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

/* 基本設定クリア */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, legend, article, aside, footer, header, hgroup, menu, nav, section {
	border: 0;
	color: #000;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
}
.clear {
	overflow: hidden;
	zoom: 1;
}
/*PCスマホ表示非表示*/
.hidden-phone {
	display: block;
}
.visible-phone {
	display: none;
}
@media screen and (max-width:600px) {
	.hidden-phone {
		display: none;
	}
	.visible-phone {
		display: block;
	}
}
/* 基本のレイアウト */
body {
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wrapper-header {
	background-color: #DCC873;
	border-top: solid 6px #000;
}
.header {
	background-color: #FFFFFF;
	background-image: url("../images/header_back.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left;
	margin: 0 auto;
	max-width: 960px;
}
.header_inner {
	background-image: url("../images/header_inner_back.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	position: relative;
}
.wrapper-slideshow {
	background: #ddd;
}
.wrapper-slide {
	background: #DCC873;
}

.wrapper-main {
	background: #DCC873;
}
.main {
	background: #fff;
	margin: 0 auto;
	max-width: 960px;
}
.news {
	float: left;
	padding: 20px 0 20px 4.1666666%;/* 4.1666666%（40px/960px） */
	width: 43.75%;/*43.75%（420px/960px） */
}
.articles {
	float: left;
	padding: 20px 4.1666666%;/* 4.1666666%（40px/960px） 両側で80px分 */
	width: 43.75%;/*43.75%（420px/960px） */
}
.wrapper-footer {
	background: #DCC873;
}.wrapper-copylight {
	background: #DCC873;
}
/* header */
.header h1 {
	margin: 0;
	max-width: 60%;
}
/* nav-global */
.nav-global {
	background-color: rgba(244,180,201,0.7);
	margin: 0 auto;
	max-width: 960px;
}
.nav-global li {
	float: left;
	text-align: center;
	width: 16.666%;
}
.nav-global li a {
    border-right: solid 1px #ddd;
    color: #9E005D;
    font-weight: 600;
    display: block;
    padding: 15px 0;
}
.nav-global li:last-child a {
	border-right: none;
}
.nav-global li a:hover {
	background-color: rgba(225,63,63,0.70);
	border-bottom: solid 5px rgba(225,63,63,0.70);
	color: #FFFFFF;
	padding: 15px 0 10px 0;
}
.nav-global li a:active {
	background-color: rgba(215,225,63,0.70);
	border-bottom: solid 5px rgba(215,225,63,0.70);
	color: F#FFFFFF;
}

/* shortcut */
.shortcut {
	border-bottom: solid 1px #e3e3e3;
}
.shortcut li {
	float: left;
	width: 33.3333333%;/* 33.3333333%（320px/960px） */
}
.shortcut li a {
	display: block;
	padding: 30px 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.shortcut li p {
	margin: 20px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}
.shortcut li a:hover p {
	color: #8ac2d0;
}
.shortcut li a:active p {
	color: #75b4c4;
}
/* articles */
.articles h1 {
	margin: 0 0 30px 0;
	font-size: 1.5em;
	font-weight: bold;
}

/* footer */
.footer p {
	color: #fff;
	padding: 30px 4.1666666%;/* 4.1666666%（40px/960px） */
	text-align: right;
}

/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
@media screen and (max-width:600px) {
	/* 基本のレイアウト */
	.header {
		background-image: url("../images/header_back_phone.png");
		background-position: left;
	}
	.header_inner {
		background-image: url("../images/header_inner_back_phone.png");
	}
	.news {
		float: none;
		padding: 20px 4.1666666%;/* 4.1666666%（40px/960px） 両側で80px分 */
		width: 91.6666666%;/*91.6666666%（880px/960px） */
	}
	.articles {
		float: none;
		padding: 20px 4.1666666%;/* 4.1666666%（40px/960px） 両側で80px分 */
		width: 91.6666666%;/*91.6666666%（880px/960px） */
	}
	/* header */
	.header h1 {
		max-width: 90%;
	}
	/* nav-global */
	.nav-global li a {
		font-size: 0.7em;
	}
	
	/* shortcut */
	.shortcut li img {
		width: 80%;
	}
	.shortcut li p {
		font-size: 1em;
	}
}
/*GoToキャンペーン*/
.wrapper-goto {
	background: #DCC873;
}
.goto {
	background: #fff;
	margin: 0 auto;
	max-width: 960px;
}
.goto-banner {
	width: 210px;
	background: #FFFFFF;
	float: left;
	margin: 10px 5px 10px 10px;
}
.goto-banner a {
}
.goto-banner img {
	width: 200px;
	height: 200px;
	margin: 0px;
	vertical-align: bottom;
}
.goto-discription {
	font-size: 0.9em;
	margin: 10px 10px 10px 0px;
}
.green {
	color: #37BD00; 
}
.margin_t_5 {
	margin-top: 5px;
}
.dl-btn {
	color: #0005FF; 
	background-color: #A5DBE7;
	padding: 5px 20px 5px 20px;
	border-radius: 15px;
}
.goto-chui{
	color: #FF0004;
	margin-top:20px;
}
@media only screen and (max-width: 600px) {
	.goto-banner{
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.goto-discription {
		margin: 15px;
	}
	.goto-discription p {
		line-height: 1.5em;
	}
}
/*TOPごあいさつ*/
.welcome{
	max-width: 960px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #ffffff;
}
.welcome_msg{
	margin: 0 auto;
	padding:0 10px 0 10px;
	width:90%;
}
.h_line{
	width:100%;
}
.welcome p {
	font-size: 1.125rem;
	padding: 20px 34px 20px 34px;
	color:#000000;
	background-image: url("../images/back_hamabe.png");
	background-size: 22%;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.greeting_img{
	width: 25%;
	margin: 15px 5px 0px 5px;
	float:right;
}
@media only screen and (max-width: 600px) {
  	.welcome_msg {
	width: 95%;
	}
	.welcome p {
		font-size:0.875rem;
		background-size: 46%;
	}
	.greeting_img{
		margin: 30px 10px 0px 10px;
	}
}

/*共通*/
.main h2 {
	margin: 10px auto;
}
.chapter_top {
	width: 90%;
	margin: 10px auto 4px;
}
.chapter_top img.chapter_image {
	display:block;
	margin: 0 auto;
	max-width:100%;
}
.chapter_top img.chapter_h_line {
	display:block;
	margin: 20px auto;
	max-width:100%;
}
.chapter_top p {
	font-size: 1.0rem;
	display:block;
	width:92%;
	margin:0 auto;
	padding: 10px 0 30px 0;
}
a.text_link {
	color:#9B2D2D;
	text-decoration: underline;
}
p.standard {
	width: 80%;
	margin: 0 auto;
}
p.kochira {
	height: 32px;
	text-align: right;
	width: 80%;
	margin: 0 auto;
}
p.kochira a {
	background-color: #D4145A;
	padding: 3px 16px;
	border-radius: 14px;
	margin-right: 40px;
	color: #FFFFFF;
	box-shadow:1px 1px 2px 0px #000000;/* 影を指定（[右][下][ぼかし][広がり][影の色]） */
}
p.kochira_foot {
	margin-top: 30px;
	margin-bottom:30px;
}
@media only screen and (max-width: 600px) {
	.main h2 {
		margin: 0 auto;
	}
	.main h2 img {
		width:70%;
		margin-left:5%;
	}
	.main h2 img.kani_h2 {
		width:100%;
		margin-left:0;
	}
	.chapter_top {
		width: 100%;
		margin: 10px auto 20px;
	}
	.chapter_top img.chapter_image {
		width:80%;
	}
	.chapter_top p {
		padding:5px 5% 0 5%;
		font-size: 0.9rem;
	}
}
/*アクセス*/
.wrapper-headerinfo {
	background: #000;
}
.headerinfo {
	margin: 0 auto;
	padding: 20px 0 6px;
	max-width: 960px;
}
.headerinfo-contents img {
	float: left;
	margin: 0 2.2727272% 10px 0;/* 2.2727272%（20px/880px）*/
}
.headerinfo p {
	padding: 5px 0 0 0;
	font-size: 0.8em;
	color: #fff;
}
.header .nav-info {
	position: relative;
	height: 20px;
}
.header .nav-info a {
	display: block;
	padding: 5px 0 0 0;
	width: 90px;
	height: 25px;
	background: #000;
	border-radius: 0 0 10px 10px;
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	position: absolute;
	right: 4.1666666%;/* 4.1666666%（40px/960px） */
}
.header .nav-info a:hover {
	color: #ddd;
}
.header .nav-info a:active {
	color: #bbb;
}
.map_here {
	margin-top:5px;
}
.map_here a {
	background-color:#C15A5B;
	color: #FFFFFF;
	padding: 5px 10px;
	border-radius: 5px;
}
.map_here a:hover {
	background-color:#6287FF;
}
.map_here a:active {
	background-color:#7C9BFF;
}
@media only screen and (max-width: 600px) {
	.headerinfo-contents img {
		max-width: 100%;
		float: none;
	}
	.map_here {
		margin-bottom: 5px;
	}
	.headerinfo p {
		padding-left: 20px;
		padding-right: 20px;
	}
}
/*header*/
img.header_logo {
	max-width: 100%;
	margin:0px 100px 50px 24%;
}
img.header_tel_pc {
	width: 28%;
	position:absolute;
	right:0;
	bottom:0;
	margin:0px 8px 6px 0px;
}
img.header_tel_phone {
	display: none;
}
@media only screen and (max-width: 600px) {
	.header h1 {
		width: 70%;
		text-align: left;
		padding-left:20px;
	}
	.header img.header_logo {
		margin:0 0 30px 0;
		width: 100%;
	}
	img.header_tel_pc {
		display: none;
	}
	img.header_tel_phone {
		display: block;
		width:75%;
		position:absolute;
		right:0;
		bottom:0;
		margin: 0 8px 8px 0;
	}
}
/*TOPカテゴリ*/
.wrapper-top-category{
	max-width: 960px;
	margin: 0 auto;
}
.top_category_inner {
	margin: 0 auto;
	width: 90%;
}
.top_category {
	float: left;
	background-color: #FFD0B0;
	padding: 0 0 12px 0;
	width: 44.3%;
	border-radius: 16px;
	margin:14px 2% 14px 3%;
}
.category_right {
	background-color: #FFCFF4;
}
.category_kani{
	display: none;
	background-color: #C6FFC4;
}
.category_wide {
	width: 91%;
	margin:14px 2% 14px 4.5%;
	padding-bottom:0px;
	background-color: #C6FFC4;
	background-repeat: no-repeat;
	background-position: 98% 90%;
}
.top_category_img {
	position: relative;
	width: 90%;
	border-radius: 10px;
	box-shadow:2px 2px 6px 0px #333333;/* 影を指定（[右][下][ぼかし][広がり][影の色]） */
	overflow: hidden;
	margin:18px auto 14px;
}
.category_wide .top_category_img {
	width: 44.3%;
	margin:18px auto 18px 18px;
	float:left;
}
img.top_category_pc {
	display: -webkit-flex;
	display: flex;
	width:100%;
	margin:0;
}
img.top_category_phone {
	display: none;
}
.top_category_img h3.top_category_name {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	font-size: 1.4rem;
	font-weight: 300;
	color: #FF8E39;
	padding-left:26px;
	padding-top: 10px;
	width: 100%;
	height: 18%;
}
.category_right .top_category_img h3.top_category_name {
	color: #EE86A8;
}
.day_and_business h3.top_category_name{
	height: 26%;
}
.top_category .top_category_img p.top_category_link {
	width: 40%;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	margin-bottom: 5%;
	margin-right: 3%;
}
.top_category .top_category_img p.top_category_link a {
	font-size: 0.8rem;
	background-color: #D4145A;
	padding: 3px 10px;
	border-radius: 14px;
	color: #FFFFFF;
	box-shadow:1px 1px 2px 0px #000000;/* 影を指定（[右][下][ぼかし][広がり][影の色]） */
}
.top_category p.top_category_dsc {
	font-size: 1rem;
	width: 90%;
	height: 90px;
	display: block;
	margin:0 auto;
	padding: 0px 0px 20px 6px;
	background-repeat: no-repeat;
	background-position: 100% 86%;
}
.category_wide p.top_category_dsc{
	margin:25px 20px auto auto;
	width:48%;
}
.right_bottom_icon_1 {
	background-image: url("../images/back_ebi.png");
}
.right_bottom_icon_2 {
	background-image: url("../images/back_hitode.png");
}
.right_bottom_icon_3 {
	background-image: url("../images/back_kai.png");
}
.right_bottom_icon_4 {
	background-image: url("../images/back_sakana.png");
}
.right_bottom_icon_5 {
	background-image: url("../images/back_kani.png");
}
.right_bottom_icon_6 {
	background-image: url("../images/back_bag.png");
}
@media only screen and (max-width: 800px) {
	.top_category p.top_category_dsc {
		height: 130px;
	}
	.top_category_img h3.top_category_name {
		font-size: 1rem;
		padding-left:10px;
	}
	.top_category .top_category_img p.top_category_link {
		width: 42%;
	}
	.day_and_business h3.top_category_name{
		height: 28%;
	}
	.category_wide p.top_category_dsc{
		margin:20px 15px auto auto;
		width:47%;
		font-size: 0.8rem;
		height: 75px;
	}
}
@media only screen and (max-width: 600px) {
	.top_category {
		float: none;
		width: 90%;
		border-radius: 16px;
		margin:0 auto 16px auto;
		padding-top: 6px;
	}.category_kani{
		display:block;
	}
	.category_wide{
		display: none;
	}
	img.top_category_pc{
		display: none;
	}
	img.top_category_phone {
		display: -webkit-flex;
		display: flex;
		width:100%;
		margin:0;
	}
	.top_category_img h3.top_category_name {
		font-size: 1.4rem;
		padding-left:16px;
		padding-top: 6px;
	}
	.top_category .top_category_img p.top_category_link {
		width: 40%;
	}
	.top_category .top_category_img p.top_category_link a {
		font-size: 0.75rem;
		padding:5px 10px;
	}
	.day_and_business h3.top_category_name{
		height: 27%;
	}
	.top_category p.top_category_dsc {
		height: 90px;
	}
}
/*お申込み*/
.wrapper-reserve {
	max-width: 960px;
	margin: 0 auto;
}
.reserve {
	width: 82%;
	background-color: #fff59c;
	border-radius: 10px;
	margin: 10px auto;
	padding: 20px 0;
}
p.reserve-dsc {
	width: 90%;
	font-size: 1.6rem;
	margin: 0 auto 20px;
}
.tel,.reserve_input {
	display: inline-block;
	width:40%;
	font-size: 1.6rem;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 20px;
	box-shadow: 2px 2px 2px 0px #666666; /* 影を指定（[右][下][ぼかし][広がり][影の色]） */
	margin-left: 6%;
}
.reserve p a {
	color: #FFFFFF;
}
.tel {
	background-color: #0071bc;
	color: #FFFFFF;
}
.reserve_input {
	background-color: #009245;
	color: #FFFFFF;
}
@media only screen and (max-width: 800px) {
	p.reserve-dsc {
		font-size: 1.2rem;
	}
	.tel,.reserve_input {
		font-size: 1.2rem;
		width: 42%;
		margin-left: 5%;
	}
}
@media only screen and (max-width: 600px) {
	p.reserve-dsc {
		font-size: 1.0rem;
	}
	.tel,.reserve_input {
		font-size: 1.6rem;
		width: 80%;
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 500px) {
	p.reserve-dsc {
		width: 100%;
		text-align: center;
		font-size: 0.875rem;
	}
	.tel,.reserve_input {
		font-size: 1.4rem;
	}
}
/*チェックイン情報*/
.wrapper-checkin {
	max-width: 960px;
	margin: 0 auto;
}
.checkin {
	width: 86%;
	margin: 10px auto;
	padding: 10px;
}
.checkin img {
	width: 100%;
	margin:0 auto 20px;
}
.checkin dl {
	width: 100%;
	margin:0 auto;
}
.checkin dt {
	display: block;
	margin:0px 0px 1px 0px;
	float: left;
	width:120px;
	background-color: #d4145a;
	color:#FFFFFF;
	font-weight: 300;
	text-align: left;
	padding:5px 2px 5px 18px;
}
dt.checkin_dt_top {
	border-radius: 10px 0px 0px 0px;
}
dt.checkin_dt_middle {
	border-radius: 0px 0px 0px 0px;
}
dt.checkin_dt_bottom {
	border-radius: 0px 0px 0px 10px;
}
.checkin dd {
	display: block;
	margin:0px 0px 1px 141px;
	background-color: #ffbbd7;
	color:#000000;
	text-align: left;
	padding:5px 0px 5px 1%;
}
dd.checkin_dd_top {
	border-radius: 0px 10px 0px 0px;
}
dd.checkin_dd_middle {
	border-radius: 0px 0px 0px 0px;
}
dd.checkin_dd_bottom {
	border-radius: 0px 0px 10px 0px;
}
@media only screen and (max-width: 800px) {
	.checkin {
		width: 90%;
	}
	.checkin dt {
		width:96px;
		padding-left: 8px;
		font-size: 0.8rem;
	}
	.checkin dd {
		font-size: 0.8rem;
		margin-left: 107px;
	}
}
@media only screen and (max-width: 600px) {
	.checkin {
		width: 94%;
	}
	.checkin dt {
		width:82px;
	}
	.checkin dd {
		margin-left: 93px;
	}
	.checkin dt {
		font-size: 0.7rem;
	}
	.checkin dd {
		font-size: 0.7rem;
	}
}
@media only screen and (max-width: 500px) {
	.checkin_dl_carstop dt {
		height: 32px;
	}
	.checkin_dl_carstop dd {
		height: 32px;
		padding-right:5px;
		line-height: 1rem;
	}
}
/*footer*/
.totop {
	margin: 0 auto;
	max-width: 960px;
	background-color: #FFFFFF;
	text-align: center;
}
.totop a {
	font-size: 0.8rem;
	color: saddlebrown;
	background-color: burlywood;
	border-radius: 12px;
	padding: 3px 10px;
}
.totop p{
	padding-top: 20px;
}
.totop a:hover {
	color: #8B7B12;
	background-color: #DEDA87;
}
.totop a:active {
	color: #12898B;
	background-color: #87DEBC;
}
.totop img {
	max-width: 100%;
}
.footer {
	margin: 0 auto;
	max-width: 960px;
	height: 200px;
	background-color: #FFFFFF;
	padding: 20px 0px 20px 0px;
}
.footer_inn {
	float: left;
	max-width: 12%;
	margin: 0px 20px 0px 20px;
}
.footer_inn img{
	width:100%;
	border-radius: 10px;
}
.footer_logo {
	float: left;
	max-width: 36%;
	padding: 10px 200px 0px 0px;
}
.footer_logo img {
	width:100%;
}
.footer p {
	padding:10px 30px 0px 10px;
	float: left;
	color: forestgreen; 
	text-align: left;
}
.copylight {
	margin: 0 auto;
	max-width: 960px;
	background-color: #036eb7;
}
.copylight p {
	margin: auto;
	text-align: center;
	color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
}
.footer_img_only {
	max-width:960px;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.footer_img_only img {
	width:100%;
}
@media only screen and (max-width: 600px) {
	.footer_inn {
		float: left;
		max-width: 76px;
		margin: 0px 10px 0px 10px;
	}
	.footer_logo {
		max-width: 250px;
		padding: 0px 0px 0px 0px;
	}
	.footer {
		height: 146px;
	}
	.footer p {
		font-size: 0.6rem;
		padding: 4px 0px 0px 10px;
		margin-right: 50px;
	}
}
/*施設のご案内*/
.wrapper-shisetu-gallery{
	width: 90%;
	margin: 0px auto 30px;
}
.shisetu_gallery {
	float: left;
	padding: 0px 0 0px 0;
	width: 44%;
	margin:6px 3%;
}
.shisetu_gallery img {
	width: 100%;
	border-radius: 10px;
}
.shisetu_gallery p {
	font-size: 1rem;
	width: 96%;
	display: block;
	margin:0 auto;
	padding: 4px 0px 14px 6px;
}
.clear_left{
	clear: left;
}
/*宿の基本情報*/
.wrapper-info {
	width: 90%;
	margin: 0px auto;
}
.info_inner {
	width:80%;
	margin:20px auto 40px;
}
info_inner dl {
	width: 100%;
}
.info_inner dt {
	display: block;
	margin:0px 0px 6px 0px;
	float: left;
	width:80px;
	background-color: #2e3192;
	color:#FFFFFF;
	font-weight: 300;
	text-align: left;
	padding:5px 0px 5px 30px;
	border-radius: 20px 0px 0px 20px;
}
.info_inner dd {
	display: block;
	margin:0px 0px 6px 113px;
	background-color: #bbe5ff;
	color:#000000;
	text-align: left;
	padding:5px 0px 5px 10px;
	border-radius: 0px 20px 20px 0px;
}
@media only screen and (max-width: 600px) {
	.info_inner dt {
		width:52px;
		padding-left: 12px;
	}
	.info_inner dd {
		margin-left: 67px;
	}
	.info_inner{
		font-size: 0.9rem;
		width: 90%;
	}
}
@media only screen and (max-width: 500px) {
	.info_inner{
		font-size: 0.8rem;
		width: 98%;
	}
}
/*宿泊プラン*/
.wrapper-plan {
	width: 86%;
	margin: 20px auto;
}
.plan_ful {
	background-color: #85CAB9;
	width: 94%;
	border-radius: 16px;
	margin: 10px auto;
	padding: 10px;
}
.plan_kani {
	background-color: #CAC185;
}
.plan_business {
	background-color: #85A2CA;
}
.plan_same {
	background-color: #BBDCFF;
}
.plan_mix_area {
	display: flex;
	justify-content: space-between;
	width: 96.6%;
	margin: 0 auto;
}
.plan_mix_right {
	width:49%;
}
.plan_left {
	background-color: #85CAB9;
	width: 46%;
	border-radius: 16px;
	margin: 10px 0px;
	padding: 10px;
}
.plan_right {
	background-color: #85CAB9;
	width: 93.6%;
	border-radius: 16px;
	margin: 10px 0 10px 0;
	padding:10px 10px 16px 10px;
}
.plan_title {
	background-color: #FFFFFF;
	border-radius: 16px;
	margin-bottom: 20px;
}
.plan_same .plan_title {
	background-color: #FFFFFF;
	text-align: center;
}
#plan_nofood .plan_title,#plan_business .plan_title {
}
.plan_title h2 {
	display: inline-block;
	color: #D4145A;
	font-weight: normal;
	font-size: 1.8rem;
	margin: 3px 10px;
}
.plan_same .plan_title h2{
	color: #2e3192;
}
.plan_title h3 {
	display: inline-block;
	color: #FF8E39;
	font-weight: normal;
	font-size: 1rem;
	height: 1.8rem;
	vertical-align: middle;
}
.plan_photo img {
	width: 100%;
	border-radius: 14px;
}
.plan_photo_business img {
	display: inline-block;
	float: left;
	width: 50%;
	margin-right: 5px;
	border-radius: 10px;
}
.plan_photo_business_text {
	
}
.plan_photo_business_text p.oen {
	font-size: 1.2rem;
	display: inline;
	width:100%;
	padding: 0 auto;
	text-align: center;
}
.plan_photo p {
	color: #9e005d;
	margin:0px 5px 10px 14px;
}
.plan_dsc {
	font-size: 1.0rem;
	float: left;
	width:45.4%;
}
.plan_same .plan_dsc {
	float:none;
	width: 84%;
	margin: 0 auto;
}
.plan_ful h4,.plan_left_dsc h4,.plan_right_dsc h4 {
	color: #2E3192;
	font-weight: normal;
	background-color: #F4B4C9;
	border-radius: 10px;
	text-align: center;
}
.plan_same h4 {
	background-color: #2e3192;
	color: #FFFFFF;
}
.plan_ful p,.plan_left p,.plan_right p {
	margin: 10px 10px;
}
p.oshina span {
	display: inline-block;
	background-color: #FFFFFF;
	margin:5px 5px;
	padding:2px 12px;
	border-radius: 10px;
}
#plan_business ul {
	list-style-type: square;
	padding-left: 20px;
	font-size: 0.9rem;
	margin: 10px 5px;
}
p.kochira_plan_bis {
	font-size: 1.1rem;
	height: 32px;
	width:90%;
	text-align: right;
	margin: 5px auto 0;
}
p.kochira_plan_bis a {
	background-color: #D4145A;
	padding: 3px 16px;
	border-radius: 14px;
	color: #FFFFFF;
	box-shadow:1px 1px 2px 0px #000000;/* 影を指定（[右][下][ぼかし][広がり][影の色]） */
}
@media screen and (max-width:900px) {
	.plan_photo_business_text p.oen {
		font-size: 1rem;
	}
	p.kochira_plan_bis {
		font-size: 1rem;
	}
}
@media screen and (max-width:800px) {
	.plan_right {
		width: 91.6%;
	}
	.plan_title h2 {
		font-size: 1.35rem;
	}
	p.kochira_plan_bis {
		font-size: 0.8rem;
	}
	.plan_photo_business_text p.oen {
		font-size: 0.85rem;
	}
}
@media screen and (max-width:710px){
	p.kochira_plan_bis {
		font-size: 0.725rem;
	}
}
@media screen and (max-width:645px){
	p.kochira_plan_bis {
		font-size: 0.6rem;
	}
	.plan_photo_business_text p.oen {
		font-size: 0.725rem;
	}
}
@media screen and (max-width:600px) {
	.wrapper-plan {
		width: 100%;
		margin: 0 auto;
	}
	.plan_ful {
		width: 88%;
		margin: 0 auto;
	}
	.plan_mix_area {
		display: block;
		justify-content:center;
		width: 100%;
		margin: 0 auto;
	}
	.plan_mix_right {
		width:100%;
	}
	.plan_left {
		float: none;
		width: 88%;
		margin: 0 auto;
	}
	.plan_right {
		float: none;
		width: 88%;
		margin: 0 auto;
	}
	.plan_ful,.plan_left,.plan_right {
		margin-bottom: 30px;
	}
	.plan_title {
		padding: 5px 0px 0px 10px;
		border-radius: 10px;
		margin-bottom: 0;
	}
	.plan_title h2{
		float: none;
		font-size: 1.4rem;
		margin: 0 0 5px 0;
	}
	.plan_title h3{
		font-size: 0.675rem;
		height: 1.2rem;
		margin:0;
		padding: 0;
	}
	.plan_dsc {
		float: none;
		width: 98%;
		margin: 0 auto;
	}
	.plan_ful h4,.plan_left_dsc h4,.plan_right_dsc h4 {
		padding: 3px;
	}
	.plan_same h4 {
		margin-top: 20px;
	}
	.charge_sudomari {
		margin-top:10px;
	}
	.plan_photo_business_text{
		margin-top: 10px;
	}
	.plan_photo_business img {
		margin-top: 10px;
	}
	p.kochira_plan_bis {
		font-size: 1.4rem;
	}
	.plan_photo_business_text p.oen {
		font-size: 1.65rem;
		line-height: 40px;
	}
	#plan_business ul li {
		font-size: 1.2rem;
	}
	#plan_sudomari_photo{
		margin-top: 10px;
	}
}
@media screen and (max-width:500px) {
	p.kochira_plan_bis {
		font-size: 1.2rem;
	}
	.plan_photo_business_text p.oen {
		font-size: 1.4rem;
		line-height: 30px;
	}
	#plan_business ul li {
		font-size: 1.1rem;
	}
}
@media screen and (max-width:445px) {
	p.kochira_plan_bis {
		font-size: 1.05rem;
	}
	.plan_photo_business_text p.oen {
		font-size: 1.15rem;
	}
	#plan_business ul li {
		font-size: 0.9rem;
	}
}
@media screen and (max-width:368px) {
	p.kochira_plan_bis {
		font-size: 0.9rem;
	}
	.plan_photo_business_text p.oen {
		font-size: 0.9rem;
	}
	#plan_business ul li {
		font-size: 0.8rem;
	}
}
/*ビジネス泊*/
.business_note {
	border: solid 2px #F93A3D;
	border-radius: 14px;
	padding: 10px;
	width: 90%;
	margin: 0 auto;
}
.business_note ul li {
	font-size: 1.0rem;
	padding-left: 1.5rem; /* 1文字分の左パディング */
	text-indent: -1.5rem; /* 最初の行だけを1文字分左に */
}
.business_note span {
	color: #F93A3D;
	font-weight: 600;
}
.business_dsc {
	width: 48%;
	float: left;
}
.business_photo {
	float: left;
	width: 48%;
	margin-left: 3%;
}
.business_photo img {
	width:100%;
	border-radius: 10px;
}
.business_photo p {
	color: #9e005d;
	margin:0px 5px 10px 14px;
}
.business_fee {
	width:90%;
	margin:0px auto 20px;
}
.business_fee dl {
	width: 100%;
}
.business_fee dt {
	font-size: 1.0rem;
	display: block;
	margin:0px 0px 6px 0px;
	float: left;
	width:80px;
	background-color: #2e3192;
	color:#FFFFFF;
	font-weight: 300;
	text-align: center;
	padding:5px 10px 5px 10px;
	border-radius: 20px 0px 0px 20px;
}
.business_fee dd {
	font-size: 1.0rem;
	display: block;
	margin:0px 0px 6px 103px;
	background-color: #FFFFFF;
	color:#000000;
	text-align: center;
	padding:5px 0px 5px 10px;
	border-radius: 0px 20px 20px 0px;
}
.business_dsc p {
	font-size: 1.0rem;
	background-color: #ffd7e5;
	padding: 10px;
	border-radius: 10px;
}
@media screen and (max-width:800px) {
	.business_fee dt {
		font-size: 0.875rem;
		padding:3px 3px 3px 3px;
		width: 62px;
	}
	.business_fee dd {
		font-size: 0.875rem;
		padding:3px 0px 3px 3px;
		margin:0px 0px 6px 71px;
	}
	.business_dsc p {
		font-size: 0.75rem;
	}
}
@media screen and (max-width:600px) {
	.business_dsc {
		float: none;
		width: 98%;
		margin: 0 auto;
	}
	.business_fee {
		width:90%;
		margin-top:20px;
	}
	.business_fee dt {
		font-size: 1.0rem;
		padding:5px 10px 5px 10px;
		width: 80px;
	}
	.business_fee dd {
		font-size: 1.0rem;
		padding:5px 0px 5px 10px;
		margin:0px 0px 6px 103px;
	}
	.business_dsc p {
		font-size: 1.0rem;
		width: 86%;
		margin:10px auto;
	}
	.business_photo {
		float: none;
		width: 90%;
		margin:10px auto 0px;
	}
	.business_note {
		width: 90%;
		margin: 20px auto 0;
	}
}
/*アクセス*/
.access_p {
	width: 86%;
	margin:20px auto;
}
.wrapper-access {
	width: 86%;
	margin: 20px auto;
}
.wrapper-access h3 {
	font-size: 1.2rem;
	font-weight: 400;
	color: #FFFFFF;
	display:inline-block;
	background-color: #96bc53;
	padding: 8px 18px;
	border-radius: 10px;
	margin-bottom: 10px;
}
.access_map_img {
	background-color: #dbffd9;
	width: 100%;
	margin-bottom:30px;
}
#map {
	width: 100%;
	height: 460px;
	background-color: grey;
}
.access_address{
	padding: 6px 2% 6px 2%;
	background-color: #000000;
	border-radius: 20px;
	margin-bottom: 20px;
}
.access_address img {
	float: left;
	width: 38%;
}
.access_address p {
	color: #FFFFFF;
	margin:10px 0px 0px 2%;
	font-size: 1.2rem;
}
@media screen and (max-width:800px) {
	.access_address p {
		font-size: 0.95rem;
		margin-top:6px;
	}
}
@media screen and (max-width:600px) {
	.wrapper-access {
		width: 90%;
		margin: 16px auto;
	}
	.access_address p {
		font-size: 0.8rem;
		margin-top:4px;
	}
}
@media screen and (max-width:500px) {
	.access_address{
		padding: 6px 1% 6px 1%;
	}
	.wrapper-access {
		width: 94%;
	}
}
@media screen and (max-width:445px) {
	.access_address p {
		font-size: 0.65rem;
		margin-top:0;
		line-height: 1rem;
	}
}
/*周辺観光案内*/
.wrapper-spot {
	width: 86%;
	margin: 0 auto;
}
.spot_row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.spot_item {
	background-color: #ffd0b0;
	width:28%;
	padding: 8px 2% 8px 2%;
	border-radius: 10px;
}
.spot_item h3 {
	font-size: 1rem;
	font-weight: 400;
}
.spot_item h3 img {
	vertical-align: middle;
	margin-right: 2px;
	margin-bottom: 3px;
}
.spot_item p {
	font-size: 0.9rem;
	padding: 8px 2%;
}
.spot_item_img {
	/*position: relative;*/
	border-radius: 10px;
	overflow: hidden;
}
.spot_item_img img {
	display: -webkit-flex;
	display: flex;
	width:100%;
	margin:0;
}
@media screen and (max-width:820px) {
	.spot_title_long{
		font-size: 0.9rem;
	}
}
@media screen and (max-width:800px) {
	.spot_item h3 {
		font-size: 0.79rem;
	}
	.spot_title_long {
		font-size: 0.79rem;
	}
	.spot_item p {
		font-size: 0.75rem;
	}
}
@media screen and (max-width:710px) {
	.spot_title_long {
		font-size: 0.7rem;
	}
}
@media screen and (max-width:645px) {
	.spot_item h3 {
		font-size: 0.6rem;
	}
	.spot_title_long {
		font-size: 0.6rem;
	}
}
@media screen and (max-width:600px) {
	.spot_row {
		display: block;
		margin-bottom: 0;
	}
	.spot_item {
		width:86%;
		padding: 10px 5% 10px 5%;
		border-radius: 10px;
		margin:0 auto 20px;
	}
	.spot_item h3 {
		font-size: 1.2rem;
	}
	.spot_title_long {
		font-size: 1.2rem;
	}
	.spot_item p {
		font-size: 1rem;
	}
}
/*料理（ギャラリー以外）*/
.chapter_food{
	width:100%;
}
.chapter_food h2{
	width:90%;
}
.chapter_food img.chapter_h_line{
	width:92%;
}
.chapter_food p {
	margin:20px auto 12px;
	width:88%;
}
.wrapper-syokuzai {
	width: 96%;
	margin: 0 auto;
}
.wrapper-syokuzai > h3{
	font-size: 1.6rem;
	display: inline-block;
	color: #87480A;
	font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	/*background-color: #A5C430;*/
	margin:30px 3% 0;
	border-radius: 5px;
}
.wrapper-syokuzai p {
	margin:20px auto 30px;
	width:94%;
}
.syokuzai_row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.syokuzai_item {
		background-color: #B7FFCF;
	width:28%;
	padding: 8px 2% 8px 2%;
	border-radius: 10px;
}
.syokuzai_item h3 {
	font-size: 1rem;
	font-weight: 400;
}
.syokuzai_item p {
	font-size: 0.9rem;
	padding: 8px 2%;
}
.syokuzai_item_img {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.syokuzai_item_img img {
	display: -webkit-flex;
	display: flex;
	width:100%;
	margin:0;
}
@media screen and (max-width:800px) {
	.syokuzai_item h3 {
		font-size: 0.79rem;
	}
	.syokuzai_item p {
		font-size: 0.75rem;
	}
}
@media screen and (max-width:600px) {
	.syokuzai_row {
		display: block;
		margin-bottom: 0;
	}
	.syokuzai_item {
		width:76%;
		background-color: #FFFFFF;
		padding: 10px 10% 10px 10%;
		border-radius: 16px;
		margin:0 auto 20px;
	}
	.syokuzai_item h3 {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	.syokuzai_item p {
		font-size: 1rem;
	}
	.syokuzai_item_img {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}