@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800,900");


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,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: 'Noto Sans JP','Noto Sans SC',"Noto Sans TC", sans-serif;
	font-feature-settings: "palt";
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
	font-feature-settings: "palt";
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input,
select,
textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

@-ms-viewport {
	width: device-width;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	background-color: #1C2B45;
	background-position: top left, top left;
	background-repeat: repeat-x, repeat;
	background-size: 100% 30em, auto;
	font-family: 'Open Sans', 'Noto Sans SC', sans-serif;
	font-size: 17px;
	color: #D1D1D2;
	font-weight: 300;
	line-height: 2em;
}

p {
	font-size: 17px;
}

body.is-preload *,
body.is-preload *:before,
body.is-preload *:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

input,
select,
textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #696969;
	font-weight: 300;
	line-height: 2.25em;
}

a {
	color: #0090c5;
	text-decoration: underline;
	transition-duration: .5s;
}
.attention_body a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	/*font-size: 110%;*/
	transform: scale(1.05);
}
.attention_body a:hover {
	color: #0090c5;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
	outline: 0;
}

h2 {
	font-size: 2.25em;
	margin: 0 0 0 0;
	line-height: 1em;
}

h3 {
	font-size: 1.35em;
	margin: 0 0 0 0;
}

b,
strong {
	font-weight: 600;
	color: #444;
}

i,
em {
	font-style: italic;
}

br.clear {
	clear: both;
}

sub {
	position: relative;
	top: 0.5em;
	font-size: 0.8em;
}

sup {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}

hr {
	border: 0;
	border-top: solid 1px #eee;
}

blockquote {
	border-left: solid 0.5em #eee;
	padding: 1em 0 1em 2em;
	font-style: italic;
}

p,
ul,
ol,
dl,
table {
	margin-bottom: 0.5em;
}

/* Container */

.container {
	margin: 0 auto;
	max-width: 100%;
	width: 1400px;
}

/* ################################################*/
#content-wrapper .main_content_outer {
	max-width: 1037px;
	margin: 0 auto 200px auto;
}

#content-wrapper img[src*="corner_title"] {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	/*margin-bottom: -10px;*/
}

.corner_footer_image_outer {
	margin-top: -5px;
	width: 100%;
}

.corner_footer_image_outer img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#content-wrapper .about_matsue_castle,
#content-wrapper .about_suitouro {
	position: static;
	/*border: 3px solid #B18147;*/
	padding: 0px;
	z-index: 100;
}

#content-wrapper .about_matsue_castle .inner,
#content-wrapper .about_suitouro .inner,
#content-wrapper .about_event .inner {
	position: relative;
	border: 1px solid #B18147;
	border-top: none;
	border-bottom: none;
	background: #1C2B45;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 70px;
}

#features-wrapper .inner {
	/*	background: #1C2B45;
	border: 3px solid #B18147;*/
	max-width: 1037px;
	margin-left: auto;
	margin-right: auto;
}

#features-wrapper .about_event_gc .inner_header h3 {
	text-align: center;
	margin-bottom: 2em;
}

#features-wrapper .about_event_gc .inner_header h3 img {
	margin: 0 auto;
}

#content-wrapper .about_event .inner {
	border: 1px solid #C8C9C9;
	border-top: none;
	border-bottom: none;
}
#content-wrapper .about_event.horikawa .inner {
	border: 1px solid #a54c8e;
}
.horikawa .corner_footer_image_outer img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

#main_visual .main_image_box img {
	width: auto;
	/*max-width: 1090px;*/
	height: 900px;
	margin: 0em auto;
	padding-top: 0px;
}

.about_matsue_castle .image_box img.mobile {
	width: 100%;
	height: auto;
}


#content-wrapper .main_content_outer.about_event,
#content-wrapper .main_content_outer.about_event_schedule {
	margin: 0 auto 155px auto;
}

.about_event .image_box img {
	max-width: 345px;
	height: auto;
	min-width: 205px;
}
.about_event.horikawa .image_box img {
	max-width: 415px;
	height: auto;
	min-width: 205px;
}
#content-wrapper .main_content_outer:nth-child(2) .corner_title_outer {
background: rgb(210,187,64);
background: linear-gradient(0deg, rgba(210,187,64,1) 0%, rgba(245,229,168,1) 43%, rgba(193,165,58,1) 100%);
}
#content-wrapper .main_content_outer:nth-child(3) .corner_title_outer {
background: rgb(142,142,142);
background: linear-gradient(180deg, rgba(142,142,142,1) 0%, rgba(237,237,237,1) 50%, rgba(144,144,144,1) 100%);
}

.main_content_outer .inner_box.matsu_castle {
	padding-bottom: 20px;
}

.main_content_outer .inner_box,
.about_event .inner .inner_box {
	padding-bottom: 84px;
}
.about_event.horikawa .inner .inner_box {
	padding-bottom: 20px;
}
.horikawa .proce_box {
	padding-bottom: 84px;
}
.horikawa .proce_box img {
	width: 100%;
	height: auto;
}
.horikawa table tr {
	border: none !important;
}
.horikawa table th {
	width: 9em;
	padding: 0;
	margin: 0;
	text-align-last: justify;
}
.horikawa table td {
	padding: 0;
}
.horikawa .place_info P {
	font-size: 25px;
	line-height: 1.6em;
}
.horikawa .place_info table th p,
.horikawa .place_info table td p {
	margin: 0;
	font-weight: 400;
}

span.open_time,
p.open_time {
	/*display: inline-block;*/
	font-size: 22.5px;
	font-family: "Noto Sans", "Noto Sans CJK JP", 'Noto Sans SC', sans-serif;
	font-style: normal;
	font-weight: 400;
	background: #B18147;
	border-radius: 5px;
	padding: 0.1em 0.5em;
}

.open_time_outer {
	margin-bottom: 0.8em;
}

img[src*="matsue_castle_title.svg"] {
	max-height: 102px;
	width: auto;
	max-width: 494px;
	/*margin-bottom: 0.3em;*/
}

.about_event .inner_box .text_body h3 {
	margin-bottom: 0.5em;
}

.matsue_castle_shoulder {
	display: flex;
	justify-content: center;
}

div[class*="shoulder_title"] {
	padding: 70px 0 60px 0;
}

.about_event_schedule div[class*="shoulder_title"] {
	padding: 0px 0 60px 0;
}

.about_event div[class*="shoulder_title"] {
	padding: 0px 0 78px 0;
}

.badge_box {
	position: absolute;
	right: 50px;
	top: 25px;
}

img[src*="matsue_castle_shoulder.svg"] {
	position: relative;
	max-height: 160px;
	max-width: 385px;
	margin: 0 auto;

	width: 385px;
	/*right: -30px;
	/*top: -120px;
	top: -20%;*/
}

img[src*="suitouro_shoulder.svg"] {
	position: absolute;
	max-height: 100px;
	max-width: 290px;
	width: auto;
	/*top: 20px;*/
	top: 10%;
	/*left: 50px;*/
	left: 5%;
}

img[src*="spot_guid_shoulder.svg"] {
	max-height: 165px;
	width: auto;
	margin: 0 auto;
}

img[src*="about_event.svg"] {
	max-height: 115px;
	width: auto;
	margin: 0 auto 60px auto !important;
}

img[src*="g&c_shoulder.svg"] {
	max-height: 156px;
	width: auto;
	margin: 0 auto;
}

img[src*="tour_shoulder.svg"] {
	max-height: 128px;
	width: auto;
	margin: 0 auto;
}

img[src*="map_shoulder.svg"] {
	max-height: 124px;
	width: auto;
	margin: 0 auto;
}

img[src*="access_shoulder.svg"] {
	max-height: 123px;
	width: auto;
	margin: 0 auto;
}

img[src*="about_event_schedule.svg"] {
	width: auto;
	padding-bottom: 2em;
}

/*.main_content_outer .inner_box, */
.about_event_schedule .inner .inner_box {
	padding: 50px 50px 0px 50px;
}

#content-wrapper {
	padding: 99px 15px 0 15px;
}

#content-wrapper .inner_box {
	display: flex;
}
#content-wrapper .inner_box.matsu_castle {
	display: flex;
	/*align-items: center;*/
}

#content-wrapper .about_matsue_castle .inner_box .text_body_outer {
	padding-left: 2em;
}

#content-wrapper .about_suitouro .inner_box .text_body_outer {
	padding-right: 2em;
}

#content-wrapper .about_matsue_castle .inner_box {
	/*align-items: flex-end;*/
}

#content-wrapper .about_matsue_castle .inner .inner_box .text_body_outer h2 img[src*="maccha_title"].pc {
	/*	padding-right: 135px;
	width: 100%;*/
}
#content-wrapper .about_matsue_castle .inner .inner_box .text_body_outer h2 {
	margin-bottom: 0.4em;
}

#content-wrapper .about_suitouro .inner_box {
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-end;
	text-align: right;
}
#content-wrapper .main_copy h1 {
	line-height: 2em;
	font-size: 20px;
	text-align: center;
	padding-bottom: 4em;
}
#content-wrapper .main_copy h1 span {
	/*font-weight: 800;*/
}

#content-wrapper .karakoro_box_outer .inner_box {
	border: 1px solid #fff;
	padding-bottom: 0;
	padding: 1em;
}
.about_matsue_castle .inner_box.about_info  {
	border: 1px solid #fff;
	padding-bottom: 0;
	padding: 2em;
	margin-bottom: 5em;
}
.about_matsue_castle .inner_box.about_info .text_body_outer {
	padding-left: 0 !important;
}
#content-wrapper .karakoro_box_outer .inner_box h3,
#content-wrapper .about_matsue_castle .inner_box h3 {
	text-align: left;
	font-size: 25px;
}
#content-wrapper .karakoro_box_outer .inner_box h3 span {
	font-size: 20px;
}
.inner_header .karakoro_box_outer .inner_box img {
    margin-bottom: 0 !important;
		border: none;
}

.about_matsue_castle .text_body_outer,
.about_event .text_body_outer .text_body {
	display: flex;
	flex-direction: column;
	align-content: space-between;
}

.about_matsue_castle h3,
.about_suitouro h3 {
	font-size: 31px;
	font-family: "PT Serif";
}

.about_matsue_castle_text h3 {
	margin-top: 0;
	font-size: 25px;
}

.main_content_outer .inner_box.about_matsue_castle_text {
	padding: 0 0 83px 0;
}

.about_matsue_castle .text_body p,
.about_suitouro .text_body p {
	line-height: 1.9em;
	font-size: 17px;
	text-align: justify;
}

.about_matsue_castle .text_body p {
	margin-bottom: -0.5em;
	font-feature-settings: "palt";
}
.about_matsue_castle .text_body p .attention.text_yello,
.about_event .text_body p .attention.text_yello,
.attention.text_yello a {
	color: #fcc800 !important;
	text-decoration: none;
}
.about_event .place_info {
	padding-bottom: 0.5em;
}
.about_event .place_info table {
	margin-bottom: 0;
}
.about_event .place_info p {
	font-size: 25px;
	color: #fcc800;
}
.about_event .place_info p span {
	display: block;
    text-indent: -1em;
    padding-left: 1em;
}
/*_:host-context(x)::-ms-clear, .about_matsue_castle .text_body p {
	letter-spacing: -0.05em;
}*/

.about_matsue_castle .image_box img {
	border-radius: 20px;
	filter: drop-shadow(5px 5px 4px rgba(0, 0, 0, 0.6));
	max-width: 347px;
	height: auto;
	max-width: 316px;
}

.time_box_outer {
	margin: 1em 0;
}
.time_box_outer .time_box_outer_inner .time_box_body span {
	line-height: 0;
	font-size: 25px;
	background: #e49d00;
	color: #231815;
	border-radius: 10px;
	padding: 0 0.5em 0.1em 0.5em;
}
.time_box_outer .time_box_outer_inner .time_box_body span span {
	font-size: 19px;
}

.about_suitouro .text_body p {
	margin-bottom: -0em;
}

.open_time {
	margin-bottom: 0.2em;
	margin-top: 0.2em;
}

.about_suitouro .text_body p {
	text-align: right;
}

.about_spot_guide .inner .inner_header {
	text-align: center;
}

#content-wrapper .about_spot_guide .inner_box {
	align-items: center;
	justify-content: center;
}

.about_spot_guide .text_body {
	width: 460px;
}

.about_spot_guide .inner_box .text_body_outer {
	padding-left: 2em;
}

.about_spot_guide .text_body p img {
	height: auto;
	max-width: 460px;
	width: 100%;
}

.about_spot_guide .image_box img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.about_event .inner .inner_header {
	text-align: center;
}

#content-wrapper .about_event .inner_box {
	/*align-items: center;
	/*justify-content: center;*/
}

.about_event .text_body {
	/*width: 460px;*/
}

.about_event .inner_box .text_body_outer {
	padding-left: 2em;
	width: 100%;
}

.about_event .text_body p img {
	height: auto;
	max-width: 460px;
	width: 100%;
}

.about_event .title2 {
	width: auto;
	/*height: 67px;*/
}

img[src*="event_title_kagura.svg"] {
	/*max-height: 28px;*/
	width: auto;
}

img[src*="event_title_huubutsushi.svg"] {
	/*max-height: 85px;*/
	width: auto;
	max-width: 431px;
}

.about_event .text_body p {
	text-align: left;
}

.about_event .inner_box {
	padding-left: 0;
	padding-right: 0;
}

.about_event .row.inner_box .feature header h2 {
	margin: 0 auto;
	text-align: center;
}

.about_event .row.inner_box .feature header {
	margin: 1em 0;
}

.about_event .row.inner_box .feature .other_event_img {
	width: 100%;
	height: auto;
}

.about_event .row.inner_box .feature p span {
	color: #F9ED00;
}

.about_event .otherevent_box .inner_box {
	display: flex;
	align-items: stretch !important;
}

.about_event .otherevent_box {
	margin-top: 104px;
	padding-bottom: 0 !important;
}

#features-wrapper .inner_box {
	/*max-width: 1037px;*/
}

.about_event_gc .box.feature {
	text-align: center;
}

.about_event_gc .inner_header {
	text-align: center;
}

.about_event_gc .inner_box {
	position: relative;
	display: flex;
	max-width: 82%;
	margin: 0 auto;
}

.about_event_gc .kankoukan_box {
	max-width: 60%;
	height: auto;
	margin-top: 10em;
	margin-bottom: 10em;
}

.about_event_gc .inner_box .feature>img {
	width: 100%;
	max-width: 298px;
}

img[src*="kankoukan_fukidashi.svg"] {
	position: absolute;
	width: 298px;
	height: auto;
	top: -95px;
	left: -100px;
}

.about_event_gc .inner_box .image_box {
	margin-right: 2em;
}

.about_event_gc .shimane_link_box {
	text-align: center;
}

.about_event_gc .shimane_link {
	width: 326px;
	height: auto;
	margin: 0 auto;
}

.about_event_schedule .corner_title_outer {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin-top: -27px;
}

.about_event_schedule .corner_title_outer img {
	margin: 0 auto;
}

.about_event_schedule .inner_box {
	border: 1px solid #C8C9C9;
	background: #fff8eb;
}

.about_event_schedule .shoulder_title {
	text-align: center;
}

.about_event_schedule .shoulder_title img {
	margin: 0 auto;
}

.about_event_schedule .inner_box .image_box,
.about_event_schedule .inner_box img {
	width: 100%;
}
.about_event_schedule .inner_box {
	display: block !important;
}
.about_event_schedule .schedule_body_box {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: stretch;
}
.about_event_schedule .schedule_body_box table {
	width: 32%;
}
.about_event_schedule .schedule_body_box .pay_area {
	margin-top: 30px;
	margin-bottom: 4em;
}

.about_event_schedule .schedule_body_box th,
.about_event_schedule .schedule_body_box td {
	border: 1px solid #231815;
	text-align: center;
	vertical-align: middle;
}
.about_event_schedule .inner .inner_box {
    padding: 50px 20px 0px 20px;
}

.about_event_schedule .schedule_body_box th {
	height: 4.5em;
}

.about_event_schedule .schedule_body_box .pay_area th {
	background: #910782;
}

.about_event_schedule .schedule_body_box .free_area th {
	background: #00A199;
}

.about_event_schedule .schedule_body_box th h2 {
	font-size: 28px;
}

.about_event_schedule .schedule_body_box th h2 span {
	font-size: 17px;
	color: #F9ED00;
}

.about_event_schedule .schedule_body_box td {
	padding: 0;
	height: 130px;
}

.about_event_schedule .schedule_body_box td p {
	color: #231815;
	font-size: 23px;
	line-height: 1.5em;
}

.about_event_schedule .schedule_body_box .attention {
	text-align: right;
}


.main_content_outer.about_tour {
	text-align: center;
	padding-bottom: 6em;
}

.about_tour .tour_link {
	width: 326px;
	height: auto;
	margin: 0 auto;
}

.about_tour img[src*="./img/tour_title.svg"] {
	height: 96px;
	width: auto;
}

.about_tour .tour_link {
	width: 500px;
	height: auto;
}

.about_tour .inner_box {
	position: relative;
}

.about_tour .text_body_outer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.about_tour .inner_box .image_box {
	text-align: center;
}

.about_tour .inner_box .image_box img {
	margin: 0 auto;
	max-width: 1032px;
	width: 100%;
	height: auto;
}

.main_content_outer.about_tour .inner_box {
	padding: 0em 2em 2em 2em;
}



#image-wrapper .image_box_outer {
	text-align: center;
	background: #000;
}

#image-wrapper .image_box_outer .image_box_inner {
	text-align: center;
}

#image-wrapper .image_box_outer .image_box_inner img {
	max-width: 1512px;
	width: 100%;
	height: auto;
	margin-bottom: -0.5em;
}

#main-wrapper .container {
	width: 816px;
}

#main-wrapper .inner_header {
	text-align: center;
}

#main-wrapper .container h2 {
	text-align: center;
	font-family: "Sawarabi Mincho","Noto Serif TC", "宋体", "MS Mincho", serif;
	border-bottom: 1px solid #000;
	color: #1C2B45;
	padding-bottom: 0.9em;
	margin-bottom: 1em;
}

#main-wrapper p,
#main-wrapper .container {
	color: #1C2B45;
}

#main-wrapper .container .illust_map {
	text-align: center;
}

#main-wrapper .container .illust_map img {
	max-width: 100%;
	height: auto;
	width: 100%;
}

#main-wrapper .container .parking_pay table {
	width: 90%;
	margin: 0 auto;
}

#main-wrapper .container .parking_pay {
	margin-bottom: 3em;
	text-align: center;
}
#main-wrapper .container .parking_pay p {
	font-family: "Sawarabi Mincho", "MS Mincho", serif;
	line-height: 1.5em;
	margin-top: 1em;
	font-size: 21px;
}
#main-wrapper .container .parking_pay p a {
	font-family: "Sawarabi Mincho", "MS Mincho", serif;
	color: #000;
	font-size: 27px;
}

#main-wrapper .container .parking_pay table th {
	background: #D2B484;
}

#main-wrapper .container .parking_pay table th,
#main-wrapper .container .parking_pay table td {
	border-collapse: collapse;
	border: 1px solid #000;
	vertical-align: middle;
	text-align: center;
}

#main-wrapper .container .parking_pay table tr:nth-child(1) td {
	padding: 2em 1em;
}

#main-wrapper .container .parking_pay table td {
	height: 5em;
	padding: 1em;
}

#main-wrapper .container .parking_pay table tr td:nth-child(1) {
	text-align: left;
}

#main-wrapper .container .parking_pay table td p {
	line-height: 1.5em;
	margin-bottom: 0;
}

#main-wrapper .container .official_link {
	width: 326px;
	height: auto;
}

#main-wrapper .content_footer {
	text-align: center;
	margin: 4em 0 0 0;
		padding-left: 1em;
	padding-right: 1em;
}

#main-wrapper strong.attention {
	font-size: 22px;
	font-weight: normal;
	font-family: "Sawarabi Mincho", "MS Mincho", serif;
}

#main-wrapper strong.attention span {
	font-family: "Sawarabi Mincho", "MS Mincho", serif;
}

#main-wrapper .content_footer p {
	margin-top: 4em;
}


#footer-wrapper .suitouro_logo_box_inner {
	display: flex;
	align-items: center;
}

#footer-wrapper .footer_box {
	align-items: center !important;
	justify-content: center;
}

#footer-wrapper .container {
	width: 800px;
}

#footer-wrapper .container .suitouro_logo {
	width: 122px;
	height: auto;
}

#footer-wrapper .container .suitouro_logo_box {
	padding: 0 1em 0 2.5em;
}

#footer-wrapper .container .footer_body {
	padding: 0 0 0 ;
}

#footer-wrapper .container .footer_body h3 {
	font-size: 16px;
	font-weight: normal;
}

#footer-wrapper .footer_body .links li {
	font-size: 13px;
	line-height: 1.9em;
	padding-left: 2.5em;
	text-indent: -2.5em;
}

#footer section.links span.left_space {
	display: inline-block;
	padding-left: 2.5em;
}

#copyright li {
	font-size: 12.5px;
	color: #fff;
}

.inner_header img {
	margin-bottom: 1.5em;
}

.about_tour .inner_header img {
	margin-bottom: 0em;
}

/* accordion */
#header .header_menu {
	position: relative;
}

#header .header_menu .inner {
	/*position: absolute;*/
	z-index: 1000000;
	right: 0;
	top: 20px;
}

#header .header_menu .inner details {
	/*background: #000;*/
}

#header .header_menu .inner details p {
	background: #fff;
}

#header .header_menu .inner details p a {
	color: #000;
}

.accordion-004 {
	max-width: 500px;
	margin-bottom: 7px;
	margin-right: -3.5em;
	/*border: 2px solid #d6dde3;
	border-radius: 5px;*/
	z-index: 10000000;
}

.accordion-004 summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0em 3.5em 0em 0em;
	color: #333333;
	font-weight: 600;
	cursor: pointer;
	overflow: visible;
	margin-left: 2em;
	margin-bottom: 1em;
}

.accordion-004 summary::-webkit-details-marker {
	display: none;
}

.accordion-004 summary::after {
	transform: translateY(-25%) rotate(45deg);
	width: 7px;
	height: 7px;
	margin-left: 10px;
	border-bottom: 3px solid #333333b3;
	border-right: 3px solid #333333b3;
	content: '';
	transition: transform .3s;
}

.accordion-004[open] summary::after {
	transform: rotate(225deg);
}

.accordion-004 p {
	transform: translateY(-10px);
	opacity: 0;
	margin: 0;
	padding: 1em 3em 1em 3em;
	color: #333333;
	transition: transform .5s, opacity .5s;
}

.accordion-004[open] p {
	line-height: 1px;
	transform: none;
	opacity: 1;
	margin-left: 1em;
	z-index: 10000000;
}

/* ##################################################################################### english ########*/
.eng_page #main-wrapper .container h2 {
	font-family: "PT Serif";
}

.eng_page img[src*="matsue_castle_title.svg"] {
	max-height: 102px;
	width: auto;
	max-width: 100%;
}

.eng_page img[src*="matsue_castle_shoulder.svg"] {
	position: absolute;
	max-height: 160px;
	max-width: 385px;
	width: auto;
	right: -30px;
	/* top: -120px; */
	top: -25%;
}

.eng_page .kankoukan_box h3,
.eng_page .about_event_gc .inner_header h3,
.eng_page .about_event h3,
.eng_page .about_spot_guide .text_body p,
.eng_page .about_spot_guide h3,
.eng_page .about_matsue_castle h3,
.eng_page .about_suitouro h3 {
	margin-top: 0;
	font-size: 30px;
	font-family: "PT Serif";
	line-height: 1.5em;
	font-weight: 500;
}

.eng_page img[src*="matsue_castle.jpg"] {
	max-width: 245px;
	height: auto;
}

.eng_page .about_matsue_castle_textbox {
	padding: 0em 2em 2em 2em;
}

.eng_page #content-wrapper .about_event .inner_box.dogyoretsu {
	align-items: flex-start;
	/* justify-content: center; */
}

.eng_page #content-wrapper .about_event .inner_box.dogyoretsu img {
	margin-top: 10px;
}

.eng_page .about_event_gc h2 {
	margin-top: 0;
	font-size: 22px;
	font-family: "PT Serif";
	line-height: 1.5em;
}

.eng_page .about_event_gc .kankoukan_box {
	max-width: 1090px;
	width: 100%;
	height: auto;
	margin-top: 10em;
	margin-bottom: 10em;
}

.eng_page img[src*="kankoukan_fukidashi.svg"] {
	position: absolute;
	width: 298px;
	height: auto;
	top: -95px;
	left: -20px;
}

.eng_page .about_event_gc .shimane_link {
	width: 460px;
	height: auto;
	margin: 0 auto;
}

.eng_page .about_event_gc h2 span {
	font-size: 19px;
	display: block;
}

.eng_page .about_event_gc .inner_header {
	margin-bottom: 3em;
}

.eng_page .footer_box h3,
.eng_page .footer_box ul.style2 li {
	color: #fff;
}

.eng_page .attention p {
	font-size: 16px;
}

.eng_page #main-wrapper .container .official_link {
	width: 460px;
	height: auto;
}

.eng_page #footer-wrapper .container .footer_body {
	border-left: none;
	border-right: none;
	padding: 0 0 0 0em;
	width: 80%;
}

.eng_page #footer-wrapper .suitouro_logo_box {
	padding: 0 0 0 0em;
}

.eng_page #footer-wrapper .row>.col-9 {
	width: 83%;
}

.eng_page #footer-wrapper .row>.col-3 {
	width: 17%;
}

.eng_page #main-wrapper strong.attention {
	margin-bottom: 2em;
	display: block;
}

.eng_page #footer-wrapper .container {
	width: 800px;
}

.eng_page #footer-wrapper .footer_body .links li {
	font-size: 12px;
	line-height: 1.9em;
}

.eng_page .box.feature .inner {
	padding: 1em 0em 3em 0em;
}

/* ##################################################################################### cloud ########*/
#main_visual .cloud_top {
	position: absolute;
	width: 100%;
	height: 110%;
	/*border: 1px solid red;*/
	overflow: hidden;
	overflow-y: visible;
	right: 0;
	left: 0;
	margin: 0 auto;
}

#main_visual .cloud_top .cloud_top_l,
#main_visual .cloud_top .cloud_top_r {
	position: absolute;
}



#content-wrapper {
	position: relative;
	padding-top: 99px;
	overflow: hidden;
}

#content-wrapper .cloud_body {
	top: 0;
	position: absolute;
	width: 100%;
	min-width: 1024px;
	/*height: 200%;*/
	height: 98%;
	z-index: -1;
	right: 0;
	left: 0;
	margin: 0 auto;
	overflow: hidden;
}

#content-wrapper .cloud_body img {
	position: absolute;
}





#features-wrapper {
	position: relative;
	overflow: hidden;
	/*min-width: 1200px;*/
}

#features-wrapper .cloud_body {
	top: 0;
	position: absolute;
	width: 100%;
	/* height: 200%; */
	height: 100%;
	z-index: -1;
	right: 0;
	overflow: hidden;
}

#features-wrapper .cloud_body img {
	position: absolute;
}

#features-wrapper .cloud_body .cloud_content_r3 {
	max-width: 448px;
	width: 20%;
	height: auto;
	top: 20%;
	right: -1.5%;
}

#features-wrapper .cloud_body .cloud_content_l2 {
	max-width: 610px;
	width: 15%;
	height: auto;
	top: 0%;
	left: 10%;
}

#features-wrapper .cloud_body .cloud_content_l4 {
	max-width: 610px;
	width: 35%;
	height: auto;
	top: 76%;
	left: -5%;
	transform: scale(-1, 1);
}

.about_tour {
	position: relative;
}

.about_tour .cloud_body {
	top: 0;
	position: absolute;
	width: 100%;
	/* height: 200%; */
	height: 100%;
	z-index: -1;
	right: 0;
	overflow: hidden;
}

.about_tour .cloud_body img {
	position: absolute;
}

.about_tour .cloud_body .cloud_content_r4 {
	max-width: 252px;
	width: 15%;
	height: auto;
	top: 80%;
	right: 2%;
	transform: scale(-1, 1);
}

#main-wrapper .container {
	z-index: 100;
}

#main-wrapper {
	position: relative;
}

#main-wrapper .cloud_body {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/*border: 1px solid red;*/
	z-index: -1;
	overflow: hidden;
}

#main-wrapper .cloud_body img {
	position: absolute;
}

#main-wrapper .cloud_body .cloud_white_l {
	width: 20%;
	height: auto;
	top: 3%;
	left: 1%;
}

#main-wrapper .cloud_body .cloud_white_r {
	width: 35%;
	height: auto;
	top: 24%;
	right: -10%;
}

#main-wrapper .cloud_body .cloud_white_l2 {
	width: 25%;
	height: auto;
	top: 54%;
	left: -5%;
}

#main-wrapper .cloud_body .cloud_white_r2 {
	width: 15%;
	height: auto;
	top: 93.5%;
	right: -2%;
}

.google_map {
	text-align: center;
}

#page-wrapper {
	/*overflow: hidden;*/
}

/* ##### end cloud ########*/


/*#############################################################*/

/*		@media screen and (max-width: 1680px) {

			.container {
				max-width: 1037px;
			}

		}*/

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

	/*.container {
				max-width: 1037px;
			}*/

}

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

	html,
	body {
		/*	zoom: 80%;*/
		zoom: 90%;
	}

	/*.container {
				max-width: 1037px;
			}*/

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

	html,
	body {
		/*	zoom: 80%;*/
		zoom: 100%;
	}

	/*.container {
				max-width: 1037px;
			}*/

}

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

	html,
	body {
		zoom: 100%;
	}

	.container {
		width: 100%;
	}

}

/* Row */

.row {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	align-items: stretch;
}

.row>* {
	box-sizing: border-box;
}

.row.gtr-uniform>*> :last-child {
	margin-bottom: 0;
}

.row.aln-left {
	justify-content: flex-start;
}

.row.aln-center {
	justify-content: center;
}

.row.aln-right {
	justify-content: flex-end;
}

.row.aln-top {
	align-items: flex-start;
}

.row.aln-middle {
	align-items: center;
}

.row.aln-bottom {
	align-items: flex-end;
}

.row>.imp {
	order: -1;
}

.row>.col-1 {
	width: 8.33333%;
}

.row>.off-1 {
	margin-left: 8.33333%;
}

.row>.col-2 {
	width: 16.66667%;
}

.row>.off-2 {
	margin-left: 16.66667%;
}

.row>.col-3 {
	width: 25%;
}

.row>.off-3 {
	margin-left: 25%;
}

.row>.col-4 {
	width: 33.33333%;
}

.row>.off-4 {
	margin-left: 33.33333%;
}

.row>.col-5 {
	width: 41.66667%;
}

.row>.off-5 {
	margin-left: 41.66667%;
}

.row>.col-6 {
	width: 50%;
}

.row>.off-6 {
	margin-left: 50%;
}

.row>.col-7 {
	width: 58.33333%;
}

.row>.off-7 {
	margin-left: 58.33333%;
}

.row>.col-8 {
	width: 66.66667%;
}

.row>.off-8 {
	margin-left: 66.66667%;
}

.row>.col-9 {
	width: 75%;
}

.row>.off-9 {
	margin-left: 75%;
}

.row>.col-10 {
	width: 83.33333%;
}

.row>.off-10 {
	margin-left: 83.33333%;
}

.row>.col-11 {
	width: 91.66667%;
}

.row>.off-11 {
	margin-left: 91.66667%;
}

.row>.col-12 {
	width: 100%;
}

.row>.off-12 {
	margin-left: 100%;
}

.row.gtr-0 {
	margin-top: 0px;
	margin-left: 0px;
}

.row.gtr-0>* {
	padding: 0px 0 0 0px;
}

.row.gtr-0.gtr-uniform {
	margin-top: 0px;
}

.row.gtr-0.gtr-uniform>* {
	padding-top: 0px;
}

.row.gtr-25 {
	margin-top: -10px;
	margin-left: -10px;
}

.row.gtr-25>* {
	padding: 10px 0 0 10px;
}

.row.gtr-25.gtr-uniform {
	margin-top: -10px;
}

.row.gtr-25.gtr-uniform>* {
	padding-top: 10px;
}

.row.gtr-50 {
	margin-top: -20px;
	margin-left: -20px;
}

.row.gtr-50>* {
	padding: 20px 0 0 20px;
}

.row.gtr-50.gtr-uniform {
	margin-top: -20px;
}

.row.gtr-50.gtr-uniform>* {
	padding-top: 20px;
}

.row {
	margin-top: -40px;
	margin-left: -40px;
}

.row>* {
	padding: 40px 0 0 40px;
}

.row.gtr-uniform {
	margin-top: -40px;
}

.row.gtr-uniform>* {
	padding-top: 40px;
}

.row.gtr-150 {
	margin-top: -60px;
	margin-left: -60px;
}

.row.gtr-150>* {
	padding: 60px 0 0 60px;
}

.row.gtr-150.gtr-uniform {
	margin-top: -60px;
}

.row.gtr-150.gtr-uniform>* {
	padding-top: 60px;
}

.row.gtr-200 {
	margin-top: -80px;
	margin-left: -80px;
}

.row.gtr-200>* {
	padding: 80px 0 0 80px;
}

.row.gtr-200.gtr-uniform {
	margin-top: -80px;
}

.row.gtr-200.gtr-uniform>* {
	padding-top: 80px;
}

#header .header_menu {
	background: #1C2B45;
	width: 100%;
	padding: 1em 0;
	/*height: 76px;*/
	height: 55px;
	text-align: center
}

#header .header_menu .inner {
	max-width: 1090px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}

#header .header_menu img {
	width: auto;
	height: 23px;
}

#header-wrapper .container {
	width: 100%;
	background: #231815;
}

.title2 {
	width: auto;
	/*height: 26px;*/
}

.text_shadow {
	/*box-shadow: 0px 0px 20px 1px rgba(255, 255, 255, 0.45);*/
	/*filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 1));*/
}

p.attention {
	color: #000;
	text-align: right;
}

.pc {
	display: block;
}

.mobile {
	display: none;
}

.wf-sawarabimincho {
	font-family: "Sawarabi Mincho";
}

/*		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.33333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.33333%;
				}

				.row > .col-2-xlarge {
					width: 16.66667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.66667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.33333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.33333%;
				}

				.row > .col-5-xlarge {
					width: 41.66667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.66667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.33333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.33333%;
				}

				.row > .col-8-xlarge {
					width: 66.66667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.66667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.33333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.33333%;
				}

				.row > .col-11-xlarge {
					width: 91.66667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.66667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-25 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 10px;
						}

				.row.gtr-50 {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row.gtr-50 > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 20px;
						}

				.row {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-uniform > * {
							padding-top: 40px;
						}

				.row.gtr-150 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-150 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 60px;
						}

				.row.gtr-200 {
					margin-top: -80px;
					margin-left: -80px;
				}

					.row.gtr-200 > * {
						padding: 80px 0 0 80px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -80px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 80px;
						}

		}*/

.inner_box.ticket_block_outer {
	background: #FFF8EB;
	width: 88%;
	margin: 0 auto;
	margin-bottom: 2em;
}

.inner_box.ticket_block_outer .ticket_block_inner {
	padding: 2em;
	width: 100%;
}

.inner_box.ticket_block_outer table {
	background: #fff;
	border: 1px solid #B18147;
	width: 100%;
	height: 130px;
	margin-bottom: 1.5em;
}

.inner_box.ticket_block_outer table:nth-last-child(1) {
	margin-bottom: 0;
}

.inner_box.ticket_block_outer table tr {
	border: none;
}

.inner_box.ticket_block_outer table th,
.inner_box.ticket_block_outer table td {
	vertical-align: middle;
	width: 60%;
}

.inner_box.ticket_block_outer table th {
	text-align: center;
}

.inner_box.ticket_block_outer table p.name_sub {
	font-size: 18px;
	/*color: #B18147;*/
	color: #000;
	line-height: 1.5em;
	margin: 0;
}
.inner_box.ticket_block_outer .ticket_block_title {
	margin-bottom: 1em;
}
.inner_box.ticket_block_outer h2 {
	font-size: 30px;
	text-align: center;
	color: #B18147;
}

.inner_box.ticket_block_outer table .price_line_box {
	display: flex;
	justify-content: right;
	align-items: center;
	margin-top:0.5em;
	margin-bottom: 0.5em;
}

.inner_box.ticket_block_outer table p.name,
.inner_box.ticket_block_outer table p.price_line {
	color: #000;
}

.inner_box.ticket_block_outer table p.ticket_course {
	font-size: 33px;
}

.inner_box.ticket_block_outer table p.name {
	line-height: 1.5em;
	font-size: 25.5px;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
}

.inner_box.ticket_block_outer table p.text_body {
	font-size: 18px;
}

.inner_box.ticket_block_outer table p.price_line {
	text-align: right;
}
.inner_box.ticket_block_outer table.yuurannsen p.price_line {
	text-align: left;
	width: 4em;
}

.inner_box.ticket_block_outer table p.price {
	font-size: 32px;
	color: #B18147;
	padding-left: 0.3em;
	margin-bottom: 0;
}
.inner_box.ticket_block_outer table.yuurannsen p.price {
	width: 4em;
}
.inner_box.ticket_block_outer table th:nth-child(1) {
	width: 16%;
}

.inner_box.ticket_block_outer table td.ticket_content {
	width: 52%;
}
.LAWSON {
	display: flex;
	width: 100%;
	justify-content: space-between;
	border-top: 1px solid #B18147;
	padding-top: 1.5em;
	padding-bottom: 1em;
}
.LAWSON_color {
	line-height: 1.5em !important;
	color: #036eb7 !important;
	font-size: 18px;
}
.LAWSON_color span {
	color: #000;
	padding-left: 1em;
}
.btn_lowson{
    width:258px;
    height:30px;
    /*line-height:1.5em;*/
}
.btn_lowson a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#036EB7;
    text-align:center;
    color:#FFFFFF;
    font-size:19px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    box-shadow:5px 5px 4px 0px #838383 ;
    transition: all 0.3s ease;
}
.btn_lowson a:hover{
    background:#0099FF;
    color:#FFFC00;
    margin-left:5px;
    margin-top:5px;
    box-shadow:none;
}


/*.inner_box.ticket_block_outer table tr:nth-child(2) td:nth-child(1),*/
.inner_box.ticket_block_outer table td:nth-child(3) {
	padding-right: 0;
	width: ;
}

.inner_box.ticket_block_outer table tr:nth-child(2) td:nth-child(2),
.inner_box.ticket_block_outer table td:nth-child(4) {
	padding-left: 0.25em;
}

.inner_box.ticket_block_outer table.ticket-3 tr td:nth-child(3),
.inner_box.ticket_block_outer table.ticket-3 tr td:nth-child(4) {
	vertical-align: bottom;
}

.inner_box.ticket_block_outer table.ticket-3 tr td:nth-child(3) .price_line {
	/*margin-bottom: 0.3em;*/
}
.inner_box.attention_outer {
	width: 100%;
	margin: 0;
	max-width: 100%;
}
.inner_box.ticket_block_outer .ticket_block_inner .ticket_body_outer:nth-child(2) {
	margin-bottom: 3em;
}
.inner_box.attention_outer .attention_body {
	color: #000;
	font-size: 17px;
}

/*.inner_box.ticket_block_outer table.ticket-3 tr td:nth-child(3) {
	display: flex;
	align-items: center;
	justify-content: end;
}*/
.inner_box.ticket_block_outer table tr:nth-child(2) td {
	vertical-align: top;
}

.inner_box.ticket_block_outer table tr:nth-child(2) .price_line {
	font-size: 27px;
	/*margin-top: 0.3em;*/
}
.inner_box.ticket_block_outer table tr .price_line {
	font-size: 27px;
	/*margin-top: 0.3em;*/
	margin-bottom: 0;
}
.inner_box.ticket_block_outer table tr td:nth-child(2) {
	text-align: right;
	width: 30%;
}
.ticket_info_img_outer {
	margin: 6px 0;
	padding-bottom: 0.5em;
}

@media screen and (max-width: 1280px) {
	#content-wrapper {
		padding: 99px 15px 0 15px;
	}

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-large {
		order: -1;
	}

	.row>.col-1-large {
		width: 8.33333%;
	}

	.row>.off-1-large {
		margin-left: 8.33333%;
	}

	.row>.col-2-large {
		width: 16.66667%;
	}

	.row>.off-2-large {
		margin-left: 16.66667%;
	}

	.row>.col-3-large {
		width: 25%;
	}

	.row>.off-3-large {
		margin-left: 25%;
	}

	.row>.col-4-large {
		width: 33.33333%;
	}

	.row>.off-4-large {
		margin-left: 33.33333%;
	}

	.row>.col-5-large {
		width: 41.66667%;
	}

	.row>.off-5-large {
		margin-left: 41.66667%;
	}

	.row>.col-6-large {
		width: 50%;
	}

	.row>.off-6-large {
		margin-left: 50%;
	}

	.row>.col-7-large {
		width: 58.33333%;
	}

	.row>.off-7-large {
		margin-left: 58.33333%;
	}

	.row>.col-8-large {
		width: 66.66667%;
	}

	.row>.off-8-large {
		margin-left: 66.66667%;
	}

	.row>.col-9-large {
		width: 75%;
	}

	.row>.off-9-large {
		margin-left: 75%;
	}

	.row>.col-10-large {
		width: 83.33333%;
	}

	.row>.off-10-large {
		margin-left: 83.33333%;
	}

	.row>.col-11-large {
		width: 91.66667%;
	}

	.row>.off-11-large {
		margin-left: 91.66667%;
	}

	.row>.col-12-large {
		width: 100%;
	}

	.row>.off-12-large {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0px;
		margin-left: 0px;
	}

	.row.gtr-0>* {
		padding: 0px 0 0 0px;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0px;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0px;
	}

	.row.gtr-25 {
		margin-top: -6.25px;
		margin-left: -6.25px;
	}

	.row.gtr-25>* {
		padding: 6.25px 0 0 6.25px;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -6.25px;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 6.25px;
	}

	.row.gtr-50 {
		margin-top: -12.5px;
		margin-left: -12.5px;
	}

	.row.gtr-50>* {
		padding: 12.5px 0 0 12.5px;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -12.5px;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 12.5px;
	}

	.row {
		margin-top: -25px;
		margin-left: -25px;
	}

	.row>* {
		padding: 25px 0 0 25px;
	}

	.row.gtr-uniform {
		margin-top: -25px;
	}

	.row.gtr-uniform>* {
		padding-top: 25px;
	}

	.row.gtr-150 {
		margin-top: -37.5px;
		margin-left: -37.5px;
	}

	.row.gtr-150>* {
		padding: 37.5px 0 0 37.5px;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -37.5px;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 37.5px;
	}

	.row.gtr-200 {
		margin-top: -50px;
		margin-left: -50px;
	}

	.row.gtr-200>* {
		padding: 50px 0 0 50px;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -50px;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 50px;
	}

}

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

	.row {
		display: flex;
		flex-wrap: nowrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-medium {
		order: -1;
	}

	.row>.col-1-medium {
		width: 8.33333%;
	}

	.row>.off-1-medium {
		margin-left: 8.33333%;
	}

	.row>.col-2-medium {
		width: 16.66667%;
	}

	.row>.off-2-medium {
		margin-left: 16.66667%;
	}

	.row>.col-3-medium {
		width: 25%;
	}

	.row>.off-3-medium {
		margin-left: 25%;
	}

	.row>.col-4-medium {
		width: 33.33333%;
	}

	.row>.off-4-medium {
		margin-left: 33.33333%;
	}

	.row>.col-5-medium {
		width: 41.66667%;
	}

	.row>.off-5-medium {
		margin-left: 41.66667%;
	}

	.row>.col-6-medium {
		width: 50%;
	}

	.row>.off-6-medium {
		margin-left: 50%;
	}

	.row>.col-7-medium {
		width: 58.33333%;
	}

	.row>.off-7-medium {
		margin-left: 58.33333%;
	}

	.row>.col-8-medium {
		width: 66.66667%;
	}

	.row>.off-8-medium {
		margin-left: 66.66667%;
	}

	.row>.col-9-medium {
		width: 75%;
	}

	.row>.off-9-medium {
		margin-left: 75%;
	}

	.row>.col-10-medium {
		width: 83.33333%;
	}

	.row>.off-10-medium {
		margin-left: 83.33333%;
	}

	.row>.col-11-medium {
		width: 91.66667%;
	}

	.row>.off-11-medium {
		margin-left: 91.66667%;
	}

	.row>.col-12-medium {
		width: 100%;
	}

	.row>.off-12-medium {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0px;
		margin-left: 0px;
	}

	.row.gtr-0>* {
		padding: 0px 0 0 0px;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0px;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0px;
	}

	.row.gtr-25 {
		margin-top: -6.25px;
		margin-left: -6.25px;
	}

	.row.gtr-25>* {
		padding: 6.25px 0 0 6.25px;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -6.25px;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 6.25px;
	}

	.row.gtr-50 {
		margin-top: -12.5px;
		margin-left: -12.5px;
	}

	.row.gtr-50>* {
		padding: 12.5px 0 0 12.5px;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -12.5px;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 12.5px;
	}

	.row {
		margin-top: -25px;
		margin-left: -25px;
	}

	.row>* {
		padding: 25px 0 0 25px;
	}

	.row.gtr-uniform {
		margin-top: -25px;
	}

	.row.gtr-uniform>* {
		padding-top: 25px;
	}

	.row.gtr-150 {
		margin-top: -37.5px;
		margin-left: -37.5px;
	}

	.row.gtr-150>* {
		padding: 37.5px 0 0 37.5px;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -37.5px;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 37.5px;
	}

	.row.gtr-200 {
		margin-top: -50px;
		margin-left: -50px;
	}

	.row.gtr-200>* {
		padding: 50px 0 0 50px;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -50px;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 50px;
	}




}

/*@media screen and (max-width: 520px)*/
@media screen and (max-width: 800px) {

	#content-wrapper .about_matsue_castle .inner,
	#content-wrapper .about_suitouro .inner,
	#content-wrapper .about_event .inner {
		padding-left: 13px;
		padding-right: 13px;
	}

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

	.row>* {
		box-sizing: border-box;
	}

	.row.gtr-uniform>*> :last-child {
		margin-bottom: 0;
	}

	.row.aln-left {
		justify-content: flex-start;
	}

	.row.aln-center {
		justify-content: center;
	}

	.row.aln-right {
		justify-content: flex-end;
	}

	.row.aln-top {
		align-items: flex-start;
	}

	.row.aln-middle {
		align-items: center;
	}

	.row.aln-bottom {
		align-items: flex-end;
	}

	.row>.imp-small {
		order: -1;
	}

	.row>.col-1-small {
		width: 8.33333%;
	}

	.row>.off-1-small {
		margin-left: 8.33333%;
	}

	.row>.col-2-small {
		width: 16.66667%;
	}

	.row>.off-2-small {
		margin-left: 16.66667%;
	}

	.row>.col-3-small {
		width: 25%;
	}

	.row>.off-3-small {
		margin-left: 25%;
	}

	.row>.col-4-small {
		width: 33.33333%;
	}

	.row>.off-4-small {
		margin-left: 33.33333%;
	}

	.row>.col-5-small {
		width: 41.66667%;
	}

	.row>.off-5-small {
		margin-left: 41.66667%;
	}

	.row>.col-6-small {
		width: 50%;
	}

	.row>.off-6-small {
		margin-left: 50%;
	}

	.row>.col-7-small {
		width: 58.33333%;
	}

	.row>.off-7-small {
		margin-left: 58.33333%;
	}

	.row>.col-8-small {
		width: 66.66667%;
	}

	.row>.off-8-small {
		margin-left: 66.66667%;
	}

	.row>.col-9-small {
		width: 75%;
	}

	.row>.off-9-small {
		margin-left: 75%;
	}

	.row>.col-10-small {
		width: 83.33333%;
	}

	.row>.off-10-small {
		margin-left: 83.33333%;
	}

	.row>.col-11-small {
		width: 91.66667%;
	}

	.row>.off-11-small {
		margin-left: 91.66667%;
	}

	.row>.col-12-small {
		width: 100%;
	}

	.row>.off-12-small {
		margin-left: 100%;
	}

	.row.gtr-0 {
		margin-top: 0px;
		margin-left: 0px;
	}

	.row.gtr-0>* {
		padding: 0px 0 0 0px;
	}

	.row.gtr-0.gtr-uniform {
		margin-top: 0px;
	}

	.row.gtr-0.gtr-uniform>* {
		padding-top: 0px;
	}

	.row.gtr-25 {
		margin-top: -5px;
		margin-left: -5px;
	}

	.row.gtr-25>* {
		padding: 5px 0 0 5px;
	}

	.row.gtr-25.gtr-uniform {
		margin-top: -5px;
	}

	.row.gtr-25.gtr-uniform>* {
		padding-top: 5px;
	}

	.row.gtr-50 {
		margin-top: -10px;
		margin-left: -10px;
	}

	.row.gtr-50>* {
		padding: 10px 0 0 10px;
	}

	.row.gtr-50.gtr-uniform {
		margin-top: -10px;
	}

	.row.gtr-50.gtr-uniform>* {
		padding-top: 10px;
	}

	.row {
		margin-top: -20px;
		margin-left: -20px;
	}

	.row>* {
		padding: 20px 0 0 20px;
	}

	.row.gtr-uniform {
		margin-top: -20px;
	}

	.row.gtr-uniform>* {
		padding-top: 20px;
	}

	.row.gtr-150 {
		margin-top: -30px;
		margin-left: -30px;
	}

	.row.gtr-150>* {
		padding: 30px 0 0 30px;
	}

	.row.gtr-150.gtr-uniform {
		margin-top: -30px;
	}

	.row.gtr-150.gtr-uniform>* {
		padding-top: 30px;
	}

	.row.gtr-200 {
		margin-top: -40px;
		margin-left: -40px;
	}

	.row.gtr-200>* {
		padding: 40px 0 0 40px;
	}

	.row.gtr-200.gtr-uniform {
		margin-top: -40px;
	}

	.row.gtr-200.gtr-uniform>* {
		padding-top: 40px;
	}
#main-wrapper .container .parking_pay p {
	text-align: center;
	line-height: 1.5em;
	margin-top: 1em;
	font-size: 16px;
}
#main-wrapper .container .parking_pay p a {
	color: #000;
	font-size: 15px;
}
.inner_box.ticket_block_outer table p.name_sub {
	text-align: center;
    font-size: 14px;
    /* color: #B18147; */
    color: #000;
    line-height: 1.5em;
    margin: 0;
		margin-top: 1em;
}
.ticket_info_img_outer {
	margin: 6px 0;
    padding-bottom: 0em;
}

.ticket_info_img_outer img {

}

}






/* Section/Article */

section,
article {
	margin-bottom: 5em;
}

section> :last-child,
article> :last-child,
section:last-child,
article:last-child {
	margin-bottom: 0;
}

header {
	margin: 0 0 2em 0;
}

header h2,
header h3 {
	margin: 0 0 0.25em 0;
}

header p {
	margin: 0;
}

footer {
	margin: 2.5em 0 0 0;
}

/* Forms */

form label {
	display: block;
	font-weight: 800;
	margin: 0 0 1em 0;
	font-size: 0.8em;
	color: #444;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	border-radius: 8px;
	border: solid 1px #eee;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus {
	border-color: #0090c5;
}

form input[type="text"],
form input[type="email"],
form input[type="password"] {
	line-height: 3em;
	padding: 0 1em;
}

form select {
	line-height: 3em;
	padding: 0 1em;
}

form textarea {
	min-height: 9em;
	padding: 1em;
}

form ::-webkit-input-placeholder {
	color: #555 !important;
}

form :-moz-placeholder {
	color: #555 !important;
}

form ::-moz-placeholder {
	color: #555 !important;
}

form :-ms-input-placeholder {
	color: #555 !important;
}

form ::-moz-focus-inner {
	border: 0;
}

/* Tables */

table {
	width: 100%;
}

table tr {
	border-top: solid 1px #eee;
}

table tr:first-child {
	border-top: 0;
}

table td {
	padding: 0.5em 1em 0.5em 1em;
}

table th {
	text-align: left;
	padding: 0.5em 1em 0.5em 1em;
	font-weight: 800;
	margin: 0 0 1em 0;
}

table thead {
	background: #404248;
	color: #fff;
}

/* Image */

.image {
	display: inline-block;
	outline: 0;
}

.image img {
	display: block;
	width: 100%;
	border-radius: 8px;
}

.image.fit {
	display: block;
	width: 100%;
}

.image.featured {
	display: block;
	width: 100%;
	margin: 0 0 2.5em 0;
}

.image.left {
	float: left;
	margin: 0 2em 2em 0;
}

.image.centered {
	display: block;
	margin: 0 0 2.5em 0;
}

.image.centered img {
	margin: 0 auto;
	width: auto;
}

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button {
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	-webkit-appearance: none;
	position: relative;
	display: inline-block;
	background: #0090c5;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 800;
	outline: 0;
	border: 0;
	cursor: pointer;
	font-size: 1.35em;
	padding: 0.6em 1.5em;
}

input[type="button"].icon:before,
input[type="submit"].icon:before,
input[type="reset"].icon:before,
button.icon:before,
.button.icon:before {
	position: relative;
	margin-right: 0.5em;
	top: 0.05em;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover {
	background: #10a0d5;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.button:active {
	background: #20b0e5;
}

input[type="button"].alt,
input[type="submit"].alt,
input[type="reset"].alt,
button.alt,
.button.alt {
	background: #f1f1f1;
	background: rgba(0, 0, 0, 0.05);
	color: #444;
}

input[type="button"].alt:hover,
input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
button.alt:hover,
.button.alt:hover {
	background: #e8e8e8;
	background: rgba(0, 0, 0, 0.085);
}

input[type="button"].alt:active,
input[type="submit"].alt:active,
input[type="reset"].alt:active,
button.alt:active,
.button.alt:active {
	background: #e4e4e4;
	background: rgba(0, 0, 0, 0.15);
}

input[type="button"].large,
input[type="submit"].large,
input[type="reset"].large,
button.large,
.button.large {
	font-size: 2.25em;
	padding: 0.8em 0.9em;
}

/* List */

ul {
	list-style: disc;
	padding-left: 1em;
}

ul li {
	padding-left: 0.5em;
}

ul.style2 {
	list-style: none;
	padding-left: 0;
}

ul.style2 li {
	padding-left: 0;
}

ol {
	list-style: decimal;
	padding-left: 1.25em;
}

ol li {
	padding-left: 0.25em;
}

/* Actions */

ul.actions {
	list-style: none;
	padding-left: 0;
}

ul.actions li {
	display: inline-block;
	padding: 0 0 0 0.25em;
	margin: 0 0 0 0.25em;
}

ul.actions li:first-child {
	margin-left: 0;
	padding-left: 0;
}

/* Menu */

ul.menu {
	list-style: none;
	padding-left: 0;
}

ul.menu li {
	border-left: solid 1px #e0e0e0;
	display: inline-block;
	padding: 0 0 0 0.75em;
	margin: 0 0 0 0.75em;
}

ul.menu li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

/* Box */

.box {
	border-radius: 6px;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
	padding: 2em;
}

.box.feature {
	padding: 0;
}

.box.feature .inner {
	padding: 1em 2em 3em 2em;
}

.box.feature h2 {
	font-size: 1.35em;
}

.box.feature p {
	margin: 0;
}

.box.feature .image {
	position: relative;
	margin: 0;
}

.box.feature .image img {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* Icons */

.icon {
	text-decoration: none;
	position: relative;
	text-decoration: none;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-transform: none !important;
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
}

.icon:before {
	line-height: inherit;
}

.icon.solid:before {
	font-weight: 900;
}

.icon.brands:before {
	font-family: 'Font Awesome 5 Brands';
}

.icon>.label {
	display: none;
}

/* Widgets */

.widget.thumbnails .grid {
	margin: 0 0 3em 0;
}

.widget.thumbnails .image {
	margin: 0;
}

.widget.contact ul {
	list-style: none;
	padding-left: 0;
	overflow: hidden;
	position: relative;
	left: -4px;
	top: 4px;
	margin-bottom: 1.5em;
}

.widget.contact ul li {
	display: inline-block;
	margin-right: 0.25em;
	padding-left: 0;
}

.widget.contact ul li a {
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	text-align: center;
	line-height: 2.5em;
	border-radius: 0.35em;
	outline: 0;
	opacity: 0.75;
	text-decoration: none;
	background: #222222;
}

.widget.contact ul li a:before {
	color: #f3f3f3;
	font-size: 1.5em;
	line-height: inherit;
}

.widget.contact ul li a:hover {
	background: #444444;
}

.widget.contact ul li a:active {
	background: #666666;
}

/* Wrappers */

#header-wrapper {
	/*padding: 4.5em 0 3em 0;
		margin-bottom: 17em;*/
}

#ticket-wrapper,
#features-wrapper {
	padding: 0 0 155px 0;
}

#ticket-wrapper .main_content_outer.about_tour {
	padding-bottom: 0;
}

#main-wrapper {
	background: #F1F0E9;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
	padding: 5em 0 1em 0;
	z-index: 0;
}

#main-wrapper.map_access_wrapper section {
	margin-top: 35px;
}

#footer-wrapper {
	padding: 5em 0 0.5em 0;
}

#image-wrapper {}

/* Header */

#header {
	position: relative;
}

/* Logo */
#main_visual {
	position: relative;
	/*overflow: hidden;*/
	min-width: 80%;
	/*min-width: 1300px;*/
	/*background-image: url("/img/2025_main_back.jpg")*/
	background: #000;
}

#main_visual h1 img {
	max-width: 960px;
	width: 100%;
	/*max-width: 825px;*/
}

#main_visual h1 {
	text-align: center;
	position: absolute;
	top: 6.5%;
	top: 40px;
	right: 0%;
	left: 0%;

	width: 100%;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
	z-index: 1000;
}

.main_image_box {
	display: flex;
  justify-content: center;
	text-align: center;
	/*max-width: 1037px;*/
	width: auto;
	margin: 0 auto;
	overflow: hidden;
}

#main_visual .date_box {
	padding: 0.5em 0 2em;
}

#main_visual .date_box img {
	position: absolute;
	width: 100%;
	max-width: 1090px;
	height: auto;
	margin: 0.3em auto 0em auto;
	margin-bottom: -0.5em;
	/*padding-top: 0.5em;*/
}

#main_visual .date_box {
	margin: 0 auto;
	width: 100%;
	max-width: 1090px;
	height: 70px;
}

#main_visual span {
	font-weight: 800;
	line-height: 4.5em;
	letter-spacing: 0.025em;
	font-size: 0.9em;
	vertical-align: middle;
	margin: 0 0 0 1.25em;
}

/* Nav */

#nav {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.9em;
}

#nav ul {
	list-style: none;
	padding-left: 0;
}

#nav ul li {
	float: left;
	line-height: 4.5em;
	padding-left: 1.5em;
}

#nav ul li a,
#nav ul li span {
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	font-weight: 800;
	letter-spacing: 0.025em;
	color: #696969;
	text-decoration: none;
	border-radius: 6px;
	padding: 0.5em 1em 0.5em 1em;
}

#nav ul li>ul {
	display: none;
}

#nav ul li:hover a,
#nav ul li:hover span {
	background: #fff;
}

#nav ul li.active a,
#nav ul li.active span {
	background: #fff;
}

#nav ul li.current a {
	background: #444;
	color: #fff;
}

.dropotron {
	background: #fff;
	letter-spacing: 0.025em;
	color: #696969;
	text-decoration: none;
	border-radius: 6px;
	padding: 0.75em 0;
	min-width: 15em;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0.25em 0.25em 0.1em rgba(0, 0, 0, 0.025);
	margin-top: calc(-0.75em + 1px);
	margin-left: -1px;
	list-style: none;
	padding-left: 0;
}

.dropotron li {
	border-top: solid 1px #eee;
	line-height: 3em;
	padding-left: 0;
}

.dropotron li:first-child {
	border-top: 0;
}

.dropotron li>a,
.dropotron li>span {
	-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out;
	-ms-transition: color .25s ease-in-out, background-color .25s ease-in-out;
	transition: color .25s ease-in-out, background-color .25s ease-in-out;
	text-decoration: none;
	color: inherit;
	display: block;
	padding: 0 1.5em;
}

.dropotron li>a:hover,
.dropotron li>span:hover {
	background: #eee;
}

.dropotron li.active>a,
.dropotron li.active>span {
	background: #eee;
}

.dropotron.level-0 {
	font-size: 0.8em;
	margin-left: 1.5em;
	margin-top: 0;
}

.dropotron.level-0:before {
	content: '';
	position: absolute;
	top: -0.5em;
	left: 1em;
	border-bottom: solid 0.75em #ffffff;
	border-left: solid 0.75em transparent;
	border-right: solid 0.75em transparent;
	z-index: 1;
}

/* Banner */

#banner {
	position: relative;
	padding: 4.5em;
}

#banner h2 {
	font-size: 3.5em;
	margin: 0.1em 0 0.35em 0;
}

#banner p {
	font-size: 2.75em;
	line-height: 1.35em;
	margin: 0;
}

#banner .button {
	width: 100%;
	margin-bottom: 0.5em;
}

#banner .button.icon:before {
	position: absolute;
	right: 0.15em;
	top: 50%;
	margin-top: -0.5em;
}

#banner .button.alt {
	margin-bottom: 0;
}

#banner ul {
	list-style: none;
	padding-left: 0;
	margin: 0 0 0 2em;
}

#banner ul li {
	padding-left: 0;
}

/* Footer */

#footer {
	margin-top: 0;
}

#footer a {
	color: inherit;
}

#copyright {
	color: #aaa;
	padding: 2em 0 0 0;
	text-align: center;
}

#copyright a {
	color: inherit;
}

/* XLarge */

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

	/* Basic */

	/*body, input, select, textarea {
				font-size: 12pt;
			}*/

}

/* Large */

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

	/* Basic */

	body,
	input,
	select,
	textarea {
		font-size: 11pt;
	}

}

/* Medium */

#navPanel,
#navToggle {
	display: none;
}

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

	/* Basic */

	html,
	body {
		overflow-x: hidden;
	}

	body,
	input,
	select,
	textarea {
		font-size: 11pt;
	}

	/* Section/Article */

	section,
	article {
		clear: both;
		margin-bottom: 3em !important;
	}

	section.last,
	article.last {
		margin-bottom: 0 !important;
	}

	/* Image */

	.image.left {
		width: 25%;
		margin-bottom: 2em !important;
	}

	/* Menu */

	ul.menu li {
		display: block;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* Actions */

	ul.actions li {
		display: block;
		padding: 0;
		margin: 1em 0 0 0;
	}

	ul.actions li:first-child {
		margin-top: 0;
	}

	/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		width: 100%;
		text-align: center;
		font-size: 1.35em;
		padding: 0.85em 0 !important;
	}

	input[type="button"].icon,
	input[type="submit"].icon,
	input[type="reset"].icon,
	button.icon,
	.button.icon {
		padding-right: 0.75em !important;
	}

	input[type="button"].icon:before,
	input[type="submit"].icon:before,
	input[type="reset"].icon:before,
	button.icon:before,
	.button.icon:before {
		margin-right: 0.5em;
		top: 0.05em;
	}

	/* Wrappers */

	#header-wrapper {
		/*padding: 3em 0 1em 0;*/
		text-align: center;
	}

	#footer-wrapper {
		padding: 6em 0 4em 0;
	}

	/* Header */

	#header {
		margin: 0 auto;
	}

	/* Logo */

	#logo span {
		display: block;
		margin: 0;
	}

	/* Nav */

	#nav {
		display: none;
	}

	/* Banner */

	#banner {
		padding: 4.5em 3em;
		text-align: center;
	}

	#banner ul {
		margin: 2em 0 0 0;
	}

	#banner .button.icon:before {
		position: relative;
		right: auto;
		top: auto;
	}

	/* Content */

	#content {
		padding-bottom: 4em;
		margin-bottom: 0 !important;
	}

	#content> :last-child {
		margin-bottom: 0 !important;
	}

	#sidebar> :last-child {
		margin-bottom: 0 !important;
	}

	/* Footer */

	#copyright {
		padding: 0;
	}

	/* Nav */

	#page-wrapper {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		padding-bottom: 1px;
	}

	#navToggle {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		display: block;
		height: 44px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10001;
	}

	#navToggle .toggle {
		text-decoration: none;
		width: 70px;
		height: 50px;
		opacity: 0.35;
	}

	/*					#navToggle .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						text-rendering: auto;
						line-height: 1;
						text-transform: none !important;
						font-family: 'Font Awesome 5 Free';
						font-weight: 900;
					}

					#navToggle .toggle:before {
						display: inline-block;
						text-decoration: none;
						position: absolute;
						left: 6px;
						top: 6px;
						background: rgba(0, 0, 0, 0.5);
						width: 58px;
						height: 38px;
						border-radius: 6px;
						content: '\f0c9';
						color: #fff;
						text-align: center;
						line-height: 38px;
						font-size: 20px;
					}*/

	#navToggle .toggle:active {
		opacity: 0.75;
	}

	#navPanel {
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transform: translateX(-275px);
		-webkit-transform: translateX(-275px);
		-ms-transform: translateX(-275px);
		transform: translateX(-275px);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		display: block;
		height: 100%;
		left: 0;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 275px;
		z-index: 10002;
		background: #fff;
		box-shadow: inset -3px 0px 0px 0px #dfdfdf;
		padding: 0 23px 0 20px;
	}

	#navPanel .link {
		display: block;
		text-decoration: none;
		height: 54px;
		line-height: 54px;
		border-top: solid 1px #e8e8e8;
		color: #696969;
	}

	#navPanel .link:first-child {
		border-top: 0;
	}

	#navPanel .indent-1 {
		display: inline-block;
		width: 1em;
	}

	#navPanel .indent-2 {
		display: inline-block;
		width: 2em;
	}

	#navPanel .indent-3 {
		display: inline-block;
		width: 3em;
	}

	#navPanel .indent-4 {
		display: inline-block;
		width: 4em;
	}

	#navPanel .indent-5 {
		display: inline-block;
		width: 5em;
	}

	#navPanel .depth-0 {
		color: #444;
		font-weight: 800;
	}

	body.navPanel-visible #page-wrapper {
		-moz-transform: translateX(275px);
		-webkit-transform: translateX(275px);
		-ms-transform: translateX(275px);
		transform: translateX(275px);
	}

	body.navPanel-visible #navToggle {
		-moz-transform: translateX(275px);
		-webkit-transform: translateX(275px);
		-ms-transform: translateX(275px);
		transform: translateX(275px);
	}

	body.navPanel-visible #navPanel {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	.about_matsue_castle .image_box img {
		max-width: 100%;
		min-width: 304px;
		width: 100%;
		height: auto;
	}

	.about_suitouro .image_box img {
		max-width: 100%;
		min-width: 404px;
		width: 100%;
		height: auto;
	}

	img[src*="suitouro_shoulder.svg"] {
		position: absolute;
		max-height: 100px;
		width: auto;
		/*top: 20px;*/
		top: -10%;
		/*left: 50px;*/
		left: 0%;
	}

	.about_event .image_box img {
		width: 100%;
		height: auto;
	}

	.about_event_gc .inner_box .box.feature>img {
		width: 100%;
		height: auto;
	}

	.eng_page .about_event_gc .kankoukan_box {
		position: relative;
		display: flex;
		max-width: 80%;
		margin: 0 auto;
	}

	.about_event_gc .row>.col-12-medium {
		width: 33.333%;
	}

	.kankoukan_box .image_box img {
		width: 80%;
		height: auto;
		margin: 0 auto;
	}

	#content-wrapper .kankoukan_box {
		display: flex;
		flex-direction: column;
	}

	.about_event_gc .kankoukan_box {
		max-width: 90%;
		height: auto;
		margin-top: 10em;
		margin-bottom: 10em;
	}

	.about_event_gc .kankoukan_box .image_box {
		min-width: 266px;
	}

	.about_event_gc .inner_box.kankoukan_box {
		flex-direction: column;
	}

	.eng_page .about_event_gc .kankoukan_box {
		flex-direction: column;
	}

	img[src*="kankoukan_fukidashi.svg"] {
		position: absolute;
		width: 298px;
		height: auto;
		top: -100px;
		left: -10px;
	}


}

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

/* Small */

/*@media screen and (max-width: 520px)*/
@media screen and (max-width: 800px) {

	/* Basic */

	body,
	input,
	select,
	textarea {
		line-height: 2em;
	}

	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 13pt;
		margin: 0 0 1em 0;
	}

	/* Section/Article */

	section,
	article {
		clear: both;
		margin-bottom: 3em !important;
	}

	section.last,
	article.last {
		margin-bottom: 0 !important;
	}

	/* Image */

	.image.left {
		width: 25%;
		margin-bottom: 2em !important;
	}

	/* Menu */

	ul.menu li {
		display: block;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* Actions */

	ul.actions li {
		display: block;
		padding: 0;
		margin: 1em 0 0 0;
	}

	ul.actions li:first-child {
		margin-top: 0;
	}

	/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		width: 100%;
		text-align: center;
		font-size: 1.25em !important;
		padding: 0.65em 0 !important;
	}

	input[type="button"].icon,
	input[type="submit"].icon,
	input[type="reset"].icon,
	button.icon,
	.button.icon {
		padding-right: 0.75em !important;
	}

	input[type="button"].icon:before,
	input[type="submit"].icon:before,
	input[type="reset"].icon:before,
	button.icon:before,
	.button.icon:before {
		margin-right: 0.5em;
		top: 0.05em;
	}

	/* Box */

	.box {
		padding: 15px 15px 15px 15px;
		margin: 0;
	}

	.box.feature {
		margin: 20px 0 0 0 !important;
		padding: 0;
	}

	.box.feature .inner {
		padding: 30px 15px 30px 15px;
	}

	.box.feature p {
		margin: 0;
	}

	.box.feature .image {
		position: relative;
		margin: 0;
	}

	.box.feature .image img {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	/* Widgets */

	.widget.thumbnails .image {
		margin: 0;
	}

	.widget.thumbnails .x {
		padding: 1em 0.5em 0 0;
	}

	.widget.thumbnails .y {
		padding: 1em 0 0 0.5em;
	}

	.widget.thumbnails .row:first-child .x,
	.widget.thumbnails .row:first-child .y {
		padding-top: 0;
	}

	/* Wrappers */

	#header-wrapper {
		/*padding: 3em 0 1.5em 0;*/
	}


	#features-wrapper {
		padding: 0 15px 0px 15px;
	}

	#main-wrapper,
	#footer-wrapper {
		padding: 40px 30px 40px 30px;
	}

	/* Logo */

	#logo h1 {
		font-size: 2.75em;
		padding: 0.2em 0.275em;
	}

	#logo span {
		line-height: 3em;
	}

	/* Banner */

	#banner {
		text-align: center;
		padding: 15px 15px 15px 15px;
		margin: 0 auto !important;
	}

	#banner h2 {
		font-size: 2em;
		margin: 0.75em 0 0.5em 0;
	}

	#banner p {
		font-size: 1.5em;
		line-height: 1.5em;
		margin: 0;
	}

	#banner ul {
		margin: 0;
	}

	#banner .button {
		margin: 0 0 1em 0;
	}

	/* Content */

	#content {
		padding-bottom: 1em;
	}

	.about_event_schedule .inner .inner_box {
		padding: 16px 16px 0px 16px;
	}

	/* Footer */

	#footer section {
		border-bottom: solid 1px #ccc;
		padding-bottom: 3em;
		margin-bottom: 1em !important;
	}

	#copyright {
		text-align: left;
	}


	#main_visual .main_image_box img {
		padding-top: 0px;
	}
	.main_image_box {
    display: flex;
    justify-content: center;
    text-align: center;
    /* max-width: 1037px; */
    width: auto;
    margin: 0 auto;
    overflow: unset;
}
#main_visual .main_image_box img {
    width: 100%;
    /* max-width: 1090px; */
    height: auto;
    margin: 0em auto;
    padding-top: 0px;
}
#content-wrapper .main_copy h1 {
    line-height: 2em;
    font-size: 15px;
    text-align: left;
    padding-bottom: 2em;
}
	.about_matsue_castle h2 {
		margin: 0;
	}

	p.open_time {
		font-size: 17px;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		font-style: normal;
		font-weight: 400;
		line-height: 1em;
	}

	.left_title img[src*="left_title"] {
		width: 100%;
	}

	#content-wrapper .inner_box {
		flex-direction: column;
		padding-bottom: 3em;
	}
#content-wrapper .horikawa .inner_box {
        padding-bottom: 1em;
}
.horikawa .proce_box {
    padding-bottom: 1em;
}
	#content-wrapper .about_event_schedule .inner_box {
		padding-top: 3em;
		padding-bottom: 0em;
	}

	#content-wrapper .inner .inner_box.matsu_castle {
		padding-bottom: 0em;
	}

	#content-wrapper .about_matsue_castle .inner_box .text_body_outer {
		padding-left: 0em;
	}

	#content-wrapper .about_matsue_castle .inner_box .text_body_outer .text_body {
		order: 4;
		margin-bottom: 0.5em;
	}
#content-wrapper .about_matsue_castle .inner, #content-wrapper .about_suitouro .inner, #content-wrapper .about_event .inner {
    padding-top: 20px;
}
	h2.left_title {
		text-align: left;
	}

	h2.left_title img.mobile {
		/*margin: 0 auto;*/
	}

	img[src*="maccha_title"],
	img[src*="musha_title"] {
		height: auto;
		width: auto;
		/*margin: 0 auto;*/
	}
		img[src*="musha_title"] {
		min-height: 134px;
		}

	.about_suitouro .inner_box {
		flex-direction: column !important;
		justify-content: space-between;
		align-items: flex-end;
		text-align: left !important;
	}

	.about_event_gc .inner_box {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 85%;
		margin: 0 auto;
		margin-top: 4em;
	}

	.title2 {
		width: auto;
		/*height: 15px;*/
	}

	.corner_footer_image_outer {
		margin-top: -15px;
	}

	div[class*="shoulder_title"] {
		padding: 26px 0 2em 0 !important;
	}

	#content-wrapper img[src*="corner_title"] {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		margin-bottom: 0px;
	}

	img[src*="matsue_castle_shoulder.svg"] {
		position: relative;
		max-height: 80px;
		width: 162px;
	}

	img[src*="suitouro_shoulder.svg"] {
		position: absolute;
		max-height: 50px;
		width: 145px;
		top: -45px;
		right: unset;
		left: -20px;
	}

	img[src*="spot_guid_shoulder.svg"] {
		max-height: 75px;
		width: auto;
		margin: 0 auto;
	}

	img[src*="about_event.svg"] {
		max-height: 58px;
		width: auto;
		margin: 0 auto 32px auto !important;
	}

	img[src*="g&c_shoulder.svg"] {
		max-height: 78px;
		width: auto;
		margin: 0 auto;
	}

	img[src*="tour_shoulder.svg"] {
		max-height: 65px;
		width: auto;
		margin: 0 auto;
	}

	img[src*="map_shoulder.svg"] {
		max-height: 62px;
		width: auto;
		margin: 0 auto;
	}

	img[src*="access_shoulder.svg"] {
		max-height: 61px;
		width: auto;
		margin: 0 auto;
	}

	#header .header_menu {
		background: #1C2B45;
		max-width: 1090px;
		width: 100%;
		margin: 0 auto;
		padding: 0.2em 0;
		height: 28px;
	}

	#header .header_menu .inner {
		position: absolute;
		z-index: 1000000;
		right: 0;
		top: 7px;
	}

	#header .header_menu img {
		width: auto;
		height: 13px;
	}

	#header .header_menu .inner p {
		line-height: 0;
	}

	#main_visual h1 {
		text-align: center;
		top: 3%;
		right: 0%;
		left: 0%;
		width: 100%;
		max-width: unset;
		height: auto;
		margin: 0 auto;
		z-index: 1000;
	}

	#main_visual h1 img {
		max-width: 100%;
		/* max-width: 825px; */
	}

	.accordion-004 p {
		transform: translateY(-10px);
		opacity: 0;
		margin: 0;
		padding: 1em 1em 1em 1em;
		color: #333333;
		transition: transform .5s, opacity .5s;
		font-size: 10px;
	}

	#main_visual .cloud_top .cloud_top_r {
		width: 41%;
		height: auto;
		top: 60%;
		right: -13%;
	}
#main_visual .cloud_top {
    width: 100%;
    height: 120%;
}
	#main_visual .cloud_top .cloud_top_l {
		width: 33%;
		height: auto;
		top: 4%;
		left: -10%;
	}

	#main_visual .date_box {
		padding: 10px 1em 20px 1em;
	}

	#main_visual .date_box img {
		position: relative;
		margin: 0em auto -0.2em auto;
	}

	.about_event_gc .inner_header h3,
	.about_event .text_body h3,
	.about_event .inner_header h3,
	.about_spot_guide .inner_header h3 {
		margin: 0 0 0em 0;
	}

	.about_event_gc .inner_header h3 img,
	.about_event .inner_header h3 img,
	.about_spot_guide .inner_header h3 img {
		margin-bottom: 0em;
	}

	.illust_map p,
	.about_tour p {
		font-size: 11px;
		line-height: 1em;
		text-align: center;
	}

	.main_content_outer.about_tour {
		text-align: center;
		padding-bottom: 1em;
	}

	#header-wrapper {
		/* padding: 4.5em 0 3em 0; */
	}

	#main-wrapper,
	#footer-wrapper {
		padding: 40px 20px 40px 20px;
	}

	.main_content_outer .inner_box.about_matsue_castle_text,
	.main_content_outer .inner_box {
		padding: 1em 0 15px 0;
	}

	p {
		font-size: 14px;
		text-align: justify;
	}

	.about_matsue_castle .text_body p,
	.about_suitouro .text_body p {
		line-height: 1.9em;
		font-size: 14px;
	}

	.about_matsue_castle .image_box img.mobile {
		width: 60%;
		height: auto;
		margin: 1em auto;
	}

	img[src*="matsue_castle_title.svg"] {
		max-height: 102px;
		width: 80%;
		height: auto;
		max-width: 494px;
	}

	.about_matsue_castle_text h3 {
		font-size: 17px;
	}

	.about_matsue_castle h3,
	.about_suitouro h3 {
		margin-top: 0em;
		margin-bottom: 0;
		text-align: left;
	}

	#content-wrapper .about_suitouro .inner_box {
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		text-align: right;
	}

	#content-wrapper .about_suitouro .inner_box .text_body_outer {
		padding-right: 0em;
	}

	.badge_box {
		position: absolute;
		right: 17px;
		top: 17px;
		width: 66px;
	}

	.badge_box img {
		width: 66px;
	}

	.about_suitouro .text_body p {
		text-align: left;
	}

	.about_suitouro .image_box {
		text-align: center;
	}

	.about_matsue_castle .image_box img {
		max-width: 100%;
		min-width: 204px;
		width: 100%;
		height: auto;
	}

	.about_suitouro .image_box img {
		width: 80%;
		min-width: 204px;
		height: auto;
		margin: 0em auto;
	}

	.about_spot_guide .image_box {
		text-align: center;
	}

	.about_spot_guide .image_box img {
		width: 70%;
		height: auto;
		margin: 1em auto;
	}

	.about_spot_guide .text_body p {
		text-align: center;
	}

	.about_spot_guide .inner_box .text_body_outer {
		padding-left: 0em;
	}

	.about_spot_guide .text_body p img {
		height: 33px;
		max-width: 460px;
		width: auto;
	}

	.about_event .title2 {
		width: auto;
		height: auto;
		width: auto;
	}

	.about_event .inner_box .text_body_outer {
		padding-left: 0em;
		width: 100%;
		text-align: left;
	}

	.about_event .image_box {
		text-align: center;
		width: 100%;
		margin-top: 1em;
		margin-bottom: 0.5em;
	}

	.about_event .image_box img {
		width: 70%;
		height: auto;
		margin: 0em auto;
	}

	.main_content_outer .inner_box,
	.about_event .inner .inner_box {
		padding: 1em 0 1em 0;
	}

	#content-wrapper .about_event .inner {
		padding-bottom: 0;
	}

	#content-wrapper .about_event .inner_box .about_event img[src*="event_title_kagura.svg"] {
		width: auto;
		height: auto;
	}

	img[src*="event_title_kagura.svg"],
	img[src*="event_title_kaidan.svg"],
	img[src*="event_title_huubutsushi_mobile.svg"] {
		zoom: 0.8;
	}

	/*.about_event img[src*="event_title_huubutsushi_mobile.svg"] {
	width: auto;
	height: 46px;
}*/
	#content-wrapper .about_event .inner_box {
		width: 100%;
	}

	.about_event .row>* {
		padding: 0px 0 0 0px;
		margin-bottom: 30px;
	}

	.about_event .inner .otherevent_box {
		padding: 1em 0em 1em 1em;
	}

	.about_event .inner .otherevent_box .inner_box {
		padding: 1em 0 1em 0;
	}

	.about_event .otherevent_box {
		margin-top: 10px;
		padding-bottom: 0 !important;
	}

	.about_event .text_body p {
		line-height: 1.8em;
		text-align: left;
		font-size: 14px;
	}

	.about_event .text_body p span {
		display: block;
		font-size: 11px;
		line-height: 19px;
	}

	.about_event .otherevent_box div .mobile_layout {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.about_event .otherevent_box div .mobile_layout img.other_event_img {
		width: 46% !important;
	}

	.about_event .otherevent_box div .mobile_layout h2 {
		margin: 0 0.5em 0 0.5em;
	}

	.about_event .otherevent_box div .mobile_layout h2 img {
		height: 18px;
	}

	.about_event .otherevent_box div:nth-child(2) .mobile_layout {
		flex-direction: row-reverse;
	}

	.about_event .otherevent_box .inner_box>div:nth-child(1),
	.about_event .otherevent_box .inner_box>div:nth-child(3) {
		padding-right: 1em;
	}

	.about_event .otherevent_box .inner_box>div:nth-child(2) {
		padding-left: 1em;
	}

	#content-wrapper .main_content_outer {
		margin: 0 auto 174px auto !important;
	}

	.about_event_gc .box.feature {
		display: flex;
		text-align: center;
	}

	.about_event_gc .inner_box div:nth-child(2) .box.feature {
		display: flex;
		flex-direction: row-reverse;
	}

	.about_event_gc .box.feature img {
		/*aspect-ratio: 298 / 237;*/
		width: 40%;
		height: auto;
	}

	.about_event_gc header {
		margin: 0 0 0em 0;
	}

	.about_event_gc .box.feature img[src*="/event_greentea.png"],
	.about_event_gc .box.feature img[src*="/event_sake.png"],
	.about_event_gc .box.feature img[src*="/event_soba.png"] {
		width: 100%;
		max-height: 100%;
		height: 100%;
		zoom: 50%;
		max-width: 40%;
	}

	.about_event_gc .box.feature .inner {
		width: 60%;
	}

	.about_event_gc .box.feature .inner h2 img {
		height: 60px;
		width: auto;
	}

	.about_event_gc .inner_box {
		position: relative;
		display: flex;
		flex-direction: column;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		margin-top: 0em;
		margin-bottom: 1.5em;
	}

	.about_event_gc .inner_box div {
		padding-left: 0;
	}

	.kankoukan_box .text_body p {
		text-align: center;
		font-size: 11px;
		line-height: 1.5em;
	}

	img[src*="kankoukan_img_mobile.png"] {
		zoom: 50%;
		margin: 0 auto;
	}

	.inner_box.ticket_block_outer table {
		height: 0;
		margin-bottom: 1em;
	}

	.inner_box.ticket_block_outer table tr {
		border: none;
		display: flex;
		flex-direction: column;
	}

	.a_b_ticket_price_box .inner_box.ticket_block_outer table th {
		margin: 0 0 0 0;
	}

	.inner_box.ticket_block_outer table th,
	.inner_box.ticket_block_outer table td {
		padding-bottom: 0;
	}

	.inner_box.ticket_block_outer table th {
		margin-bottom: 0;
	}

	.inner_box.ticket_block_outer table tr:last-child {
		padding-bottom: 0.6em;
	}

	.inner_box.ticket_block_outer table th:nth-child(1),
	.inner_box.ticket_block_outer table th:nth-child(1) p {
		width: 100%;
		text-align: center;
	}

	.inner_box.ticket_block_outer table td.ticket_content,
	.inner_box.ticket_block_outer table td.ticket_content p {
		width: 100%;
		text-align: center;
		line-height: 1.5em;
		padding-top: 0.5em;
	}

	.inner_box.ticket_block_outer table p.name {
		font-size: 18px;
		margin-bottom: 0em;
		text-align: center;
	}

	.inner_box.ticket_block_outer table p.text_body {
		font-size: 14px;
	}

	.inner_box.ticket_block_outer table.ticket-3 tr td:nth-child(3) .price_line {
		margin-bottom: 0em;
	}

	.inner_box.ticket_block_outer table tr:nth-child(2) .price_line {
		margin-top: 0em;
	}

	.a_b_ticket_price_box {
		display: flex;
		justify-content: center;
		padding: 0;
	}

	.a_b_ticket_price_box .price_line_box {
		margin: auto 0.5em;
	}

	.price_line {
		padding-right: 0em;
	}

	.inner_box.ticket_block_outer table p.price_line {
		font-size: 16px;
	}

	.inner_box.ticket_block_outer table p.price {
		font-size: 20px;
		padding-left: 0.3em;
	}


	.inner_box.ticket_block_outer .ticket_block_inner {
		padding: 1em;
		padding-top: 2em;
	}

	.main_content_outer.about_tour .inner_box {
		padding: 1em 1em 1em 1em;
	}

	.about_tour p {
		font-size: 11px;
		line-height: 1em;
		text-align: center;
		margin-top: 1em;
	}

	#features-wrapper .inner {
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	#ticket-wrapper,
	#features-wrapper {
		padding: 0 0 63px 0;
	}

	#main-wrapper.map_access_wrapper section {
		margin-top: 64px;
	}

	#features-wrapper .about_event_gc h3 {
		text-align: center;
		margin-bottom: 2em;
	}

	img[src*="ticket_shoulder"] {
		width: 30%;
	}

	img[src*="about_event_schedule"] {
		width: 70%;
		padding-bottom: 2em;
	}

	#features-wrapper .about_event_gc h3 img {
		margin: 0 auto;
	}

	.about_event_gc .shimane_link {
		width: 60%;
		height: auto;
		margin: 0 auto;
	}

	#main-wrapper .container .parking_pay table {
		width: 100%;
		margin: 0 auto;
	}

	#main-wrapper .container .parking_pay table td p {
		font-size: 8.5px;
		line-height: 1.5em;
		margin-bottom: 0;
	}

	#main-wrapper .container .parking_pay table th {
		font-size: 8.5px;
	}

	#main-wrapper .container .parking_pay table td {
		height: 3em;
		padding: 0.3em;
	}

	#main-wrapper .container iframe {
		height: 300px !important;
	}

	#main-wrapper .container .google_map P {
		font-size: 11px;
		line-height: 1.5em;
		text-align: center;
	}

	#main-wrapper .container .official_link_box {
		text-align: center;
	}

	#main-wrapper .container .official_link_box img {
		width: 65%;
		height: auto;
		margin: 0 auto;
	}

	#main-wrapper strong.attention {
		font-size: 16px;
		font-weight: normal;
		line-height: 1.2em;
		/*white-space: pre-wrap;*/
		text-align: center;
	}

	#main-wrapper strong.attention span {
		display: block;
	}

	#main-wrapper strong.attention br.mobile {
		padding: 0;
		margin: 0;
		height: 0;
		line-height: 0em;
	}

	#main-wrapper .content_footer {
		text-align: center;
		margin: 0em 0 0 0;
		overflow: visible;
		white-space: nowrap;
	}

	#main-wrapper .content_footer p {
		margin-top: 1em;
		font-size: 12px;
		text-align: right;
	}

	#main-wrapper section {
		margin-top: 2em;
	}

	.chinese #footer-wrapper .footer_body .links li {
		font-size: 8.5px;
	}

	.chinese #footer-wrapper {
		padding: 10px 15px 10px 15px;
	}

	#footer-wrapper .footer_box {
		margin-bottom: 1.5em;
	}

	#footer ul.menu {
		margin-bottom: 0;
	}

	#footer-wrapper .footer_body .links li {
		font-size: 11.5px;
		line-height: 1.9em;
		white-space: nowrap;
	}

	.eng_page #footer-wrapper .footer_body .links li {
		white-space: unset;
	}

	#footer section {
		border-bottom: none;
		padding-bottom: 3em;
		margin-bottom: 1em !important;
	}

	#footer section {
		border-bottom: none;
		padding-bottom: 1em;
		margin-bottom: 1em !important;
	}

	#footer-wrapper .container .footer_body {
		border-left: none;
		border-right: none;
		padding: 0 0 0 0em;
	}

	#footer section.links span {
		padding-left: 2.5em;
	}

	#footer .row {
		margin-top: 10px;
		margin-left: 0px;
	}

	#main-wrapper,
	#footer-wrapper {
		padding: 10px 20px 20px 20px;
	}

	#footer .row .copyright_outer {
		padding: 0px 0 0 0px;
	}

	#footer-wrapper .footer_body .links {
		margin-bottom: 0 !important;
		padding-bottom: 0;
	}

	.footer_box .links {
		margin-bottom: 0;
	}

	.footer_box .links h3 {
		margin: 0 0 0em 0;
	}

	#copyright li {
		font-size: 11px;
		text-align: center;
		line-height: 1.5em;
	}

	#footer .footer_body h3 {
		text-align: center;
	}

	img[src*="footer_rogo_title_mobile.svg"] {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}

	/**/
	#content-wrapper {
		position: relative;
		padding-top: 20px;
	}

	#content-wrapper .cloud_body {
		/*top: -2.5em;*/
		position: absolute;
		width: 100%;
		/*height: 200%;*/
		height: 100%;
		z-index: -1;
		right: 0;
		left: 0;
		margin: 0 auto;
		overflow: hidden;
	}

	#content-wrapper .cloud_body img {
		position: absolute;
	}

	#content-wrapper .cloud_body .cloud_content_l {
		max-width: 293px;
		width: 30%;
		height: auto;
		top: 1%;
		left: -6%;
	}

	#content-wrapper .cloud_body .cloud_content_r {
		max-width: 538px;
		width: 50%;
		height: auto;
		top: 5.5%;
		right: -23%;
	}



	#content-wrapper .cloud_body .cloud_content_l3-1 {
		max-width: 448px;
		width: 40%;
		height: auto;
		top: 10%;
		left: -10%;
	}

	#content-wrapper .cloud_body .cloud_content_r3-1 {
		max-width: 448px;
		width: 40%;
		height: auto;
		top: 15%;
		right: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_l4-1 {
		max-width: 448px;
		width: 40%;
		height: auto;
		top: 20%;
		left: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_r4-1 {
		max-width: 448px;
		width: 40%;
		height: auto;
		top: 25%;
		right: -5%;
	}

	#content-wrapper .cloud_body .cloud_content_l5-1 {
		max-width: 448px;
		width: 40%;
		height: auto;
		top: 30%;
		left: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_r5-1 {
		max-width: 448px;
		width: 40%;
		height: auto;
		top: 35%;
		right: -5%;
	}

	#content-wrapper .cloud_body .cloud_content_l6-1 {
		max-width: 448px;
		width: 43%;
		height: auto;
		top: 40%;
		left: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_r6-1 {
		max-width: 448px;
		width: 35%;
		height: auto;
		top: 45%;
		right: -5%;
	}

	#content-wrapper .cloud_body .cloud_content_l7-1 {
		max-width: 448px;
		width: 43%;
		height: auto;
		top: 47%;
		left: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_r7-1 {
		max-width: 448px;
		width: 35%;
		height: auto;
		top: 51%;
		right: -15%;
	}

	#content-wrapper .cloud_body .cloud_content_l8-1 {
		max-width: 448px;
		width: 43%;
		height: auto;
		top: 55%;
		left: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_r8-1 {
		max-width: 448px;
		width: 35%;
		height: auto;
		top: 59%;
		right: -15%;
	}

	#content-wrapper .cloud_body .cloud_content_l9-1 {
		max-width: 448px;
		width: 43%;
		height: auto;
		top: 63%;
		left: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_r9-1 {
		max-width: 448px;
		width: 35%;
		height: auto;
		top: 67%;
		right: -15%;
	}

	#content-wrapper .cloud_body .cloud_content_l10-1 {
		max-width: 448px;
		width: 43%;
		height: auto;
		top: 71%;
		left: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_r10-1 {
		max-width: 448px;
		width: 35%;
		height: auto;
		top: 75%;
		right: -15%;
	}

	#content-wrapper .cloud_body .cloud_content_l11-1 {
		max-width: 448px;
		width: 43%;
		height: auto;
		top: 79%;
		left: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_r11-1 {
		max-width: 448px;
		width: 35%;
		height: auto;
		top: 83%;
		right: -15%;
	}

	#content-wrapper .cloud_body .cloud_content_l12-1 {
		max-width: 448px;
		width: 43%;
		height: auto;
		top: 87%;
		left: -3%;
	}

	#content-wrapper .cloud_body .cloud_content_r12-1 {
		max-width: 448px;
		width: 35%;
		height: auto;
		top: 91%;
		right: -15%;
	}

	#content-wrapper .cloud_body .cloud_content_l13-1 {
		max-width: 448px;
		width: 43%;
		height: auto;
		top: 95%;
		left: -3%;
	}


	#content-wrapper .cloud_body .cloud_content_l3 {
		max-width: 252px;
		width: 25%;
		height: auto;
		top: 68%;
		left: -1%;
	}

	#content-wrapper .cloud_body .cloud_content_r3 {
		max-width: 448px;
		width: 40%;
		height: auto;
		top: 88%;
		right: -10%;
	}




	#features-wrapper {
		position: relative;
	}

	#features-wrapper .cloud_body {
		top: 0;
		position: absolute;
		width: 100%;
		/* height: 200%; */
		height: 100%;
		z-index: -1;
		right: 0;
		overflow: hidden;
	}

	#features-wrapper .cloud_body img {
		position: absolute;
	}

	#features-wrapper .cloud_body {
		overflow: visible;
	}

	#features-wrapper .cloud_body .cloud_content_r3 {
		max-width: 448px;
		width: 60%;
		height: auto;
		top: -2%;
		right: -13.5%;
	}

	#features-wrapper .cloud_body .cloud_content_l4 {
		max-width: 610px;
		width: 35%;
		height: auto;
		top: 64%;
		left: -5%;
		transform: scale(-1, 1);
	}

	#features-wrapper .cloud_body .cloud_content_l5 {
		max-width: 610px;
		width: 25%;
		height: auto;
		top: 12.5%;
		left: -5%;
	}

	#features-wrapper .cloud_body .cloud_content_r5-1 {
		max-width: 448px;
		width: 25%;
		height: auto;
		top: 30%;
		right: -5%;
	}

	#features-wrapper .cloud_body .cloud_content_r6-1 {
		max-width: 448px;
		width: 30%;
		height: auto;
		top: 70%;
		right: -5%;
	}

	#features-wrapper .cloud_body .cloud_content_l7-1 {
		max-width: 448px;
		width: 30%;
		height: auto;
		top: 85%;
		left: -5%;
	}

	.about_tour {
		position: relative;
	}

	.about_tour .cloud_body {
		top: 0;
		position: absolute;
		width: 100%;
		/* height: 200%; */
		height: 100%;
		z-index: -1;
		right: 0;
		overflow: hidden;
	}

	.about_tour .cloud_body img {
		position: absolute;
	}

	.about_tour .cloud_body .cloud_content_r4 {
		max-width: 252px;
		width: 30%;
		height: auto;
		top: 5%;
		right: -8%;
		transform: scale(-1, 1);
	}

	.about_tour .cloud_body .cloud_content_l5 {
		max-width: 252px;
		width: 40%;
		height: auto;
		top: 65%;
		left: -3%;
		transform: scale(-1, 1);
	}

	/**/
	#main-wrapper .cloud_body .cloud_white_l {
		width: 24%;
		height: auto;
		top: 4%;
		left: -1%;
	}

	#main-wrapper .cloud_body .cloud_white_r {
		width: 50%;
		height: auto;
		top: 38%;
		right: -5%;
	}

	#main-wrapper .cloud_body .cloud_white_l2 {
		width: 48%;
		height: auto;
		top: 80%;
		left: -5%;
	}

	#main-wrapper .cloud_body .cloud_white_r2 {
		width: 30%;
		height: auto;
		top: 94%;
		right: -2%;
	}

	.about_event_gc .row>.col-12-medium {
		width: 100%;
	}

	.about_event_schedule .corner_title_outer {
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
		margin-top: -14px;
	}

	.about_event_schedule .corner_title_outer img {
		width: 83vw;
		margin: 0 auto;
	}

	.about_event_schedule .shoulder_title {
		text-align: center;
	}

	.about_event_schedule .shoulder_title img {
		margin: 0 auto;
	}

	.about_event_schedule .inner_box .image_box,
	.about_event_schedule .inner_box img {
		width: 100%;
	}

	.about_event_schedule .schedule_body_box .pay_area {
		margin-top: 30px;
		margin-bottom: 2em;
	}

	.about_event_schedule .schedule_body_box th,
	.about_event_schedule .schedule_body_box td {
		text-align: center;
		vertical-align: middle;
	}

	.about_event_schedule .schedule_body_box th {
		height: 50px;
	}

	.about_event_schedule .schedule_body_box .pay_area th {
		background: #910782;
	}

	.about_event_schedule .schedule_body_box .free_area th {
		background: #00A199;
	}

	.about_event_schedule .schedule_body_box th h2 {
		font-size: 16px;
		margin-bottom: 0;
	}

	.about_event_schedule .schedule_body_box th h2 span {
		display: block;
		font-size: 11px;
		color: #F9ED00;
	}

	.about_event_schedule .schedule_body_box td {
		padding: 0;
		height: 80px;
	}

	.about_event_schedule .schedule_body_box td p {
		font-size: 13px;
		line-height: 1.5em;
		text-align: center;
	}

	.about_event_schedule .schedule_body_box .attention {
		font-size: 11px;
		text-align: right;
	}



	/* ##################################################################################### english ########*/
	.eng_page #content-wrapper {
		position: relative;
		padding-top: 7em;
	}

	.eng_page img[src*="matsue_castle_shoulder.svg"] {
		position: absolute;
		max-height: 80px;
		width: 192px;
		right: -10px;
		top: -75px;
	}

	.eng_page .kankoukan_box h3,
	.eng_page .about_event_gc .inner_header h3,
	.eng_page .about_event h3,
	.eng_page .about_spot_guide .text_body p,
	.eng_page .about_spot_guide h3,
	.eng_page .about_matsue_castle h3,
	.eng_page .about_suitouro h3 {
		margin-top: 0;
		font-size: 16px;
		font-family: "PT Serif";
		line-height: 1.5em;
		text-align: center;
	}

	.eng_page .about_matsue_castle .text_body p,
	.eng_page .about_suitouro .text_body p {
		line-height: 1.5em;
		font-size: 11px;
	}

	.eng_page .box.feature h2 {
		font-size: 12px;
	}

	.eng_page .about_matsue_castle_textbox {
		padding: 0em 1em 2em 1em;
	}

	.eng_page .about_event_gc .inner_header {
		margin-bottom: 1em;
	}

	.eng_page .box.feature .inner {
		padding: 5px 5px 5px 5px;
	}

	.eng_page .box.feature header {
		display: flex;
		display: table;
		align-items: center;
		height: 100%;
	}

	.eng_page .box.feature h2.right_text {
		text-align: right;
		align-self: center;
		display: table-cell;
		vertical-align: middle;
	}

	.eng_page .box.feature h2.left_text {
		text-align: left;
		display: table-cell;
		vertical-align: middle;
	}

	.eng_page .box.feature h2 span {
		display: block;
		font-size: 11px;
	}

	.eng_page .kankoukan_box .text_body p {
		text-align: left;
		font-size: 11px;
		line-height: 1.5em;
		margin-bottom: 1em;
	}

	.eng_page .about_event_gc {
		margin-bottom: 3em;
	}

	.eng_page .about_event_gc .kankoukan_box {
		position: relative;
		display: flex;
		max-width: 90%;
		margin: 0 auto;
	}

	.eng_page .about_event_gc .shimane_link {
		width: 278px;
		height: auto;
		margin: 0 auto;
	}

	.eng_page #main-wrapper .container .official_link {
		width: 278px;
		height: auto;
	}

	.eng_page #main-wrapper strong.attention {
		font-size: 14px;
		font-weight: normal;
		line-height: unset;
		line-height: 1em;
	}

	.eng_page #footer-wrapper .footer_body .links ul li:nth-child(1) {
		padding-left: 5.5em;
		text-indent: -5.5em;
	}

	.eng_page #footer-wrapper .footer_body .links ul li:nth-child(2),
	.eng_page #footer-wrapper .footer_body .links ul li:nth-child(3) {
		padding-left: 7em;
		text-indent: -7em;
	}

	.eng_page #footer-wrapper .footer_body .links ul li:nth-child(4) {
		padding-left: 0em;
		text-indent: 0em;
	}

	.eng_page #copyright li {
		transform: scale(0.92, 1);
		transform-origin: top center;
		white-space: nowrap;
	}

	.eng_page img[src*="kankoukan_img_mobile.png"] {
		zoom: 50%;
		margin: 0 auto;
		width: 100%;
	}

	.eng_page img[src*="footer_rogo_title_mobile.svg"] {
		width: 75%;
		height: auto;
		margin: 0 auto;
	}

	.eng_page #footer-wrapper .container .footer_body {
		width: 100%;
	}

	.eng_page #footer-wrapper .container .footer_body li {
		font-size: 9.5px;
		line-height: 1.5em;
	}

	.eng_page #content-wrapper .cloud_body .cloud_content_l {
		max-width: 293px;
		width: 30%;
		height: auto;
		top: 1%;
		left: -6%;
	}

	.eng_page #content-wrapper .cloud_body .cloud_content_r {
		max-width: 538px;
		width: 50%;
		height: auto;
		top: 12.5%;
		right: -10%;
	}

	.eng_page #content-wrapper .cloud_body .cloud_content_l_2 {
		max-width: 425px;
		width: 45%;
		height: auto;
		top: 36%;
		left: -14%;
		transform: scale(-1, 1);
	}

	.eng_page #content-wrapper .cloud_body .cloud_content_r_2 {
		max-width: 294px;
		width: 26%;
		height: auto;
		top: 55%;
		right: -6%;
		transform: scale(-1, 1);
	}

	.eng_page #content-wrapper .cloud_body .cloud_content_l3 {
		max-width: 252px;
		width: 25%;
		height: auto;
		top: 63%;
		left: -1%;
	}

	.eng_page #content-wrapper .cloud_body .cloud_content_r3 {
		max-width: 448px;
		width: 40%;
		height: auto;
		top: 88%;
		right: -10%;
	}

	.eng_page #features-wrapper .cloud_body .cloud_content_l4 {
		max-width: 610px;
		width: 55%;
		height: auto;
		top: 24%;
		left: -5%;
		transform: scale(-1, 1);
	}

.time_box_outer .time_box_outer_inner .time_box_body span {
    line-height: 0;
    font-size: 16.5px;
    border-radius: 5px;
    padding: 0 0.5em 0.1em 0.5em;
}
.time_box_outer .time_box_outer_inner .time_box_body span span {
    font-size: 12.5px;
}
.time_box_outer {
    margin: 0.5em 0;
}
.about_event .inner_box h3 {
	margin-bottom: 0;
}
.about_event .place_info p {
    font-size: 16.5px;
    color: #fcc800;
		margin-bottom: 0;
}
.about_event .place_info {
    padding-bottom: 0em;
}

.inner_box.ticket_block_outer table th, .inner_box.ticket_block_outer table td {
        padding-bottom: 0;
				width: 100%;
				margin-top: 0em;
}
.inner_box.ticket_block_outer table.lawson_ticket td {
				margin-top: 1.4em;
}
.inner_box.ticket_block_outer table tr td:nth-child(2) {
    text-align: center;
    width: 100%;
}
.inner_box.ticket_block_outer table .price_line_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0em;
    margin-bottom: 0em;
}
.LAWSON {
    display: flex;
		flex-direction: column;
    width: 100%;
    justify-content: space-between;
    border-top: 1px solid #B18147;
    padding-top: 0.5em;
    padding-bottom: 1em;
		margin-top: 1em;
}
.LAWSON_color span {
	display: block;
    color: #000;
    padding-left: 1em;
}
.btn_lowson {
    width: 258px;
    height: 30px;
    /* line-height: 1.5em; */
    margin:1em auto 0 auto;
}
.btn_lowson a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background: #036EB7;
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 5px 5px 4px 0px #838383;
    transition: all 0.3s 
ease;
padding-top: 0.1em;
}
.attention_body p {
	line-height: 1.2em;
}
.horikawa table th {
    width: 6em;
    padding: 0;
    margin: 0;
}
.inner_box.ticket_block_outer table p.name {
	margin-top: 0em;
}
	.pc {
		display: none;
	}

	.mobile {
		display: block;
	}




}
@media (min-width: 520px) and (max-width: 800px) {
	ul.style2 {
    list-style: none;
    padding-left: 0;
    margin-left: 21.5%;
}
}

@media (min-width: 800px) and (max-width: 980px) {
	#footer .row>.col-6-medium {
		width: auto;
		padding-right: 2em;
	}
}


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

	img[src*="maccha_title"],
	img[src*="koizumi_title"] {
		height: 51px;
		width: auto;
		margin: 0 auto;
	}
		img[src*="musha_title"] {
		min-height: auto;
		}
    #content-wrapper .main_content_outer {
        margin: 0 auto 4em auto !important;
    }
}


}