@charset "UTF-8";

/*初期化==============================================================================================*/
html{
	height: 100%;
}

*{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
	-moz-user-select : none ;
	-webkit-user-select : none ;
	-ms-user-select : none ;
	user-select : none ;
	-webkit-user-drag: none;
	user-drag: none;
}
p,h1,h2,h3,h4,h5,div{/*大画面スマホ*/
	background-image: url();
}
ul, li{
	list-style-type: none;
}

/*BODY====================================================================*/
body{
	height: 100%;
	color: #333333;
	background-color: #ffffff;
	text-align: center;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ Ｐゴシック","arial",sans-serif;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
	font-weight: normal;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	
	-webkit-text-size-adjust: 100%;
	/*-moz-user-select : none;
	-webkit-user-select : none;
	-ms-user-select : none;
	user-select : none;*/
	
	/*background-color: #ff0000;*/
}

/*レイアウト==========================================================================*/
div#outer{
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #f9f9f9;
	font-size: 0;
	line-height: 0;
	text-align: left;
	letter-spacing: 0;
	
	/*background-clip: content-box;*/
	
}
.pc_view div#outer{
	min-height: 100%;
	min-width: 960px;/*W*/
	padding-top: calc(60px /*+ 28px*/ + 15px * 2 + 30px + 1px);	/*title1 title2 margin*2 padding border*/
}
.pc_view div#outer.sub{
	padding-top: calc(44px + 0px + 15px * 2 + 0px + 1px);/*title1 title2 margin*2 padding border*/
}
.sm_view div#outer{
	padding-top: calc(8.4vw + /*3.6vw +*/ 2vw * 2 + 7vw + 1px);/*title1 title2 margin*2 paddng border*/
}
.sm_view div#outer.sub{
	padding-top: calc(7vw + 0vw + 2vw * 2 + 7vw + 1px);/*title1 title2 margin*2 paddng border*/
}

div.block{
	position: relative;
	padding: 15px 0;
}
div.block0{
	position: relative;
}

div.block1{
	position: relative;
	padding: 40px 0;
}
div.block2{
	position: relative;
	padding: 40px 0;
	background:#eeeeee;
}
.sm_view div.block1,
.sm_view div.block1{
	/*padding: 8vw 0;*/
	padding: 30px 0;
}


.wrapper0,
.wrapper{
	position: relative;
}
.pc_view .wrapper0,
.pc_view .wrapper{
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px/*●*/;
	padding-right: 30px/*●*/;
	min-width: 960px;/*W*/
	max-width: 1200px;/*W*/
	box-sizing: border-box;
	/*background: #cccccc;*/
}
.sm_view .wrapper{
	padding-left: 15px/*●*/;
	padding-right: 15px/*●*/;
}

.pc_view div.inner,
.pc_view div.inner0,
.pc_view div.inner1_1,
.pc_view div.inner2_1,
.pc_view div.inner1_2,
.pc_view div.inner3_2,
.pc_view div.inner2_3,
.pc_view div.inner1_1_1,
.pc_view div.inner1_1_1_1{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0 30px/*●*/;
	min-width: 960px;/*W*/
	max-width: 1200px;/*W*/
	box-sizing: border-box;
}

.sm_view div.inner,
.sm_view div.inner1_1,
.sm_view div.inner2_1,
.sm_view div.inner1_2,
.sm_view div.inner3_2,
.sm_view div.inner2_3,
.sm_view div.inner1_1_1,
.sm_view div.inner1_1_1_1{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px/*●*/;
}
.sm_view div.inner0{
	position: relative;
	padding: 0 0;
}

div.inner:after,
div.inner0:after,
div.inner1_1:after,
div.inner2_1:after,
div.inner1_2:after,
div.inner3_2:after,
div.inner2_3:after,
div.inner1_1_1:after,
div.inner1_1_1_1:after{
	content: "";
	display: block;
	clear: both;
}

/*分割なし*/
div.inner>*,
div.inner0>*{
	box-sizing: border-box;
}

/*ちょっと狭い*/
.pc_view .narrow,
.pc_view .narrow_pc{
	width: 90% !important;
	/*min-width: 864px !important;/*W*/
	max-width: 1000px !important;
}
.sm_view .narrow,
.sm_view .narrow_sm{
	width: 80% !important;
}

/*広い*/
.pc_view .wide,
.pc_view .wide0{
	max-width: 1600px !important;
}
.pc_view .exwide,
.pc_view .exwide0{
	max-width: 1920px !important;
}
.pc_view .wide0,
.pc_view .exwide0{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.sm_view .wide0,
.sm_view .exwide0{
	padding-left: 0 !important;
	padding-right: 0 !important;
}



/*2分割 1:1*/
.pc_view div.inner1_1>*{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: calc(50% - 15px);
	margin-top: 30px;
}
.pc_view div.inner1_1>*:nth-child(2n-1){
	margin-right: 15px;
}
.pc_view div.inner1_1>*:nth-child(2n){
	margin-left: 15px;
}
.pc_view div.inner1_1>*:nth-child(1),
.pc_view div.inner1_1>*:nth-child(2){
	margin-top: 0;
}
.sm_view div.inner1_1>*{
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
}
.sm_view div.inner1_1>*:first-child{
	margin-top: 0;
}

/*2分割 2:1*/
.pc_view div.inner2_1>*{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 30px;
}
.pc_view div.inner2_1>*:nth-child(2n-1){
	width: calc( 99.99% - (99.99% - 60px) / 3 - 30px );
	margin-right: 15px;
}
.pc_view div.inner2_1>*:nth-child(2n){
	width: calc( (99.99% - 60px) / 3);
	margin-left: 15px;
}
.pc_view div.inner2_1>*:nth-child(1),
.pc_view div.inner2_1>*:nth-child(2){
	margin-top: 0;
}
.sm_view div.inner2_1>*{
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
}
.sm_view div.inner2_1>*:first-child{
	margin-top: 0;
}

/*2分割 1:2*/
.pc_view div.inner1_2>*{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 30px;
}
.pc_view div.inner1_2>*:nth-child(2n-1){
	width: calc( (99.99% - 60px) / 3);
	margin-right: 15px;
}
.pc_view div.inner1_2>*:nth-child(2n){
	width: calc( 99.99% - (99.99% - 60px) / 3 - 30px );
	margin-left: 15px;
}
.pc_view div.inner1_2>*:nth-child(1),
.pc_view div.inner1_2>*:nth-child(2){
	margin-top: 0;
}
.sm_view div.inner1_2>*{
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
}
.sm_view div.inner1_2>*:first-child{
	margin-top: 0;
}

/*2分割 3:2*/
.pc_view div.inner3_2>*{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 30px;
}
.pc_view div.inner3_2>*:nth-child(2n-1){
	width: calc(60% - 15px);
	margin-right: 15px;
}
.pc_view div.inner3_2>*:nth-child(2n){
	width: calc(40% - 15px);
	margin-left: 15px;
}
.pc_view div.inner3_2>*:nth-child(1),
.pc_view div.inner3_2>*:nth-child(2){
	margin-top: 0;
}
.sm_view div.inner3_2>*{
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
}
.sm_view div.inner3_2>*:first-child{
	margin-top: 0;
}

/*2分割 2:3*/
.pc_view div.inner2_3>*{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 30px;
}
.pc_view div.inner2_3>*:nth-child(2n-1){
	width: calc(40% - 15px);
	margin-right: 15px;
}
.pc_view div.inner2_3>*:nth-child(2n){
	width: calc(60% - 15px);
	margin-left: 15px;
}
.pc_view div.inner2_3>*:nth-child(1),
.pc_view div.inner2_3>*:nth-child(2){
	margin-top: 0;
}
.sm_view div.inner2_3>*{
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
}
.sm_view div.inner2_3>*:first-child{
	margin-top: 0;
}

/*3分割 1:1:1*/
.pc_view div.inner1_1_1>*{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: calc( (99.99% - 60px) / 3);
	margin-top: 30px;
}
.pc_view div.inner1_1_1>*:nth-child(3n-2){
	margin-right: 15px;
}
.pc_view div.inner1_1_1>*:nth-child(3n-1){
	margin-left: 15px;
	margin-right: 15px;
}
.pc_view div.inner1_1_1>*:nth-child(3n){
	margin-left: 15px;
}
.pc_view div.inner1_1_1>*:nth-child(1),
.pc_view div.inner1_1_1>*:nth-child(2),
.pc_view div.inner1_1_1>*:nth-child(3){
	margin-top: 0;
}
.sm_view div.inner1_1_1>*{
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
}
.sm_view div.inner1_1_1>*:first-child{
	margin-top: 0;
}

/*4分割 1:1:1*/
.pc_view div.inner1_1_1_1>*{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: calc( (100% - 90px) / 4 );
	margin-top: 30px;
}
.pc_view div.inner1_1_1_1>*:nth-child(4n-3){
	margin-right: 15px;
}
.pc_view div.inner1_1_1_1>*:nth-child(4n-2),
.pc_view div.inner1_1_1_1>*:nth-child(4n-1){
	margin-left: 15px;
	margin-right: 15px;
}
.pc_view div.inner1_1_1_1>*:nth-child(4n){
	margin-left: 15px;
}
.pc_view div.inner1_1_1_1>*:nth-child(1),
.pc_view div.inner1_1_1_1>*:nth-child(2),
.pc_view div.inner1_1_1_1>*:nth-child(3),
.pc_view div.inner1_1_1_1>*:nth-child(4){
	margin-top: 0;
}
.sm_view div.inner1_1_1_1>*{
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
}
.sm_view div.inner1_1_1_1>*:first-child{
	margin-top: 0;
}

/*スマホ 2分割 1:1*/
.sm_view div.inner1_1_sm>*{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: calc(50% - 6px);
	margin-top: 20px;
}
.sm_view div.inner1_1_sm>*:nth-child(2n-1){
	margin-right: 6px;
}
.sm_view div.inner1_1_sm>*:nth-child(2n){
	margin-left: 6px;
}
.sm_view div.inner1_1_sm>*:nth-child(1),
.sm_view div.inner1_1_sm>*:nth-child(2){
	margin-top: 0;
}
/*スマホ3分割 1:1:1*/
.sm_view div.inner1_1_1_sm>*{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	width: calc( (99.99% - 32px) / 3);
	margin-top: 20px;
}
.sm_view div.inner1_1_1_sm>*:nth-child(3n-2){
	margin-right: 8px;
}
.sm_view div.inner1_1_1_sm>*:nth-child(3n-1){
	margin-left: 8px;
	margin-right: 8px;
}
.sm_view div.inner1_1_1_sm>*:nth-child(3n){
	margin-left: 8px;
}
.sm_view div.inner1_1_1_sm>*:nth-child(1),
.sm_view div.inner1_1_1_sm>*:nth-child(2),
.sm_view div.inner1_1_1_sm>*:nth-child(3){
	margin-top: 0;
}

/*フロート====================================================================================*/
.f_r,
.pc_view .f_r_pc{
	float: right;
	position: relative;
}
.pc_view .f_r,
.pc_view .f_r_pc{
	margin: 0 0 30px 30px;
}
.sm_view .f_r{
	margin: 0 0 10px 10px;
}
.sm_view .f_r_pc{
	margin: 0 0 10px 0;
}

.f_l,
.pc_view .f_l_pc{
	float: left;
	position: relative;
}
.pc_view .f_l,
.pc_view .f_l_pc{
	margin: 0 30px 30px 0;
}
.sm_view .f_l{
	margin: 0 10px 10px 0;
}
.sm_view .f_l_pc{
	margin: 0 0 10px 0;
}

/*クリア*/
div.clear_float,
div.clear_left,
div.clear_right{
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
}
div.clear_float{
	clear: both;
}
div.clear_left{
	clear: left;
}
div.clear_right{
	clear: right;
}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
}

/*幅====================================================================================================*/
.w10p{	width: 10%;	}
.w15p{	width: 15%;	}
.w20p{	width: 20%;	}
.w25p{	width: 25%;	}
.w30p{	width: 30%;	}
.w40p{	width: 40%;	}
.w50p{	width: 50%;	}
.w60p{	width: 60%;	}
.w70p{	width: 70%;	}
.w80p{	width: 80%;	}
.w90p{	width: 90%;	}
.w100p{	width: 100%;	}

.pc_view .w10p_pc{	width: 10%;	}
.pc_view .w15p_pc{	width: 15%;	}
.pc_view .w20p_pc{	width: 20%;	}
.pc_view .w25p_pc{	width: 25%;	}
.pc_view .w30p_pc{	width: 30%;	}
.pc_view .w40p_pc{	width: 40%;	}
.pc_view .w50p_pc{	width: 50%;	}
.pc_view .w60p_pc{	width: 60%;	}
.pc_view .w70p_pc{	width: 70%;	}
.pc_view .w80p_pc{	width: 80%;	}
.pc_view .w90p_pc{	width: 90%;	}
.pc_view .w100p_pc{	width: 100%;	}

.sm_view .w10p_sm{	width: 10%;	}
.sm_view .w15p_sm{	width: 15%;	}
.sm_view .w20p_sm{	width: 20%;	}
.sm_view .w25p_sm{	width: 25%;	}
.sm_view .w30p_sm{	width: 30%;	}
.sm_view .w40p_sm{	width: 40%;	}
.sm_view .w50p_sm{	width: 50%;	}
.sm_view .w60p_sm{	width: 60%;	}
.sm_view .w70p_sm{	width: 70%;	}
.sm_view .w80p_sm{	width: 80%;	}
.sm_view .w90p_sm{	width: 90%;	}
.sm_view .w100p_sm{	width: 100%;	}

.pc_view .w10p_20p{	width: 10%;	}
.sm_view .w10p_20p{	width: 20%;	}
.pc_view .w15p_30p{	width: 15%;	}
.sm_view .w15p_30p{	width: 30%;	}
.pc_view .w20p_40p{	width: 20%;	}
.sm_view .w20p_40p{	width: 40%;	}
.pc_view .w25p_50p{	width: 25%;	}
.sm_view .w25p_50p{	width: 50%;	}
.pc_view .w30p_60p{	width: 30%;	}
.sm_view .w30p_60p{	width: 60%;	}
.pc_view .w35p_70p{	width: 35%;	}
.sm_view .w35p_70p{	width: 70%;	}
.pc_view .w40p_80p{	width: 40%;	}
.sm_view .w40p_80p{	width: 80%;	}
.pc_view .w45p_90p{	width: 45%;	}
.sm_view .w45p_90p{	width: 90%;	}
.pc_view .w50p_100p{	width: 50%;	}
.sm_view .w50p_100p{	width: 100%;	}

/*inner...と幅を揃える用*/
.w25p_c{	width: calc( (100% - 90px) / 4 );	}
.w33p_c{	width: calc( (99.99% - 60px) / 3 );	}
.w40p_c{	width: calc( 40% - 15px );	}
.w50p_c{	width: calc( 50% - 15px );	}
.pc_view .w25p_c_pc{	width: calc( (100% - 90px) / 4 );	}
.pc_view .w33p_c_pc{	width: calc( (99.99% - 60px) / 3 );	}
.pc_view .w40p_c_pc{	width: calc( 40% - 15px );	}
.pc_view .w50p_c_pc{	width: calc( 50% - 15px );	}

/*パンくず==========================================================================*/
div.top_breadcrumb{
	background-color: #ffffff;
	padding-bottom: 5px;
}
.sm_view div.top_breadcrumb{
	display: none;
}
div.breadcrumb{
	text-align: left;
	padding-top: 10px !important;
}
.sm_view div.breadcrumb{
	display: none !important;
}
div.breadcrumb>div{
	position: relative;
	font-size: 13px;
	line-height: 20px;
	color: #999999;
	display: inline-block;
	vertical-align: top;
	margin-left: 25px;
	margin: 0 9px 0 16px;
}
.sm_view div.breadcrumb>div{
	font-size: 12px;
}
div.breadcrumb>div[data-link]{
}
.touch_device div.breadcrumb>div[data-link]:active,
.display_device div.breadcrumb>div[data-link]:hover{
	color: #666666;
	text-decoration: none;
}
div.breadcrumb>div:before{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	position: absolute;
	left: -18px;
	top: 50%;
	border-top: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

div.breadcrumb>div:first-child{
	margin-left: 0;
}
div.breadcrumb>div:first-child:before{
	display: none;
}


.arw_r,
.arw{
	display: inline-block;
	vertical-align: middle;
	width: .4em;
	height: .4em;
	margin: 0 .5em 0 .2em;
	border-top: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	-webkit-transform: rotate(45deg) translateY(-20%);
	transform: rotate(45deg) translateY(-20%);
	transition: all .3s;
}
.arw_r{
	border-color: rgba(134,28,60,1);
}
.display_device .btn1:hover .arw_r{
	border-color: #ffffff;
}
/*カラー=======================================================================================*/
.color_theme{	color: rgba(134,28,60,1) !important;}
.bg_theme{	background-color: rgba(134,28,60,1) !important;}
.bd_theme{	border-color: rgba(134,28,60,1) !important;}
.theme{		background-color: rgba(134,28,60,1) !important; 	color: #ffffff !important;}
.color_theme_h{	color: rgba(134,28,60,.3) !important;}
.bg_theme_h{	background-color: rgba(134,28,60,.3) !important;}
.bd_theme_h{	border-color: rgba(134,28,60,.3) !important;}


.color_strong{	color: rgba(238,85,187,1) !important;}
.bg_strong{	background-color: rgba(238,85,187,1) !important;}
.bd_strong{	border-color: rgba(238,85,187,1) !important;}
.strong{		background-color: rgba(238,85,187,1) !important; 	color: #ffffff !important;}
.color_strong_h{	color: rgba(238,85,187,.3) !important;}
.bg_strong_h{	background-color: rgba(238,85,187,.3) !important;}
.bd_strong_h{	border-color: rgba(238,85,187,.3) !important;}

.color_black{	color: rgba(0,0,0,1) !important;}
.bg_black{	background-color: rgba(0,0,0,1) !important;}
.bd_black{	border-color: rgba(0,0,0,1) !important;}
.black{		background-color: rgba(0,0,0,1) !important; 	color: #ffffff !important;}
.color_black_h{	color: rgba(0,0,0,.3) !important;}
.bg_black_h{	background-color: rgba(0,0,0,.3) !important;}
.bd_black_h{	border-color: rgba(0,0,0,.3) !important;}

.color_white{	color: rgba(255,255,255,1) !important;}
.bg_white{	background-color: rgba(255,255,255,1) !important;}
.bd_white{	border-color: rgba(255,255,255,1) !important;}
.white{		background-color: rgba(255,255,255,1) !important; 	color: #000000 !important;}
.color_white_h{	color: rgba(255,255,255,.3) !important;}
.bg_white_h{	background-color: rgba(255,255,255,.3) !important;}
.bd_white_h{	border-color: rgba(255,255,255,.3) !important;}

.color_gray{	color: rgba(153,153,153,1) !important;}
.bg_gray{		background-color: rgba(153,153,153,1) !important;}
.bd_gray{		border-color: rgba(153,153,153,1) !important;}
.gray{			background-color: rgba(153,153,153,1) !important; 	color: #ffffff !important;}
.color_gray_h{	color: rgba(153,153,153,.3) !important;}
.bg_gray_h{		background-color: rgba(153,153,153,.3) !important;}
.bd_gray_h{		border-color: rgba(153,153,153,.3) !important;}

.color_red{	color: rgba(238,51,85,1) !important;}
.bg_red{		background-color: rgba(238,51,85,1) !important;}
.bd_red{		border-color: rgba(238,51,85,1) !important;}
.red{			background-color: rgba(238,51,85,1) !important; 	color: #ffffff !important;}
.color_red_h{	color: rgba(238,51,85,.3) !important;}
.bg_red_h{		background-color: rgba(238,51,85,.3) !important;}
.bd_red_h{		border-color: rgba(238,51,85,.3) !important;}

.color_green{	color: rgba(0,176,80,1) !important;}
.bg_green{		background-color: rgba(0,176,80,1) !important;}
.bd_green{		border-color: rgba(0,176,80,1) !important;}
.green{			background-color: rgba(0,176,80,1) !important; 	color: #ffffff !important;}
.color_green_h{	color: rgba(0,176,8,.3) !important;}
.bg_green_h{		background-color: rgba(0,176,8,.3) !important;}
.bd_green_h{		border-color: rgba(0,176,8,.3) !important;}

.color_blue{	color: rgba(0,122,192,1) !important;}
.bg_blue{		background-color: rgba(0,122,192,1) !important;}
.bd_blue{		border-color: rgba(0,122,192,1) !important;}
.blue{			background-color: rgba(0,122,192,1) !important; 	color: #ffffff !important;}
.color_blue_h{	color: rgba(0,122,192,.3) !important;}
.bg_blue_h{		background-color: rgba(0,122,192,.3) !important;}
.bd_blue_h{		border-color: rgba(0,122,192,.3) !important;}

.color_orange{	color: rgba(255,119,68,1) !important;}
.bg_orange{		background-color: rgba(255,119,68,1) !important;}
.bd_orange{		border-color: rgba(255,119,68,1) !important;}
.orange{			background-color: rgba(255,119,68,1) !important; 	color: #ffffff !important;}
.color_orange_h{	color: rgba(255,119,68,.3) !important;}
.bg_orange_h{		background-color: rgba(255,119,68,.3) !important;}
.bd_orange_h{		border-color: rgba(255,119,68,.3) !important;}

.color_purple{	color: rgba(153,102,204,1) !important;}
.bg_purple{		background-color: rgba(153,102,204,1) !important;}
.bd_purple{		border-color: rgba(153,102,204,1) !important;}
.purple{			background-color: rgba(153,102,204,1) !important; 	color: #ffffff !important;}
.color_purple_h{	color: rgba(153,102,204,.3) !important;}
.bg_purple_h{		background-color: rgba(153,102,204,.3) !important;}
.bd_purple_h{		border-color: rgba(153,102,204,.3) !important;}

.color_pink{	color: rgba(238,85,187,1) !important;}
.bg_pink{		background-color: rgba(238,85,187,1) !important;}
.bd_pink{		border-color: rgba(238,85,187,1) !important;}
.pink{			background-color: rgba(238,85,187,1) !important; 	color: #ffffff !important;}
.color_pink_h{	color: rgba(238,85,187,.3) !important;}
.bg_pink_h{		background-color: rgba(238,85,187,.3) !important;}
.bd_pink_h{		border-color: rgba(238,85,187,.3) !important;}

.color_cyan{	color: rgba(51,187,221,1) !important;}
.bg_cyan{		background-color: rgba(51,187,221,1) !important;}
.bd_cyan{		border-color: rgba(51,187,221,1) !important;}
.cyan{			background-color: rgba(51,187,221,1) !important; 	color: #ffffff !important;}
.color_cyan_h{	color: rgba(51,187,221,.3) !important;}
.bg_cyan_h{		background-color: rgba(51,187,221,.3) !important;}
.bd_cyan_h{		border-color: rgba(51,187,221,.3) !important;}

.color_olive{	color: rgba(170,204,102,1) !important;}
.bg_olive{		background-color: rgba(170,204,102,1) !important;}
.bd_olive{		border-color: rgba(170,204,102,1) !important;}
.olive{			background-color: rgba(170,204,102,1) !important; 	color: #ffffff !important;}
.color_olive_h{	color: rgba(170,204,102,.3) !important;}
.bg_olive_h{		background-color: rgba(170,204,102,.3) !important;}
.bd_olive_h{		border-color: rgba(170,204,102,.3) !important;}

.color_yellow{	color: rgba(255,204,0,1) !important;}
.bg_yellow{		background-color: rgba(255,204,0,1) !important;}
.bd_yellow{		border-color: rgba(255,204,0,1) !important;}
.yellow{			background-color: rgba(255,204,0,1) !important; 	color: #ffffff !important;}
.color_yellow_h{	color: rgba(255,204,0,.3) !important;}
.bg_yellow_h{		background-color: rgba(255,204,0,.3) !important;}
.bd_yellow_h{		border-color: rgba(255,204,0,.31) !important;}

/*リンク==================================================================================================*/
a{
	color: rgba(134,28,60,1);
	text-decoration: none;
}
.display_device a:hover{
	text-decoration: underline;
}
.pc_view a.tel{
	pointer-events: none;
	color: inherit;
}

a.link0{
	display: inline-block;
	vertial-align: middle;
	color: inherit;
}
.display_device a.link0:hover{
	color: rgba(134,28,60,1);
	text-decoration: none;
}

a.link1{
	display: inline-block;
	vertial-align: middle;
	border: solid 1px transparent;
	text-align: center;
	padding: 0 .6em;
	background-color: rgba(0,0,0,.05);
	background-clip: padding-box;
	color: inherit;
	border-radius: .3em;
	transition: background-color .3s;
}
.display_device a.link1:hover{
	background-color: rgba(134,28,60,1);
	color: #ffffff;
	text-decoration: none;
}

a.link2{
	display: inline-block;
	vertial-align: middle;
	border: solid 1px transparent;
	line-height: 2.4em;
	text-align: center;
	padding: 0 .9em;
	background-color: rgba(134,28,60,1);
	background-clip: padding-box;
	color: #ffffff;
	border-radius: calc(1.2em + 1px);
	transition: background-color .3s;
}
.display_device a.link2:hover{
	background-color: rgba(134,28,60,.7);
	text-decoration: none;
}

/*ボタン１*/
a.btn1{
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	text-decoration: none;
	letter-spacing: 0;
	vertical-align: middle;
	padding: .7em 1em;
	color: rgba(134,28,60,1);
	border: solid 1px rgba(134,28,60,1);
	transition: color .3s;
}
a.btn1.blk{
	color: #ffffff;
	background-color: #333333;
	border: none;
}
.sm_view a.btn1{
	padding: .5em .5em;
}

a.btn1>span{
	display: inline-block;
	position: relative;
	line-height: 1.4em;
	padding: 0 2.6em;
}
.sm_view a.btn1>span{
	padding: 0 2.1em;
}
.display_device a.btn1:hover{
	text-decoration: none;
}
.display_device a.btn1:before{
	content: "";
	display: block;
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(134,28,60,1);
	transition: width .3s;
}
.display_device a.btn1:hover{
	color: #ffffff;
}

.display_device a.btn1:hover:before{
	width: 100%;
}

/*ボタン２*/
a.btn2{
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	text-decoration: none;
	letter-spacing: 0;
	vertical-align: middle;
	padding: .5em 1em;
	color: #ffffff;
	background-color: #333333;
}
a.btn2>span{
	display: inline-block;
	position: relative;
	line-height: 1.4em;
	height: 1.4em;
}
.display_device a.btn2:hover{
	text-decoration: none;
}
.display_device a.btn2:before{
	content: "";
	display: block;
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(134,28,60,1);
	transition: width .3s;
}
.display_device a.btn2:hover:before{
	width: 100%;
}

/*ボタンインアクティブ*/
.inactive{
	color: rgba(0,0,0,.3) !important;
	pointer-events : none !important;
}
.inactive>*{
	color: rgba(0,0,0,.3) !important;
	pointer-events : none !important;
}
.translucent{
	opacity: .3 !important;
	pointer-events : none !important;
}

/*矢印　ボタンの後ろなど*/
span.arrow,
span.arrow_r,
span.arrow_w{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.6em;
	height: 1.4em;
	/*background: rgba(0,0,0,.1);*/
}
span.arrow.rel,
span.arrow_r.rel,
span.arrow_w.rel{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	right: auto;
	bottom: auto;
	margin-left: 1em;
}

span.arrow:before,
span.arrow:after,
span.arrow_r:before,
span.arrow_r:after,
span.arrow_w:before,
span.arrow_w:after{
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	background-color: #333333;
	transition: background-color .3s;
}
span.arrow_r:before,
span.arrow_r:after{
	background-color: rgba(134,28,60,1);
}
span.arrow_w:before,
span.arrow_w:after{
	background-color: #ffffff;
}

span.arrow:before,
span.arrow_r:before,
span.arrow_w:before{
	left: 0;
	top: 50%;
	width: 100%;
}
span.arrow:after,
span.arrow_r:after,
span.arrow_w:after{
	right: 0;
	top: 50%;
	width: 40%;
	
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	
	-webkit-transform: rotateZ(30deg);
	-ms-transform: rotateZ(30deg);
	transform: rotateZ(30deg);
}

.display_device a:hover span.arrow_r:before,
.display_device a:hover span.arrow_r:after{
	background-color: #ffffff;
}

/*ライン　hoverでアニメーション*/
.hover_line{
	display: block;
	position: relative;
	padding: 0 !important;
}
.hover_line:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 1px;
	background-color: #333333;
}
.display_device a:hover .hover_line:before{
	animation: line_ani .4s ease-in-out 0s 1 normal;
}
@keyframes line_ani{
	0% {		left: 0;	width: 100%;}
	49.9% {	left: 100%;width: 0%;}
	50% {	left: 0;	width: 0%;}
	99.9% {	left: 0;	width: 100%;}
}

/*エリアボタン 画像の上にタッチエリアをつくる時など=========================*/
a.area_btn{
	display: block;
	position: absolute;
	font-size: 0;
	line-height: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-repeat: no-repeat;
	transition: background-color .3s;
	/*background-color: rgba(255,255,0,.5);*/
}
.display_device a.area_btn:hover{
	background-color: rgba(255,255,255,.2);
}


/*LINK BOX======================================================================*/
div.link_box,
a.link_box{
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	color: inherit;
	vertical-align: top;
	
	transition: background-color .3s;
	overflow: hidden;
}
div.link_box{
	box-shadow: none;
	pointer-events: none;
	cursor: default;
}

a.link_box:hover{
	text-decoration: none;
}
.display_device a.link_box:hover{
	background-color: rgba(0,0,0,.1);
}

.link_box>span.box_thumb{
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 100%;
	overflow: visible;
	background-color: #dddddd;;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.link_box>span.box_text{
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
	margin: 8px 0;
}
.sm_view .link_box>span.box_text{
	margin: 5px 0;
}
.link_box>span.box_text>span{
	display: block;
	line-height: 1.4;
	padding: 0 14px;
	margin-bottom: 8px;
}
.sm_view .link_box>span.box_text>span{
	padding: 0 8px;
	margin-bottom: 5px;
}
.link_box>span.box_text>span:last-of-type{
	margin-bottom: 0;
}

.link_box div.box_label1,
.link_box div.box_label2,
.link_box div.box_label3,
.link_box div.box_label4{
	display: inline-block;
	position: absolute;
	background-color: rgba(134,28,60,.8);
	color: #ffffff;
	padding: 0 .7em;
}
.link_box div.box_label1{	left: 0;	top: 0;	}
.link_box div.box_label2{	right: 0;	top: 0;	}
.link_box div.box_label3{	right: 0;	bottom: 0;	}
.link_box div.box_label4{	left: 0;	bottom: 0;	}

/*TYPE1*/
.pc_view .link_box.type1{
	padding: 2% 3% 1.5% 3%;
	margin: 0 !important;
	width: 25% !important;
}
.sm_view .link_box.type1{
	padding:  3% 5%;
}

.link_box.type1>span.box_thumb{
	overflow: hidden;
}
.link_box.type1>span.box_thumb:before{
	content: "";
	display: block;
	padding-top: 100%;/*1:1*/
}
.sm_view .link_box.type1>span.box_thumb:before{
	padding-top: 66.66%;/*3:2*/
}

.link_box.type1>span.box_thumb>span{
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	transition: all .3s;
}
.display_device .link_box.type1:hover>span.box_thumb>span{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.link_box.type1>span.box_text{
	font-size: 15px;
	font-weight: bold;
	min-height: 2.8em;/*line-height(1.4)*2 */
	box-sizing: border-box;
	padding-right: 1.6em;/*矢印の分*/
	position: relative;
}
.sm_view .link_box.type1>span.box_text{
	font-size: 15px;
}
.link_box.type1>span.box_text>span{
	display: block;
	line-height: 1.4;
	padding: 0;
	margin: 0;
}


/*TYPE2*/
.link_box.type2{
	width: 100%;
}
.pc_view .link_box.type2_2{
	width: calc((100% + 50px) / 2 - 80px);
}
.pc_view .link_box.type2_2:nth-of-type(2n){
	margin-left: 15px !important;
}

.pc_view .link_box.type2{
	padding: 15px;
	margin: 0 !important;
}
.sm_view .link_box.type2{
	padding:  15px;
	margin: 0 !important;
}

.link_box.type2>span.box_thumb{	width: 100px;	overflow: hidden;}
.link_box.type2>span.box_text{	width: calc(100% - 100px - 10px); margin: 4px 0 8px 10px;}
.link_box.type2>span.box_thumb:before{
	content: "";
	display: block;
	padding-top: 100%;/*1:1*/
}
.sm_view .link_box.type2>span.box_thumb{	width: 80px;	}
.sm_view .link_box.type2>span.box_text{	width: calc(100% - 80px - 10px);	margin: 4px 0 8px 10px;	}
.sm_view .link_box.type2>span.box_thumb:before{
	padding-top: 100%;/*1:1*/
}
.link_box.type2>span.box_thumb>span{
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	transition: all .3s;
}
.display_device .link_box.type2:hover>span.box_thumb>span{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.link_box.type2>span.box_text{
	font-size: 15px;
	line-height: 1.4;
	font-weight: bold;
	box-sizing: border-box;
	position: relative;
}
.sm_view .link_box.type2>span.box_text{
	font-size: 15px;
}
.link_box.type2>span.box_text>span{
	display: block;
	box-sizing: border-box;
	padding: 0;
	padding-right: 1.6em;/*矢印の分*/
}
.link_box.type2>span.box_text>span:first-child{
	min-height: 2.8em;/*line-height(1.4)*2 */
}


/*TYPE3*/
.link_box.type3{
	width: 100%;
	background-color: transparent;
	box-shadow: none;
	border-top: dotted 1px #dddddd;
	transition: background-color .3s;
}
.link_box.type3:last-child{
	border-bottom: dotted 1px #dddddd;
}
.pc_view .link_box.type3{
	padding: 15px;
}
.sm_view .link_box.type3{
	padding: 10px 0;
}
.link_box.type3>span.box_text{
	margin: 0;
}
.pc_view .link_box.type3>span.box_text{
	min-height: 100px;/* = サムネイルの高さ サムネイルの大きさを変えたら…*/
}
.sm_view .link_box.type3>span.box_text{
	min-height: 80px;/* = サムネイルの高さ サムネイルの大きさを変えたら…*/
}

.link_box.type3>span.box_text>span{
	padding-right: 0;
}
.link_box.type3>span.box_text>span:last-child{
	margin-bottom: 0;
}
.display_device a.link_box.type3:hover{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	box-shadow: none;
	background-color: rgba(134,28,60,.1);
}
.link_box.type3>span.box_thumb{	width: 150px;	}
.link_box.type3>span.box_text{	width: calc(100% - 150px);	}
.link_box.type3>span.box_thumb:before{
	content: "";
	display: block;
	padding-top: 66.66%;/*3:2*/
}
.sm_view .link_box.type3>span.box_thumb{	width: 80px;	}
.sm_view .link_box.type3>span.box_text{	width: calc(100% - 80px);	}
.sm_view .link_box.type3>span.box_thumb:before{
	padding-top: 100%;/*1:1*/
}

/*タイトル=======================================================================*/
/*H1*/
h1{
	line-height: 1.5;	
	font-weight: bold;
	letter-spacing: 0;
	color: #333333;
	position: relative;
}
.pc_view h1{
	font-size: 32px;	
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 6px;
}
.sm_view h1{
	font-size: 6vw;	
	margin-bottom: 8vw;
	padding-top: 8vw;
	padding-bottom: 1.5vw;
}
h1:after{
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	top: 100%;
	width: 100%;
	height: 3px;
	background-color: rgba(0,0,0,.1);
	border-color:  rgba(134,28,60,1);
	border-style: solid;
	border-width: 0 0 0 90px;
}
.sm_view h1:after{
	border-width: 0 0 0 20vw;
}


.pc_view h1[data-category1],
.pc_view h1[data-category2]{
	padding-top: 55px;
}
.sm_view h1[data-category1],
.sm_view h1[data-category2]{
	padding-top: 12vw;
}
h1[data-category1]:before,
h1[data-category2]:before{
	content: attr(data-category1);
	display: inline-block;
	position: absolute;
	background-color: #333333;
	color: #ffffff;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0;
	padding: 0 .5em;
}
h1[data-category1]:before{
	content: attr(data-category1);
	left: 0;
}
h1[data-category2]:before{
	content: attr(data-category2);
	right: 0;
}

.pc_view h1[data-category1]:before,
.pc_view h1[data-category2]:before{
	font-size: 16px;
	top: 20px;
}
.sm_view h1[data-category1]:before,
.sm_view h1[data-category2]:before{
	font-size: 3.5vw;
	top: 4vw;
}

/*H2*/
h2{
	line-height: 1.5;	
	font-weight: bold;
	letter-spacing: 0;
	color: #333333;
	position: relative;
	/*background: rgba(0,0,0,.2);*/
}
.pc_view h2{
	font-size: 26px;	
	margin-bottom: 30px;
	padding-bottom: 6px;
}
.sm_view h2{
	font-size: 5.4vw;	
	margin-bottom: 8vw;
	padding-bottom: 1.5vw;
}

.pc_view h2[data-category1],
.pc_view h2[data-category2]{
	padding-top: 40px;
}
.sm_view h2[data-category1],
.sm_view h2[data-category2]{
	padding-top: 9vw;
}
h2[data-category1]:before,
h2[data-category2]:before{
	content: attr(data-category1);
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #333333;
	color: #ffffff;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0;
	padding: 0 .5em;
}
h2[data-category1]:before{
	content: attr(data-category1);
	left: 0;
}
h2[data-category2]:before{
	content: attr(data-category2);
	right: 0;
}
.pc_view h2[data-category1]:before,
.pc_view h2[data-category2]:before{
	font-size: 16px;
}
.sm_view h2[data-category1]:before,
.sm_view h2[data-category2]:before{
	font-size: 3.5vw;
}


h2.h2_1{
}
h2.h2_1:after{
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	top: 100%;
	width: 100%;
	height: 2px;
	background-color: rgba(0,0,0,.1);
	border-color:  rgba(134,28,60,1);
	border-style: solid;
	border-width: 0 0 0 60px;
}
.sm_view h2.h2_1:after{
	border-width: 0 0 0 14vw;
}

h2.h2_2{
}
h2.h2_2:after{
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	top: 100%;
	width: 100%;
	height: 2px;
	background-color: rgba(0,0,0,.1);
}


/*H3*/
h3{
	line-height: 1.5;	
	font-weight: bold;
	letter-spacing: 0;
	color: #333333;
	position: relative;
	/*background: rgba(0,0,0,.2);*/
}
.pc_view h3{
	font-size: 24px;	
	margin-bottom: 10px;
	padding-bottom: 4px;
}
.sm_view h3{
	font-size: 5.2vw;	
	margin-bottom: 3vw;
	padding-bottom: 1.5vw;
}

h3.h3_1:after{
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box;
	left: 0;
	top: 100%;
	width: 100%;
	height: 1px;
	background-color: rgba(134,28,60,1);
}


/*キャプションなど=====================================================================*/
p.caption_inner,
p.caption_inner_b,
p.caption_inner_w{
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 1.3 !important;
	padding: .1em .5em;
}
p.caption_inner_b{
	color: #000000;
	background-color: rgba(255,255,255,.5);
}
p.caption_inner_w{
	color: #ffffff;
	background-color: rgba(0,0,0,.5);
}

/*テーブル============================================================================*/
table{
	border-collapse: collapse;
	box-sizing: border-box;
	max-width: 100%;
}

table th,
table td {
	vertical-align: top;
	text-align: left;
	word-break: break-word;
}
table th {
	font-weight: normal;
	white-space: nowrap;
}

/*caption*/
table > caption{
	font-size: 1.8rem;
	line-height: 1.4;
	text-align: left;
	padding-bottom: .5rem;
	font-weight: bold;
}


table.table1 > tbody > tr > th >*,
table.table1 > tbody > tr > td >*,
table.table2 > tbody > tr > th >*,
table.table2 > tbody > tr > td >*,
table.table3 > tbody > tr > th >*,
table.table3 > tbody > tr > td >*{
	line-height: 1.4;
	padding: .5rem 0;
	max-width: 100%;
}


/*table1*/
table.table1{
}
table.table1 > tbody > tr > th,
table.table1 > tbody > tr > td{
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

/*table2*/
table.table2{
	border-collapse:separate;
	border-spacing:0;
	border-bottom: solid .1rem rgba(134,28,60,.3);
}
table.table2 > tbody > tr > th,
table.table2 > tbody > tr > td{
	padding: 1rem 1.5rem;
	border-top: solid .1rem rgba(134,28,60,.3);
}
.sm_view table.table2 > tbody > tr > th,
.sm_view table.table2 > tbody > tr > td{
	padding: .5rem .5rem .5rem 1rem;
}
table.table2 > tbody > tr > th{
	background-color:rgba(134,28,60,.1);
}
table.table2 > tbody > tr > td{
}
.sm_view table.sm_adjust.table2 > tbody > tr > td {
	border-top: none;
	padding-left: 1.5rem;
}

/*table3*/
table.table3{
	border-collapse:separate;
	border-spacing:.1rem;
}
table.table3 > tbody > tr > th,
table.table3 > tbody > tr > td {
	padding: .7rem 1.5rem;
}
.sm_view table.table3 > tbody > tr > th,
.sm_view table.table3 > tbody > tr > td {
	padding: .5rem .5rem .5rem 1rem;
}
table.table3 > tbody > tr > th {
	background-color:rgba(134,28,60,.1);
}
table.table3 > tbody > tr > td {
}
.sm_view table.sm_adjust.table3 > tbody > tr > td {
	padding-left: 1.5rem;
}

/*adjust用*/
td.table_space{
	background: transparent !important;
	height: .5rem !important;
	padding: 0 !important;
}

/*文字サイズ============================================================================*/
.size48{font-size: 4.8rem ;line-height: 5.2rem;font-weight: normal;}
.size48b{font-size: 4.8rem ;line-height: 5.2rem;font-weight: bold;}
.size40{font-size: 4.0rem ;line-height: 4.4rem;font-weight: normal;}
.size40b{font-size: 4.0rem ;line-height: 4.4rem;font-weight: bold;}
.size36{font-size: 3.6rem ;line-height: 4.0rem;font-weight: normal;}
.size36b{font-size: 3.6rem ;line-height: 4.0rem;font-weight: bold;}
.size32{font-size: 3.2rem ;line-height: 3.6rem;font-weight: normal;}
.size32b{font-size: 3.2rem ;line-height: 3.6rem;font-weight: bold;}
.size28{font-size: 2.8rem ;line-height: 3.2rem;font-weight: normal;}
.size28b{font-size: 2.8rem ;line-height: 3.2rem;font-weight: bold;}
.size24{font-size: 2.4rem ;line-height: 3rem;font-weight: normal;}
.size24b{font-size: 2.4rem ;line-height: 3rem;font-weight: bold;}
.size20{font-size: 2.0rem ;line-height: 3rem;font-weight: normal;}
.size20b{font-size: 2.0rem;line-height: 3rem;font-weight: bold;}
.size18{font-size: 1.8rem;line-height: 3rem;font-weight: normal;}
.size18b{font-size: 1.8rem;line-height: 3rem;font-weight: bold;}
.size16{font-size: 1.6rem;line-height: 3rem;font-weight: normal;}
.size16b{font-size: 1.6rem;line-height: 3rem;font-weight: bold;}
.size15{font-size: 1.5rem;line-height: 2;font-weight: normal;}
.size15b{font-size: 1.5rem;line-height: 2;font-weight: bold;}
.size14{font-size: 1.4rem;line-height: 2;font-weight: normal;}
.size14b{font-size: 1.4rem;line-height: 2;font-weight: bold;}
.size13{font-size: 1.3rem;line-height: 2;font-weight: normal;}
.size13b{font-size: 1.3rem;line-height: 2;font-weight: bold;}
.size12{font-size: 1.2rem;line-height: 2;font-weight: normal;}
.size12b{font-size: 1.2rem;line-height: 2;font-weight: bold;}
.size11{font-size: 1.1rem;line-height: 2;font-weight: normal;}
.size11b{font-size: 1.1rem;line-height: 2;font-weight: bold;}
.size10{font-size: 1.0rem;line-height: 2;font-weight: normal;}
.size10b{font-size: 1.0rem;line-height: 2;font-weight: bold;}
.size9{font-size: 0.9rem;line-height: 2;font-weight: normal;}
.size9b{font-size: 0.9rem;line-height: 2;font-weight: bold;}
.size8{font-size: 0.8rem;line-height: 2;font-weight: normal;}
.size8b{font-size: 0.8rem;line-height: 2;font-weight: bold;}
.size0{font-size: 0;line-height: 0; letter-spacing: 0;}

.size48i{font-size: 4.8rem  !important;line-height: 5.2rem !important;font-weight: normal !important;}
.size48bi{font-size: 4.8rem  !important;line-height: 5.2rem !important;font-weight: bold !important;}
.size40i{font-size: 4.0rem  !important;line-height: 4.4rem !important;font-weight: normal !important;}
.size40bi{font-size: 4.0rem  !important;line-height: 4.4rem !important;font-weight: bold !important;}
.size36i{font-size: 3.6rem  !important;line-height: 4.0rem !important;font-weight: normal !important;}
.size36bi{font-size: 3.6rem  !important;line-height: 4.0rem !important;font-weight: bold !important;}
.size32i{font-size: 3.2rem  !important;line-height: 3.6rem !important;font-weight: normal !important;}
.size32bi{font-size: 3.2rem  !important;line-height: 3.6rem !important;font-weight: bold !important;}
.size28i{font-size: 2.8rem  !important;line-height: 3.2rem !important;font-weight: normal !important;}
.size28bi{font-size: 2.8rem  !important;line-height: 3.2rem !important;font-weight: bold !important;}
.size24i{font-size: 2.4rem  !important;line-height: 3.0rem !important;font-weight: normal !important;}
.size24bi{font-size: 2.4rem  !important;line-height: 3.0rem !important;font-weight: bold !important;}
.size20i{font-size: 2.0rem  !important;line-height: 2.5rem !important;font-weight: normal !important;}
.size20bi{font-size: 2.0rem !important;line-height: 2.5rem !important;font-weight: bold !important;}
.size18i{font-size: 1.8rem !important;line-height: 2.5rem !important;font-weight: normal !important;}
.size18bi{font-size: 1.8rem !important;line-height: 2.5rem !important;font-weight: bold !important;}
.size16i{font-size: 1.6rem !important;line-height: 2.5rem !important;font-weight: normal !important;}
.size16bi{font-size: 1.6rem !important;line-height: 2.5rem !important;font-weight: bold !important;}
.size15i{font-size: 1.5rem !important;line-height: 2.5rem !important;font-weight: normal !important;}
.size15bi{font-size: 1.5rem !important;line-height: 2.5rem !important;font-weight: bold !important;}
.size14i{font-size: 1.4rem !important;line-height: 1.8 !important;font-weight: normal !important;}
.size14bi{font-size: 1.4rem !important;line-height: 1.8 !important;font-weight: bold !important;}
.size13i{font-size: 1.3rem !important;line-height: 1.8 !important;font-weight: normal !important;}
.size13bi{font-size: 1.3rem !important;line-height: 1.8 !important;font-weight: bold !important;}
.size12i{font-size: 1.2rem !important;line-height: 1.8 !important;font-weight: normal !important;}
.size12bi{font-size: 1.2rem !important;line-height: 1.8 !important;font-weight: bold !important;}
.size11i{font-size: 1.1rem !important;line-height: 1.8rem !important;font-weight: normal !important;}
.size11bi{font-size: 1.1rem !important;line-height: 1.8rem !important;font-weight: bold !important;}
.size10i{font-size: 1.0rem !important;line-height: 1.5rem !important;font-weight: normal !important;}
.size10bi{font-size: 1.0rem !important;line-height: 1.5rem !important;font-weight: bold !important;}
.size9i{font-size: 0.9rem !important;line-height: 1.2rem !important;font-weight: normal !important;}
.size9bi{font-size: 0.9rem !important;line-height: 1.2rem !important;font-weight: bold !important;}
.size8i{font-size: 0.8rem !important;line-height: 1.2rem !important;font-weight: normal !important;}
.size8bi{font-size: 0.8rem !important;line-height: 1.2rem !important;font-weight: bold !important;}
.size0i{font-size: 0 !important;line-height;line-height: 0 !important;line-height; letter-spacing: 0 !important;line-height;}

.pc_view .size_LLL{		font-size: 26px;		line-height: 1.5;		}
.pc_view .size_LL{		font-size: 22px;		line-height: 1.5;		}
.pc_view .size_L{		font-size: 18px;		line-height: 1.5;		}
.pc_view .size_M{		font-size: 16px;		line-height: 1.8;		}
.pc_view .size_S{		font-size: 14px;		line-height: 1.8;		}
.pc_view .size_SS{		font-size: 12px;		line-height: 1.8;		}
.pc_view .size_SSS{		font-size: 10px;		line-height: 1.8;		}

.sm_view .size_LLL{		font-size: 19px;		line-height: 1.5;		}
.sm_view .size_LL{		font-size: 18px;		line-height: 1.5;		}
.sm_view .size_L{		font-size: 16px;		line-height: 1.5;		}
.sm_view .size_M{		font-size: 14px;		line-height: 1.8;		}
.sm_view .size_S{		font-size: 13px;		line-height: 1.8;		}
.sm_view .size_SS{		font-size: 12px;		line-height: 1.8;		}
.sm_view .size_SSS{	font-size: 10px;		line-height: 1.8;		}

/*文字スタイル====================================================================*/
.bold{
	font-weight: bold;
}
.smaller{
	font-size: smaller;
}
.larger{
	font-size: larger;
}
strong{
	font-weight: bold;
}
.ls0{
	letter-spacing: 0;
}
.indent{
	padding-left: 1em;
}
.l_h10{	line-height: 1.0 !important;	}
.l_h12{	line-height: 1.2 !important;	}
.l_h15{	line-height: 1.5 !important;	}
.l_h18{	line-height: 1.8 !important;	}
.l_h20{	line-height: 2.0 !important;	}
.l_h25{	line-height: 2.5 !important;	}
.l_h30{	line-height: 3.0 !important;	}
.l_h35{	line-height: 3.5 !important;	}
.l_h40{	line-height: 4.0 !important;	}

/*インラインブロック*/
.ib,
.ib_sb,
.ib_sa,
.ib_sba{
	display: inline-block;
}
.ib_sb,
.ib_sba{
	margin-left: .5em;
}
.ib_sa,
.ib_sba{
	margin-right: .5em;
}
.pc_view .ib_pc{
	display: inline-block;
}
.sm_view .ib_sm{
	display: inline-block;
}

/*スマホのみ改行*/
.sm_view span.sm_br{
}
.sm_view span.sm_br:after{
	content: "\000A";
	white-space: pre;
}
/*PCのみ改行*/
.pc_view span.pc_br{
}
.pc_view span.pc_br:after{
	content: "\000A";
	white-space: pre;
}

/*PCはスペース スマホは改行*/
.pc_view .pc_br_sm_sp:after{
	content: "\00a0\00a0";
}
.sm_view .pc_br_sm_sp:after{
	content: "\000A";
	white-space: pre;
}

/*改行*/
.no_wrap{
	white-space: nowrap;
}
.wb_all{
	word-break: break-all;
}
.wb_normal{
	word-break: normal;
	overflow-wrap: normal;
}
.wb_word{
	word-break: break-word;
	overflow-wrap: break-word;
}

/*前後文字追加=================================================================*/
*[data-before_char]::before,
*[data-before_char_c]::before,
*[data-after_char]::after,
*[data-after_char_c]::after{
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1em;
	letter-spacing: 0;
	width: 1em;
	text-align: center;
	text-decoration: none !important;
}
*[data-after_char]::after,
*[data-after_char_c]::after{
	margin-left: .3em;
}
*[data-before_char]::before,
*[data-before_char_c]::before{
	margin-right: .3em;
}
*[data-before_char_c]::before,
*[data-after_char_c]::after{
	color: rgba(134,28,60,1);
}
*[data-before_char]::before{
	content: attr(data-before_char);
}
*[data-before_char_c]::before{
	content: attr(data-before_char_c);
}
*[data-after_char]::after{
	content: attr(data-after_char);
}
*[data-after_char_c]::after{
	content: attr(data-after_char_c);
}

/*Font Awesome 改行したら文字の後ろで揃える*/
*[data-char_fa]:before,
*[data-char_c_fa]:before{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	text-align: center;
	letter-spacing: 0;
	text-decoration: none !important;
}
*[data-char_fa],
*[data-char_c_fa]{
	padding-left: 1.3em;
	position: relative;
}
*[data-char_fa]:before{
	content: attr(data-char_fa);
}
*[data-char_c_fa]:before{
	content: attr(data-char_c_fa);
	color: rgba(134,28,60,1);
}

/*通常フォント 改行したら文字の後ろで揃える*/
*[data-char]:before,
*[data-char_c]:before,
*[data-char_b]:before,
*[data-char_cb]:before{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	text-align: center;
	letter-spacing: 0;
	text-decoration: none !important;
}
*[data-char],
*[data-char_c],
*[data-char_b],
*[data-char_cb]{
	padding-left: 1.3em;
	position: relative;
}
*[data-char]:before{
	content: attr(data-char);
	font-weight: normal;
}
*[data-char_c]:before{
	content: attr(data-char_c);
	color: rgba(134,28,60,1);
	font-weight: normal;
}
*[data-char_b]:before{
	content: attr(data-char_b);
	font-weight: bold;
}
*[data-char_cb]:before{
	content: attr(data-char_cb);
	color: rgba(134,28,60,1);
	font-weight: bold;
}

/*テキストをリストで並べる===========================================================*/
ul.float_txt,
ul.float_txt_spc,
ul.float_txt_sla,
ul.float_txt_dot{
	zoom: 1;/*いるの？*/
}
ul.float_txt:after,
ul.float_txt_spc:after,
ul.float_txt_sla:after,
ul.float_txt_dot:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:left;
}
ul.float_txt>li,
ul.float_txt_spc>li,
ul.float_txt_sla>li,
ul.float_txt_dot>li{
	float: left;
	vertical-align: bottom;
}
ul.float_txt_spc li:after{
	content: "";
	padding: 0 1em 0 0;
}
ul.float_txt_sla li:after{
	content: "/";
	padding: 0 0.3em;
	color: rgba(0,0,0,.3);
}
ul.float_txt_dot li:after{
	content: "・";
	padding: 0 0.1em;
	color: rgba(0,0,0,.4);
}

ul.float_txt_spc>li:last-child:after,
ul.float_txt_sla>li:last-child:after,
ul.float_txt_dot>li:last-child:after{
	content: "" !important;
	padding: 0 !important;
	display: none;
}

/*引用==================================================*/
blockquote{
	position: relative;
	padding: 40px 20px;
	border: solid 1px rgba(134,28,60,.3);
}
blockquote:before,
blockquote:after{
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-size: 20px;
	line-height: 20px;
	font-weight: 900;
	color: rgba(134,28,60,.3);
}
blockquote:before{
	content: "\f10d";
	left: 10px;
	top: 10px;
}
blockquote:after{
	content: "\f10e";
	right: 10px;
	bottom: 10px;
}

/*配置===============================================================================================================*/
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}

.centering{
	margin: 0 auto;
}

/*スペーサ============================================================================================================*/
div.space1{ height: 0.1rem; font-size: 0; line-height: 0;}
div.space2{ height: 0.2rem; font-size: 0; line-height: 0;}
div.space3{ height: 0.3rem; font-size: 0; line-height: 0;}
div.space5{ height: 0.5rem; font-size: 0; line-height: 0;}
div.space8{ height: 0.8rem; font-size: 0; line-height: 0;}
div.space10{ height: 1.0rem; font-size: 0; line-height: 0;}
div.space15{ height: 1.5rem; font-size: 0; line-height: 0;}
div.space20{ height: 2.0rem; font-size: 0; line-height: 0;}
div.space30{ height: 3.0rem; font-size: 0; line-height: 0;}
div.space40{ height: 4.0rem; font-size: 0; line-height: 0;}
div.space50{ height: 5.0rem; font-size: 0; line-height: 0;}
div.space60{ height: 6.0rem; font-size: 0; line-height: 0;}
div.space70{ height: 7.0rem; font-size: 0; line-height: 0;}
div.space80{ height: 8.0rem; font-size: 0; line-height: 0;}
div.space90{ height: 9.0rem; font-size: 0; line-height: 0;}
div.space100{ height: 10.0rem; font-size: 0; line-height: 0;}

/*スペーサ％*/
div.space1p:before{ content: ""; display: block; padding-bottom: 1%;}
div.space2p:before{ content: ""; display: block; padding-bottom: 2%;}
div.space3p:before{ content: ""; display: block; padding-bottom: 3%;}
div.space4p:before{ content: ""; display: block; padding-bottom: 4%;}
div.space5p:before{ content: ""; display: block; padding-bottom: 5%;}
div.space6p:before{ content: ""; display: block; padding-bottom: 6%;}
div.space7p:before{ content: ""; display: block; padding-bottom: 7%;}
div.space8p:before{ content: ""; display: block; padding-bottom: 8%;}
div.space9p:before{ content: ""; display: block; padding-bottom: 9%;}
div.space10p:before{ content: ""; display: block; padding-bottom: 10%;}
div.space15p:before{ content: ""; display: block; padding-bottom: 15%;}
div.space20p:before{ content: ""; display: block; padding-bottom: 20%;}
div.space25p:before{ content: ""; display: block; padding-bottom: 25%;}
div.space30p:before{ content: ""; display: block; padding-bottom: 30%;}

.pdg0{padding: 0px !important;}
.pdg2{padding: 0.2rem !important;}
.pdg3{padding: 0.3rem !important;}
.pdg5{padding: 0.5rem !important;}
.pdg10{padding: 1.0rem !important;}
.pdg15{padding: 1.5rem !important;}
.pdg20{padding: 2.0rem !important;}
.pdg30{padding: 3.0rem !important;}
.pdg40{padding: 4.0rem !important;}
.pdg50{padding: 5.0rem !important;}
.pdg60{padding: 6.0rem !important;}
.pdg70{padding: 7.0rem !important;}
.pdg80{padding: 8.0rem !important;}
.pdg90{padding: 9.0rem !important;}
.pdg100{padding: 10.0rem !important;}

.pdg5_10{padding: .5rem 1.0rem !important;}
.pdg10_15{padding: 1rem 1.5rem !important;}
.pdg10_20{padding: 1.0rem 2rem !important;}
.pdg15_20{padding: 1.5rem 2rem !important;}
.pdg20_30{padding: 2rem 3rem !important;}

.mgn0{margin: 0px !important;}
.mgn2{margin: 0.2rem !important;}
.mgn3{margin: 0.3rem !important;}
.mgn5{margin: 0.5rem !important;}
.mgn10{margin: 1.0rem !important;}
.mgn15{margin: 1.5rem !important;}
.mgn20{margin: 2.0rem !important;}
.mgn30{margin: 3.0rem !important;}
.mgn40{margin: 4.0rem !important;}
.mgn50{margin: 5.0rem !important;}
.mgn60{margin: 6.0rem !important;}
.mgn70{margin: 7.0rem !important;}
.mgn80{margin: 8.0rem !important;}
.mgn90{margin: 9.0rem !important;}
.mgn100{margin: 10.0rem !important;}

.mgn5_10{margin: .5rem 1.0rem !important;}
.mgn10_15{margin: 1rem 1.5rem !important;}
.mgn10_20{margin: 1.0rem 2rem !important;}
.mgn15_20{margin: 1.5rem 2rem !important;}
.mgn20_30{margin: 2rem 3rem !important;}

.p_l0{ padding-left: 0 !important;}
.p_l2{ padding-left: 0.2rem !important;}
.p_l3{ padding-left: 0.3rem !important;}
.p_l5{ padding-left: 0.5rem !important;}
.p_l10{ padding-left: 1.0rem !important;}
.p_l15{ padding-left: 1.5rem !important;}
.p_l20{ padding-left: 2.0rem !important;}
.p_l30{ padding-left: 3.0rem !important;}
.p_l40{ padding-left: 4.0rem !important;}
.p_l50{ padding-left: 5.0rem !important;}
.p_l60{ padding-left: 6.0rem !important;}
.p_l70{ padding-left: 7.0rem !important;}
.p_l80{ padding-left: 8.0rem !important;}
.p_l90{ padding-left: 9.0rem !important;}
.p_l100{ padding-left: 10.0rem !important;}

.p_r0{ padding-right: 0 !important;}
.p_r2{ padding-right: 0.2rem !important;}
.p_r3{ padding-right: 0.3rem !important;}
.p_r5{ padding-right: 0.5rem !important;}
.p_r10{ padding-right: 1.0rem !important;}
.p_r15{ padding-right: 1.5rem !important;}
.p_r20{ padding-right: 2.0rem !important;}
.p_r30{ padding-right: 3.0rem !important;}
.p_r40{ padding-right: 4.0rem !important;}
.p_r50{ padding-right: 5.0rem !important;}
.p_r60{ padding-right: 6.0rem !important;}
.p_r70{ padding-right: 7.0rem !important;}
.p_r80{ padding-right: 8.0rem !important;}
.p_r90{ padding-right: 9.0rem !important;}
.p_r100{ padding-right: 10.0rem !important;}

.p_t0{ padding-top: 0 !important;}
.p_t2{ padding-top: 0.2rem !important;}
.p_t3{ padding-top: 0.3rem !important;}
.p_t5{ padding-top: 0.5rem !important;}
.p_t10{ padding-top: 1.0rem !important;}
.p_t15{ padding-top: 1.5rem !important;}
.p_t20{ padding-top: 2.0rem !important;}
.p_t30{ padding-top: 3.0rem !important;}
.p_t40{ padding-top: 4.0rem !important;}
.p_t50{ padding-top: 5.0rem !important;}
.p_t60{ padding-top: 6.0rem !important;}
.p_t70{ padding-top: 7.0rem !important;}
.p_t80{ padding-top: 8.0rem !important;}
.p_t90{ padding-top: 9.0rem !important;}
.p_t100{ padding-top: 10.0rem !important;}

.p_b0{ padding-bottom: 0 !important;}
.p_b2{ padding-bottom: 0.2rem !important;}
.p_b3{ padding-bottom: 0.3rem !important;}
.p_b5{ padding-bottom: 0.5rem !important;}
.p_b10{ padding-bottom: 1.0rem !important;}
.p_b15{ padding-bottom: 1.5rem !important;}
.p_b20{ padding-bottom: 2.0rem !important;}
.p_b30{ padding-bottom: 3.0rem !important;}
.p_b40{ padding-bottom: 4.0rem !important;}
.p_b50{ padding-bottom: 5.0rem !important;}
.p_b60{ padding-bottom: 6.0rem !important;}
.p_b70{ padding-bottom: 7.0rem !important;}
.p_b80{ padding-bottom: 8.0rem !important;}
.p_b90{ padding-bottom: 9.0rem !important;}
.p_b100{ padding-bottom: 10.0rem !important;}

.p_lr0{ padding-left: 0 !important; padding-right: 0 !important;}
.p_lr2{ padding-left: .2rem !important; padding-right: .2rem !important;}
.p_lr3{ padding-left: .3rem !important; padding-right: .3rem !important;}
.p_lr5{ padding-left: .5rem !important; padding-right: .5rem !important;}
.p_lr10{ padding-left: 1rem !important; padding-right: 1rem !important;}
.p_lr15{ padding-left: 1.5rem !important; padding-right: 1.5rem !important;}
.p_lr20{ padding-left: 2rem !important; padding-right: 2rem !important;}
.p_lr25{ padding-left: 2.5rem !important; padding-right: 2.5rem !important;}
.p_lr30{ padding-left: 3rem !important; padding-right: 3rem !important;}

.p_tb0{ padding-top: 0 !important; padding-bottom: 0 !important;}
.p_tb2{ padding-top: .2rem !important; padding-bottom: .2rem !important;}
.p_tb3{ padding-top: .3rem !important; padding-bottom: .3rem !important;}
.p_tb5{ padding-top: .5rem !important; padding-bottom: .5rem !important;}
.p_tb10{ padding-top: 1rem !important; padding-bottom: 1rem !important;}
.p_tb15{ padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
.p_tb20{ padding-top: 2rem !important; padding-bottom: 2rem !important;}
.p_tb25{ padding-top: 2.5rem !important; padding-bottom: 2.5rem !important;}
.p_tb30{ padding-top: 3rem !important; padding-bottom: 3rem !important;}

.m_l0{ margin-left: 0 !important;}
.m_l2{ margin-left: 0.2rem !important;}
.m_l3{ margin-left: 0.3rem !important;}
.m_l5{ margin-left: 0.5rem !important;}
.m_l10{ margin-left: 1.0rem !important;}
.m_l15{ margin-left: 1.5rem !important;}
.m_l20{ margin-left: 2.0rem !important;}
.m_l30{ margin-left: 3.0rem !important;}
.m_l40{ margin-left: 4.0rem !important;}
.m_l50{ margin-left: 5.0rem !important;}
.m_l60{ margin-left: 6.0rem !important;}
.m_l70{ margin-left: 7.0rem !important;}
.m_l80{ margin-left: 8.0rem !important;}
.m_l90{ margin-left: 9.0rem !important;}
.m_l100{ margin-left: 10.0rem !important;}

.m_r0{ margin-right: 0 !important;}
.m_r2{ margin-right: 0.2rem !important;}
.m_r3{ margin-right: 0.3rem !important;}
.m_r5{ margin-right: 0.5rem !important;}
.m_r10{ margin-right: 1.0rem !important;}
.m_r15{ margin-right: 1.5rem !important;}
.m_r20{ margin-right: 2.0rem !important;}
.m_r30{ margin-right: 3.0rem !important;}
.m_r40{ margin-right: 4.0rem !important;}
.m_r50{ margin-right: 5.0rem !important;}
.m_r60{ margin-right: 6.0rem !important;}
.m_r70{ margin-right: 7.0rem !important;}
.m_r80{ margin-right: 8.0rem !important;}
.m_r90{ margin-right: 9.0rem !important;}
.m_r100{ margin-right: 10.0rem !important;}

.m_t0{ margin-top: 0 !important;}
.m_t2{ margin-top: 0.2rem !important;}
.m_t3{ margin-top: 0.3rem !important;}
.m_t5{ margin-top: 0.5rem !important;}
.m_t10{ margin-top: 1.0rem !important;}
.m_t15{ margin-top: 1.5rem !important;}
.m_t20{ margin-top: 2.0rem !important;}
.m_t30{ margin-top: 3.0rem !important;}
.m_t40{ margin-top: 4.0rem !important;}
.m_t50{ margin-top: 5.0rem !important;}
.m_t60{ margin-top: 6.0rem !important;}
.m_t70{ margin-top: 7.0rem !important;}
.m_t80{ margin-top: 8.0rem !important;}
.m_t90{ margin-top: 9.0rem !important;}
.m_t100{ margin-top: 10.0rem !important;}

.m_b0{ margin-bottom: 0 !important;}
.m_b2{ margin-bottom: 0.2rem !important;}
.m_b3{ margin-bottom: 0.3rem !important;}
.m_b5{ margin-bottom: 0.5rem !important;}
.m_b10{ margin-bottom: 1.0rem !important;}
.m_b15{ margin-bottom: 1.5rem !important;}
.m_b20{ margin-bottom: 2.0rem !important;}
.m_b30{ margin-bottom: 3.0rem !important;}
.m_b40{ margin-bottom: 4.0rem !important;}
.m_b50{ margin-bottom: 5.0rem !important;}
.m_b60{ margin-bottom: 6.0rem !important;}
.m_b70{ margin-bottom: 7.0rem !important;}
.m_b80{ margin-bottom: 8.0rem !important;}
.m_b90{ margin-bottom: 9.0rem !important;}
.m_b100{ margin-bottom: 10.0rem;}

.m_lr0{ margin-left: 0 !important; margin-right: 0 !important;}
.m_lr2{ margin-left: .2rem !important; margin-right: .2rem !important;}
.m_lr3{ margin-left: .3rem !important; margin-right: .3rem !important;}
.m_lr5{ margin-left: .5rem !important; margin-right: .5rem !important;}
.m_lr10{ margin-left: 1rem !important; margin-right: 1rem !important;}
.m_lr15{ margin-left: 1.5rem !important; margin-right: 1.5rem !important;}
.m_lr20{ margin-left: 2rem !important; margin-right: 2rem !important;}
.m_lr25{ margin-left: 2.5rem !important; margin-right: 2.5rem !important;}
.m_lr30{ margin-left: 3rem !important; margin-right: 3rem !important;}

.m_tb0{ margin-top: 0 !important; margin-bottom: 0 !important;}
.m_tb2{ margin-top: .2rem !important; margin-bottom: .2rem !important;}
.m_tb3{ margin-top: .3rem !important; margin-bottom: .3rem !important;}
.m_tb5{ margin-top: .5rem !important; margin-bottom: .5rem !important;}
.m_tb10{ margin-top: 1rem !important; margin-bottom: 1rem !important;}
.m_tb15{ margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}
.m_tb20{ margin-top: 2rem !important; margin-bottom: 2rem !important;}
.m_tb25{ margin-top: 2.5rem !important; margin-bottom: 2.5rem !important;}
.m_tb30{ margin-top: 3rem !important; margin-bottom: 3rem !important;}

/*box-sizing*/
.border_box{
	box-sizing: border-box;
}

/*PC スマホのみ表示====================================================================================*/
.pc_view .only_pc{
}
.sm_view .only_pc{
	display: none !important;
}

.pc_view .only_sm{
	display: none !important;
}
.sm_view .only_sm{
}

.sm_view .only_ipad,
.pc_view.display_device .only_ipad{
	display: none;
}

/*イメージなどを並べるエリア========================================================*/
div.ib_area{
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
}
div.ib_area>*{
	display: inline-block;
	position: relative;
	vertical-align: top;
}

/*BOX比率固定================================================================*/
.ratio1_1,
.ratio2_1,
.ratio2_3,
.ratio3_1,
.ratio3_2,
.ratio3_4,
.ratio4_1,
.ratio4_3,
.ratio4_5,
.ratio5_1,
.ratio5_2,
.ratio5_3,
.ratio5_4,
.ratio6_1,
.ratio6_5,
.ratio10_1,
.ratio10_3,
.ratio10_7,
.ratio10_9,
.ratio16_1,
.ratio16_9
{
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-clip: content-box;

	overflow: hidden;
}
.ratio1_1:before,
.ratio2_1:before,
.ratio2_3:before,
.ratio3_1:before,
.ratio3_2:before,
.ratio3_4:before,
.ratio4_1:before,
.ratio4_3:before,
.ratio4_5:before,
.ratio5_1:before,
.ratio5_2:before,
.ratio5_3:before,
.ratio5_4:before,
.ratio5_6:before,
.ratio6_1:before,
.ratio6_5:before,
.ratio10_1:before,
.ratio10_3:before,
.ratio10_7:before,
.ratio10_9:before,
.ratio16_1:before,
.ratio16_9:before
{
	content: "";
	display: block;
}
.ratio1_1:before{
	padding-top: 100%;
}
.ratio2_1:before{
	padding-top: 50%;
}
.ratio2_3:before{
	padding-top: 150%;
}
.ratio3_1:before{
	padding-top: 33.33%;
}
.ratio3_2:before{
	padding-top: 66.66%;
}
.ratio3_4:before{
	padding-top: 133.33%;
}
.ratio4_1:before{
	padding-top: 25%;
}
.ratio4_3:before{
	padding-top: 75%;
}
.ratio4_5:before{
	padding-top: 125%;
}
.ratio5_1:before{
	padding-top: 20%;
}
.ratio5_2:before{
	padding-top: 40%;
}
.ratio5_3:before{
	padding-top: 60%;
}
.ratio5_4:before{
	padding-top: 80%;
}
.ratio5_6:before{
	padding-top: 120%;
}
.ratio6_1:before{
	padding-top: 16.66%;
}
.ratio6_5:before{
	padding-top: 83.33%;
}
.ratio10_1:before{
	padding-top: 10%;
}
.ratio10_3:before{
	padding-top: 30%;
}
.ratio10_7:before{
	padding-top: 70%;
}
.ratio10_9:before{
	padding-top: 90%;
}
.ratio16_1:before{
	padding-top: 6.25%;
}
.ratio16_9:before{
	padding-top: 56.25%;
}
.ratio1_1>div,
.ratio2_1>div,
.ratio2_3>div,
.ratio3_1>div,
.ratio3_2>div,
.ratio3_4>div,
.ratio4_1>div,
.ratio4_3>div,
.ratio4_5>div,
.ratio5_1>div,
.ratio5_2>div,
.ratio5_3>div,
.ratio5_4>div,
.ratio5_6>div,
.ratio6_1>div,
.ratio6_5>div,
.ratio10_1>div,
.ratio10_3>div,
.ratio10_7>div,
.ratio10_9>div,
.ratio16_1>div,
.ratio16_9>div
{
	position: absolute;
	display: block;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
}


/*装飾===============================================================================================================*/
/*枠*/
.waku{
	border: solid .1rem rgba(0,0,0,.1);
	box-sizing: border-box;
}
.waku2{
	border: solid .2rem rgba(0,0,0,.1);
	box-sizing: border-box;
}
.waku3{
	border: solid .3rem rgba(0,0,0,.1);
	box-sizing: border-box;
}

/*ライン*/
.line_t{
	border-top: solid .1rem rgba(0,0,0,.1);
}
.dotline_t{
	border-top: dotted .1rem rgba(0,0,0,.15);
}
.line{
	border-bottom: solid .1rem rgba(0,0,0,.1);
}
.dotline{
	border-bottom: dotted .1rem rgba(0,0,0,.15);
}
.line2{
	border-bottom: solid .2rem rgba(0,0,0,.1);
}
.dotline2{
	border-bottom: dotted .2rem rgba(0,0,0,.15);
}

/*ベース(inline)*/
.base,
.base_r{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.8em !important;
	text-align: center;
	box-sizing: border-box;
	padding: 0 .7em;
	min-width: 1.8em;
	min-height: 1.8em;
	background-color: rgba(0,0,0,.1);
}
.base_r{
	border-radius:	.9em;
}

/*角丸*/
.radius3{	border-radius: .3rem;	}
.radius4{	border-radius: .4rem;	}
.radius5{	border-radius: .5rem;	}
.radius6{	border-radius: .6rem;	}
.radius8{	border-radius: .8rem;	}
.radius10{	border-radius: 1rem;		}

/*かげ*/
.shadow{
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05);
}
.pc_view .shadow_pc{
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05);
}

/*GRID========================================================================================*/
.grid{
	display: grid;
	display: -ms-grid;
	justify-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative;
	
	width: calc(100% + 4px);
	left: -2px;
}
.sm_view .grid{
	width: calc(100% + 2px);
	left: -1px;
}
.grid>div{
	position: relative;
	margin: 0 2px 4px 2px;
}
.sm_view .grid>div{
	margin: 0 1px 2px 1px;
}

/*汎用==========================================================================================*/

/*コメント*/
.cmnt{
	display: none;
}

/*コピペOK*/
.cpp{
	-moz-user-select : text;
	-webkit-user-select : text;
	-ms-user-select : text;
	user-select : text;
}
/*ロールオーバーでハーフに*/
.display_device .hvr{
	-webkit-transform: translate3d(0,0,0);/*ちらつき防止*/
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: opacity .3s;
}
.display_device .hvr:hover{
	opacity: .7;
}

/*カスタムスクロールバー*/
.custom_scroll{
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}
.pc_view div.modal_content::-webkit-scrollbar,
.pc_view .custom_scroll::-webkit-scrollbar{
	width: 8px;
	background:transparent;
}
.pc_view div.modal_content::-webkit-scrollbar:horizontal,
.pc_view .custom_scroll::-webkit-scrollbar:horizontal{
	height: 8px;
	background: transparent;
}
.pc_view div.modal_content::-webkit-scrollbar-button,
.pc_view .custom_scroll::-webkit-scrollbar-button{
	display: none;
}
.pc_view div.modal_content::-webkit-scrollbar-thumb,
.pc_view .custom_scroll::-webkit-scrollbar-thumb{
	background: rgba(0,0,0,.2);
}
.pc_view div.modal_content::-webkit-scrollbar-corner,
.pc_view .custom_scroll::-webkit-scrollbar-corner{
	background: transparent;
}
.pc_view div.modal_content,
.pc_view .custom_scroll{
	/*IE*/
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #dddddd;
	scrollbar-face-color: #dddddd;
	scrollbar-shadow-color: #dddddd;
	/*
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #555555;
	scrollbar-face-color: #555555;
	scrollbar-shadow-color: #555555;
	*/
}

@media print{
	.no_print{
		display: none;
	}
}
.no_drag{
	-moz-user-select : none ;
	-webkit-user-select : none ;
	-ms-user-select : none ;
	user-select : none ;
	-webkit-user-drag: none;
	user-drag: none;
}

.csr_default{
	cursor: default;
}
.csr_pointer{
	cursor: pointer;
}
.csr_none{
	cursor: none;
}