@charset "utf-8";

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

	/*
	0:セット
	------------------------------------------------------------
	*/
	body {
		font-size: 14px;
		background: none;
	}
	.opacity:hover {
		filter:alpha(opacity=50); /* IE 6,7*/
		-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */
		-moz-opacity:0.5; /* FF , Netscape */
		-khtml-opacity: 0.5; /* Safari 1.x */
		opacity:0.5;
		zoom:1; /*IE*/
	}
	.sp{
		display: block;
	}
	.pc {
	display:none;
	}

	/*
	//ベース
	------------------------------------------------------------
	*/
	#container_wrap {
		min-width: inherit;
	}



	/*
	//ヘッダー
	------------------------------------------------------------
	*/
	header {
		clear:both;
		width: 94%;
		margin: 0 auto;
		height: 35px;
		position: relative;
	}
	.logo {
		width: 60px;
	}


	/*
	//フッター
	------------------------------------------------------------
	*/
	footer{
		background: url(../images/footerBg.jpg) no-repeat center bottom;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
		margin-bottom: 110px;
	}
	#footer {
		width: 94%;
		padding: 0 0 10px;
	}
	.footer_left {
		float: inherit;
		width: 100%;
		margin-bottom: 20px;
	}
	.footer_right {
		float: inherit;
		width: 100%;
	}
	.fLogoWrap{
		margin-bottom: 10px;
		font-size: 150%;
	}
	.fLogo {
		width: 70px;
	}
	.f_name_en{
		font-size: 230%;
	}
	.f_name{
		font-size: 200%;
	}
	.copy {
		padding-top: 40%;
	}
	#fCon{
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 150;
	}
	.fConTop{
		position: relative;
		overflow: hidden;
		padding: 0 3% 0px;
		z-index: 150;
		color: #FFF;
	}
	.fConTop:after{
		position: absolute;
		content: "";
		width: 100%;
		height: 90%;
		left: 0;
		bottom: 0;
		background: #52a0fd;
		z-index: 149;
	}
	.fConL{
		float: left;
		width: 65%;
		font-size: 63%;
		line-height: 1.1;
		padding-top: 40px;
		position: relative;
		z-index: 150;
	}
	.fConR{
		float: right;
		width: 35%;
		position: relative;
		z-index: 150;
	}
	.fConTxt{
		font-size: 220%;
		padding-top:5px;
	}
	.fConBottom{
		color: #FFF;
		text-align: center;
		font-size: 125%;
	}
	.fConBottom a{
		background: #005bac;
		display: block;
		padding: 5px 3%;
	}
	.fConBottom a span{
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../images/fConBg.svg) no-repeat 0 0;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
		vertical-align: middle;
		margin-left: 10px;
	}
	.fConBottom a:link,
	.fConBottom a:visited{
		color: #FFF;
	}
	/*
	5:div
	------------------------------------------------------------
	*/


	/*
	6:ul
	------------------------------------------------------------
	*/


	/*
	7:dl
	------------------------------------------------------------
	*/


	/*
	8:table
	------------------------------------------------------------
	*/


	/*
	9:タイトル
	------------------------------------------------------------
	*/
	h2.topTi{
		font-size: 180%;
	}
	h2.topTi2{
		padding: 20px 3%;
		font-size: 200%;
		margin-bottom: 50px;
	}
	h2.topTi2.jpTi{
		font-size: 125%;
	}
	h2.topTi2:after{
		border-width: 20px 37.5px 0 37.5px;
		bottom: -20px;
	}
	h2.fairTi{
		font-size: 220%;
	}
	h2.giftTi{
		font-size: 200%;
	}
	h2.newTi{
		font-size: 250%;
		margin-bottom: 25px;
	}
	h3.fairTi{
		font-size: 150%;
		line-height: 50px;
		background: url(../images/tiBg.svg) no-repeat center;
		background-size: auto 50px;
		margin-bottom: 20px;
	}
	h3.newTi{
		font-size: 250%;
	}
	h3.seriesTi{
		font-size: 150%;
		padding: 15px;
		margin-bottom: 30px;
	}
	h3.formTi{
		font-size: 250%;
		line-height: 1.2;
	}
	h4.seriesTi{
		font-size: 200%;
		margin-bottom: 15px;
	}




	/*
	10：装飾
	------------------------------------------------------------
	*/


	/*
	11:ボタン系
	------------------------------------------------------------
	*/
	.btn{
		width: 300px;
		line-height: 80px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		font-size: 150%;
	}
	.submit{
		line-height: 70px;
		font-size: 150%;
		padding: 0 !important;
	}

	/*
	12:その他パーツ
	------------------------------------------------------------
	*/


	/*
	13:コンタクトフォーム
	------------------------------------------------------------
	*/
	table.formTable  {
		width: 94%;
		margin: 0 auto 40px;
	}
	table.formTable th {
		padding: 0 0 10px 25px;
		width: 100%;
		display: block;
	}
	table.formTable th span{
		position: inherit;
		margin-left: 10px;
		position: absolute;
    font-size: 75%;
    left: 0;
    bottom: 12px;
    color: #c98e57;
	}
	table.formTable td {
		padding: 0 0 20px;
		width: 100%;
		display: block;
	}
	input{
		padding:15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}



	/*
	14:ワードプレス
	------------------------------------------------------------
	*/


	/*
	15:マージン・パディング
	------------------------------------------------------------
	*/

	
	/*
	16:Pagination
	------------------------------------------------------------
	*/


	/*
	17:original
	------------------------------------------------------------
	*/
	#mainImg{
		height: auto;
		font-size:80%;
	}
	#mainImg .inner{
		width: 94%;
		padding-top:20px;
	}
	#movieBox{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
		
	}
	#movieBox iframe,
	#movieBox img{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
	}
	#fairBox{
		margin-bottom: 35px;
		margin-top: -50px;
	}
	.giftBox{
		padding: 40px 0 50px;
		background: #4c4948;
		font-size:95%;
	}
	.giftBox:before{
		display: none;
	}
	.top_section{
		width: 94%;
	}
	.leftCol{
		float: inherit;
		width: 100%;
		padding-top: 0;
		margin-bottom: 10px;
	}
	.rightCol{
		float: inherit;
		width: 100%;
		position: relative;
		padding-top: 0;
	}
	p.syonanTi{
		font-size: 150%;
	}
	p.openDay{
		font-size: 180%;
	}
	#fairBox p.openDay{
		margin-bottom: 35px;
	}
	#fairBox p{
		padding: 0 3%;
	}
	.renewal{
		position: absolute;
		top: 30%;
		left: auto;
		right: 3%;
		width: 150px
	}
	p.f18{
		font-size: 100%;
	}
	p.f22b{
		font-size: 100%;
		font-weight: bold;
		line-height: 1.4;
	}
	p.f26{
		font-size: 113%;
	}
	p.f33b{
		font-size: 150%;
		font-weight: bold;
	}
	p.f40b{
		font-size: 180%;
	}
	.present{
		position: inherit;
		top:0;
		right: auto;
		width: 120px;
	}
	#yoyakuBox{
		margin-bottom: 50px;
	}
	#newBox{
		margin-bottom: 50px;
	}
	#carBox{
	margin-bottom: 0px;

	}
	#carBox .inner{
		width: 94%;
	}
	p.newTi{
		font-size: 150%;
	}
	p.sale{
		font-size: 100%;
	}
	#newBox .inner2{
		width: 94%;
		margin: 0 auto;
	}
	.leftBox{
		width: 100%;
		float: inherit;
		margin-bottom: 20px;
	}
	.rightBox{
		width: 100%;
		float: inherit;
		margin-bottom: 20px;
	}
	ul.photo img {
		width: 100%;
		height:auto;
	}
	ul.photo li{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 0%
	}
	ul.photo li:nth-child(2n){
		margin-right: 0;
	}
	p.price{
		font-size: 100%;
		margin-bottom: 20px;
	}
	p.price .num{
		font-size: 180%;
	}
	p.price .jp{
		font-size: 113%;
	}
	table td{
		padding: 20px;
		width: 100%;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	table td span{
		display: inline-block;
	}
	table td .num{
		font-size: 200%;
	}
	#newBox .inner2 .bk{
		width: 100%;
	}
	#newBox .inner2 .gy{
		width: 100%;
	}
	#seriesWrap{
		margin-bottom: 35px;
	}
	.seriesBox{
		width: 94%;
		margin: 0 auto 40px;
	}
	.left_col{
		float: inherit;
		width: 100%;
		position: relative;
		margin-bottom: 15px;
	}
	.right_col{
		float: inherit;
		width: 100%;
	}
	.gentei{
    width: 80px;
    height: 80px;
    font-size: 60%;
    padding-top: 30px;
    top: 48%;
    right: 3%;

	}
	.right_col p.price{
		margin-top: 30px;
	}
	#formBox{
		margin-bottom: 60px;
	}
	p.formTi{
		font-size: 150%;
	}
.innerM {
	width:100%;
	margin: 0 auto;
	max-height:150px;
}
ul.shopList li {
float:none;
width: 100%;
margin-right:0%;
margin-bottom: 25px;
}
ul.shopList li:nth-child(4n) {
margin-right:0;
}
}