@charset 'utf-8';

/* -------------------- import ------------------------------ */
@import url('reset.css');
@import url('map.css');
@import url('lightbox.css');
@import url('google_api_spot.css');
@import url('miyage.css');
@import url('ibeaconPC.css');
@import url('thumbnail_styles.css');
@import url('photo.css');
@import url('art_gallery.css');

/* ------------------- a:hover -------------------------------- */
a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#header_contents #language li a:hover, #header_contents #menu li a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.map_link a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* ==================== main style deafult ========================== */
/* ------------------- common:header ------------------------ */
#header {
	padding-top: 5px;
	background: url(../img/ym_header_bg.png) repeat-x;
}
#header_contents {
	width: 1000px;
	height: 140px;
	margin: 3px auto 0 auto;
}
#header_contents h1 {
	float: left;
	margin-left: 80px;
}
#header_contents #language {
	float: right;
	margin-bottom: 20px;
	margin-right: 80px;
	z-index: 1000;
}
#header_contents #language li {
	display: block;
	float: left;
	line-height: 30px;
	margin-left: 1px;
	background-color: #ccc;
	color: #fff;
}
#header_contents #language li:first-child {
	padding: 0 15px;
}
#header_contents #language li a {
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 15px;
	text-decoration: none;
	color: #000;
}
#header_contents #language li a:hover {
	background-color: #8f7436;
}
#header_contents #language li.li02 a {
	/*background-color: #8f7436;*/
}
#header_contents #menu {
	float: left;
	clear: right;
	margin-top: 0; /* #language view */
	margin-left: 80px;
}
#header_contents #menu li {
	float: left;
}
#header_contents #menu li a {
	display: block;
	float: left;
	line-height: 30px;
	padding: 0 15px;
	text-decoration: none;
	color: #000;
	border-left: 1px solid #000;
	font-size: 12px;
}
#header_contents #menu li a:hover {
	background-color: #eee;
}
/* -------------------- ITEM/MENU TITLE --------------------- */
#page_title {
	height: 150px;
	min-width: 1000px;
	background: url(../img/ym_page_title_bg.jpg) center center;
	background-size: cover;
	margin-bottom: 50px;
}
#page_title h2 {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	font-size: 293%;
	color: #fff;
	padding: 50px 0 0;
}
/* -------------------- common:Style --------------------- */
#content {
	width: 100%;
	margin: 0 auto;
}
#concept {
	width: 860px;
	margin: 0 auto;
	padding: 10px;
	font-size: 17px;
	margin-bottom: 30px;
	line-height: 1.8em;
	text-align: justify;
	text-justify: inter-ideograph;
	clear: both;
}
h3 {
	width: 100%;
	height: 130px;
	background: url(../img/home_section_titile01.png) top left no-repeat;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	padding: 25px 0 0;
}
h3 span:first-child {
	font-size: 230%;
	letter-spacing: 5px;
	font-weight: bold;
}
h3 p {
	font-size: 140%;
	font-weight: bold;
	padding-top: 20px;
}
/* ------------------ home:slide ------------------ */
.page_home #header {
	margin-bottom: 40px;
}
.page_home #page_title {
	width: 100%;
	height: 500px;
	margin: 10px auto 0 auto;  /* #language view */
	position: relative;
	background-color: #fff;
}
.page_home #page_title h2 {
	text-align: left;
}
.page_home #page_title h2 img {
	z-index: 100;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: auto;
}
.page_home #page_title ul li {
	background-size: cover;
	background-position: center center;
}
/* -------------------- home:content -------------- */
.item_secction,
.menu_secction {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	clear: both;
}
.page_home .item_secction .map_link {
	position: fixed;
	top: 60%;
	right: 2%;
	z-index: 999;
}
.page_home .item_secction .cat_change,
.items .item_secction .cat_change {
	width: 826px;
	height: 90px;
	margin: 0 auto;
}
.page_home .item_secction .cat_change li,
.items .item_secction .cat_change li {
	float: left;
	margin: 0 10px;
	width: 98px;
	display: block;
	width: 98px;
	height: 54px;
	cursor: pointer;
}
.page_home .item_secction .cat_change li:hover,
.items .item_secction .cat_change li:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.page_home .item_secction .cat_change li.cat01,
.items .item_secction .cat_change li.cat01 {
	background: url(../img/home_item_cat01.png);
}
.page_home .item_secction .cat_change li.cat02,
.items .item_secction .cat_change li.cat02 {
	background: url(../img/home_item_cat02.png);
}
.page_home .item_secction .cat_change li.cat03,
.items .item_secction .cat_change li.cat03 {
	background: url(../img/home_item_cat03.png);
}
.page_home .item_secction .cat_change li.cat05,
.items .item_secction .cat_change li.cat05 {
	background: url(../img/home_item_cat05.png);
}
.page_home .item_secction .cat_change li.cat04,
.items .item_secction .cat_change li.cat04 {
	background: url(../img/home_item_cat04.png);
}
.page_home .item_secction .cat_change li.cat06,
.items .item_secction .cat_change li.cat06 {
	background: url(../img/home_item_cat06.png);
}
.page_home .item_secction .cat_change li.cat07,
.items .item_secction .cat_change li.cat07 {
	background: url(../img/home_item_cat07.png);
}
.page_home .item_secction .cat_change li.active,
.items .item_secction .cat_change li.active {
	background-position: 0 -54px;
}
.page_home .item_secction .cat_change li span,
.items .item_secction .cat_change li span {
	display: none;
}
/* ------------------ common:itemlist ---------------------- */
.item_secction .item_list {
	zoom: 1;
	margin-bottom: 40px;
	
}
.item_secction .item_list:before,
.item_secction .item_list:after {
	content: "";
	display: table;
}
.item_secction .item_list:after,
.item_secction .item_list:after {
	clear: both;
}
.item_secction .item_list li {
	float: left;
	margin: 0 12px 24px 12px;
}
.item_secction .item_list li img {
	width: 225px;
}
.page_home .item_list:first-child li {
	margin: 0;
}
.page_home .more_bt01 {
	width: 485px;
	height: 50px;
	display: block;
	margin: 0 auto 30px auto;
	background: url(../img/more_bt01.jpg) no-repeat;
	text-align: center;
	line-height: 50px;
}
.page_home .more_bt01 a {
	font-size: large;
	text-decoration: none;
	color: #fff;
	width: 485px;
	height: 50px;
	display: block;
}
.page_item .item_more,
.page_home .item_more {
	width: 50%;
	font-weight: bold;
	font-size: 15px;
	background: #f0f0f0;
	padding: 15px 0;
	margin: 0 auto 20px auto;
	text-align: center;
	cursor: pointer;
}
.page_item .item_more_craft a {
	display: block;
	width: 50%;
	font-weight: bold;
	font-size: 15px;
	background: #f0f0f0;
	padding: 15px 0;
	margin: 0 auto 20px auto;
	text-align: center;
	text-decoration: none;
}
.page_item .item_secction .item_list li img {
	border: 1px solid #ccc;
	box-sizing:border-box;
}

.page_home .u_bnr {
	margin:40px auto;
	text-align:center;
}

/* -------------------- common:footer ---------------------- */
#jump_top {
	background-color: #B089B7;
}
#jump_top #jump_content {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
#jump_top a {
	text-align: center;
	font-size: 108%;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 80px;
	margin: auto;
	padding-top: 20px;
	line-height: 80px;
	background: url(../img/ym_jump_top.png);
}
#footer {
	padding-top: 50px;
	background-color: #000;
}
#footer_link {
	zoom: 1;
	width: 1000px;
	height: 200px;
	margin: 0 auto;
}
#footer_link:before, #footer_link:after {

}
#footer_link:after {
}
#footer_link ul {
	float: left;
	width: 180px;
	margin-bottom: 20px;
}
#footer_link ul:first-child {
}
#footer_link ul li {
	font-size: 100%;
	line-height: 22px;
}
#footer_link ul li a {
	text-decoration: none;
	color: #B089B7;
}
#footer_link ul li a span {
	display: block;
	margin-bottom: 1em;
	font-size: 116%;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
#copyright {
	height: 40px;
	line-height: 35px;
	color: #fff;
	width: 1000px;
	margin: 0 auto;
}
#copyright p {
	font-size: 77%;
	float: left;
	width: 50%;
	text-align: right;
	line-height: 3em;
	margin-top: 5px;
}
#copyright p.notice {
	text-align: left;
}
#copyright:before {
	position: absolute;
	z-index: 10;
	left: 0;
	width: 100%;
	content: '';
	border-top: 1px solid #999;
}
.section:before, .section:after {
	display: table;
	content: '';
}
.section:after {
	clear: both;
}
.item_secction:before, .item_secction:after {
	display: table;
	content: '';
}
.item_secction:after {
	clear: both;
}
/* ======================== .page_menu:content ========================= */
#offer {
	text-align: center;
	font-size: 120%;
	margin-bottom: 20px;
}

/* ======================== .page_ITEM:content ========================= */
.page_item .map_link {
	float: right;
}
.page_item .item_content {
	width: 814px;
	border: 2px solid #000;
	margin: 0 auto;
	padding: 21px;
	margin-bottom: 50px;
	position: relative;
	z-index: 1;
}
.page_item .item_content:before {
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	left: -4px;
	border: 1px solid #000;
	width: 862px;
	padding-bottom: 6px;
	min-height: 100%;
	z-index: 10;
}
.page_item .main_img {
	display: table-cell;
	width: 800px;
	height: 800px;
	margin: auto;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	background-color: #f6f6f6;
}
.page_item .main_img img {
	margin: auto;
}
.page_item .item_description {
	width: 750px;
	margin: 0 auto;
	margin-bottom: 8%;
}
.page_item .item_description dt {
	text-align: center;
	margin-bottom: 20px;
	font-size: 153.9%;
	font-weight: bold;
	color: #8f7436;
}
.page_item .item_description dd {
	font-size: 108%;
	line-height: 1.8em;
	margin-bottom: 5%;
	text-indent:1em;
}
.page_item #menu_table {
	width: 800px;
	margin: auto;
	margin-bottom: 40px;
}
.page_item #menu_table th, .page_item #menu_table td {
	padding: 10px;
	font-size: 1.2em;
	border: 1px solid #6F6F6F;
}
.page_item #menu_table th {
	width: 150px;
	letter-spacing: 1em;
	background: #EBCA4A;
	vertical-align: middle;
}
.page_item #menu_table tr:nth-child(3) {
	display: none;
}



/* ====================== .page_policy ======================== */
.page_policy {
	width: 75%  !important;
	margin: 0 auto;
}
.page_policy .policy_column {
	font-size: 120%;
	margin: 10px;
}
.page_policy #policy_honbun {
	margin-bottom: 40px;
}
.page_policy #policy_honbun dt h2 {
	margin-top: 40px;
	margin-bottom: 10px;
	font-size: 118%;
	font-weight: bold;
}
.page_policy #policy_honbun dd {
	padding: 0 20px;
}

/* ====================== home_tourism ======================== */
#home_tourism {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 30px 0;
	clear: both;
}
#tourism_box {
	width: 1000px;
	margin: 0 auto;
}
#home_tourism ul li {
	width: 48.2%;
	height: 240px;
	display: inline-block;
}
#home_tourism ul li:first-child {
	margin-right: 30px;
}
#home_tourism #tourism_box ul li a {
	display: block;
	text-decoration: none;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #000;
}
#home_tourism #tourism_box ul li a img {
	margin-bottom: 10px;
}


/* ====================== home_photo ======================== */
#home_photo {
	width: 1000px;
	margin: 30px auto 30px auto;
	padding: 30px 0;
	clear: both;
}
#home_photo ul {
	margin-bottom: 40px;
}
#home_photo ul li {
	display: inline-block;
}
#home_photo ul li:not(:last-child) {
	margin-right: 28px;
}
#home_photo ul li img {
	width: 225px;
}

/* ====================== page_lang ======================== */
.lang_warning {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 11px;
}


.fes_secction {width:760px; margin:0 auto; clear:both;}
.fes_secction .fes_list li {float:left; margin:0 12px 24px 12px; position:relative;}
.fes_secction .fes_list li img {border:1px solid #ccc;}
.fes_secction .fes_list li p {color:#fff; position:absolute; top:77%; right:10px; left:10px; text-align:center;}






/* ==================== Width 769px over =================== */
@media screen and (min-width: 769px) {

}
/* -------------- Width 768px iPad -------------------- */
@media screen and (max-width: 768px) {
.page_home img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
.page_home #item {
	margin-top: 350px;
	clear: both;
}
#concept {
	width: 95% !important;
	font-size: 14px !important;
}
#header_contents {
	max-width: 100% !important;
}
#header_contents h1 {
	float: left;
}
#header_contents #menu {
	width:100%;
	float: none;
	clear: both;
	margin-left:40px;	
}
#header_contents #menu li a {
	width: 100%;
	padding-left: 12px;
}


/* ------------------ home:slide ------------------ */
.page_home #page_title h2 img {
	max-width: 90%;
	top: 350px;
}
.page_home #page_title ul li {
	min-height: 390px;
}

/* ----------------- slide/TITLE ---------------------- */
#page_title.underlayer,
.page_menu #page_title,
.page_item #page_title,
.page_policy #page_title,
.page_map #page_title {
	max-width: 100% !important;
	margin-top: 50px !important;
}
#page_title h2.underlayer,
.page_item #page_title h2,
.page_menu #page_title h2,
.page_policy #page_title h2
.page_map #page_title h2 {
	max-width: 100% !important;
	font-size: 150% !important;
}
#page_title h2.underlayer img,
.page_item #page_title h2 img,
.page_policy #page_title h2 img,
.page_map #page_title h2 img {
	width: 100% !important;
}
/* ----------------- language ---------------------- */
#language {
	width: 30%;
	position: absolute;
	top: 10px;
	right: -55px;
	z-index: 999;
}
#language li {
	padding: 5px !important;
	width: 100%;
}
#language li:first-child {
	margin-top: 25px;
}

/* ----------------- home:itemarea ---------------------- */
.page_home .item_secction,
.page_standard .item_secction,
.page_item .item_secction,
.page_menu .item_secction {
	max-width: 100% !important;
	margin: 0 auto !important;
}
.page_home .item_secction .cat_change,
.items .item_secction .cat_change {	
	width: 90% !important;
	height: 120px !important;
	padding: 0px !important;
	margin: 0 auto 30px auto !important;
}
.items .item_secction .cat_change li,
.page_home .item_secction .cat_change li {	
	margin: 5px !important;
}
.page_home .item_secction .item_list,
.page_item .item_secction .item_list,
.page_menu .item_secction .item_list {
	float: none !important;
	width: 92%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.page_home .item_secction .item_list li,
.page_item .item_secction .item_list li,
.page_menu .item_secction .item_list li {
	float: left !important;
	padding: 0 !important;
	margin: 10px !important;
	width: 28%;
}
.page_menu .item_secction .item_list li img {
	width: 100%;
}
/* ----------------- footer ---------------------- */
#footer {
	width: 100% !important;
	clear: both;
	float: left;
	padding-top: 20px;	
}
#footer_link {
	width: 90% !important;
	height: 110px;
}
#footer_link ul {
	width: 25% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	padding-left: 10px;
}
#copyright p {
	width: 100% !important;
	text-align: center !important;
}
#footer_link p.notice {
	width: 100% !important;
}
#copyright {
	width: 100% !important;
	text-align: left;
	clear: both;
}
#footer_link ul {
	float: left;
}
#footer_link ul li a span {
	width: 100%;
	font-size: 100% !important;
	padding: 0 18px;
}
/* ----------------- toplink / maplink ---------------------- */
#jump_top {
	width: 100% !important;
	float: left;
}
#jump_top #jump_content {
	width: 100% !important;
}
.page_home .item_secction .map_link {
	top: 60%;
	left: 70%;
}
.page_home .item_secction .map_link img {
	max-width: 50% !important;
}
.page_item .item_secction .map_link {
	position: fixed !important;
	top: 80% !important;
	left: 70% !important;
}
.page_home .item_secction .map_link img {
	width: 30% !important;
}
/* ----------------- .page_item ---------------------- */
.page_item .item_content {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.page_item .item_content img {
	width: 100%;
}
.page_item .item_content {
	width: 96% !important;
	margin: 0 auto !important;
}
.page_item .item_content:before {
	width: 101% !important;
}
.page_item .item_description,
.page_item .item_description dd,
.page_item .item_description dt {
	width: 94% !important;
	padding: 10px !important;
}
/*----------  page_title  -----------*/
#page_title.underlayer,
.page_item #page_title,
.page_menu #page_title {
	min-width: 100% !important;
	height: 10%;
	font-size: large !important;
}
#page_title h2.underlayer,
.page_item #page_title h2,
.page_menu #page_title h2 {
	width: 100% !important;
	padding: 25px 0 !important;
}
.page_item .main_img {
	width: 80% !important;
	height: 80% !important;
	margin: 0 !important;
	padding: 10px !important;
}
.page_item .main_img img {
	max-width: 80% !important;
}
.page_item #menu_table {
	width: 96% !important;
	margin: auto;
	margin-top: 20px !important;
	margin-bottom: 40px;
}
.page_item #menu_table th,  .page_item #menu_table td {
	font-size: 1em !important;
}
.page_item #menu_table th {
	width: 30% !important;
}
/* ----------------- .page_menu ---------------------- */
.page_menu #content h3 img {
	max-width: 100%;
}
.page_item .item_secction .item_list,
.page_menu .item_secction .item_list {
	width: 90% !important;
}
.page_item .item_secction .item_list li,
.page_menu .item_secction .item_list li {
	width: 28% !important;
}
.page_item .item_secction .item_list li img,
.page_menu .item_secction .item_list li img {
	width: 100% !important;
	height: auto !important;
}
/* ----------------- .page_policy ---------------------- */
.page_policy .policy_column {
	font-size: 120%;
}
.page_policy #policy_honbun {
	margin-bottom: 40px;
}
.page_policy #policy_honbun dt h2 {
	margin-top: 40px;
	margin-bottom: 10px;
	font-size: 118%;
	font-weight: bold;
}
.page_policy #policy_honbun dd {
	padding: 0 20px;
}

/* ====================== home_tourism ======================== */
#tourism_box {
	width: 100%;
}
#home_tourism ul li {
	width: 45%;
}
#home_tourism ul li:first-child {
	margin-left: 19px;
}



/* ====================== home_photo ======================== */
#home_photo {
	width: 100%;
}
#home_photo ul {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#home_photo ul li {
	width:28%;
	margin-bottom: 20px;
}
#home_photo ul li:not(:last-child) {
	margin-right: 28px;
}
#home_photo ul li img {
	width: 100%;;
}

.fes_secction {width:100%; margin:0 auto; clear:both;}
.fes_secction .fes_list li {float:left; margin:0 6px 24px 6px; position:relative; width:45%; }
.fes_secction .fes_list li img {border:1px solid #ccc; width:100%; }
.fes_secction .fes_list li p {color:#fff; position:absolute; top:77%; right:10px; left:10px; text-align:center;}



}
/* ================= Width 667px iPhone6 ==================== */
@media screen and (max-width:667px) {
.page_home img,
.page_menu img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
#header_contents {
	max-width: 100% !important;
	height: 100px !important;	
}
#header_contents h1 {
	margin: 0 !important;
	padding: 0 !important;
}
#language {
	width: 30%;
	position: absolute;
	top: 10px;
	right: -55px;
	z-index: 999;
}
#language li {
	padding: 5px !important;
	width: 100%;
}
#language li:first-child {
	margin-top: 25px;
}
#header_contents #menu {
	margin-top: 10px !important;
	margin-left: 0 !important;
	width: 100% !important;
	font-size: 11px;
	text-align: left !important;
	border: none !important;
	position: absolute;
	top: 110px;
	background: #fff;
	z-index: 999;	
}
#header_contents #menu li {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	display: inline;
	border-top: 1px solid #000 !important;
}
#header_contents #menu li:last-child {
	border-bottom: 1px solid #000 !important;
}
#header_contents #menu li a {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline;
	border: none !important;
}
#concept {
	font-size: 14px !important;
	width: 94% !important;
	line-height: 1.4em !important;
	float: left;
}
.page_home .item_secction .map_link {
	margin-top: -10%;
}

}

/* ================= Width 480px iPhone6 ==================== */
@media screen and (max-width:480px) {
.page_home img,
.page_menu img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
/* ------------------ home:slide ------------------ */
.page_home #page_title h2 img {
	max-width: 100%;
	top: 0;
}
.page_home #page_title ul li {
	min-height: 150px;
}
/* ------------------ */
.page_home #item {
	margin-top: 0;
}
#header_contents {
	max-width: 100% !important;
	height: 0 !important;
	margin-top: 0;
}
#header_contents h1 {
	margin: 0 !important;
	padding: 0 !important;
	display: none;
}
#language {
	width: 30%;
	position: absolute;
	top: 10px;
	right: -55px;
	z-index: 999;
}
#language li {
	padding: 5px !important;
	width: 100%;
}
#language li:first-child {
	margin-top: 25px;
}
#header_contents #menu {
	margin-top: 75px !important;
	margin-left: 0 !important;
	width: 100% !important;
	font-size: 11px;
	text-align: left !important;
	border: none !important;
	position: absolute;
	top: 110px;
	background: #fff;
	z-index: 999;	
}
#header_contents #menu li {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	display: inline;
	border-top: 1px solid #000 !important;
}
#header_contents #menu li:last-child {
	border-bottom: 1px solid #000 !important;
}
#header_contents #menu li a {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline;
	border: none !important;		
}
#concept {
	font-size: 14px !important;
	width: 94% !important;
	line-height: 1.4em !important;
	float: left;
}
#offer {
	width: 85% !important;	
	font-size: 90% !important;
	margin: 0 auto;
}
.page_home #page_title {
	height: 280px !important;
}
h3 {
	height: 100px !important;
}
h3 span {
	font-size: 150% !important;
}
h3 p {
	width: 81%;
	font-size: 14px !important;
	margin: 0 auto;
}
.page_home .item_secction {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.page_home .item_secction .cat_change,
.items .item_secction .cat_change {	
	width: 90% !important;
	height: 190px !important;
	margin: 10px !important;
	padding-left: 15px !important;
	display: block !important;
}
.page_home .item_secction .cat_change li {
	display: inline-block !important;
}
.page_item .item_secction .item_list,
.page_home .item_secction .item_list {
	margin-top: 20px !important;
	float: left;
}
.page_item .item_secction .item_list li,
.page_home .item_secction .item_list li {
	width: 43% !important;
}
.page_item .item_secction .item_list li img,
.page_home .item_secction .item_list li img {
	width: 100% !important;
}
#footer {
	float: left;
	clear: both;
}
#footer_link {
	width: 100% !important;
}
#footer_link ul {
	width: 32% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	padding-left: 10px;
	font-size: 9px;
}
#footer_link ul:first-child {
	margin-left: 0 !important;
}
#copyright p {
	width: 100% !important;
	text-align: center !important;
}
#footer_link p.notice {
	width: 100% !important;
}
#copyright {
	width: 100% !important;
	text-align: left;
}
#footer_link ul {
	float: left;
	text-align: center !important;
}
#footer_link ul li a span {
	width: 100%;
	font-size: 100% !important;
	padding: 0px !important;
}
#jump_top {
	width: 100% !important;
	float: left;
}
#jump_top #jump_content {
	width: 100% !important;
}
.page_home .item_secction .map_link {
	margin-top: -10%;
	right: 0;
}
.page_home .item_secction .map_link img {
	max-width: 70% !important;
}
.page_home .item_secction .map_link img {
	width: 30% !important;
}
.page_home .more_bt01 {
	width: 100% !important;
	background-size: contain !important;
	line-height: 40px !important;
}
.page_home .more_bt01 a {
	width: 100% !important;
}
.page_home .item_secction .map_link img {
	max-width: 45% !important;
}

.page_menu .item_secction .item_list li {
	width: 43% !important;
}
.page_menu .item_secction .item_list li img {
	width: 100% !important;
	height: auto !important;
}
.page_menu h3 {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px !important;
}
.page_menu h3 img {
	max-width: 150% !important;
	margin-left: -90px;
}
.page_home .item_secction .map_link img {
	width: 20% !important;
}
/* ---------------- .page_item ---------------------- */
.page_item #content,  .page_menu #content {
	width: 100% !important;
}
.page_item .item_secction .map_link {
	position: fixed !important;
	top: 80% !important;
	left: 70% !important;
}
.page_item .item_content {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.page_item .item_content img {
	width: 100%;
}
.page_item .item_content {
	width: 96% !important;
	margin: 20px auto !important;
}
.page_item .item_content:before {
	width: 102% !important;
}
.page_item .item_description,  .page_item .item_description dd,  .page_item .item_description dt {
	width: 94% !important;
	padding: 10px !important;
}
/*----------  page_title  -----------*/
#page_title.underlayer,
.page_item #page_title,
.page_menu #page_title {
	min-width: 100% !important;
	height: 80px;
	font-size: 12px !important;
	margin: 0 !important;
	margin-top: 30px !important;
}
#page_title h2.underlayer,
.page_item #page_title h2,
.page_menu #page_title h2 {
	width: 100% !important;
	float: left !important;
	margin: 0 !important;
	padding: 30px 0 0 !important;
}
/*----------  page_title  -----------*/
.page_item .main_img {
	width: 80% !important;
	height: 80% !important;
	margin: 0 !important;
	padding: 10px !important;
	clear: both !important;
}
.page_item .main_img img {
	max-width: 80% !important;
}
.page_item #menu_table {
	width: 96% !important;
	margin: auto;
	margin-top: 20px !important;
	margin-bottom: 40px;
}
.page_item #menu_table th,  .page_item #menu_table td {
	font-size: 1em !important;
}
.page_item #menu_table th {
	width: 30% !important;
}
/* ====================== home_tourism ======================== */
#tourism_box {
	width: 100%;
}
#home_tourism ul li {
	width: 90%;
	height: auto;
}
#home_tourism ul li:first-child {
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
}
#home_tourism ul li:nth-child(2) {
	margin-left: 5%;
	margin-right: 5%;
}
#home_tourism #tourism_box ul li a {
	font-size: 18px;
}


/* ====================== home_photo ======================== */
#home_photo {
	margin-bottom: 20px;
}
#home_photo ul {
	width: 90%;
	padding-left: 10px;
}
#home_photo ul li {
	width:43%;
}
#home_photo ul li:nth-child(odd) {
	margin-right: 14px;
}


}
/* ====================== Width 320px iPhone4, iPhone5 ===================== */
@media screen and (max-width:320px) {
/* home */
.page_home img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
#language {
	width: 30%;
	position: absolute;
	top: 10px;
	right: -55px;
	z-index: 999;
}
#language li {
	padding: 5px !important;
	width: 100%;
}
#language li:first-child {
	margin-top: 25px;
}
.page_home .item_secction,
.page_standard .item_secction,
.page_menu .item_secction {
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.page_home .item_secction .cat_change,
.items .item_secction .cat_change {	
	width: 75% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: block !important;
}
.page_home .item_secction .cat_change li,
.items .item_secction .cat_change li {	
	display: inline-block !important;
}
.page_home .item_secction .item_list,
.page_item .item_secction .item_list,
.page_menu .item_secction .item_list {
	width: 80% !important;
	margin: 40px auto 0 auto !important;
	padding: 0 0 20px 0 !important;
}
.page_home .item_secction .item_list li,
.page_item .item_secction .item_list li,
.page_menu .item_secction .item_list li {
	width: 80% !important;
}
#footer {
	float: left;
	clear: both;
}
#footer_link {
	width: 100% !important;
	height: 130px;
}
#footer_link ul {
	width: 50% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	padding-left: 10px;
}
#copyright p {
	width: 100% !important;
	text-align: center !important;
}
#footer_link p.notice {
	width: 100% !important;
}
#copyright {
	width: 100% !important;
	text-align: left;
}
#footer_link ul {
	float: left;
}
#footer_link ul li a span {
	width: 100%;
	font-size: 80% !important;
	padding: 0 18px;
}
#jump_top {
	width: 100% !important;
	float: left;
}
#jump_top #jump_content {
	width: 100% !important;
}
.page_home .item_secction .map_link {
	top: 80%;
	left: 70%;
}
.page_home .item_secction .map_link img {
	max-width: 20% !important;
}
/* --------------- item page -------------------- */
.page_item #content,  .page_menu #content {
	width: 100% !important;
}
.page_item .item_secction .map_link {
	position: fixed !important;
	top: 80% !important;
	left: 70% !important;
}
.page_item .item_content {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.page_item .item_content img {
	width: 100%;
}
.page_item .item_content {
	width: 96% !important;
	margin: 20px auto !important;
}
.page_item .item_content:before {
	width: 102% !important;
}
.page_item .item_description,  .page_item .item_description dd,  .page_item .item_description dt {
	width: 94% !important;
	padding: 10px !important;
}
/*----------  page_title  -----------*/
#page_title.underlayer,
.page_item #page_title,
.page_menu #page_title {
	min-width: 100% !important;
	height: 80px;
	font-size: 12px !important;
	margin: 0 !important;
	margin-top: 70px !important;
}
#page_title h2.underlayer,
.page_item #page_title h2,
.page_menu #page_title h2 {
	width: 100% !important;
	float: left !important;
}
/*----------  page_title  -----------*/

.page_item .main_img {
	width: 80% !important;
	height: 80% !important;
	margin: 0 !important;
	padding: 10px !important;
	clear: both !important;
}
.page_item .main_img img {
	max-width: 80% !important;
}
.page_item #menu_table {
	width: 96% !important;
	margin: auto;
	margin-top: 20px !important;
	margin-bottom: 40px;
}
.page_item #menu_table th,  .page_item #menu_table td {
	font-size: 1em !important;
}
.page_item #menu_table th {
	width: 30% !important;
}


/* ====================== home_photo ======================== */
#home_photo ul {
	width: 80%;
}
#home_photo ul li {
	width:80%;
	margin-left: 10px;
}
#home_photo ul li:nth-child(odd) {
	margin-right: 0;
}



}

.privacy_notice { width: 100%; background-color: #2b2b2b; font-size: 0.75rem; color: #FFF; margin-left: 20px; margin-top: -20px; line-height:1.6em; }
.privacy_notice .inner { display: table; width:100%; max-width: 1000px; margin: auto; padding: 0 15px; }
.privacy_notice .inner .txt { display: block; padding: 15px 0; text-align: left; vertical-align: middle; }
.privacy_notice .inner .txt a { color: #FFF; text-decoration: none;  }
.privacy_notice .inner .txt a span { background: linear-gradient( to right, #666 50%, transparent 50% ); background-position: 0 1.35em; background-repeat: repeat-x; background-size: 5px 2px; }
.privacy_notice .inner .but a { height:40px; line-height:36px; }
.privacy_notice .inner .but a:after { content:''; }
.privacy_notice .but a { background-color:#F00; color:#FFF; text-decoration:none; padding:0.5em 2em; border-radius:100vh; }

@media ( min-width:768px ), print {
	.privacy_notice .but { display: table-cell; vertical-align: middle; }
	.privacy_notice { margin: 0; }
	.privacy_notice .inner .txt { display: table-cell; padding: 25px 0; padding-right: 15px; }
	.privacy_notice .inner .txt { width:auto; margin-top:0; }
}

@media ( max-width:751px ), print {
	.privacy_notice { margin-left:0; margin-top:0; }
	.privacy_notice .inner { padding:0; }
	.privacy_notice .inner .txt { padding:15px; }
	.privacy_notice .but { text-align: center; margin-bottom:20px; }
}