﻿
.flexslider .slides li { display:none;}
.flexslider .slides li:first-child { display:block;}

h2 { background:url(../common/img/headUnderLine.png) center bottom no-repeat; padding:0 0 25px; margin:35px 0;}
.mobile h2 { background:url(../common/img/headUnderLine@2x.png) center bottom no-repeat; background-size:50px 3px; padding:0 0 20px; margin:25px 0;}


/* nomucomLink */
#nomucomLink { position:absolute; top:60px; right:0; background: #fff; border-bottom: 3px solid #d2d4d8; padding: 20px 50px 20px 20px;}
a:hover#nomucomLink { border-bottom: 3px solid #b6151c;}
#nomucomLink:after { content: url(../img/nomucomLinkArrow.png); position:absolute; top:0; bottom:0; right:20px; width:9px; height:10px; margin:auto;}

/* messageSec */
#messageSec { max-width:1000px; margin:0 auto; padding:40px 0 0;}
#messageSec .wrap { overflow:hidden;}
#messageSec .message { width:100%; text-align:left;}
#messageSec h3 { margin-bottom:20px; font-size:2.0rem; line-height:1.5;}

/* corpInfoSec */
#corpInfoSec { background:#eee; padding:40px 0;}
#corpInfoSec ul { max-width:1000px; margin:0 auto;}
#corpInfoSec li { display:inline-block; width:25%;}
#corpInfoSec li:first-child img,
#corpInfoSec li:last-child img { border:1px solid #ddd;}

/* gstSec */
#gstSec { padding:0 0 40px 0;}
#gstSec .inner { max-width:1000px; margin:40px auto;}
#gstSec .inner > h3 {font-size:2.0rem; line-height:1.5; text-align:left; padding:0 0 5px;}
#gstSec ul { padding-top:20px;}
#gstSec li { display:inline-block; margin:0 2.830188679245283%; width:43.39622641509434%; vertical-align:top;}
#gstSec li h3 { color:#aa141d; font-size:2.4rem; text-align:left; margin:10px 0; font-family:Arial Narrow,Arial, Helvetica, sans-serif;}
#gstSec li p { text-align:left;}
#gstSec .contactUs { max-width:1000px; margin:20px auto 40px; border:3px solid #ddd; text-align:center; padding:30px;}

#btnWrap { max-width:400px; margin:0 auto;}
.btn3d {
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;
	width:100%;
	height: 60px;
	display:block;
}
.btn3d span {
	display: block;
	position: absolute;
	width:100%;
	height: 60px;
	text-align: center;
	line-height: 60px;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
	font-weight:bold;
	font-size:1.8rem;
}
.btn3d span:nth-child(1) {
	background-color: #c11721;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.btn3d span:nth-child(2) {
	background-color: #aa141d;
	color: #fff;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.btn3d:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.btn3d:hover span:nth-child(2) {
	background-color: #c11721;
	color:#c11721;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}


 
/* pickupSection */
.pickupSection .inner  { max-width:980px; margin:0 auto; padding:40px 0 0;}
.pickupSection ul { padding-bottom:30px; text-align:left;}
.pickupSection ul li{ display:inline-block; width:48.979591836735%; margin-left:2.040816326531%; margin-bottom:10px;}
.pickupSection ul li:first-child { margin-left:0;}
.pickupSection ul > *:first-child + * + * { margin-left:0;} 

@media only screen and (max-width: 1020px) {

#contentsArea { padding:0; }
#messageSec {padding:20px 3%;}
#corpInfoSec { margin:0; padding:20px 0;}
#corpInfoSec ul { padding:0 3%;}
#gstSec { padding:0 0 20px 0;}
#gstSec .inner { padding:0 3%; margin:0 auto;}

}

@media only screen and (max-width: 940px) {

#nomucomLink { display:none;}

}
@media only screen and (max-width: 767px) {

h2 {font-size:2.2rem; padding:0 0 20px; margin:20px 0;}

#contentsArea { padding: 0;}


footer h2 { margin:0; background:none;}
footer #siteIndexArea #siteIndexAreaWrapper h2 { margin:0;}

}
@media only screen and (max-width: 640px) {


#corpInfoSec li {width:50%;}

#gstSec li {margin:0 3%; width:94%;}

.pickupSection ul li { width:100%; margin-left:0; text-align:center;}

}


@media only screen and (max-width: 570px) {

}
@media only screen and (max-width: 480px) {

.secondColumn a span { display:block; font-size:1.0rem; line-height:1.5;} 

}



















