@charset "utf-8";
:root { font-size:16px; }
body { margin: 0px; color:#333333; background-color:#FFFFFF;   font-family:Verdana,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }
body,td { text-decoration:none; }
a img { border:none; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y:scroll; }
img { max-width:100%; height:auto; border: 0; }
.img-responsive { display:block; width:100%; height:auto; }
.grid { float:left; display:block; width:100%; margin:0; padding:0; }
.grid:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.grid > .col { width:100%; }
.flexbox { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
ul.flexbox { list-style:none; margin:0; padding:0; }
.flexbox img { vertical-align: middle; }
#sm-nav-btn { position:absolute; top:0; right:5px; display:none; z-index:999999; }

.mainbody { width:100%; overflow:hidden; }
.maintablebox { margin:0px; padding:0px; }
.maintablebox2 { margin:0 auto; padding-left:0px; padding-right:0px; padding-top:0; background-image: url();   }
div#header_box { width:100%;   }
div#top_baner1_box { width:100%; background-color:#333333; color:#ffffff;  }
div#top_baner1_box ul#main-menu > .col > a { color:#ffffff; }
div#top_baner1_box ul#main-menu > .col > a:hover { background-color:#aaaaaa; color:#ffffff; }
div#top_main_img_box { width:100%; }
div#top_baner2_box { width:100%;   }
div#top_baner3_box { width:100%;   }
div#foot_baner_box { width:100%;   }
div.maintablebox2_outerbox { width:100%;   }
div.footbackground { background-color:#f2f2f2;  }
div.footbackground name > span { display:inline-block; }
div.menut{ clear: left;  text-align:left; vertical-align:text-top; }
div.navi_new { width:200px; float:left;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-200px; float:right; width:100%; }
div.document_new_r_contents { margin-left:200px; }
.menubt ul { margin:0px; padding:0px; list-style:none; }
.menubt ul li {  padding:0px; list-style:none; }
.menubt a { margin:0px; padding:5px; display:block;  height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#333; background-color:#fff; text-decoration:none; text-align:center; border:solid 1px #fff; }
.menubt a:link { margin:0px; padding:5px; display:block;  height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#333; background-color:#fff; text-decoration:none; text-align:center; border:solid 1px #fff; }
.menubt a:visited { margin:0px; padding:5px; display:block;  height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#333; background-color:#fff; text-decoration:none; text-align:center; border:solid 1px #fff; }
.menubt a:hover { margin:0px; padding:5px; display:block;  height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:#333; background-color:#fff; text-decoration:underline; text-align:center; border:solid 1px #fff; }
#sm-nav { position: absolute; top: -1000px; width:100%; height: auto; z-index: 99999; /* box-shadow: 0 0 3px 0 #333; */ padding: 5px; }
#sm-nav-frm { border:none; width:100%; }
ul.global_nav_list { margin: 0 auto; padding: 0; line-height: 2em; }
ul.global_nav_list li.gnav_sub_head { border-bottom:none !important; list-style: none; background: none; text-indent: 0px; font-weight: bold; }
ul.global_nav_list li:last-child { border-bottom:none !important; }
ul.global_nav_list_disc { list-style-image: none !important; list-style-type: disc !important; list-style-position: inside !important; }
ul.global_nav_list_icon { list-style: none; }
ul.global_nav_list li { padding: 5px 10px; }
ul.global_nav_list_icon li { background-image: url("/image/icon/sp_menu_icon.png"); background-repeat: no-repeat; background-position: 97% 50%; text-indent: 0; }
ul.global_nav_list li a { text-decoration: none; display: block; font-weight: normal !important; }
ul.global_nav_list_disc li a { display: inline-block; }
#at-main-menu-area { width:100%;  background-color:#fff;   color:#333;  }
#at-main-menu-in { text-align: center; }
#at-main-menu-in .top-menu-button { border-right: 1px solid #fff;  }
#at-main-menu-in li.col:first-child > .top-menu-button { border-left: 1px solid #fff;  }
#at-main-menu-in .top-menu-button > a {  color:#333;  line-height: 50px; text-decoration: none; display: block; }
#at-main-menu-in .top-menu-button > a > img { width:100%; }
#at-main-menu-in .top-menu-button:hover {  background-color:#f2f2f2;  }
#at-main-menu-in .top-menu-button:hover > a {  color:#333;  }
@media screen and (min-width:768px) and ( max-width:1024px) {
	#at-main-menu-in .top-menu-button { border-bottom: 1px solid #fff;  }
}
.footer_in .col h3 { color:#333; font-size:1.1em; margin:0 0 7px 0; }
.footer_in ul.flexbox > .col { padding:7px; border-left:1px solid #dfdfdf; }
.footer_in { color:#333; }
.footer_in li a { color:#649efe; font-size:0.9rem; }
.footer_in li a:hover, .footer_in a:visited, .footer_in a:link { color:#649efe; }
.fre_pku_bef_comment { margin-top:0.5em; margin-bottom:0.5em; }
.global_nav_list li a { color: #333333 !important; }
.global_nav_list li a:visited { color: #333333 !important; }
.global_nav_list li a:hover { color: #333333 !important; }
.global_nav_list li a:active { color: #333333 !important; }
.global_nav_list li { border-bottom: 1px solid #e6e6e6; }

.fre_pku_image h3, .fre_pku_image h4 {
    margin: 0;
    padding: 0;
}
.fre_pku_comment h3, .fre_pku_comment h4 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
@media screen and (max-width:767px) {
	.sm-none { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:2%; }
	.contents-pku.flexbox-sm-1 .col { width:100%; }
	.contents-pku.flexbox-sm-2 .col { width: calc(100% / 2 - 2% / 2); }
	.contents-pku.flexbox-sm-3 .col { width: calc(100% / 3 - 4% / 3); }
	.contents-pku.flexbox-sm-4 .col { width: calc(100% / 4 - 6% / 4); }
	.contents-pku.flexbox-sm-5 .col { width: calc(100% / 5 - 8% / 5); }
	.contents-pku.flexbox-sm-6 .col { width: calc(100% / 6 - 10% / 6); }
	.contents-pku .fre-pku-sm-rtn { margin-right:0; }
	.contents-pku .fre_pku_image { width:100%; }
	#mini-notification .inner { width: 100% !important; background: none !important; background-color: rgba(255, 255, 255, 0.9) !important; border: 1px solid #ccc !important; }
	#at-footer-menu > li.col { border-left:none; }
#at-footer-menu ul li.col { padding:5px 0; }

	.footer_in .col h3{ margin:15px 0 7px 0; }
	.phone_acc_close div.at-content-box { padding-top:5px; margin-top:0; }
	.phone_acc_close { display:none; }
	.phone_acc_btn::before { content: "+"; border: 1px solid #aaa; background-color: #eee; padding: 3px; margin: 0; position: absolute; right: 10px; width: 28px; text-align: center; font-size:15px; }
	.phone_acc_btn.ac::before { content: "―"; }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sm-show { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:1.5%; }
	.contents-pku.flexbox-mm-1 .col { width:100%; }
	.contents-pku.flexbox-mm-2 .col { width: calc(100% / 2 - 1.5% / 2); }
	.contents-pku.flexbox-mm-3 .col { width: calc(100% / 3 - 3% / 3); }
	.contents-pku.flexbox-mm-4 .col { width: calc(100% / 4 - 4.5% / 4); }
	.contents-pku.flexbox-mm-5 .col { width: calc(100% / 5 - 6% / 5); }
	.contents-pku.flexbox-mm-6 .col { width: calc(100% / 6 - 7.5% / 6); }
	.contents-pku .fre-pku-mm-rtn { margin-right:0; }
	.phone_acc_close { display:block !important; }
}
@media print,screen and (min-width:1024px) {
	.sm-show { display:none; }
	.contents-pku .col { margin-bottom:1em; margin-right:1%; }
	.contents-pku.flexbox-wm-1 .col { width:100%; }
	.contents-pku.flexbox-wm-2 .col { width: calc(100% / 2 - 1% / 2); }
	.contents-pku.flexbox-wm-3 .col { width: calc(100% / 3 - 2% / 3); }
	.contents-pku.flexbox-wm-4 .col { width: calc(100% / 4 - 3% / 4); }
	.contents-pku.flexbox-wm-5 .col { width: calc(100% / 5 - 4% / 5); }
	.contents-pku.flexbox-wm-6 .col { width: calc(100% / 6 - 5% / 6); }
	.contents-pku .fre-pku-wm-rtn { margin-right:0; }
	.phone_acc_close { display:block !important; }
}


.mov { border: solid 1px #999999; background-color:#000000; }
#read_brws_link_box a { /*font-size:1px;*/ text-indent: -10000px; position:absolute; top:0; left:0; }
div.news_list { width:100%; border-style:none; font-size:1em; }
div.news { width:100%; border-style:none; position:relative; }
div.name { text-align:right; border-style:none; padding-left:20px; padding-right:20px; margin-top: 13px; }
div.footselect { width:100%; height:7px; background-image:url(/image/bar/); background-repeat:repeat-x; }
div.topmenuarea {  margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
a:link { color:#0000E9; text-decoration:none; }
a:visited { color:#0000E9; text-decoration:none; }
a:hover { color:#0000E9; text-decoration:underline; /* position:relative; */}
div.menutR{ clear: left;  text-align:left; vertical-align:text-top;  }

img.button { width:100px; height:25px; margin-top:5px; margin-bottom:5px; border-style:none; }
img.topl { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
img.topr { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
div.rcaptionex h1 { font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption { margin-top:5px; margin-left:10px;  height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.rcaptionex {  margin-top:0px; margin-left:0px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.menu_space { height:10px; }
div.document_space { height:10px; }
div.news_scroll { width:100%; height:180px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:180px; overflow-y:auto;  }
div.vmode_scroll { width:100%;  height:0px;  overflow-y:auto;  }
div.toplimg_new { width:140px; text-align:center; vertical-align:top; float:left; }
div.rcaption_new { margin-top:5px; margin-left:10px; width:520px; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; float:left; }
div.rcaption_new h1 { font-weight:bold; font-size:1.3em; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:1.3em; text-align:center; }
div.qrcode_new { width:174px; text-align:center; vertical-align:text-top; float:left; }
div.toprimg_new { vertical-align:text-top; text-align:left; float:left; }
div.blockend { clear:both; }
div.blockend_br { padding-top:1em; clear:both; }
div.naviR_new {  float:left; }


div.document2_new {  float:left; }
a.rss { margin-left:4px; }
img.newsbar { vertical-align:bottom; }
td.p_nopad p { margin-top:0;padding-top:0; }
hr.news_head { height:1px; border:none; color:#fff; background-color:#fff; }
hr.news2_head { height:1px; border:none; color:#fff; background-color:#fff; }
hr.news_contents { height:1px; border:none; color:#dfdfdf; background-color:#dfdfdf; }
hr.news2_contents { height:1px; border:none; color:#dfdfdf; background-color:#dfdfdf; }
hr.youtube_head { height:1px; border:none; color:#000; background-color:#000; }
hr.youtube_foot { height:1px; border:none; color:#000; background-color:#000; }
div.at-content-box { margin-top:5px; }
div.at-content-text { text-align:left; }
.clear { clear:both; }

.center_box { margin:0 auto; width:100%; }
.left_box { text-align:left; width:100%; }
.right_box { text-align:right;  width:100%; }

div#font-size-change { font-size:1em; line-height:150%; text-align:center; }
div#font-size-change > dl { margin:0px; }
div#font-size-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px; color:#333333; }
div#font-size-change > dl > dd { float: left; border-radius:2px; margin-left: 2px; padding: 3px; min-width: 20px;
    background-color:#FFFFFF; border:1px solid #d9d9d9; color:#333333;
}
div#font-size-change > dl > dd:hover { background-color:#4188ff; color:#FFFFFF; }
dd.font-select { background-color:#4188ff !important; color:#FFFFFF !important; }
dd#font-size-normal { min-width: 30px !important; cursor:pointer; }
dd#font-size-small { font-size:75% !important; cursor:pointer; }
dd#font-size-big { font-size:130% !important; cursor:pointer; }

div#color-change { font-size:1em; text-align:center; }
div#color-change > dl { margin:0px; }
div#color-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#color-change > dl > dd { float: left; cursor:pointer; border-radius:2px; margin-left: 2px; padding: 3px; width: 20px; }
div#color-change > dl > dd:hover {   }
dd#color-mode-default { width: 30px !important; background-color:#ffffff; border:1px solid #d9d9d9; color:#333333; }
dd#color-mode-white { background-color:#ffffff; border:1px solid #d9d9d9; color:#000000; }
dd#color-mode-black { background-color:#000000; border:1px solid #000000; color:#ffffff; }
dd#color-mode-blue { background-color:#0000aa; border:1px solid #0000aa; color:#ffffff; }
div.news h3 { margin:0px; padding:0px; display:inline; }
div.news h2 { margin:0px; padding:0px; display:inline; }
.at_anime01 h2,
.at_anime01 h2 span {
    opacity: 0;
}
.at_anime02 h2 {
	opacity: 0;
	position:relative;
	overflow:hidden;
	transform : translate(0, -2em);
	transition : all 1.0s ease;
}
.at_anime03 h2 {
	opacity: 0;
	position:relative;
	overflow:hidden;
	transform : translate(0, 2em);
	transition : all 1.0s ease;
}
.at_anime04 h2 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime01 > ul > li,
.pku_anime01_ex > ul > li,
.at_img_anime01 {
    opacity: 0;
    transition: all 1.0s;
}
.pku_anime02 > ul > li,
.pku_anime02_ex > ul > li,
.at_img_anime02 {
    opacity: 0;
    transform: scale(0, 0);
    transition: all 1.0s;
}
.pku_anime03 > ul > li,
.pku_anime03_ex > ul > li,
.at_img_anime03 {
    opacity: 0;
    transition: all 1.0s;
    transform : translate(0, 100px);
}
.at-icon-none { 
	list-style:none;
}
.at-icon-disc {
	list-style:none;
}
.at-icon-disc .text_link {
	position: relative;
}
.news .at-icon-disc .text_link ,
.news2 .at-icon-disc .text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-disc .text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .45em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

.at-icon-arrow {
	list-style:none;
}
.at-icon-arrow .text_link {
	position: relative;
}
.news .at-icon-arrow .text_link ,
.news2 .at-icon-arrow .text_link {
	margin-left:20px;
	display:inline-block;
}
.at-icon-arrow .text_link::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.at-icon-arrow2 {
	list-style:none;
}
.at-icon-arrow2 .text_link {
	position: relative;
}
.news .at-icon-arrow2 .text_link ,
.news2 .at-icon-arrow2 .text_link {
	margin-left:20px;
	display:inline-block;
}

.at-icon-arrow2 .text_link::after,
.at-icon-arrow2 .text_link::before {
	display: block;
	content: '';
	position: absolute;
}
.at-icon-arrow2 .text_link::after {
	top: 0.15em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.at-icon-arrow2 .text_link::before {
	z-index: 2;
	top: 0.42em;
	left: -1.05em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.at-cion-none {
	list-style:none;
}
.at-print-btn {
	border: 1px solid #ccc;
	width: 4rem;
	font-size: 0.9rem;
	border-radius: 4px;
	text-align:center;
	cursor: pointer;
	float:right;
}
.at-print-btn:before {
	font-family: "Font Awesome 5 Free";
	content:"\f02f";
	font-weight: 900;
	color: #666;
	padding-right: 0.25rem;
}
.at-print-btn-left {
	margin: 0.25rem 0;
}
.at-print-btn-center {
	margin: 0.25rem auto;
}
.at-print-btn-right {
	margin: 0.25rem auto;
	margin-right: 0rem;
	margin-left: 0.5rem;
}
.at-link-btn {
	border: 1px solid #ccc;
	width: 4rem;
	font-size: 0.9rem;
	border-radius: 4px;
	text-align:center;
	cursor: pointer;
	float:right;
}
.at-link-btn:before {
	font-family: "Font Awesome 5 Free";
	content:"\f064";
	font-weight: 900;
	color: #666;
	padding-right: 0.25rem;
}
.at-link-btn-left {
	margin: 0.25rem 0;
}
.at-link-btn-center {
	margin: 0.25rem auto;
}
.at-link-btn-right {
	margin: 0.25rem auto;
	margin-right: 0;
}
#at-modal {
	position:fixed;
	z-index:1000000;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	display:none;
}
.at-overlay {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100vh;
}
#at-modal-inner {
	position: absolute;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 0.5rem;
	top: 50%;
	left:50%;
	width:90%;
	max-width:500px;
	transform:translate(-50%,-50%);
	padding: 1rem;
}
.at-modal-title { font-weight:bold; margin-bottom:1rem; font-size:1.2rem; }
.at-modal-center { text-align:center; }
.at-modal-right { text-align:right; }
#at-modal-text { width:100%; margin:1rem 0; padding:0.5rem; }
#at-modal-copy { display: block; margin:0 0 1rem; cursor: pointer; }
span.at-modal-close { font-size:0.9rem; cursor: pointer; }
#at-popup-msg { display:none; position:fixed; z-index:1000001; border:2px solid #000; border-radius:0.5rem; bottom:1rem; left:1rem; background-color:#aaa; color:#333; padding:0.5rem; font-weight:bold; text-align:center; }
.season-mark-box { display: block; margin:0.75em 0; font-size: 0.9em; font-weight: normal; }
.season-mark-box-left { text-align:left; }
.season-mark-box-center { text-align:center; }
.season-mark-box-right { text-align:right; }
.season-mark-box .season-mark { margin:0; padding:0; }
.season-mark-box  span { list-style:none; margin:0 2px 0 0; text-align:center; padding:0.25em 0.5em; border-radius:3px; }
.season-mark-box .season-text { padding: 0.25em 0.5em; display: inline-block; }
ul.top_news > .at-icon-arrow2 .text_link::after,ul.list_news > .at-icon-arrow2 .text_link::after {
	background-color: #4376EE;
}
ul.top_news > .at-icon-arrow .text_link::after,ul.list_news > .at-icon-arrow .text_link::after {
	border-color: #4376EE;
}
ul.top_news > .at-icon-disc .text_link::after,ul.list_news > .at-icon-disc .text_link::after{
	background-color: #4376EE;
}
ul.top_news2 > .at-icon-arrow2 .text_link::after,ul.list_news2 > .at-icon-arrow2 .text_link::after {
	background-color: #4376EE;
}
ul.top_news2 > .at-icon-arrow .text_link::after,ul.list_news2 > .at-icon-arrow .text_link::after {
	border-color: #4376EE;
}
ul.top_news2 > .at-icon-disc .text_link::after,ul.list_news2 > .at-icon-disc .text_link::after {
	background-color: #4376EE;
}
a#at-page-top { opacity:0.5; display:none; position: fixed; bottom:15px; right:15px; width: 55px; height: 55px; background-color: #665e53; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a#at-page-top > span { position: absolute; width: 25px; height: 25px; border: 5px solid #665e53; border-left-color: #FFF; border-top-color: #FFF; top: 20px; left: 15px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
a#at-page-top:hover { background-color: #7F7568;  }
a#at-page-top:hover > span { border: 5px solid #7F7568; border-left-color: #FFF; border-top-color: #FFF; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
@media screen and (max-width:767px) {
a#at-page-top { width: 30px; height: 30px; }
a#at-page-top > span { width: 8px; height: 8px; top: 13px; left: 10px; }
}
h1 { font-size:0.8em; font-weight:normal; text-align:center; color:#333333; margin:0.5em; }
/* basehtmlfile: 24*/
@media screen and (max-width:767px) {
.ccaption h1,.ccaption h2 { font-size:1.2rem !important; font-weight:bold !important; }

.ccaption_sub h2,.ccaption_sub h3 { font-size:1.1rem !important; font-weight:bold !important; }

.ccaption_sub_min h3,.ccaption_sub_min h4 { font-size:1rem !important; font-weight:bold !important; }
}
/* 共通 */
body { line-height: 150%; }
a img { border: none; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
img { vertical-align: bottom; }
.clear { clear: both; }
ol .vr-tour-description {margin:0;padding:0} 
ol .vr-tour-description li {margin:0;padding:0} 
ul.vr-tour-description {margin:0;padding:0;} 
ul.vr-tour-description li {margin:0;padding:0;list-style-type:none;} 
.at-content-box {
clear:both;
}
#tpc_box2 { padding: 0 !important; }

#google_translate_element { width: 211px; height: 51px; }

.free-comment-box ol {
    display: flow-root;
}
.free-comment-box ul {
    display: flow-root;
}

#ccaption_tpc_head2_1 {
width: auto !important;
text-align: center !important;
margin-bottom:10px;
}
.ccaption_tpc_head2_1 {
padding: auto !important;
}
.ccaption_tpc_head2_1 h2 {
margin: 2px auto 10px auto;
}

.linkwrap {
height:2.4rem;
}

.text_link {
display:block;
min-height: 50px;
background-repeat:no-repeat !important;
background-position: right 10px !important;
padding-right: 70px;
}


.topInfo-list { margin: 0; padding: 5px; }
.topInfo-list li { list-style: none; margin: 0; padding: 0; }
.list_news_title { font-weight: normal; }
.topInfo-list .news_thumb_box {
    float: right;
    margin-left: 10px;
}

.topInfo-list .text_link {
display:inline-block;
min-height: 1rem;
background-repeat:no-repeat !important;
background-position: right 10px !important;
padding-right: 70px;
}

.fre_pku_bef_comment a:link { text-decoration: underline !important; }
.fre_pku_comment a:link { text-decoration: underline !important; }

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

.text_link:hover { text-decoration: none; }
.text_link { color: #333; }
.text_link:link { color: #333; }
.top_news2_title:hover { color: #649efe}

#dualdisp_news2_news { max-width: 1400px; margin: 0 auto; }

.fre_pku_headlist h4::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/files/icon-arrow-pick.png);
    background-size: contain;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.fre_pku_headlist h4 {
color: #333 !important;
font-size: 1.06em !important;
padding: 0.25em 0 !important;
}

.news-block {
    width:800px;
    margin: 10px auto;
    max-height: 200px;
    overflow-y: scroll;
}

#news-iframe {
    border: none;
    height: 200px;
    width: 800px;
}

.streetview-news:link {
text-decoration: none;
display:block;
border-radius: 5rem;
border: solid 5px #0030a0;
color:#0030a0;
font-weight:bold;
font-size: 1.9rem;
line-height: 1.6;
padding: 1rem;
text-align:center;
max-width:500px;
margin:1rem auto;
}

/* table-common*/
.common-table {
width:98%;margin: 1rem auto;
border-collapse: collapse;
}
.common-table table {
width:100%;
border:solid 2px #a0a0a0;
border-collapse:collapse;
}
.common-table th { padding: 0.2rem; background: #f1f1f1; border:solid 1px #a0a0a0;}
.common-table td { padding: 0.2rem; border:solid 1px #a0a0a0;}
.common-table td.td-gun { padding: 0.2rem; border:solid 1px #a0a0a0;background: #f1f1f1; }

.pull-right { text-align:right; }
.pull-center{ text-align:center; }

/* ニュース */

.news_area .ccaption_sub { text-align:left; margin-top:5px; margin-bottom:20px; }
.news2_area .ccaption_sub { text-align:left; margin-top:5px; margin-bottom:5px; }
/*
.news_area .ccaption_sub_min { border:none !important; text-align:left; margin-top:5px; margin-bottom:5px; }
.news2_area .ccaption_sub_min { border:none !important; text-align:left; margin-top:5px; margin-bottom:5px; }
*/
.news_area .ccaption_sub h2::before { content: none; }
.news_area .ccaption_sub h2::after { content: none; }
.news2_area .ccaption_sub h2::before { content: none; }
.news2_area .ccaption_sub h2::after { content: none; }
/*
.news_area .ccaption_sub_min h3::before { content: none; }
.news_area .ccaption_sub_min h3::after { content: none; }
.news2_area .ccaption_sub_min h3::before { content: none; }
.news2_area .ccaption_sub_min h3::after { content: none; }
*/
.news_area .ccaption_sub h2 { font-size:1.5rem; }
.news2_area .ccaption_sub h2 { font-size:1.5rem; }
/*
.news_area .ccaption_sub_min h3 { font-size:1.3rem; }
.news2_area .ccaption_sub_min h3 { font-size:1.3rem; }
*/
.news2_area #contents-pku1 a h3::after, .news2_area #contents-pku2 a h3::after { background-image: none !important; }


/* ヘッダー
-------------------------------------------------------------------------------------- */
#header_in { max-width: 1480px; margin: 0 auto 15px auto; overflow: hidden; }
#logo { float: left; max-width: 320px; max-height: 70px; margin: 22px 0 0 10px !important; }
.top-right { float: right; margin-top: 3px; }
.top-right a { text-decoration: none !important; }
.top-contact { float: right; margin: 0 10px 0 15px; padding: 0; }
.top-contact li { float: left; margin: 0; width: 80px; height: 28px; line-height: 27px; list-style: none; text-align: center; }
.top-contact li a { color: #fff; background-color: #010066; font-size: 0.8em; display: block; height: 100%; }
.top-contact li a:hover { text-decoration: none; background-color: #649efe; }
.top-c-email { border-radius: 15px 0 0 15px; border-right: dotted 1px #ddd; }
.top-c-mmail { border-radius: 0 15px 15px 0; border-left: dotted 1px #ddd; }
.top-menu { float: right; margin: 6px 20px 0 0; padding: 0; font-size: 0.8em; }
.top-menu li { list-style: none; display: inline-block; padding: 0 0 0 22px; margin: 0 0 0 10px; background: url(/files/icon-arrow-or.png) no-repeat 0 50%; }
.top-menu li:nth-child(3) { background: none; }
.top-menu li a { color: #333; }
.top-menu li a:hover { color: #649efe; }
div#font-size-change { float: right; margin: 0 20px 0 0; }
#google-translation { float: right; margin-left: 20px; }

/* ヘッダー検索
---------------------------------------------------------------------------------------------------------------------------- */
#search { float: left; }
#contact-search { clear: both; float: right; padding: 12px 0 0 0; }
.search_form { width: 230px; float: right; margin: 0 10px 0 0; border: 1px solid #ccc; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.search_form #field { background: none; border: none; color: #352005; float: left; font-family: arial,sans-serif; font-size: 1em; height: 28px; line-height: 28px; text-indent: 6px; width: 190px; }
.search_form #space { float:left; width:1px; height:28px; margin:0; padding:0; font-size:1px; border:none; }
.search_form #submit { float:left; cursor:pointer; width:26px; height: 28px; line-height:0; font-size:0; text-indent:-999px; color: transparent; background: url(/files/ico-search.png) no-repeat #fff center; background-size:contain;
border: none; }
.search_form .fclear { clear: both; }

/* スマホ検索ボタン */
.search_form_sp { width: 45px; height: 45px; float: right; margin: 0 55px 0 0; }
.search_form_sp img { display: block; }

/* 検索ページ */
.search_inner { max-width: 1400px !important; margin: 0 auto; padding: 0 10px; }
.search_area .ccaption_sub a { color: #333 !important; text-decoration: none !important; font-size: 1.2rem !important; }
.search_form_b { overflow: hidden; }
.search_form_b #submit { float: left; height: 27px !important; }
.search_inner .ccaption span { display: block; font-size: 0.6em; margin-bottom: 20px; }

/* slideshow
.slide_box img { max-width:initial; }
*/

/* nav
-------------------------------------------------------------------------------------- */
#at-main-menu-area { clear: both; border-bottom: solid 1px #e0e0e0; }
#at-main-menu-in { max-width:1480px; padding:0; margin:0 auto; }
#at-main-menu-in .top-menu-button > a { line-height: 40px; }
/*ul.at_listmenu li > a { text-decoration: none !important; }
#nav01 > ul, #nav02 > ul, #nav03 > ul, #nav04 > ul, #nav05 > ul, #nav06 > ul { top: 41px !important; }*/
ul.at_listmenu { box-shadow: 1px 1px 1px #eee !important; }

.tour-wrap {
    margin-top: 0.3rem;
    text-align: center;
}
.tour-button {
    display: inline-block;
    margin-right: 0.4rem;
    border-radius: 5px;
    padding: 0.2rem 0.5rem;
    border: solid 1px #ccc;
    color: #00b0ec;
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
}

/* フッター
---------------------------------------------------------------------------------------------------------------------------- */
.footbackground { margin-top: 10px; }
.footer_in { background-color: #f4f4f4; padding-top: 0; }
.footer-menu { max-width:1000px; margin: 20px auto 0 auto; overflow: hidden; font-size: 0.9em; }
.footer-menu h2 { margin:0 0 20px 0; padding:0; text-align: center; }
.foot-li h3 { margin:0 0 8px 2px; padding:0 0 0 8px; font-size:1.05em; font-weight: normal; color: #020202; border-left: solid 6px #020202; line-height: 130% !important; }
/*.foot-li h3::before { content: "■"; color: #e7ca04; margin-right: 5px; }*/
.footer-menu ul { list-style:none; margin:0; padding:0; height: 100%; overflow: hidden; }
.foot-li { border-left: 1px solid #dfdfdf; padding: 5px 6px; margin-bottom: 10px; text-align: left; float: left; }
.foot-li ul li { padding-left: 15px; background: url(/files/icon-li.png) no-repeat 0 50%; list-style:none; line-height: 180% !important; }
.foot-li:last-child { border-right: 1px solid #dfdfdf; }
.foot-li a { color: #333 !important; font-size:0.95em !important; }
.foot-li a:hover { color: #4188ff !important; }
.ft-li-1 { width: 25%; }
.ft-li-2 { width: 28%; }
.ft-li-3 { width: 26%; }
.ft-li-4 { width: 21%; }

.footer-genre { max-width:1000px; margin: 10px auto 0 auto; overflow: hidden; font-size: 0.9em; }
.footer-genre h2 { margin: 0 0 20px 0; padding: 0; text-align: center; }
.foot-li-genre ul { margin: 0; padding: 0; }
.foot-li-genre ul li { width: 25%; float: left; list-style: none; line-height: 180% !important; padding-left: 15px; background: url(/files/icon-li2.png) no-repeat 0 50%; }
.foot-li-genre a { color: #333 !important; font-size: 0.95em !important; }
.foot-li-genre a:hover { color: #649efe !important; }

.footer-info { clear: both; max-width: 900px; margin: 0 auto; padding: 20px 0 40px 0; overflow: hidden; }
.footer-logo { float: left; margin-top: 5px; }
.add { float: left; margin: 19px 0 0 50px; }
.tel-box { float: left; margin: 18px 0 0 50px; }
.tel-box a { color: #333 !important; text-decoration: none !important; }
.tel-mail {  font-size: 1.5em; margin: 0 0 2px 7px; }
.tel-mail::before { content: url(/files/icon-tel.png); margin: 0 6px 0 0; position: relative; top: 3px; }
.footer-mail { float: left; margin: 0 0 0 50px; }

#copyright { clear: both; text-align: center; background-color: #444; padding: 10px 0; color: #fff; }

/* ピックアップ
-------------------------------------------------------------------------------------- */
.pku_cont2 .pku_cont_headlist { padding: 10px 5px 3px 5px !important; }
.pku_cont2 .pku_cont_list, .pku_cont3 .pku_cont_list { text-align :center; font-size: 1.15em; }
#pku_box2 .pku_cont_box p, #pku_box3 .pku_cont_box p { margin: 0; }

.contents-pku a h3 { color: #333 !important; font-size: 1.06em !important; padding: 0.25em 0 !important; }
.contents-pku a h3::before{ content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(/files/title-icon.png); background-size: contain; margin-right: 5px; bottom: 2px; position: relative; }

.contents-pku h3 { color: #333 !important; font-size: 1.06em !important; padding: 0.25em 0 !important; }
.contents-pku h3::before{ content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(/files/title-icon.png); background-size: contain; margin-right: 5px; bottom: 2px; position: relative; }

.fre_pku_comment { padding: 7px 2px !important; }

.pku_cont5 > ul { max-width: 1000px !important; margin: 0 auto !important; }
.pku_cont5 > ul > li { text-align: center; }
.pku_cont5 > ul img { margin: 0 auto !important; }

.pku_cont_headlist { padding: 10px 0 !important; }
.pku_cont_headlist h3 { font-size: 1.09em !important; }

#icons #fre_contents_pku30 { width: 70%; margin: 0 auto; }
#icons .fre_pku_headlist_30 { margin: 0 auto; }
#icons .fre_pku_image_30 { margin: 10px auto; }

.at-content-box {clear:both;}

/* ニュース
-------------------------------------------------------------------------------------- */
#dualdisp_news_news2 { max-width: 1480px; margin: 0 auto; }
#at_news1, #at_news2 { text-align: center; }
ul.top_news, ul.top_news2 { margin: 2px 5px 2px 0 !important; }
#top_news2_box .rss .newsbar, #top_news_box .rss .newsbar { display: inline-block; margin-left: 20px; position: absolute; top: 8px; }
ul.news li:first-child { border-top: solid 1px #dfdfdf; padding-top: 10px; }
.news_title a, .news2_title a { color: #333; text-decoration: none; }
.news_title a:hover, .news2_title a:hover { color: #4188ff; }

/* 見出し
-------------------------------------------------------------------------------------- */
.ccaption_sub h2::before { content: "< "; color: #fe9207; font-weight: bold; }
.ccaption_sub h2::after { content: " >"; color: #fe9207; font-weight: bold; }
.ccaption_sub_min  h3::before { content: url(/files/title-icon.png); display: inline-block; vertical-align: middle; margin-right: 10px; }

.at-content-box h3 { font-size: 1.3rem; }
.at-content-text h3 { font-size: 1.3rem; }
.at-content-box h3.side::before { content: url(/files/title-icon-blue.png); display: inline-block; vertical-align: middle; margin-right: 10px; }
.at-content-text h3.side::before { content: url(/files/title-icon-blue.png); display: inline-block; vertical-align: middle; margin-right: 10px; }

/* リスト
-------------------------------------------------------------------------------------- */
.li-area { margin: 0; padding: 0 0 0 25px; }
.li-area li { list-style-type: square; float: left; width: 48%; margin: 6px 1%; }
.li-area li a { color: #333; }
.li-area li a:hover { color: #649efe; }
.li-area4l { margin: 0; padding: 20 0 0 25px; }
.li-area4l li { list-style-type: square; float: left; width: calc(25% - 20px); margin: 5px 20px 0 0; }
.li-area4l li a { color: #333; margin: 0 0 0 0;}
.li-area4l li a:hover { color: #649efe; }

.li-area3l { margin: 0; padding: 20 0 0 25px; }
.li-area3l li { list-style-type: square; float: left; width: calc(33% - 20px); margin: 5px 20px 0 0; }
.li-area3l li a { color: #333; margin: 0 0 0 0;}
.li-area3l li a:hover { color: #649efe; }

.li-area1 { margin: 0; padding: 0 0 0 25px; }
.li-area1 li { list-style-type: square; margin: 6px 0; }
.li-area1 li a { color: #333; }
.li-area2 { margin: 0; padding: 0 0 0 25px; overflow: hidden; }
.li-area2 li { list-style-type: square; float: left; width: 25%; margin: 3px 0; }
.li-area3 { margin: 0; padding: 0 0 0 25px; overflow: hidden; }
.li-area3 li { list-style-type: square; float: left; width: 33.333%; margin: 3px 0; }

.li-cities { margin: 25px 0 0 0; padding: 0; }
.li-cities li { width: 23%; margin: 0 1% 15px 1%; padding: 12px 0; float: left; list-style: none; border: 1px solid #ddd; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #f3f3f3; text-align: center; font-size: 1.1em; }
.li-cities li a { color: #333 !important; display: block; }
.li-cities li a:hover { color: #ff6e0d !important; }
.li-sblock li { border: 1px solid #e5dccd; background-color: #f6f1e8; font-size: 1em; }
.li-sblock li a:hover { color: #8a692d !important; }

.li-inline { margin: 0; padding: 0; overflow: hidden; }
.li-inline li { float: left; margin: 0 10px 10px 10px; padding-left: 22px; background: url(/files/icon-arrow-or.png) no-repeat 0 50%; list-style: none; }

.ul-dd-sqr { margin: 0; padding: 0 0 0 40px; }
.ul-dd-sqr li { margin-bottom: 10px; list-style-type: square; }

.ul-style1 { margin: 0; padding-left: 25px; } /* リクルートフォーム内 */
.ol-style1 { margin: 0; padding-left: 25px; } /* リクルートフォーム内 */

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

.ul-add-link { margin: 20px 0 0 0; padding: 0 0 0 8px; }
.ul-add-link li { list-style: none; margin-bottom: 2px; }


/* リスト３つ横並び、1000幅センタリング
-------------------------------------------------------------------------------------- */
.li-w800 { max-width: 800px; margin-left: auto; margin-right: auto; }


/* 特選ページリスト */
.select-vr { max-width: 1000px; margin: 15px auto; overflow: hidden; clear: both; padding: 7px 0 15px 0; }
.select-vr h3 { padding: 0 12px 0 8px; margin: 7px 0 7px 12px; border-left: solid 7px #ff9f09; }
.select-vr ul { margin: 0; padding: 0 0 0 33px; }
.select-vr ul li { float: left; margin-right: 25px; list-style: none; background: url(/files/icon-arrow-or-down.png) no-repeat 0 50%; padding: 0 0 0 17px; }
.select-vr ul li a { color: #333; }

/* 地区別移動ボタン
-------------------------------------------------------------------------------------- */
.li-spots { margin: 40px auto 0 auto; padding: 0; max-width: 1000px; }
.li-spots li { width: 18%; margin: 0 1% 15px 1%; float: left; list-style: none; text-align: center; }
.li-spots li a { border: 1px solid #ddd; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #e1e1e1; font-size: 1.1em; color: #333; padding: 12px 0; display: block; }
.li-spots li a:hover { background-color: #000094; color: #fff !important; text-decoration: none; }
.li-spots-actv { background-color: #000094 !important; color: #fff !important; }

/* 地区別スライダー　市町村ボタン
-------------------------------------------------------------------------------------- */
.li-container { max-width: 1480px; margin: 20px auto; overflow: hidden; position: relative; }
.li-container ul { padding: 0; margin: 0; position: relative; left: 50%; float: left; }
.li-container li { position: relative; left: -50%; float: left; list-style: none; margin: 0 10px 10px 0; }
.li-container li a { border: 1px solid #000094; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #000094; color: #fff; font-size: 0.95em; padding: 3px 15px; display: block; text-decoration: none; }
.li-container li a:hover { background-color: #ddd; border: 1px solid #ddd; color: #333; }


/* 市町村ページ：地図下の市町村リンクボタン
-------------------------------------------------------------------------------------- */
.li-container2 { max-width: 1480px; margin: 20px auto; overflow: hidden; position: relative; }
.li-container2 ul { padding: 0; margin: 0; position: relative; left: 50%; float: left; }
.li-container2 li { position: relative; left: -50%; float: left; list-style: none; margin: 0 10px 10px 0; }
.li-container2 li a { border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #ddd; color: #333; font-size: 0.95em; padding: 3px 15px; display: block; text-decoration: none; }
.li-container2 li a:hover { background-color: #4188ff; border: 1px solid #4188ff; color: #fff; }

/* 市町村ページ：VRマップ・観光アクセス リンクボタン
-------------------------------------------------------------------------------------- */
.li-container3 { margin: 1rem auto 0 auto; overflow: hidden; position: relative; }
.li-container3 ul { padding: 0; margin: 0; position: relative; display: flex; justify-content: center; flex-wrap: wrap; }
.li-container3 li { position: relative; float: left; list-style: none; margin: 0 10px 10px 0; }
.li-container3 li a { border: 1px solid #fafafa; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #000094; color: #fff; font-size: 1em; padding: 3px 15px; display: block; text-decoration: none; min-width:50%; max-width:200; text-align: center;}
.li-container3 li a:hover { background-color: #fff; border: 1px solid #4188ff; color: #4188ff; min-width:50%; max-width:200; text-align: center;}

.li-container8 { margin: 1rem auto 0 auto; overflow: hidden; position: relative; }
.li-container8 ul { padding: 0; margin: 0; position: relative; display: flex; justify-content: center; flex-wrap: wrap; }
.li-container8 li { position: relative; float: left; list-style: none; margin: 0 10px 10px 0; }
.li-container8 li a { border: 1px solid #000094; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #fff; color: #000094; font-size: 1em; padding: 3px 15px; display: block; text-decoration: none; min-width:50%; max-width:200; text-align: center;}
.li-container8 li a:hover { background-color: #000094; color: #fff; border: 1px solid #000094;  min-width:50%; max-width:200; text-align: center;}

.ul-w500 { max-width: 500px; }
.ul-w600 { max-width: 600px; }

/* 市町村ページ：独立ジャンル リンクボタン
-------------------------------------------------------------------------------------- */
.li-container4 { margin: 20px auto 0 auto; overflow: hidden; position: relative; }
.li-container4 ul { padding: 0; margin: 0; position: relative; left: 50%; float: left; }
.li-container4 li { position: relative; left: -50%; float: left; list-style: none; margin: 0 10px 10px 0; }
.li-container4 li a { border: 1px solid #000094; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #000094; color: #fff; font-size: 0.95em; padding: 3px 15px; display: block; text-decoration: none; min-width:50%; max-width:200; text-align: center;}
.li-container4 li a:hover { background-color: #fff; border: 1px solid #4188ff; color: #4188ff; min-width:50%; max-width:200; text-align: center;}

/* 常陸太田市：独立ジャンル　リンク
-------------------------------------------------------------------------------------- */
.li-container5 ul { display: flex; flex-wrap: wrap; }
.li-container5 li { width: 25%; list-style-type: square; margin: 0 auto; }

/* 平将門　リンク
-------------------------------------------------------------------------------------- */
.li-container6 ul { display: flex; flex-wrap: wrap; }
.li-container6 li { width: 45%; list-style-type: square; margin-left: 30px; }

/* 桜等カテゴリ　リンク
-------------------------------------------------------------------------------------- */
.li-container7 { margin: 20px auto 0 auto; overflow: hidden; position: relative; }
.li-container7 ul { padding: 0; margin: 0; position: relative; left: 50%; float: left; }
.li-container7 li { position: relative; left: -50%; float: left; list-style: none; margin: 0 10px 10px 0; }
.li-container7 li a { border: 1px solid #DB3900; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #DB3900; color: #fff; font-size: 0.95em; padding: 3px 15px; display: block; text-decoration: none; min-width:50%; max-width:200; text-align: center;}
.li-container7 li a:hover { background-color: #fff; border: 1px solid #ff8808; color: #4188ff; min-width:50%; max-width:200; text-align: center;}


/* 市町村別リスト
-------------------------------------------------------------------------------------- */
.vr-tour-description dt { clear: both; font-weight: bold; font-size: 1.1em; margin: 8px 0 5px 0; }

.vr-tour-description2 { width: 50%; float: left; padding: 0 0 0 30px; }
.vr-tour-description2 dt { font-weight: bold; font-size: 1.1em; margin: 8px 0 5px 0; }
.vr-tour-description2 dd { margin-left: 12px; }

/* 参考ボタン
-------------------------------------------------------------------------------------- */
.btn-ref { border: 1px solid #054893; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #054893; color: #fff; padding: 0px 7px; display: inline-block; margin: 8px 7px 5px 0; font-size: 0.9em; font-weight: bold; }
dt.btn-ref { clear:left;margin-left: 40px !important; float:left; font-size: 0.9em !important; font-weight: bold; }
dd.btn-after { float: left; line-height: 2.8rem; margin-left: 10px; }

.ref-pad-l { padding-left: 49px; }

/* 所在地ボタン
-------------------------------------------------------------------------------------- */
.btn-add { border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #e1e1e1; padding: 0px 7px; display: inline-block; margin: 8px 7px 2px 0; font-size: 0.9em; font-weight: bold; }

dt.btn-add { clear:left;margin-left: 40px !important; float:left; font-size: 0.9em !important; font-weight: bold; }

/* 小さいグレーボタン
-------------------------------------------------------------------------------------- */
.btn-gray { border: 1px solid #ccc; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #dfdfdf; padding: 0px 7px; display: inline-block; margin-right: 7px; font-size: 0.9em; font-weight: bold; }

/* 動画上VRリンクボタン
-------------------------------------------------------------------------------------- */
.btn-video-vr { display: inline-block !important; }
.btn-video-vr a { background-color: #0000ff; border: 1px solid #0000ff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin: 0 auto; padding: 3px 25px; color: #fff; text-decoration: none; }
.btn-video-vr a:hover { background-color: #5858fa !important; border: 1px solid #5858fa; }
.video-on-anime p.txt-ctr { text-align: center !important; margin: 2px 0 0 0 !important; }

/* リンク用ボタン　背景オレンジ：筑波山ページへの移動など
-------------------------------------------------------------------------------------- */
.btn-org { text-align: center; }
.btn-org a { background-color: #3E61ED; border: 1px solid #3E61ED; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 4px 25px; color: #fff; text-decoration: none; }
.btn-org a:hover { background-color: #fd9e39; border: 1px solid #fd9e39; }
.inl-blk-mar { display: inline-block; margin: 0 5px; } /* spanで.btn-orgを複数並べる場合に使用 */

/* リンク用ボタン　背景青：地区別から市町村へのリンクなど  
-------------------------------------------------------------------------------------- */
.btn-bl { text-align: right; margin: 25px 10px 0 0; clear: both; }
.btn-bl a { background-color: #4188ff; border: 1px solid #4188ff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 3px 25px; color: #fff; display: inline-block; text-decoration: none; }
.btn-bl a:hover { background-color: #6fa4fe; border: 1px solid #6fa4fe; }

/* 使い方ガイド内　角丸ボタン  
-------------------------------------------------------------------------------------- */
.btn-icon-blue { background-color: #0863ee; border: 1px solid #0863ee; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin: 0 auto; padding: 2px 10px; color: #fff; }
.btn-icon-orange { background-color: #f6a000; border: 1px solid #f6a000; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin: 0 auto; padding: 2px 10px; color: #fff; }
.btn-icon-red-orange { background-color: #f65600; border: 1px solid #f65600; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin: 0 auto; padding: 2px 10px; color: #fff; }


/* 空からVR・地上からVR
-------------------------------------------------------------------------------------- */
.vr-air-ground { margin: 0 auto; padding: 0; max-width: 250px; }
.vr-air-ground li { float: left; width: 42%; margin: 0 4% 20px 4%; list-style: none; text-align: center; }
.vr-air-ground li a { border: 0px solid #ddd; border-width:1px 2px 1px 2px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color: #ddd; color: #000000; display: block; font-size: 0.8em; font-weight:bold; padding: 1px 0; text-decoration: none; }
.vr-air-ground li a:hover { border: 0px solid #ff8808; border-width:1px 2px 1px 2px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color: #ff8808; color: #fff; display: block; font-size: 0.8em; font-weight:bold; padding: 1px 0; text-decoration: none; }

/* VR・SV・動画ページへの移動ボタン（オレンジ：ピックアップで作成）
-------------------------------------------------------------------------------------- */
.btn-org2 { display block; text-align: center; margin: 10px auto 5px auto; width: 70%; }
.btn-org2 a { border: 1px solid #ff8808; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background-color: #ff8808; color: #fff; background-image: url(/files/icon-arrow-link.png); background-repeat: no-repeat; background-position: 98.5%; display: block; font-size: 1.1em; padding: 8px 0; text-decoration: none; margin: auto 60px; }
.btn-org2 a:hover { border: 1px solid #fd9e39; background-color: #fd9e39; }
.btn-org2-p { margin: 0 32px 10px 32px; }

/* VR記事 サブ画像
-------------------------------------------------------------------------------------- */
.image80 { display: block; margin-left: auto; margin-right: auto; }

/* VRツアーマップ
-------------------------------------------------------------------------------------- */
.cir-rd-or::before { content:url(/files/circle-ff8a6d.png); vertical-align: middle !important; display: inline-block; margin-right: 3px; margin-left: 3px; }
.cir-or::before { content:url(/files/circle-ffc76d.png); vertical-align: middle !important; display: inline-block; margin-right: 3px; margin-left: 3px; }
.cir-bu::before { content:url(/files/circle-9dd4ff.png); vertical-align: middle !important; display: inline-block; margin-right: 3px; margin-left: 3px; }
.cir-ye::before { content:url(/files/circle-ffff99.png); vertical-align: middle !important; display: inline-block; margin-right: 3px; margin-left: 3px; }

/* 起点　赤フレーム
-------------------------------------------------------------------------------------- */
.box-red { clear: both; border: 1px solid #f00; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #f00; padding: 10px 15px; width: 72%; margin: 0 auto; text-align: center; }
.box-red strong { font-size: 1.1em; display: inline-block; margin-bottom: 5px; }
.box-red-txt-r { text-align: left !important; display: block; }

/* ストリートビュー
-------------------------------------------------------------------------------------- */
.gsv { display: block; margin: 30px auto 15px auto; max-width: 600px; }
.p-streetview-top { margin: 0 auto; width: 63%; }

/* リンクバナー
-------------------------------------------------------------------------------------- */
.p-link-ban { font-size: 1.1em; padding: 5px 0; text-align: center; }
.link-ban { clear: both; margin: 0; padding: 0; overflow:hidden; }
.link-ban li { list-style: none; float: left; padding: 10px 0; vertical-align: middle; text-align: center; }
.link-ban1 { width: 21%; margin: 20px 2% 0 2%; }
.link-ban2 { width: 40.5%; margin: 20px 2% 0 2%; }
.link-ban3 { width: 26.5%; margin: 0 2%; }

/* リンクページ地域別ボタン
-------------------------------------------------------------------------------------- */
.ban-chiiki { margin: 40px auto 0 auto; padding: 0; max-width: 1100px; overflow: hidden; }
.ban-chiiki li { width: 18%; margin: 0 1% 15px 1%; float: left; list-style: none; text-align: center; }
.ban-chiiki li a { border: 1px solid #ddd; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-color: #e1e1e1; font-size: 1.1em; color: #333; padding: 12px 0; display: block; }
.ban-chiiki li a:hover { background-color: #4188ff; color: #fff !important; text-decoration: none; }
.ban-shichoson { margin: 25px auto 0 auto; max-width: 1070px; }
.ban-shichoson dt { font-weight: bold; float: left; clear: both; }
.ban-shichoson dd { float: left; padding: 0; margin: 0 0 10px 20px; }
.w1100 { max-width: 1100px; margin: auto; }

/* 50・25%リスト後のP　フロートクリア
-------------------------------------------------------------------------------------- */
.p-clear { clear: both; margin-top: 8px; }

/* 疑似要素アイコン
-------------------------------------------------------------------------------------- */
.h3-genre:before { content: url(/files/icon-event.png); margin-right: 7px; position: relative; top: 4px; } /* 鉛筆マーク */
.icon-syosai:before { content: url(/files/icon-syosai.png); margin-left: 5px; margin-right: 7px; position: relative; top: 6px; } /* 鉛筆マーク */


/* p前　矢印アイコン
-------------------------------------------------------------------------------------- */
.icon-pen:before { content: url(/files/icon-point.png); margin-right: 4px; position: relative; top: 3px; } 

/* dlリスト（PC下線）
-------------------------------------------------------------------------------------- */
.dl-border { border-top: dotted 1px #ccc; }
.dl-border dt { float: left; border-bottom: dotted 1px #ccc; padding: 5px 7px; text-align:center; }
.dl-border dd { border-bottom: dotted 1px #ccc; padding: 5px 7px; }
.dl-50 { width: 50%; }
.dt-30 dt { width: 30%; }
.dt-20 dt { width: 20%; }
.dt-15 dt { width: 15%; }
.dt-10 dt { width: 10%; }
.dt-30 dd { margin-left: 30%; }
.dt-20 dd { margin-left: 20%; }
.dt-15 dd { margin-left: 15%; }
.dt-10 dd { margin-left: 10%; }

/* リスト横並び
-------------------------------------------------------------------------------------- */
.li-category h3 { clear: both; margin: 30px 0 0 0 !important; }
.li-category ul { margin: 0; padding: 0 0 0 15px; overflow: hidden; }
.li-category ul li { float: left; margin: 8px 40px 8px 0; }
.li-category ul li a { color: #333 !important; }
.li-category ul li a:hover { color: #4188ff !important; }


/* テーブル
-------------------------------------------------------------------------------------- */
.tbl-1 { border-collapse: collapse; border: solid 1px #cdcdcd; font-size: 0.95em; width: 100%; }
.tbl-1 th { border: solid 1px #cdcdcd; padding: 6px 8px; font-weight: normal; }
.tbl-1 td { border: solid 1px #cdcdcd; padding: 6px 8px; }
.th-w25 { width: 25%; }
.th-w30 { width: 30%; }
.th-w33 { width: 33%; }
.th-w13 { width: 13%;  text-align: center; }
.th-w7 { width: 7%;  text-align: center; }
.th-w55 { width: 55%;  text-align: center; }
.th-w25 { width: 25%;  text-align: center; }

/* スライド上テキスト用
-------------------------------------------------------------------------------------- */
.slide36 { font-size: 36pt; }
.slide40 { font-size: 40pt; }
.slide-txt-wh { font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 15px 0; text-align: center; color: #fff; }

/* テキスト・背景
-------------------------------------------------------------------------------------- */
.font-red { color: #f00; }
.font-org { color: #ff0000; }
.font-white { color: #fff; }
.txt-ctr { text-align: center; }
.bg-gray { background-color: #e9e9e9; padding: 5px 10px; }
.p-bg-gray { background-color: #ececec; padding: 1px 12px 15px 12px; }
.font-s95 { font-size: 95%; }
.font-s150 { font-size: 150%; }
.h2-ctr { text-align: center; background-color: #e4e4e4; padding: 5px 0; }
.w1000-ctr { max-width: 1000px; margin: 15px auto; }
.w1100-ctr { max-width: 1100px; margin: 15px auto; }
.h3-spot { text-align: center; color: #ff8808; margin-top: 0; }
.h3-pick-text { text-align: center; color: #ff8808; }
.mdl-blk-h3 { font-size: 1.1rem; margin: 25px 0 0 0; border-left: solid 6px #fe9207; padding-left: 8px; }
.font-b { font-weight: bold; }

/* 余白
-------------------------------------------------------------------------------------- */
.mar-b0 { margin-bottom: 0; }
.mar-b10 { margin-bottom: 10px; }
.mar-b15 { margin-bottom: 15px; }
.mar-b20 { margin-bottom: 20px; }
.mar-b25 { margin-bottom: 25px; }
.mar-b30 { margin-bottom: 30px; }
.mar-t0 { margin-top: 0; }
.mar-t5 { margin-top: 5px; }
.mar-t10 { margin-top: 10px; }
.mar-t20 { margin-top: 20px; }
.mar-t25 { margin-top: 25px; }
.mar-t30 { margin-top: 30px; }
.mar-tb20 { margin-top: 20px; margin-bottom: 20px; }
.top-p-mar { margin-top: 35px; }

/* 画像位置（ガイド内で使用） */
.img-va-mid-mar5 { vertical-align: middle !important; display: inline-block; margin: 0 5px; }


/* 求人
-------------------------------------------------------------------------------------- */
.rec_area1 .ccaption { margin-bottom: 25px !important; }
.recruit-top { max-width: 1000px; margin: 15px auto 0 auto; padding: 0 10px; }
dl#rec_com dt { text-align: left; margin-bottom:10px; }
dl#rec_com dd { text-align: left; margin-top:10px; margin-bottom:10px; }
table.rectable th.tdstyle1 { border-bottom: dotted 1px #ccc; }
table.rectable td.tdstyle1 { border-bottom: dotted 1px #ccc; }
.ccaption_entryform { margin-top: 20px !important; margin-bottom: 20px !important; }


#at-main-menu-in { max-width:1480px; padding:0; margin:0 auto; }
.common_inner { max-width:1400px; padding:0 10px; margin:0 auto; }
.main_inner { max-width:1400px; padding:0 10px; margin:0 auto; }
#top-menu { max-width: 1480px; margin: 0 auto; padding: 5px 0 0 0; height: 35px; }
#top_baner1_in { max-width:1480px; padding:0; margin:0 auto; }
#top_main_img_in { max-width:2000px; padding:0; margin:0 auto; }
#top_baner2_in { max-width:1480px; padding:0; margin:0 auto; }
#top_baner3_in { max-width:1480px; padding:0; margin:0 auto; }
#site-info { clear:both; max-width:1480px; padding:0; margin:0 auto; }
.main_block_updown_img img { display: block; margin: 0 auto;}
.main_block1_box { background-color:#ffffff; padding:30px 0; }
.main_block2_box { background-color:#ffffff; padding:30px 0; }
.tpc_box { background-color:#ffffff; padding:30px 0; }
.pku_box { background-color:#ffffff; padding:30px 0; }
.pku2_box { background-color:#ffffff; padding:30px 0; }
.news_box { background-color:#ffffff; padding:30px 0; }
.news2_box { background-color:#ffffff; padding:30px 0; }
.vmode_box { background-color:#ffffff; padding:30px 0; }
.youtube_box { background-color:#ffffff; padding:30px 0; }
.cover_box { background-color:#ffffff; padding:30px 0; }
.more_box { text-align:center; margin:20px 0; }
.footbackground #copyright { text-align:center; }
#footer-shop { text-align: center; margin-top:10px; }
.footbackground ul { list-style:none; margin:0; padding:0; }

#sm-nav-btn img {
	width: 45px; /* 必要な幅 */
	border: 1px solid; /* 枠線の設定 */
	border-radius: 0.3em;
	background-color:#fff; /* 好きな背景色 */
	margin-top: 5px;
}

div.ccaption_sub h2 {
	margin-bottom: 0.5rem;
}

.at-content-img-left img { max-width: 700px; }
.at-content-img-right img { max-width: 700px; }

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

.footbackground { margin-top: 0; }

#news-block #news_block_head h2 { font-size:1.5rem !important; }
#news-block div#news_block_head h2 { font-size:1.5rem !important; }
#news_block_head { max-width:100% !important; }

/* 市町村ページ：VRマップ・観光アクセス リンクボタン スマホ版文字サイズ変更用
-------------------------------------------------------------------------------------- */
.li-container3 li a { border: 1px solid #fafafa; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #000094; color: #fff; font-size: 0.8em; padding: 3px 15px; display: block; text-decoration: none; min-width:50%; max-width:200; text-align: center;}

.li-container8 li a { font-size: 0.8em; }

/* 共通
-------------------------------------------------------------------------------------- */
.free-comment-box iframe { height: 280px; }


#nav_area57 { display: none; }

.main_block_updown_img img {
	margin-bottom: 1rem !important;
}

.tour-button {
	line-height: 1.7;
	margin-bottom: 0.8rem;
}

.fre_pku_headlist {
order:1 !important;
}

.fre_pku_image {
order:2 !important;
}

.contents-pku a h3 {
font-size:0.9rem !important;

}

.contents-pku h3 {
font-size:0.9rem !important;

}

.fre_pku_comment {
font-size:0.9rem !important;
}

.contents-pku a h3::before {
display:none !important;

}

.contents-pku h3::before {
display:none !important;

}

.pku_cont3 .pku_cont_box img {
width: 100% !important;
}


.news-block {
	width: 98%;
	margin: 10px auto;
	max-height: 200px;
	overflow-y: scroll;
}

#news-iframe {
	border: none;
	height: 180px;
	width: 98%;
}

#top_news2_box .rss .newsbar, #top_news_box .rss .newsbar { display: inline-block; margin-left: 0; position: relative; max-width: 18px; }
#top_news2_box .rss, #top_news_box .rss { margin-left: 20px; margin-bottom: 10px; display:inline-block;  }

dd.btn-after { clear: left;margin-left: 40px !important; } 
	/*　画面サイズが767pxまではここを読み込む　*/
	.top_menu_fixed { position:absolute; }
	.sm-none { display:none; } /* スマートフォン版で非表示にしたい場合、sm-noneクラスを付与する */
	.top_fixed_menu { display:none; }
	.document_new_r { margin-left:0 !important; }
	.document_new_r_contents { margin-left:0 !important; }
	.mainbody_r { margin-left:0 !important; }
	.mainbody_contents { margin-left:0 !important; }
	.navi_new { display:none; }

	.main-menu01 { display:none; }
	.at-content-text { overflow: initial !important; }
	.at-content-img.side_img_box { float:none !important; margin-right:0px !important; margin-left:0px !important; margin-bottom:0.5em; }
        .at-content-img-right img { max-width: 100%; }
        .at-content-img-left img { max-width: 100%; }
	.main_block_leftright_img { float:none !important; margin-bottom:0.5em; margin-right:0px !important; margin-left:0px !important; }
	.news_img_auto_size_box { float: none !important; max-width: 100% !important; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 7px; }
	#top_baner1_box { display:none; } /* スマートフォン版では上メニューを非表示とする */
	#sm-nav-btn { display:block; }
	#sm-nav {
		background-color: #fff !important; /* 好みの背景色 */
		background-image:none;
	}
	#sm-nav .span { 
		display:block;
		color:#fff;
		font-size:1.1em;
	}
	#sm-nav > ul {
		width:100%;
	}
	#sm-nav ul.at_listmenu {
		position:relative;
	}
	#sm-nav ul.at_listmenu li {
		width:100%;
	}
	#sm-nav ul.at_listmenu ul {
		position:relative;
		left: 0;
	}
	#sm-nav > ul > li {
		padding:10px 5px;
	}
	#sm-nav > ul > li > a {
		background:none;
		height:auto;
	}
	.grid-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-sm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-sm-3 > .col {
		width:calc((100% / 3) - 0.01%);
		float:left;
	}
	.grid-sm-4 > .col {
		width:25%;
		float:left;
	}
	.flexbox-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-sm-2 > .col {
		width:50%;
	}
	.flexbox-sm-3 > .col {
		width:calc((100% / 3) - 0.01%);
	}
	.flexbox-sm-4 > .col {
		width:25%;
	}
	.flexbox-sm-5 > .col {
		width:20%;
	}
	.flexbox-sm-6 > .col {
		width:calc((100% / 6) - 0.01%);
	}
	.search_form {
		margin: 9px 0 0 5px;
		float: left;
	}
	#footer-shop span { display:block; }
#logo { max-width: 165px; margin: 10px 0 7px 10px !important; }

/* google翻訳表示用 */
#header_in { height: auto; }
.top-right { position: relative; }
/*
#google-translation { top: 50px; right: 5px; position: absolute; }
*/
#google-translation { display:none; }

#contact-search { padding:0; }
#search { padding: 2px 0 0 0; text-align: center; }
#search img { display: inline-block; margin-top: 6px; max-width:80%; }
.search_form_sp { border: solid 1px #333; border-radius: 5px; width: 45px !important; }
#at-main-menu-area { border-bottom: none; }
#top_main_img_box { margin-bottom: 20px; }

.ft-li-1, .ft-li-2, .ft-li-3, .ft-li-4, .ft-li-5, .ft-li-6 { width: 100%; }
.footer-menu ul { height: auto; }
.foot-li { border-left: none; }
.foot-li:last-child { border-right: none; }
.ft-li-3 h3 { display: none; }
.foot-li:nth-child(3) { padding: 5px 10px 0 10px; margin-bottom: 0; }
.foot-li:nth-child(4) { padding: 0 10px 5px 10px; }
.foot-li:nth-child(4) ul li { margin-top: 0; }
.foot-li:nth-child(4) ul li:first-child { border-top: none; }

.foot-li ul li { padding: 1px 0 5px 15px; margin: 2px 0; border-bottom: dotted 1px #dfdfdf; }
.foot-li ul li:first-child { border-top: dotted 1px #dfdfdf; padding-top: 5px; }
.foot-li a { font-size: 0.92em !important; }

.foot-li-genre ul li { width: 50%; padding: 1px 0 5px 15px; margin: 2px 0; border-bottom: dotted 1px #dfdfdf; }
.foot-li-genre ul li:nth-child(1), .foot-li-genre ul li:nth-child(2) { border-top: dotted 1px #dfdfdf; padding-top: 5px; }
.foot-li-genre a { font-size: 0.92em !important; }

.footer-info { max-width: 100%; padding: 5px 0 20px 0; text-align: center; }
.footer-logo { float: none; }
.add { float: none; margin-left: 0; font-size: 0.9em; }
.tel-box { float: none; margin: 15px 0 0 0; display: inline-block; }
.tel-mail { font-size: 1.5em; margin: 0 0 2px 3px; }
.footer-mail { float: none; margin: 0 0 0 15px; display: inline-block; }
.footer-mail img { width: 30px; }
.tpc_box { padding:5px 0; }
.pku_box { padding:5px 0; }
.pku2_box { padding:5px 0; }
.news_box { padding:5px 0; }
.news2_box { padding:5px 0; }

.pku_inner h2 img { height: 22px !important; }
#pku_box1 h2 img, #pku_box6 h2 img, #pku_box7 h2 img, #pku_box8 h2 img, #pku_box9 h2 img, #pku_box10 h2 img, #pku_box11 h2 img, #pku_box12 h2 img { height: 40px !important; }
.ccaption_pku1, .ccaption_pku6, .ccaption_pku7, .ccaption_pku8, .ccaption_pku9, .ccaption_pku10, .ccaption_pku11, .ccaption_pku12 { height: 40px !important; margin-bottom: 15px !important; }
.ccaption_pku1 h2 { margin: 15px 0 0 0 !important; }
.ccaption_pku3, .ccaption_pku5 { margin-bottom: 15px !important; }

.pku_cont2 .pku_cont_headlist { padding: 6px 2px 3px 2px !important; }
.pku_cont2 .pku_cont_list { font-size: 0.85em !important; text-align: left; margin: 0 3px 0 1px !important; }
.pku_cont3 .pku_cont_list { font-size: 1em !important; }
.pku_cont3 .pku_cont_list { padding: 0 !important; }
.pku_cont3 .pku_cont_list p { text-align: center; margin-top: 8px; }

.pku_cont_headlist h3 { font-size: 0.92em !important; font-weight: normal; }
.pku_cont_headlist { padding: 3px 1px !important; }

#main_block_head1_1, #main_block_head2_1 { margin-bottom: 5px !important; }
#main_block_box1_1 h2 img { height: 50px !important; }
#main_block_box2_1 h2 img { height: 22px !important; }

.news h2 img { height: 40px; }
.news_scroll ul, .news2_scroll ul { margin: 2px 0 !important; }
hr.news_head, hr.news2_head { height: 0; }

#map-content { width: 96%; margin: 0 auto; }
.at-link-btn { display: none; }
.at-print-btn { display: none; }
.select-vr h3 { margin: 7px 0; }
.select-vr ul { padding: 0 0 0 5px; }

table.inquirytable, table.mtutable, table.yyktable { width: 95% !important; font-size: 0.85em; }
table.inquirytable th, table.inquirytable td, table.mtutable th, table.mtutable td, table.yyktable { padding: 5px !important; }
.email_area1 .ccaption h2 { font-size: 1.5rem; }
.email_area1 .main_inner { padding: 0 !important; }
.email_area1 .ccaption { padding-left: 0; }
.access_area .ccaption h2 { font-size: 1.5rem; }
.access_area .ccaption { padding-left: 0; margin-bottom: 25px !important; }
.search_area .ccaption span { font-size: 1.5rem; }
.search_area .main_inner { padding: 0 !important; }
.search_area .ccaption { padding-left: 0; }
.mmail_area .ccaption h2 { font-size: 1.5rem; }
.mmail_area .main_inner { padding: 0 !important; }
.ymail_area .ccaption h2 { font-size: 1.5rem; }
.ymail_area .main_inner { padding: 0 !important; }

.li-area { padding: 0 0 0 17px; }
.li-area li { width: 100%; margin: 3px 0; }
.li-area4l { margin: 0; padding: 0 0 0 25px; }
.li-area4l li { list-style-type: square; float: left; width: calc(50% - 20px); margin: 5px 20px 0 0; }
.li-area4l li a { color: #333; margin: 0 0 0 0;}
.li-area4l li a:hover { color: #649efe; }

.li-area3l { margin: 0; padding: 20 0 0 25px; }
.li-area3l li { list-style-type: square; float: left; width: calc(50% - 20px); margin: 5px 20px 0 0; }
.li-area3l li a { color: #333; margin: 0 0 0 0;}
.li-area3l li a:hover { color: #649efe; }

.li-area1 li { width: 100%; margin: 3px 0; }
.li-area2 li { width: 100%; margin: 3px 0; }
.li-area3 li { width: 100%; margin: 3px 0; }

.li-cities { margin: 15px 0 0 0; }
.li-cities li { width: 48.4%; margin: 0 0.8% 15px 0.8%; padding: 10px 0; font-size: 1em; }

.li-spots { margin: 25px auto 0 auto; max-width: 100%; }
.li-spots li { width: 29%; margin: 0 2% 15px 2%; float: left; }
.li-spots li a { font-size: 1em; padding: 10px 0; }

.li-container li { margin: 0 6px 7px 0; }
.li-container li a { font-size: 0.9em; padding: 1px 12px; }
.li-container2 li a { font-size: 0.85em; padding: 1px 12px; }

.ul-w500 { max-width: 100%; }
.ul-w600 { max-width: 100%; }

.ul-dd-sqr { padding: 0 0 0 20px; }

.li-w800 { max-width: 100%; }
.li-area3 li { float: none; width: 100%; margin: 0 0 13px 0; }

.vr-tour-description dd { margin-left: 12px; }

.vr-tour-description2 { width: auto; clear: both; }
.vr-tour-description2 dd { margin-left: 12px; }

.dl-border { border-top: none; }
.dl-border dt { border-bottom: none; padding: 8px 4px; text-align:left; }
.dl-border dd { border-bottom: none; padding: 8px 4px; }
.dl-50 { width: 100%; }
.sp-dt-50 dt { width: 50%; }
.sp-dt-40 dt { width: 40%; }
.sp-dt-30 dt { width: 30%; }
.sp-dt-20 dt { width: 20%; }
.sp-dt-15 dt { width: 15%; }
.sp-dt-50 dd { margin-left: 50%; }
.sp-dt-40 dd { margin-left: 40%; }
.sp-dt-30 dd { margin-left: 30%; }
.sp-dt-20 dd { margin-left: 20%; }
.sp-dt-15 dd { margin-left: 15%; }
.dl-border dt:after { content: "："; }


.ref-pad-l { padding-left: 0; }
.box-red { width: 100%; }

.gsv { max-width: 100%; }
.p-streetview-top { margin: 10px auto 0 auto; width: 100%; }

.maintablebox2 { padding-top: 0 !important; }
.ccaption { margin-top: 6px !important; }
.ccaption h1 { text-align: center !important; padding: 5px 2px 5px 7px !important; background-color: #f2f2f2; font-size: 1.1rem !important; }
.ccaption_sub { margin-top: 0 !important; margin-bottom: 0 !important; border-top: 2px solid #bcbcbc !important; border-bottom: 2px solid #bcbcbc !important; text-align: center !important; padding: 7px 2px 7px 4px !important; }
.ccaption_sub h2::before { content: ""; }
.ccaption_sub h2::after { content: ""; }
.ccaption_sub_min { padding: 2px 0 !important; }
.ccaption_sub_min  h3::before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(/files/title-icon.png); background-size: contain; margin-right: 5px; bottom: 2px; position: relative; }

.at-content-box  h3.side::before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(/files/title-icon-blue.png); background-size: contain; margin-right: 5px; bottom: 2px; position: relative; }
.at-content-text h3.side::before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(/files/title-icon-blue.png); background-size: contain; margin-right: 5px; bottom: 2px; position: relative; }

.ccaption_recruit h2 { font-size: 1.2rem !important; }
.ccaption_entryform h2 { font-size: 1.1rem !important; }

.btn-bl { text-align: center; }
.tbl-1 { font-weight: 0.9em; }
.tbl-1 th { padding: 5px 2px; }
.tbl-1 td { padding: 5px 2px; }


/* ハンバーガーメニュー */
#smp-global-nav { clear: both; }
#smp-global-nav h3 { background-color: #f1f0f0; color: #333; padding: 8px 6px; margin: 0; font-size: 0.97em; }
#smp-global-nav ul { margin: 0; padding: 0; }
#smp-global-nav ul li { margin: 0; padding: 0 0 0 20px; height: 38px; line-height: 38px; list-style: none; background: url(/files/icon-arrow2.png) no-repeat 0% 50%; border-bottom: 1px solid #ebebeb; }
#smp-global-nav ul li a { color: #333; display: block; width: 100%; height: 100%; text-decoration: none !important; }

.btn-org { text-align: left; }
.btn-org a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 3px 7px; display: block; }
.inl-blk-mar { display: block;  margin: 0 0 12px 0; }

.btn-org2 { width: 96%; }
.btn-org2 a { font-size: 1em; padding: 9px 0; }
.btn-org2-p { margin: 0 10px 10px 10px; }

.top-p-mar { margin-top: 10px; }
.smp-mar-lr10 { margin-left: 10px; margin-right: 10px; }

.link-ban li { text-align: left; }
.link-ban1, .link-ban2, .link-ban3 { width: 100%; margin: 0 0 12px 0; }

.sp-w96 { width: 96% !important; margin: 0 2% !important; }
.sp-left { text-align: left; }

/* 常陸太田市：独立ジャンル　リンク
-------------------------------------------------------------------------------------- */
.li-container5 li { width: 100%; }

/* 平将門　リンク
-------------------------------------------------------------------------------------- */
.li-container6 li { width: 100%; }


}
@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
.news-block {
	width: 98%;
	margin: 10px auto;
	max-height: 200px;
	overflow-y: scroll;
}


#news-iframe {
	border: none;
	height: 180px;
	width: 98%;
}
	.grid-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-mm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-mm-3 > .col {
		width:calc((100% / 3) - 0.01%);
		float:left;
	}
	.grid-mm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-mm-5 > .col {
		width:20%;
		float:left;
	}
	.flexbox-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-mm-2 > .col {
		width:50%;
	}
	.flexbox-mm-3 > .col {
		width:calc((100% / 3) - 0.01%);
	}
	.flexbox-mm-4 > .col {
		width:25%;
	}
	.flexbox-mm-5 > .col {
		width:20%;
	}
	.flexbox-mm-6 > .col {
		width:calc((100% / 6) - 0.01%);
	}
	.at-content-text { overflow: initial !important; }
        .at-content-img-right img { max-width:450px; }
        .at-content-img-left img { max-width: 450px; }
	#footer-shop span { display:block; }
nav .flexbox-mm-4 > .col { width: 25% !important; }
#logo { max-width: 280px; max-height: auto; }

.search_form_sp { display: none; }
.box-red { width: 100%; }
.txt-ctr-pc { text-align: center; }
.ccaption h1 { line-height: 2.4rem; font-size: 1.85rem !important; }

/* 地区別移動ボタン
-------------------------------------------------------------------------------------- */
.li-spots li { width: 18.4%; margin: 0 0.8% 15px 0.8%; }
.li-spots li a { font-size: 1.04em; }
.p-streetview-top { width: 94%; }
}
@media print,screen and (min-width:1024px) {
	/*　画面サイズが1024pxからはここを読み込む　*/
	.grid-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-wm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-wm-3 > .col {
		width:calc((100% / 3) - 0.01%);
		float:left;
	}
	.grid-wm-4 > .col {
		width:25%;
		float:left;
	}
	.grid-wm-5 > .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 > .col {
		width:calc((100% / 6) - 0.01%);
		float:left;
	}
	.grid-wm-7 > .col {
		width:calc((100% / 7 - 0.01%));
		float:left;
	}
	.flexbox-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-wm-2 > .col {
		width:50%;
	}
	.flexbox-wm-3 > .col {
		width:calc((100% / 3) - 0.01%);
	}
	.flexbox-wm-4 > .col {
		width:25%;
	}
	.flexbox-wm-5 > .col {
		width:20%;
	}
	.flexbox-wm-6 > .col {
		width:calc((100% / 6) - 0.01%);
	}
	.flexbox-wm-7 > .col {
		width:calc((100% / 7) - 0.01%);
	}
	.flexbox-wm-8 > .col {
		width:calc((100% / 8) - 0.01%);
	}
.pc-w70 { max-width: 70%; margin-right: auto; margin-left: auto; }
.pc-w85 { max-width: 85%; margin-right: auto; margin-left: auto; }

/* nav 8列を7列に修正（2019.11.12）　※8列にするときは、下の2行を削除
-------------------------------------------------------------------------------------- */
#nav .flexbox-wm-8 > .col { width: calc((100% / 7) - 0.01%) !important; }
#nav #nav08 { display: none; }

/* メガメニュー3列から4列に修正（2019.11.12）　※3列にするときは、下の3行を削除
-------------------------------------------------------------------------------------- */
#at_listmenu_mega_box3 .flexbox-wm-3 > .col { width: calc(100% / 4) !important; }
.at_listmenu_mega_box > ul > li::before { left: 0.7em !important; }
.at_listmenu_mega_box a > span { padding: 0 1em 0 1.7em !important; }

.search_form_sp { display: none; }
.pc-font-s84 { font-size: 84%; }
.pc-font-s92 { font-size: 92%; }
.txt-ctr-pc { text-align: center; }
.mar-l7-pc { margin-left: 7px; }
.ccaption h1 { line-height: 2.1rem; }

}
/* media print用
-------------------------------------------------------------------------------------- */
@media print {
	.no-print { display: none; }
	/*　プリント用にサイズを設定する　*/
        body { min-width:1050px; margin: 0 auto; }
}


div.ccaption {
	background-image: url(/image/sub/);
	width:100%;
																																																																																																																																												height:auto;
																																																																																																																																												background-repeat:no-repeat;
																																																																																																																																												font-size: 2rem;
																																																																																																																																												font-weight: normal;
																																																																																																																																												margin-top:15px;
																																																																																																																																												margin-bottom:5px;
																																																																																																																																												text-align: center;
																																																																																																																																												color: #555;
}

div.ccaption h1 {
	font-size: 2rem;
	font-weight: normal;
	text-align: center;
	margin:0;
	padding:0;
}
div.ccaption_sub {
	background-image: url(/image/sub/);
	width:100%;
																																																																																																																																																																																																																																																																																			height:auto;
																																																																																																																																																																																																																																																																																			background-repeat:no-repeat;
																																																																																																																																																																																																																																																																																			background-position:left center;
																																																																																																																																																																																																																																																																																			font-size:1.5rem;
																																																																																																																																																																																																																																																																																			font-weight:bold;
																																																																																																																																																																																																																																																																																			margin-top:10px;
																																																																																																																																																																																																																																																																																			margin-bottom:10px;
																																																																																																																																																																																																																																																																																			border-top: 3px solid #bcbcbc;
																																																																																																																																																																																																																																																																																			border-bottom: 3px solid #bcbcbc;
																																																																																																																																																																																																																																																																																			padding: 7px 0;
																																																																																																																																																																																																																																																																																			text-align: center;
																																																																																																																																																																																																																																																																																			color: #333;}
div.ccaption_sub h2 {
	font-size:1.5rem;
	font-weight:bold;
	margin:0;
	padding:0;
}
div.ccaption_sub_min {
	background-image: url(/image/sub/);
	width:100%;
																																																																																																																																													height:auto;
																																																																																																																																													background-repeat:no-repeat;
																																																																																																																																													background-position:left center;
																																																																																																																																													font-size:1.3rem;
																																																																																																																																													font-weight:bold;
																																																																																																																																													margin-top:7px;
																																																																																																																																													margin-bottom:7px;
																																																																																																																																													padding: 2px 10px;
																																																																																																																																													border-bottom: 1px solid #ccc;}
div.ccaption_sub_min h3 {
	font-size:1.3rem;
	font-weight:bold;
	margin:0;
	padding:0;
}

.news-block {
    width:0px !important;
    margin: 10px auto;
    max-height: 0px !important;
    overflow-y: scroll;
}
.news-block-more {
    margin: 8px auto;
    width:0px !important;
text-align:right;font-size:0.9rem;
}

#news-iframe {
    border: none;
    height: 100% !important;
    width: 100% !important;
}

#dir_free_area1 .main_inner { max-width:initial; margin:initial; padding:initial; }
#dir_free_area1 .common_inner { max-width:initial; margin:initial; padding:initial; }
#dir_free_area1 .ccaption { max-width:1220px; margin-left:auto; margin-right:auto; padding:0 10px; }
#dir_free_area1 .dir_free_inner .comment_inner { max-width:1220px; margin:0 auto; padding:0 10px;  }
#dir_free_area1 .dir_free_inner .contents_inner { max-width:1220px; margin:0 auto; padding:0 10px;  }
#dir_free_area1 .dir_free_inner .contents_left { max-width:1220px; margin:0 auto; padding:0 10px; }
#dir_free_area1 .dir_free_inner .contents_left .contents_inner { padding:initial;  }
@media screen and (max-width:767px) {
	#dir_free_area1 .main_inner { max-width:initial; margin:initial; padding:initial; }
	#dir_free_area1 .common_inner { max-width:initial; margin:initial; padding:initial; }
	#dir_free_area1 .ccaption { padding:0; }
	#dir_free_area1 .dir_free_inner .comment_inner { padding:0 10px; }
	#dir_free_area1 .dir_free_inner .contents_inner { padding:0 10px; }
	#dir_free_area1 .dir_free_inner .contents_left { padding:0 10px; }
	#dir_free_area1 .dir_free_inner .contents_left .contents_inner { padding:initial; }
}
#dir_free_area1 .fre_pku_image .hover_anime,
#dir_free_area1 .at-content-img .hover_anime { display:block; background-color:#fff; }
#dir_free_area1 .fre_pku_image .hover_anime a > img,
#dir_free_area1 .at-content-img .hover_anime a > img { transition: all 0.3s ease;}
#dir_free_area1 .at-content-img .hover_anime a > img { display:block; }
#dir_free_area1 .fre_pku_image .hover_anime a > img:hover,
#dir_free_area1 .at-content-img .hover_anime a > img:hover { opacity: 0.7; filter: alpha(opacity=70); }
#dir_free_area1 .season-mark-box .off-season { background-color:#DEE2E5; color:#888888; }
#dir_free_area1 .season-mark-box .season { background-color:#B9E3F9; color:#333333; }
#dir_free_area1 .season-mark-box .on-season { background-color:#F5A101; color:#ffffff; }
#dir_free_area1 .season-mark-box .season-text { color:#333333; }

div.ccaption_foot {
	background-image: none;
	width:100%;
	height:auto;
	padding:10px 0px;
	font-weight:700;
	font-size:1.4em;
	margin-bottom:10px;
	text-align:center;
	color:rgb(51, 51, 51);
	background-repeat:no-repeat;
	background-image:none;}
div.ccaption_foot h2 {
	font-size:1.4em;
	font-weight:700;
	color:rgb(51, 51, 51);
	margin : 0;
	padding : 0;
}