@charset "UTF-8";

/*================================================
*  CSSリセット
================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, /*sub, sup,*/ var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}

body {
	line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

del {
	text-decoration: line-through
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

select {
	vertical-align: middle
}

input {
	vertical-align: middle;
	padding: 5px;
	font-size: 16px;
	max-width: 500px;
}

textarea {
	width: 100%;
	max-width: 500px;
	padding: 5px;
	font-size: 14px;
}

a,a:hover,a:hover,a:visited,a:active{
	text-decoration: none;
}

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

/*================================================
 *  ヘッダー
 ================================================*/
header{
	border-bottom: 1px solid #ccc;
}

.header_wrap{
	width: 1240px;
	margin: 0 auto;
	padding: 20px;
}

.header_wrap p{
	float: left;
}

.header_wrap .contact_btn{
	float: right;
}

.header_wrap .contact_btn a{
	background: #FB8C00;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 10px;
	margin: 0;
	display: block;
	text-align: center;
}

.header_menu_btn{
	position: absolute;
	left: 5px;
	text-align: center;
	width: 40px;
	height: 50px;
}

.header_menu_btn img{
	width: 24px;
	padding: 5px 0 4px;
}

.header_login_btn{
	position: absolute;
	right: 45px;
	text-align: center;
	width: 50px;
	height: 50px;
}

.header_login_btn a{
	color: #fff;
	display: block;
	padding-top: 8px;
}

.header_login_btn img{
	width: 28px;
	margin-bottom: 2px;
	border-radius: 12px;
}

.header_search_btn{
	position: absolute;
	right: 5px;
	text-align: center;
	width: 40px;
	height: 50px;
	padding-top: 10px;
}

.header_search_btn:hover{
	cursor: pointer;
}

.header_search_btn img{
	width: 24px;
	margin-bottom: 4px;
}

.header_wrap p{
	margin: 0;
	line-height: 1;
}

.header-logo{
	text-align: center;
}

.header-logo a{
	display: inline-block;
	padding: 0;
	margin-right: 10px;
}

.header-logo img{
	width: 100%;
	max-width: 150px;
	vertical-align: baseline;
}

/*　全体　*/

*{
	box-sizing: border-box;
}

#wrapper{
	max-width: 1240px;
	margin: 0 auto;
	overflow: hidden;
}

body{
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	color: #000;
}

.text{
	text-align: justify;
	text-justify: inter-ideograph;
}

.pc{
	display:inline-block;
}

.sp{
	display: none;
}

/*　冒頭部分　*/

h1{
	width: 100%;
}
h1 img{
	width:100%;
}

.sns_top{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.sns_top a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-size: 14px;
	width: 100%;
	padding: 10px 0;
}

.sns_top i{
	margin-right: 10px;
}

.btn_tw,
.btn_fb {
	width: 200px;
	text-align: center;
}

.btn_tw {
	background-color: #55acee;
	margin-right: 20px;
}

.btn_fb {
	background-color: #3B5998;
}

.btn_tw:hover,
.btn_fb:hover{
	opacity: 0.7;
}

.couple_prof {
	max-width: 960px;
	margin: 30px auto 30px;
	display: flex;
	font-size: 16px;
}

.couple_prof .couple_prof_img{
	display: flex;
	justify-content: center;
	width: 300px;
}

.couple_prof .couple_prof_txt{
	flex: 1;
}

.couple_prof div div{
	width: 130px;
	height: 130px;
	margin-right: 20px;
}

.couple_prof div div img{
	width: 100%;
}

/*一日目*/

#day1_1 {
	background-image: url(../image/title_day1_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	width: 100%;
}

.title_day1{
	text-align: center;
	padding-top:50px;
	margin-bottom: 50px;
}

.title_day1 img{
	width: 100%;
	max-width: 800px;
	filter: drop-shadow(3px 4px 4px rgba(0,0,0,0.4));
}

.topic1{
	position: relative;
	max-width: 1000px;
	margin: 0 auto 50px;
}

.midashi,
.midashi_r{
	display: block;
}

h3{
	display: inline-block;
	background-color: #fff;
	border: 1px solid #000;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4));
	padding: 10px 20px;
	font-size: 20px;
	font-weight: bold;
}

.midashi_r h3{
	float: right;
}

h3 span{
	font-size: 24px;
	font-weight: bold;
	margin-right: 15px;
}

.topic1_l .text,
.topic1_r .text{
	width: 46%;
}
.topic1_l .text{
	float: left;
}
.topic1_r .text{
	float: right;
}
.topic1_l .text p{
	padding: 25px 25px 25px 0px;
}
.topic1_r .text p{
	padding: 25px 0px 25px 25px;
}

.topic1_l .img_l,
.topic1_r .img_l{
	width: 54%;
	max-width: 540px;
}
.topic1_l .img_l{
	float: left;
}
.topic1_r .img_l{
	float: left;
}
.img_l img{
	width: 100%;
}

.img_s{
	position: absolute;
	bottom: 0;
	float: left;
	display: flex;
	width: 46%;
}
.topic1_r .img_s{
	float: right;
	right: 0;
}

.img_s div{
	width: 49%;
	max-width: 225px;
}
.img_s div:first-child{
	margin-right: 1%;
}
.topic1_r .img_s div:first-child{
	margin-left: 1%;
}

.img_s div img{
	width: 100%;
}

.day1_process{
	width:360px;
	margin: 0 auto 50px;
}

.day1_process img{
	width:100%;
}

/*一日目 チェックイン*/

#day1_2{
	background-image: url(../image/day1_2_bg2.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 100%;
}

.day1_yoyaku{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.day1_yoyaku a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-size: 14px;
	width: 100%;
	padding: 10px 0;
}

.btn_yoyaku{
	width: 200px;
	text-align: center;
	background-image: url(../image/btn_yuibg.png);
}
.btn_yoyaku:hover{
	opacity: 0.8;
}
.btn_yoyaku:first-child{
	margin-right: 20px;
}

.btn_yoyaku p::before{
	content: "";
	display: inline-block;
	width: 20px;/*画像の幅*/
	height: 20px;/*画像の高さ*/
	background-image: url(../image/yui_mark.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}

#day1_2_wrap {
	background-image: url(../image/day1_2_bg1.jpg),
	url(../image/bg_wh.jpg);
	background-repeat: no-repeat,repeat;
	background-position: top right,top;
	width: 100%;
}

.topic2{
	max-width: 1000px;
	margin: 0 auto 50px;
}

.topic2.period{
	margin: 0 auto;
	padding-bottom: 50px;
}

.topic2 .midashi{
	margin-bottom: 20px;
}

.topic2.lsize .text{
	width: 40%;
}
.topic2_l .text,
.topic2_r .text{
	width: 64%;
}
.topic2_l .text{
	float: left;
}
.topic2_r .text{
	float: right;
}
.topic2_l .text p{
	padding: 25px 25px 25px 0px;
}
.topic2_r .text p{
	padding: 25px 0px 25px 25px;
}
.topic2 .text p span{
	font-size: 14px;
}

.topic2.lsize .img{
	width: 60%;
	max-width: 600px;
}
.topic2_l .img,.topic2_r .img{
	width: 36%;
	max-width: 360px;
}
.topic2_l .img{
	float: right;
}
.topic2_r .img{
	float: left;
}
.img img{
	width: 100%;
}

/*一日目 夕食時*/

#day1_3_wrap {
	background-image: url(../image/day1_2_bg3.jpg),
	url(../image/bg_bw.jpg);
	background-repeat: no-repeat,repeat;
	background-position: top right,top;
	width: 100%;
}

#day1_3{
	background-image: url(../image/day1_2_bg4.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 100%;
}

#day1_3 p,#day1_3 span{
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
}

.dinner_title{
	text-align: center;
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	color: #fff;
	margin: 40px 0;
}

.chef_prof {
	max-width: 960px;
	margin: 0 auto 30px;
	display: flex;
	flex-wrap: nowrap;
	background-color: rgba(0,0,0,0.2);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 30px 25px;
	margin-bottom: 50px;
}

.chef_prof p{
	font-size: 14px;
	color: #fff;
}
.chef_prof p span{
	font-size: 18px;
	color: #fff;
}

.chef_prof div img{
	width: 140px;
	height: 140px;
	filter: drop-shadow(3px 4px 4px rgba(0,0,0,0.4));
	margin-right: 30px;
}

.topic3{
	max-width: 1000px;
	margin: 0 auto 40px;
	color: #fff;
}
.topic3.period{
	margin: 0 auto;
	padding-bottom: 65px;
}

.topic3_l .text,
.topic3_r .text{
	width: 64%;
}
.topic3_l .text{
	float: left;
	padding-right: 20px ;
}
.topic3_r .text{
	float: right;
	padding-left: 20px ;
}
.topic3_l .text span,
.topic3_r .text span{
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

.topic3_l .img,.topic3_r .img{
	width: 36%;
	max-width: 367px;
}
.topic3_l .img{
	float: right;
}
.topic3_r .img{
	float: left;
}

/*一日目 夕食後*/

#day1_4_wrap {
	background-image: url(../image/day1_2_bg5.jpg),
	url(../image/day1_2_bg6.png),
	url(../image/bg_bl.jpg);
	background-repeat: no-repeat,no-repeat,repeat;
	background-position: top right,bottom left,top;
	width: 100%;
}

#day1_4{
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 5%, transparent);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 5%, transparent);
	background: linear-gradient(to top, rgba(0,0,0,0.6) 5%, transparent);
	width: 100%;
}

#day1_4 .text{
	color: #fff;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
}

.night_photo_wrap{
	background-image: url(../image/kasumi.png),
	url(../image/kasumi.png)/*,
	url(../image/day1_2_bg6.png)*/;
	background-repeat: no-repeat,no-repeat/*,no-repeat*/;
	background-position: top 20px left 30px,
	bottom 80px right 30px/*,
	bottom left*/;
	width: 100%;
	padding-top: 100px;
	padding-bottom: 160px;
}

.night_photo{
	max-width: 740px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.night_photo div{
	width: 49%;
}
.night_photo div:nth-child(2n+1){
	margin-right: 2%;
}
.night_photo div{
	margin-bottom: 8px;
}
.night_photo div img{
	width: 100%;
}

/*二日目*/

#day2_1_wrap{
}

#day2_1 {
	background-image: url(../image/title_day2_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	width: 100%;
}

#day2_2 {
	background-image: url(../image/day2_morning_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	width: 100%;
}

.morning_photo{
	max-width: 740px;
	margin: 0 auto 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.morning_photo div{
	width: 48%;
}
.morning_photo div img{
	width: 100%;
}
.morning_photo div:nth-child(2n+1){
	margin-right: 4%;
}

.afterword{
	text-align: center;
	font-size: 20px;
	margin-bottom: 60px;
	line-height: 1.6em;
}

.cooperation{
	font-size: 14px;
	max-width: 900px;
	margin: 0 auto 50px;
}

.cooperation p span{
	display: inline-block;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
}

#yui_yoyaku{
	width: 100%;
	background-color: #000;
	color: #fff;
	padding-bottom: 40px;
}

.yui_title{
	background-image: url(../image/yui_yoyaku_title_bg.gif);
	background-repeat: repeat;
}
.yui_title p{
	text-align: center;
	font-size: 22px;
	padding: 30px 0;
	line-height: 1.4em;
}

.yui_box{
	max-width: 1000px;
	margin: 40px auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.yui_access{
	width: 35%;
	font-size: 14px;
}
.yui_access img{
	width: 100%;
}
.yui_access p{
	width: 100%;
	display: flex;
	justify-content: center;
}
.yui_access p img{
	width: 69px;
	height: 29px;
	margin-right: 10px;
}

.yui_link{
	width: 60%;
}

.yui_koushiki,.yui_yoyaku{
	margin-bottom: 20px;
}

.btn_yui_yoyaku,.btn_yui_tel{
	max-width: 400px;
	border: 1px solid #fff;
	background-color: #2c2c2c;
	text-align: center;
}

.btn_yui_yoyaku:hover,.btn_yui_tel:hover{
	background-color: #666;
	transition: .3s;
}

.btn_yui_yoyaku a,.btn_yui_tel a{
	display: inline-block;
	width: 100%;
	padding: 15px 20px;
	color: #fff;
}

.btn_yui_yoyaku p::before{
	content: "";
	display: inline-block;
	width: 20px;/*画像の幅*/
	height: 20px;/*画像の高さ*/
	background-image: url(../image/yui_mark.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}

.yui_tel {
	margin-bottom: 20px;
}

.yui_tel p span{
	font-size: 26px;
}

.btn_yui_tel{
	margin-bottom: 5px;
}

.hamarepo{
	max-width: 400px;
	text-align: right;
}

.p_12{
	font-size: 12px;
}


/*================================================
スライダー関連
================================================*/

.slider_top{
	max-width: 1000px;
	margin: 0 auto;
}

.slider_top .midashi{
	padding-bottom: 35px;
}

.sliderpro_bottom {
	max-width: 900px;
	margin:0 auto 35px;
	padding-top: 45px;
}

.slider-pro{
	position: relative!important;
}

.sp-slides-container{
	/*position: absolute!important;*/
	display: contents;
}

.sp-buttons{
	position: absolute!important;
	bottom: 10px!important;
}

.sp-button{
	border: 1px solid #fff!important;
}

.sp-selected-button{
	background-color: #fff!important;
}

/*================================================
 *  フッター
 ================================================*/
.footer_wrap{
	background: #333;
	color: #fff;
	text-align: center;
	padding: 20px 15px;
}

.footer_wrap img{
	width: 40px;
	margin: 0 5px;
}

.footer_menu{
	margin: 20px 0 10px;
}

.footer_wrap li{
	display: inline-block;
	padding: 0 10px;
	line-height: 1;
	border-right: 1px solid #fff;
}

.footer_wrap li:last-child{
	border-right: 0;
}

.footer_wrap li a{
	color: #fff;
	font-size: 12px;
}

.footer_wrap small{
	font-size: 10px;
}

/*================================================
799px以下
================================================*/

@media screen and (max-width: 799px) {

	body{
		font-size: 14px;
	}

	h3 {
		padding: 4px 10px;
		font-size: 13px;
	}

	h3 span {
		font-size: 16px;
		margin-right: 10px;
	}

	#day1_2_wrap {
		background-image: url(../image/day1_2_bg1_sp.jpg),
		url(../image/bg_wh.jpg);
		background-size: contain;
	}
	#day1_2{
		background-image: url(../image/day1_2_bg2_sp.jpg);
		background-size: contain;
	}

	#day1_3_wrap {
		background-image: url(../image/day1_2_bg3_sp.jpg),
		url(../image/bg_bw.jpg);
		background-size: contain;
	}

	#day1_3 {
		background-image: url(../image/day1_2_bg4_sp.jpg);
		background-size: contain;
	}

	#day1_4_wrap {
		background-image: url(../image/day1_2_bg5_sp.jpg),
		url(../image/day1_2_bg6_sp.png),
		url(../image/bg_bl.jpg);
		background-size: contain;
	}

	.title_day1 {
		padding-top: 30px;
		margin-bottom: 30px;
	}

	.slider_top .midashi{
		padding-bottom: 15px;
	}

	.sliderpro_bottom {
		margin: 0 auto 20px;
		padding-top: 20px;
	}

	.sp-buttons{
		bottom: 0px!important;
	}

	.sp-button {
		width: 8px!important;
		height: 8px!important;
	}

	.sns_top,
	.couple_prof,
	#day1_1,
	#day1_2,
	#day1_3,
	#day1_4,
	#day2_1,
	#day2_2,
	.slider_top,
	.yui_box{
		width: 100%;
		padding: 0 20px;
	}

	.btn_tw, .btn_fb {
		width: 150px;
	}

	.couple_prof {
		display: block;
		font-size: 14px;
	}

	.couple_prof .couple_prof_img{
		width: auto;
	}
	
	.couple_prof div div{
		filter: drop-shadow(2px 3px 3px rgba(0,0,0,0.4));
	}

	.couple_prof div div:last-child{
		margin-right: 0px;
	}

	.couple_prof div div{
		margin-bottom: 30px;
	}

	.day1_process{
		width:260px;
		margin: 0 auto 30px;
	}

	.topic1{
		margin: 0 auto 20px;
	}

	.topic2,.topic3{
		margin: 0 auto 10px;
	}

	.dinner_title{
		line-height: 1.8em;
	}
	.day1_yoyaku{
		margin-bottom: 30px;
	}

	.midashi_r h3,
	.text,
	.topic1_r .text,
	.img_l,
	.topic1_r .img_l,
	.img_s,
	.topic1_r .img_s {
		float: none;
		bottom:inherit;
		right: inherit;
	}

	.topic1_l .text,
	.topic1_r .text{
		width: 100%;
	}

	.topic1_l .img_l,
	.topic1_r .img_l{
		width: 100%;
		max-width: none;
	}

	.img_s{
		position: inherit;
		width: 100%;
	}

	.img_s div{
		width: 100%;
		max-width: none;
	}

	.topic1_l .text p,
	.topic1_r .text p{
		padding: 15px 0 10px 0;
	}

	.topic2.lsize .text,
	.topic2_l .text,
	.topic2_r .text,
	.topic3_l .text,
	.topic3_r .text{
		width: 100%;
	}
	.topic2_l .text,
	.topic2_r .text,
	.topic3_l .text,
	.topic3_r .text{
		float: none;
	}

	.topic2.lsize .img,
	.topic2_l .img,
	.topic2_r .img,
	.topic3_l .img,
	.topic3_r .img{
		width: 100%;
		max-width: inherit;
	}
	.topic2_l .img,
	.topic2_r .img,
	.topic3_l .img,
	.topic3_r .img{
		float: none;
	}
	.topic2_l .text p,
	.topic2_r .text p,
	.topic3_l .text p,
	.topic3_r .text p{
		padding: 10px 0 15px 0;
	}

	.topic3_r .text {
		padding-left: 0px;
	}
	.topic3_l .text {
		padding-right: 0px;
	}

	.topic3_l .text span, .topic3_r .text span {
		font-size: 16px;
		margin-bottom: 0px;
		margin-top: 10px;
	}

	.topic2 .text p span {
	    font-size: 10px;
	}

	.chef_prof {
		max-width: 100%;
		margin: 0 auto 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 20px 10px;
		margin-bottom: 30px;
	}

	.chef_prof p{
		font-size: 12px;
	}
	.chef_prof p:first-child{
		text-align: center;
		margin: 10px auto 12px;
	}
	.chef_prof p span{
		font-size: 16px;
	}

	.chef_prof div img{
		width: 100px;
		height: 100px;
		margin-right: 0;
	}

.topic2.period,.topic3.period{
	padding-bottom: 25px;
}

	.night_photo div{
		width: 49%;
		margin-bottom: 4px;
	}
	.night_photo div:nth-child(2n+1){
		margin-right: 2%;
	}
	.night_photo div img{
		width: 100%;
	}
	.night_photo_wrap {
		background-position: top 20px left -30px, bottom 20px right -30px, bottom left;
		background-size: 70%;
		width: 100%;
		padding-top: 80px;
		padding-bottom: 80px;
	}

.morning_photo{
	margin: 0 auto 30px;
}

	.afterword{
		font-size: 16px;
		margin-bottom: 40px;
		line-height: 2em;
	}

	.yui_title p{
		font-size: 20px;
		padding: 10px 0;
	}

	.yui_box{
		max-width: 100%;
		margin: 20px auto;
		flex-wrap: wrap;
		justify-content: center;
	}

	.yui_access,.yui_link{
		width: 100%;
	}

	.yui_access{
		margin-bottom: 20px;
	}

	.btn_yui_yoyaku,.btn_yui_tel{
		max-width: 100%;
	}

	.btn_yui_yoyaku a,.btn_yui_tel a{
		padding: 10px 10px;
	}

	.hamarepo{
		max-width: 100%;
		text-align: left;
	}

	.pc{
		display: none;
	}

	.sp{
		display: inline-block;
	}

h1 .pc,.title_day1 .pc{
		display: inline-block;
	}
h1 .sp,.title_day1 .sp{
		display: none;
	}


}


/*================================================
414px以下
================================================*/

@media screen and (max-width: 414px) {

	.sns_top,
	.couple_prof,
	#day1_1,
	#day1_2,
	#day1_3,
	#day1_4,
	#day2_1,
	#day2_2,
	.slider_top,
	.yui_box{
		padding: 0 10px;
	}

	.btn_tw,.btn_fb {
		width: 30px;
		height: 30px;
		border-radius: 50%;
	}
	.btn_tw{
		margin-right: 10px;
	}
	.btn_tw span,	.btn_fb span{
		display: none;
	}
	.sns_top a {
		padding: 0 ;
		line-height: 30px;
	}
	.sns_top i{
		margin-right: 0;
	}

	.couple_prof div div{
		width: 80px;
		height: 80px;
	}

	.couple_prof div div img{
		width: 80px;
		height: 80px;
	}

	.day1_process{
		width:200px;
		margin: 0 auto 30px;
	}

	.day1_yoyaku{
		flex-wrap: wrap;
	}

	.btn_yoyaku:first-child {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.btn_yui_yoyaku p{
		font-size: 12px;
	}
	.yui_tel p span {
		font-size: 16px;
	}

	h1 .pc,.title_day1 .pc{
		display: none;
	}
	h1 .sp,.title_day1 .sp{
		display: inline-block;
	}

	#yui_yoyaku{
		padding-bottom: 0;
	}

}




@media screen and (max-width: 999px) {
/*================================================
 *  ヘッダー
 ================================================*/
	.header_wrap{
		width: 100%;
	}
}

@media screen and (max-width: 599px) {
/*================================================
 *  ヘッダー
 ================================================*/
	.header_wrap{
		padding: 10px;
	}

	.header-logo img {
		width: 100px;
	}

	.header_wrap p{
		float: none;
	}

	.header-logo a{
		margin: 0;
	}

	.header_wrap p span{
	display: none;
	}

/*================================================
 *  ヘッダー
 ================================================*/
	.footer_wrap{
		text-align: center;
		padding: 15px 10px;
	}

	.footer_logo{
		margin: 0 0 5px;
	}

	.footer_wrap small{
		display: block;
		font-size: 10px;
	}

}