@charset "utf-8";
/*-----------------------
 clearfix
------------------------- */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
.cf:after {
    clear:both;
}
/*-------------
	common
----------------*/
* {
	margin: 0;
	padding: 0;
}
html {
	color:#333; 
	line-height: 1.5;
font-size: 12px;
	/* font-size: 9.91px;
 font-size: 10.69px;*/
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family:  "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
img {
	border: none;
	vertical-align: bottom;
}
li,ol {
	list-style: none;
}
br {
	letter-spacing: 0;
}
em {
	font-style: normal;
	font-weight: bolder;
}
a:visited {
	color: #666;
	text-decoration: none;
	outline: none;
}
a{
	text-decoration:none;
	color:#333;
}
img a:hover{
	opacity:.7;
}
.opacity:hover{
	opacity:.7;
}
a:hover{
	cursor:pointer;
	cursor:hand;
}
.flL{
	float:left;
}
.flR{
	float:right;
}
.mgt30{
margin-top:30px;
}
.mgb10{
margin-bottom:10px;
}
.mgb15{
margin-bottom:15px;
}
.mgb20{
margin-bottom:20px;
}
.mgb30{
margin-bottom:30px;
}
.mgb40{
margin-bottom:40px;
}
.mgb50{
margin-bottom:50px;
}
.small {
	font-size: 12px;
}
a:hover{
	cursor:pointer;
	cursor:hand;
}
.pd15{
	padding:15px 0;
}
.flL{
	float:left;
}
.flR{
	float:right;
}
.mg0{
	margin:0;
}
.mr10{
	margin-right:10px;
}
a img:hover{
	opacity:.6;
}
.center{
	text-align:center;
}
.left { text-align: left;}

/*------------
	contents
--------------*/
#header{
	padding:30px 0 30px 0;
}
.inner{
	/*width:780px;*/
	width:760px;
	margin:0 auto;
}
#topimg{
	margin:0 auto;
	text-align:center;	
	width:100%;
/*margin-bottom:50px;*/
	background:#eee;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15) inset;
}
.small{
	font-size:12px;
}
.border{
	margin-top:120px;
	padding:40px;
	border:1px solid #ccc;
}
h4{
	font-size:12.45px;
}

/*-----------
	about
----------------------*/
.summer-gift{
	line-height:1.8;
}
.summer-gift img{
	width:100%;
}
#summer-gift01-inner{
	padding-top:10px;
}
.summer-gift .flL{
	width:370px;

}
.summer-gift .flR{
	width:370px;
}
.summer-gift .flL h4{
	font-size:16px;
	padding:10px 0;
	line-height:1;
}

.summer-gift .flL span{
	font-size:12px;
}
.summer-gift .flR ul,
.summer-gift .flL ul{
	margin-bottom:10px;
}

#summer-gift01 .font{
	font-size:15px;
}
.summer-gift03{
	margin-top:100px;
}
#summer-gift02 h4{
	padding-top:0;
}
#summer-gift02 dl{
	padding-bottom:20px;
}
#summer-gift02 dt,
#summer-gift02 dd{
	float:left;
}
#summer-gift02 dt{
	clear:both;
	width:80px;
}

#summer-gift03{
	font-size:18px;
	padding-top:100px;
	text-align:center;
}
/*------------
	footer
--------------*/
#footer{
	clear:both;
	width:900px;
	padding-bottom:50px;
}
#footer .inner{
	width:900px;
	margin:0 auto;
}
.foot_top_inner p{
	font-weight:700;
	border-bottom:1px solid #333;
}
.foot_top_inner{
	width:140px;
	margin:5px;
	float:left;
	margin-bottom:20px;
	padding-top:100px;
}	
.foot_top_inner p{
	margin-bottom:10px;
}
.foot_top_inner ul{
	margin-left:10px;
}
#footer a{
	color: #005CAD;
	text-decoration: underline;
	line-height: 2em;
}
#footer_center{
	margin:0 auto;
	width:900px;
	margin-bottom:30px;
}
#footer_center li{
	float:left;
	list-style-type : disc;   
	margin:10px;
}
#footer_bottom p{
	float:left;
	width:400px;
}
#footer_bottom ul{
	float:left;
	width:500px;
}
#footer_bottom li{
	float:left;
	margin-left:10px;
}
#footer_bottom li:before{
	content:"|";
	color:#005CAD;
	padding-right:10px;
}
#footer_bottom small{
	color:#bbb;
	font-size:12px;
}



/*--------------------custam--------------------*/

.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt40 { margin-top: 40px;}

.tit-under-txt {
	font-size: 14px;
	line-height: 1.8;
}

.inner-in {
	margin: 0 auto;
	width: 760px;
}

h2 {
	font-size: 30px;
	letter-spacing: .05em;
	text-align: center;
}

h2 span { font-size: 18px;}

.main-copy {
	margin-bottom: 100px;
	padding: 100px 0;
	text-align: center;
}

.main-copy p { margin-top: 30px;}

h3 {
	font-size: 24px;
	margin-bottom: 30px;
	text-align: center;
}

h3.bottom-tit { margin: 100px 0 30px;}

h3.bottom-tit2 { margin: 200px 0 30px;}

h3.benefit-tit { margin: 30px 0;}

h4 {
	font-size: 16px;
	margin-top: 100px;
	text-align: center;
}

h4 span {
	display: inline-block;
	line-height: 1;
}

h4 span:after {
	background: #000;
	content: '';
	display: inline-block;
	height: 1px;
	width: 100%;
}

.pic { margin-bottom: 30px;}

/*----------commodity----------*/

.commodity-area li {
	float: left;
	margin-left: 25px;
}

.commodity-area li:first-child { margin-left: 0;}

.commodity {
	/*border: 1px solid #000;*/
	overflow: hidden;
}

.commodity a {
	display: block;
	position: relative;
}

.commodity a img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.commodity a span.commodity-info {
	display: block;
	font-size: 16px;
	height: 80px;
	opacity: 0;
	margin-top: -40px;
	position: absolute;
	top: 50%;
	text-align: center;
	width: 100%;
}

.commodity a span.here-txt {
	display: block;
	font-size: 14px;
	opacity: 0;
	padding-top: 10px;
	-webkit-transition: all .5s .3s;
	-moz-transition: all .5s .3s;
	-ms-transition: all .5s .3s;
	-o-transition: all .5s .3s;
	transition: all .5s .3s;
}

.commodity a span.commodity-info.line2 {
	height: 40px;
	margin-top: -20px;
}

.commodity a span.commodity-min { font-size: 12px;}

.commodity-name { font-size: 18px;}

.commodity a:hover img {
	opacity: .3;
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

.commodity a:hover span.commodity-info  { opacity: 1;}

.commodity a:hover span.here-txt {
	opacity: 1;
	padding-top: 0;
}

.commodity-txt {
	line-height: 1.8;
	margin-top: 20px;
}

/*--fb--*/

.fb-btn {
	border: 1px solid #231815;
	margin: 160px auto 0;
	width: 365px;
}

.fb-btn a:before {
    border: 1px solid rgb(76, 76, 76);
    content: '';
    display: block;
    height: 68px;
    opacity: 0;
    position: absolute;
    width: 363px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.fb-btn a:hover:before {
	opacity: 1;
	-webkit-transform: scale(.98,.9);
	-moz-transform: scale(.98,.9);
	-ms-transform: scale(.98,.9);
	-o-transform: scale(.98,.9);
	transform: scale(.98,.9);
}

/*--------------------/common--------------------*/

.harf-area li { float: right;}

.harf-area li:first-child { float: left;}

.harf-area li.harf-txt {
	line-height: 1.8;
	width: 260px;
}

.harf-area li.harf-txt2 {
	line-height: 1.8;
	width: 360px;
}

.pic-txt {
	line-height: 1.8;
	margin-top: 20px;
}

.commodity-area { margin-top: 80px;}

/*.commodity-area li { width: 240px;}*/
.commodity-area li { width: 235px;}


.glay-bg {
	background: #e7e7e7;
	padding: 50px 0;
}

.glay-bg-in {
	line-height: 2;
	margin: 0 auto;
	width: 680px;
}

.glay-bg-in li {
	float: right;
	margin-top: 30px;
}

.glay-bg-in li:first-child {
	float: left;
	margin-top: 0;
	width: 48%;
}

.glay-bg-in ul.glay2 li:first-child {
	float: left;
	margin-top: 0;
	width: 70%;
}

.glay-bg-in span { font-size: 14px;}