@charset "UTF-8";

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

html,body{
		font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

/******************************
	クリアフィックス
******************************/
.cf:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
/*****************************************
マークアップ上必要な情報タグを入れたい時(表示はされない)
*****************************************/
.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:12px;}
}
@media screen and (min-width:321px) and (max-width:348px){
html{font-size:12px;}
}
@media screen and (min-width:349px) and (max-width:376px){
html{font-size:13px;}
}
@media screen and (min-width:377px) and (max-width:404px){
html{font-size:14px;}
}
@media screen and (min-width:405px) and (max-width:432px){
html{font-size:15px;}
}
@media screen and (min-width:433px) and (max-width:460px){
html{font-size:16px;}
}
@media screen and (min-width:461px) and (max-width:488px){
html{font-size:17px;}
}
@media screen and (min-width:489px) and (max-width:516px){
html{font-size:18px;}
}
@media screen and (min-width:517px) and (max-width:544px){
html{font-size:19px;}
}
@media screen and (min-width:545px) and (max-width:572px){
html{font-size:20px;}
}
@media screen and (min-width:573px) and (max-width:600px){
html{font-size:21px;}
}
@media screen and (min-width:601px) and (max-width:628px){
html{font-size:22px;}
}
@media screen and (min-width:629px) and (max-width:656px){
html{font-size:24px;}
}
@media screen and (min-width:657px) and (max-width:684px){
html{font-size:25px;}
}
@media screen and (min-width:685px) and (max-width:712px){
html{font-size:26px;}
}
@media screen and (min-width:713px) and (max-width:740px){
html{font-size:27px;}
}
@media screen and (min-width:741px) and (max-width:768px){
html{font-size:28px;}
}
@media screen and (min-width:769px) and (max-width:796px){
html{font-size:29px;}
}
@media screen and (min-width:797px) and (max-width:824px){
html{font-size:30px;}
}
@media screen and (min-width:825px) and (max-width:852px){
html{font-size:31px;}
}
@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:35px;}
}
@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:38px;}
}
@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:45px;}
}
@media screen and (min-width:1245px) and (max-width:1272px){
html{font-size:46px;}
}
@media screen and (min-width:1273px) and (max-width:1300px){
html{font-size:47px;}
}
@media screen and (min-width:1301px) and (max-width:1328px){
html{font-size:48px;}
}
@media screen and (min-width:1329px) and (max-width:1356px){
html{font-size:49px;}
}
@media screen and (min-width:1357px) and (max-width:1384px){
html{font-size:50px;}
}
@media screen and (min-width:1385px) and (max-width:1412px){
html{font-size:51px;}
}
@media screen and (min-width:1413px) and (max-width:1440px){
html{font-size:52px;}
}
@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;}
}

/***********************
	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;}

/*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;}

/*----------------------------
	display
----------------------------*/
.disp.block{
	display:block;}
.disp.i_block{
	display:inline-block;}
/*----------------------------
	float
----------------------------*/
/*.fl{float:left;}
.fr{float:right;}*/
/******************************
	width: 下記に無い場合
******************************/
.ws_00{width:0%;}
.ws_05{width:5%;}
.ws_10{width:10%;}
.ws_15{width:15%;}
.ws_20{width:20%;}
.ws_25{width:25%;}
.ws_30{width:30%;}
.ws_35{width:35%;}
.ws_40{width:40%;}
.ws_45{width:45%;}
.ws_50{width:50%;}
.ws_55{width:55%;}
.ws_60{width:60%;}
.ws_65{width:65%;}
.ws_70{width:70%;}
.ws_75{width:75%;}
.ws_80{width:80%;}
.ws_85{width:85%;}
.ws_90{width:90%;}
.ws_95{width:95%;}
.ws_100{width:100%;}

/*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.5)!important;
	-webkit-box-shadow: 0rem 0rem 0.5rem 0rem rgba(0,0,0,0.5)!important;
	-moz-box-shadow: 0rem 0rem 0.5rem 0rem rgba(0,0,0,0.5)!important;
	-o-box-shadow: 0rem 0rem 0.5rem 0rem rgba(0,0,0,0.5)!important;
	-ms-box-shadow: 0rem 0rem 0.5rem 0rem rgba(0,0,0,0.5)!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;
}
/*記号有りの一字インデント*/
.indent{
	padding-left:1em;
	text-indent:-1em;
}

/*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;*/
}

/*box-sizing*/
.boxsizing{
	box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	-o-box-sizing:border-box!important;
	-ms-box-sizing:border-box!important;
}
/*text-decoration*/
.t_deco {
	border-bottom: .1rem solid;
}
.fl{float:left;}
.fr{float:right;}