@charset "utf-8";

/* 共有テンプレート */

/*
	画像のレスポンシブ処理
	下記スタイルと併せてJSでimgタグの高さ属性を削除することで対応 (セレクタに注意)
*/

#post img,
#post .wp-caption,
#post iframe,
#post table {
	max-width: 100%;
}

#post iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*
	tableのレスポンシブ処理
	JSと組み合わせて 下記スタイルで table overflow時スクロールバーを出すことで対応 (セレクタに注意)
*/

#post .table_wrap {
	overflow-x: auto;
}

/*
	レスポンシブデザインの調整 >> 全体
*/

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

.home {
	/*background-attachment: scroll;*/
	/*background-size: auto;*/
}

.home header,
.home article,
footer {
	padding-top: 75px;
	padding-left: 15px;
	padding-right: 15px;
}

.home header .site_title {
	width: 85%;
	height: 210px;
	max-width: 100%;
	background-image: url(../image/logo_white_narrow.svg);
}

.home header .catchphrase {
	width: 80%;
	max-width: 100%;
	margin-top: 5%;
}

header .site_logo a {
	margin-top: 50px;
}

.home article h2,
.home footer h2,
.home article p,
footer p {
	text-align: center;
}

.home article h2,
footer h2 {
	font-size: 140%;
	letter-spacing: 0px;
	margin-bottom: 35px;
}

.home article p {
	font-size: 95% !important;
	line-height: 2.0em !important;
}

.home article .overview {
	display: none;
}

.home article .to_detail_page {
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 50%;
	margin-top: 35px;
	margin-bottom: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	padding-right: 0px;
}

.home article .to_detail_page a {
	color: #000 !important;
	text-shadow: 0px 0px 2px rgba(255,255,255,0.75) !important;
	background-color: rgba(255,255,255,0.75);
	background-image: url(../image/_transparency.png) !important;
	width: 45%;
	bottom: 42.5%;
	left: 0px;
	right: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

/*
------ news ---------------------------------------------
*/

#news .news_item {
	width: 100%;
	float: none !important;
	margin-right: 0%;
	margin-bottom: 2%;
}

/* 狭い幅では news はシンプルなリストのみ */

#news section,
#news section .section_content {
	display: inline;
}

#news section .section_content {
	display: none !important;
}

#news section {
	border-style: none;
	text-align: center;
	background-image: url(../image/_transparency.png) !important;
}

#news section h3,
#news section .section_content {
	position: static;
	opacity: 1.0;
	color: #444;
}

#news section h3 {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	background-color: rgba(0,0,0,0.0);
	font-size: 100%;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 7px;
}

#news section h3 span {
	display: inline;
	font-size: 80%;
	font-weight: normal;
	margin-left: 10px;
}

#news section h3 a {
	color: #46684C !important;
}

#news section .section_content a {
	color: #5C7294 !important;
}

#news section h3 a:hover,
#news section .section_content a:hover {
	color: #CC006C !important;
}

#news section .section_image {
	display: none;
}

/*
#news section .section_image {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	margin-bottom: 15px;
}

#news section .section_image img {
	width: auto;
	height: 50px;
}
*/

#news section .section_content {
	padding: 0px;
	text-align: center !important;
	margin-bottom: 35px !important;
	display: block;
	height: 1.25em;
}

#news section .section_categorys,
#news section .section_tags {
	display: inline !important;
}

#news section .section_categorys {
	margin-right: 15px;
}

#news section .section_text {
	display: none !important;
}

#news section:hover .section_content {
	background-color: rgba(0,0,0,0.0);
}

#news .material_sakura_left,
#news .material_sakura_right {
	display: none;
}

/*
------ footer ( contact ) ---------------------------------------------
*/

footer .freephone {
	font-size: 160% !important;
}

#footer_navi ul {
	text-align: center;
}

/*
------ .single ---------------------------------------------
*/

h1#post_title {
	font-size: 160%;
	line-height: 1.15em;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 0px;
	margin-bottom: 35px;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 5px;
	padding-right: 5px;
}

/*
.single h1,
.page h1,
.archive h1 {
	margin-top: 75px;
}
*/

.single header,
.single h1,
.single .breadcrumbs,
.single #post,
.page header,
.page h1,
.page .breadcrumbs,
.page #post,
.archive header,
.archive h1,
.archive .breadcrumbs {
	max-width: 860px;
}

/*
------ post ---------------------------------------------
*/

#post {
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	border-left-width: 0px;
	border-right-width: 0px;
}

#post_image {
	height: 200px;
	margin-left: -15px;
	margin-right: -15px;
	display: none;
}

/*
------ footer ( .home 以外 ) ---------------------------------------------
*/

.single footer,
.page footer,
.archive footer {
	margin-top: 0px;
}

/*
------ ショートコード出力HTML experience_post_list 特定のカテゴリーの一覧を出力 狭いブラウザでは幅100% ---------------------------------------------
*/

.tourism_post_index li {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}

}

@media screen and (min-width: 591px) and (max-width: 920px) {

.home header,
.home article,
footer {
	padding-top: 75px;
	padding-left: 25px;
	padding-right: 25px;
}

header .site_logo a {
	margin-top: 50px;
}

.home article h2,
footer h2,
.home article p,
footer p {
	padding-left: 0px;
	padding-right: 0px;
}

.home article .to_detail_page {
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	padding-right: 0px;
}

.home article .to_detail_page a {
	bottom: 135px;
	left: 0px;
	right: 0px;
	text-align: right;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 80px;
	background-repeat: no-repeat;
	background-position: right 50px center;
	background-size: 20px 20px;
}

.home article .to_detail_page a {
	padding-right: 55px;
	background-position: right 25px center;
}

/*
------ news ---------------------------------------------
*/

#news .news_item {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}

#news .section_image img {
	display: none;
}

#news .news_item:nth-child(2n+1) {
	margin-right: 0%;
}

/*
------ footer ( contact ) ---------------------------------------------
*/

footer .information {
	display: inline-block;
}

footer .freephone {
	font-size: 260% !important;
}

/*
------ .single page ---------------------------------------------
*/

/*
.single h1,
.page h1,
.archive h1 {
	margin-top: 75px;
}
*/

#post_title {
	margin-left: -25px;
	margin-right: -25px;
	padding-top: 75px;
	padding-bottom: 75px;
}

.single header,
.single h1,
.single .breadcrumbs,
.single #post,
.page header,
.page h1,
.page .breadcrumbs,
.page #post,
.archive header,
.archive h1,
.archive .breadcrumbs,
.archive #news {
	max-width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}

/*
------ post ---------------------------------------------
*/

#post {
	padding-left: 25px;
	padding-right: 25px;
}

#post_image {
	height: 280px;
	margin-left: -25px;
	margin-right: -25px;
}

#post_image,
#post_image .site_logo {
	height: 280px;
}

/*
------ footer ( .home 以外 ) ---------------------------------------------
*/

.single footer,
.page footer,
.archive footer {
	margin-top: 25px;
}

/*
------ .home Animation material ---------------------------------------------
*/

#news .material_sakura_left {
	top: 3%;
	right: -2%;
}

#news .material_sakura_right {
	bottom: 0%;
	left: -2%;
}

#dishes .material_dishes_kaiseki {
	left: 120px;
	bottom: 8%;
	transform: rotate(-2deg);
}

#dishes .material_dishes_smallset {
	left: 30px;
	bottom: 30%;
	transform: rotate(2deg);
}

#dishes .material_dishes_tempura {
	left: 245px;
	bottom: 40%;
	transform: rotate(-5deg);
}

#reservation .material_reservation_bamboograss {
	left: 0px;
	bottom: 5%;
}

#tourism .material_tourism_seven_rock {
	left: 65px;
	bottom: 35%;
	transform: rotate(-10deg);
}

#tourism .material_tourism_kuwannai_river {
	left: 20px;
	bottom: 5%;
	transform: rotate(0deg);
}

#tourism .material_tourism_asahidake {
	left: 260px;
	bottom: 5%;
	transform: rotate(2deg);
}

#tourism .material_tourism_blue_pond {
	left: 300px;
	bottom: 30%;
	transform: rotate(-2deg);
}

}

@media screen and (min-width: 921px) {

.home header,
.home article,
footer {
	padding-top: 115px;
	padding-left: 50px;
	padding-right: 50px;
}

header .menu_open {
	display: none;
}

.home article h2,
footer h2,
.home article p,
footer p {
	padding-left: 0px;
	padding-right: 0px;
}

.home article .to_detail_page {
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 380px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	padding-right: 0px;
}

.home article .to_detail_page a {
	bottom: 135px;
	left: 0px;
	right: 0px;
	text-align: right;
	font-weight: bold;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-right: 80px;
	background-repeat: no-repeat;
	background-position: right 50px center;
	background-size: 20px 20px;
}

/*
------ news ---------------------------------------------
*/

#news .news_item {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}

#news .section_image img {
	display: none;
}

#news .news_item:nth-child(3n+1) {
	margin-right: 0%;
}

/*
------ footer ( contact ) ---------------------------------------------
*/

footer .information {
	display: inline-block;
}

/*
------ .single / .page ---------------------------------------------
*/

/*
.single h1,
.page h1,
.archive h1 {
}
*/

#post_title {
	margin-left: -35px;
	margin-right: -35px;
}

.single header,
.single h1,
.single .breadcrumbs,
.single #post,
.page header,
.page h1,
.page .breadcrumbs,
.page #post,
.archive header,
.archive h1,
.archive .breadcrumbs {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
}

.archive #news {
	padding-left: 50px;
	padding-right: 50px;
}

/*
------ post ---------------------------------------------
*/

#post {
	padding-left: 35px;
	padding-right: 35px;
}

#post_image {
	margin-left: -35px;
	margin-right: -35px;
}

#post_image,
#post_image .site_logo {
	height: 320px;
}

/*
------ footer ( .home 以外 ) ---------------------------------------------
*/

.single footer,
.page footer,
.archive footer {
	margin-top: 50px;
}

/*
------ .home Animation material ---------------------------------------------
*/

#news .material_sakura_left {
	top: 9%;
	right: -2%;
}

#news .material_sakura_right {
	bottom: 3%;
	left: -2%;
}

}

/*
	レスポンシブデザインの調整 >> navi
*/

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

#main_navi,
#js_main_navi {
	display: none;
}

#main_navi,
#js_main_navi {
	max-width: 290px;
	text-align: left;
	background-color: rgba(255,255,255,0.95);
	margin-top: 72px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
	padding-right: 2px;
	top: 0px;
	right: 0px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.10);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main_navi ul,
#js_main_navi ul {
	display: inline;
}

#main_navi ul li,
#js_main_navi ul li,
#js_main_navi span {
	display: inline-block;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 7px;
}

#main_navi a,
#js_main_navi ul li,
#js_main_navi span {
	color: #fff;
	display: inline-block;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.0);
	background-color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	border-radius: 3px;
}

#main_navi a:hover,
#js_main_navi li:hover,
#js_main_navi span:hover {
	background-color: #111;
	color: #FFD46B;
}

}

@media screen and (min-width: 921px) {

#main_navi,
#js_main_navi {
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.80);
	border-bottom: 1px solid rgba(255,255,255,0.10);
	padding-top: 25px;
	padding-bottom: 25px;
}

#main_navi ul,
#js_main_navi ul {
	display: inline-block;
}

#main_navi ul li,
#js_main_navi ul li,
#js_main_navi span {
	display: inline-block;
}

#main_navi a:link,
#main_navi a:active,
#main_navi a:visited {
	text-decoration: none;
	color: #fff;
}

#main_navi a:hover,
#js_main_navi li:hover,
#js_main_navi span:hover {
	color: #FFD46B;
}

}

/*
	レスポンシブデザインの調整 >> #post img 狭いデザインでは幅100%に変更
*/

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

#post img:not(.tinymce_big_mintyou img, .tinymce_middle_mintyou img, .tinymce_small_mintyou img),
#post iframe {
	width: 100% !important;
}

}

/*
	.home 背景画像要素調整
*/

@media screen and (min-width: 1201px) {

/*
------ dishes ---------------------------------------------
*/

#dishes .material_dishes_kaiseki {
	left: 60px;
	bottom: 10%;
	transform: rotate(-2deg);
}

#dishes .material_dishes_smallset {
	left: 520px;
	bottom: 35%;
	transform: rotate(-4deg);
}

#dishes .material_dishes_tempura {
	left: 340px;
	bottom: 19%;
	transform: rotate(2deg);
}

/*
------ reservation ---------------------------------------------
*/

#reservation .material_reservation_bamboograss {
	width: 400px;
	height: 469px;
	left: 0px;
	bottom: 5%;
}

/*
------ tourism ---------------------------------------------
*/

#tourism .material_tourism_seven_rock {
	left: 340px;
	bottom: 30%;
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

#tourism .material_tourism_kuwannai_river {
	left: 30px;
	bottom: 20%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

#tourism .material_tourism_asahidake {
	left: 270px;
	bottom: 5%;
	transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}

#tourism .material_tourism_blue_pond {
	left: 600px;
	bottom: 16%;
	transform: rotate(-2deg);
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}

}

@media screen and (min-width: 981px) and (max-width: 1200px) {

/*
------ dishes ---------------------------------------------
*/

#dishes .material_dishes_kaiseki {
	left: 45px;
	bottom: 7%;
	transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}

#dishes .material_dishes_smallset {
	/*left: 520px;*/
	left: 320px;
	bottom: 26%;
	transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}

#dishes .material_dishes_tempura {
	left: -999px;
	display: none;
}

/*
------ reservation ---------------------------------------------
*/

#reservation .material_reservation_bamboograss {
	width: 400px;
	height: 469px;
	left: 0px;
	bottom: 5%;
}

/*
------ tourism ---------------------------------------------
*/

#tourism .material_tourism_seven_rock {
	left: 380px;
	bottom: 30%;
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

#tourism .material_tourism_kuwannai_river {
	left: 30px;
	bottom: 20%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

#tourism .material_tourism_asahidake {
	left: 260px;
	bottom: 5%;
	transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}

#tourism .material_tourism_blue_pond {
	left: -999px;
	display: none;
}

}

@media screen and (min-width: 761px) and (max-width: 980px) {

/*
------ dishes ---------------------------------------------
*/

#dishes .material_dishes_kaiseki {
	left: 85px;
	bottom: 12%;
	transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}

#dishes .material_dishes_smallset {
	left: -25px;
	bottom: 32%;
	transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}

#dishes .material_dishes_tempura {
	left: -999px;
	display: none;
}

/*
------ reservation ---------------------------------------------
*/

#reservation .material_reservation_bamboograss {
	width: 360px;
	height: 420px;
	left: 0px;
	bottom: 5%;
}

/*
------ tourism ---------------------------------------------
*/

#tourism .material_tourism_seven_rock {
	left: 260px;
	bottom: 8%;
	transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}

#tourism .material_tourism_kuwannai_river {
	left: 30px;
	bottom: 25%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

#tourism .material_tourism_asahidake {
	left: -999px;
	display: none;
}

#tourism .material_tourism_blue_pond {
	left: -999px;
	display: none;
}

}

@media screen and (min-width: 591px) and (max-width: 760px) {

/*
------ dishes ---------------------------------------------
*/

#dishes .material_dishes_kaiseki {
	left: 25px;
	bottom: 10%;
	transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
}

#dishes .material_dishes_smallset {
	left: -65px;
	bottom: 32%;
	transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
}

#dishes .material_dishes_tempura {
	left: -999px;
	display: none;
}

/*
------ reservation ---------------------------------------------
*/

#reservation .material_reservation_bamboograss {
	width: 260px;
	height: 340px;
	left: -10px;
	bottom: 12%;
}

/*
------ tourism ---------------------------------------------
*/

#tourism .material_tourism_seven_rock {
	left: 75px;
	bottom: 15%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

#tourism .material_tourism_kuwannai_river {
	left: -999px;
	display: none;
}

#tourism .material_tourism_asahidake {
	left: -999px;
	display: none;
}

#tourism .material_tourism_blue_pond {
	left: -999px;
	display: none;
}

}

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

/*
------ news ---------------------------------------------
*/

#news .material_sakura_left,
#news .material_sakura_right {
	display: none !important;
}

/*
------ dishes ---------------------------------------------
*/

#dishes .material_dishes_kaiseki,
#dishes .material_dishes_smallset,
#dishes .material_dishes_tempura {
	left: -999px;
	display: none;
}

/*
------ reservation ---------------------------------------------
*/

#reservation .material_reservation_bamboograss {
	display: none;
}

/*
------ tourism ---------------------------------------------
*/

#tourism .material_tourism_seven_rock,
#tourism .material_tourism_kuwannai_river,
#tourism .material_tourism_asahidake,
#tourism .material_tourism_blue_pond {
	left: -999px;
	display: none;
}

}