@charset "utf-8";
/* reset */
	html body{width: 100%; max-width: 720px; min-width: 320px; ;margin: 0 auto;}

/* common */
	.contain{background-color: #e9e9e9;padding-top: 5em;padding-bottom: .5em;}
	.componant{width: 100%;background-color: #fff;padding: 0 1em;}
	.componant.componant_no_pd{padding: 0;}

	.btn-whole{width: 100%; display: flex; align-items: center; justify-content: center; border-top: 1px solid #bcbcbc; padding: .75em;}

	.spining{width: 1.25em; height: 1.25em; background-image: url('/img/img_spin.png'); background-repeat: no-repeat; background-position: center; -webkit-background-size: 1.25em; background-size: 1.25em;}
	.spining.spinner-border{border: 0;}

	.btn_blk{padding: .125em 1em; background-color: #080808; color: #fff;}
	.btn_outline_blk{padding: .125em 1em; border:1px solid #080808; color: #080808; margin-left: auto;}



/* header */
	header{width: 100%; height: 5em; display: flex; align-items: center; justify-content:center; position: relative; background-color: #fff; position: fixed; z-index: 100;max-width: 720px;}
	header .login_emblem{width: 2.5em; height: 2.5em; position: absolute; left: 1em;}
	header h1{font-size: 1.5em;}
	header .loc_forw{position: absolute; width: 2.5em; height: 2.5em; left: 1em; background-image: url('/img/loc_forw.png'); background-repeat: no-repeat; background-position: center; -webkit-background-size: 1.25em; background-size: 1.25em;}
	header .header_sns{position: absolute; width: 2.5em; height: 2.5em; right: 1em; background-image: url('/img/sns.png'); background-repeat: no-repeat; background-position: center; -webkit-background-size: 1.25em;	background-size: 1.25em;}


/*main_slide*/
	.componant .main_slide .swiper-wrapper .swiper-slide .img img{width: 100%;}
	.componant .main_slide .swiper-wrapper .swiper-slide .txt{width: 100%; padding-bottom: 2em;}
	.componant .main_slide .swiper-wrapper .swiper-slide .txt h4{margin-top: 1em;}
	.componant .main_slide .swiper-wrapper .swiper-slide .txt p{margin-top: 1em; white-space: pre-wrap; font-size: 1.25em;}
	.componant .main_slide .swiper-pagination{bottom: 2em;}
	.componant .main_slide .swiper-pagination .swiper-pagination-bullet{margin: 0 .5em; width: .825em; height: .825em; opacity: 1; background-color: #92908b;}
	.componant .main_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #262626;}

	.componant .gallery-thumbs1 .swiper-wrapper .swiper-slide{background-color: #fff;}

/*box_type_1*/
	.componant .box_type_1{padding-bottom: 2.5em;}
	.componant .box_type_1 .box_type_1_head{height: 2.5em; display: flex; align-items: center;}
	.componant .box_type_1 .box_type_1_head h3{font-size: 1.25em; font-weight: 500;}
	.componant .box_type_1 .box_type_1_body{}
	.componant .box_type_1 .box_type_1_body .img{}
	.componant .box_type_1 .box_type_1_body .img img{width: 100%;}
	.componant .box_type_1 .box_type_1_body .txt{margin-top: 1em;}
	.componant .box_type_1 .box_type_1_body .txt .txt_head{}
	.componant .box_type_1 .box_type_1_body .txt .txt_head h4{font-size: 1.5em;}
	.componant .box_type_1 .box_type_1_body .txt .txt_head .date{font-size: .825em; color: #5a5a5a; padding: .5em	0; display: block;}
	.componant .txt .txt_body p{margin-top: .75em; white-space: pre-wrap; font-size: 1.25em;}
	.componant .box_type_1 .txt .txt_body img{max-width: 100%;}
	.componant .box_type_1 .box_type_1_body .txt .txt-foot{text-align: right; padding-top: 1em;}

/* box_type_2 */
	.componant .box_type_2 ul li{ border-top: 1px solid #bcbcbc;}
	.componant .box_type_2 ul li:first-child{border-top: 0;}
	.componant .box_type_2 ul li a{padding: 1.75em 0; display: flex;}
	.componant .box_type_2 ul li a .img{width: 8em; height: 8em; vertical-align: middle; overflow: hidden;}
	.componant .box_type_2 ul li a .img img{width: 100%; height: 100%;}
	.componant .box_type_2 ul li a .txt{width: calc(100% - 8em); padding-left: 1em;}
	.componant .box_type_2 ul li a .txt h4{font-size: 1.25em;}
	.componant .box_type_2 ul li a .txt p{margin-top: .5em;}
	.componant .box_type_2 ul li a .txt .count{font-size: .825em; margin-right: 1em; color: #989898;}
	.componant .box_type_2 ul li a .txt .date{font-size: .825em; color: #989898;}
	.componant .box_type_2 ul li a .txt .info{margin-top: .5em; display: flex; width: 100%; align-items: center;}

/*box_type_3*/
	.componant .box_type_3{padding-bottom: 1.5em;}
	.componant .box_type_3 .box_type_3_head{height: 2.5em; display: flex; align-items: center;}
	.componant .box_type_3 .box_type_3_head h3{font-size: 1.5em; font-weight: 500;}
	.componant .box_type_3 .box_type_3_body{}
	.componant .box_type_3 .box_type_3_body .img{}
	.componant .box_type_3 .box_type_3_body .img img{width: 100%;}
	.componant .box_type_3 .box_type_3_body .txt{margin-top: 1em;}
	.componant .box_type_3 .box_type_3_body .txt .txt_head{}
	.componant .box_type_3 .box_type_3_body .txt .txt_head h4{font-size: 1.25em;}
	.componant .box_type_3 .box_type_3_body .txt .txt_head .date{font-size: .825em; color: #5a5a5a; padding: .5em	0; display: block;}
	.componant .box_type_3 .box_type_3_body .txt .txt_body p{margin-top: 1em; white-space: pre-wrap; font-size: 1.25em;}
	.componant .box_type_3 .box_type_3_body .txt .txt_body img{max-width: 100%;}
	/* .componant .box_type_3 .box_type_3_body .txt .txt-foot{text-align: right; padding-top: 1em;} */

/* nodata */
	.componant .nodata{padding: 3em 0; text-align: center;}
	.componant .nodata h3{color: #666;}
	.componant .nodata p{color: #999; margin-top: 2em;}

/* banner_type_1 */
	.componant .banner_type_1{width: 100%;}
	.componant .banner_type_1 a{width: 100%;}
	.componant .banner_type_1 img{width: 100%;}

/* list_card_type */
	.list_card_type{list-style: none; padding-left: 0; clear: both;	overflow: hidden; margin: 0 -.5em; padding-bottom: 2em;}
	.list_card_type .card_list{float: left; width: 50%; padding: 0 .5em;}
	.list_card_type .card_list .card_list_head .list_image{width: 100%; height: 8em; background-repeat: no-repeat; background-position: center;}
	.list_card_type .card_list .card_list_body strong{font-weight: 500; letter-spacing: -.020em; font-size: 1em;}
/* list_line_type */
	.list_line_type{list-style: none; padding-left: 0; clear: both;	overflow: hidden; border-top: 1px solid #bcbcbc; margin: 0 -1em;}
	.list_line_type li{border-bottom: 1px solid #bcbcbc; padding: 1em;}
	.list_line_type li strong.title{font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;	display: block;}

/* sns_modal */
	.sns_modal .sns_modal-title{text-align: center; width: 100%; padding-left: 3rem;}
	.sns_modal .snsModal_list{list-style: none; padding-left: 0; clear: both; overflow: hidden; margin: 1em auto;}
	.sns_modal .snsModal_list li{width: 25%; text-align: center; float: left; }
	.sns_modal .snsModal_list li span.icon{width: 3em;height: 3em;display: block;border-radius: 1.5em;margin: 0 auto;overflow: hidden;background-image: url('/img/snsModal_list.png');background-repeat: no-repeat;background-size: 12em;}
	.sns_modal .snsModal_list li span.title{font-size: .75em; color: #495057;}


/* footer */
	footer{background-color: #1f1f1f; color: #fff; padding: 3.75em 1em; }
	footer .sns{width: 26em; height: 2.5em; margin: 0 auto 4em;}
	footer .sns li{float: left; width: 2.5em; height: 100%; margin: 0 2em;}
	footer .sns li a{display: block; width: 100%; height: 100%; background-image: url('/img/sns_list.png'); background-repeat: no-repeat; -webkit-background-size: 8em;	background-size: 10em;}
	footer h2{font-size: 1.5em; text-align: center; font-weight: 500;}
	footer address{text-align: center; color: #959595;  margin-top: 2em; margin-bottom: 0;}
	footer .info_list{color: #959595; margin: 0 auto; text-align: center;}
	footer .info_list li{display: inline;}
	footer .footer_nav{text-align: center; margin-top: 1.5em;}
	footer .footer_nav li{display: inline-block; padding: 0 .5em; position: relative; letter-spacing: -.025em;}
	footer .footer_nav li:after{content: ''; position: absolute; width: 1px; height: 0.75em; top: 50%; left: 0; margin-top: -.375em; border-left: 1px solid #bcbcbc;}
	footer .footer_nav li:first-child:after{border-left: 0;}
	footer .copyright{text-align: center; color: #959595;}