﻿@charset "utf-8";

.clearfix:after { 
     content: ".";
     display: block;
     clear: both;
     height: 0;
	 font-size:0;
     visibility: hidden;
}
/* WinIE6 以下,  MacIE5 */
* html .clearfix {
  height: 1%;
}
/* IE7,MacIE5 */
.clearfix { display: inline-block; }
.clearfix { display: block; }





/********************     *****************/
h2 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #aa7345;
	font-size: 20px;
	font-weight: 100;
	width:478px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aa7345;
	margin: 0px 0 20px 0;
}

/********************   headImg  *****************/
#headImgs {
	margin: 0 auto 30px;	
}
/********************   keisai  *****************/
.keisai {
	
}
.keisai dt {
	float: left;	
	width: 5em;
}
.keisai dd {
	
}


/********************   infoBoX  *****************/
#infoBox {
	width: 940px;
	margin: 0 auto 100px;
}
#infoBox > div {
	float: left;
}
#infoBox #txtBox {
	float:right;
	width: 478px;
	position: relative;
}
#infoBox #txtBox .sec1{
	position: absolute;
	top: 30px;
}
#infoBox #txtBox .sec2{
	position: absolute;
	top: 373px;
}	
#infoBox dl dt {
	float: left;
	width: 123px;
}
/********************   sns  *****************/

#sns {
	overflow: hidden;
	margin: 5px 25px 0 0;
}

#sns li {
	float: right;
}

.twitter-share-button {
	width: 85px!important;
}
.fb-like {
  line-height: 1;
}

#twBox {
	margin-bottom: 80px;	
}

/********************   buyBtn  *****************/
p.buyBtn {
	text-align: center;	
}



/********************   photoG  *****************/
.ph2 {
	margin-top: 90px;	
}
#photoG ul {
	display: flex;	
	flex-wrap: wrap;
	align-content: flex-start;
	margin-bottom: 50px;
}
#photoG ul li {
	margin: 0 25px 20px 0 ;	
}
/********************   twitter movie  *****************/
#boxFlex {
	display: flex;
	display: -webkit-flex;
	align-items: center;	
	-webkit-align-items: center;	
}#boxFlex #movie {
	margin-left: 100px;	
}
#boxFlex #bnr {
	margin-left: 100px;	
	margin-top: 50px;
}
/********************   imagelightbox  *****************/
#imagelightbox {
  position: fixed;
  z-index: 9999;
  -ms-touch-action: none;
  touch-action: none;
}
#imagelightbox-overlay {
  
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}




/*/////////// kmp logo ///////////*/
.kmp-logo {
	margin: 50px auto 0;
	text-align: center;	
}