@charset "UTF-8";
/* CSS Document */

#wrapper {
	font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',  sans-serif;
	font-size:16px;
	position:relative;
	color:#2a2a2a;
	overflow:hidden;
	width:100%;
}

.font-cap { font-family:YuMincho, 'Yu Mincho', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",  sans-serif; }

#sakura { overflow-x:hidden; width:100%; }
body { position:relative; width:100%; }

/*----- .top-btn -----*/
.top-btn { 
	width:112px;
	height:107px;
	background:url(../images/totop_off.png) no-repeat center;
	position:absolute;
	bottom:10px;
	right:10px;
	color:#fff; 
	font-size:14px;
	text-align:center;
	padding-top:25px;
	line-height:1.25em;
}
.top-btn:hover { 
	cursor:pointer;
	background:url(../images/totop_on.png) no-repeat center; 
	color:rgba( 255, 255, 255, 0.6);
	transition:all 0.6s ease 0s;
}

/*----- .lodging-plan-btn -----*/
.lodging-plan-btn {
	width:275px;
	height:30px;
	position:fixed;
	top:20px;
	right:0;
	z-index:100;
}
.lodging-plan-btn:hover {
	opacity:0.8;
}


.smp-desp { display:none !important; }
.disp-none { display:none; }

.fl-l { float:left; }
.fl-r { float:right; }

.txt-c { text-align:center; }


a { transition:all 0.6s ease 0s; }
a.txt { position:relative; text-decoration:none; padding-bottom:1px; }
a.txt:after {
  position:absolute;
  content:'';
  bottom:0;
  left:0;
  width:0;
  height:1px;
  background:#000;
  transition:all 0.3s ease 0s;
}
a.txt:hover { cursor:pointer; }
a.txt:hover::after { width:100%; }


/**-------------------- header#page-head --------------------**/
header#page-head { position:relative; height:770px; width:100%; }
header#page-head .head-bg {
	background-color:rgba(255,255,255,0.7);
	position:absolute;
	top:0;
	left:35px;
	width:190px;
	height:550px;
	z-index:1;
}
header#page-head #fixed-box { position:relative; width:190px; }
header#page-head h1 { position:absolute; top:-50px; left:-160px; z-index:1; }
header#page-head h1 a:hover { opacity:0.8; }
header#page-head #fixed-box nav {
	-webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
	font-size:17px;
	margin:0 auto;
	top:155px;
	left:0;
	right:0;
	position:absolute;
	height:395px;
	width:150px;
}
header#page-head #fixed-box nav p { 
	width:50px;
	border-left:1px solid #8c8c8c;
	display:inline-block;
	font-weight:bold;
	letter-spacing:0.1em;
}
header#page-head #fixed-box nav p.nav1, header#page-head #fixed-box nav p.nav2 { border-right:1px solid #8c8c8c; }
header#page-head #fixed-box nav p:nth-child(even) a { height:170px; }
header#page-head #fixed-box nav p a {
	padding:3px 13px 0;
	height:155px;
	display:block;
	color:#000;
	box-sizing:border-box;
}
header#page-head #fixed-box nav p a:before { 
	content:"";
	background:url("../images/nav_sakura.png") no-repeat top;
	opacity:0;
	width:23px;
    height:21px;
    display:inline-block;
    transition-property:all;
    transition:0.3s linear;
	margin-bottom:7px;
}
header#page-head #fixed-box nav p:hover a:before { opacity:1; }
header#page-head #fixed-box nav p a:hover { color:#a22418; }
header#page-head .tel {
	width:170px;
	height:55px;
	background:#000;
	padding:10px 0 0 8px;
	margin:490px auto 0;
	color:#fff;
	letter-spacing:-0.02em;
}
header#page-head .tel a { color:#fff; display:block; }
header#page-head .tel a:hover { opacity:0.8; }
header#page-head .tel .number { font-size:19px; display:block; }
header#page-head .tel .number:before { 
	content:"";
	background:url("../images/tel_icon.png") no-repeat;
	width:16px;
	height:22px;
	display:inline-block;
	vertical-align:text-top;
	margin-right:2px;
}
header#page-head .tel .time { font-size:12px; font-weight:bold; margin-left:18px; }


/** movie **/
header#page-head .head-movie {
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:0;
    background:url("../movie/top.jpg") no-repeat top;
}
.head-movie video {
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    -o-object-fit:cover;
    object-fit:cover;
    bottom:0;
}





/**-------------------- #contents --------------------**/
#contents {}

.contents-bg1 {
	width:100%;
	height:auto;
	background:url("../images/contents_bg1.jpg") no-repeat top;
	background-size:cover;
	position:relative;
}
.contents-bg2 {
	width:100%;
	height:auto;
	background:url("../images/contents_bg2.jpg") no-repeat top;
	background-size:cover;
	position:relative;
}
.contents-inner { width:1230px; margin:0 auto; }
#contents .left-deco {
	background-color:rgba(255,255,255,0.7);
	position:absolute;
	top:0;
	left:35px;
	width:190px;
	height:100% /*3900px*/;
}
.sec-inner { padding-left:240px; }

h2.sakura { font-size:28px; }
h2.sakura:after { 
	content:"";
	background:url("../images/ttl_sakura.png") no-repeat top;
	width:42px;
	height:42px;
	display:block;
    margin:18px auto 0;
}



/**---------- div#news-sec ----------**/
#news-sec { 
	background:url("../images/news_bg.png") repeat top;
	width:100%;
	line-height:1.7;
	border-bottom:1px solid #bcb8b3;
}
#news-sec .contents-inner { 
	padding:30px 0 30px 265px;
}
#news-sec .ttl { 
	font-size:16px;
	color:#000;
	display:inline-block;
	margin-right:40px;
}
#news-sec ul {
	display:inline-block;
    vertical-align:top;
}
#news-sec li a { font-size:12px; color:#000; }



/**---------- section#greeting-sec ----------**/
#greeting-sec .sec-inner { padding:105px 0 120px 330px; }
#greeting-sec h2 {
	-webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
	font-size:25px;
	display:inline-block;
    letter-spacing:0.2em;
}
#greeting-sec .txt-box { 
	font-size:16px;
	line-height:1.7;
	display:inline-block;
	vertical-align:top;
	padding-left:37px;
	margin-left:25px;
	border-left:1px solid #818181;
}
#greeting-sec .txt-box p { margin-bottom:30px; }
#greeting-sec .txt-box p:last-child { margin-bottom:0; }



/**---------- section#feature-sec ----------**/
#feature-sec { margin-left:12px; padding-bottom:30px; }
#feature-sec .feature-cont { position:relative; margin-bottom:70px; }
#feature-sec #feature2 h3 { margin-left:128px; }
#feature-sec .feature-cont h3 img.pc-desp { display:initial; }
#feature-sec .feature-cont .txt-box { text-align:center; position:absolute; bottom:25px; }
#feature-sec .feature-cont .catch { font-size:18px; color:#d64942; line-height:1.95; margin-bottom:85px; text-align:left; }
#feature-sec .feature-cont .btn { display:inline-block; }
#feature-sec .feature-cont .btn a { padding:14px 48px; background:#000; color:#fff; display:block; }
#feature-sec .feature-cont .btn a:hover { opacity:0.7; }
#feature-sec #feature1 .txt-box, #feature-sec #feature3 .txt-box { right:0; }
#feature-sec #feature2 .txt-box { left:0; }



/**---------- section#ichioshi-sec ----------**/
#ichioshi-sec { padding:0 0 75px; }
#ichioshi-sec .ichioshi-cont { margin:15px 0 0 50px; }
#ichioshi-sec .plan-box { display:inline-block; margin-right:80px; }
#ichioshi-sec .plan-box:last-child { margin-right:0; }
#ichioshi-sec .plan-box .plan-ttl { 
	font-size:18px;
	-webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
	line-height:1.25;
	display:inline-block;
	vertical-align: middle;
}
#ichioshi-sec .plan-box .plan-thumb { 
	display:inline-block;
	padding-right:10px;
	margin-right:15px;
	border-right:1px solid #d64942;
	vertical-align: middle;
}
#ichioshi-sec .plan-box .plan-ttl a { color:#000; }
#ichioshi-sec .plan-box a:hover { opacity:0.7; }



/**---------- section#search-sec ----------**/
#search-sec .sec-inner { padding:65px 0 160px 240px; }
#search-sec h2 { text-align:center; }
#search-sec .search-box { margin-top:65px; text-align:center; }
#search-sec .search-box .search_btn { margin:35px auto 0; width:335px; }
#search-sec .search-box .search_btn input { color:#fff; background:#000; padding:12px 0; display:block; border:0; width:335px; font-size:16px; text-align:center; }
#search-sec .search-box .search_btn input:hover { opacity:0.7; }
#search-sec .search-box label { display:block; margin:7px 0 0 80px; }
#search-sec .search-box .select-box { display:inline-block; vertical-align:top; text-align:left; }
#search-sec .search-box p { color:#2a2a2a; font-size:15px; padding:0 0 10px 0; font-weight:bold; }
#search-sec .search-box .checkbox-txt { color:#2a2a2a; font-size:15px; font-weight:bold; }
#search-sec .search-box input[type="checkbox"] {
  opacity:0;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
}
#search-sec .search-box input[type="checkbox"] + span:before {
  display:inline-block;
  content: '';
  width:20px;
  height:20px;
  background:#fff;
  margin-right:10px;
  vertical-align:text-top;
}
#search-sec .search-box input[type="checkbox"]:checked + span::before {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='width: 256px; height: 256px; opacity: 1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E	.st0{fill:%234B4B4B;}%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='440.469,73.413 218.357,295.525 71.531,148.709 0,220.229 146.826,367.055 218.357,438.587 		289.878,367.055 512,144.945 	' style='fill: rgb(0, 0, 0);'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 2px;
}
#search-sec .search-box .cp-ipselect {
	overflow: hidden;
	text-align: center;
}
#search-sec .search-box .cp-ipselect select {
	width: 100%;
	cursor: pointer;
	text-overflow: ellipsis;
	border: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
#search-sec .search-box .cp-ipselect select::-ms-expand {
    display: none;
}
#search-sec .search-box .cp-ipselect.cp-sl01 {
	position:relative;
	background:#ffffff;
	width:175px;
	display:inline-block;
    vertical-align:middle;
}
#search-sec .search-box .cp-ipselect.cp-sl02 { width:125px; }
#search-sec .search-box .cp-ipselect.cp-sl03 { width:135px; }
#search-sec .search-box .cp-ipselect.cp-sl01:before {
	position: absolute;
	top:0;
	bottom:0;
	margin:auto;
	right: 0.5em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #939393;
	pointer-events: none;
}
#search-sec .search-box .cp-ipselect.cp-sl01.input:before { display:none; }
#search-sec .search-box .cp-ipselect.cp-sl01 select {
	padding:22px 10px;
	color: #939393;
	font-size:16px;
	line-height:1;
}
#search-sec .search-box .cp-ipselect.cp-sl01 input {
	padding:21px 10px;
	color: #939393;
	font-size:16px;
	line-height:1;
	width:155px;
}
#search-sec .search-box .cp-ipselect.cp-sl01 input { border:none; }



/**---------- section#plan-sec ----------**/
#plan-sec .sec-inner { padding:0 0 145px 240px; }
#plan-sec h2 { text-align:center; margin-bottom:35px; }
#plan-sec .plan-box { width:232px; display:inline-block; margin-right:10px; }
#plan-sec .plan-box .thumb { width:100%; }
#plan-sec .plan-box .thumb img { width:100%; height:auto; }
#plan-sec .plan-box:last-child { margin-right:0; }
#plan-sec .plan-box .txt-box { background:#fff; padding:15px 5px 5px; position:relative; margin-top:7px; word-wrap:break-word; }
#plan-sec .plan-box .txt-box:after { 
	content:"";
	background:url("../images/plan_sakura.png") no-repeat;
	width:68px;
	height:66px;
	display:block;
	position:absolute;
	top:-15px;
	right:-5px;
}
#plan-sec .plan-box .txt-box .ttl { 
	color:#d64942;
	font-weight:bold;
	font-size:18px;
	line-height:1.2;
	border-bottom:1px solid #d64942;
	padding:5px;
	position:relative;
	overflow:hidden;
	padding-right:30px;
}
#plan-sec .plan-box .txt-box .ttl a { color:#000; }
#plan-sec .plan-box .txt-box .txt { 
	font-size:14px;
	line-height:1.2;
	margin-top:3px;
	padding:5px;
	color:#000;
}
#plan-sec .plan-box a { display:block; }
#plan-sec .plan-box a:hover { opacity:0.7; }

#plan-sec .plan_list_link { width:335px; font-size:16px; margin:70px auto 0; text-align:center; }
#plan-sec .plan_list_link a { color:#fff; display:block; padding:12px 0; background:#000; }
#plan-sec .plan_list_link a:hover { opacity:0.7; }




/**---------- footer ----------**/
#footer {
	width:100%;
	height:510px;
	padding-top:80px;
	background:url("../images/footer_bg.jpg") no-repeat bottom;
	background-size:100% 510px;
}
#footer .pc-desp { display:block; }
#footer .inner { width:1200px; margin:0 auto; padding:0 35px 0 30px; }
#footer .logo a:hover { opacity:0.7; }
#footer address { font-size:13px; color:#fff; font-weight:bold; margin:15px 0 12px; }
#footer .in-out { font-size:13px; color:#fff; font-weight:bold; line-height:1.5em; }
#footer nav { margin:10px 0 0 100px; }
#footer nav p { margin-bottom:20px; }
#footer nav a { color:#fff; font-size:16px; font-weight:bold; padding-bottom:2px; }
#footer a.txt:after { background:#fff; }
#footer .bnr { margin-bottom:25px; }
#footer .bnr a:hover { opacity:0.7; }
#footer .tel { color:#fff; }
#footer .tel a { color:#fff; display:inline-block; }
#footer .tel .number { font-size:26px; display:block; letter-spacing:-0.03em; margin-bottom:10px; }
#footer .tel .number:before { 
	content:"";
	background:url("../images/tel_icon_foot.png") no-repeat;
	width:20px;
	height:30px;
	display:inline-block;
	vertical-align:text-top;
	margin-right:2px;
}
#footer .tel span.txt { font-size:14px; font-weight:bold; margin-left:23px; }
#footer .tel .time { font-size:16px; margin-left:5px; font-weight:bold; }
#footer .wrap-copy { font-size:12px; text-align:right; margin-top:120px; color:#fff; }
#footer .wrap-copy a { color:#fff; }


@media screen and (max-width: 1250px) {
	header#page-head { height:600px; }
	.contents-inner { width:95%; }
	#feature-sec .feature-cont { padding:0 10px; }
	#feature-sec .feature-cont h3 img { width:90%; }
	#feature-sec .feature-cont .txt-box { width:25%; right:3% !important; bottom:15px; }
	#feature-sec .feature-cont .catch { margin-bottom:7%; line-height:1.5; font-size:16px; }
	#feature-sec #feature2 .txt-box { left:3%; }
	#feature-sec #feature2 h3 { text-align:right; margin-left:0; }
	#feature-sec .feature-cont .btn a { padding:15px 20px; font-size:14px; }
	#ichioshi-sec .ichioshi-cont { margin:15px 0 0 15px; }
	#ichioshi-sec .plan-box { margin-right:40px; }
	#search-sec .search-box .cp-ipselect { width:120px !important; }
	#search-sec .search-box label { margin:7px 0 0 0; text-align:right; }
	#plan-sec .plan-box { width:23%; margin-right:1%; vertical-align:top; }
	#plan-sec .plan-box .thumb img { width:100%; }
	#plan-sec .plan-box .txt-box .ttl { font-size:14px; }
	#plan-sec .plan-box .txt-box .txt { font-size:12px; }
	#plan-sec .plan-box .txt-box:after { width:58px; height:56px; background-size:cover; }
	#footer .inner { width:1000px; }
}


@media screen and (max-width: 1000px) {
	header#page-head { height:500px; }
	header#page-head .head-bg { height:450px; width:150px; }
	header#page-head #fixed-box { width:150px; }
	header#page-head h1 { top:-40px; left:-130px; }
	header#page-head h1 img { width:300px; }
	header#page-head #fixed-box nav { top:120px; width:120px; font-size:14px; }
	header#page-head #fixed-box nav p { width:40px; letter-spacing:0; }
	header#page-head #fixed-box nav p a { padding:3px 9px 0; height:125px; }
	header#page-head #fixed-box nav p:nth-child(even) a { height:140px; }
	header#page-head #fixed-box nav p a:before { width:20px; height:18px; background-size:cover; margin-bottom:5px; }
	header#page-head .tel { width:130px; margin:398px auto 0; padding:8px 0 5px 6px; height:auto; }
	header#page-head .tel .number:before { width:11px; height:17px; background-size:cover; }
	header#page-head .tel .number { font-size:15px; }
	header#page-head .tel .time { font-size:11px; margin-left:0; }
	
	.lodging-plan-btn { width:230px; height:25px; }
	.lodging-plan-btn img { width:100%; }
	#contents .left-deco { width:150px; }
	.sec-inner { padding-left:190px; }
	h2.sakura { font-size:22px; }
	h2.sakura:after { width:35px; height:35px; background-size:cover; margin:5px auto 0; }
	.top-btn { width:90px; height:85px; background-size:cover; padding-top:18px; font-size:12px; }
	.top-btn:hover{ width:90px; height:85px; background-size:cover; padding-top:18px; font-size:12px; }
	
	#news-sec { line-height:1.4; }
	#news-sec .contents-inner { padding:20px 0 20px 210px; }
	#news-sec li a { font-size:11px; }
	#news-sec .ttl { font-size:14px; margin-right:30px; }
	
	#greeting-sec .sec-inner { padding:55px 0 70px 230px; text-align:center; }
	#greeting-sec h2 { font-size:20px; }
	#greeting-sec .txt-box { font-size:13px; padding-left:32px; margin-left:20px; text-align:left; }
	
	#feature-sec .feature-cont { padding:0; margin-bottom:50px; }
	#feature-sec .feature-cont .catch { font-size:13px; }
	#feature-sec .feature-cont .btn a { font-size:12px; padding:10px; }
	
	#ichioshi-sec { padding:20px 0 50px; }
	#ichioshi-sec .ichioshi-cont { margin:15px 0 0; }
	#ichioshi-sec .plan-box { margin-right:30px; }
	#ichioshi-sec .plan-box .plan-thumb img { width:180px; }
	#ichioshi-sec .plan-box .plan-ttl { font-size:14px; }
	#ichioshi-sec .plan-box .plan-thumb { padding-right:8px; margin-right:8px; }
	
	#search-sec .sec-inner { padding:50px 0 100px 210px; }
	#search-sec .search-box { margin-top:40px; }
	#search-sec .search-box p { font-size:13px; padding:0 0 5px 0; }
	#search-sec .search-box .cp-ipselect { width:90px !important; }
	#search-sec .search-box .cp-ipselect.cp-sl01 select { font-size:12px; padding:15px 5px; }
	#search-sec .search-box .cp-ipselect.cp-sl01 input { font-size:12px; padding:14px 5px; }
	#search-sec .search-box .cp-ipselect.cp-sl01:before { right:0.3em; border-left:5px solid transparent; border-right:5px solid transparent; border-top:8px solid #939393; }
	#search-sec .search-box .checkbox-txt { font-size:13px; }
	#search-sec .search-box input[type="checkbox"] + span:before { width:15px; height:15px; margin-right:5px; }
	#search-sec .search-box .search-btn { font-size:13px; }
	#search-sec .search-box .search-btn a { padding:10px 0; }
	
	#plan-sec .sec-inner { padding:0 0 100px 210px; }
	#plan-sec h2 { margin-bottom:20px; }
	#plan-sec .plan_list_link { font-size:13px; margin:20px auto 0; }
	#plan-sec .plan_list_link a { padding:10px 0; }
	#plan-sec .plan-box { width:47%; margin-bottom:20px; }
	
	#footer { height:420px; background-size:cover; padding-top:50px; }
	#footer .inner { width:90%; padding:0; }
	#footer .inner .logo { width:205px; }
	#footer .inner .logo img { width:100%; }
	#footer address { font-size:11px; }
	#footer .in-out { font-size:11px; }
	#footer nav { margin:10px 0 0 60px; }
	#footer nav p { margin-bottom:15px; }
	#footer nav a { font-size:13px; }
	#footer .bnr { width:170px; }
	#footer .bnr img { width:100%; }
	#footer .tel .number { font-size:22px; }
	#footer .tel .number:before { width:15px; height:25px; background-size:cover; }
	#footer .tel span.txt { font-size:11px; margin-left:20px; }
	#footer .tel .time { font-size:14px; }
	#footer .wrap-copy { font-size:10px; margin-top:105px; }




	header#page-head .head-bg { height:50px; width:100%; left:0; position:fixed; background-color:rgba(255,255,255,0.8); z-index:20; }
	header#page-head .tel { display:none!important; }
	header#page-head #fixed-box { width:100%; left:0 !important; }
	header#page-head h1 img { width:200px; }
	header#page-head h1 { top:-30px; left:-70px; }
	header#page-head #fixed-box nav { 
		position:absolute;
		top:inherit;
		display:block;
		width:100%;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
		height:auto;
		top:50px;
		background-color:rgba(255,255,255,0.8);
		display:none;
	}
	header#page-head #fixed-box nav p {
		width:100%;
		text-align:center;
		border-right:0 !important;
		border-left:0 !important;
		border-bottom:1px solid #8c8c8c;
	}
	header#page-head #fixed-box nav p.smp-desp { display:block !important; }
	header#page-head #fixed-box nav p:first-child { border-top:1px solid #8c8c8c; }
	header#page-head #fixed-box nav p a { padding:15px; height:auto !important; }
	header#page-head #fixed-box nav p a:before { display:none; }
	header#page-head #fixed-box nav.is-open { display:block; }
	header .menu-btn { width:35px; height:35px; position:relative; float:right; margin-top:10px; margin-right:10px; }
	header .menu-btn .top, header .menu-btn .bottom {
		width:32px;
		height:3px;
		display:block;
		position:absolute;
		left:0;
		transition:all 0.3s;
		transform:rotate(0deg);
	}
	header .menu-btn .top { top:50%; transform:translateY(-17px); background:#000; }
	header .menu-btn .bottom { top:-15%; transform:translateY(17px); background:#000; }
	header .menu-btn .txt { font-size:11px; position:absolute; left:0; bottom:0; color:#000; }
	header .menu-btn .txt:before { content:"MENU"; }
	header .menu-btn.is-open .top {
		top:23%;
		-webkit-transform:rotate(-45deg) translateY(0px);
		-ms-transform:rotate(-45deg) translateY(0px);
		transform:rotate(-45deg) translateY(0px);
	}
	header .menu-btn.is-open .bottom {
		top:23%;
		-webkit-transform:rotate(45deg) translateY(0px);
		-ms-transform:rotate(45deg) translateY(0px);
		transform:rotate(45deg) translateY(0px); 
	}
	header .menu-btn.is-open .txt:before { content:"CLOSE"; margin-left:-2px; }
	.lodging-plan-btn { display:none; }
	header#page-head { height:0; padding:0 0 calc(56.25% + 50px); }
	
	#contents .left-deco { display:none; }
	#news-sec .contents-inner { padding:20px; }
	.sec-inner { padding-left:0; }
	#greeting-sec .sec-inner { padding:30px 0; }
	#search-sec .sec-inner { padding:50px 0; }
	#plan-sec .sec-inner { padding:0 0 100px 0; }
	#plan-sec .plan-box { width:24%; margin-right:.2%; }
	.top-btn { display:none !important; }
}



@media screen and (max-width: 650px){
	h2.sakura { font-weight:bold; font-size:20px; }
	h2.sakura:after { width:30px; height:30px; }
	#news-sec { line-height:1.2; }
	#news-sec .contents-inner { padding:15px 5px; }
	#news-sec .ttl { display:block; margin-bottom:5px; }
	#greeting-sec h2 { width:10%; font-size:17px; }
	#greeting-sec .txt-box { width:80%; padding-left:20px; margin-left:15px; line-height:1.5; }
	#greeting-sec .txt-box p { margin-bottom:20px; }
	#feature-sec { margin-left:0; }
	#feature-sec .feature-cont { margin-bottom:30px; }
	#feature-sec .feature-cont h3 img { width:100%; }
	#feature-sec .feature-cont h3 img.pc-desp { display:none; }
	#feature-sec .feature-cont h3 img.smp-desp { display:block !important; }
	#feature-sec .feature-cont .txt-box { position:inherit; width:100%; bottom:inherit; }
	#feature-sec .feature-cont .catch { font-size:14px; text-align:center; margin:10px; }
	#feature-sec .feature-cont .btn { width:80%; }
	#feature-sec .feature-cont .btn a { font-size:13px; }
	#feature-sec #feature2 .txt-box { padding-left:4.2%; left:0; }
	#feature-sec #feature1 .txt-box, #feature-sec #feature3 .txt-box { padding-right:4.2%; right:0 !important; }
	#ichioshi-sec { padding:20px 0 30px; }
	#ichioshi-sec .plan-box { width:100%; margin-right:0; margin-bottom:15px; display:block; }
	#ichioshi-sec .plan-box .plan-thumb { width:60%; }
	#ichioshi-sec .plan-box .plan-thumb img { width:100%; }
	#search-sec .search-box .select-box { width:90%; margin-bottom:20px; }
	#search-sec .search-box .cp-ipselect { width:100% !important; }
	#search-sec .search-box .cp-ipselect.cp-sl03 { width:40% !important; }
	#search-sec .search-box p { font-size:14px; }
	#search-sec .search-box .cp-ipselect.cp-sl01 select { font-size:13px; padding:15px; }
	#search-sec .search-box .cp-ipselect.cp-sl01 input { font-size:13px; padding:14px 15px; width:90%; }
	#search-sec .search-box .cp-ipselect.cp-sl01:before { right:10px; }
	#search-sec .search-box .checkbox-txt { font-size:14px; }
	#search-sec .search-box input[type="checkbox"] + span:before { width:20px; height:20px; }
	#search-sec .search-box .search-btn { font-size:14px; width:90%; margin:20px auto 0; }
	#plan-sec .sec-inner { padding:0 0 30px 0; }
	#plan-sec .plan-box { width:90%; margin:0 auto 20px !important; display:inherit; }
	#plan-sec .plan-box .txt-box .txt { font-size:13px; }
	#plan-sec .plan_list_link { width:90%; font-size:14px; }
	#footer { height:auto; padding-top:70px; margin-top:-50px; background-position:0 50px; }
	#footer .fl-l { float:inherit; text-align:center; }
	#footer .inner .logo { width:180px; margin:0 auto; }
	#footer nav { margin:25px auto; font-size:0; }
	#footer nav p { display: inline-block; font-size:13px; position:relative; margin-bottom:20px; }
	#footer nav p:last-child:after { display:none; }
	#footer nav p a { padding:0 20px; }
	#footer nav p:after { content:"|"; color:#fff; position:absolute; right:0; }
	#footer .fl-r { float:inherit; text-align:center; width:350px; margin:0 auto; }
	#footer .bnr { width:150px; float:left; }
	#footer .wrap-copy { font-size:10px; margin:0; padding-bottom:8px; text-align:center; }
}