@charset "utf-8";

*{ box-sizing:border-box; }

button,label{ cursor:pointer; }

/*------------------------ 分類：表示、非表示系------------------------*/
.pc-hidden{ display:none !important; }
.sp-hidden{ display:block !important; }

.pc-hidden-inline{ display:none !important; }
.sp-hidden-inline{ display:inline !important; }

.pc-hidden-inline-block{ display:none !important; }
.sp-hidden-inline-block{ display:inline-block !important; }

@media screen and (max-width:768px){
	.pc-hidden{ display:block !important; }
	.sp-hidden{ display:none !important; }
	
	.pc-hidden-inline{ display:inline !important; }
	.sp-hidden-inline{ display:none !important; }
	
	.pc-hidden-inline-block{ display:inline-block !important; }
	.sp-hidden-inline-block{ display:none !important; }
}

/*------------------------ 分類：レイアウト系 ------------------------*/


/* m-inner
---------------------------------------------------------------------------- */
.m-inner{
	width:950px; 
	margin:0 auto;
}

@media screen and (max-width:768px){
	.m-inner{
		width:100%;
	}
}


/* m-link-btn
---------------------------------------------------------------------------- */
.m-link-btn{
	text-align:center;
	background-color:transparent;
	border:none;
	position:relative;
	display:inline-block;
	width:350px;
	height:60px;
	overflow: visible;
	cursor:pointer;
	font-family: 'はれのそら明朝',sans-serif;
	font-size:18px;
	z-index:3;
	outline:none;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all  0.1s ease;
	text-decoration:none;
	vertical-align:middle;
}
a.m-link-btn{
	padding:15px 30px 0;
}
.m-link-btn::before{
	border:1px solid #000;
	content:"";
	position:absolute;
	top:-3px;
	left:-3px;
	width:100%;
	height:100%;
	z-index:2;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all  0.1s ease;
	display:block;
}
.m-link-btn::after{
	content:"";
	position:absolute;
	border:1px solid #f5ed80;
	background-color:#f5ed80;
	top:3px;
	left:3px;
	width:100%;
	height:100%;
	z-index:-1;
	transition: all 0.5ms ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all  0.1s ease;
	display:block;
}
.m-link-btn:hover::before{
	top:3px;
	left:3px;
}
.m-link-btn:hover::after{
	top:-3px;
	left:-3px;
}

@media screen and (max-width:768px){
	.m-link-btn{
		width:280px;
		height:50px;
		font-size:15px;
	}
}


/* m-selling
---------------------------------------------------------------------------- */
.m-selling{
	margin:0 0 70px;
}

.m-selling a{
	display:block;
	position: relative;
	text-decoration: none;
}

.m-selling-img{
	position: absolute;
	left:-40px;
	top:-40px;
}

.m-selling-text-area{
	background-image:url("/images/top/bg_selling.png");
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#fff;
}

.m-selling-text{
	background-image:url("/images/top/bg_selling.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:50px 160px 30px 200px;
	font-size:15px;
	line-height: 1.46;
}

.m-selling-link{
	position: absolute;
	right:0;
	top:-14px;
}

@media screen and (max-width:768px){
	.m-selling{
		margin:0 10px 40px;
	}

	.m-selling a{
		display:block;
		position: relative;
		text-decoration: none;
	}

	.m-selling-img{
		position: relative;
		left:0;
		top:0;
		text-align:center;
		margin:0 0 -15px;
	}
	
	.m-selling-img img{
		width:241px;
		height:auto;
	}

	.m-selling-text-area{
		background-image:url("/images/top/bg_selling.png");
		background-position:center bottom;
		background-repeat:no-repeat;
		background-color:#fff;
	}

	.m-selling-text{
		background-image:url("/images/top/bg_selling.png");
		background-position:center top;
		background-repeat:no-repeat;
		padding:30px 20px 10px;
		font-size:12px;
		line-height: 1.46;
	}

	.m-selling-link{
		position: relative;
		right:0;
		top:0;
		text-align:center;
		padding:0 0 30px;
	}
	
	.m-selling-link img{
		width:120px;
		height:auto;
	}
}


/* m-description
---------------------------------------------------------------------------- */
.m-description{
	width:475px;
	text-align:left;
}

.m-description-category{
	width:200px;
	background:#1a1a1a;
	font-size:15px;
	color:#fff;
	text-align:center;
	padding:4px 10px;
	margin-bottom:-15px;
	position: relative;
	z-index:1;
}

.m-description-text{
	width:475px;
	background:#fff;
	font-size:20px;
	font-weight: bold;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	padding: 32px 40px 14px 20px;
}

.m-description-text-catch{
	display:block;
	font-size:15px;
	font-weight:normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	margin:0 0 2px;
}

@media screen and (max-width:768px){
	.m-description{
		width:100%;
		padding:0 10px;
	}

	.m-description-category{
		width:100%;
		font-size:15px;
		padding:4px 10px;
		margin-bottom:0;
	}

	.m-description-text{
		width:100%;
		font-size:15px;
		padding: 15px 10px 14px;
	}

	.m-description-text-catch{
		display:block;
		font-size:12px;
		margin:0;
	}
}


/* .m-line-title
---------------------------------------------------------------------------- */
.m-line-title{
	background-image: url(/images/goods/single/bg_info_line.png);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 20px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
	width: 100%;
	margin: 0 0 20px;
}

.m-line-title span{
	display: inline-block;
	background: #fffce7;
	padding: 0 14px;
}

@media screen and (max-width:768px){
	.m-line-title {
		font-size: 15px;
		width: auto;
		margin: 0 0 20px;
	}
	
	
}


/* m-section
---------------------------------------------------------------------------- */
.m-section{
	padding:52px 0 0;
}

@media screen and (max-width:768px){
	.m-section{
		padding:52px 10px 0;
	}
}


/* ------------------------ ページャー ------------------------ */
.m-pager{
	font-size:15px;
	text-align: center;
}
.m-pager .page-numbers{
	margin-right:20px;
	display:inline-block;
	border:none;
}
.m-pager .page-numbers.current,
.m-pager a.page-numbers:hover{
	text-decoration:none;
}

.m-pager .next,.m-pager .prev{
	position: relative;
	top:-3px;
}

@media screen and (max-width:768px){
	.m-pager{
		text-align:center;
		padding:18px 0 16px;
	}
	.m-pager .page-numbers:last-child{
		margin-right:0px;
	}
	
	.m-pager .next img,.m-pager .prev img{
		width:5px;
		height:auto;
	}
	
	.m-pager .next,.m-pager .prev{
		position: relative;
		top:-6px;
	}
}


/* is-overlay
---------------------------------------------------------------------------- */
.is-overlay{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	z-index:9999;
	top:0;
	left:0;
	display: none;
}

.is-overlay.is-overlay-open{
	display: block;
}


/* is-gnav-point
---------------------------------------------------------------------------- */
.is-gnav-point{
	position: fixed;
	top:0;
	z-index:9999;
	background:#fff;
	left: 0;
	right: 0;
}

@media screen and (max-width:768px){
	.is-gnav-point{
		background: none;
		right: 0;
		left: auto;
	}
}


/* is-form
---------------------------------------------------------------------------- */
.is-form{
	
}

.is-form label.error{
	color:#FF0000;
	display:block;
}


/* animate
---------------------------------------------------------------------------- */
.fadeIn {
	visibility: visible !important;
}

.delay1{
	moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.delay2{
	moz-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.delay3{
	moz-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.delay4{
	moz-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.delay5{
	moz-animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

/*------------------------ 分類：Wordpress エディタ本文 ------------------------*/

/* ※WPを使用しない案件では削除する事 */
/* ※親要素のクラス（.hoge）は適宜変更する事 */
/* ※この注意文は必ず削除する事 */

.hoge strong{ font-weight:bold; }
.hoge em{ font-style:oblique; }



/*------------------------ 分類： ------------------------*/