body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{margin:0; padding:0; font-size: 13px; line-height: 22px; letter-spacing: 0.05em; color: #000;}
body{font-family: YuGothic,'游ゴシック', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, 'MS PGothic', arial, helvetica, sans-serif; background-color: #fff;}
ul{margin: 0;}
li{list-style: none;}
img{vertical-align: top;}
a{color: #000;}
a:hover{text-decoration: none; color: #000;}
a:active,
a:focus{text-decoration: none;}
th{font-weight: normal;}
.img-ow{margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.font_en{font-family: Garamond, serif;}
.font_min{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}


.mv_base{
	opacity: 0;
	transition: 1.5s;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
}
.mv{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

@media only screen and (min-width: 1200px) {
    .container{width: 1140px;}
}


body{background-color: #fff100; position: relative;}
body::before,
body::after{content: "";  background-repeat: repeat-y; height: 100%; display: block; position: absolute; top: 0;}
body::before{background-image: url(../images/bg_left.png); left: 0; width: 39px;}
body::after{background-image: url(../images/bg_right.png); right: 0; width: 30px;}

header{background: url(../images/bg_header.png) repeat-x; width: 100%; height: auto;}
header section{position: relative;}
header .pink_text{font-size: 22px; line-height: 32px; text-align: center; color: #e40073; font-weight: bold; margin: 30px 0;}
header h1{margin-bottom: 40px;}
header .logo_text{position: absolute; top: 610px; left: 40px;}
header .inner{width: 720px; margin: 0 auto;}
header .lead_text{border-top: 4px solid #000; border-bottom: 4px solid #000; padding: 10px 0; margin: 50px auto 10px;}
header .lead_text h2{background-color: #000; color: #fff; padding: 8px 20px; border-radius: 50px; margin: -30px auto 15px; font-size: 20px; width: 350px; text-align: center;}
header .lead_text p{font-size: 18px; line-height: 27px; font-weight: bold; margin-bottom: 10px;}
header .lead_text span{font-size: 15px; font-weight: bold; border-top: 1px solid #000; display: block; padding-top: 10px; text-align: center;}
header .place dt{width: 140px; text-align: left;}
header .place dt img{width: 120px; height: auto;}
header .place dd{margin-left: 140px;}
header .place dd li{font-size: 16px; line-height: 1; border-bottom: 1px dashed #000; padding: 5px 0; font-weight: bold;}
/*header .point_text{background-color: #e40073; text-align: center; margin-top: 20px; padding: 10px;}*/
header .point_text p{font-size: 16px; line-height: 26px; font-weight: bold; color: #e40073; text-align: center; margin-bottom: 30px;}
header .point_text a{color: #e40073; text-decoration: underline;}
header .point_text a:hover{text-decoration: none;}
header .free{margin-top: 15px; text-align: center;}
header .free h2{font-size: 20px; font-weight: bold;}
header .free p{font-size: 15px; margin-top: 5px; font-weight: bold;}


article{padding-top: 50px;}
.about .inner{ width: 720px; margin: 0 auto; position: relative;}
.about h1{color: #717071; font-size: 22px; font-weight: bold; margin-bottom: 10px; letter-spacing: 0;}
.about img{position: absolute; right: 0; top: -12px;}
.about .wrap{background-color: #717071; border-bottom: 10px solid #000;}
.about .wrap .inner{padding: 15px 0 30px;}
.about p{color: #fff; font-size: 16px; line-height: 24px;}

article .col{width: 940px; margin: 0 auto;}
.start{margin-top: -20px;}
.start p{font-weight: bold; font-size: 20px; line-height: 32px; text-align: center; margin-bottom: 40px;}
.start ul{text-align: center;}
.start li{display: inline-block; margin: 0 20px; width: 400px;}
/*.start .start_text{border-bottom: 8px solid #e40073; padding-bottom: 10px;}*/

.list{margin-top: 80px;}

.factory_list{margin: 15px 0 80px;}
.factory_list p{font-size: 17px; text-align: center; font-weight: bold; margin-bottom:30px;}
.factory_list h2{font-size: 15px; background-color: #000; color: #fff; padding: 7px 10px; margin-bottom: 8px;}
.factory_list h3{font-size: 14px; font-weight: bold;}
.factory_list h3.mt{margin-top: 15px;}
.factory_list h3.pink{color: #e40073;}
.factory_list h3.green{color: #1eaa39;}
.factory_list h3.blue{color: #0092d6;}
.factory_list li{margin-bottom: 2px;}
.factory_list li a{text-decoration: underline; font-size: 13px; line-height: 19px;}
.factory_list li a:hover{text-decoration: none;}


.list_wrap{position: relative; margin-top: 30px; margin-bottom: 80px;}
.list_wrap h2{background-color: #000; font-size: 22px; padding: 18px; color: #fff; letter-spacing: 0.1em; position: relative; margin-bottom: 20px;}
.list_wrap h2 span{font-size: 12px; position: absolute; bottom: 10px; right: 20px;}
.list_wrap .list_ill{position: absolute; top: -25px; right: 0; width: 160px; height: auto;}
.list_wrap .list_col{margin-bottom: 20px;}
.list_wrap .title{padding: 20px 15px;}
.list_wrap .title.pink{background-color: #e40073;}
.list_wrap .title.green{background-color: #1eaa39;}
.list_wrap .title.blue{background-color: #0092d6;}
.list_wrap .title li{float: left; margin-right: 12px;}
.list_wrap .title li.add{color: #fff; font-size: 18px; margin-right: 0; padding-top: 7px;}
.list_wrap .detail{background-color: #fff; padding: 10px 20px 20px;}
.list_wrap .detail .title_icon{margin-top: -18px;}
.list_wrap .detail h3{font-size: 18px; font-weight: bold; margin-bottom: 4px;}
.list_wrap .company{float: left; width: 67%; padding-right: 5%; background: url(../images/bg_detail.gif) repeat-y top right; position: relative;}
.list_wrap .company.blue{background: url(../images/bg_detail_b.gif) repeat-y top right;}
.list_wrap .company.green{background: url(../images/bg_detail_g.gif) repeat-y top right;}
.list_wrap .company .service{font-size: 12px; line-height: 18px; height: 36px; letter-spacing: 0;}
.list_wrap .company ul{text-align: center;}
.list_wrap .company li{display: inline-block; vertical-align: middle;}
.list_wrap .company .company_logo{width: 30%; margin-right: 15px;}
.list_wrap .company .company_img{width: 60%;}
.list_wrap .company figure{position: absolute; top: 50%; background-color: #fff; right: -10px; margin-top: -20px; padding: 10px 0;}
.list_wrap .artist{float: right; width: 28%; position: relative;}
.list_wrap .artist .kana{font-size: 10px; line-height: 1; color: #7d7d7d; font-weight: bold; letter-spacing: 0;}
.list_wrap .artist .job{font-size: 13px; font-weight: bold; margin: 5px 0 10px;}
.list_wrap .artist span{font-size: 10px; position: absolute; bottom: -20px; right: 10px;}

.list_wrap .taishin .artist_img,
.list_wrap .bessi .artist_img,
.list_wrap .nishioka .artist_img{height: 90px; width: auto;}
.list_wrap .nishioka .company .service{height: 19px;}

.list_wrap .mizuhiki .title{padding: 16px 15px;}
.list_wrap .mizuhiki .title li.add{padding-top: 0px;}
.list_wrap .mizuhiki .title li.date,
.list_wrap .mizuhiki .title li.icon{padding-top: 5px;}
.list_wrap .ichiryu .artist h3{letter-spacing: -0.15em;}
.list_wrap .ichiryu .artist_img{height: 88px; width: auto;}
.list_wrap .ichiryu .company .company_logo{width: 57%; margin-right: 5px;}
.list_wrap .ichiryu .company .company_img{width: 38%;}
.list_wrap .ichiryu .company .service{height: 21px;}
.list_wrap .kakukei .company .company_logo{width: 52%; margin-right: 5px;}
.list_wrap .kakukei .company .company_img{width: 43%;}
.list_wrap .kyouwa .company .company_logo{width: 52%; margin-right: 5px;}
.list_wrap .kyouwa .company .company_img{width: 43%;}
.list_wrap .kyouwa .artist .job{letter-spacing: -0.07em; font-size: 12px;}

.list_wrap .iyoseki .artist h3{letter-spacing: -0.08em;}
.list_wrap .iyoseki .artist_img{height: 90px; width: auto;}
.list_wrap .kos .title{padding: 16px 15px;}
.list_wrap .kos .title li.date,
.list_wrap .kos .title li.icon{padding-top: 5px;}
.list_wrap .kos .title li.add{padding-top: 0px;}
.list_wrap .kos .company h3{letter-spacing: 0;}
.list_wrap .kos .artist .job{letter-spacing: 0em; font-size: 12px; line-height: 17px; margin-bottom: 3px;}
.list_wrap .kos .artist_img{height: 84px; width: auto;}

.list_wrap .takubo .company .service{height: 24px;}
.list_wrap .takubo .company .company_logo{width: 48%; margin-right: 5px;}
.list_wrap .takubo .company .company_img{width: 47%;}
.list_wrap .takubo .artist_img{height: 84px; width: auto;}

/*.list_wrap .btn_wrap{margin-top: 20px;}
.list_wrap .btn_wrap li{float: left; width: 49%;}
.list_wrap .btn_wrap li:first-child{margin-right: 2%;}
.list_wrap .btn_wrap a{display: block; width: 100%; padding: 15px 0; text-align: center; font-size: 14px; color: #fff; background-color: #000; border-radius: 50px;}
.list_wrap .btn_wrap li:last-child a{color: #fff100;}
.list_wrap .btn_wrap a:hover{opacity: 0.6;}*/
.list_wrap .btn_program{display: block; width: 70%; margin: 20px auto 0; padding: 10px 0; text-align: center; font-size: 13px; color: #000; border: 1px solid #000; border-radius: 50px;}
.list_wrap .btn_form{display: block; width: 100%; padding: 22px 0; text-align: center; font-size: 17px; color: #fff100; background-color: #000;}
.list_wrap .btn_form:hover{opacity: 0.6;}
footer p{text-align: center; font-size: 14px; font-weight: bold; padding-bottom: 70px;}


@media only screen and (max-width: 991px) {
	header{background-size: 130%;}
	header section.container{width: 650px;}
	header .pink_text{font-size: 15px; line-height: 25px; margin: 20px 0;}
	header h1{margin-bottom: 30px;}
	header .logo_text{top: 405px; left: -35px; width: 110px; height: auto;}
	header .inner{width: 520px;}
	header .lead_text{border-top: 3px solid #000; border-bottom: 3px solid #000; margin: 40px auto 0; padding: 5px 0;}
	header .lead_text p{font-size: 15px; line-height: 24px;}
	header .lead_text span{font-size: 12px; letter-spacing: 0; padding-top: 5px;}
	header .place dt{width: 70px; padding-top: 5px;}
	header .place dt img{width: 70px; height: auto;}
	header .place dd{margin-left: 80px;}
	header .place dd li{font-size: 13px; padding: 3px 0;}
	header .point_text{margin-top: 15px;}
	header .point_text p{font-size: 13px; line-height: 22px;}

	header .free h2{font-size: 18px;}
	header .free p{font-size: 13px;}

	.about h1{font-size: 18px; margin-bottom: 7px;}
	.about .inner{ width: 520px;}
	.about img{top: -5px; height: 36px; width: auto;}
	.about .wrap .inner{padding: 15px 0 20px;}
	.about p{font-size: 13px; line-height: 22px;}

	article .col{width: 600px;}
	article .col h1 img{height: 67px; width: auto;}
	.start{margin-top: -20px;}
	.start p{font-size: 17px; line-height: 30px;}
	.start li{width: 270px; margin: 0 5px;}
	/*.start .start_text{border-bottom: 6px solid #e40073; width: 520px; height: auto;}*/

	.list{margin-top: 60px;}

	.factory_list{margin: 15px 0 70px;}
	.factory_list p{font-size: 15px;  margin-bottom: 20px;}
	.factory_list .row{margin: 0 -7px;}
	.factory_list .row>div{padding: 0 7px;}
	.factory_list h2{font-size: 13px; padding: 3px 8px; margin-bottom: 8px;}
	.factory_list h3{font-size: 13px;}
	.factory_list li{line-height: 18px; margin-bottom: 5px;}
	.factory_list li a{font-size: 12px; line-height: 18px;}


	.list_wrap{margin-top: 30px; margin-bottom: 40px;}
	.list_wrap h2{font-size:18px; padding: 16px;}
	.list_wrap h2 span{font-size: 11px;}
	.list_wrap .list_ill{top: -24px; width: 140px;}
	.list_wrap .title{padding: 12px 15px;}
	.list_wrap .title li.date img{width: auto; height: 31px;}
	.list_wrap .title li.icon img{width: 42px; height: auto;}
	.list_wrap .title li.add{font-size: 16px; padding-top: 5px;}
	.list_wrap .detail .title_icon{margin-top: -14px;}
	.list_wrap .artist span{right: 30px;}

	.list_wrap .taishin .artist_img,
	.list_wrap .bessi .artist_img,
	.list_wrap .nishioka .artist_img{height: 120px; width: auto;}
	.list_wrap .mizuhiki .title{padding: 12px 15px;}
	.list_wrap .mizuhiki .title li.add{padding-top: 5px;}
	.list_wrap .mizuhiki .title li.date,
	.list_wrap .mizuhiki .title li.icon{padding-top: 0px;}
	.list_wrap .ichiryu .artist h3{letter-spacing: 0;}
	.list_wrap .ichiryu .artist_img{height: 120px; width: auto;}
	.list_wrap .ichiryu .company .company_logo{width: 48%; margin-right: 15px;}
	.list_wrap .ichiryu .company .company_img{width: 42%;}
	.list_wrap .ichiryu .company .service{height: 36px;}
	.list_wrap .kakukei .company .service,
	.list_wrap .kyouwa .company .service{height: 30px;}
	.list_wrap .kyouwa .artist .job{letter-spacing: 0; font-size: 13px;}
	.list_wrap .iyoseki .artist h3{letter-spacing: 0}
	.list_wrap .iyoseki .artist_img{height: 120px; width: auto;}
	.list_wrap .kos .title{padding: 12px 15px;}
	.list_wrap .kos .title li.date,
	.list_wrap .kos .title li.icon{padding-top: 0px;}
	.list_wrap .kos .title li.add{padding-top: 5px;}
	.list_wrap .kos .company h3{letter-spacing: 0.05em;}
	.list_wrap .kos .artist .job{letter-spacing: 0.05em; font-size: 13px; line-height: 18px; margin-bottom: 10px;}
	.list_wrap .kos .artist_img{height: 104px; width: auto;}
	.list_wrap .takubo .company .service{height: 24px;}
	.list_wrap .takubo .company .company_logo{width: 42%; margin-right: 15px;}
	.list_wrap .takubo .company .company_img{width: 48%; padding-right: 15px;}
	.list_wrap .takubo .artist_img{height: 114px; width: auto;}

	.list_wrap .btn_program{font-size: 12px;}
	.list_wrap .btn_form{padding: 18px 0; font-size: 15px;}
	footer p{font-size: 13px; padding-bottom: 60px;}
}

@media only screen and (max-width: 767px) {
	body::before,
	body::after{background-image: none;}

	/*header{background-size: 130%;}*/
	header section.container{width: 100%;}
	header .pink_text{font-size: 12px; line-height: 18px; margin: 10px 0;}
	header h1{margin-bottom: 20px;}
	header .logo_text{/*top: 405px; left: -35px; width: 110px; height: auto;*/ display: none;}
	header .inner{width: 100%;}
	header .lead_text{border-top: 2px solid #000; border-bottom: 2px solid #000; margin: 15px auto 0;}
	header .lead_text h2{font-size: 15px; width: 250px; padding: 3px 0; margin-top: -20px; margin-bottom: 5px;}
	header .lead_text p{font-size: 12px; line-height: 19px; letter-spacing: 0;}
	header .lead_text span{font-size: 11px; line-height: 16px;}
	header .place dt{width: 100%; padding-top: 0px; text-align: center; margin-bottom: 5px;}
	header .place dt img{width: 60px; height: auto;}
	header .place dd{margin-left: 0;}
	header .place dd li{font-size: 12px; padding: 4px 0; text-align: center;}
	header .free{margin: 10px auto 0; height: 55px; width: auto;}
	header .point_text{margin-top: 10px; padding: 5px;}
	header .point_text p{font-size: 12px; line-height: 21px; margin-bottom: 0;}
	header .free h2{font-size: 15px;}
	header .free p{font-size: 12px; margin-top: 0;}

	article{padding-top: 30px;}
	.about h1{font-size: 15px; margin-bottom: 2px;}
	.about .inner{ width: 100%; padding: 0 15px;}
	.about img{display: none;}
	.about .wrap{border-bottom-width: 5px;}
	.about .wrap .inner{padding: 10px 15px 15px;}
	.about p{font-size: 12px; line-height: 18px;}

	article .col{width: 100%;}
	article .col h1 img{height: 42px; width: auto;}
	.start{margin-top: -10px;}
	.start p{font-size: 13px; line-height: 21px; text-align: left; margin-bottom: 20px;}
	.start p br{display: none;}
	/*.start .start_text{border-bottom: 4px solid #e40073; width: 100%;}*/

	.list{margin-top: 35px;}

	.factory_list{margin: 10px 0 50px;}
	.factory_list p{font-size: 13px;  margin-bottom: 15px;}
	.factory_list .row{margin: 0 -15px;}
	.factory_list .row>div{padding: 0 15px; margin-bottom: 20px;}
	.factory_list h2{font-size: 13px; padding: 3px 8px; margin-bottom: 8px;}
	.factory_list h3{font-size: 13px;}
	.factory_list li{line-height: 18px; margin-bottom: 5px;}
	.factory_list li a{font-size: 12px; line-height: 18px;}

	
	.list_wrap{margin-top: 20px; margin-bottom: 30px;}
	.list_wrap.last{margin-bottom: 0;}
	.list_wrap h2{font-size:15px; line-height: 18px; padding: 8px 12px; margin-bottom: 10px;}
	.list_wrap h2 span{font-size: 10px; position: static; bottom: auto; right: auto; display: inline-block;}
	.list_wrap .list_ill{top: -18px; width: 100px;}
	.list_wrap .title{padding: 10px 12px;}
	.list_wrap .title li.date{float: none; width: 100%; text-align: center; margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.6); padding-bottom: 10px; margin-right: 0;}
	.list_wrap .title li.date img{width: auto; height: 26px;}
	.list_wrap .title li.icon{margin-right: 10px;}
	.list_wrap .title li.icon img{width: 38px; height: auto;}
	.list_wrap .title li.add{font-size: 13px; padding-top: 5px;}

	.list_wrap .detail{padding: 10px 15px 15px;}
	.list_wrap .detail .title_icon{margin: 0 auto; display: block; margin-bottom: 3px;}
	.list_wrap .detail h3{font-size: 16px; margin-bottom: 2px; text-align: center;}
	.list_wrap .company,
	.list_wrap .artist{float: none; width: 100%;}

	.list_wrap .company{padding-right: 0; background: url(http://ehimesansan.jp/openfactory/wp-content/themes/of/images/bg_detail_w.gif) repeat-x bottom left; padding-bottom: 20px;}
	.list_wrap .company.blue{background: url(../images/bg_detail_bw.gif) repeat-x bottom left;}
	.list_wrap .company.green{background: url(../images/bg_detail_gw.gif) repeat-x bottom left;}

	.list_wrap .company .service{font-size: 11px; line-height: 15px; height: auto!important; letter-spacing: -0.07em; margin-bottom: 5px; text-align: center;}
	.list_wrap .company figure{top: auto; bottom: -15px; right: auto; left: 50%; margin-left: -10px; padding: 5px 0;}
	.list_wrap .company figure img{width: 20px; height: auto;}
	.list_wrap .artist{margin-top: 15px;}
	.list_wrap .artist .kana{text-align: center;}
	.list_wrap .artist .job{font-size: 12px; margin: 2px 0 10px; text-align: center;}
	.list_wrap .artist_img{max-width: 140px; height: auto;}
	.list_wrap .artist span{right: auto; position: static; text-align: center; display: block;}

	.list_wrap .kos .artist .job{font-size: 12px;}
	/*.list_wrap .btn_wrap a{padding: 12px 0; font-size: 12px;}*/

	.list_wrap .btn_program{font-size: 11px; width: 85%;}
	.list_wrap .btn_form{padding: 15px 0; font-size: 13px;}

	footer p{font-size: 12px; padding-bottom: 30px;}
}
@media only screen and (max-width: 600px) {
	.start li{width: 250px; display: block; margin: 0 auto;}
	.start li:first-child{margin-bottom: 30px;}
}
@media only screen and (max-width: 420px) {
	.list_wrap .btn_wrap li{float: none; width: 100%;}
	.list_wrap .btn_wrap li:first-child{margin-right: 0; margin-bottom: 10px;}
}

.factory_tour{padding: 70px 0;}
.factory_tour dt{margin: 30px 0 10px; border-bottom: 1px solid #000; padding-bottom: 5px;}
.factory_tour dt h2{font-size: 18px; font-weight: bold;}
.factory_tour dd{font-size: 15px; line-height: 25px;}
.factory_tour dd a{text-decoration: underline;}
.factory_tour .kome{margin-top: 20px; padding-left: 1.8em;}
.factory_tour .kome li{font-size: 15px; line-height: 25px; list-style-type: none; position: relative;}
.factory_tour .kome li:before{content: "※"; display: block; position: absolute; top: 0; left: -1.4em;}
.factory_tour .careful{padding-left: 1.4em;}
.factory_tour .careful li{font-size: 15px; line-height: 25px; list-style-type: disc;}
@media only screen and (max-width: 991px) {
	.factory_tour{padding: 40px 0 60px;}
	.factory_tour .inner{width: 720px;}
	.factory_tour dt{margin: 25px 0 10px;}
	.factory_tour dt h2{font-size: 16px;}
	.factory_tour dd{font-size: 14px; line-height: 23px;}
	.factory_tour .kome{margin-top: 15px;}
	.factory_tour .kome li{font-size: 14px; line-height: 23px;}
	.factory_tour .careful li{font-size: 14px; line-height: 23px;}
}
@media only screen and (max-width: 767px) {
	.factory_tour{padding: 30px 0;}
	.factory_tour .inner{width: 100%; padding: 0 15px;}
	.factory_tour dt{margin: 15px 0 10px;}
	.factory_tour dt h2{font-size: 14px;}
	.factory_tour dd{font-size: 13px; line-height: 20px;}
	.factory_tour .kome{margin-top: 15px;}
	.factory_tour .kome li{font-size: 12px; line-height: 20px;}
	.factory_tour .careful li{font-size: 12px; line-height: 20px;}
}




/*reservation*/
.reservation.contents{padding-bottom: 70px; padding-top: 30px;}
.reservation.contents .inner{width: 900px; margin: 0 auto;}
.reservation.contents .title{width: 720px; margin: 0 auto;}
.reservation.contents .title ul{text-align: center;}
.reservation.contents .title li{display: inline-block; margin: 0 5px; vertical-align: middle;}
.reservation.contents .title li.date{margin-right: 10px;}
.reservation.contents .title li.date img,
.reservation.contents .title li.icon img{height: 50px; width: auto;}
.reservation.contents .title li.date.green img{height: 50px; width: 121px;}
.reservation.contents .title li.add{font-size: 20px; text-align: left;line-height: 24px; margin-right: 0; padding-top: 3px; font-weight: bold;}
.reservation.contents .title li.add span{font-size: 17px;}

.reservation.contents .gmap{margin-top: 30px; border-top: 1px solid #000; padding-top: 20px;}
.reservation.contents .gmap p{text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.reservation.contents .gmap iframe{width: 100%;}

.reservation.contents h1{margin-bottom: 10px;}
.reservation.contents .text{font-weight: bold; font-size: 17px; line-height: 30px; text-align: center; margin-bottom: 20px;}
.reservation.contents .lead_text{text-align: center;}
.reservation.contents table{margin-top: 40px; width: 100%;}
.reservation.contents th,
.reservation.contents td{border: 1px solid #666; padding: 25px; font-size: 15px;}
.reservation.contents th{width: 32%; background-color: #000; color: #fff; /*position: relative; height: 100%;*/}
.reservation.contents th .th_col{position: relative; height: 100%;}
.reservation.contents th span{font-size: 12px; color: #fff; display: block; width: 36px; line-height: 1; padding: 6px 0; text-align: center; font-weight: normal; background-color: #e65757; position: absolute; top: 50%; right: 0; margin-top: -12px; border-radius: 2px;}
.reservation.contents td{background-color: #fff; width: 68%;}
.reservation.contents td p{font-size: 14px; margin-top: 10px; line-height: 22px;}
.reservation.contents td .item_col{margin-bottom: 15px; border-bottom:1px solid #ddd; padding-bottom: 15px;}
.reservation.contents td .item_col.last{margin-bottom: 0; /*border-bottom: none; padding-bottom: 0;*/}
.reservation.contents td li{font-size: 14px; line-height: 22px; margin-bottom: 10px;}
.reservation.contents td li:last-child{margin-bottom: 0;}
.reservation.contents td select{height: 2.5em;}
.reservation.contents td input{font-size: 14px; padding: 5px 8px;}
.reservation.contents td textarea{width: 100%!important; height: 100px!important;}
.reservation.contents .input_l{width: 400px;}
.reservation.contents .input_m{width: 200px;}
.reservation.contents .input_s{width: 70px;}
.reservation.contents .btn_col{margin-top: 30px; text-align: center;}
.reservation.contents .btn_col li{display: inline-block; margin: 0 10px;}
.reservation.contents .btn_col input{background-color: #000; color: #fff; font-size: 14px; border:none; width: 300px; padding: 20px 0; border-radius: 4px;}
.reservation.contents .btn_col input:hover{opacity: 0.6;}
.reservation.contents .text_col{background-color: #f9f8f5; padding: 40px 25px; margin-top: 40px;}
.reservation.contents .text_col p{font-size: 13px; line-height: 24px; margin-top: 0;}
@media only screen and (max-width: 991px) {
	.reservation.contents{padding-bottom: 40px;}
	.reservation.contents .inner{width: 720px;}
	.reservation.contents .title li.date img,
	.reservation.contents .title li.icon img{height:45px; width: auto;}
	.reservation.contents .title li.date.green img{height: 45px; width: 109px;}
	.reservation.contents .title li.add{font-size: 18px; line-height: 22px;}
	.reservation.contents .title li.add span{font-size: 15px;}
	.reservation.contents .gmap{margin-top: 25px; padding-top: 15px;}
	.reservation.contents .gmap p{font-size: 15px;}
	.reservation.contents h1{margin-bottom: 5px;}
	.reservation.contents h1 img{height: 67px; width: auto;}
	.reservation.contents .text{font-size: 15px; line-height: 24px;}
	.reservation.contents table{margin-top: 30px;}
	.reservation.contents th,
	.reservation.contents td{padding: 20px; font-size: 14px;}
	.reservation.contents th{width: 30%;}
	.reservation.contents th span{font-size: 11px;}
	.reservation.contents td{width: 70%;}
	.reservation.contents td p,
	.reservation.contents td li,
	.reservation.contents td input{font-size: 13px;}
	.reservation.contents .input_l{width: 350px;}
	.reservation.contents .input_m{width: 180px;}
}
@media only screen and (max-width: 767px) {
	.reservation.contents{padding-bottom: 30px; padding-top: 15px;}
	.reservation.contents .inner{width: 100%; padding: 0 15px;}
	.reservation.contents .title{width: 100%;}
	.reservation.contents .title li{margin: 0 3px;}
	.reservation.contents .title li.date{margin-right: 2px; width: 100%; padding-bottom: 5px;}
	.reservation.contents .title li.date img{height:25px; width: auto;}
	.reservation.contents .title li.date.green img{height: 25px; width: 61px;}
	.reservation.contents .title li.icon img{height:30px; width: auto;}
	.reservation.contents .title li.add{font-size: 13px; line-height: 17px; padding-top: 4px; margin-right: 0;}
	.reservation.contents .title li.add span{font-size: 12px;}

	.reservation.contents .gmap{margin-top: 15px;}
	.reservation.contents .gmap p{font-size: 13px; margin-bottom: 5px;}
	.reservation.contents .gmap iframe{height: 250px;}

	.reservation.contents h1{margin-bottom: 0;}
	.reservation.contents h1 img{height: 50px; width: auto;}
	.reservation.contents .text{font-size: 12px; line-height: 20px; text-align: left; letter-spacing: 0.02em;}
	.reservation.contents table{border-top: 1px solid #666; margin-top: 20px;}
	.reservation.contents th,
	.reservation.contents td{padding: 15px; display: list-item; list-style: none; width: 100%; border-top: none; font-size: 13px;}
	.reservation.contents td p,
	.reservation.contents td li{font-size: 12px; line-height: 18px;}
	.reservation.contents td input{font-size: 12px; padding: 5px 8px;}
	.reservation.contents td span{font-size: 11px; line-height: 16px;}
	.reservation.contents .input_l{width: 240px;}
	.reservation.contents .input_m{width: 120px;}
	.reservation.contents .input_s{width: 35px;}
	.reservation.contents .btn_col{margin-top: 20px;}
	.reservation.contents .btn_col input{font-size: 13px; border:none; width: 130px; padding: 12px 0;}
	.reservation.contents .text_col{padding: 20px 15px; margin-top: 30px;}
	.reservation.contents .text_col p{font-size: 12px; line-height: 18px;}
}

.mizuhiki_link{text-align: center; margin-bottom: 30px;}
.mizuhiki_link a{font-weight: bold; color: #3c91d0; font-size: 18px; text-decoration: underline;}
.mizuhiki_link a:hover{text-decoration: none;}
@media only screen and (max-width: 991px) {
	.mizuhiki_link a{font-size: 16px;}
}
@media only screen and (max-width:  767px) {
	.mizuhiki_link a{font-size: 14px;}
}