@charset "utf-8";
/*
Theme Name: shikishima-cms2026
Theme URI: null
Description: It is a Japanese inn Shikishima Zhuang dedicated theme.
Version: 1.00
Author: Hokkaido recording center EOLAS Laboratory.
Author URI: http://www.eolas.co.jp/rokuga/
License: Specific client only. I prohibited the use of other companies and individuals.
*/


/*
------ common ---------------------------------------------
*/

body {
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	-webkit-text-size-adjust: none;/*携帯端末の縦横で文字の大きさ揃える*/
}

/*
.home {
	background-image: url(wallpaper/home_top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}
*/

.home #background_area {
	position: fixed;
	/*background-image: url(wallpaper/home_top.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;/* auto 100%; cover; *//* 300% auto; */
	background-position: center center;
	/*background-attachment: fixed;*//* ←これが戦犯っぽい */
	z-index: -1;
	width: 100%;
	height: 100%;
	display: block;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.home header,
.home article,
.home footer {
	z-index: 1;
}

.home footer {
	padding-top: 135px;
}

.single,
.page,
.archive,
.error404 {
	background-image: url(wallpaper/japanese_paper.png);
	background-repeat: repeat;
}

/* :link (未訪問) , :visited (訪問済) , :active (クリック時) , :hover (マウスオーバー) */

a:link,
a:active {
	text-decoration: none;
	color: #D95C07;
}

a:visited {
	color: #6C3809;
}

a:hover,
#taxonomy section:hover a:hover {
	color: #3175DF;
}

textarea,
input {
	outline: none;
}


/*
------ Responsive Width setting ---------------------------------------------
*/

/* - Main target - */

header,
article,
footer {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* - Sub target ".home" - */

.home header h1,
.home header p,
.home article h2,
.home article p,
.home article .section_content,
.home #news div,/* jsで後付けでも良いかも */
.home footer,
.archive #news {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* - Sub target ".single" - */

/*
------ css animation setting ---------------------------------------------
*/

.home,
#background_area,
a,
header,
#post_title,
article,
#news section:hover .section_content,
#news section .section_content span,
section,
footer {

	/* Chrome */
	-webkit-transition-property: color, opacity, background-color, background-image;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-delay: 0s;
	-webkit-transition-timing-function: linear;
	/* Mozilla */
	-moz-transition-property: color, max-width, width, margin, background-color, background-image;
	-moz-transition-duration: 0.3s;
	-moz-transition-delay: 0s;
	-moz-transition-timing-function: linear;
	/* Opera */
	-o-transition-property: color, max-width, width, margin, background-color, background-image;
	-o-transition-duration: 0.3s;
	-o-transition-delay: 0s;
	-o-transition-timing-function: linear;
	/* IE */
	-ms-transition-property: color, max-width, width, margin, padding, background-color, background-image;
	-ms-transition-duration: 0.3s;
	-ms-transition-delay: 0s;
	-ms-transition-timing-function: linear;

}

/*
------ Common setting ---------------------------------------------
*/

.home header,
.home article,
footer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 85px;
}

.home article {
	overflow: hidden;
	background-repeat: repeat;
	position: relative;
}

.home header,
#spa,
#room,
#access,
#insta,
.home footer {
	background-image: url(wallpaper/halftone_dot.png);
}

#news,
#dishes,
#reservation,
#tourism {
	background-image: url(wallpaper/japanese_paper.png);
}

.home article h2,
.home footer h2,
.home article p,
.home footer p {
	z-index: 2;
	position: relative;
}

.home article h2,
footer h2 {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 240%;
	letter-spacing: 3px;
	margin-bottom: 50px;
}

.home article .overview,
footer .overview {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 105%;
	line-height: 1.75em;
	letter-spacing: 1.5px;
}

.home article .link_plus {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 90%;
	line-height: 2.0em;
}

.home article .link_plus a:link,
.home article .link_plus a:visited,
.home article .link_plus a:active {
	text-decoration: none;
	color: #5A3310;
	background-color: rgba(255,255,255,0.55);
	text-shadow: 0px 0px 0px #000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	border: 1px dashed #B59561;
}

.home article .link_plus a:hover {
	background-color: rgba(255,255,255,0.85);
	color: #BB5700;
}

#spa h2,
#room h2,
#access h2,
#insta h2,
footer h2,
#spa p,
#room p,
#access p,
#insta p,
footer p {/* 背景一面画像 & ドット - 文字白 */
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.85);
}

#news h2,
#dishes h2,
#reservation h2,
#tourism h2,
#news p,
#dishes p,
#reservation p,
#tourism p {/* 背景和紙 - 文字茶 */
	color: #512E06;
	/*text-shadow: 0px 0px 2px rgba(255,255,255,0.75);*/
	text-shadow: 1px 1px 1px #fff,
		-1px 1px 1px #fff,
		1px -1px 1px #fff,
		-1px -1px 1px #fff;
}

.home article .to_detail_page {
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
}

.home article .to_detail_page a {
	position: absolute;
	font-weight: bold;
}

#spa .to_detail_page,
#room .to_detail_page,
#access .to_detail_page,
.home footer .to_detail_page {/* 背景一面画像 & ドット - 文字白 */
}

#news .to_detail_page,
#dishes .to_detail_page,
#reservation .to_detail_page,
#tourism .to_detail_page {/* 背景和紙 - 文字茶 */
	/*background-image: url(wallpaper/home_top.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#spa .to_detail_page a,
#room .to_detail_page a,
#access .to_detail_page a,
.home footer .to_detail_page a {/* 背景一面画像 & ドット - 文字白 */
	color: #fff;
	background-image: url(image/icon_next_link_white.svg);
}

#news .to_detail_page a,
#dishes .to_detail_page a,
#reservation .to_detail_page a,
#tourism .to_detail_page a {/* 背景和紙 - 文字茶 - 右側画像 - リンクBG白 */
	color: #000;
	background-image: url(image/icon_next_link_black.svg);
	background-color: rgba(255,255,255,0.95);
}

/*
------ header ---------------------------------------------
*/

.home header {
}

/*
.home header .site_title {
	width: 480px;
	max-width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
*/

.home header .site_title {
	width: 480px;
	max-width: 100%;
	height: 180px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(image/logo_white.svg);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

header .site_logo a {
	width: 320px;
	max-width: 100%;
	height: 65px;
	margin-top: 100px;
	margin-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(image/logo_black.svg);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	opacity: 0.85;
}

.home header p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.home header .catchphrase {
	width: 400px;
	max-width: 100%;
	height: 90px;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(image/catchphrase_white.svg);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

header .menu_open {
	cursor: pointer;
	width: 74px;
	height: 42px;
	background-color: #000;
	margin-top: 15px !important;
/*	margin-left: auto;
	margin-right: auto;*/
	margin-right: 15px !important;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	position: fixed;
	border-radius: 3px;
	top: 0px;
	right: 0px;
	z-index: 99;
}

.svg_d_shadow {
	-webkit-filter:	drop-shadow( 0px 0px 2px rgba(0,0,0,0.35) );
	-moz-filter:	drop-shadow( 0px 0px 2px rgba(0,0,0,0.35) );
	-o-filter: 		drop-shadow( 0px 0px 2px rgba(0,0,0,0.35) );
	-ms-filter:		drop-shadow( 0px 0px 2px rgba(0,0,0,0.35) );
	filter:			drop-shadow( 0px 0px 2px rgba(0,0,0,0.35) );
}

/*
------ main_navi / js_main_navi ---------------------------------------------
*/

/* common.css */

#main_navi,
#js_main_navi {
	z-index: 100;
	position: fixed;
	top: 0px;
}

#main_navi ul,
#js_main_navi ul {
	padding-left: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
}


#main_navi ul li,
#js_main_navi ul li,
#js_main_navi span,
#js_main_navi a {
	cursor: pointer;
	font-size: 85%;
	color: #fff !important;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.45) !important;
	margin-left: 10px;
	margin-right: 10px;
}

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

#news {
}

.home #news h2 {
	text-align: center;
	font-size: 180%;
}

#news section {
	position: relative;
	float: left;
	overflow: hidden;
	border-radius: 2px;
	border: 3px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#news section {
	/*background-image: url();*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* 1 column */

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

/* common.css */

}

/* 2 column */

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

/* common.css */

}

/* 3 column */

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

/* common.css */

}

#news section,
#news section .section_content {
	height: 220px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}

#news section h3,
#news section .section_content {
	position: absolute;
	left: 0px;
	right: 0px;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;
}

#news section h3 {
	bottom: 0px;
	background-color: rgba(0,0,0,0.60);
	font-size: 90%;
	line-height: 1.15em;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 5;
}

#news section h3 span {
	display: block;
	font-size: 80%;
	font-weight: normal;
}

#news section h3 a:link,
#news section h3 a:visited,
#news section h3 a:active {
	text-decoration: none;
	color: #fff;
	display: block;
}

#news section h3 a:hover {
	color: #FFCA30;
}

#news section p {
	font-size: 75%;
}

#news section .section_content {
	top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 1;
}

#news section .section_content span {
}

#news section .section_content section a:link,
#news section .section_content section a:visited,
#news section .section_content section a:active {
	text-decoration: none;
	color: #666;
}

#news section .section_content section a:hover {
	color: #aaa;
}

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

#news section:hover .section_content {
	background-color: rgba(000, 000, 000, 0.65);
	opacity: 1.0;
}

#news section .section_content span {
	display: block;
	padding-top: 5px;
}

#news section .section_content span a:link,
#news section .section_content span a:visited,
#news section .section_content span a:active {
	text-decoration: none;
	color: #85DEFF;
}

#news section .section_content span a:hover {
	color: #FF0067;
}

#news .news_view_all {
	text-align: center;
	clear: both;
	padding-top: 35px;
	font-size: 85%;
}

#news .news_view_all a {
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #777;
	border: 3px solid #fff;
}

#news .news_view_all a:hover {
	color: #FFCA30;
	background-color: #111;
}

#news section .section_content,
#news .news_view_all {
	text-shadow: 0px 0px 0px rgba(0,0,0,0.0);
}

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

#news .material_sakura_left,
#news .material_sakura_right {
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	opacity: 0.65;
}

#news .material_sakura_left {
	width: 320px;
	height: 157px;
	background-image: url(image/material_sakura_left.png);
	/* 位置は幅によって変動 */
}

#news .material_sakura_right {
	width: 320px;
	height: 157px;
	background-image: url(image/material_sakura_right.png);
	/* 位置は幅によって変動 */
}

/*
------ spa ---------------------------------------------
*/


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

#dishes .to_detail_page {
	background-image: url(image/material_dishes_image.jpg);
}

#dishes .material_dishes_kaiseki,
#dishes .material_dishes_smallset,
#dishes .material_dishes_tempura {
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	border: 7px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.35);
}

#dishes .material_dishes_kaiseki {
	width: 300px;
	height: 200px;
	background-image: url(image/material_dishes_kaiseki.jpg);
	/* 位置は幅によって変動 */
}

#dishes .material_dishes_smallset {
	width: 240px;
	height: 160px;
	background-image: url(image/material_dishes_smallset.jpg);
	/* 位置は幅によって変動 */
}

#dishes .material_dishes_tempura {
	width: 240px;
	height: 160px;
	background-image: url(image/material_dishes_tempura.jpg);
	/* 位置は幅によって変動 */
}

/*
------ room ---------------------------------------------
*/


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

#reservation .to_detail_page {
	background-image: url(image/material_reservation_image.jpg);
}

#reservation .material_reservation_bamboograss {
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	background-image: url(image/material_reservation_bamboograss.png);
	opacity: 0.65;
	/* 位置大きさは幅によって変動 */
}

/*
------ access ---------------------------------------------
*/


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

#tourism .to_detail_page {
	background-image: url(image/material_tourism_image.jpg);
}

#tourism .material_tourism_seven_rock,
#tourism .material_tourism_kuwannai_river,
#tourism .material_tourism_asahidake,
#tourism .material_tourism_blue_pond {
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	border-radius: 50%;
}

#tourism .material_tourism_seven_rock {
	width: 200px;
	height: 200px;
	background-image: url(image/material_tourism_seven_rock.jpg);
}

#tourism .material_tourism_kuwannai_river {
	width: 180px;
	height: 180px;
	background-image: url(image/material_tourism_kuwannai_river.jpg);
}

#tourism .material_tourism_asahidake {
	width: 160px;
	height: 160px;
	background-image: url(image/material_tourism_asahidake.jpg);
}

#tourism .material_tourism_blue_pond {
	width: 160px;
	height: 160px;
	background-image: url(image/material_tourism_blue_pond.jpg);
}

/*
------ insta ---------------------------------------------
*/
#insta .blockquote{
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	border-radius: 50%;
	left: 1000px;
}




/* old */

#tourism .material_tourism_shikishimawaterfall {
	width: 200px;
	height: 200px;
	background-image: url(image/material_tourism_shikishimawaterfall.jpg);
	left: 60px;
	bottom: 17%;
	transform: rotate(0deg);
}

#tourism .material_tourism_pika {
	width: 125px;
	height: 125px;
	background-image: url(image/material_tourism_pika.jpg);
	left: 320px;
	bottom: 12%;
	transform: rotate(-10deg);
}

#tourism .material_tourism_kuwannai {
	width: 135px;
	height: 135px;
	background-image: url(image/material_tourism_kuwannai.jpg);
	left: 600px;
	bottom: 23%;
	transform: rotate(2deg);
}

/*
------ footer ( contact ) ( .home のみ ) ---------------------------------------------
*/

footer .freephone {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 260% !important;
	letter-spacing: 2px;
	color: #FF9E00 !important;
	line-height: 1.05em;
	margin-top: 15px;
	margin-bottom: 15px;
}

footer .freephone span {
	background-image: url(image/icon_freephone.svg);
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	width: 2.4em;
	height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 6px;
}

footer .reservations_links {
	margin-top: 25px;
	margin-bottom: 25px;
}

footer .reservations_links a:link,
footer .reservations_links a:visited,
footer .reservations_links a:active {
	display: inline-block;
	width: 200px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	color: #111;
	font-size: 85%;
	text-shadow: 1px 1px 0px #fff;
	background-color: rgba(255,255,255,0.90);
	padding-top: 12px;
	padding-bottom: 11px;
	border-radius: 3px;
	background-image: url(image/reservations_links_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
}

footer .reservations_links a:hover {
	text-decoration: none;
	color: #C60;
	background-color: rgba(255,255,255,1.00);
}

/*
footer .information {
	line-height: 1.50em;
	letter-spacing: 1px;
	background-color: rgba(0,0,0,0.35);
	border: 1px solid rgba(255,255,255,0.25);
	margin-top: 0px;
	margin-bottom: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px !important;
	padding-right: 15px !important;
	border-radius: 3px;
}
*/

footer h2 {
	margin-top: 0px;
}

footer .information {
	line-height: 1.50em;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 0px !important;
}

#copyright {
	font-family: "Palatino Linotype", "Book Antiqua", "メイリオ", Palatino, serif;
	margin-top: 50px;
	margin-bottom: 0px;
	font-size: 80% !important;
	letter-spacing: 2px;
}

#copyright a {
	color: #fff;
}

#copyright a:hover {
	color: #FF0067;
}

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

footer {
	text-align: center;
}

.single footer h2,
.page footer h2,
.archive footer h2 {
	font-size: 200%;
}

/*
------ footer navi ---------------------------------------------
*/

#footer_navi ul {
	padding-left: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

#footer_navi ul li {
	font-size: 90%;
	display: inline;
}

#footer_navi a {
	color: #000;
	background-color: rgba(255,255,255,0.85);
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	display: inline-block;
	border-radius: 3px;
}

#footer_navi a:hover {
	color: #FFD600;
	background-color: rgba(255,255,255,1.00);
}

/*
------ archive ---------------------------------------------
*/

#archive_title {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 160% !important;
	line-height: 1.35em;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 50px;
}

#archive_title span {
	font-size: 85%;
	letter-spacing: 0px;
	display: block;
	margin-top: 0px;
}

/*
------ post ( .single .page ) ---------------------------------------------
*/

#post {
	background-color: #fff !important;
	background-image: url(image/_transparency.png);
	padding-top: 0px;
	padding-bottom: 50px;
	border: 1px solid rgba(0,0,0,0.15);
}

#post_title {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 200%;
	line-height: 1.35em;
	letter-spacing: 1px;
	text-align: center;
	color: rgba(255,255,255,0.95);
	text-shadow: 0px 0px 4px rgba(0,0,0,0.95);
	background-image: url(wallpaper/home_top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 50px;
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 100px;
	padding-right: 100px;
}

#post_image {
	background-image: url(wallpaper/home_top.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top: 0px !important;
	margin-bottom: 50px !important;
	overflow: hidden;
}

#post_image .site_logo {
	width: 100%;
	background-image: url(image/logo_white.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	opacity: 0.65;
}

.section_info {
	list-style-type: none;
	clear: both;
	margin-top: 75px !important;
	margin-bottom: 25px !important;
	padding-left: 0px;
	text-align: center;
}

.section_info li {
	display: inline-block;
	font-size: 85%;
	line-height: 18px;
	margin-right: 10px;
}

.parent_page_link {
	text-align: center;
	margin-top: 50px !important;
	clear: both;
}

.parent_page_link a:link,
.parent_page_link a:visited,
.parent_page_link a:active {
	text-decoration: none !important;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 3px;
	background-color: #333;
	color: #fff !important;
}

.parent_page_link a:hover {
	text-decoration: none;
	background-color: #000;
	color: #FFF175 !important;
}

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

.single footer,
.page footer,
.archive footer {
	background-image: url(wallpaper/home_bottom.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-top: 75px;
	padding-bottom: 75px;
}

.single footer h2,
.page footer h2, {
	font-size: 180%;
	margin-top: 0px;
	margin-bottom: 50px;
	text-align: center;
}

.single footer p,
.page footer p,
.archive footer p {
	font-size: 90%;
	text-align: center;
	width: 100%;
}

.single footer .freephone,
.page footer .freephone,
.archive .freephone {
	font-size: 200% !important;
	margin-top: 35px;
	margin-bottom: 15px;
}

.single footer .information,
.page footer .information,
.archive .information {
	line-height: 1.35em;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-bottom: 50px;
}

.single #footer_navi ul,
.page #footer_navi ul,
.archive #footer_navi ul {
	text-align: center;
}

.single #footer_navi ul li,
.page #footer_navi ul li,
.archive #footer_navi ul li {
}

/*
------ archive ---------------------------------------------
*/

.archive #news {
	overflow: hidden;
}

/*
------ 404 page ---------------------------------------------
*/

.error404 h1,
.error404 p {
	text-align: center;
}

.error404 h1 {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 200%;
	margin-top: 125px;
	margin-bottom: 75px;
}

.error404 p {
	font-size: 90%;
	line-height: 1.5em;
}

.error404 #copyright {
	margin-top: 125px;
}

.error404 #copyright a {
	color: #222;
}

/*
------ Go to the top of the page ---------------------------------------------
*/

#go_to_top {
	width: 50px;
	height: 50px;
	display: block;
	background-color: #000;
	background-image: url(image/icon_page_up.svg);
	background-position: center center;
	background-size: 50px 50px;
	background-repeat: no-repeat;
	border-radius: 3px;
	margin-top: 0px;
	cursor: pointer;
	z-index: 99;
	position: fixed;
	bottom: 15px;
	right: 15px;
	/*opacity: 0.65;*/
}

#go_to_top:hover {
	opacity: 1.0;
}

/*
------ wp-pagenavi ---------------------------------------------
*/

.wp-pagenavi {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 50px;
}

.wp-pagenavi .pages {
	color: #333;
	font-size: 85%;
	line-height: 3.2em;
	display: block;
}

.wp-pagenavi a,
.wp-pagenavi .current {
	display: inline-block;
	font-size: 100%;
	line-height: 3.4em;
	width: 3.4em;
	height: 3.4em;
	margin-left: 12px;
	margin-right: 12px;
}

.wp-pagenavi a {
	color: #333;
	background-color: #fafafa !important;
	background-image: url(image/_transparency.png);
	border: 1px solid #ccc;
	border-radius: 3px;
}

.wp-pagenavi .current {
}

.wp-pagenavi a:hover {
	color: #111;
	background-color: #fff !important;
	border: 1px solid #999;
}

/*
------ ショートコード出力HTML experience_post_list 特定のカテゴリーの一覧を出力 ---------------------------------------------
*/

.tourism_post_index {
	padding-left: 0px;
	list-style-type: none;
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

.tourism_post_index:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.tourism_post_index li {
	width: 48%;
	height: 15.0em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	border: 1px dotted #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
	background-color: #fff;

}

.tourism_post_index .cat_index_title {
	font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 120%;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

.cat_index_title a {
	text-decoration: none !important;
}

.tourism_post_index .cat_index_thumbnail {	
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 15px;
	float: left;
	width: 115px;
	height: auto;
}

.tourism_post_index .cat_index_content {
	line-height: 1.50em !important;
}


/*
------ プリロード待機画面 (使用するかは要検討) ---------------------------------------------
*/

#standby_screen {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-image: url(wallpaper/japanese_paper.png);
	background-repeat: repeat;
	z-index: 999;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: fixed;
}

#standby_screen span {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	margin-left: auto;
	margin-right: auto;
}

#standby_screen .site_name {
	width: 75%;
	height: 100px;
	background-image: url(image/logo_black.svg);
	margin-top: 25%;
}

#standby_screen .standby {
	width: 128px;
	height: 128px;
	background-image: url(image/standby_ring.svg);
	margin-top: 25px;
}

/*
------ テスト用♪ ---------------------------------------------
*/

#javascript_output_test {
	width: 50%;
	height: 40%;
	background-color: rgba(0,0,0,0.85);
	border: 3px solid #fff;
	position: fixed;
	top: 30%;
	bottom: 30%;
	left: 25%;
	right: 25%;
	color: #fff;
	font-size: 80%;
	line-height: 1.75em;
	z-index: 998;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#javascript_output_test span {
	display: block;
}