@charset "UTF-8";

/*
 *base.css
 *他サイトでも使用可能用
 *部品化など
 */


/*****************************************
マークアップ上必要な情報タグを入れたい時(表示はされない)
*****************************************/
.markup_hidden{
	height:0;
	overflow:hidden;
}
/*******************************
	alt
	テキストを非表示
	alt_img
	background-imageを残す
	background-imageのSEO対策用
*******************************/
.alt{
	overflow:hidden;
	white-space:nowrap;
	text-indent:200%;
	visibility: hidden;
}
.alt_img{
	overflow:hidden;
	white-space:nowrap;
	text-indent:200%;
}
/************************************
	解像度によるフォントサイズの変化用
************************************/
/*@media screen and (min-width:250px) and (max-width:320px){
	.font_1down	{font-size:1.2rem!important;}
	.font_base	{font-size:1.2rem!important;}
	.font_1up	{font-size:1.2rem!important;}
	.font_2up	{font-size:1.4rem!important;}
	.font_3up	{font-size:2.0rem!important;}
	.font_4up	{font-size:2.0rem!important;}
	.font_5up	{font-size:2.0rem!important;}
}*/

/*27*/

	/*iphone用サイズ*/

@media screen and (min-width:250px) and (max-width:320px){
html{font-size:10px;}
}
@media screen and (min-width:321px) and (max-width:348px){
html{font-size:10px;}
}
@media screen and (min-width:349px) and (max-width:370px){
html{font-size:11.25px;}
}
@media screen and (min-width:371px) and (max-width:380px){
html{font-size:11.7188px;}
}
@media screen and (min-width:381px) and (max-width:404px){
html{font-size:12px;}
}
@media screen and (min-width:405px) and (max-width:413px){
html{font-size:12.875px;}
}
@media screen and (min-width:414px) and (max-width:432px){
html{font-size:12.9375px;}
}
@media screen and (min-width:433px) and (max-width:460px){
html{font-size:13.5px;}
}
@media screen and (min-width:479px) and (max-width:488px){
html{font-size:14px;}
}
@media screen and (min-width:489px) and (max-width:516px){
html{font-size:15px;}
}
@media screen and (min-width:517px) and (max-width:544px){
html{font-size:16.6563px;}
}
@media screen and (min-width:545px) and (max-width:572px){
html{font-size:17px;}
}
@media screen and (min-width:568px) and (max-width:580px){
html{font-size:17.75px;}
}
@media screen and (min-width:581px) and (max-width:598px){
html{font-size:18.685px;}
}
@media screen and (min-width:599px) and (max-width:628px){
html{font-size:18.75px;}
}
@media screen and (min-width:629px) and (max-width:656px){
html{font-size:20px;}
}
@media screen and (min-width:657px) and (max-width:684px){
html{font-size:20.8438px;}
}
@media screen and (min-width:685px) and (max-width:712px){
html{font-size:21.5625px;}
}
@media screen and (min-width:713px) and (max-width:735px){
html{font-size:22px;}
}
@media screen and (min-width:736px) and (max-width:767px){
html{font-size:23px;}
}
@media screen and (min-width:768px) and (max-width:796px){
html{font-size:24px;}
}
@media screen and (min-width:797px) and (max-width:824px){
html{font-size:24px;}
}
@media screen and (min-width:800px) and (max-width:852px){
html{font-size:25px;}
}
@media screen and (min-width:853px) and (max-width:880px){
html{font-size:32px;}
}
@media screen and (min-width:881px) and (max-width:908px){
html{font-size:33px;}
}
@media screen and (min-width:909px) and (max-width:936px){
html{font-size:34px;}
}
@media screen and (min-width:937px) and (max-width:964px){
html{font-size:30px;}
}
@media screen and (min-width:965px) and (max-width:992px){
html{font-size:36px;}
}
@media screen and (min-width:993px) and (max-width:1020px){
html{font-size:37px;}
}
@media screen and (min-width:1021px) and (max-width:1048px){
html{font-size:32px;}
}
@media screen and (min-width:1049px) and (max-width:1076px){
html{font-size:39px;}
}
@media screen and (min-width:1077px) and (max-width:1104px){
html{font-size:40px;}
}
@media screen and (min-width:1105px) and (max-width:1132px){
html{font-size:41px;}
}
@media screen and (min-width:1133px) and (max-width:1160px){
html{font-size:42px;}
}
@media screen and (min-width:1161px) and (max-width:1188px){
html{font-size:43px;}
}
@media screen and (min-width:1189px) and (max-width:1216px){
html{font-size:44px;}
}
@media screen and (min-width:1217px) and (max-width:1244px){
html{font-size:37px;}
}
@media screen and (min-width:1245px) and (max-width:1272px){
html{font-size:38px;}
}
@media screen and (min-width:1273px) and (max-width:1300px){
html{font-size:39.4688px;}
}
@media screen and (min-width:1301px) and (max-width:1328px){
html{font-size:40px;}
}
@media screen and (min-width:1329px) and (max-width:1356px){
html{font-size:41px;}
}
@media screen and (min-width:1357px) and (max-width:1384px){
html{font-size:42px;}
}
@media screen and (min-width:1385px) and (max-width:1412px){
html{font-size:43px;}
}
@media screen and (min-width:1413px) and (max-width:1440px){
html{font-size:44.4688px;}
}
@media screen and (min-width:1441px) and (max-width:1468px){
html{font-size:53px;}
}
@media screen and (min-width:1469px) and (max-width:1496px){
html{font-size:54px;}
}
@media screen and (min-width:1497px) and (max-width:1524px){
html{font-size:55px;}
}
@media screen and (min-width:1525px) and (max-width:1552px){
html{font-size:56px;}
}
@media screen and (min-width:1553px) and (max-width:1580px){
html{font-size:57px;}
}
@media screen and (min-width:1581px) and (max-width:1610px){
html{font-size:50px;}
}
@media screen and (min-width:1610px) and (max-width:2560px){
html{font-size:80px;}
}

/***********************
	margin : padding
***********************/
.ma{margin:auto;}

/*margin*/
.mt_00{margin-top:		0rem!important;}
.mt_05{margin-top:		0.5rem!important;}
.mt_10{margin-top:		1.0rem!important;}
.mt_15{margin-top:		1.5rem!important;}
.mt_20{margin-top:		2.0rem!important;}
.mt_25{margin-top:		2.5rem!important;}
.mt_30{margin-top:		3.0rem!important;}
.mt_35{margin-top:		3.5rem!important;}
.mt_40{margin-top:		4.0rem!important;}
.mt_45{margin-top:		4.5rem!important;}
.mt_50{margin-top:		5.0rem!important;}
.mt_55{margin-top:		5.5rem!important;}
.mt_60{margin-top:		6.0rem!important;}
.mt_65{margin-top:		6.5rem!important;}
.mt_70{margin-top:		7.0rem!important;}
.mb_00{margin-bottom:	0rem!important;}
.mb_05{margin-bottom:	0.5rem!important;}
.mb_10{margin-bottom:	1.0rem!important;}
.mb_15{margin-bottom:	1.5rem!important;}
.mb_20{margin-bottom:	2.0rem!important;}
.mb_25{margin-bottom:	2.5rem!important;}
.mb_30{margin-bottom:	3.0rem!important;}
.mb_35{margin-bottom:	3.5rem!important;}
.mb_40{margin-bottom:	4.0rem!important;}
.mb_45{margin-bottom:	4.5rem!important;}
.mb_50{margin-bottom:	5.0rem!important;}
.mb_55{margin-bottom:	5.5rem!important;}
.mb_60{margin-bottom:	6.0rem!important;}
.mb_65{margin-bottom:	6.5rem!important;}
.mb_70{margin-bottom:	7.0rem!important;}
.ml_00{margin-left:		0rem!important;}
.ml_05{margin-left:		0.5rem!important;}
.ml_10{margin-left:		1.0rem!important;}
.ml_15{margin-left:		1.5rem!important;}
.ml_20{margin-left:		2.0rem!important;}
.ml_25{margin-left:		2.5rem!important;}
.ml_30{margin-left:		3.0rem!important;}
.ml_35{margin-left:		3.5rem!important;}
.ml_40{margin-left:		4.0rem!important;}
.ml_45{margin-left:		4.5rem!important;}
.ml_50{margin-left:		5.0rem!important;}
.ml_55{margin-left:		5.5rem!important;}
.ml_60{margin-left:		6.0rem!important;}
.ml_65{margin-left:		6.5rem!important;}
.ml_70{margin-left:		7.0rem!important;}
.mr_00{margin-right:	0rem!important;}
.mr_05{margin-right:	0.5rem!important;}
.mr_10{margin-right:	1.0rem!important;}
.mr_15{margin-right:	1.5rem!important;}
.mr_20{margin-right:	2.0rem!important;}
.mr_25{margin-right:	2.5rem!important;}
.mr_30{margin-right:	3.0rem!important;}
.mr_35{margin-right:	3.5rem!important;}
.mr_40{margin-right:	4.0rem!important;}
.mr_45{margin-right:	4.5rem!important;}
.mr_50{margin-right:	5.0rem!important;}
.mr_55{margin-right:	5.5rem!important;}
.mr_60{margin-right:	6.0rem!important;}
.mr_65{margin-right:	6.5rem!important;}
.mr_70{margin-right:	7.0rem!important;}
/* 上下 margin*/
.mtb_00{margin-top:	0rem!important;   margin-bottom:	0.0rem!important;}
.mtb_05{margin-top:	0.5rem!important; margin-bottom:	0.5rem!important;}
.mtb_10{margin-top:	1.0rem!important; margin-bottom:	1.0rem!important;}
.mtb_15{margin-top:	1.5rem!important; margin-bottom:	1.5rem!important;}
.mtb_20{margin-top:	2.0rem!important; margin-bottom:	2.0rem!important;}
.mtb_25{margin-top:	2.5rem!important; margin-bottom:	2.5rem!important;}
.mtb_30{margin-top:	3.0rem!important; margin-bottom:	3.0rem!important;}
.mtb_35{margin-top:	3.5rem!important; margin-bottom:	3.5rem!important;}
.mtb_40{margin-top:	4.0rem!important; margin-bottom:	4.0rem!important;}
.mtb_45{margin-top:	4.5rem!important; margin-bottom:	4.5rem!important;}
.mtb_50{margin-top:	5.0rem!important; margin-bottom:	5.0rem!important;}
.mtb_55{margin-top:	5.5rem!important; margin-bottom:	5.5rem!important;}
.mtb_60{margin-top:	6.0rem!important; margin-bottom:	6.0rem!important;}
.mtb_65{margin-top:	6.5rem!important; margin-bottom:	6.5rem!important;}
.mtb_70{margin-top:	7.0rem!important; margin-bottom:	7.0rem!important;}
/* 上下 padding*/
.ptb_00{padding-top:	0rem!important;   padding-bottom:	0rem!important;}
.ptb_05{padding-top:	0.5rem!important; padding-bottom:	0.5rem!important;}
.ptb_10{padding-top:	1.0rem!important; padding-bottom:	1.0rem!important;}
.ptb_15{padding-top:	1.5rem!important; padding-bottom:	1.5rem!important;}
.ptb_20{padding-top:	2.0rem!important; padding-bottom:	2.0rem!important;}
.ptb_25{padding-top:	2.5rem!important; padding-bottom:	2.5rem!important;}
.ptb_30{padding-top:	3.0rem!important; padding-bottom:	3.0rem!important;}
.ptb_35{padding-top:	3.5rem!important; padding-bottom:	3.5rem!important;}
.ptb_40{padding-top:	4.0rem!important; padding-bottom:	4.0rem!important;}
.ptb_45{padding-top:	4.5rem!important; padding-bottom:	4.5rem!important;}
.ptb_50{padding-top:	5.0rem!important; padding-bottom:	5.0rem!important;}
.ptb_55{padding-top:	5.5rem!important; padding-bottom:	5.5rem!important;}
.ptb_60{padding-top:	6.0rem!important; padding-bottom:	6.0rem!important;}
.ptb_65{padding-top:	6.5rem!important; padding-bottom:	6.5rem!important;}
.ptb_70{padding-top:	7.0rem!important; padding-bottom:	7.0rem!important;}


/*padding*/
.pt_00{padding-top:		0rem!important;}
.pt_05{padding-top:		0.5rem!important;}
.pt_10{padding-top:		1.0rem!important;}
.pt_15{padding-top:		1.5rem!important;}
.pt_20{padding-top:		2.0rem!important;}
.pt_25{padding-top:		2.5rem!important;}
.pt_30{padding-top:		3.0rem!important;}
.pt_35{padding-top:		3.5rem!important;}
.pt_40{padding-top:		4.0rem!important;}
.pt_45{padding-top:		4.5rem!important;}
.pt_50{padding-top:		5.0rem!important;}
.pt_55{padding-top:		5.5rem!important;}
.pt_60{padding-top:		6.0rem!important;}
.pt_65{padding-top:		6.5rem!important;}
.pt_70{padding-top:		7.0rem!important;}
.pb_00{padding-bottom:	0rem!important;}
.pb_05{padding-bottom:	0.5rem!important;}
.pb_10{padding-bottom:	1.0rem!important;}
.pb_15{padding-bottom:	1.5rem!important;}
.pb_20{padding-bottom:	2.0rem!important;}
.pb_25{padding-bottom:	2.5rem!important;}
.pb_30{padding-bottom:	3.0rem!important;}
.pb_35{padding-bottom:	3.5rem!important;}
.pb_40{padding-bottom:	4.0rem!important;}
.pb_45{padding-bottom:	4.5rem!important;}
.pb_50{padding-bottom:	5.0rem!important;}
.pb_55{padding-bottom:	5.5rem!important;}
.pb_60{padding-bottom:	6.0rem!important;}
.pb_65{padding-bottom:	6.5rem!important;}
.pb_70{padding-bottom:	7.0rem!important;}
.pl_00{padding-left:	0rem!important;}
.pl_05{padding-left:	0.5rem!important;}
.pl_10{padding-left:	1.0rem!important;}
.pl_15{padding-left:	1.5rem!important;}
.pl_20{padding-left:	2.0rem!important;}
.pl_25{padding-left:	2.5rem!important;}
.pl_30{padding-left:	3.0rem!important;}
.pl_35{padding-left:	3.5rem!important;}
.pl_40{padding-left:	4.0rem!important;}
.pl_45{padding-left:	4.5rem!important;}
.pl_50{padding-left:	5.0rem!important;}
.pl_55{padding-left:	5.5rem!important;}
.pl_60{padding-left:	6.0rem!important;}
.pl_65{padding-left:	6.5rem!important;}
.pl_70{padding-left:	7.0rem!important;}
.pr_00{padding-right:	0rem!important;}
.pr_05{padding-right:	0.5rem!important;}
.pr_10{padding-right:	1.0rem!important;}
.pr_15{padding-right:	1.5rem!important;}
.pr_20{padding-right:	2.0rem!important;}
.pr_25{padding-right:	2.5rem!important;}
.pr_30{padding-right:	3.0rem!important;}
.pr_35{padding-right:	3.5rem!important;}
.pr_40{padding-right:	4.0rem!important;}
.pr_45{padding-right:	4.5rem!important;}
.pr_50{padding-right:	5.0rem!important;}
.pr_55{padding-right:	5.5rem!important;}
.pr_60{padding-right:	6.0rem!important;}
.pr_65{padding-right:	6.5rem!important;}
.pr_70{padding-right:	7.0rem!important;}
.pd_00{padding 		:	0!important;}
/******************************
	width: 直接指定
******************************/
.ws_00{width:0%!important;}
.ws_05{width:5%!important;}
.ws_10{width:10%!important;}
.ws_15{width:15%!important;}
.ws_20{width:20%!important;}
.ws_25{width:25%!important;}
.ws_30{width:30%!important;}
.ws_35{width:35%!important;}
.ws_40{width:40%!important;}
.ws_45{width:45%!important;}
.ws_50{width:50%!important;}
.ws_55{width:55%!important;}
.ws_60{width:60%!important;}
.ws_65{width:65%!important;}
.ws_70{width:70%!important;}
.ws_75{width:75%!important;}
.ws_80{width:80%!important;}
.ws_85{width:85%!important;}
.ws_90{width:90%!important;}
.ws_95{width:95%!important;}
.ws_100{width:100%!important;}
/******************************
	font-size: 直接指定
******************************/
.fs_05{font-size: 0.5rem;}
.fs_06{font-size: 0.6rem;}
.fs_07{font-size: 0.7rem;}
.fs_08{font-size: 0.8rem;}
.fs_09{font-size: 0.9rem;}
.fs_10{font-size: 1.0rem;}
.fs_11{font-size: 1.1rem;}
.fs_12{font-size: 1.2rem;}
.fs_13{font-size: 1.3rem;}
.fs_14{font-size: 1.4rem;}
.fs_15{font-size: 1.5rem;}
.fs_16{font-size: 1.6rem;}
.fs_17{font-size: 1.7rem;}
.fs_18{font-size: 1.8rem;}
.fs_19{font-size: 1.9rem;}
.fs_20{font-size: 2.0rem;}

/*text-shadow*/
.ts_a{text-shadow: 0rem 0.1rem 0.2rem rgba(0, 0, 0, 0.25)!important;}
.ts_b{text-shadow: 0rem 0.1rem 0.2rem rgba(0, 0, 0, 0.39)!important;}
/*box_shadow*/
.bs_w{
	box-shadow: 0rem 0rem 0.5rem 0rem rgba(0,0,0,0.32)!important;
	-webkit-box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(0,0,0,0.32)!important;
	-moz-box-shadow: 0rem 0rem 0.5rem 0rem rgba(0,0,0,0.32)!important;
	-o-box-shadow: 0rem 0rem 0.5rem 0rem rgba(0,0,0,0.32)!important;
	-ms-box-shadow: 0rem 0rem 0.5rem 0rem rgba(0,0,0,0.32)!important;
}
.bs_y{
	box-shadow: inset 0rem 0.8rem 1.2rem -0.6rem rgba(0,0,0,0.5)!important;
	-webkit-box-shadow: inset 0rem 0.8rem 1.2rem -0.6rem rgba(0,0,0,0.5)!important;
	-moz-box-shadow: inset 0rem 0.8rem 1.2rem -0.6rem rgba(0,0,0,0.5)!important;
	-o-box-shadow: inset 0rem 0.8rem 1.2rem -0.6rem rgba(0,0,0,0.5)!important;
	-ms-box-shadow: inset 0rem 0.8rem 1.2rem -0.6rem rgba(0,0,0,0.5)!important;
}

/*flex-box*/
.flex{
	display: -webkit-box;	/* Ch:4-20, iOS Safari:3.2-6.1, Android Browser:2.1-4.3 */
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-webkit-box-pack: justify;

	display: -moz-box;		/* Fx:2-21 */
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-moz-box-align: center;
	-moz-box-pack: justify;

	display: -webkit-flex;	/* Ch:21-27, iOS Safari:7+ */
	-webkit-flex-flow: row nowrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;

	display: flex;			/* Ch:28+, Android Browser:4.4+, Fx:22+ */
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
}
.flex.items_top {
	-webkit-box-align: start;
	-moz-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.flex.items_left {
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.flex.items_center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex.items_right {
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.flex .flex_item {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex:  1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	margin: 0 0.4rem;
}
.flex .flex_item:first-child {
	margin-left: 0;
}
.flex .flex_item:last-child {
	margin-right: 0;
}
.flex a.flex_item,.flex span.flex_item {
	display: block;
}
.item_fe{
	/*-webkit-align-items:flex-end;
	-mox-align-items:flex-end;
	align-items:flex-end;*/
}

/**************************************
	text-align
**************************************/
.ta_l{text-align: left!important;}
.ta_c{text-align: center!important;}
.ta_r{text-align: right!important;}


/*----------------------------
	float
----------------------------*/
.fl{float:left;}
.fr{float:right;}
/******************************
	クリアフィックス
******************************/
.cf:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}
/*********************************************
	セレクトボックス

.com-selectbox-ex	//親要素
		div.view	//selectboxデザイン(見た目)
		selectbox	//selectbox本体
*********************************************/
.com-selectbox-ex{
	margin:0 1rem;
	position: relative;
}
.com-selectbox-ex div.view{
	text-align: center;
	background-color: #F6F6F6;
	border: 2px solid #CCC;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border-radius: 0.5rem;
	font-size: 2.5rem;
	z-index: 1;
	background-image: url("../images/ico_pulldown.png");
	background-repeat:no-repeat;
	background-position:65% 50%;
	background-size:1.5rem;
}
.com-selectbox-ex select.selectbox{
	width:100%;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
	position: absolute;
	z-index: 2;
	font-size: 2.5rem;
	opacity: 0;	/*要素を透過する*/
}