@charset "UTF-8";



/*google Analytics用*/
iframe[name='google_conversion_frame'] {
	 height: 0 !important;
	 width: 0 !important;
	 line-height: 0 !important;
	 font-size: 0 !important;
	 margin-top: -13px;
	 float: left;
}


#wrapper {             /* これは使用しない */
}


#content {
	width: 100%;
	max-width: 1050px;
	text-align: left;
	margin: 0 auto;
	height: auto;
	overflow: visible;
}
#content01 {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	height: auto;
	overflow: visible;
}



.header {
	background-color: #fff;
}
#mainaria {
	width: 100%;
	float: left;
	margin-top: 15px;
}

#center {
	background-color: #fff;
	width: 100%;
	max-width: 770px;             /* フルイメージ */
	height: auto;
	min-height: 1050px;
	float: left;                   /*  */
	position: relative;
}

#center p {
	max-width: 600px;             /* フルイメージ */
}

#center img {             /* フルイメージ */
	max-width: 100%;
}

#center #main3box {

}


#sidr {
	float: right;
	background-color: #fff;   /* #dcdccb */
}
#sidr .mHead .wClose a,
#sidr .mHead div.wCart a {
	font-size:0.9em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding-top:8px;
	display:block;
	height:65px;
}
#sidr .mHead .wClose a {background-color:#ff56aa; float:left;}
#sidr .mHead div.wCart {float:left; border-left:1px #eee solid;}
#sidr .mHead .wClose .icon_close:before,
#sidr .mHead div.wCart .icon_insta:before,
#sidr .mHead div.wCart .icon_facebook:before,
#sidr .mHead div.wCart .icon_twitter:before {
	font-size:21px;
	margin-bottom:0.2em;
	display:block;
}
#sidr .mHead div.wCart a{width:100%;/* height:60px;*/ background:#ff9999;}
#sidr .mHead div.wCart a:hover {background:#ffc6c6;}

.mHead, .sidrMenu, .spThm, .tenpoInfo/*, .pickArea*/, .mFoot, .mSnsicons/*, .catKugiri*/{display:none;}



div.catWrap {
	max-width: 250px;             /* サイドバーの幅 */
	width: 100%;
	float: left;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.sidrMenu {display: none;}     /* pcでは、表示しない */

#snszoon {     /* snszoonは、パソコンだけに表示するsns */
	max-width: 250px;
	margin: 5px 0px;
}

#snszoon img {
	margin-left: 5px;
	width: 70px;
	height: auto;
}

#snszoon a:hover img {
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	 opacity: 0.6;
	 *filter: none;
}



/* ------ Font ------ */

/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	 font-family: 'icomoon';
	 src:    url('fonts/icomoon.eot?afgnnj');
	 src:    url('fonts/icomoon.eot?afgnnj#iefix') format('embedded-opentype'),
	     url('fonts/icomoon.ttf?afgnnj') format('truetype'),
	     url('fonts/icomoon.woff?afgnnj') format('woff'),
	     url('fonts/icomoon.svg?afgnnj#icomoon') format('svg');
	 font-weight: normal;
	 font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	 /* use !important to prevent issues with browser extensions that change fonts */
	 font-family: 'icomoon' !important;
	 speak: none;
	 font-style: normal;
	 font-weight: normal;
	 font-variant: normal;
	 text-transform: none;
	 line-height: 1;

	 /* Better Font Rendering =========== */
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
}




.col-pc-4 {width:24.5%;}
.col-pc-12 {width: 100%;height: auto;}

/*ボックス*/
.col-sm-12 {width:100%;padding-bottom: 20px;}
.col-sm-4 {width:24.5%;}







.icon_close:before {
	font-family: 'icomoon';
	content: "\e917";
}
.icon_facebook:before {
	font-family: 'icomoon';
	content: "\ea8d";
}
.icon_twitter:before {
	font-family: 'icomoon';
	content: "\ea91";
}
.icon_insta:before {
	font-family: 'icomoon';
	content: "\e907";
}




.clearfix {zoom: 1;}









/*
■ PC：横幅769px以上
■ タブレット（android）：横幅768px
■ スマートフォン（android）：横幅640px
PCとタブレットの横幅は1024以上でも769以上でも良いでしょう。
*/

/*タブレット用 */
@media screen and (max-width: 1024px) {

	html,body {
		width: 100% !important;
	}
	#wrapper {
		overflow: hidden;
	}
	#content, #center, #mainaria {
		width: 100%;
	}

	#center {min-height: inherit;}

	#center, #content {
		width: 100%;
	}

	/************ sidemenu **************/
	.mHead, .sidrMenu, .spThm, .tenpoInfo, .pickArea, .mFoot, .mSnsicons, .catKugiri{display:block;}

	.mHead {
		padding-bottom: 20px;
	}

	.sidrBtn {
		position: fixed;          /* メニューボタンの位置を決める */
		right: 0;
		top: 0;
		display: block;
		z-index: 4000;
		opacity: 0.5;          /* 画像を半透明にする */
	}
	.sidrBtn img {width: 50px;}

	div.catWrap {max-width: none;}
	#sidr {
		width: 45%;          /* タブレットでは、45%表示 */
		height: 100%;
		position: fixed;
		top: 0;
		right: -1200px;
		/*overflow: scroll;*/
		z-index: 10000;
		/*-webkit-overflow-scrolling: touch;*/
	}
	#sidr .sidr-cont {
		overflow: scroll;
		height: 100%;
		-webkit-overflow-scrolling: touch;
	}

	#sidr.on {
		display: block;
		-moz-transform: translate(-1200px);
		-webkit-transform: translate(-1200px);
		-o-transform: translate(-1200px);
		transform: translate(-1200px);
		transition-duration: 0.2s;
	}
	#sidr.off {
		display: none;
		right: -1200px;
	}

	#sidr .mHead .wClose a, #sidr .mHead div.wCart a {font-size:0.6rem; /*height:30px;*/}

	#sidr .catWrap {
		width: 100%;
		padding-top: 1em;
	}
	#snszoon {display: none;}
}


@media only screen and (max-width: 640px) {
	#sidr {width: 85%;}     /* スマホでは、85%表示させる */
}