@charset "utf-8";



/** 一時的処置 **/
#pageTakeout.pageTakeoutRiceBowl #areaNavPage,
#pageTakeout.pageTakeoutRiceBowl .menus,
#pageTakeout.pageTakeoutTakeout #areaNavPage,
#pageTakeout.pageTakeoutTakeout .menus,
#pageLunch #areaNavPage,
#pageLunch .menus {
	display: none;
}


body {
	font-size: 13px;
	font-family: '游ゴシック','Yu Gothic','游ゴシック体','YuGothic',sans-serif;
	color: #5d251c;
}
body.pageEn {
	font-family: 'Roboto Condensed',sans-serif,'游ゴシック','Yu Gothic','游ゴシック体','YuGothic';
	font-weight: 400;
}
#footer .inner {
	width: 100%;
	margin: 0;
}
#header {
	width: 100%;
	height:  360px;
	margin: 0 0 64px;
	padding: 0;
	background-color: #2897B5;
	border-top: 12px solid #332321;
}

#waste {
	margin: 0;
	padding: 0;
}
.inner {
	width: 1000px;
	margin: 0 auto;
}

#footer {
	margin-top: 50px;
	background-color: #2897B5;
	color: #fff57e;
}

a:hover img {
		opacity:0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
}
img{
	max-width: 100%;
}

@media screen and (max-width: 700px){
	#header {
		height: auto;
		margin: 0 0 15px;
		border-top: none;
	}
	.inner {
		width: 100%;
	}
	.sub #header {
		margin-bottom: 26px;
	}
	#waste {
		position: static;
	}
}

@font-face {
    font-family: 'Headline-Two-HPLHS';
    src:url('../font/Headline-Two-HPLHS.ttf.woff') format('woff'),
        url('../font/Headline-Two-HPLHS.ttf.svg#Headline-Two-HPLHS') format('svg'),
        url('../font/Headline-Two-HPLHS.ttf.eot'),
        url('../font/Headline-Two-HPLHS.ttf.eot?#iefix') format('embedded-opentype'); 
        font-weight: normal;
        font-style: normal;
}


/************************
PC /  スマホ
************************/ 
.PC {
	}
.SP {
	display: none;
	}
		@media screen and (max-width: 700px){
			.PC,
			.btn01 a.PC {display: none;}
			.SP {display: block;}
		}

/************************
共通
************************/ 
a, a:visited, a:link {
	color: #2897B5;
}
#headerLeft a {
	color: #fff57e;
}
#footer a, #footer a:visited, #footer a:link {
	color: #fff57e;
	text-decoration: underline;
}
#footer #page-top a, #footer #page-top a:visited, #footer #page-top a:link {
	color: #2897B5;
	background-color: #fff;
	padding: 6px;
}

#copyright a, #copyright a:visited, #copyright a:link {
	text-decoration: none;
}
#copyright span.admin {
	display: inline-block;
	margin-left: 1.5%;
}

.goTop {
	width: 50%;
	margin: 20px 25%;
	text-align: center;
}
.goTop a {
	color: #fff;
	padding: 3px 0;
	display: block;
	background-color: #2897B5;
	border-radius: 4px;
}
.goTop a:hover {
	text-decoration: none;
	opacity: 0.8;	
}
.menus .goTop {
	width: 15%;
	margin: 0 8% 0;
	font-size: 84.6%;
	float: right;
}
.menus .goTop a {
	border-radius:4px 4px 0 0;
}
.memo {
	font-size: 76.9%;
	margin-left: 8%;
}


		@media screen and (max-width: 700px){
			.menus .goTop {
				float: left;
			}

}
/************************
ヘダー
************************/ 
.sub #header {
	height: 205px;
}

#special img{
	width: 100%;	
}
#special a:hover img{
	opacity: 1;
}

#special a p{
	padding: 4px 0 0;
	color: #fff;
	text-align: center;
	font-size: 90%;
	background-color: #332321;
	background-image: url(../images/icon_tri_pink.png);
	background-position: right center;
	background-size: 10px;
	background-repeat: no-repeat;
}
#special a:hover {
	text-decoration: none;
}
#special a:hover p{
	color: #FFF57E;
}

#contents #special {
    width: 50%;
    margin: 0 25%;
    margin-bottom: 20px;
 }
 #contents #special a img {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
#contents #special a p{
	padding: 4px 0 4px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

		@media screen and (max-width: 700px){
			#contents #special {
			    width: 95%;
			    margin: 0 2.5%;
			 }
			 #contents #special a img {
			    border-top-right-radius: 3px;
			    border-top-left-radius: 3px;
			}
			#contents #special a p{
				padding: 4px 0 4px;
			    border-bottom-right-radius: 3px;
			    border-bottom-left-radius: 3px;
			}
		}

#pageAbout .boxContents {
	 width: 95%;
	 margin: 0 2.5% 85px;	
}
.boxContents.type01 img,
.boxContents.type02 img{
	float: left;
	border-radius: 3px;
}
.boxContents.type01 img {
	width: 43%;
	margin:0 4% 0 5%;	
}
.boxContents.type02 img {
	width: 23%;
	margin:0 3% 0 10%;
}

.boxContents.type01 p{
	font-size: 117.7%;
	line-height: 2.4em;
}

.type02 .content {
	width: 60%;
	float: right;
}

.type02 .content h5 {
	font-size: 123.1%;
	padding-bottom: 0.6em;
	margin-bottom: 0.6em;
    border-bottom: 1px solid #2897B5;
}
.type02 .content p.belong {
	margin-bottom: 1.8em;
}
.type02 .content h6 {
	font-size: 116%;
	font-weight: normal;
	margin-bottom: 0.9em;
	color: #2897B5;
	font-family: 'Headline-Two-HPLHS';
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.type02 .content p.hosoku {
	margin: 30px 0;
}
.type02 .content p {
	margin: 0 0 0.9em;
	line-height: 1.8em;
	}

.boxContents .hosoku {
	margin: 30px 0 0 53%;
	padding: 0 0 0 2%;
    border-left: 1px solid #2897B5;
}
.boxContents .hosoku p {
	font-size: 100%;
}
.type02 .links{
	width: 23%;
	float: left;
	margin: 0 3% 0 10%;
}

		@media screen and (max-width: 700px){
			
			.boxContents.type01 img {
				width: 100%;
				margin: 0 0 20px;
    		}
			.boxContents.type02 img {
				width: 50%;
				margin: 0 25% 17px;		
			}
			.boxContents.type01 p{
				font-size: 107.7%;
				float: none;
			    width: 95%;
			    margin: 0 0 0 5%;
			}
			.boxContents .hosoku {
				margin: 30px 0 0 6%;
			}
				.boxContents.type01 .hosoku p{
					margin: 0;
			}
			
			.type02 .content,
			.type02 .links {
				width: 94%;
				float: none;
				margin: 0 1% 0 5%;
			}
			.type02 .content h5 {
				text-align: center;
			}
			
		}


#headerTop{
	height: 85px;
	padding-top: 20px;
	color: #fff57e;
	background-color: #fff;
	background-image:url(../images/bg_header.png);
	background-size: 60%;
	background-repeat: repeat-x;
	background-position: center bottom;
}
.sub #headerTop {
	height: 45px;
	padding-top: 10px;
	background-image:url(../images/bg_header.png);
	background-size: 27%;
}
#headerMain {
	background-color: #2897B5;
}
#headerLeft{
	float: left;
	width: 25%;
}
#headerCenter{
	float: left;
	width: 50%;
	text-align: center;
}
#headerRight{
	float: left;
	width: 25%;
	height: 259px;
	background-image: url(../images/shape_moutain.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.sub #headerLeft{
	float: left;
	width: 25%;
	background-image: url(../images/shape_moutain.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 70%;
	height: 150px;
}
.sub #headerRight{
	width: 75%;
	height: 150px;
	background: none;
}

		@media screen and (max-width: 700px){
		.sub #header {
			height: auto;
		}
		#headerTop{
			height: 65px;
			padding-top: 10px;
			background-size: 100%;
		}
		.sub #headerTop {
			height: 31px;
			padding-top: 5px;
			background-size: 55%;
		}
		#headerLeft{
			float: none;
			width: 100%;
			text-align: center;
		}
		#headerCenter{
			float: none;
			width: 100%;
			text-align: center;
		}
		#headerRight{
			float: none;
			width: 100%;
			height: 80px;
			background-position:center bottom;
			background-size: 50%;
		}
		.sub #headerRight{
			width: 100%;
			height: auto;
		}
		.sub #headerLeft{
			float: none;
			width: 56%;
			margin: 0 22% 0;
			height: 83px;
			background-image: none;
		}
        .sub.pageEn #headerLeft{
			height: 154px;
			float: none;
			width: 56%;
			margin: 0 22% 0;
			background-image: url(../images/shape_moutain.png);
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: 53%;
    	}
		}



#headerTop p {
	text-align: center;
	width: 66%;
	float: left;
	margin-left: 17%;
}
#headerTop p img {
	height: 26px;
	margin: 9px 10px 0;
}
#headerTop ul {
	width: 17%;
	float: right;
}
#headerTop ul li {
	float: right;
	margin: 8px 10px 0;
}
#headerTop ul li img {
	width: 23px;
}
#header #logo img{
	width: 72px;
	margin: 58px 0 0 92px;
}
#headerCenter h1 img#logotype01 {
	width: 189px;
	margin: 81px 0 64px;
}
#headerCenter h1 img#logotype02 {
	width: 254px;
}

.sub #headerTop p img {
	height: 19px;
	margin: 7px 10px 0;
}

.sub #header #logo {
	float: left;
}
.sub #header #logo img{
	width: 40px;
	margin: 22px 0 0 0;
}
.sub #headerLeft h1 img#logotype01 {
	width: 144px;
	margin: 30px 0 11px 13px;
}
.sub #headerLeft h1 img#logotype02 {
	width: 167px;
	margin: 1px 0 0 15px;
}
#headerLeft p {
	color: #FFF57E;
}
#headerLeft p.date,
#headerLeft p.textL {
	font-size: 238.5%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	line-height: 1em;
}
#headerLeft p.address,
#headerLeft p.textS {
	font-size: 107.7%;
	letter-spacing: 0.08em;
	font-family: 'ヒラギノ明朝 Pro W3' , 'Hiragino Mincho Pro' , 'HiraMinProN-W3' , 'HGS明朝E' , 'ＭＳ Ｐ明朝' , 'MS PMincho' , Garamond , 'Times New Roman' , serif;
	text-align: center;
}
		@media screen and (max-width: 700px){
		#headerTop ul li {
			margin: 0px 10px 0 0;
		}
		#headerTop ul li img {
			width: 15px;
		}
		#headerTop p img {
			width: 189px;
			height: auto;
			margin: 5px 10px 5px;
		}
		#header #logo img{
			width: 80px;
			margin: 41px 0 16px 0;
		}
		#headerCenter h1 img#logotype01 {
			width: 189px;
			margin: 42px 0 10px;
		}
		#headerCenter h1 img#logotype02 {
			width: 189px;
			margin: 0 0 17px;;
		}
		#headerLeft p.date,
		#headerLeft p.textL {
			font-size: 150%;
		}
		#headerLeft p.address,
		#headerLeft p.textS {
			font-size: 100%;
			font-weight: bold;
		}
		#headerLeft p.textS a{
			border-bottom: 1px dotted #FFF57E;
			padding-bottom: 3px;
			margin-bottom: 3px;
		}
		.sub #headerTop p img {
			width: 45%;
			height: auto;
			margin: 7px 4% 0 0;
			float: left;
		}
		.sub #header #logo{
			width: 20%;
		}
		.sub #header #logo img{
			width: 100%;
			margin: 22px 0 0 0;
		}
		.sub #headerLeft h1 img#logotype01 {
			width: 69%;
			margin: 30px 0 11px 2%;
		}
		.sub #headerLeft h1 img#logotype02 {
			width: 69%;
			margin: 1px 0 0 0;
		}		
		}
/************************
ナビゲーション
************************/
#pages{
	clear: both;
	margin-top: 118px;
	float: right;
}
#pages li {
	display: inline-block;
	height: 20px;
	letter-spacing: normal;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300;
	font-size: 123.1%;
	text-transform: capitalize;
}
#pages li span{
	font-size: 79%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding-left: 2px;
}
#pages li.jp{
	font-size: 97%;
}
#pages li a {
	display: block;
	color: #ffffff;
	padding: 0 12px 0;
}
#pages li:last-child a {
/*	padding: 0 0 0 15px; */
}

#pages li a:hover {
	color: #fff57e;
	text-decoration: none;
}

		@media screen and (max-width: 700px){
		#pages{
			margin: 20px auto 0;
			float: none;
			text-align: center;
		}
		.sub.pageEn	#pages{
			margin: 5px auto 0;
		}
		#pages li a {
			color: #fff57e;
			padding: 1px 6px 2px;
		}
		.sub.pageEn	#pages li a {
			padding: 1px 4px 2px;
		}
		}

/************************
タイトル
************************/
#areaAbout h2 {
	float: left;
	width: 24%;
	margin: 0 20px 20px 0;
    padding: 9px 20px 10px 0;
	overflow: hidden;
	font-weight: normal;
	border-right: 1px dotted #5d251c;
}
#areaAbout h2 span.titleEn{
	display: block;
	vertical-align: middle;
	height: 1em;
	margin: -0.4em 0 15px 0;
	padding-right: 3%;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 200;
	font-size: 400%;
	text-transform: uppercase;
}
		@media screen and (max-width: 700px){
		#areaAbout h2 {
			width: 100%;
			float: none;
			margin: 0 0 10px 0;
			padding: 0 0 10px 0;
			padding-bottom: 0;
			border-right: none;
		}
		#areaAbout h2 span.titleEn{
		}
		}

#aboutUs {
	margin-top: 70px;
}
.pageTitle,
.contentTitle {
	text-align: center;
	margin: 30px 0;
}
.pageTitle p.en {
    font-family: 'Headline-Two-HPLHS';
    text-transform: uppercase;
	font-weight: 300;
	margin: 0 3%;
	font-size: 400%;
}
.pageTitleMain,
.contentTitleMain{
	font-family: 'Headline-Two-HPLHS';
	font-size: 260%;
	text-transform: uppercase;
	color: #2897B5;
}
.contentTitleSub{
	margin-bottom: 30px;		
}



.contentTitleMain{
	font-family: 'Headline-Two-HPLHS';
	font-size: 260%;
}
.links .contentTitle {
	color: #2897B5;
}
.contentTitle img,
.pageTitle img{
	height: 30px;
	margin-bottom: 15px;
}

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

		.contentTitle {
			text-align: center;
			margin: 30px 0 15px;
		}
		}

/************************
文字組
************************/

span.jp,
{
	font-size: 85%;
	margin-top: -3px;
}

/************************
基本部品
************************/ 
.btn01 {
	margin: 20px 0 20px -0.5%;
}
.btn01 li{
	float: left;
	padding: 15px 0;
	width: 24.5%;
	margin-left: 0.5%; 
	margin-bottom: 5px;
	background-color: #2897B5;
	color: #FFF57E;
	text-align: center;
	font-size: 123.1%;
	border-radius: 4px;
}
.btn01 a{
	color: #FFF57E;
	display: block;
	position:relative;
	width: 100%;
	text-decoration: none;
}
.btn01 a:hover{
	text-decoration: none;
	color: #fff;
}
.btn01 a span {
	font-size: 65.6%;
	display: block;
	margin-top: 5px;
	color: #fff;
}
.btn01 a.withIcon:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f0a9";
	margin-left: 10px;
}


.block02 ul.btn01 li {
	width: 100%;
}

.informations ul.btn01 li,
.block02 .informations ul.btn01 li {
	width: 89%;
	margin: 0 0 5px 5.5%;
}

.btn02 {
	display: none;
}
.box_photo_2 img{
	float: left;
	width: 48%;
	margin-left: 1.5%;
}

.btn03 {
	text-align: center;
}
.btn03 li{
}
.btn03 a{
	display: inline-block;
	margin: 1em 0;
	color: #FFF57E;
	background-color: #2897B5;
	padding: 0.5em 1em 0.2em;
}
.btn03 a:hover{
	text-decoration: none;
	color: #fff;
}

		@media screen and (max-width: 700px){
		.btn01 {
			margin-left: 0;
		}
		.btn01 li{
			width: 100%;
			margin: 0 0 5px 0;
			float: none;
		}
		.btn01 a{
			width: 80%;
			margin: 0 auto 5px;
			padding: 15px 5%;
		}
		.btn01 a span {
			font-size: 69.2%;
		}
		.btn02 {
			display: block;
		}
		.btn02 a {
			display: block;
			width: 50%;
			margin: 0 auto 15px;
			padding: 2px 2%;
			border: 1px solid #2897B5;
			color: #2897B5;
			text-align: center;
			border-radius: 4px;
			font-size: 92.3%;
		}
		}

/************************
メインイメージ
************************/ 
#mainimage img{
	margin-bottom: 5px;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}




/************************
コンテンツ
************************/ 

/** features **/

#features {
	margin: 40px 0;
}
#features .sub{
	margin: 2px 0 0 -0.1%;
}
#features .sub img{
	float: left;
	width: 24.8%;
	margin-left: 0.2%;
}

		@media screen and (max-width: 700px){
				#features {
					margin: 40px 3%;
				}
				#features .sub{
					margin: 2px 0 0 -0.5%;
				}
				#features .sub img{
					float: left;
					width: 49.5%;
					margin:2px 0 0 0.5%;
				}
			}

/** コメントボックス **/
.comments{
	padding: 24px 0 0 0;
	margin: 20px 5.3%;
    border: 1px dashed #5d251c;
    border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
}
.comment {
	margin:0 1% 20px;
	text-align: center;
}

.comment h2 {
	font-weight: bold;
	font-size: 123.1%;
	
}
.comment p{
	font-size: 123.1%;
/**	color: #2897B5; **/
}
body.pageEn .comment p{
	font-size: 153.8%;
}
.comment p a{
	text-decoration: underline;
}

		@media screen and (max-width: 700px){
		.comments{
			padding-top: 15px;
			padding-bottom: 0px;
			margin: 24px 2%;
			border-left: none;
			border-right: none;
			border-radius: 24px;
				-webkit-border-radius: 24px;
				-moz-border-radius: 24px;
		}
		.comment.commentLong {
			text-align: left;
		}
		}



/** インフォボックス **/

.informations {
	clear: both;
}
.informations .btn01 li {
	width: 90%;
}
.informations.plans {
	margin-bottom: 35px;
}
.info {
	float: left;
	padding: 19px;
	text-align: center;
	font-family: 'Roboto Condensed',sans-serif,'游ゴシック','Yu Gothic','游ゴシック体','YuGothic';
	font-weight: 300;
	background-color: #F2F8FA; 
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}
.info p.memo {
	text-align: left;
	font-size: 84.6%;
	margin-top: 3px;
	margin-left: 0;
}
.courseDscr {
	margin: 10px 0;
	font-size: 115.4%;
}
.boxPriceList .courseDscr {
	text-align: center;
	}

.info.boxL {
	width: 45.5%;
	margin-right: 0.5%;
	margin-bottom: 6px;
} 
.info.boxL {
	height: 84px;
} 
.info.boxM {
	width: 20.8%;
	margin-right: 0.5%;
	height: 84px;
}
.areaConcept .info.boxM {
	line-height: 1em;
}
/** フル幅 **/
.full {
	background-color: #F2F8FA; 
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}
.full .info.boxM {
	width: 39%;
	padding: 10px 2% 25px 6.5%;
	margin-left: 0;
}
.areaConcept {
	font-size: 153.8%;
	margin-bottom: 5px;
}
.sub .areaConcept {
	margin-bottom: 50px;
}
.info.boxM.boxThin,
.plans .info.boxM.boxThin {
	height: 20px;
	margin-bottom: 6px;
}
.plans .info.boxM.boxThin.heightAuto {
	height: auto;
}
.info.boxM p.hour {
	margin-bottom: 3px;	
}
.info.boxM p span {
    font-size: 70%;
    line-height: 1.2em;
}
.info.boxM p span.day {
    font-size: 90%;
    line-height: 1.2em;
}
.info.boxM p.hosoku {
    font-size: 50%;
    line-height: 1.8em;
}
.info.boxM p.holiday{
	margin-top: 2px;
	font-size: 75%;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.pageEn .info.boxM p.holiday{
	letter-spacing: normal;
	margin-top: 10px;
}

.info .highlight {
	font-size: 143.2%;
	line-height: 1.4em;
	margin-top: 10px;
}

/** 茶色背景の際 **/
.bgPaper .informations {
	width:100%;
}
.bgPaper .informations a,
.bgPaper .informations a:visited,
.bgPaper .informations a:link {
}
.bgPaper .info p.holiday{
	font-size: 75%;
	letter-spacing: 0.2em;
	margin-top: 0.5em;
}

.bgPaper .info {
	background-color: #2897B5;
	width: 90%;
	margin-left: 5%;
}
.bgPaper .boxM,
.bgPaper .boxL  {
	padding: 19px 0;
}

.boxPriceList p {
	    margin: 0 6%;
}
.boxPriceList p.hosoku {
	    margin: 0;
	    text-align: center;
}
.discounted {
	text-decoration: line-through;
}
.price {
	color: red;
}
.menus .price {
	color: #fff;
}

.plans .info.boxL,
.plans .info.boxM {
	height: auto;
} 
#areaParty.plans .info.boxL.boxDscr,
#areaParty.plans .info.boxM.boxMenus,
.block .info.boxM.boxMenus {
	height: auto;
} 


.areaConcept .info.boxDscr h2{
	margin-bottom: 15px;
	font-size: 80%;
	font-family: 'Belleza', sans-serif;	
	line-height: 1.4em;
}
.areaConcept .info.boxDscr h2 span{
	font-size: 185%;
}
.areaConcept .info.boxDscr p{
	font-size: 55%;
	text-align: left;
	line-height: 1.8em;
}
.pageEn .areaConcept .info.boxDscr p{
	font-size: 76.9%;
	text-align: center;
	line-height: 1.8em;
	line-height: 1.2em;
}
.pageEn .areaConcept .info.boxDscr h2{
	margin-bottom: 10px;
}

#areaNavPage ul {
	text-align: center;
	width: 100%;
}
#areaNavPage ul li{
	display: inline-block;
    font-family: 'Headline-Two-HPLHS';
    text-transform: uppercase;
	font-weight: 300;
	margin: 0 3%;
	font-size: 314%;
}
#areaNavPage ul li:first-child{
	margin-left: 0;
}
#areaNavPage ul li:last-child{
	margin-right: 0;
}
#areaNavPage ul li.menu01 a{
	color: #a52121;
}
#areaNavPage ul li.menu02 a{
	color: #1f9b8f;
}
#areaNavPage ul li.menu03 a{
	color: #347222;
}
#areaNavPage ul li.menu04 a{
	color: #003a1d;
}
#areaNavPage ul li span{
	display: block;
	font-size: 50%;
	font-family: 'Yanone Kaffeesatz', sans-serif;
    text-transform: capitalize;
}
#areaNavPage ul li span.jp {
	font-size: 30%;
}
#areaNavPage ul li a:hover{
	text-decoration: none;
}
#areaNavPage ul li img {
	max-height: 40px;
}

		@media screen and (max-width: 700px){
			#areaNavPage ul li{
				margin: 0 0.5%;
				font-size: 200%;
			}
			#areaNavPage ul li span{
			}
			#areaNavPage ul li img {
				max-height: 28px;
			}
		
		}


.sub #areaNavPage .areaConcept {
	margin-bottom: 0px;
}
.sub #areaNavPage .areaConcept .info.boxDscr h2 {
	margin-bottom: 0;
}
#areaNavPage .info{
	background: none ;
	text-align:center;
}
#areaNavPage .info.boxL{
	width: 100%;
	height: auto;
	margin: 3px 0;
	padding: 19px 0;
}
#areaNavPage .info.boxDscr h2 span {
	font-size: 140%;
	display: inline;
}
.plans .info.boxDscr h2{
	font-size: 161.5%;
	color: #ffffff;
	margin:-19px -19px 12px -19px;
	background-color: #2897B5;
	padding: 13px 0 15px 0;
	line-height: 1.4em;
	background-image: url(../images/bg_title.png);
	background-size: 48%;
	background-repeat: repeat-x;
	background-position: bottom right;
	letter-spacing: 0.07em;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
}
.info.boxM h3,
.info.boxL h3{
	font-size: 150%;
	margin-bottom: 11px;
	color: #09b5ac;
}
.info.boxM h4{
	font-size: 107.7%;
	font-weight: bold;
	margin: 28px 0 14px;
	padding: 0 0 9px 0;
	border-bottom: 1px dotted #512822;
	line-height: 1.2em;
}
.info.boxM.boxTop h4{
	margin: 0px 0 14px;
}
.info.boxM h5{
	text-align: left;
	line-height: 1em;
	margin:25px 0 0 5%;
}
.info.boxM ul,
.info.boxL ul{
	text-align: left;
	list-style: disc;
	margin-left: 9%;
	line-height: 1.7em;
	font-size: 100%;
	margin-top: 14px;
	font-weight: bold;
}

#areaParty .info.boxMenus ul.menu {
	margin: 10px 1%;
	border: 6px double #C00;
	padding: 13px;
	border-radius: 3px;
}
#areaParty .info.boxMenus ul.menu li {
	list-style-position: inside;
}
.discr{
	list-style: none;
	font-size: 88%;
	margin-bottom: 14px;
	margin-top: 3px;
	line-height: 1.4em;
	font-weight: normal;
	}
.info.boxM ul span.alongside,
.info.boxL ul span.alongside{
	font-weight: normal;
}
.info.boxM ul span.discr{
	font-size: 88%;
	margin-left: 10px;
	font-weight: normal;
}
.info.boxM ul span.discr::before { 
    content: "（ ";
}
.info.boxM ul span.discr::after { 
    content: " ）";
}
.info.boxM .priceList  ul{
	text-align: left;
	list-style: disc;
	margin-left: 9%;
	line-height: 1.7em;
	font-size: 92.3%;
	margin-top: 0;
}
ul li.simple{
	list-style: none;
}
.info.boxM ul.ulStyle02 li{
	width: 50%;
	float: left;
}

.info.boxM ul li ul,
.info.boxM ul.ulStyle02 li ul{
	margin-top: 4px;
}
.info.boxM ul.ulStyle02 li ul li{
	width: 100%;
	float: none;
}


.plans .info.boxM p{
	font-size: 92.3%;
	line-height: 1.55em;
}
.plans .info.boxM p.menuDscr {
	text-align: left;
	margin: 11px 0;
}

.partation {
	border-bottom:solid 1px #000;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
			@media screen and (max-width: 700px){
			.full .info.boxM {
				width: 91.5%;
				padding: 10px 2% 25px 6.5%;
			}
			.info {
				float: left;
				padding: 3%;
			}
			.info.boxL {
				width: 89%;
				height: auto;
				margin: 3px 2.5%;
			} 
			.info.boxM {
				width: 89%;
				height: auto;
				margin: 3px 2.5%;
			}
			.plans .info.boxDscr h2{
				margin:-3% -3% 12px -3%;
				background-color: #2897B5;
				padding: 13px 0 15px 0;
				line-height: 1.4em;
				background-image: url(../images/bg_title.png);
				background-size: 48%;
				background-repeat: repeat-x;
				background-position: bottom right;
				letter-spacing: normal;
			}
			.info.boxM.boxThin {
				width: 41%;
				float: left;
				margin: 3px 0 5px 1.75%;
				font-size: 100%;	
			}
			.info.boxDscr h2 span{
				font-size: 125%;
				display: block;
			}
			.info.boxM h3{
				font-size: 138.5%;
			}
			.info.boxM h4{
				margin: 20px 0 12px;
				padding: 0 0 8px 0;
				line-height: 1.4em;
			}
			#areaParty.plans .info.boxL.boxDscr,
			#areaParty.plans .info.boxM.boxMenus {
				height: auto;
			} 
			.plans .info.boxL,
			.plans .info.boxM {
				height: auto;
			}
			.info.boxM ul.ulStyle02 li{
				width: 100%;
				float: none;
			}
			.info.boxM ul.ulStyle03 li{
				width: 50%;
				float: left;
			}
			}


/** 文字組み **/
.layout01 {
	width: 42%;
	margin: 10px 4% 25px;
	float: left;
	text-align: left;
	line-height: 1.7em;
}
			@media screen and (max-width: 700px){
			.layout01 {
				width: 94%;
				margin: 10px 3% 18px;
			}
			}

/** テーブル組み **/
.table01{
	font-size: 138.5%;
	width: 100%;
	line-height: 2em;
}
.table01 tr td{
	text-align: center;
}

/** 紙背景エリア **/

.withBG .bgPaper {
	margin: 0 0 20px;
	padding: 18px 0 0;
	background-image: url(../images/bg_paper.jpg);
	background-size: 100%;
	color: #fff;
	border-radius: 12px;
}
#pagePhoto .withBG .bgPaper {
    padding: 16px 0 0;
	background-size: 50%;
}

.contentWrap {
	width: 74%;
	padding: 2em 3% 30px;
	margin: 0 auto 100px;
 /**   border: 1px dashed #5d251c; **/
    border-radius: 6px;
	-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	background-image: url(../images/bg_paper.jpg);
	background-size: 100%;
}

		@media screen and (max-width: 700px){
		#newsHeader {
			width: 100%;
		}
		.contentWrap {
			width: 94%;
		}
		#detail {
			padding: 2em 4% ;
		}
		}


/** 青いエリア **/
.contentBlue {
	margin: 0 3.5% 0;
	width: 93%;
	background-image: url(../images/bg_paper_green_body.png);
	background-size: 100%;
}
.contentBlue h2,
.contentBlue h3 {
	margin: 0 52px;
	padding: 37px 0;
}

.contentBlue h2 img,
.contentBlue h3 img {
	width: 49%;
	margin: 0 0.5%;
	float: left;
}
.contentHalf01 {
	width: 50%;
	float: left;
}
.contentHalf02 {
	width: 49%;
	border-left: 1px dashed #0A5644;
	float: left;
}

.contentHalf01 p,
.contentHalf02 p {
	margin-bottom: 1.78em;
	font-size: 107.7%;
	color: #0A5644;	
	line-height: 1.78em;
	letter-spacing: 0.05em;
	font-weight: bold;
}
.contentHalf01 p{
	margin-left: 80px;
}
.contentHalf02 p{
	margin-left: 55px;
}
.contentBlueTop {
	margin: 30px 3.5% 0;
	padding: 0;
	height: 10px;
	width: 93%;
	background-image: url(../images/bg_paper_green.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}
.contentBlueBottom {
	margin: 0 3.5% 78px;
	width: 93%;
	background-image: url(../images/bg_paper_green.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
}

	@media screen and (max-width: 700px){
		.contentBlue h2,
		.contentBlue h3 {
			margin: 0;
		}
		
		.contentBlue h2 img,
		.contentBlue h3 img {
			width: 90%;
			margin: 0 5% 5px;
			float: none;
		}
		.contentHalf01 {
			width: 96.5%;
			margin: 0 0 0 3.5%;
		}
		.contentHalf02 {
			width: 96.5%;
			margin: 0 0 0 3.5%;
			border-left: none;
			float: none;
		}
		.contentHalf01 p,
		.contentHalf02 p {
			letter-spacing: 0em;
		}
		.contentHalf01 p{
			font-size: 107.7%;
			margin-left:0;
		}
		.contentHalf02 p{
			font-size: 107.7%;
			margin-left: 0;
		}
	}

/** 英語メニュー **/

.menubook img {
	width: 47%;
	margin: 0 1.5% 20px ;
	float: left;
}
.menubook h3 {
	text-align: center;
	font-size: 200%;
	font-family: 'Roboto Condensed',sans-serif,'游ゴシック','Yu Gothic','游ゴシック体','YuGothic';
	margin: 20px 0;
	color: #2897B5;

}


.navBanner img {
	width: 48%;
	float: left;
	margin: 10px 1%;
}

	@media screen and (max-width: 700px){
	.navBanner img {
		width: 98%;
		float: none;
		margin: 10px 1%;
	}
	}



/** タイムライン / アクセス **/

.timeline {
	float: left;
	width: 45%;
	margin:0 2.5%;
}
.access,
.banners {
	float: left;
	width: 45%;
	margin:0 2.5%;
	overflow: hidden;
}
.banners {
	margin-bottom: 45px;
}
.banners p{
	text-align: center;
}

.banners img{
	max-width: 100%;
	margin-bottom: 10px;
}

.accessDscrp,
.access img.map {
	width: 70%;
	margin: 0 15%;
}
.accessDscrp {
	padding: 20px 15px;
	font-size: 130.7%;
	line-height: 2em;
}
.accessInfo {
	padding: 5px 15px;
	margin-top: 30px;
	border-left: 1px solid #512822;
}
.accessInfo p{
	font-size: 76.5%;
	line-height: 1.4em;
	margin: 10px 0;
}

.access.accessFull {
	float: none;
	width: 95%;
	margin: 40px 2.5%;
}
.access.accessFull .boxMap {
	float: left;
	width: 45%;
	overflow: hidden;
}
.boxMap{
	margin:0 2.5% 20px;
	
}
.access.accessFull .accessDscrp {
	float: left;
	width: 45%;
	padding: 20px 0;
	margin: 0 2.5%;
}

	@media screen and (max-width: 700px){
		.timeline {
			float: none;
			width: 85%;
			margin-left: 7.5%;
			margin-bottom: 30px;
		}
		.access,
		.banners {
			float: none;
			width: 85%;
			margin-left: 7.5%;
		}
		.accessDscrp,
		.access img.map {
			width: 100%;
			margin: 0;
		}
		.access.accessFull .boxMap {
			float: none;
			width: 100%;
			margin:0;
		}
		.access.accessFull .accessDscrp {
			float: none;
			width: 100%;
			margin: 0;
		}
	}


/************************
リンク
************************/ 
.links ul{
	width: 95%;
	margin: 0 2.5%;
}
.links ul li{
	width: 33.0%;
	/** float: left; **/
	margin: 0 auto;
 }
.links ul li a {
/**    border-right: 1px solid #2897B5; **/
	display: block;
	padding: 7px 3%;
}
.links ul li:last-child a{
	border-right: none;
	}
.links ul li img {
	float: left;
	max-width: 20%;
	margin-right: 3%;
}


.links ul li p{
	float: left;
    width: 76%;
	font-size: 90%;
	color: #5d251c;
}
.links ul li h4{
	float: left;
    width: 76%;
    margin:0.2em 0;
    font-size: 123.1%;
    }



.links ul li a:hover {
	background-color: #2897B5;
	text-decoration: none;
}
.links ul li a:hover p{
	color: #fff;
}
.links ul li a:hover img {
	opacity: 1.0;
}
.links ul li a:hover h4 {
    color: #FFF57E;
}

 .links.voice li:before {
   width: 4%;
   height: 6.8em;
   padding-top: 0.3em;
   float: left;
   content: counter(item);
   background: #2897B5;
   color: white;
   text-align: center;
   border-radius: 6px 0 0 6px;
 }

.links.voice ul li{
   counter-increment: item;
	width: 49%;
	margin-left: 0.5%;
 }
.links.voice ul li a{
     height: 6.05em;
     margin-bottom: 1em;
}
.links.voice ul li a {
	border: none;
	background-color: #2897B5;
	text-decoration: none;
	border-radius: 0 6px 6px 0;
}

.links.voice ul li p{
    width: 100%;
	color: #fff;
}
.links.voice ul li p::before {
	content: "by ";
}
.links.voice ul li h4{
    width: 100%;
    min-height: 3em;
    color: #FFF57E;
    }
 
.links ul li a:hover {
	background-color: #2EA192;
}
i {
	margin:0 0.5em;
}



.type02 .links ul {
	width: 100%;
	margin: 30px 0px 0px 0px
}
.type02 .links ul li {
	width: 100%;
	float: none;
	font-size: 80%;
}
.type02 .links ul li a {
	border-bottom: 1px solid #2897B5;
    border-right: none;
}
.type02 .links ul li:first-child a {
	border-top: 1px solid #2897B5;
}
.boxContents.type02 .links ul li img{
	float: left;
	width: 20%;
	margin:0 10% 0 0;
}
.type02 .links ul li p{
	float: left;
    width: 69%;
}
.type02 .links ul li h4{
	float: left;
    width: 69%;
    }


	@media screen and (max-width: 700px){
	.type02 .links ul li{
		width: 100%;
	 }
	.links ul li{
		width: 100%;
		float: none;
	}
	.links ul li a {
	    border:none;
	    display: block;
	    padding: 7px 3%;
	}
	.links ul li:first-child a{
	}
	.links.voice ul li{
		width: 100%;
		margin-left: 0;
	 }
	.links.voice ul li h4{
	    font-size: 117.7%;
    }
	 .links.voice li:before {
	   width: 4%;
	   height: 6.8em;
	   text-align: right;
	 }

}
/************************
フッター
************************/ 
#footerTop{
	height: 20px;
	color: #fff57e;
	background-color: #fff;
	background-image:url(../images/bg_header.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: 32%;
}
#footerLeft {
	float: left;
	width: 38%;
	margin-left: 10.3%;
}
#footerCenter {
	float: left;
	width: 41.6%;
}
#footerRight {
	float: right;
	width: 10%;
}
.upper {
	margin-top: 40px;
	height: 100px;
}

#footerLeft  {

}

#footerLeft .logo img.logomark {
	width: 49px;
}
#footerLeft .logo img.logotype {
	width: 127px;
	margin: 0 0 12px 28px;
}
#copyright {
	margin: 35px 0 8px 5%;
	font-size: 76.9%;
	}
#page-top {
    font-size: 0;
    position: fixed;
    bottom: 6px;
    right: 16px;
    opacity: 0;
}
#page-top.fade-in {
    font-size: 45px;
    opacity: 0.6;
    transition: opacity 1s;
}
#footer i {
	margin: 0;
}
	@media screen and (max-width: 700px){
		#footerTop{
			background-size: 60%;
		}
		#footerLeft {
			float: none;
			width: 90%;
			margin-left: 5%;
		}
		#footerCenter {
			float: none;
			width: 90%;
			margin-left: 5%;
		}
		#footerRight {
			float: none;
			width: 90%;
			margin-right: 5%;
			text-align: right;
		}
		.upper {
			margin-top: 0;
			height:auto;
		}
		.downer {
			margin-top: 5px;
		}
}