@charset "utf-8";








/* -------------------------------------
     下層のレスポンシブ用
----------------------------------------*/

html{
     height:100%;
     font-size:10px;     /* 1rem = 10px */
}


/* -------------------------------------
                   */
@media screen and (max-width: 1024px) {
/*----------------------------------------*/


/*----------------------------------------*/
}
/*	end (max-width: 1024px) (PCサイト/コンテンツ幅より小さい時 ここまで)
----------------------------------------*/

/* -------------------------------------
                   */
@media screen and (min-width: 768px) and (max-width: 1023px) {
/*----------------------------------------*/





/*----------------------------------------*/
}
/*	end case  (min-width: 768px) and (max-width: 1023px) 
(pad/コンテンツ幅より小さい時 ここまで)
----------------------------------------*/



/* -------------------------------------
     case 767px (== SP)               */
@media screen and (max-width: 767px) {
/*----------------------------------------*/
body {
	font-size:1.2rem;
}

.pc{
	display:none!important;
}
.pc_inline{
	display:none!important;
}
.pc_inline_block{
	display:none!important;
}
.sp{
	display:block!important;
}
.sp_inline{
	display:inline!important;
}
.sp_inline_block{
	display:inline-block!important;
}

/* -------------------------------------
	レイアウト初期設定
---------------------------------------- */
.header_inner,
.footer_inner,
.content_inner{
	margin:auto;
	width:100%;;
 	min-width:100%;
	max-width:100%;
	
}

.content_inner{
	padding:3.125%;
}



/* -------------------------------------
	youtube
---------------------------------------- */

.youtube {
	width: 100%;
	padding-top: 56.25%;
}


/* -------------------------------------
	モーダルボックス
---------------------------------------- */

.modalBoxContents {
	font-size:1.4rem;
	color:#666;
}

.modalBox {
	 padding:4.6875%;
	 width:auto;
	 height:auto;
}

.close.spClose{
	 background:#2f2f2f;
	 width:30px;
	 height:30px;
	 line-height:30px;
	 color:#fff;
	 cursor:pointer;
	 text-align:center;
	 font-size:300%;
	 position:fixed;
	 top:0px;
	 right:0px;
	 z-index:2002;

}


.bx-wrapper .bx-controls-direction a {
	display: none;
}


.bx-wrapper .bx-pager {
	bottom:5px;
}

/*----------------------------------------*/
}
/*		end case 736px (スマホサイズ ここまで)
----------------------------------------*/