@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* 基本設定
----------------------------------------------------*/

* {
padding: 0;
margin: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Noto Sans JP';
font-size:14px;
color: #000;
line-height: 1.6;
margin:0;
padding:0;
}
a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {color:#E50012; text-decoration:none;}
a:active {}
#report a:link {color:#0064C8; text-decoration:underline;}
#report a:visited {color:#0064C8; text-decoration:underline;}
#report a:hover {color:#E50012; text-decoration:underline;}
a:active {}

a:active {}
a img {border: 0;}
a:hover * {
filter: alpha(style=0; opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
}
/*font-family: 'Raleway', sans-serif;*/

article, aside, details, footer, header, menu, nav, section { display: block;}
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

/* 骨組み
----------------------------------------------------*/
header {
width:100%;
margin: 0 auto;  
z-index:101;
height:120px;
background-color:#FFFFFF;
border-top:#E50012 solid 3px;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.header {
width:1100px;
margin: 0 auto;  
padding:0;
position:relative;
}
.header #logo{
width: 190px;
height:57px;
margin:5px 0 0 0;
background: url(../img/logo.png) left top no-repeat;
background-size:190px 57px;
text-indent:-9999px;
overflow:hidden;
display: inline-block;
vertical-align: top;
}
.header #sns{
width: auto;
height:24px;
margin:22px 0 0 280px;
display: inline-block;
vertical-align: top;
}
.header #sns img{
display: inline-block;
vertical-align: top;
margin:0 0 0 10px;
}
@media screen and (min-width:737px) and (max-width:834px) {
header {
width:100%;
margin: 0 auto;  
z-index:101;
height:80px;
background-color:#FFFFFF;
border-top:#E50012 solid 3px;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.header {
width:100%;
margin: 0 auto;  
padding:0;
position:relative;
}
.header #logo{
width: 150px;
height:45px;
margin:10px 0 0 10px;
background: url(../img/logo.png) left top no-repeat;
background-size:150px 45px;
text-indent:-9999px;
overflow:hidden;
display: inline-block;
vertical-align: top;
z-index:11003;
position:relative;
}
.header #sns{
width: 170px;
height:24px;
margin:30px 0 0 40px;
display: inline-block;
vertical-align: top;
z-index:11001;
position:relative;
}
.header #sns img{
width:24px;
display: inline-block;
vertical-align: top;
margin:0 0 0 3px;
}
}
@media screen and (max-width: 736px) {
header {
width:100%;
margin: 0 auto;
z-index:101;
height:55px;
background-color:#FFFFFF;
border-top:#E50012 solid 3px;
}
.fixed {
position: fixed;
top: 0;
width: 100%;
-moz-box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
box-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}
.header {
width:100%;
margin: 0 auto;  
padding:0;
position:static;
}
.header #logo{
width: 150px;
height:45px;
margin:5px 0 0 5px;
background: url(../img/logo.png) left top no-repeat;
background-size:150px 45px;
text-indent:-9999px;
overflow:hidden;
display: inline-block;
vertical-align: top;
z-index:120;
position:relative;
}
.header #sns{
display:none;
}
.header #sns img{
display:none;
}
}

/*Language_______________________________*/
.header #language{
width: 340px;
height:30px;
margin:22px 0 0 28px;
display: inline-block;
vertical-align: top;
}
.header #l_searchlist {
display: none;
font-size:12px;
position:absolute;
z-index:12;
top:10;
left:500;
}
.l_accordion{
float:left;
margin:0 10px;
}
.l_accordion a {
display: block;
border-bottom:1px solid rgba(155,155,155,0.3);
padding:3px 0;
text-align:center;
color:#000000;
text-decoration:none;
}
.l_accordion a:last-child {
display: block;
border-bottom:none;
padding:3px 0;
color:#000000;
text-decoration:none;
}
.l_accordion a:hover {color:#E71021; text-decoration:none;}
.l_searchSub {
margin: -1px auto;
width: 110px;
padding:0 10px;
background-color:#F7F7F7;
border:1px solid rgba(155,155,155,0.3);
}
.switch_l {
width: 100px;
text-align: left;
margin: auto;
padding: 3px 0 3px 30px;
position: relative;
display: block;
cursor: pointer;
line-height:1.8;
border:#CCCCCC 1px solid;
background-color:#F7F7F7;
font-size:12px;
}
.switch_l:after {
font-family:"FontAwesome";
content:"\f078";
position: absolute;
right: 10px;
top: 3px;
margin: auto;
font-size: 12px;
}
.switch_l.open:after {
font-family:"FontAwesome";
content:"\f077";
}
/*search_______________________________*/
.header #search{
width: 180px;
height:30px;
display: inline-block;
vertical-align: top;
}
dl.search01{
position:relative;
background-color:#fff;
border:1px solid #aaa;
-webkit-box-shadow:  inset 0 0 5px 0 #ccc;
-moz-box-shadow: inset 0 0 5px 0 #ccc;
box-shadow: inset 0 0 5px 0 #ccc; 
}
dl.search01 dt{
margin-right:40px;
padding:2px 0 1px 8px;
}
dl.search01 dt input{
width:100%;
height:24px;
line-height:24px;
background:none;
border:none;
}
dl.search01 dd{
position:absolute;
top:0;
right:0;
}
dl.search01 dd button{
display:block;
padding:6px 0 6px 6px;
background:none;
border:none;
}
dl.search01 dd button span{
display:block;
width:20px;
height:20px;
background:url('../img/btn_search.png') no-repeat scroll 0 0;
}
.header #search_mobile{
display:none;
}
@media screen and (min-width:737px) and (max-width:834px) {
.header #language{
width: 340px;
height:30px;
margin:28px 0 0 1px;
display: inline-block;
z-index:11000;
vertical-align: top;
position:relative;
}
}
@media screen and (max-width: 736px) {
.header #language{
width:auto;
height:27px;
margin:18px 0 0 28px;
display: inline-block;
vertical-align: top;
z-index:10000;
position:relative;
}
.header #l_searchlist {
display: none;
font-size:12px;
position:absolute;
top:10;
left:500;
}
.l_accordion{
float:left;
margin:0 10px;
}
.l_accordion a {
display: block;
border-bottom:1px solid rgba(155,155,155,0.3);
padding:3px 0;
text-align:center;
color:#000000;
text-decoration:none;
font-size: 10px;
}
.l_accordion a:last-child {
display: block;
border-bottom:none;
padding:3px 0;
color:#000000;
text-decoration:none;
}
.l_accordion a:hover {color:#E71021; text-decoration:none;}
.l_searchSub {
margin: -1px auto;
width: 90px;
padding:0 10px;
background-color:#F7F7F7;
border:1px solid rgba(155,155,155,0.3);
font-size: 10px;
}
.switch_l {
width: 80px;
text-align: left;
margin: auto;
padding: 3px 0 3px 30px;
position: relative;
display: block;
cursor: pointer;
line-height:1.8;
border:#CCCCCC 1px solid;
background-color:#F7F7F7;
font-size:10px;
}
.switch_l:after {
font-family:"FontAwesome";
content:"\f078";
position: absolute;
right: 10px;
top: 3px;
margin: auto;
font-size: 10px;
}
.switch_l.open:after {
font-family:"FontAwesome";
content:"\f077";
}
.header #search{
display:none;
}
.header #search_mobile{
display:block;
}
.search01 form{
display:block;
}
dl.search01{
position:relative;
background-color:#fff;
border:10px solid #000;
-webkit-box-shadow:  inset 0 0 5px 0 #ccc;
-moz-box-shadow: inset 0 0 5px 0 #ccc;
box-shadow: inset 0 0 5px 0 #ccc; 
}
dl.search01 dt{
margin-right:40px;
padding:2px 0 1px 8px;
}
dl.search01 dt input{
width:100%;
height:24px;
line-height:24px;
background:none;
border:none;
}
dl.search01 dd{
position:absolute;
top:0;
right:0;
}
dl.search01 dd button{
display:block;
padding:6px 0 6px 6px;
background:none;
border:none;
}
dl.search01 dd button span{
display:block;
width:20px;
height:20px;
background:url('../img/btn_search.png') no-repeat scroll 0 0;
}
}

/*メニュー*/
.slicknav_menu {
background: none;
margin-bottom: 50px;
}
.nav_style{
width:1100px;
height:25px;
padding:0;
margin:10px auto 15px auto;
z-index:11;
position:relative;
}
.nav_style ul{
margin: 0;
padding: 0;
}
.nav_style li a {
display: block;
padding:7px 0;
list-style:none;
background-color:#0C0E10;
color:#FFFFFF;
text-decoration:none;
font-weight:300;
}
.nav_style li a:hover{
background: #999999;
font-weight:300;
}
.nav_style li{
display: block;
width: 179px;
margin:0 5px 0 0;
list-style:none;
text-align:center;
float:left;
font-size:14px;
font-weight:300;
position:relative;
}
.nav_style li:last-child{
display: block;
width: 179px;
margin:0 0 0 0;
list-style:none;
text-align:center;
float:left;
font-size:14px;
font-weight:300;
}
.slicknav_nav a,
.slicknav_nav .slicknav_row,
.slicknav_nav ul{
margin: 0;
z-index:1000;
}
.button:after {
font-family:"FontAwesome";
content:"\f078";
position: absolute;
right: 10px;
top: 9px;
margin: auto;
font-size: 12px;
color:#FFF;
}
.button.active01:after {
font-family:"FontAwesome";
content:"\f077";
}
.sub_menu{
display: none;
position:absolute;
top: 36px;
left: 0;
z-index:1000;
text-align: left;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.sub_menu li {
width: 100%;
font-size:14px;
font-weight:300;
padding:0;
z-index:1000;
border-top:1px solid #2c2c2c;
}
.sub_menu li .hidd{
width: 100%;
font-size:14px;
font-weight:300;
padding:0;
z-index:1000;
border-top:1px solid #2c2c2c;
display:none;
}
.sub_menu li a{
color: #ffffff;
border-bottom:none;
}
.sub_menu li a:hover{
background: #999999;
}
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em;
color: #ef1635;
}
.slicknav_brand{
color: #000;
}
/*ハンバーガーメニューのエフェクト*/
.slicknav_icon,
.slicknav_icon span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
}
.slicknav_icon {
position: relative;
width: 50px;
height: 44px;
}
.slicknav_menu .slicknav_icon-bar{
position: absolute;
left: 0;
}
.slicknav_icon span:nth-of-type(1) {
top: 0;
}
.slicknav_icon span:nth-of-type(2) {
top: 3px;
}
.slicknav_icon span:nth-of-type(3) {
bottom: 0;
}
.active .slicknav_icon-bar:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg);
}
.active .slicknav_icon-bar:nth-of-type(2) {
opacity: 0;
}
.active .slicknav_icon-bar:nth-of-type(3) {
-webkit-transform: translateY(-6px) rotate(45deg);
transform: translateY(-6px) rotate(45deg);
}
/*最低限*/
.slicknav_menu {
display:none;
}
@media screen and (min-width:737px) and (max-width:834px) {
.nav_style li{
display: block;
width: 100%;
margin:0 5px 0 0;
list-style:none;
text-align:center;
float:none;
font-size:14px;
font-weight:300;
position:relative;
}
.nav_style li:last-child{
width: 100%;
display: block;
padding:0;
list-style:none;
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
border-bottom:none;
margin:0;
}
main{
padding: 1rem;
}
.nav_style{
width: 100%;
}
.nav_style li{
display: block;
width: 100%;
float:none;
}
.nav_style li a{
width: 100%;
display: block;
padding:10px 0;
list-style:none;
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
border-bottom:none;
margin:0;
}
.nav_style li a:hover{
background: #000000;
color:#ffffff;
}
section ul{
display:none;
}
.slicknav_menu {
display:block;
}
.button:after {
font-size: 1px;
color:#000;
display:none;
}
.button.active01:after {
font-size: 1px;
color:#000;
display:none;
}
.sub_menu{
width: 100%;
position: inherit;
top:0;
padding:0;
margin:0;
}
.sub_menu li .hidd{
display:inherit;
padding:5px 0;
}
.sub_menu li a:hover{
background: #ffffff;
}
.sub_menu li a{
color: #ffffff;
border-bottom:none;
padding:5px 0;
margin:0;
}
.menu5{
	display:none;
}
}

@media screen and (max-width: 736px) {
.nav_style li{
display: block;
width: 100%;
margin:0 5px 0 0;
list-style:none;
text-align:center;
float:none;
font-size:14px;
font-weight:300;
position:relative;
}
.nav_style li:last-child{
width: 100%;
display: block;
padding:0;
list-style:none;
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
border-bottom:none;
margin:0;
}
main{
padding: 1rem;
}
.nav_style{
width: 100%;
}
.nav_style li{
display: block;
width: 100%;
float:none;
}
.nav_style li a{
width: 100%;
display: block;
padding:10px 0;
list-style:none;
background-color:#000000;
color:#FFFFFF;
text-decoration:none;
border-bottom:none;
margin:0;
}
.nav_style li a:hover{
background: #000000;
color:#ffffff;
}
section ul{
display:none;
}
.slicknav_menu {
display:block;
}
.button:after {
font-size: 1px;
color:#000;
display:none;
}
.button.active01:after {
font-size: 1px;
color:#000;
display:none;
}
.sub_menu{
width: 100%;
position: inherit;
top:0;
padding:0;
margin:0;
}
.sub_menu li .hidd{
display:inherit;
padding:5px 0;
}
.sub_menu li a:hover{
background: #ffffff;
}
.sub_menu li a{
color: #ffffff;
border-bottom:none;
padding:5px 0;
margin:0;
}
.menu5{
	display:none;
}
}
#top_main{
width:1100px;
margin:0 auto;
padding:0;
z-index:0;
}
#top_main h1{
width:1060px;
margin:15px auto 5px auto;
padding:7px 20px;
background:#F3F2EF;
font-size:18px;
font-weight:300;
line-height:1.7;
clear:both;
text-align:center;
}
#main_img{
width:1100px;
height:280px;
margin:5px auto;
overflow:hidden;
z-index:0;
}
.topMain_scroll{
display: none;
}
.topMain_scroll img{
margin:0 5px 0 0;
width:213px;
height:280px;
display:block;
vertical-align: bottom;
}

@media screen and (min-width:737px) and (max-width:834px) {
#top_main{
width:100%;
margin:0 auto;
padding:0;
z-index:0;
}
#top_main h1{
width:94%;
margin:15px auto 5px auto;
padding:7px 20px;
background:#F3F2EF;
font-size:18px;
font-weight:300;
line-height:1.7;
clear:both;
text-align:center;
}
#main_img{
width:100%;
height:280px;
margin:5px auto;
overflow:hidden;
z-index:0;
}
}

@media screen and (max-width: 736px) {
#top_main{
width:100%;
margin:0 auto;
padding:0;
z-index:0;
}
#top_main h1{
width:100%;
margin:15px auto 5px auto;
padding:6px 10px;
background:#F3F2EF;
font-size:14px;
font-weight:300;
line-height:1.5;
clear:both;
text-align:center;
box-sizing:border-box;
}	
#main_img{
display:none;
}
}


/* keyword */
#keyword_bg{
width:100%;
height:auto;
padding:0;
background:#FFFFFF;
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
#top_keyword_box{
width:1100px;
margin:0 auto;
padding:10px 0;
overflow:hidden;
}
#top_keyword_box h3{
color:#E50012;
font-size:28px;
float:left;
font-weight:600;
margin:0 40px 0 0;
}
#top_keyword_box a{
display: block;
padding:5px 15px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
color:#E50012;
border:1px solid #E50012;
float:left;
}
#top_keyword_box a:hover {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
@media screen and (min-width:737px) and (max-width:834px) {
/* keyword */
#keyword_bg{
width:100%;
height:auto;
padding:0;
background:#FFFFFF;
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
#top_keyword_box{
width:96%;
margin:0 auto;
padding:10px 0 12px 0;
overflow:hidden;
}
#top_keyword_box h3{
color:#E50012;
font-size:20px;
float:none;
font-weight:600;
margin:0 40px 0 0;
}
#top_keyword_box a{
display: block;
padding:2px 12px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
color:#E50012;
border:1px solid #E50012;
float:left;
font-size:14px;
}
#top_keyword_box a:hover {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
}

@media screen and (max-width: 736px) {
/* keyword */
#keyword_bg{
width:100%;
height:auto;
padding:0;
background:#FFFFFF;
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
#top_keyword_box{
width:96%;
margin:0 auto;
padding:10px 0 12px 0;
overflow:hidden;
}
#top_keyword_box h3{
color:#E50012;
font-size:20px;
float:none;
font-weight:600;
margin:0 40px 0 0;
}
#top_keyword_box a{
display: block;
padding:2px 12px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
color:#E50012;
border:1px solid #E50012;
float:left;
font-size:12px;
}
#top_keyword_box a:hover {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
}

#top_news_wrapper{
width:1100px;
margin:0 auto 20px auto;
padding:0;
overflow:hidden;
}
#top_news{
width: 800px;
margin:20px 0 0 0; 
position:relative;
}
#top_news h3{
font-size:34px;
font-weight:600;
margin:0;
}
#top_news a.list {
display: block;
padding:6px 20px 6px 40px;
margin:6px 10px 0 0;
color:#FFFFFF;
background:#000000 url(../img/arrow_white.png) 10px 10px no-repeat;
position:absolute;
top:5px;
left:300px;
z-index:0;
}
#top_news a:hover.list {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#top_news a:active.list {}
#top_news_box{
width: 760px;
margin:6px 0 0 0;
padding:10px 0 20px 0;
float:left;
}
#top_news_box .newslist{
display:block;
width: 740px;
margin:0;
padding:10px 0;
border-bottom:1px solid #E5E5E5;
color: #000000;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#top_news_box a:hover{text-decoration:none; color: #999999;}
#top_news_box ul {
margin:0;
padding:0;
font-size:12px;
}
#top_news_box ul li{
width: 31.5%;
margin:0 0 0 0;
padding:0 5px 13px 5px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(n+7){
width: 18.6%;
margin:0 0 0 0;
padding:0 0.88% 13px 0;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(7){
width: 18.6%;
margin:0 0 0 0;
padding:0 0.88% 0 5px;
color: #000000;
list-style:none;
font-size:12px;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(11){
width: 18.6%;
margin:0 0 0 0;
padding:0 0 0 0;
color: #000000;
list-style:none;
font-size:12px;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(12){
width: 18.6%;
margin:0 0 0 0;
padding:0 0.88% 0 5px;
color: #000000;
list-style:none;
font-size:12px;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(16){
width: 18.6%;
margin:0 0 0 0;
padding:0 0 0 0;
color: #000000;
list-style:none;
font-size:12px;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(17){
width: 18.6%;
margin:0 0 0 0;
padding:0 0.88% 0 5px;
color: #000000;
list-style:none;
font-size:12px;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(21){
width: 18.6%;
margin:0 0 0 0;
padding:0 0 0 0;
color: #000000;
list-style:none;
font-size:12px;
display: inline-block;
vertical-align: top;
}
#top_news_box ul span{
font-size:10px;
color:#999;
display: block;
}
#top_news_box ul li img{
width: 100%;
height:150px;
object-fit: cover;
}
#top_news_box ul li:nth-of-type(n+7) img{
width: 100%;
height:100px;
object-fit: cover;
}
#top_news_bannerarea{
width: 300px;
margin:9px 0 0 37px;
float:left;
}
#top_news_bannerarea .adsense01{
width: 300px;
margin:6px 0 0 0;
float:none;
}
#top_news_bannerarea .adsense01 img{
width: 100%;
}
#top_news_bannerarea .adsense02{
width: 300px;
margin:20px 0 0 0;
float:none;
}
.cultureicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#30A6CC;
display: inline-block;
vertical-align:bottom;
}
.magazineicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#E50012;
display: inline-block;
vertical-align:bottom;
}
.travelicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#0058AF;
display: inline-block;
vertical-align:bottom;
}
.eventsicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#00B95C;
display: inline-block;
vertical-align:bottom;
}
.kitchenicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#FF6600;
display: inline-block;
vertical-align:bottom;
}
.recipeicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#FDA001;
display: inline-block;
vertical-align:bottom;
}
@media screen and (min-width:737px) and (max-width:834px) {
#top_news_wrapper{
width:96%;
margin:0 auto 20px auto;
padding:0;
overflow:hidden;
box-sizing:border-box;
}
#top_news{
width: 100%;
margin:20px 0 0 0; 
position:relative;
box-sizing:border-box;
}
#top_news h3{
font-size:30px;
font-weight:600;
margin:0;
}
#top_news a.list {
display: block;
padding:6px 20px 6px 40px;
margin:6px 10px 0 0;
color:#FFFFFF;
background:#000000 url(../img/arrow_white.png) 10px 10px no-repeat;
position:absolute;
top:5px;
left:300px;
z-index:0;
}
#top_news a:hover.list {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#top_news a:active.list {}
#top_news_box{
width: 100%;
margin:6px 0 0 0;
padding:10px 0 20px 0;
float:none;
}
#top_news_box ul {
margin:0;
padding:0;
font-size:12px;
}
#top_news_box ul li{
width: 32.5%;
margin:0 0 0 0;
padding:0 2px 13px 2px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(n+7){
width: 19.12%;
margin:0 0 0 0;
padding:0 2px 13px 2px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(7){
width: 19.12%;
margin:0 0 0 0;
padding:0 2px 13px 2px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(11){
width: 19.12%;
margin:0 0 0 0;
padding:0 0 13px 2px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(16){
width: 19.12%;
margin:0 0 0 0;
padding:0 0 0 0;
color: #000000;
list-style:none;
font-size:12px;
display: inline-block;
vertical-align: top;
}
#top_news_box ul span{
font-size:10px;
color:#999;
display: block;
}
#top_news_box ul li img{
width: 100%;
height: 150px;
object-fit: cover;
}
#top_news_box ul li img:nth-of-type(n+7){
width: 100%;
height: 100px;
object-fit: cover;
}
#top_news_bannerarea{
width: 100%;
margin:16px 0;
padding:0;
display: flex;
align-items:flex-start;
justify-content: space-around;
}
#top_news_bannerarea .adsense01{
width: 300px;
height:250px;
margin:0;
float:none;
}
#top_news_bannerarea .adsense02{
width: 300px;
height:250px;
margin:0;
float:none;
}
#top_news_box .newslist{
display:block;
width: 380px;
margin:0;
padding:10px 0;
border-bottom:1px solid #E5E5E5;
color: #000000;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#top_news_box a:hover{text-decoration:none; color: #999999;}
#top_news_bannerarea .adsense01{
width: 300px;
margin:6px 0 0 12px;
float:left;
}
.cultureicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#30A6CC;
display: inline-block;
vertical-align:bottom;
}
.magazineicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#E50012;
display: inline-block;
vertical-align:bottom;
}
.travelicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#0058AF;
display: inline-block;
vertical-align:bottom;
}
.eventsicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#00B95C;
display: inline-block;
vertical-align:bottom;
}
.kitchenicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#FF6600;
display: inline-block;
vertical-align:bottom;
}
}
@media screen and (max-width: 736px) {
#top_news_wrapper{
width:98%;
margin:0 auto 20px auto;
padding:0;
overflow:hidden;
}
#top_news{
width:100%;
margin:20px 0 0 0; 
position:relative;
}
#top_news h3{
font-size:20px;
font-weight:600;
margin:0 0 5px 0;
float:left;
}
#top_news a.list {
display: block;
width:30px;
padding:3px 10px 3px 22px;
margin:6px 10px 0 30px;
color:#FFFFFF;
background:#000000 url(../img/arrow_white.png) 6px 6px no-repeat;
background-size:10px 10px;
position:static;
font-size:10px;
float:left;
}
#top_news a:hover.list {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#top_news a:active.list {}

#top_news_box{
clear:both;
width: 100%;
margin:6px 0 0 0;
padding:0;
float:none;
}
#top_news_box ul {
margin:0;
padding:0;
font-size:12px;
}
#top_news_box ul li{
width: 31.75%;
margin:0 0 0 0;
padding:0 2px 13px 2px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(n+7){
width: 31.75%;
margin:0 0 0 0;
padding:0 2px 13px 2px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(7){
width: 31.75%;
margin:0 0 0 0;
padding:0 2px 13px 2px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(11){
width: 31.75%;
margin:0 0 0 0;
padding:0 2px 13px 2px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
#top_news_box ul li:nth-of-type(3n){
width: 31.75%;
margin:0 0 0 0;
padding:0 0 13px 2px;
color: #000000;
list-style:none;
display: inline-block;
vertical-align: top;
}
/*#top_news_box ul li:nth-of-type(16){
display: none;
}*/
#top_news_box ul span{
font-size:10px;
color:#999;
display: block;
}
#top_news_box ul li img{
width: 100%;
height: 85px;
object-fit: cover;
}
#top_news_box ul li:nth-of-type(n+7) img{
width: 100%;
height: 85px;
object-fit: cover;
}
#top_news_bannerarea{
text-align:center;
margin:0 auto;
float:none;
}
#top_news_bannerarea .adsense01{
width: 300px;
height:250px;
margin:20px auto 0 auto;
float:none;
}
#top_news_bannerarea .adsense02{
width: 300px;
height:250px;
margin:20px auto;
padding:0;
float:none;
}
#top_news_box .newslist{
display:block;
width: 95%;
margin:0 10px;
padding:12px 0 13px 0;
border-bottom:1px solid #E5E5E5;
color: #000000;
font-size:10px;
}
#top_news_box a:hover{text-decoration:none; color: #999999;}
#top_news_bannerarea{
text-align:center;
float:none;
}
.cultureicon{
width:55px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#30A6CC;
display: inline-block;
vertical-align:bottom;
}
.magazineicon{
width:55px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#E50012;
display: inline-block;
vertical-align:bottom;
}
.travelicon{
width:55px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#0058AF;
display: inline-block;
vertical-align:bottom;
}
.eventsicon{
width:55px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#00B95C;
display: inline-block;
vertical-align:bottom;
}
.kitchenicon{
width:55px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#FF6600;
display: inline-block;
vertical-align:bottom;
}
.recipeicon{
width:55px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#FDA001;
display: inline-block;
vertical-align:bottom;
}
}

#top_travel{
width: 1100px;
margin:40px auto; 
position:relative;
}
#top_travel h3{
font-size:34px;
font-weight:600;
margin:0;
}
#top_travel a.list {
display: block;
padding:6px 20px 6px 40px;
margin:6px 10px 0 0;
color:#FFFFFF;
background:#000000 url(../img/arrow_white.png) 10px 10px no-repeat;
position:absolute;
top:5px;
left:280px;
}
#top_travel a:hover.list {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#top_travel a:active.list {}
/*slideする部分*/
#top_travel_box{
width: 1085px;
margin:6px 0 0 0;
padding:10px 8px 10px 7px;
background:#F3F2EF;
position:relative;
}
#top_travel_slide{
width: 880px;
margin:6px 0 0 0;
padding:5px 20px 5px 15px;
background:#F3F2EF;
}
.slick-slide img{margin:0 3px 0 0;display:block;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{margin:0;}
/*slideする部分ここまで*/
.top_travel_photoWrap{
width: 212px;
height: 212px;
position: relative;
margin:0 8px 8px 0;
display:block;
float:left;
}
.top_travel_photoWrap span{
position: absolute;
width: 212px;
text-align:center;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size:26px;
font-weight:300;
color:#FFFFFF;
text-shadow: 0 0 30px #000000,0 0 30px #000000;
letter-spacing: 0.1em;
}
.top_travel_photoWrap img {
width: 100%;
}
#top_travel_box .map{
width: 170px;
height:170px;
background:#F3F2EF;
position:absolute;
top:21px;
right:29px;
}
@media screen and (min-width:737px) and (max-width:834px) {
#top_travel{
width: 98%;
margin:40px auto; 
position:relative;
}
#top_travel h3{
font-size:30px;
font-weight:600;
margin:0;
}
#top_travel a.list {
display: block;
padding:6px 20px 6px 40px;
margin:6px 10px 0 0;
color:#FFFFFF;
background:#000000 url(../img/arrow_white.png) 10px 10px no-repeat;
position:absolute;
top:5px;
left:280px;
}
#top_travel a:hover.list {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#top_travel a:active.list {}
/*slideする部分*/
#top_travel_box{
width: 100%;
margin:6px auto;
padding:10px 0;
background:#F3F2EF;
position:relative;
}
#top_travel_slide{
width: 75%;
margin:6px 0 0 10px;
padding:5px 0 5px 0;
background:#F3F2EF;
}
.slick-slide img{margin:0 3px 0 0;display:block;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{margin:0;}
/*slideする部分ここまで*/
.top_travel_photoWrap{
width: 100px;
height: 100px;
position: relative;
margin:0 2px 8px 0;
display:block;
float:left;
}
.top_travel_photoWrap span{
position: absolute;
width: 100px;
text-align:center;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size:16px;
font-weight:600;
color:#FFFFFF;
text-shadow: 0 0 30px #000000,0 0 30px #000000;
letter-spacing: 0.1em;
}
.top_travel_photoWrap img {
width: 100%;
}
#top_travel_box .map{
width: 170px;
height:170px;
background:#F3F2EF;
position:absolute;
top:8px;
right:7px;
}
#top_travel_box .map img{
width:100%;
}
}

@media screen and (max-width: 736px) {
#top_travel{
width: 100%;
margin:40px auto; 
position:relative;
}
#top_travel h3{
font-size:20px;
font-weight:600;
margin:0 0 0 5px;
float:left;
}
#top_travel a.list {
display: block;
width:30px;
padding:3px 10px 3px 22px;
margin:6px 10px 0 30px;
color:#FFFFFF;
background:#000000 url(../img/arrow_white.png) 6px 6px no-repeat;
background-size:10px 10px;
position:static;
font-size:10px;
float:left;
}
#top_travel a:hover.list {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#top_travel a:active.list {}
/*slideする部分*/
#top_travel_box{
clear:both;
width: 100%;
margin:6px auto;
padding:10px 0;
background:#F3F2EF;
position:relative;
}
#top_travel_slide{
width: 70%;
margin:6px 0 0 10px;
padding:5px 0 5px 0;
background:#F3F2EF;
}
.slick-slide img{margin:0 3px 0 0;display:block;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{margin:0;}
/*slideする部分ここまで*/
.top_travel_photoWrap{
width: 100px;
height: 100px;
position: relative;
margin:0 2px 8px 0;
display:block;
float:left;
}
.top_travel_photoWrap span{
position: absolute;
width: 100px;
text-align:center;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size:12px;
font-weight:600;
color:#FFFFFF;
text-shadow: 0 0 30px #000000,0 0 30px #000000;
letter-spacing: 0.1em;
}
.top_travel_photoWrap img {
width: 100%;
}
#top_travel_box .map{
width: 87px;
height:87px;
background:#F3F2EF;
position:absolute;
top:21px;
right:13px;
}
#top_travel_box .map img{
width:100%;
}
}

#top_bannerzone{
width: 1100px;
margin:40px auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
#top_bannerzone img{
width: 270px;
}
@media screen and (min-width:737px) and (max-width:834px) {
#top_bannerzone{
width: 98%;
margin:40px auto 0 auto;
}
#top_bannerzone a{
width:24%;
margin:5px 0;
}
#top_bannerzone a img{
width:100%;
height:auto;
}
}

@media screen and (max-width: 736px) {
#top_bannerzone{
width: 95%;
margin:40px auto 0 auto;
}
#top_bannerzone a{
width:48.5%;
margin:5px 0;
}
#top_bannerzone a img{
width:100%;
height:auto;
}
}

#top_pickup{
width: 1100px;
margin:10px auto;
}
#top_pickup h1{
font-weight:400;
padding:2px 0 0 0;
}
#top_pickup h3{
font-size:34px;
font-weight:600;
margin:0;
}
#top_pickup img{
margin:0 0 10px 0; 
}
@media screen and (min-width:737px) and (max-width:834px) {
#top_pickup{
width: 98%;
margin:20px auto; 
}
#top_pickup h3{
font-size:30px;
font-weight:600;
margin:0;
}
#top_pickup img{
width:100%;
margin:0 0 10px 0; 
}
}
@media screen and (max-width: 736px) {
#top_pickup{
width: 98%;
margin:40px auto; 
}
#top_pickup h3{
font-size:20px;
font-weight:600;
margin:0;
}
#top_pickup img{
width:100%;
margin:0 0 10px 0; 
}
}


#top_pickup img{
width: 238px;
height:140px;
margin:0 auto 10px auto;
padding:0;
object-fit: cover;
}
#top_pickup .culture{
width: 238px;
height:320px;
margin:0 3px;
padding:13px;
display: inline-block;
vertical-align:top;
border:#30A6CC 1px solid;
}
#top_pickup .culture h2{
width: 238px;
font-size:16px;
font-weight:500;
color:#30A6CC;
margin:5px 0 10px 0;
}
#top_pickup .magazine{
width: 238px;
height:320px;
margin:0 3px;
padding:13px;
display: inline-block;
vertical-align:top;
border:#E50012 1px solid;
}
#top_pickup .magazine h2{
width: 238px;
font-size:16px;
font-weight:500;
color:#E50012;
margin:5px 0 10px 0;
}
#top_pickup .travel{
width: 238px;
height:320px;
margin:0 3px;
padding:13px;
display: inline-block;
vertical-align:top;
border:#0058AF 1px solid;
}
#top_pickup .travel h2{
width: 238px;
font-size:16px;
font-weight:500;
color:#0058AF;
margin:5px 0 10px 0;
}
#top_pickup .events{
width: 238px;
height:320px;
margin:0 3px;
padding:13px;
display: inline-block;
vertical-align:top;
border:#00B95D 1px solid;
}
#top_pickup .events h2{
width: 238px;
font-size:16px;
font-weight:500;
color:#00B95D;
margin:5px 0 10px 0;
}
#top_pickup .kitchen{
width: 238px;
height:320px;
margin:0 3px;
padding:13px;
display: inline-block;
vertical-align:top;
border:#FF6600 1px solid;
}
#top_pickup .kitchen h2{
width: 238px;
font-size:16px;
font-weight:500;
color:#FF6600;
margin:5px 0 10px 0;
}
@media screen and (max-width: 736px) {
#top_pickup .culture h2{
width: auto;
font-size:12px;
font-weight:400;
color:#30A6CC;
margin:2px 0 7px 0;
}
#top_pickup .magazine h2{
width: auto;
font-size:12px;
font-weight:400;
color:#E50012;
margin:2px 0 7px 0;
}
#top_pickup .travel h2{
width: auto;
font-size:12px;
font-weight:400;
color:#0058AF;
margin:2px 0 7px 0;
}
#top_pickup .events h2{
width: auto;
font-size:12px;
font-weight:400;
color:#00B95D;
margin:2px 0 7px 0;
}
#top_pickup .kitchen h2{
width: auto;
font-size:12px;
font-weight:400;
color:#FF6600;
margin:2px 0 7px 0;
}
#top_pickup img{
width: 100%;
height:100px;
margin:0 auto 10px auto;
padding:0;
object-fit: cover;
}
#top_pickup .culture{
width: auto;
height:210px;
margin:0 3px;
padding:5px;
display: inline-block;
vertical-align:top;
border:#30A6CC 1px solid;
font-size:10px;
line-height:1.2;
overflow:hidden;
}
#top_pickup .magazine{
width: auto;
height:210px;
margin:0 3px;
padding:5px;
display: inline-block;
vertical-align:top;
border:#E50012 1px solid;
font-size:10px;
line-height:1.2;
overflow:hidden;
}
#top_pickup .travel{
width: auto;
height:210px;
margin:0 3px;
padding:5px;
display: inline-block;
vertical-align:top;
border:#0058AF 1px solid;
font-size:10px;
line-height:1.2;
overflow:hidden;
}
#top_pickup .events{
width: auto;
height:210px;
margin:0 3px;
padding:5px;
display: inline-block;
vertical-align:top;
border:#00B95D 1px solid;
font-size:10px;
line-height:1.2;
overflow:hidden;
}
#top_pickup .kitchen{
width: auto;
height:210px;
margin:0 3px;
padding:5px;
display: inline-block;
vertical-align:top;
border:#FF6600 1px solid;
font-size:10px;
line-height:1.2;
overflow:hidden;
}
}


/*#specialContent_bg{
width:100%;
padding:10px 0;
background-color:#EEEDEA;
}
#specialContent{
width: 1100px;
margin:10px auto; 
}
#specialContent h3{
font-size:34px;
font-weight:600;
margin:0;
}
#specialContent img{
margin:10px 0 0 0; 
}
#specialContent .kitchen{
margin:0 5px 0 0; 
}*/



#top_asideBox{
width: 1100px;
margin:40px auto;
}
#top_asideBox .fbBox{
width: 500px;
height:300px;
margin:0;
border:5px solid #4267B2;
display: inline-block;
vertical-align:top;
padding:0;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

#top_asideBox .issuu{
width: 530px;
height:280px;
margin:0 0 0 5px;
padding:15px 20px 5px 20px;
background-color:#F1F1F1;
border:5px solid #C7C7C7;
display: inline-block;
vertical-align:top;
line-height:1.5;
}
#top_asideBox .issuu img{
float:left;
margin:10px 30px 30px 0;
width:120px;
height:170px;
}
#top_asideBox .issuu h1{
font-size:20px;
font-weight:500;
margin:0 0 10px 0;
}
#top_asideBox .issuu h2{
font-size:14px;
font-weight:300;
margin:0 0 15px 0;
}
#top_asideBox a.list {
display: block;
width:120px;
padding:6px 20px 6px 40px;
margin:6px 10px 0 0;
color:#FFFFFF;
background:#000000 url(../img/arrow_white.png) 10px 10px no-repeat;
float:right;
text-align:center;
}
#top_asideBox a:hover.list {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#top_asideBox a:active.list {}

@media screen and (min-width:737px) and (max-width:834px) {
#top_asideBox{
width: 98%;
margin:40px auto;
overflow:hidden;
}
#top_asideBox .fbBox{
width: 300px;
height:300px;
margin:0;
border:5px solid #4267B2;
padding:0;
float:left;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
#top_asideBox .issuu{
width: 530px;
height:280px;
margin:0 0 0 13px;
padding:15px 20px 5px 20px;
background-color:#F1F1F1;
border:5px solid #C7C7C7;
float: left;
  width : -webkit-calc(90% - 300px) ;
  width : calc(90% - 300px);
line-height:1.5;
}
#top_asideBox .issuu img{
float:left;
margin:10px 15px 15px 0;
width:100px;
height:auto;
}
#top_asideBox .issuu h1{
font-size:16px;
font-weight:700;
margin:0 0 10px 0;
}
#top_asideBox .issuu h2{
font-size:12px;
font-weight:300;
margin:0 0 15px 0;
}
#top_asideBox a.list {
display: block;
width:120px;
padding:6px 20px 6px 40px;
margin:6px 10px 0 0;
color:#FFFFFF;
background:#000000 url(../img/arrow_white.png) 10px 10px no-repeat;
float:right;
text-align:center;
}
#top_asideBox a:hover.list {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#top_asideBox a:active.list {}
}



@media screen and (max-width: 736px) {
#top_asideBox{
width: 96%;
margin:40px auto;
}
#top_asideBox .fbBox{
width: 98%;
height:200px;
margin:0 auto;
border:4px solid #4267B2;
overflow:hidden;
}
#top_asideBox .issuu{
width: 92%;
height:auto;
margin:20px auto;
padding:10px;
background-color:#F1F1F1;
border:4px solid #C7C7C7;
}
#top_asideBox .issuu img{
float:left;
margin:10px 10px 10px 0;
}
#top_asideBox .issuu h1{
font-size:16px;
font-weight:400;
margin:0 0 10px 0;
}
#top_asideBox .issuu h2{
font-size:12px;
font-weight:300;
margin:0 0 15px 0;
}
#top_asideBox a.list {
display: block;
width:auto;
padding:6px 20px 6px 25px;
margin:6px 10px 0 0;
color:#FFFFFF;
background:#000000 url(../img/arrow_white.png) 6px 10px no-repeat;
background-size:10px 10px;
float:right;
text-align:center;
font-size:12px;
}
#top_asideBox a:hover.list {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#top_asideBox a:active.list {}
}
#page-top {
position: fixed;
bottom: 40px;
right: 20px;
font-size:20px;
z-index:200;
}
#page-top a {
background: #000000;
text-decoration: none;
color: #fff;
width: 46px;
padding:4px 0 8px 0;
text-align: center;
display: block;
border-radius: 5px;
line-height:1.4;
}
#page-top a:hover {
text-decoration: none;
background: #999;
}
.fa-chevron-up:before {
content: "\f077";
}
footer{
width:100%;
margin:0;
padding:30px 0;
background:#F0F0F0;
text-align:center;
}
footer #sns{
display:none;
}
.copyright{
width:100%;
margin:0;
padding:15px 0;
color:#FFFFFF;
background:#000000;
text-align:center;
font-weight:100;
}
footer a:link {color:#000000; text-decoration:none;}
footer a:visited {color:#000000; text-decoration:none;}
footer a:hover {color:#E50012; text-decoration:underline;}
@media screen and (max-width: 736px) {
#page-top {
position: fixed;
bottom: 40px;
right: 8px;
font-size:16px;
z-index:200;
}
#page-top a {
background: #000000;
text-decoration: none;
color: #fff;
width: 40px;
padding:4px 0 8px 0;
text-align: center;
display: block;
border-radius: 5px;
line-height:1.4;
}
#page-top a:hover {
text-decoration: none;
background: #999;
}
.fa-chevron-up:before {
content: "\f077";
}
footer{
width:100%;
margin:0;
padding:30px 0;
background:#F0F0F0;
text-align:center;
}
footer{
width:100%;
margin:0;
padding:15px 0;
background:#F0F0F0;
text-align:center;
}
footer a{
display:block;
float:left;
font-size:12px;
margin:0 0 0 20px;
}
footer #sns{
clear:both;
display:block;
width: 240px;
height:25px;
margin:22px auto;
text-align:center;
}
footer #sns img{
width:25px;
display: inline-block;
vertical-align: top;
margin:20px 0 0 0;
}
.copyright{
width:100%;
margin:0;
padding:15px 0;
color:#FFFFFF;
background:#000000;
text-align:center;
font-weight:100;
font-size:12px;
}
}



/*content____________________________*/

#wrapper{
width:1100px;
padding:0;
overflow:hidden;
margin:0 auto 50px auto;
}
#title_page{
width: 100%;
margin:40px 0 20px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
}
#title_page h1{
margin:0;
font-size:36px;
font-weight:400;
text-align:center;
line-height:1.1;
}
.todoufuken{
width: 100%;
padding:15px 0 0 20px;
margin:0 0 20px 0;
color:#0058AF;
box-sizing:border-box;
font-size:26px;
font-weight:300;
}
#newspage_box{
width: 1000px;
margin:6px auto;
padding:20px;
}
#newspage_box .newslist{
width: 1000px;
margin:0;
padding:12px 0 13px 0;
border-bottom:1px solid #E5E5E5;
color: #000000;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
#newspage_box .newslist img{
margin:0;
width: 200px;
height: 135px;
display: block;
object-fit: cover;
}
#newspage_box .newslist .listTxt{
width: 780px;
margin:0;
}
#newspage_box .newslist .listTxt h2{
margin: 0 0 20px 0;
font-size: 20px;
line-height: 1.4;
font-weight: 400;
}
#newspage_box .newslist .listTxt h3{
margin: 0 0 20px 0;
font-size: 14px;
font-weight: 300;
color: #999;
}
#newspage_box .newslist span.date{
font-size: 10px;
color: #CCC;
}
#top_news_box a:hover{text-decoration:none; color: #999999;}
@media screen and (min-width:737px) and (max-width:834px) {
#wrapper{
width:98%;
padding:0;
overflow:hidden;
margin:0 auto 30px auto;
}
#title_page{
width: 98%;
margin:40px auto 10px auto;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
}
#title_page h1{
margin:0;
font-size:22px;
font-weight:500;
text-align:center;
line-height:1.1;
}
.todoufuken{
width: 100%;
padding:15px 0 0 20px;
margin:0 0 20px 0;
color:#0058AF;
box-sizing:border-box;
font-size:18px;
font-weight:400;
}
#newspage_box{
width:98%;
margin:6px auto;
padding:0;
}
#newspage_box .newslist{
width:98%;
margin:0 auto;
padding:12px 0 13px 0;
}
#top_news_box a:hover{text-decoration:none; color: #999999;}
#newspage_box .newslist img{
margin:0;
width: 38%;
display: block;
}
#newspage_box .newslist .listTxt{
width: 60%;
margin:0;
}
#newspage_box .newslist .listTxt h2{
margin: 0 0 15px 0;
font-size: 18px;
line-height: 1.4;
}
}


@media screen and (max-width: 736px) {
#wrapper{
width:98%;
padding:0;
overflow:hidden;
margin:0 auto 50px auto;
}
#title_page{
width: 98%;
margin:40px auto 10px auto;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
}
#title_page h1{
margin:0;
font-size:20px;
font-weight:500;
text-align:center;
line-height:1.1;
}
.todoufuken{
width: 100%;
padding:15px 0 0 10px;
margin:0 0 20px 0;
color:#0058AF;
box-sizing:border-box;
font-size:16px;
font-weight:400;
}
#newspage_box{
width:98%;
margin:6px auto;
padding:0;
}
#newspage_box .newslist{
width:98%;
margin:0 auto;
padding:12px 0 13px 0;
border-bottom:1px solid #E5E5E5;
color: #000000;
align-items: flex-start;
}
#top_news_box a:hover{text-decoration:none; color: #999999;}
#newspage_box .newslist img{
margin:0;
width: 40%;
height: 90px;
object-fit: cover;
display: block;
}
#newspage_box .newslist .listTxt{
width: 58%;
margin:0;
}
#newspage_box .newslist .listTxt h2{
margin: 0 0 10px 0;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
}
#newspage_box .newslist .listTxt h3{
display: none;
}
#newspage_box .newslist span.date{
font-size: 10px;
color: #CCC;
}
}

.magazinePage_EnTitle{
margin:0;
color: #E50012;
font-size:12px;
font-weight:800;
text-align:center;
}
#MagazinePage_box{
width: 1000px;
margin:6px auto;
padding:20px;
border-bottom:1px solid #E5E5E5;
overflow:hidden;
}
#MagazinePage_box:hover{
color:#666;
}
#MagazinePage_box figure{
width:245px;
height:160px;
margin:0 30px 0 0;
padding:0;
overflow:hidden;
float:left;
}
#travelPage_box figure,
#culturePage_box01 figure,
#recipePage_box figure,
#eventsPage_box figure,
#kitchenPage_box figure,
#onsenPage_box figure{
width:239px;
height:154px;
margin:0 30px 10px 0;
padding:0;
overflow:hidden;
float:left;
}
#MagazinePage_box figure img,
#travelPage_box figure img,
#culturePage_box01 figure img,
#recipePage_box figure img,
#eventsPage_box figure img,
#kitchenPage_box figure img,
#onsenPage_box figure img{
width:100%;
height:auto;
}
#MagazinePage_box h1{
margin:0;
font-size:24px;
font-weight:400;
line-height:1.1;
}
#MagazinePage_box h2{
margin:0;
font-size:14px;
font-weight:400;
line-height:1.6;
}
#MagazinePage_box .update{
width:80px;
margin:15px 20px 15px 0;
padding:0;
display: inline-block;
vertical-align:top;
background-color:#CCCCCC;
color:#FFFFFF;
text-align:center;
font-weight:200;
border-radius: 5px;/* CSS3 */  
-webkit-border-radius: 5px;/* Safari,Google Chrome*/  
-moz-border-radius: 5px;/* Firefox */ 
}
#MagazinePage_box .date{
margin:15px 20px 15px 0;
padding:0;
display: inline-block;
vertical-align:top;
color:#B6B3BD;
font-weight:200;
line-height:1.4;
}
@media screen and (min-width:737px) and (max-width:834px) {
.magazinePage_EnTitle{
margin:0;
color: #E50012;
font-size:12px;
font-weight:800;
text-align:center;
}
#MagazinePage_box{
width: 100%;
margin:6px auto;
padding:20px;
border-bottom:1px solid #E5E5E5;
overflow:hidden;
box-sizing:border-box;
font-size:
}
#MagazinePage_box figure,
#travelPage_box figure,
#culturePage_box01 figure,
#recipePage_box figure,
#eventsPage_box figure,
#kitchenPage_box figure,
#onsenPage_box figure{
width:100%;
margin:0 0 5px 0;
padding:0;
overflow:hidden;
float:none;
}
#MagazinePage_box figure img,
#travelPage_box figure img,
#culturePage_box01 figure img,
#recipePage_box figure img,
#eventsPage_box figure img,
#kitchenPage_box figure img,
#onsenPage_box figure img{
width:100%;
height:auto;
}
#MagazinePage_box h1{
margin:0;
font-size:20px;
font-weight:400;
line-height:1.1;
}
#MagazinePage_box h2{
margin:0;
font-size:12px;
font-weight:400;
line-height:1.6;
}
#MagazinePage_box .update{
width:70px;
margin:15px 6px 15px 0;
padding:0;
display: inline-block;
vertical-align:top;
background-color:#CCCCCC;
color:#FFFFFF;
text-align:center;
font-weight:400;
font-size:12px;
border-radius: 5px;/* CSS3 */  
-webkit-border-radius: 5px;/* Safari,Google Chrome*/  
-moz-border-radius: 5px;/* Firefox */ 
}
#MagazinePage_box .date{
margin:15px 20px 15px 0;
padding:0;
display: inline-block;
vertical-align:top;
color:#B6B3BD;
font-weight:200;
line-height:1.3;
}
#MagazinePage_box figure,
#travelPage_box figure,
#culturePage_box01 figure,
#recipePage_box figure,
#eventsPage_box figure,
#kitchenPage_box figure,
#onsenPage_box figure{
width:100%;
margin:0 0 5px 0;
padding:0;
overflow:hidden;
float:none;
}
#MagazinePage_box figure img,
#travelPage_box figure img,
#culturePage_box01 figure img,
#recipePage_box figure img,
#eventsPage_box figure img,
#kitchenPage_box figure img,
#onsenPage_box figure img{
width:100%;
object-fit: cover;
}
}
@media screen and (max-width: 736px) {
.magazinePage_EnTitle{
margin:0;
color: #E50012;
font-size:12px;
font-weight:600;
text-align:center;
}
#MagazinePage_box{
width: 49%;
height:auto;
margin:0 0.2% 10px 0.2%;
padding:0 0 10px 0;
border-bottom:none;
overflow:hidden;
display: inline-block;
vertical-align:top;
box-sizing:border-box;
}
#MagazinePage_box figure,
#travelPage_box figure,
#culturePage_box01 figure,
#recipePage_box figure,
#eventsPage_box figure,
#kitchenPage_box figure,
#onsenPage_box figure{
width:100%;
height:120px;
margin:0 0 5px 0;
padding:0;
overflow:hidden;
float:none;
}
#MagazinePage_box figure img,
#travelPage_box figure img,
#culturePage_box01 figure img,
#recipePage_box figure img,
#eventsPage_box figure img,
#kitchenPage_box figure img,
#onsenPage_box figure img{
width:100%;
height:120px;
object-fit: cover;
}
#MagazinePage_box h1{
clear:both;
margin:0;
font-size:14px;
font-weight:400;
line-height:1.1;
float:none;
}
#MagazinePage_box h2{
margin:0;
font-size:14px;
font-weight:400;
line-height:1.6;
display:none;
}

#MagazinePage_box .update{
width:80px;
margin:15px 20px 15px 0;
padding:0;
display: none;
vertical-align:top;
background-color:#CCCCCC;
color:#FFFFFF;
text-align:center;
font-weight:200;
border-radius: 5px;/* CSS3 */  
-webkit-border-radius: 5px;/* Safari,Google Chrome*/  
-moz-border-radius: 5px;/* Firefox */ 
}
#MagazinePage_box .date{
margin:15px 20px 15px 0;
padding:0;
display: none;
color:#B6B3BD;
font-weight:200;
line-height:1.4;
}
}
#report{
width: 740px;
margin:0 55px 0 0;
display: inline-block;
vertical-align:top;
}
#report_title{
width: 100%;
margin:40px 0 10px 0;
padding:30px 10px;
font-size:30px;
font-weight:300;
text-align:left;
line-height:1.1;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
box-sizing:border-box;
}
#magazine_eng{
margin:0 0 0 10px;
font-size:14px;
font-weight:800;
line-height:1.6;
color: #E50012;
display: inline-block;
vertical-align:top;
}
#report_update01{
width:240px;
display:inline-block;
vertical-align:top;
margin:0 0 0 170px;
padding:0;
display: inline-block;
vertical-align:top;
color:#B6B3BD;
font-weight:200;
line-height:1.4;
}
#report_update01 span{
width:80px;
margin:0 10px 0 0;
padding:2px;
display: inline-block;
vertical-align:top;
background-color:#CCCCCC;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:300;
border-radius: 5px;/* CSS3 */  
-webkit-border-radius: 5px;/* Safari,Google Chrome*/  
-moz-border-radius: 5px;/* Firefox */ 
}
#report_update02{
width:220px;
display:inline-block;
vertical-align:top;
margin:0 0 50px 0;
padding:0;
display: inline-block;
vertical-align:top;
color:#B6B3BD;
font-weight:200;
line-height:1.4;
}
#report_update02 span{
width:80px;
margin:0 10px 0 0;
padding:2px;
display: inline-block;
vertical-align:top;
background-color:#CCCCCC;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:300;
border-radius: 5px;/* CSS3 */  
-webkit-border-radius: 5px;/* Safari,Google Chrome*/  
-moz-border-radius: 5px;/* Firefox */ 
}
#report .share{
width: 100%;
margin:0;
padding:50px 0 0 0;
overflow:hidden;
clear:both;
}
#report .share h3{
width: 100%;
margin:0 0 15px 0;
font-size:20px;
font-weight:500;
line-height:1.1;
}
#report .share img{
margin:0 10px 0 0;
float:left;
}
#report .kanren_box{
width: 100%;
margin:50px 0;
padding:20px 0;
border-top:#D5D5D5 1px solid;
border-bottom:#D5D5D5 1px solid;
overflow:hidden;
font-size:10px;
}
#report .kanren_box h3{
width: 100%;
margin:0 0 15px 0;
font-size:20px;
font-weight:500;
line-height:1.1;
}
#report .kanren_box a{
width: 160px;
margin:0 15px 0 0;
float:left;
}



@media screen and (min-width:737px) and (max-width:834px) {
#report{
width: 98%;
margin:0 75px 0 0;
}
#report_title{
width: 100%;
margin:20px 0 10px 0;
padding:20px 10px;
font-size:20px;
font-weight:300;
text-align:left;
line-height:1.1;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}
#magazine_eng{
margin:0 0 0 10px;
font-size:14px;
font-weight:800;
line-height:1.6;
color: #E50012;
display: inline-block;
vertical-align:top;
}
#report_update01{
width:auto;
display:inline-block;
vertical-align:top;
margin:2px 20px 25px 60px;
padding:0;
display: inline-block;
vertical-align:top;
color:#B6B3BD;
font-weight:200;
line-height:1.4;
font-size:12px;
}
#report_update01 span{
width:auto;
margin:0 6px 0 0;
padding:2px 8px;
display: inline-block;
vertical-align:top;
background-color:#CCCCCC;
color:#FFFFFF;
text-align:center;
font-size:10px;
font-weight:300;
border-radius: 5px;/* CSS3 */  
-webkit-border-radius: 5px;/* Safari,Google Chrome*/  
-moz-border-radius: 5px;/* Firefox */ 
}
#report_update02{
width:auto;
display:inline-block;
vertical-align:top;
margin:2px 0 10px 0;
padding:0;
display: inline-block;
vertical-align:top;
color:#B6B3BD;
font-weight:200;
line-height:1.4;
font-size:12px;
}
#report_update02 span{
width:auto;
margin:0 6px 0 0;
padding:2px 8px;
display: inline-block;
vertical-align:top;
background-color:#CCCCCC;
color:#FFFFFF;
text-align:center;
font-size:10px;
font-weight:300;
border-radius: 5px;/* CSS3 */  
-webkit-border-radius: 5px;/* Safari,Google Chrome*/  
-moz-border-radius: 5px;/* Firefox */ 
}
#report img{
max-width: 100%;
height:auto;
float:none;
margin:0 auto;
}
#report .share{
width: 90%;
margin:0 0 0 10px;
padding:50px 0 0 0;
overflow:hidden;
clear:both;
}
#report .share h3{
width: 100%;
margin:0 0 5px 0;
font-size:18px;
font-weight:500;
line-height:1.1;
}
#report .share img{
width:40px;
margin:0 10px 0 0;
float:left;
}
#report .kanren_box{
width: 96%;
margin:50px 0 40px 10px;
padding:20px 10px;
border-top:#D5D5D5 1px solid;
border-bottom:#D5D5D5 1px solid;
overflow:hidden;
}
#report .kanren_box h3{
width: 100%;
margin:0 0 5px 0;
font-size:18px;
font-weight:500;
line-height:1.0;
}
#report .kanren_box a{
width: 23%;
margin:0 4px 0 3px;
display: inline-block;
vertical-align:top;
font-size:12px;
}
}

@media screen and (max-width: 736px) {
#report{
width: 100%;
margin:0 auto;
}
#report_title{
width: 100%;
margin:20px 0 10px 0;
padding:15px 10px;
font-size:20px;
font-weight:300;
text-align:left;
line-height:1.1;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
box-sizing:border-box;
}
#magazine_eng{
width:95%;
margin:0 0 10px 10px;
font-size:12px;
font-weight:600;
line-height:1.6;
color: #E50012;
text-align:right;
}
#report_update01{
width:auto;
display:inline-block;
vertical-align:top;
margin:0 20px 0 0;
padding:0;
display: inline-block;
vertical-align:top;
color:#B6B3BD;
font-weight:200;
line-height:1.4;
font-size:12px;
}
#report_update01 span{
width:auto;
margin:0 6px 0 0;
padding:2px 8px;
display: inline-block;
vertical-align:top;
background-color:#CCCCCC;
color:#FFFFFF;
text-align:center;
font-size:10px;
font-weight:300;
border-radius: 5px;/* CSS3 */  
-webkit-border-radius: 5px;/* Safari,Google Chrome*/  
-moz-border-radius: 5px;/* Firefox */ 
}
#report_update02{
width:auto;
display:inline-block;
vertical-align:top;
margin:0 0 10px 0;
padding:0;
display: inline-block;
vertical-align:top;
color:#B6B3BD;
font-weight:200;
line-height:1.4;
font-size:12px;
}
#report_update02 span{
width:auto;
margin:0 6px 0 0;
padding:2px 8px;
display: inline-block;
vertical-align:top;
background-color:#CCCCCC;
color:#FFFFFF;
text-align:center;
font-size:10px;
font-weight:300;
border-radius: 5px;/* CSS3 */  
-webkit-border-radius: 5px;/* Safari,Google Chrome*/  
-moz-border-radius: 5px;/* Firefox */ 
}
#report img{
max-width: 100%;
height:auto;
}
#report .share{
width: 96%;
margin:0 auto;
padding:50px 0 0 0;
overflow:hidden;
clear:both;
}
#report .share h3{
width: 100%;
margin:0 0 5px 0;
font-size:18px;
font-weight:500;
line-height:1.1;
}
#report .share img{
width:40px;
margin:0 10px 0 0;
float:left;
}
#report .kanren_box{
width: 96%;
margin:50px auto 30px auto;
padding:20px 0;
border-top:#D5D5D5 1px solid;
border-bottom:#D5D5D5 1px solid;
overflow:hidden;
}
#report .kanren_box h3{
width: 100%;
margin:0 0 5px 0;
font-size:18px;
font-weight:500;
line-height:1.0;
}
#report .kanren_box a{
width: 24%;
margin:0 0.4% 0 0.5%;
display: inline-block;
vertical-align:top;
font-size:12px;
}
}

#right_menu{
width:300px;
margin:40px 0 10px 0;
padding:0;
display: inline-block;
vertical-align:top;
}
#right_menu .banner01{
width:300px;
height:250px;
margin:0 auto 10px auto;
padding:0;
}
#right_menu .sidebanner01{
clear:both;
width:300px;
margin:30px auto 0 auto;
padding:0;
}
#right_menu .sidebanner02{
width:300px;
margin:10px auto 0 auto;
padding:0;
}
#right_menu h3{
margin:30px 0 10px 0;
font-size:24px;
font-weight:600;
line-height:1.1;
display: inline-block;
vertical-align:top;
}
#right_menu .keyword_title{
margin:30px 0 10px 0;
font-size:24px;
font-weight:600;
line-height:1.1;
display: inline-block;
vertical-align:top;
color:#E50012;
}
#right_menu .magazine_mark{
width:70px;
margin:30px 7px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#E50012;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:300;
}
#right_menu .travel_mark{
width:70px;
margin:30px 7px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#0058AF;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#right_menu .culture_mark{
width:70px;
margin:30px 7px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#2297BF;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#right_menu .events_mark{
width:70px;
margin:30px 7px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#00B95D;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#right_menu a.report_list{
display:block;
width: 100%;
margin:0;
padding:12px 2px 7px 2px;
border-bottom:1px solid #000000;
color: #000000;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#right_menu a:hover{text-decoration:none; color: #999999;}

#right_menu a:link.list {
display: block;
padding:6px 0 0 30px;
margin:6px 10px 0 0;
background:url(../img/arrow_black.png) 10px 10px no-repeat;
float:right;
}
#right_menu a:hover.list {color:#E50012; text-decoration:none;}
ul.wpp-list li{
list-style:none;
}
.wpp-views{
display:none;
}
a.wpp-post-title{
display:block;
width: 100%;
margin:0;
padding:12px 2px 7px 2px;
border-bottom:1px solid #000000;
color: #000000;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#right_menu .keyword a{
display: block;
padding:5px 15px;
margin:6px 10px 3px 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
color:#E50012;
border:1px solid #E50012;
float:left;
}
#right_menu .keyword a:hover {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#right_menu .keyword li a:active {}

#right_menu .keyword a:last-child{
display: block;
padding:5px 15px;
margin:6px 10px 15px 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
color:#E50012;
border:1px solid #E50012;
float:left;
}
#right_menu .banner{
margin:30px 0 5px 0;
}
@media screen and (min-width:737px) and (max-width:834px) {
#right_menu{
width:100%;
margin:40px 0 10px 0;
padding:0;
display: inline-block;
vertical-align:top;
}
#right_menu .banner01{
width:700px;
height:90px;
margin:0 auto;
padding:0;
overflow-y:hidden;
}
#right_menu .sidebanner01{
clear:both;
width:300px;
margin:30px 0 0 40px;
padding:0;
display: inline-block;
vertical-align:top;
}
#right_menu .sidebanner02{
width:300px;
margin:30px 0 0 10px;
padding:0;
display: inline-block;
vertical-align:top;
}

#right_menu h3{
margin:30px 0 10px 0;
font-size:20px;
font-weight:600;
line-height:1.1;
display: inline-block;
vertical-align:top;
}
#right_menu .keyword_title{
margin:30px 0 10px 0;
font-size:20px;
font-weight:600;
line-height:1.1;
display: inline-block;
vertical-align:top;
color:#E50012;
}
#right_menu .magazine_mark{
width:80px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#E50012;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:300;
}
#right_menu .travel_mark{
width:80px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#0058AF;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:400;
}
#right_menu .culture_mark{
width:80px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#2297BF;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#right_menu .events_mark{
width:80px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#00B95D;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:400;
}
#right_menu a.report_list{
display:block;
width: 96%;
margin:0;
padding:6px 2px 6px 2px;
border-bottom:1px solid #999999;
color: #000000;
}
#right_menu a:hover{text-decoration:none; color: #999999;}

#right_menu a:link.list {
display: block;
padding:6px 0 0 28px;
margin:1px 10px 0 0;
background:url(../img/arrow_black.png) 10px 10px no-repeat;
float:right;
}
#right_menu a:hover.list {color:#E50012; text-decoration:none;}
#right_menu .keyword a{
display: block;
padding:2px 12px;
margin:6px 0 0 10px;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
color:#E50012;
border:1px solid #E50012;
float:left;
font-size:12px;
}
#right_menu .keyword a:hover {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#right_menu .keyword li a:active {}

#right_menu .keyword a:last-child{
display: block;
padding:2px 12px;
margin:6px 0 0 10px;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
color:#E50012;
border:1px solid #E50012;
float:left;
font-size:12px;
}
#right_menu .banner{
margin:30px 0 5px 20px;
}
}
@media screen and (max-width: 736px) {
#right_menu{
width:100%;
margin:40px 0 10px 0;
padding:0;
display: inline-block;
vertical-align:top;
}
#right_menu .banner01{
width:300px;
height:250px;
margin:0 auto 10px auto;
padding:0;
}
#right_menu h3{
margin:30px 0 10px 0;
font-size:20px;
font-weight:600;
line-height:1.1;
display: inline-block;
vertical-align:top;
}
#right_menu .keyword_title{
margin:30px 0 10px 0;
font-size:20px;
font-weight:600;
line-height:1.1;
display: inline-block;
vertical-align:top;
color:#E50012;
}
#right_menu .keyword_title{
margin:30px 0 10px 0;
font-size:20px;
font-weight:600;
line-height:1.1;
display: inline-block;
vertical-align:top;
color:#E50012;
}
#right_menu .magazine_mark{
width:80px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#E50012;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:300;
}
#right_menu .travel_mark{
width:80px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#0058AF;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:400;
}
#right_menu .culture_mark{
width:80px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#2297BF;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#right_menu .events_mark{
width:80px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#00B95D;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:400;
}
#right_menu a.report_list{
display:block;
width: 96%;
margin:0;
padding:6px 2px 6px 2px;
border-bottom:1px solid #999999;
color: #000000;
}
#right_menu a:hover{text-decoration:none; color: #999999;}

#right_menu a:link.list {
display: block;
padding:6px 0 0 28px;
margin:1px 10px 0 0;
background:url(../img/arrow_black.png) 10px 10px no-repeat;
float:right;
}
#right_menu a:hover.list {color:#E50012; text-decoration:none;}
#right_menu .keyword a{
display: block;
padding:2px 12px;
margin:6px 0 0 10px;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
color:#E50012;
border:1px solid #E50012;
float:left;
font-size:12px;
}
#right_menu .keyword a:hover {color:#FFFFFF; text-decoration:none; background-color:#E71021;}
#right_menu .keyword li a:active {}

#right_menu .keyword a:last-child{
display: block;
padding:2px 12px;
margin:6px 0 0 10px;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
color:#E50012;
border:1px solid #E50012;
float:left;
font-size:12px;
}
#right_menu .banner{
margin:30px 0 5px 20px;
}
}
#travelPage_title{
font-size:34px;
font-weight:600;
margin:0 0 20px 0;
}
.top_travelPage_map{
width: 1100px;
margin:60px auto;
}
#travelPage_map{
margin:0 0 40px 0;
border:1px solid #E50012;
background: url(../travel/img/travel_top_map.gif) top left no-repeat;
}
.travel_photoWrap{
width: 212px;
height: 212px;
position: relative;
margin:0 8px 8px 0;
display:block;
float:left;
}
.travel_photoWrap span{
position: absolute;
width: 212px;
text-align:center;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size:36px;
font-weight:200;
color:#FFFFFF;
text-shadow: 0 0 30px #000000,0 0 30px #000000;
letter-spacing: 0.1em;
}
.travel_photoWrap img {
width: 100%;
}
#travelPage_map_respo{
display:none;
}
.travelPage_map_respo img{
display:none;
}
img[usemap] {
max-width: 100%;
height: auto;
}
@media screen and (min-width:737px) and (max-width:834px) {
.top_travelPage_map{
width:95%;
margin:20px auto;
}
#travelPage_title{
width:100%;
font-size:30px;
font-weight:700;
margin:20px 0;
text-align:center;
}
#travelPage_map{
display:none;
}
#travelPage_map_respo{
width:95%;
height:auto;
margin:60px auto;
border:1px solid #E50012;
display:block;
}
.travelPage_map_respo img{
width:100%;
margin:0;
padding:0;
}
img[usemap] {
max-width: 100%;
height: auto;
}
.travel_photoWrap{
width: 32%;
height: auto;
position: relative;
margin:0 0.5% 3px 0.8%;
display:block;
float:left;
}
.travel_photoWrap span{
display: -webkit-flex; /* Safari用 */
display: flex;
-webkit-justify-content: center; /* Safari用 */
justify-content: center;
-webkit-align-items: center; /* Safari用 */
align-items: center;
font-size:30px;
font-weight:400;
color:#FFFFFF;
text-shadow: 0 0 30px #000000,0 0 30px #000000;
letter-spacing: 0.1em;
}
}

@media screen and (max-width: 736px) {
.top_travelPage_map{
width:98%;
margin:20px auto;
}
#travelPage_title{
width:100%;
font-size:28px;
font-weight:700;
margin:20px 0;
text-align:center;
}
#travelPage_map{
display:none;
}
#travelPage_map_respo{
width:95%;
height:auto;
margin:40px auto;
border:1px solid #E50012;
display:block;
}
.travelPage_map_respo img{
width:100%;
margin:0;
padding:0;
}
img[usemap] {
max-width: 100%;
height: auto;
}
.travel_photoWrap{
width: 32%;
height: auto;
position: relative;
margin:-3px 2px 2px 2px;
display:block;
float:left;
}
.travel_photoWrap span{
display: -webkit-flex; /* Safari用 */
display: flex;
-webkit-justify-content: center; /* Safari用 */
justify-content: center;
-webkit-align-items: center; /* Safari用 */
align-items: center;
font-size:20px;
font-weight:400;
color:#FFFFFF;
text-shadow: 0 0 30px #000000,0 0 30px #000000;
letter-spacing: 0.1em;
}
}
.travelPage_EnTitle02{
margin:3px 0 0 0;
color: #27B6BF;
font-size:14px;
font-weight:700;
text-align:center;
}
.travelPage_EnTitle01{
margin:0;
color: #0058AF;
font-size:14px;
font-weight:800;
position:absolute;
top:-40px;
left:0;
}
#travelPage_box{
width: 238px;
height:auto;
margin:0 3px 10px 3px;
padding:13px;
display: inline-block;
vertical-align:top;
border:#0058AF 1px solid;
}
#travelPage_box:hover{
color:#0058AF;
border:#000000 1px solid;
}
#travelPage_box h1{
width: 238px;
font-size:16px;
font-weight:500;
color:#0058AF;
margin:5px 0 10px 0;
}
@media screen and (min-width:737px) and (max-width:834px) {
.travelPage_EnTitle02{
margin:2px 0 0 0;
color: #27B6BF;
font-size:12px;
font-weight:700;
text-align:center;
}
.travelPage_EnTitle01{
margin:0;
color: #0058AF;
font-size:14px;
font-weight:800;
position:absolute;
top:-40px;
left:0;
}
#travelPage_box{
width: 32%;
height:auto;
margin:0 0.3% 10px 0.7%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#0058AF 1px solid;
font-size:12px;
box-sizing:border-box;
}
#travelPage_box:hover{
color:#0058AF;
border:#000000 1px solid;
}
#travelPage_box img{
margin:0 0 5px 0; 
width:100%;
}
#travelPage_box h1{
width: 238px;
font-size:14px;
font-weight:500;
color:#0058AF;
margin:5px 0;
}
}

@media screen and (max-width: 736px) {
.travelPage_EnTitle02{
margin:3px 0 0 0;
color: #27B6BF;
font-size:12px;
font-weight:600;
text-align:center;
}
.travelPage_EnTitle01{
margin:0;
color: #0058AF;
font-size:14px;
font-weight:800;
top:-30px;
left:0;
}
#travelPage_box{
width: 48.6%;
height:auto;
margin:0 0.25% 10px 0.25%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#0058AF 1px solid;
font-size:12px;
box-sizing:border-box;
}
#travelPage_box img{
width:100%;
margin:0 0 1px 0; 
}
#travelPage_box h1{
width: auto;
font-size:14px;
font-weight:400;
color:#0058AF;
margin:5px 0;
}
}

#travel_osusume_bg{
width:100%;
margin:0;
background:#D9E6F3;
}
#travel_osusume{
width:1100px;
margin:0 auto;
padding:20px 0;
}
#travel_osusume h1.osusume{
font-size:30px;
font-weight:300;
margin:0 0 10px 0;
}
#travel_osusume_box{
width: 515px;
margin:0 3px 10px 0;
padding:13px;
display: inline-block;
vertical-align:top;
border:#0058AF 2px solid;
background:#FFFFFF;
position:relative;
}
#travel_osusume_box img{
margin:0 20px 10px 0;
float:left;
}
#travel_osusume_box figcaption{
width: 255px;
float:left;
}
#travel_osusume_box h1{
font-size:16px;
font-weight:500;
color:#0058AF;
margin:5px 0 10px 0;
}
#travel_osusume_mark{
width: 57px;
height:45px;
top:-5px;
right:0;
position:absolute;
background:url(../travel/img/osusume_mark.png) left top no-repeat;
overflow:hidden;
text-indent:-9999px;
}
@media screen and (min-width:737px) and (max-width:834px) {
#travel_osusume_bg{
width:100%;
margin:0;
background:#D9E6F3;
}
#travel_osusume{
width:100%;
margin:0 auto;
padding:20px 0;
}
#travel_osusume h1.osusume{
font-size:24px;
font-weight:400;
margin:0 0 20px 0;
text-align:center;
}
#travel_osusume_box{
width: 48%;
margin:0 0.2% 10px 1.3%;
padding:13px;
display: inline-block;
vertical-align:top;
border:#0058AF 2px solid;
background:#FFFFFF;
position:relative;
box-sizing:border-box;
}
#travel_osusume_box img{
margin:0 auto 10px auto;
float:none;
display:block;
}
#travel_osusume_box figcaption{
width: auto;
float:none;
clear:both;
}
#travel_osusume_box h1{
font-size:16px;
font-weight:500;
color:#0058AF;
margin:5px 0 10px 0;
}
#travel_osusume_mark{
width: 57px;
height:45px;
top:-5px;
right:0;
position:absolute;
background:url(../travel/img/osusume_mark.png) left top no-repeat;
overflow:hidden;
text-indent:-9999px;
}
}

@media screen and (max-width: 736px) {
#travel_osusume_bg{
width:100%;
margin:0;
background:#D9E6F3;
}
#travel_osusume{
width:98%;
margin:0 auto;
padding:10px 0;
box-sizing:border-box;
display:block;
}
#travel_osusume h1.osusume{
font-size:20px;
font-weight:300;
margin:0 0 10px 0;
text-align:center;
}
#travel_osusume_box{
width: 98%;
margin:0 auto 10px auto;
padding:13px;
display: inline-block;
vertical-align:top;
border:#0058AF 2px solid;
background:#FFFFFF;
position:relative;
box-sizing:border-box;
font-size:12px;
}
#travel_osusume_box img{
margin:0 auto 10px auto;
float:none;
display:block;
}
#travel_osusume_box figcaption{
width: auto;
float:none;
clear:both;
}
#travel_osusume_box h1{
font-size:14px;
font-weight:400;
color:#0058AF;
margin:5px 0;
}
#travel_osusume_mark{
width: 57px;
height:45px;
top:-5px;
right:0;
position:absolute;
background:url(../travel/img/osusume_mark.png) left top no-repeat;
overflow:hidden;
text-indent:-9999px;
}
}
	
#travel_instagram_box{
width: 1100px;
margin:40px auto;
padding:0 0 40px 0;
background:#F3F2EF;
position:relative;
}
#travel_instagram_box h1{
width: 520px;
height:90px;
background:url(../travel/img/title_instagram.png) left top no-repeat;
position:absolute;
top:-20px;
left:260px;
background-size:520px 90px;
text-indent:-9999px;
}
#travel_instagram_box h2{
font-size:18px;
margin:0 auto 20px auto;
padding:80px 0 0 0;
font-weight:500;
color:#000000;
text-align:center;
}
#travel_instagram_box .widget{
width: 1000px;
margin:0 auto;
padding:0;
}
#travel_eng{
margin:0 0 0 10px;
font-size:14px;
font-weight:800;
line-height:1.6;
color: #0058AF;
display: inline-block;
vertical-align:top;
}
@media screen and (min-width:737px) and (max-width:834px) {
#travel_instagram_box{
width: 100%;
margin:40px auto;
padding:10px 0 40px 0;
background:#F3F2EF;
position:static;
box-sizing:border-box;
}
#travel_instagram_box h1{
width: 520px;
height:90px;
margin:0 auto;
background:url(../travel/img/title_instagram.png) left top no-repeat;
background-size:520px 90px;
text-indent:-9999px;
position:static;
}
#travel_instagram_box h2{
font-size:16px;
margin:0 auto 20px auto;
padding:10px 0 0 0;
font-weight:500;
color:#000000;
text-align:center;
}
#travel_instagram_box .widget{
width:auto;
margin:0 auto;
padding:0;
box-sizing:border-box;
display:block;
}
#travel_eng{
width:95%;
margin:0 0 0 10px;
font-size:12px;
font-weight:600;
line-height:1.6;
color: #0058AF;
display: inline-block;
text-align:right;
}
}
@media screen and (max-width: 736px) {
#travel_instagram_box{
width: 100%;
height:auto;
margin:40px auto;
padding:10px 0 40px 0;
background:#F3F2EF;
position:static;
box-sizing:border-box;
}
#travel_instagram_box h1{
width: 300px;
height:52px;
margin:0 auto;
background:url(../travel/img/title_instagram.png) left top no-repeat;
background-size:300px 52px;
text-indent:-9999px;
position:static;
}
#travel_instagram_box h2{
font-size:16px;
margin:0 auto 20px auto;
padding:10px 0 0 0;
font-weight:500;
color:#000000;
text-align:center;
}
#travel_instagram_box .widget{
width:auto;
height:auto;
margin:0 auto;
padding:0;
box-sizing:border-box;
display:block;
}
#travel_eng{
width:95%;
margin:0 0 0 10px;
font-size:12px;
font-weight:600;
line-height:1.6;
color: #0058AF;
display: inline-block;
text-align:right;
}
}
@media screen and (max-width: 736px) {
#travel_instagram_box{
width: 100%;
margin:40px auto;
padding:0 0 40px 0;
background:#F3F2EF;
position:static;
box-sizing:border-box;
}
#travel_instagram_box h1{
width: 300px;
height:52px;
margin:0 auto;
background:url(../travel/img/title_instagram.png) left top no-repeat;
background-size:300px 52px;
text-indent:-9999px;
position:static;
}
#travel_instagram_box h2{
font-size:16px;
margin:0 auto 20px auto;
padding:10px 0 0 0;
font-weight:500;
color:#000000;
text-align:center;
}
#travel_instagram_box .widget{
width:auto;
margin:0 auto;
padding:0;
box-sizing:border-box;
display:block;
}
#travel_eng{
width:95%;
margin:0 0 0 10px;
font-size:12px;
font-weight:600;
line-height:1.6;
color: #0058AF;
display: inline-block;
text-align:right;
}
}
#report01{
width:100%;
margin:0;
}
#report01 img{
margin:0 0 10px 10px;
float:right;
max-width:100%;
}
#report01 h2{
font-size:18px;
font-weight:400;
margin:20px 0 8px 0;
}
#report01 a{text-decoration:none; color: #E50012;}
#report01 a:hover{text-decoration:underline; color: #E50012;}
#report02{
width:100%;
margin:0;
}
#report02 img{
display: block;
margin:0 auto 10px auto;
float:none;
max-width:100%;
}
#report02 h2{
font-size:18px;
font-weight:400;
margin:20px 0 8px 0;
}
#report01 a{text-decoration:none; color: #E50012;}
#report01 a:hover{text-decoration:underline; color: #E50012;}
#googlemap{
width:740px;
height:300px;
margin:30px 0;
padding:0;
clear:both;
box-sizing:border-box;
}
#googlemap iframe{
width: 100%;
height: 100%;
}
@media screen and (min-width:737px) and (max-width:834px) {
#report01 img{
margin:0 auto 10px auto;
float:right;
}
}
section iframe{
width: 100%;
height:300px;
margin:30px auto;
border:#D4D1CD solid 1px !important;
padding:0;
clear:both;
box-sizing:border-box;
}
@media screen and (max-width: 736px) {
#report01{
width:100%;
margin:0;
}
#report01 img{
margin:0 0 10px 10px;
float:right;
}
#report01 h2{
font-size:16px;
font-weight:400;
margin:20px 0 8px 0;
}
#report01 a{text-decoration:none; color: #E50012;}
#report01 a:hover{text-decoration:underline; color: #E50012;}
#report02{
width:100%;
margin:0 auto;
}
#report02 img{
display: block;
margin:0 auto 10px auto;
max-width:100%;
}
#report02 h2{
font-size:16px;
font-weight:400;
margin:20px 0 8px 0;
}
#report01 a{text-decoration:none; color: #E50012;}
#report01 a:hover{text-decoration:underline; color: #E50012;}
#googlemap{
width:97%;
height:300px;
margin:30px auto;
padding:0;
}
#googlemap iframe{
width: 100%;
height: 100%;
vertical-align: bottom;
}
section iframe{
width: 97%;
height:300px;
margin:20px auto;
vertical-align: bottom;
display:block;
}
}







#culturePage_box{
width: 340px;
height:auto;
margin:0 3px 10px 3px;
padding:8px;
float:left;
border:#000000 1px solid;
}
#culturePage_box:hover{
border:#30A5CC 1px solid;
color:#30A5CC;

}
#culturePage_box img{
margin:0 0 10px 0; 
}
#culturePage_box .photoWrap{
width: 340px;
height: 193px;
position: relative;
margin:0 0 20px 0;
}
#culturePage_box .photoWrap h1{
position: absolute;
width: 340px;
text-align:center;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size:36px;
font-weight:200;
color:#FFFFFF;
text-shadow: 0 0 10px #000000,0 0 10px #000000;
letter-spacing: 0.1em;
}
#culturePage_box .photoWrap img {
width: 100%;
}
#culturePage_box .icon01{
width: 36px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon01.gif) left bottom no-repeat;
background-size:36px 52px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon02{
width: 78px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon02.gif) left bottom no-repeat;
background-size:78px 55px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon03{
width: 55px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon03.gif) left bottom no-repeat;
background-size:55px 50px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon04{
width: 33px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon04.gif) left bottom no-repeat;
background-size:33px 47px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon05{
width: 48px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon05.gif) left bottom no-repeat;
background-size:48px 52px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon06{
width: 39px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon06.gif) left bottom no-repeat;
background-size:39px 52px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon07{
width: 50px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon07.gif) left bottom no-repeat;
background-size:50px 45px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon08{
width: 162px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon08.gif) left bottom no-repeat;
background-size:162px 55px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon09{
width: 80px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon09.gif) left bottom no-repeat;
background-size:80px 51px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon12{
width: 56px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon12.gif) left bottom no-repeat;
background-size:56px 52px;
overflow:hidden;
text-indent:-9999px;
}
@media screen and (min-width:737px) and (max-width:834px) {
#culturePage_box{
width: 32%;
height:auto;
margin:0 0.6% 10px 0.7%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#000000 1px solid;
font-size:12px;
box-sizing:border-box;
}
#culturePage_box img{
margin:0 0 2px 0;
width:100%;
}
#culturePage_box .photoWrap{
width: 100%;
height: auto;
position: relative;
margin:0 0 1px 0;
padding:0;
}
#culturePage_box .photoWrap h1{
display: -webkit-flex; /* Safari用 */
display: flex;
-webkit-justify-content: center; /* Safari用 */
justify-content: center;
-webkit-align-items: center; /* Safari用 */
align-items: center;
font-size:20px;
font-weight:300;
color:#FFFFFF;
text-shadow: 0 0 30px #000000,0 0 30px #000000;
letter-spacing: 0.1em;
}
#culturePage_box .photoWrap img {
width: 100%;
}
}

@media screen and (max-width: 736px) {
#culturePage_box{
width: 48%;
height:auto;
margin:0 1% 10px 1%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#000000 1px solid;
font-size:12px;
box-sizing:border-box;
}
#culturePage_box img{
margin:0 0 2px 0;
width:100%;
}
#culturePage_box .photoWrap{
width: 100%;
height: auto;
position: relative;
margin:0 0 1px 0;
padding:0;
}
#culturePage_box .photoWrap h1{
display: -webkit-flex; /* Safari用 */
display: flex;
-webkit-justify-content: center; /* Safari用 */
justify-content: center;
-webkit-align-items: center; /* Safari用 */
align-items: center;
font-size:20px;
font-weight:300;
color:#FFFFFF;
text-shadow: 0 0 30px #000000,0 0 30px #000000;
letter-spacing: 0.1em;
}
#culturePage_box .photoWrap img {
width: 100%;
}
#culturePage_box .icon01{
width: 24px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon01.gif) left bottom no-repeat;
background-size:24px 35px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon02{
width: 50px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon02.gif) left bottom no-repeat;
background-size:50px 35px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon03{
width: 39px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon03.gif) left bottom no-repeat;
background-size:39px 35px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon04{
width: 25px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon04.gif) left bottom no-repeat;
background-size:25px 35px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon05{
width: 32px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon05.gif) left bottom no-repeat;
background-size:32px 35px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon06{
width: 26px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon06.gif) left bottom no-repeat;
background-size:26px 35px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon07{
width: 39px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon07.gif) left bottom no-repeat;
background-size:39px 35px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon08{
width: 103px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon08.gif) left bottom no-repeat;
background-size:103px 35px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon09{
width: 55px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon09.gif) left bottom no-repeat;
background-size:55px 35px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon12{
width: 38px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon12.gif) left bottom no-repeat;
background-size:38px 35px;
overflow:hidden;
text-indent:-9999px;
}
}

#culture_ranking_bg{
width:100%;
margin:0;
background:#D6EDF5;
}
#culture_ranking{
width:1100px;
margin:0 auto;
padding:20px 0;
}
#aside_ranking{
width: 340px;
margin:0 20px 10px 0;
padding:13px;
display: inline-block;
vertical-align:top;
}
#aside_ranking h3{
margin:30px 0 10px 0;
font-size:24px;
font-weight:600;
line-height:1.1;
display: inline-block;
vertical-align:top;
}
#aside_ranking a.report_list{
display:block;
width: 100%;
margin:0;
padding:12px 2px 7px 2px;
border-bottom:1px solid #000000;
color: #000000;
}
#aside_ranking a:hover{text-decoration:none; color: #999999;}

#aside_ranking a:link.list {
display: block;
padding:6px 0 0 30px;
margin:6px 10px 0 0;
background:url(../img/arrow_black.png) 10px 10px no-repeat;
float:right;
}
#aside_ranking a:hover.list {color:#E50012; text-decoration:none;}
#aside_ranking .travel_mark{
width:90px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#0058AF;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#aside_ranking .culture_mark{
width:90px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#30A6CC;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#aside_ranking .events_mark{
width:90px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#00B95D;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#dwn_banner_area{
width:300px;
width:300px;
margin:30px 0 0 10px;
padding:3px 0 10px 0;
display: inline-block;
vertical-align:top;
}
@media screen and (min-width:737px) and (max-width:834px) {
#culture_ranking_bg{
width:100%;
margin:0;
background:#D6EDF5;
}
#culture_ranking{
width:98%;
margin:0 auto;
padding:10px 0 10px 0;
}
#aside_ranking{
width: 230px;
margin:0 0px 10px 0;
padding:13px;
display: inline-block;
vertical-align:top;
}
#aside_ranking h3{
margin:5px 0 10px 0;
font-size:20px;
font-weight:700;
line-height:1.1;
display: inline-block;
vertical-align:top;
}
#aside_ranking a.report_list{
display:block;
width: 100%;
margin:0;
padding:12px 2px 7px 2px;
border-bottom:1px solid #000000;
color: #000000;
}
#aside_ranking a:hover{text-decoration:none; color: #999999;}

#aside_ranking a:link.list {
display: block;
padding:6px 0 0 30px;
margin:0 5px 0 0;
background:url(../img/arrow_black.png) 10px 10px no-repeat;
float:right;
}
#aside_ranking a:hover.list {color:#E50012; text-decoration:none;}
#aside_ranking .travel_mark{
width:90px;
margin:0 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#0058AF;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#aside_ranking .culture_mark{
width:90px;
margin:0 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#30A6CC;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#aside_ranking .events_mark{
width:90px;
margin:0 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#00B95D;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#dwn_banner_area{
width:230px;
width:230px;
margin:30px 0 0 10px;
padding:3px 0 10px 0;
display: inline-block;
vertical-align:top;
}
}
@media screen and (max-width: 736px) {
#culture_ranking_bg{
width:100%;
margin:0;
background:#D6EDF5;
}
#culture_ranking{
width:100%;
margin:0 auto;
padding:5px 0;
}
#aside_ranking{
width:94%;
margin:0 auto 10px auto;
padding:8px;
}
#aside_ranking h3{
margin:12px 0 10px 0;
font-size:20px;
font-weight:600;
line-height:1.1;
display: inline-block;
vertical-align:top;
}
#aside_ranking a.report_list{
display:block;
width: 100%;
margin:0;
padding:6px 2px;
border-bottom:1px solid #999999;
color: #000000;
}
#aside_ranking a:hover{text-decoration:none; color: #999999;}

#aside_ranking a:link.list {
display: block;
padding:6px 0 0 28px;
margin:1px 10px 0 0;
background:url(../img/arrow_black.png) 10px 11px no-repeat;
float:right;
}
#aside_ranking a:hover.list {color:#E50012; text-decoration:none;}
#aside_ranking .travel_mark{
width:80px;
margin:10px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#0058AF;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:300;
}
#aside_ranking .culture_mark{
width:80px;
margin:10px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#30A6CC;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:300;
}
#aside_ranking .events_mark{
width:80px;
margin:10px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#00B95D;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#culture_ranking #banner_area{
width:276px;
margin:30px 0 0 30px;
padding:3px 0 10px 0;
display: inline-block;
vertical-align:top;
}
#dwn_banner_area{
width:320px;
width:320px;
margin:30px auto;
padding:3px 0 10px 0;
display:block;
}
}
#title_trend{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon01c.gif) center 20px no-repeat;
}
#title_technology{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon02c.gif) center 20px no-repeat;
}
#title_tradition{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon03c.gif) center 20px no-repeat;
}
#title_food{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon04c.gif) center 20px no-repeat;
}
#title_life{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon05c.gif) center 20px no-repeat;
}
#title_sports{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon06c.gif) center 20px no-repeat;
}
#title_season{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon07c.gif) center 20px no-repeat;
}
#title_hobby{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon08c.gif) center 20px no-repeat;
}
#title_experience{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon09c.gif) center 20px no-repeat;
}
#title_e{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon09c.gif) center 20px no-repeat;
}
.title_culture02{
margin:44px 0 0 0;
color: #27B6BF;
font-size:20px;
font-weight:400;
text-align:center;
}
.title_culture01{
margin:0;
color: #30A6CC;
font-size:14px;
font-weight:800;
position:absolute;
top:-40px;
left:0;
}
.technology_copy{
width:1100px;
margin:30px 0 40px 0;
font-size:18px;
font-weight:300;
line-height:1.4;
text-align:center;
}
#culturePage_box01{
width: 238px;
margin:0 3px 10px 3px;
padding:13px;
display: inline-block;
vertical-align:top;
border:#30A6CC 1px solid;
}
#culturePage_box01:hover{
color:#30A6CC;
border:#000000 1px solid;
}

#culturePage_box01 h1{
width: 238px;
font-size:16px;
font-weight:500;
color:#30A6CC;
margin:5px 0 10px 0;
}
.culture_technologyicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#30A6CC;
display: inline-block;
vertical-align:bottom;
}
#culture_eng{
margin:0 0 0 10px;
font-size:14px;
font-weight:800;
line-height:1.6;
color: #30A6CC;
display: inline-block;
vertical-align:top;
}
#culture_report01{
width:100%;
margin:0;
}
#culture_report01 img{
display: block;
margin: 0 auto 10px auto;
float: none;
max-width: 100%;
}
#culture_report01 h2{
font-size:20px;
font-weight:400;
margin:0 0 15px 0;
padding:40px 0 0 0;
color:#30A5CC;
border-bottom:1px solid #30A5CC;
clear:both;
display:block;
}
#report01 a{text-decoration:none; color: #E50012;}
#report01 a:hover{text-decoration:underline; color: #E50012;}
@media screen and (min-width:737px) and (max-width:834px) {
#title_trend{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon01c.gif) center 20px no-repeat;
}
#title_technology{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon02c.gif) center 20px no-repeat;
}
#title_tradition{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon03c.gif) center 20px no-repeat;
}
#title_food{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon04c.gif) center 20px no-repeat;
}
#title_life{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon05c.gif) center 20px no-repeat;
}
#title_sports{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon06c.gif) center 20px no-repeat;
}
#title_season{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon07c.gif) center 20px no-repeat;
}
#title_experience{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon09c.gif) center 20px no-repeat;
}
.title_culture02{
margin:44px 0 0 0;
color: #27B6BF;
font-size:20px;
font-weight:400;
text-align:center;
}
.title_culture01{
margin:0;
color: #30A6CC;
font-size:14px;
font-weight:800;
position:absolute;
top:-30px;
left:0;
}
.technology_copy{
width:92%;
margin:20px auto;
font-size:14px;
font-weight:300;
line-height:1.4;
text-align:left;
}
#culturePage_box01{
width: 32%;
height:auto;
margin:0 0.5% 10px 0.5%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#30A6CC 1px solid;
font-size:12px;
box-sizing:border-box;
}
#culturePage_box01 img{
width:100%;
margin:0; 
}
#culturePage_box01 h1{
width: auto;
font-size:14px;
font-weight:400;
color:#30A6CC;
margin:5px 0 10px 0;
}
.culture_technologyicon{
width:80px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#30A6CC;
display: inline-block;
vertical-align:bottom;
}
#culture_report01{
width:98%;
margin:0 auto;
}
#culture_report01 img{
margin:5px 10px 5px 0;
}
#culture_report01 h2{
font-size:18px;
font-weight:400;
margin:0 0 15px 0;
padding:40px 0 0 0;
color:#30A5CC;
border-bottom:1px solid #30A5CC;
clear:both;
display:block;
}
#report01 a{text-decoration:none; color: #E50012;}
#report01 a:hover{text-decoration:underline; color: #E50012;}
}

@media screen and (max-width: 736px) {
#title_trend{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon01c.gif) center 10px no-repeat;
}
#title_technology{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon02c.gif) center 10px no-repeat;
}
#title_tradition{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon03c.gif) center 10px no-repeat;
}
#title_food{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon04c.gif) center 10px no-repeat;
}
#title_life{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon05c.gif) center 10px no-repeat;
}
#title_sports{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon06c.gif) center 10px no-repeat;
}
#title_season{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon07c.gif) center 10px no-repeat;
}
#title_experience{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon09c.gif) center 10px no-repeat;
}
.title_culture02{
margin:40px 0 0 0;
color: #27B6BF;
font-size:16px;
font-weight:400;
text-align:center;
}
.title_culture01{
margin:0;
color: #30A6CC;
font-size:14px;
font-weight:800;
position:absolute;
top:-30px;
left:0;
}
.technology_copy{
width:92%;
margin:20px auto;
font-size:14px;
font-weight:300;
line-height:1.4;
text-align:left;
}
#culturePage_box01{
width: 48.6%;
height:auto;
margin:0 0.25% 10px 0.25%;
padding:3px;
display: inline-block;
vertical-align: top;
font-size:12px;
border:#30A6CC 1px solid;
box-sizing:border-box;
}
#culturePage_box01 img{
width:100%;
margin:0 0 10px 0; 
}

#culturePage_box01 h1{
width: auto;
font-size:14px;
font-weight:400;
color:#30A6CC;
margin:5px 0 10px 0;
}
.culture_technologyicon{
width:80px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#30A6CC;
display: inline-block;
vertical-align:bottom;
}
#culture_eng{
width:95%;
margin:0 0 10px 10px;
font-size:12px;
font-weight:600;
line-height:1.6;
color: #30A6CC;
text-align:right;
}
#culture_report01{
width:98%;
margin:0 auto;
}
#culture_report01 img{
margin:5px;
}
#culture_report01 h2{
font-size:16px;
font-weight:400;
margin:0 0 15px 0;
padding:40px 0 0 0;
color:#30A5CC;
border-bottom:1px solid #30A5CC;
clear:both;
display:block;
}
#report01 a{text-decoration:none; color: #E50012;}
#report01 a:hover{text-decoration:underline; color: #E50012;}
}










/*events__________________________*/

#events_search{
width:1100px;
height:80px;
margin:0 auto 30px auto;
background-color:#F3F2EF;
position:relative;
}
#events_searchlist {
display: none;
}
.events_accordion{
z-index:10;
position:absolute;
top:16px;
left:45px;
}
.events_accordion a {
display: block;
border-bottom:1px solid rgba(155,155,155,0.3);
padding:3px 0;
text-align:center;
color:#000000;
text-decoration:none;
}
.events_accordion a:last-child {
display: block;
border-bottom:none;
padding:3px 0;
color:#000000;
text-decoration:none;
}
.events_accordion a:hover {color:#00B95D; text-decoration:none;}
.events_searchSub {
margin: -1px auto;
width: 470px;
padding:0 5px;
border:1px solid rgba(155,155,155,0.3);
background-color:#FFF;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
}
.switch {
width: 490px;
text-align: center;
background:#ffffff url(../events/img/icon_calendar.png) 20px 15px no-repeat;
margin: auto;
padding: 10px 0;
position: relative;
display: block;
cursor: pointer;
font-size:16px;
line-height:1.8;
border:#CCCCCC 1px solid;
}
.switch:after {
font-family:"FontAwesome";
content:"\f078";
position: absolute;
right: 20px;
top: 10px;
margin: auto;
font-size: 16px;
}
.switch.open:after {
font-family:"FontAwesome";
content:"\f077";
}
.events_accordion02{
z-index:10;
position:absolute;
top:16px;
right:45px;
}
.events_accordion02 a {
display: block;
border-bottom:1px solid rgba(155,155,155,0.3);
padding:3px 0;
text-align:center;
color:#000000;
text-decoration:none;
}
.events_accordion02 a:last-child {
display: block;
border-bottom:none;
padding:3px 0;
color:#000000;
text-decoration:none;
}
.events_accordion02 a:hover {color:#00B95D; text-decoration:none;}
.events_searchSub {
margin: -1px auto;
width: 470px;
padding:0 10px;
border:1px solid rgba(155,155,155,0.3);
background-color:#FFF;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);
}
.switch02 {
width: 490px;
text-align: center;
background:#ffffff url(../events/img/icon_map.png) 20px 15px no-repeat;
margin: auto;
padding: 10px 0;
position: relative;
display: block;
cursor: pointer;
line-height:1.8;
font-size:16px;
border:#CCCCCC 1px solid;
}
.switch02:after {
font-family:"FontAwesome";
    content:"\f078";
position: absolute;
right: 20px;
top: 10px;
margin: auto;
font-size: 16px;
}
.switch02.open:after {
font-family:"FontAwesome";
    content:"\f077";
}
@media screen and (min-width:737px) and (max-width:834px) {
#events_search{
width:100%;
height:auto;
margin:0 auto 30px auto;
padding:10px 0;
background-color:#F3F2EF;
position:relative;
}
#events_searchlist {
display: none;
}
.events_accordion{
width:100%;
z-index:10;
margin:10px auto;
position:static;
box-sizing:border-box;
}
.events_accordion a {
display: block;
border-bottom:1px solid rgba(155,155,155,0.3);
padding:10px 0;
text-align:center;
color:#000000;
text-decoration:none;
}
.events_accordion a:last-child {
display: block;
border-bottom:none;
padding:10px 0;
color:#000000;
text-decoration:none;
}
.events_accordion a:hover {color:#00B95D; text-decoration:none;}
.events_searchSub {
margin: -1px auto;
width: 90%;
padding:0 10px;
border:1px solid rgba(155,155,155,0.3);
background-color:#FFF;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0);
box-sizing:border-box;
}
.switch {
width: 90%;
text-align: center;
background:#ffffff url(../events/img/icon_calendar.png) 30px 4px no-repeat;
margin: auto;
padding: 3px 0;
position: relative;
display: block;
cursor: pointer;
font-size:14px;
line-height:1.8;
border:#CCCCCC 1px solid;
}
.switch:after {
font-family:"FontAwesome";
content:"\f078";
position: absolute;
right: 20px;
top: 1px;
margin: auto;
font-size: 16px;
}
.switch.open:after {
font-family:"FontAwesome";
content:"\f077";
}
.events_accordion02{
width:100%;
z-index:10;
margin:10px auto;
position:static;
box-sizing:border-box;
}
.events_accordion02 .area {
display: block;
border-bottom:1px solid rgba(155,155,155,0.3);
padding:10px 0;
font-size:10px;
text-align:left;
color:#666666;
}
.events_accordion02 .area span{
margin:0 15px 0 5px;
font-size:14px;
text-align:left;
color:#000;
}
.events_accordion02 .area:last-child {
display: block;
border-bottom:none;
padding:10px 0;
}
.switch02 {
width: 90%;
text-align: center;
background:#ffffff url(../events/img/icon_map.png) 34px 5px no-repeat;
margin: auto;
padding: 3px 0;
position: relative;
display: block;
cursor: pointer;
font-size:14px;
line-height:1.8;
border:#CCCCCC 1px solid;
}
.switch02:after {
font-family:"FontAwesome";
content:"\f078";
position: absolute;
right: 20px;
top: 1px;
margin: auto;
font-size: 16px;
}
.switch02.open:after {
font-family:"FontAwesome";
content:"\f077";
}
}

@media screen and (max-width: 736px) {
#events_search{
width:100%;
height:auto;
margin:0 auto 30px auto;
padding:10px 0;
background-color:#F3F2EF;
position:relative;
}
#events_searchlist {
display: none;
}
.events_accordion{
width:100%;
z-index:10;
margin:10px auto;
position:static;
box-sizing:border-box;
}
.events_accordion a {
display: block;
border-bottom:1px solid rgba(155,155,155,0.3);
padding:10px 0;
text-align:center;
color:#000000;
text-decoration:none;
}
.events_accordion a:last-child {
display: block;
border-bottom:none;
padding:10px 0;
color:#000000;
text-decoration:none;
}
.events_accordion a:hover {color:#00B95D; text-decoration:none;}
.events_searchSub {
margin: -1px auto;
width: 90%;
padding:0 10px;
border:1px solid rgba(155,155,155,0.3);
background-color:#FFF;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0);
box-sizing:border-box;
}
.switch {
width: 90%;
text-align: center;
background:#ffffff url(../events/img/icon_calendar.png) 20px 4px no-repeat;
margin: auto;
padding: 3px 0;
position: relative;
display: block;
cursor: pointer;
font-size:14px;
line-height:1.8;
border:#CCCCCC 1px solid;
}
.switch:after {
font-family:"FontAwesome";
content:"\f078";
position: absolute;
right: 20px;
top: 1px;
margin: auto;
font-size: 16px;
}
.switch.open:after {
font-family:"FontAwesome";
content:"\f077";
}
.events_accordion02{
width:100%;
z-index:10;
margin:10px auto;
position:static;
box-sizing:border-box;
}
.events_accordion02 .area {
display: block;
border-bottom:1px solid rgba(155,155,155,0.3);
padding:10px 0;
font-size:10px;
text-align:left;
color:#666666;
}
.events_accordion02 .area span{
margin:0 15px 0 5px;
font-size:14px;
text-align:left;
color:#000;
}
.events_accordion02 .area:last-child {
display: block;
border-bottom:none;
padding:10px 0;
}
.switch02 {
width: 90%;
text-align: center;
background:#ffffff url(../events/img/icon_map.png) 24px 4px no-repeat;
margin: auto;
padding: 3px 0;
position: relative;
display: block;
cursor: pointer;
font-size:14px;
line-height:1.8;
border:#CCCCCC 1px solid;
}
.switch02:after {
font-family:"FontAwesome";
content:"\f078";
position: absolute;
right: 20px;
top: 1px;
margin: auto;
font-size: 16px;
}
.switch02.open:after {
font-family:"FontAwesome";
content:"\f077";
}
}

#eventsPage_box{
width: 238px;
margin:0 3px 10px 3px;
padding:13px;
display: inline-block;
vertical-align: top;
border:#00B95D 1px solid;
}
#eventsPage_box:hover{
color:#00B95D;
border:#000000 1px solid;
}
#eventsPage_box img{
margin:0 0 10px 0; 
}
#eventsPage_box h1{
width:100%;
font-size:16px;
font-weight:500;
margin:0 0 10px 0;
clear:both;
}
#eventsPage_box .areaicon {
display: block;
padding:4px 15px 4px 30px;
margin:6px 10px 10px 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon_map.png) 10px 5px no-repeat;
background-size:9px 14px;
color:#00B95D;
border:1px solid #00B95D;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .festival_ev {
display: block;
padding:4px 15px 4px 40px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon01.png) 10px 5px no-repeat;
background-size:19px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .art_ev {
display: block;
padding:4px 15px 4px 35px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon02.png) 10px 5px no-repeat;
background-size:17px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .exhibition_ev {
display: block;
padding:4px 15px 4px 33px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon03.png) 10px 5px no-repeat;
background-size:14px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .sports_ev {
display: block;
padding:4px 15px 4px 38px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon04.png) 10px 5px no-repeat;
background-size:21px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .others_ev {
display: block;
padding:4px 15px 4px 30px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon05.png) 10px 5px no-repeat;
background-size:13px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .month {
width:100%;
padding:10px;
margin:6px 10px 0 0;
color:#000000;
background:#EFEEEB;
font-size:14px;
font-weight:400;
line-height:1.4;
text-align:center;
box-sizing:border-box;
}
@media screen and (min-width:737px) and (max-width:834px) {
#eventsPage_box{
width: 32%;
height:auto;
margin:0 0.5% 10px 0.5%;
padding:5px;
display: inline-block;
vertical-align: top;
border:#00B95D 1px solid;
box-sizing:border-box;
}
#eventsPage_box img{
margin:0 0 10px 0;
width:100%;
}
#eventsPage_box h1{
width:100%;
font-size:16px;
font-weight:500;
color:#000000;
margin:0 0 10px 0;
clear:both;
}
#eventsPage_box .areaicon {
display: block;
padding:4px 15px 4px 30px;
margin:6px 10px 10px 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon_map.png) 10px 5px no-repeat;
background-size:9px 14px;
color:#00B95D;
border:1px solid #00B95D;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .festival_ev {
display: block;
padding:4px 15px 4px 40px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon01.png) 10px 5px no-repeat;
background-size:19px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .art_ev {
display: block;
padding:4px 15px 4px 35px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon02.png) 10px 5px no-repeat;
background-size:17px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .exhibition_ev {
display: block;
padding:4px 15px 4px 33px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon03.png) 10px 5px no-repeat;
background-size:14px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .sports_ev {
display: block;
padding:4px 15px 4px 38px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon04.png) 10px 5px no-repeat;
background-size:21px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .others_ev {
display: block;
padding:4px 15px 4px 30px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon05.png) 10px 5px no-repeat;
background-size:13px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:left;
line-height:1.3;
}
#eventsPage_box .month {
width:100%;
padding:10px;
margin:6px 10px 0 0;
color:#000000;
background:#EFEEEB;
font-size:14px;
font-weight:400;
line-height:1.4;
text-align:center;
box-sizing:border-box;
}
}

@media screen and (max-width: 736px) {
#eventsPage_box{
width: 48.6%;
height:auto;
margin:0 0.25% 10px 0.25%;
padding:3px;
display: inline-block;
vertical-align: top;
border:#00B95D 1px solid;
box-sizing:border-box;
}
#eventsPage_box img{
width:100%;
margin:0 0 10px 0; 
}
#eventsPage_box h1{
width:96%;
font-size:14px;
font-weight:400;
color:#000000;
margin:0 auto 10px auto;
clear:both;
}
#eventsPage_box .areaicon {
width:50%;
display: block;
padding:2px 10px 2px 24px;
margin:6px auto 3px auto;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon_map.png) 13px 3px no-repeat;
background-size:9px 14px;
color:#00B95D;
border:1px solid #00B95D;
font-size:12px;
font-weight:400;
float:none;
line-height:1.3;
text-align:center;
}
#eventsPage_box .festival_ev {
width:50%;
display: block;
padding:2px 10px 2px 24px;
margin:0 auto 10px auto;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon01.png) 10px 2px no-repeat;
background-size:19px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:none;
line-height:1.3;
text-align:center;
}
#eventsPage_box .art_ev {
width:50%;
display: block;
padding:2px 10px 2px 24px;
margin:0 auto 10px auto;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon02.png) 10px 2px no-repeat;
background-size:17px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:none;
line-height:1.3;
text-align:center;
}
#eventsPage_box .exhibition_ev {
width:50%;
display: block;
padding:2px 10px 2px 24px;
margin:0 auto 10px auto;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon03.png) 10px 2px no-repeat;
background-size:14px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:none;
line-height:1.3;
text-align:center;
}
#eventsPage_box .sports_ev {
width:50%;
display: block;
padding:2px 10px 2px 24px;
margin:0 auto 10px auto;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon04.png) 10px 2px no-repeat;
background-size:21px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:none;
line-height:1.3;
text-align:center;
}
#eventsPage_box .others_ev {
width:50%;
display: block;
padding:2px 10px 2px 24px;
margin:0 auto 10px auto;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon05.png) 10px 2px no-repeat;
background-size:13px 14px;
color:#000000;
border:1px solid #000000;
font-size:12px;
font-weight:400;
float:none;
line-height:1.3;
text-align:center;
}
#eventsPage_box .month {
width:96%;
padding:8px;
margin:6px auto;
color:#000000;
background:#EFEEEB;
font-size:12px;
font-weight:400;
line-height:1.2;
text-align:center;
box-sizing:border-box;
}
}

#eventsGroup_box{
width: 1100px;
margin:50px auto 10px auto;
padding:13px 0;
overflow:hidden;
z-index:0;
}
#eventsGroup_box h1{
width:100%;
font-size:30px;
font-weight:400;
color:#000000;
margin:0 0 30px 0;
text-align:center;
}
#eventsGroup_box a:link {
width:178px;
height:178px;
display: block;
padding:0;
position: relative;
margin:0 48px 20px 0;
border-radius: 89px;/* CSS3 */  
-webkit-border-radius: 89px;/* Safari,Google Chrome*/  
-moz-border-radius: 89px;/* Firefox */ 
color:#E50012;
float:left;
background-color:#F3F2EF;
}
#eventsGroup_box a:last-child{
width:178px;
height:178px;
display: block;
padding:0;
position: relative;
margin:0 0 20px 0;
border-radius: 89px;/* CSS3 */  
-webkit-border-radius: 89px;/* Safari,Google Chrome*/  
-moz-border-radius: 89px;/* Firefox */ 
color:#E50012;
float:left;
background-color:#F3F2EF;
}
#eventsGroup_box a:hover {color:#FFFFFF; text-decoration:none; background-color:#7FDCAE;}
#eventsGroup_box .iconWrap{
width:178px;
height:178px;
}
#eventsGroup_box .iconlink{
position: absolute;
text-align:center;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size:18px;
font-weight:500;
color:#000000;
line-height:1.4;
letter-spacing: 0.1em;
}
#events_ranking_bg{
width:100%;
margin:0;
background:#D9F5E7;
}
#events_ranking{
width:1100px;
margin:0 auto;
padding:20px 0;
}
@media screen and (min-width:737px) and (max-width:834px) {
#eventsGroup_box{
width: 100%;
margin:50px 3px 10px 3px;
padding:13px 0;
overflow:hidden;
}
#eventsGroup_box div{
	width:89%;
margin:0 auto;
padding:0;
}
#eventsGroup_box h1{
width:100%;
font-size:26px;
font-weight:400;
color:#000000;
margin:0 0 30px 0;
text-align:center;
}
#eventsGroup_box a:link {
width:120px;
height:120px;
display: block;
padding:0;
position: relative;
margin:0 18px 0 0;
border-radius: 89px;/* CSS3 */  
-webkit-border-radius: 89px;/* Safari,Google Chrome*/  
-moz-border-radius: 89px;/* Firefox */ 
color:#E50012;
float:left;
background-color:#F3F2EF;
}
#eventsGroup_box a:last-child{
width:120px;
height:120px;
display: block;
padding:0;
position: relative;
margin:0;
border-radius: 89px;/* CSS3 */  
-webkit-border-radius: 89px;/* Safari,Google Chrome*/  
-moz-border-radius: 89px;/* Firefox */ 
color:#E50012;
float:left;
background-color:#F3F2EF;
}
#eventsGroup_box a:hover {color:#FFFFFF; text-decoration:none; background-color:#7FDCAE;}
#eventsGroup_box .iconWrap{
width:120px;
height:120px;
}
#eventsGroup_box .iconlink{
position: absolute;
text-align:center;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size:14px;
font-weight:500;
color:#000000;
line-height:1.4;
letter-spacing: 0.1em;
}
#events_ranking_bg{
width:100%;
margin:0;
background:#D9F5E7;
}
#events_ranking{
width:100%;
margin:0 auto;
padding:20px 0;
}
}
@media screen and (max-width: 736px) {
#eventsGroup_box{
width: 100%;
margin:15px 3px 10px 3px;
padding:13px 0;
overflow:hidden;
}
#eventsGroup_box h1{
width:100%;
font-size:24px;
font-weight:400;
color:#000000;
margin:0 0 30px 0;
text-align:center;
}
#eventsGroup_box a:link {
width:104px;
height:104px;
display: block;
padding:0;
position: relative;
margin:0 5px 20px 8px;
border-radius: 89px;/* CSS3 */  
-webkit-border-radius: 89px;/* Safari,Google Chrome*/  
-moz-border-radius: 89px;/* Firefox */ 
color:#E50012;
float:left;
background-color:#F3F2EF;
}
#eventsGroup_box a:last-child{
width:104px;
height:104px;
display: block;
padding:0;
position: relative;
margin:0 5px 20px 5px;
border-radius: 89px;/* CSS3 */  
-webkit-border-radius: 89px;/* Safari,Google Chrome*/  
-moz-border-radius: 89px;/* Firefox */ 
color:#E50012;
float:left;
background-color:#F3F2EF;
}
#eventsGroup_box a:hover {color:#FFFFFF; text-decoration:none; background-color:#7FDCAE;}
#eventsGroup_box .iconWrap{
width:120px;
width:120px;
}
#eventsGroup_box .iconlink{
position: absolute;
text-align:center;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
font-size:14px;
font-weight:500;
color:#000000;
line-height:1.4;
letter-spacing: 0.1em;
}
#events_ranking{
width:100%;
margin:0 auto;
padding:20px 0;
}
}
.title_events01{
margin:0;
color: #00B95D;
font-size:14px;
font-weight:800;
position:absolute;
top:-40px;
left:0;
}
.title_events02{
margin:45px 0 0 0;
color: #000000;
font-size:20px;
font-weight:400;
text-align:center;
}
#title_matsuri{
width: 100%;
margin:40px 0 40px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon01.png) center 13px no-repeat;
}
#title_matsuri{
width: 100%;
margin:40px 0 40px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon01.png) center 13px no-repeat;
}
#title_art{
width: 100%;
margin:40px 0 40px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon02.png) center 13px no-repeat;
}
#title_tenji{
width: 100%;
margin:40px 0 40px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon03.png) center 13px no-repeat;
}
#title_sports_ev{
width: 100%;
margin:40px 0 40px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon04.png) center 13px no-repeat;
}
#title_etc{
width: 100%;
margin:40px 0 40px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon05.png) center 13px no-repeat;
}
#events_eng{
margin:0 0 0 10px;
font-size:14px;
font-weight:800;
line-height:1.6;
color: #00B95D;
display: inline-block;
vertical-align:top;
}
#events_info{
width:715px;
margin:30px auto;
padding:20px 0 40px 0;
background-color:#F3F2EF;
}
#events_info h1{
font-size:18px;
font-weight:600;
color:#000000;
margin:0 auto;
text-align:center;
}
#events_info #mark{
padding:0;
display: table;
margin:10px auto 30px auto;
}
#events_info #mark .areaicon {
display: block;
padding:4px 15px 6px 30px;
margin:6px 15px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon_map.png) 10px 5px no-repeat;
background-size:13px 19px;
color:#00B95D;
border:1px solid #00B95D;
font-size:14px;
font-weight:400;
float:left;
line-height:1.5;
}
#events_info #mark .others_ev {
display: block;
padding:4px 15px 5px 40px;
margin:6px 0 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon05.png) 15px 5px no-repeat;
background-size:19px 21px;
color:#000000;
border:1px solid #000000;
font-size:14px;
font-weight:400;
float:left;
line-height:1.6;
}
#events_info #mark .festival_ev {
display: block;
padding:4px 15px 4px 43px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon01.png) 10px 5px no-repeat;
background-size:29px 19px;
color:#000000;
border:1px solid #000000;
font-size:14px;
font-weight:400;
float:left;
line-height:1.6;
}
#events_info #mark .art_ev {
display: block;
padding:4px 15px 4px 38px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon02.png) 10px 5px no-repeat;
background-size:25px 21px;
color:#000000;
border:1px solid #000000;
font-size:14px;
font-weight:400;
float:left;
line-height:1.6;
}
#events_info #mark .exhibition_ev {
display: block;
padding:4px 15px 4px 35px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon03.png) 10px 5px no-repeat;
background-size:22px 21px;
color:#000000;
border:1px solid #000000;
font-size:14px;
font-weight:400;
float:left;
line-height:1.6;
}
#events_info #mark .sports_ev {
display: block;
padding:4px 15px 4px 45px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon04.png) 10px 5px no-repeat;
background-size:32px 21px;
color:#000000;
border:1px solid #000000;
font-size:14px;
font-weight:400;
float:left;
line-height:1.6;
}
#events_info #mark .others_ev {
display: block;
padding:4px 13px 4px 32px;
margin:6px 10px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon05.png) 10px 4px no-repeat;
background-size:19px 21px;
color:#000000;
border:1px solid #000000;
font-size:14px;
font-weight:400;
float:left;
line-height:1.6;
}
#events_info h3{
width:70%;
margin:0 auto;
padding:12px 10px;
border-bottom:1px solid #999999;
color: #000000;
font-weight:400;
font-size:14px;
}
@media screen and (min-width:737px) and (max-width:834px) {
.title_events01{
margin:0;
color: #00B95D;
font-size:14px;
font-weight:800;
position:absolute;
top:-40px;
left:0;
}
.title_events02{
margin:45px 0 0 0;
color: #000000;
font-size:20px;
font-weight:400;
text-align:center;
}
#title_matsuri{
width: 100%;
margin:40px 0 20px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon01.png) center 13px no-repeat;
}
#title_matsuri{
width: 100%;
margin:40px 0 20px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon01.png) center 13px no-repeat;
}
#title_art{
width: 100%;
margin:40px 0 20px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon02.png) center 13px no-repeat;
}
#title_tenji{
width: 100%;
margin:40px 0 20px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon03.png) center 13px no-repeat;
}
#title_sports_ev{
width: 100%;
margin:40px 0 20px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon04.png) center 13px no-repeat;
}
#title_etc{
width: 100%;
margin:40px 0 20px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon05.png) center 13px no-repeat;
}
}
@media screen and (max-width: 736px) {
.title_events01{
margin:0;
color: #00B95D;
font-size:14px;
font-weight:800;
position:absolute;
top:-30px;
left:0;
}
.title_events02{
margin:32px 0 0 0;
color: #000000;
font-size:16px;
font-weight:400;
text-align:center;
}
#title_matsuri{
width: 100%;
margin:40px 0 20px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon01.png) center 13px no-repeat;
background-size:40px 28px;
}
#title_art{
width: 100%;
margin:40px 0 40px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon02.png) center 13px no-repeat;
background-size:33px 28px;
}
#title_tenji{
width: 100%;
margin:40px 0 40px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon03.png) center 13px no-repeat;
background-size:29px 28px;
}
#title_sports_ev{
width: 100%;
margin:40px 0 40px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon04.png) center 13px no-repeat;
background-size:42px 28px;
}
#title_etc{
width: 100%;
margin:40px 0 20px 0;
padding:10px 0 5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../events/img/icon05.png) center 8px no-repeat;
background-size:27px 30px;
}
#events_eng{
width:95%;
margin:0 0 10px 10px;
font-size:12px;
font-weight:600;
line-height:1.6;
color: #00B95D;
text-align:right;
}
#events_info{
width:98%;
margin:30px auto;
padding:20px 0 40px 0;
background-color:#F3F2EF;
}
#events_info h1{
font-size:18px;
font-weight:600;
color:#000000;
margin:0 auto;
text-align:center;
}
#events_info #mark{
padding:0;
display: table;
margin:10px auto 30px auto;
}
#events_info #mark .areaicon {
display: block;
padding:4px 15px 6px 30px;
margin:6px 15px 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon_map.png) 10px 5px no-repeat;
background-size:13px 19px;
color:#00B95D;
border:1px solid #00B95D;
font-size:14px;
font-weight:400;
float:left;
line-height:1.5;
}
#events_info #mark .others_ev {
display: block;
padding:4px 15px 5px 40px;
margin:6px 0 0 0;
border-radius: 20px;/* CSS3 */  
-webkit-border-radius: 20px;/* Safari,Google Chrome*/  
-moz-border-radius: 20px;/* Firefox */ 
background:url(../events/img/icon05.png) 15px 5px no-repeat;
background-size:19px 21px;
color:#000000;
border:1px solid #000000;
font-size:14px;
font-weight:400;
float:left;
line-height:1.6;
}
#events_info h3{
width:90%;
margin:0 auto;
padding:12px 10px;
border-bottom:1px solid #999999;
color: #000000;
font-size:12px;
font-weight:300;
}
}



/*information__________________________*/
#information_box{
width:90%;
margin:0 auto;
padding:0;
}
#information_box img{
margin:5px 15px 0 15px;
float:right;
}
#information_box h1{
font-size:24px;
font-weight:400;
margin:0 0 15px 0;
padding:40px 0 0 0;
color:#1294BB;
border-bottom:1px solid #1294BB;
clear:both;
display:block;
}
#information_box h2{
font-size:20px;
font-weight:500;
margin:10px 0 0 0;
color:#000000;
clear:both;
}
#information_box h3{
font-size:20px;
font-weight:500;
margin:20px 0 0 0;
padding:10px 0 0 0;
color:#000000;
border-top:1px solid #CCC;
}
#information_box h4{
font-size:16px;
font-weight:500;
margin:20px 0 0 0;
padding:10px 0 0 0;
color:#000000;
}
#information_box a{text-decoration:none; color: #E50012;}
#information_box a:hover{text-decoration:underline; color: #E50012;}

#information_box .transportation{
margin:20px 0 0 0;
padding:10px 20px;
display:block;
float:left;
}

#information_box{
width:90%;
margin:0 auto;
padding:0;
}
#information_box img{
margin:5px 15px 0 15px;
float:right;
}
#information_box h1{
font-size:24px;
font-weight:400;
margin:0 0 15px 0;
padding:40px 0 0 0;
color:#1294BB;
border-bottom:1px solid #1294BB;
clear:both;
display:block;
}
#information_box h2{
font-size:20px;
font-weight:500;
margin:10px 0 0 0;
color:#000000;
clear:both;
}
#information_box h3{
font-size:20px;
font-weight:500;
margin:20px 0 0 0;
padding:10px 0 0 0;
color:#000000;
border-top:1px solid #CCC;
}
#information_box h4{
font-size:16px;
font-weight:500;
margin:20px 0 0 0;
padding:10px 0 0 0;
color:#000000;
}
#information_box a{text-decoration:none; color: #E50012;}
#information_box a:hover{text-decoration:underline; color: #E50012;}

#information_box .transportation{
margin:20px 0 0 0;
padding:10px 20px;
display:block;
float:left;
}
@media screen and (max-width: 736px) {
/*information__________________________*/
#information_box{
width:90%;
margin:0 auto;
padding:0;
font-size:12px;
}
#information_box img{
margin:5px 15px 0 0;
float:none;
width:100%
}
#information_box h1{
font-size:16px;
font-weight:400;
margin:0 0 15px 0;
padding:40px 0 0 0;
color:#1294BB;
border-bottom:1px solid #1294BB;
clear:both;
display:block;
}
#information_box h2{
font-size:16px;
font-weight:500;
margin:10px 0 0 0;
color:#000000;
clear:both;
}
#information_box h3{
font-size:16px;
font-weight:500;
margin:20px 0 0 0;
padding:10px 0 0 0;
color:#000000;
border-top:1px solid #CCC;
}
#information_box h4{
font-size:16px;
font-weight:500;
margin:20px 0 0 0;
padding:10px 0 0 0;
color:#000000;
}
#information_box a{text-decoration:none; color: #E50012;}
#information_box a:hover{text-decoration:underline; color: #E50012;}

#information_box .transportation{
margin:10px 0 0 0;
padding:10px 20px;
display:block;
float:left;
}

}


table.tbl02 a {color:#0D273E; text-decoration:none;}
table.tbl02 a:hover {color:#66CCCC; text-decoration:underline;}

table.tbl02{
width:920px;
border-collapse:collapse;
border-spacing: 0px;
border:#D4D1CD solid 4px;
font-size: 14px;
color: #333333;
line-height: 2.0;
margin:40px auto 20px auto;
}
table.tbl02 th {
width:auto;
font-weight: normal;
white-space: nowrap;
border:#D4D1CD solid 1px;
background-color:#E8E6E3;
padding: 7px 12px 0 12px ;
text-align:left;
vertical-align: top;
}
table.tbl02 td {
border:#D4D1CD solid 1px;
padding: 7px 12px;
vertical-align: top;
}
#table_note{
width:720px;
margin:0 auto 40px auto;
padding:5px;
font-size:13px;
}

@media screen and (max-width: 736px) {
table.tbl02{
width:98%;
border-collapse:collapse;
border-spacing: 0px;
border:#D4D1CD solid 4px;
font-size: 12px;
color: #333333;
line-height: 2.0;
margin:5px auto;
}
table.tbl02 th {
width:30%;
font-weight: normal;
white-space: nowrap;
border:#D4D1CD solid 1px;
background-color:#E8E6E3;
padding: 7px 12px 0 12px ;
text-align:left;
vertical-align: top;
}
table.tbl02 td {
border:#D4D1CD solid 1px;
padding: 7px 12px;
vertical-align: top;
}
}
#kitchenPage_box{
width: 238px;
height:auto;
margin:0 3px 10px 3px;
padding:13px;
display: inline-block;
vertical-align:top;
border:#000000 1px solid;
}
#kitchenPage_box:hover{
border:#FF6600 1px solid;
color:#FF6600;
}
#kitchenPage_box h1{
font-size: 16px;
font-weight: 500;
color: #FF6600;
margin: 5px 0 5px 0;
}

.kitchenPage_copy{
width:1050px;
margin:30px auto 40px auto;
font-size:18px;
font-weight:300;
line-height:1.4;
text-align:left;
}
#kitchen_ranking_bg{
width:100%;
margin:0;
background:#FFC299;
}
.kitchen_mark{
width:70px;
margin:30px 7px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#FF6600;
color:#FFFFFF;
text-align:center;
font-size:12px;
line-height:1.8;
font-weight:400;
}
#kitchen_eng{
margin:0 0 0 1px;
font-size:14px;
font-weight:700;
line-height:1.6;
color: #FF6600;
display: inline-block;
vertical-align:top;
}
#kitchenreport_title{
width: 100%;
margin:40px 0 10px 0;
padding:30px 0 30px 70px;
font-size:30px;
font-weight:300;
text-align:left;
line-height:1.1;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background:url(../kitchen/img/title_cook.gif) 15px center no-repeat;
background-size:35px 72px;
box-sizing:border-box;
}
#kitchen_chef{
width: 100%;
margin:30px auto 5px auto;
padding:10px;
box-sizing:border-box;
overflow:hidden;
}
#kitchen_comments{
width: 100%;
margin:5px auto;
padding:10px;
box-sizing:border-box;
overflow:hidden;
}
#kitchen_chef img{
width:95px;
float:left;
margin:0;
}
#kitchen_comments img{
width:95px;
float:right;
margin:0;
}
#kitchen_chef h1{
font-size:20px;
font-weight:600;
}
.kitchenballoon-left {
width:535px;
position: relative;
display: inline-block;
margin: 0 0 0 30px;
padding: 10px 20px;
min-width: 120px;
max-width: 100%;
font-size: 14px;
background: #FFC299;
border-radius: 10px;
float:left;
}
.kitchenballoon-left:before{
content: "";
position: absolute;
top: 30px;
left: -30px;
margin-top: -15px;
border: 6px solid transparent;
border-right: 24px solid #FFC299;
float:left;
}
.kitchenballoon-left p {
margin: 0;
padding: 0;
float:left;
}
.kitchenballoon-right {
width:535px;
position: relative;
display: inline-block;
margin: 0 30px 0 0;
padding: 10px 18px;
min-width: 120px;
max-width: 100%;
font-size: 14px;
background: #F3E6E1;
border-radius: 10px;
}
.kitchenballoon-right:before{
content: "";
position: absolute;
top: 30px;
left: 100%;
margin-top: -15px;
border: 6px solid transparent;
border-left: 24px solid #F3E6E1;
}
.kitchenballoon-right p {
margin: 0;
padding: 0;
}
#kitchen_stayat{
width: 100%;
margin:30px auto;
padding:10px;
border:#FF6600 1px solid;
box-sizing:border-box;
overflow:hidden;
}
#kitchen_stayat h1{
font-size:20px;
margin:0 0 20px 0;
font-weight:600;
color:#FF6600;
text-align:center;
}
#kitchen_stayat img{
float:left;
margin:0 13px 0 0;
}
@media screen and (min-width:737px) and (max-width:834px) {
#kitchen_title img{
width: 100%;
margin: 0 auto;
}

#kitchenPage_box{
width: 32%;
height:auto;
margin:0 0.3% 10px 0.7%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#000000 1px solid;
font-size:12px;
box-sizing:border-box;
}
#kitchenPage_box:hover{
border:#FF6600 1px solid;
color:#FF6600;
}
#kitchenPage_box img{
width: 100%;
margin: 0 auto;
}
.kitchenPage_copy{
width:95%;
margin:10px auto 20px auto;
font-size:14px;
font-weight:300;
line-height:1.4;
text-align:left;
}
#kitchenreport_title{
width: 100%;
margin:40px 0 10px 0;
padding:30px 0 30px 70px;
font-size:20px;
font-weight:300;
text-align:left;
line-height:1.1;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background:url(../kitchen/img/title_cook.gif) 15px center no-repeat;
background-size:35px 72px;
box-sizing:border-box;
}
.kitchen_mark{
width:90px;
margin:28px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#FF6600;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#kitchen_eng{
margin:0 0 0 10px;
font-size:14px;
font-weight:700;
line-height:1.6;
color: #FF6600;
display: inline-block;
vertical-align:top;
}
#kitchen_chef{
width: 720px;
margin:30px auto 5px auto;
padding:10px;
box-sizing:border-box;
overflow:hidden;
}
#kitchen_comments{
width: 720px;
margin:5px auto;
padding:10px;
box-sizing:border-box;
overflow:hidden;
}
#kitchen_chef img{
width:95px;
float:left;
margin:0;
}
#kitchen_comments img{
width:95px;
float:right;
margin:0;
}
#kitchen_chef h1{
font-size:20px;
font-weight:600;
}
.kitchenballoon-left {
width:535px;
position: relative;
display: inline-block;
margin: 0 0 0 30px;
padding: 10px 20px;
min-width: 120px;
max-width: 100%;
font-size: 14px;
background: #FFC299;
border-radius: 10px;
float:left;
}
.kitchenballoon-left:before{
content: "";
position: absolute;
top: 30px;
left: -30px;
margin-top: -15px;
border: 6px solid transparent;
border-right: 24px solid #FFC299;
float:left;
}
.kitchenballoon-left p {
margin: 0;
padding: 0;
float:left;
}
.kitchenballoon-right {
width:535px;
position: relative;
display: inline-block;
margin: 0 30px 0 0;
padding: 10px 18px;
min-width: 120px;
max-width: 100%;
font-size: 14px;
background: #F3E6E1;
border-radius: 10px;
}

.kitchenballoon-right:before{
content: "";
position: absolute;
top: 30px;
left: 100%;
margin-top: -15px;
border: 6px solid transparent;
border-left: 24px solid #F3E6E1;
}
.kitchenballoon-right p {
margin: 0;
padding: 0;
}
#kitchen_stayat{
width: 100%;
margin:30px auto;
padding:10px;
border:#FF6600 1px solid;
box-sizing:border-box;
overflow:hidden;
}
#kitchen_stayat h1{
font-size:20px;
margin:0 0 20px 0;
font-weight:600;
color:#FF6600;
text-align:center;
}
#kitchen_stayat img{
float:left;
margin:0 13px 0 0;
}
}
@media screen and (max-width: 736px) {
#kitchen_title img{
width: 100%;
margin: 0 auto;
}
#kitchenPage_box{
width: 46%;
height:auto;
margin:0 0.4% 10px 0.7%;
padding:4px;
float:left;
border:#000000 1px solid;
font-size:14px;
font-weight:400;
}
#kitchenPage_box:hover{
border:#FF6600 1px solid;
color:#FF6600;
}
#kitchenPage_box img{
width: 100%;
margin: 0 auto;
}
.kitchenPage_copy{
width:95%;
margin:10px auto 20px auto;
font-size:14px;
font-weight:300;
line-height:1.4;
text-align:left;
}
#kitchenreport_title{
width: 100%;
margin:40px 0 10px 0;
padding:30px 0 30px 70px;
font-size:20px;
font-weight:300;
text-align:left;
line-height:1.1;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background:url(../kitchen/img/title_cook.gif) 15px center no-repeat;
background-size:35px 72px;
box-sizing:border-box;
}
.kitchen_mark{
width:90px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#FF6600;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
#kitchen_eng{
width:95%;
margin:0 0 10px 10px;
font-size:12px;
font-weight:700;
line-height:1.6;
color: #FF6600;
text-align:right;
}
#kitchen_chef{
width: 100%;
margin:30px auto 5px auto;
padding:10px;
box-sizing:border-box;
overflow:hidden;
}
#kitchen_chef img{
width:95px;
float:none;
margin:0;
}
#kitchen_comments img{
width:95px;
float:none;
margin:0;
}
#kitchen_chef h1{
font-size:16px;
font-weight:600;
}
#kitchen_comments{
width: 100%;
margin:5px auto;
padding:10px;
box-sizing:border-box;
overflow:hidden;
}
.kitchenballoon-left {
width: 100%;
position: relative;
display: inline-block;
margin: 20px auto 0 auto;
padding: 10px 20px;
min-width: 120px;
max-width: 100%;
font-size: 12px;
background: #FFC299;
box-sizing:border-box;
}
.kitchenballoon-left:before{
content: "";
position: absolute;
top: -10px;
left: 35px;
margin-left: -15px;
border: 6px solid transparent;
border-bottom: 24px solid #FFC299;
}
.kitchenballoon-left p {
margin: 0;
padding: 0;
}
.kitchenballoon-right {
width: 100%;
position: relative;
display: inline-block;
margin: 20px auto;
padding: 10px 20px;
min-width: 120px;
max-width: 100%;
font-size: 12px;
background: #F3E6E1;
box-sizing:border-box;
}
.kitchenballoon-right:before{
content: "";
position: absolute;
top: -10px;
left: 35px;
margin-left: -15px;
border: 6px solid transparent;
border-bottom: 24px solid #F3E6E1;
}
.kitchenballoon-right p {
margin: 0;
padding: 0;
}
#kitchen_stayat{
width: 100%;
margin:30px auto;
padding:10px;
border:#FF6600 1px solid;
box-sizing:border-box;
overflow:hidden;
text-align:center;
}
#kitchen_stayat h1{
font-size:18px;
margin:0 0 20px 0;
font-weight:600;
color:#FF6600;
text-align:center;
}
#kitchen_stayat img{
float:none;
margin:0 auto 10px auto;
}
#kitchen_stayat div{
text-align:left;
font-size:12px;
}
}
/*関連記事__________________*/
.yarpp-thumbnails-horizontal {
margin:0;
}
.yarpp-thumbnails-horizontal img{
width:100%;
max-height:100px;
object-fit: cover;
}
.yarpp-thumbnails-horizontal span{
font-size:13px;
}
@media screen and (max-width: 736px) {
.yarpp-thumbnails-horizontal img{
width:100%;
max-height:50px;
object-fit: cover;
}
.yarpp-thumbnails-horizontal span{
font-size:10px;
}
}
/*本文中youtube__________________*/
.VideoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.VideoWrapper iframe {
    position: absolute;
    top: 60px;
    left: 40px;
    width: 80%;
    height: 80%;
}
@media screen and (max-width: 736px) {
.VideoWrapper iframe {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100%;
}}


/*Pagenation__________________*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
	display: inline-block;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #E50012;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
div.pgcenter {text-align: center;}

@media screen and (max-width: 736px) {
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 5px 10px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
}

/*お問い合わせフォーム__________________*/
#contactus_box{
width:70%;
margin:0 auto;
padding:0;
font-size:20px;
}
#contactus_box h2{
font-size:16px;
font-weight:400;
margin:0 0 30px 0;
padding:40px 0 0 0;
color:#1294BB;
border-bottom:1px solid #1294BB;
clear:both;
display:block;
}
#contactus_box input[type="text"],
#contactus_box input[type="email"],
#contactus_box input[type="tel"],
#contactus_box input[type="url"],
textarea {
padding: 0.6em;
outline: none;
border: 1px solid #DDD;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
margin:0 0 10px 0;
}
textarea {
width: 300px;
}
#contactus_box input[type="text"]:focus,
#contactus_box input[type="email"]:focus,
#contactus_box input[type="tel"]:focus,
#contactus_box input[type="url"]:focus,
texture:focus {
box-shadow: 0 0 7px #3498db;
border: 1px solid #3498db;
}
#contactus_box input[type="submit"] {
border-radius: 0;   
background: -moz-linear-gradient(top, #FFF 0%, #EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border: 1px solid #DDD;
color: #111;
padding: 10px 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#contactus_box input[type="submit"]:hover {
background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

/*お問い合わせフォーム__________________*/
@media screen and (max-width: 736px) {
#contactus_box{
width:98%;
margin:0 auto;
padding:0;
}
#contactus_box h2{
font-size:16px;
font-weight:400;
margin:0 0 30px 0;
padding:40px 0 0 0;
color:#1294BB;
border-bottom:1px solid #1294BB;
clear:both;
display:block;
}
#contactus_box input[type="text"],
#contactus_box input[type="email"],
#contactus_box input[type="tel"],
#contactus_box input[type="url"],
textarea {
padding: 0.4em;
outline: none;
border: 1px solid #DDD;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
margin:0 0 10px 0;
width: 300px;
}
textarea {
width: 300px;
}
#contactus_box input[type="text"]:focus,
#contactus_box input[type="email"]:focus,
#contactus_box input[type="tel"]:focus,
#contactus_box input[type="url"]:focus,
texture:focus {
box-shadow: 0 0 7px #3498db;
border: 1px solid #3498db;
}

#contactus_box input.submit {
border-radius: 0;   
background: -moz-linear-gradient(top, #FFF 0%, #EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border: 1px solid #DDD;
color: #111;
padding: 10px 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#contactus_box input.submit:hover {
background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}
}
/*お問い合わせフォーム__________________*/

#searchPage_box{
width: 1000px;
margin:6px auto;
padding:20px;
border-bottom:1px solid #E5E5E5;
overflow:hidden;
}
#searchPage_box:hover{
color:#666;
}
#searchPage_box figure{
width:133px;
height:86px;
margin:0 30px 0 0;
padding:0;
overflow:hidden;
float:left;
}
#searchPage_box figure img{
width:100%;
height:auto;
}
#searchPage_box h1{
margin:0 0 5px 0;
font-size:18px;
font-weight:400;
line-height:1.1;
}
#searchPage_box h2{
margin:0;
font-size:14px;
font-weight:400;
line-height:1.6;
}
@media screen and (min-width:737px) and (max-width:834px) {
#searchPage_box{
width: 90%;
margin:6px auto;
padding:20px;
border-bottom:1px solid #E5E5E5;
overflow:hidden;
box-sizing:border-box;
}
#searchPage_box img{
margin:0 30px 0 0;
padding:0;
float:left;
}
#searchPage_box h2{
margin:0;
font-size:12px;
font-weight:400;
line-height:1.6;
}
}
@media screen and (max-width: 736px) {
#searchPage_box{
width: 49%;
height:auto;
margin:0 0.25% 10px 0.25%;
padding:0 0 10px 0;
border-bottom:none;
overflow:hidden;
display: inline-block;
vertical-align:top;
box-sizing:border-box;
}
#searchPage_box figure{
width:100%;
height:130px;
margin:0 0 5px 0;
padding:0;
overflow:hidden;
float:none;
}
#searchPage_box figure img{
width:100%;
height:auto;
}
#searchPage_box h1{
clear:both;
margin:0;
font-size:14px;
font-weight:400;
line-height:1.1;
float:none;
}
#searchPage_box h2{
margin:0;
font-size:14px;
font-weight:400;
line-height:1.6;
display:none;
}
}
/*recipe*/
#report_recipe{
width:100%;
margin:0;
}
#report_recipe img{
width:340px;
height:auto;
margin:0 0 0 10px;
float:left;
}
#report_recipe .ingredients{
width:300px;
height:auto;
margin:0 0 20px 0;
padding: 0 20px 0 35px;
box-sizing:border-box;
float:left;
font-size:12px;
}
#report_recipe h1{
font-size:20px;
margin:0 0 15px 5px;
font-weight:600;
color:#FDA001;
}
#report_recipe .ingredients h2{
font-size:16px;
margin:10px 0 0 0;
font-weight:500;
}
#report_recipe #directions{
width:230px;
height:auto;
margin:0 4px 10px 3px;
padding:0 0 12px 0;
box-sizing:border-box;
display: inline-block;
vertical-align:top;
background-color:#FEE2B2;
}
#report_recipe #directions img{
width:210px;
height:auto;
margin:10px;
}
#report_recipe #directions .number{
width:25px;
height:25px;
height:auto;
margin:0;
background-color:#FDA001;
color:#FFF;
text-align:center;
float:left;
line-height:1.7;
}
#report_recipe #directions .number_recipe{
width:205px;
margin:0;
padding:0 10px;
float:left;
box-sizing:border-box;
font-size:12px;
}
#report_tips{
width: 100%;
margin:30px auto;
padding:10px 20px;
border:#FDA001 1px solid;
box-sizing:border-box;
overflow:hidden;
}
#report_tips h1{
font-size:20px;
margin:0 0 10px 0;
font-weight:500;
color:#FDA001;
}
#title_recipe{
width: 100%;
margin:40px 0 40px 0;
padding:15px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon10c.gif) center 20px no-repeat;
}
.culture_recipe{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#FDA001;
display: inline-block;
vertical-align:bottom;
}
#recipePage_box{
width: 238px;
margin:0 0.3% 10px 0.7%;
padding:13px;
display: inline-block;
vertical-align:top;
border:#FDA001 1px solid;
}
#recipePage_box:hover{
color:#FDA001;
border:#000000 1px solid;
}
#recipePage_box h1{
width: 238px;
font-size:16px;
font-weight:500;
color:#FDA001;
margin:5px 0 10px 0;
}
#culturePage_box .icon10{
width: 54px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon10.gif) left bottom no-repeat;
background-size:54px 54px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon11{
width: 78px;
height:55px;
margin:4px auto 10px auto;
background:url(../culture/img/icon11.gif) left bottom no-repeat;
background-size:78px 52px;
overflow:hidden;
text-indent:-9999px;
}
@media screen and (min-width:737px) and (max-width:834px) {
#report_recipe #directions{
width: 32%;
height:auto;
margin:0 0 10px 0.4%;
padding:5px;
display: inline-block;
vertical-align:top;
font-size:12px;
box-sizing:border-box;
}
#report_recipe #directions img{
margin:2px auto 5px auto;
width:100%;
}
#report_recipe #directions .number_recipe{
width:88%;
margin:0;
padding:0 10px;
float:left;
box-sizing:border-box;
font-size:12px;
}
#title_recipe{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon10c.gif) center 20px no-repeat;
}
.culture_recipe{
width:80px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#FDA001;
display: inline-block;
vertical-align:bottom;
}
#recipePage_box{
width: 32%;
height:auto;
margin:0 0.3% 10px 0.7%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#FDA001 1px solid;
font-size:12px;
box-sizing:border-box;
}
#recipePage_box figure{
width:100%;
margin:0 0 5px 0;
padding:0;
overflow:hidden;
float:none;
}
#recipePage_box figure img{
width:100%;
height:auto;
}
#recipePage_box h1{
width: auto;
font-size:14px;
font-weight:400;
color:#FDA001;
margin:5px 0 10px 0;
}
}
@media screen and (max-width: 736px) {
#report_recipe img{
max-width:100%;
height:auto;
margin:20px auto;
float:none;
display:block;
}
#report_recipe .ingredients{
width:100%;
height:auto;
margin:0 0 20px 0;
padding: 0 10px;
box-sizing:border-box;
float:none;
font-size:12px;
}
#report_recipe h1{
font-size:20px;
margin:0; 
font-weight:600;
color:#FDA001;
}
#report_recipe .ingredients h2{
font-size:16px;
margin:10px 0 0 0;
font-weight:500;
}
#report_recipe #directions{
width: 48%;
height:auto;
margin:0 0.4% 10px 0.8%;
padding:5px;
display: inline-block;
vertical-align:top;
font-size:12px;
box-sizing:border-box;
}
#report_recipe #directions img{
margin:2px auto 5px auto;
width:100%;
}
#report_recipe #directions .number{
width:25px;
height:25px;
height:auto;
margin:0 0 5px 0;
background-color:#FDA001;
color:#FFF;
text-align:center;
float:left;
line-height:1.7;
}
#report_recipe #directions .number_recipe{
width:98%;
margin:0;
padding:0;
float:left;
box-sizing:border-box;
font-size:12px;
}
#title_recipe{
width: 100%;
margin:40px 0 10px 0;
padding:5px 0;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
background:url(../culture/img/icon10c.gif) center 10px no-repeat;
}
.culture_recipen{
width:80px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#FDA001;
display: inline-block;
vertical-align:bottom;
}
#recipePage_box{
width: 48.6%;
height:auto;
margin:0 0.25% 10px 0.25%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#FDA001 1px solid;
font-size:12px;
box-sizing:border-box;
}
#recipePage_box img{
width:100%;
margin:0; 
}
#recipePage_box h1{
width: auto;
font-size:14px;
font-weight:400;
color:#FDA001;
margin:5px 0 10px 0;
}
#culturePage_box .icon10{
width: 35px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon10.gif) left bottom no-repeat;
background-size:34px 34px;
overflow:hidden;
text-indent:-9999px;
}
#culturePage_box .icon11{
width: 53px;
height:35px;
margin:1px auto 5px auto;
background:url(../culture/img/icon11.gif) left bottom no-repeat;
background-size:53px 35px;
overflow:hidden;
text-indent:-9999px;
}
}
/*温泉特集
________________________________________________*/
#onsenPage_box{
width: 238px;
height:auto;
margin:0 3px 10px 3px;
padding:13px;
display: inline-block;
vertical-align:top;
border:#90564D 1px solid;
}
#onsenPage_box h1{
font-size:16px;
font-weight:500;
color:#90564D;
margin:5px 0 10px 0;
}
#onsenPage_box:hover{
color:#90564D;
border:#000000 1px solid;
}
.onsenPage_EnTitle01{
margin:0;
color: #90564D;
font-size:14px;
font-weight:800;
position:absolute;
top:-40px;
left:0;
}
.onsenPage_EnTitle02{
margin:3px 0 0 0;
color: #90564D;
font-size:14px;
font-weight:700;
text-align:center;
}
#onsen_eng{
margin:0 0 0 5px;
font-size:12px;
font-weight:600;
line-height:1.6;
color: #90564D;
display: inline-block;
vertical-align:top;
}
.onsenicon{
width:80px;
height:20px;
margin:0 15px 0 0;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#90564D;
display: inline-block;
vertical-align:bottom;
}
#onsen_osusume_bg{
width:100%;
margin:0;
background:#D8C4C1;
}
#right_menu .onsen_mark{
width:70px;
margin:30px 7px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#90564D;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:300;
}
#aside_ranking .onsen_mark{
width:110px;
margin:30px 10px 0 0;
padding:5px 2px;
display: inline-block;
vertical-align:top;
background-color:#90564D;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:400;
}
.onsen47{
width: 100%;
padding:15px 0 0 20px;
margin:0 0 20px 0;
color:#90564D;
box-sizing:border-box;
font-size:26px;
font-weight:300;
}
@media screen and (min-width:737px) and (max-width:834px) {
#aside_ranking .onsen_mark{
width:110px;
margin:0 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#90564D;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:400;
}
#onsenPage_box{
width: 32%;
height:auto;
margin:0 0.3% 10px 0.7%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#90564D 1px solid;
font-size:12px;
box-sizing:border-box;
}
#onsenPage_box:hover{
color:#90564D;
border:#000000 1px solid;
}
#onsenPage_box img{
margin:0 0 5px 0; 
width:100%;
}
#onsenPage_box h1{
width: 238px;
font-size:14px;
font-weight:500;
color:#90564D;
margin:5px 0;
}
}
@media screen and (max-width: 736px) {
.onsen47{
width: 100%;
padding:15px 0 0 10px;
margin:0 0 20px 0;
color:#90564D;
box-sizing:border-box;
font-size:16px;
font-weight:400;
}
#aside_ranking .onsen_mark{
width:110px;
margin:10px 10px 0 0;
padding:5px 2px;
display: inline-block;
vertical-align:top;
background-color:#90564D;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:400;
}
#onsenPage_box{
width: 48.6%;
height:auto;
margin:0 0.25% 10px 0.25%;
padding:5px;
display: inline-block;
vertical-align:top;
border:#90564D 1px solid;
font-size:12px;
box-sizing:border-box;
}
#onsenPage_box img{
width:100%;
margin:0 0 1px 0; 
}
#onsenPage_box h1{
width: auto;
font-size:14px;
font-weight:400;
color:#90564D;
margin:5px 0;
}
}
/*コラム
________________________________________________*/
#columnreport_title {
width: 100%;
margin: 40px 0 10px 0;
padding: 30px 110px 30px 10px;
font-size: 30px;
font-weight: 300;
text-align: left;
line-height: 1.1;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background: url(../img/sandwich.jpg) right center no-repeat;
background-size: 98px 70px;
box-sizing: border-box;
}
@media screen and (max-width: 834px) {
#columnreport_title {
width: 100%;
margin: 40px 0 10px 0;
padding: 30px 110px 30px 10px;
font-size: 20px;
font-weight: 300;
text-align: left;
line-height: 1.1;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background: url(../img/sandwich.jpg) right center no-repeat;
background-size: 98px 70px;
box-sizing: border-box;
}
}
#column_eng{
margin:0 0 0 10px;
font-size:14px;
font-weight:800;
line-height:1.6;
color: #00CC99;
display: inline-block;
vertical-align:top;
}
#right_menu .column_mark{
width:90px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#00CC99;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:300;
}
.columnPage_EnTitle{
margin:0;
color: #00CC99;
font-size:12px;
font-weight:800;
text-align:center;
}
#column_writer{
width: 100%;
margin:30px auto;
padding:20px;
box-sizing:border-box;
overflow:hidden;
background-color:#E2E2E2;
}
#column_writer h1{
font-size:18px;
margin:0 0 16px 0;
padding:0 10px;
font-weight:500;
color:#000000;
border-bottom:#000 1px solid;
display:inline;
}
#column_writer > div{
margin:15px 0 0 0;
}
#column_writer h1 span{
font-size:12px;
margin:0 10px 0 0;
}
#column_writer img{
float:left;
margin:0 13px 0 0;
}
.columnicon {
width: 80px;
height: 20px;
margin: 0 15px 0 0;
text-align: center;
font-size: 12px;
color: #FFFFFF;
background: #00CC99;
display: inline-block;
vertical-align: bottom;
}
@media screen and (max-width: 736px) {
#column_eng{
width:95%;
margin:0 0 10px 10px;
font-size:12px;
font-weight:600;
line-height:1.6;
color: #00CC99;
text-align:right;
}
#right_menu .column_mark{
width:80px;
margin:30px 10px 0 0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#00CC99;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:300;
}
#column_writer{
width: 98%;
margin:30px auto;
padding:20px;
box-sizing:border-box;
overflow:hidden;
background-color:#E2E2E2;
}
#column_writer h1{
font-size:16px;
margin:0 0 16px 0;
padding:0 10px;
font-weight:500;
color:#000000;
border-bottom:#000 1px solid;
display:inline;
}
#column_writer > div{
margin:15px 0 0 0;
font-size:12px;
}
#column_writer h1 span{
font-size:12px;
margin:0 10px 0 0;
}
#column_writer img{
float:left;
margin:0 13px 0 0;
}
.columnicon{
width:55px;
height:17px;
margin:0 15px 0 0;
text-align:center;
font-size:10px;
color:#FFFFFF;
background:#00CC99;
display: inline-block;
vertical-align:bottom;
}
}
.news_day{
font-size: 12px;
	color: #AAAAAA;
}
/*ライター部分
________________________________________________*/
.writerBox{
width: 100%;
margin:20px auto;
padding:25px;
box-sizing:border-box;
background-color:#F4F4F4;
display:flex;
justify-content: space-between;
align-items: flex-start;
}
.writerBox > figure{
position: relative;
width: 18% !important;
margin: 0 3% 0 0;
}
.writerBox > figure:before{
content: "";
display: block;
padding-top: 100%;
}
.writerBox > figure img{
position: absolute;
width: 100% !important;
height: 100% !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto !important;
object-fit: cover !important;
}
.writerBox div{
flex: 1;
}
.writerBox div h2{
font-size:18px !important;
margin:0 0 10px 0 !important;
padding:0 10px !important;
font-weight:500 !important;
color:#000000;
border-bottom:#000 1px solid;
display: inline-block;
}
.writerBox div h2 span{
font-size:12px;
margin:0 10px 0 0;
}
@media screen and (max-width: 736px) {
.writerBox{
width: 98%;
margin:30px auto;
padding:15px;
align-items: flex-start;
}
.writerBox > figure{
position: relative;
width: 18%;
margin: 7px 3% 0 0;
}
.writerBox > figure img{
position: absolute !important;
width: 100% !important;
height: 100% !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
margin: auto !important;
object-fit: cover !important;
}
.writerBox > div{
font-size:12px;
}
.writerBox div h2{
font-size:16px !important;
padding:0 5px !important;
}
}
/*ブログカード
________________________________________________*/
a.tmt-blog-card {
  border: 1px solid #e1e1e1;
  display: flex;
  margin: 15px auto 0 auto;
  padding: 20px;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
  width: 98%;
  box-sizing: border-box;
  text-decoration: none !important;
  border-radius: 5px;
}
  a.tmt-blog-card::before {
    background-color: #000;
    color: #FFF;
    content: 'あわせて読みたい';
    font-size: 12px;
    display: block;
    padding: 4px 20px;
    position: absolute;
    top: -15px;
    left: 25px;
  }
  a.tmt-blog-card:hover {
    box-shadow: none;
    opacity: .8;
  }
.tmt-blog-card-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
  .tmt-blog-card-title {
    font-size: 18px;
    font-weight: 600;
    color: #E50012;
    padding-bottom: 5px;
    text-decoration: none !important;
  }
  .tmt-blog-card-thumbnail {
    flex: 1;
    margin-right: 15px;
    padding-top: 5px;
  }
.tmt-blog-card-thumbnail img {
width: 200px !important;
height: 100px !important;
margin: 0 !important;
object-fit: cover;
}
  .tmt-blog-card-content {
    flex: 2.5;
    text-decoration: none !important;
  }
  .tmt-blog-card-excerpt {
    color: #a4a4a4;
    font-size: 13px;
    padding-bottom: 15px;
  }
  .tmt-blog-card-site {
    color: #b2b2b2;
    font-size: 11px;
    padding-left: 5px;
  }
    .tmt-blog-card-site img {
      margin-right: 5px;
      vertical-align: bottom;
      width: 20px;
    }
@media (max-width: 980px) {
  .tmt-blog-card-excerpt {
    border: none;
  }
}
@media (max-width: 640px) {
.tmt-blog-card-box {
  display: block;
}
  a.tmt-blog-card {
    padding: 10px;
  }
  a.tmt-blog-card::before {
    font-size: 11px;
    padding: 2.5px 8px;
    top: -15px;
    left: 10px;
  }
  a.tmt-blog-card::after {
    font-size: 12px;
    padding: 2px 13px;
    right: 10px;
  }
  .tmt-blog-card-thumbnail {
    margin-right: 10px;
    padding-top: 10px;
  }
.tmt-blog-card-thumbnail img {
width: 80% !important;
height: auto !important;
margin: 0 auto !important;
}
.tmt-blog-card-title {
font-size: 14px;
margin: 10px 0 0 0;
}
}
/*20周年
________________________________________________*/
a.top_20th{
display: none;
}
@media screen and (max-width: 736px) {
a.top_20th{
width: 100%;
padding: 15px 0 0 0;
color: #E50012;
text-align: center;
font-size: 16px;
font-weight: 600;
display: block;
}
}
/* デジタルブック
----------------------------------------------------*/
.bookdata_area{
width: 100%;
margin: 0 auto;
display:flex;
flex-wrap: wrap;
}
.bookdata_Box{
width: 24%;
margin: 0 1.33% 12px 0;
padding: 10px 15px;
text-align: center;
font-size: 16px;
display:block;
border: 1px solid #e7e7e7;
box-sizing: border-box;
}
.bookdata_Box:nth-child(4n){
margin: 0 0 12px 0;
}
.bookdata_Box img{
width: 140px;
margin: 0 auto 10px;
display:block;
}
.bookdata_Box p{
margin: 10px auto 0;
padding: 15px;
color: #A09E9E;
text-align: left;
font-size: 12px;
background: #F8F9F8;
border-radius: 5px;
}
.mgn50{
margin: 40px 0 20px;
}
.no_book{
width: 96%;
margin: 0 auto;
}
@media screen and (max-width: 736px) {
.bookdata_area{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.bookdata_Box{
width: 49%;
margin: 0 0 12px 0;
font-size: 16px;
}
.bookdata_Box:nth-child(4n){
margin: 0 0 12px 0;
}
.bookdata_Box img{
width: 60%;
margin: 0 auto 10px;
display:block;
}
.bookdata_Box p{
font-size: 12px;
}
}

/* 都道府県アンカー
----------------------------------------------------*/
.prefLink_box{
width: 100%;
margin:20px 0 40px;
font-size: 16px;
display:flex;
justify-content: center;
align-items: center;
}
.prefLink_box a:link {color:#0058AF; text-decoration:none; margin:0 10px;}
.prefLink_box a:visited {color:#0058AF; text-decoration:none;}
.prefLink_box a:hover {color:#E50012; text-decoration:none;}
@media screen and (max-width: 736px) {
.prefLink_box{
font-size: 13px;
margin:20px 0;
}
.prefLink_box a:link {margin:0 5px;}
}

/* singleページのタグ
----------------------------------------------------*/
.single_tag{
width: 730px;
margin: 20px 0;
background: #FFF2F2;
padding: 20px 40px;
box-sizing: border-box;
}
.single_tag .fas{
margin: 0 20px 0 0;
}
.single_tag a:link{
color: #E50012 !important;
text-decoration: none !important;
}
.single_tag a:visited{
color: #E50012 !important;
}
.single_tag a:hover{
color: #000000 !important;
}
@media screen and (max-width: 736px) {
.single_tag{
width: 100%;
padding: 10px 20px;
}
}

/* トップ　アクセスランキング
----------------------------------------------------*/
.top_ranking{
width: 1100px;
margin:60px auto;
}
.top_ranking h3{
font-size:34px;
font-weight:600;
margin:0;
}
.top_rankingBox{
width: 100%;
display:flex;
justify-content:space-between;
}
.top_rankingBox .rankingBox{
width: 46%;
margin:20px auto 0;
}
@media screen and (max-width:834px) {
.top_ranking{
width: 98%;
margin:40px auto; 
}
.top_ranking h3{
font-size:30px;
font-weight:600;
margin:0;
}
.top_rankingBox{
width: 100%;
display:block;
}
.top_rankingBox .rankingBox{
width: 96%;
margin:20px auto 0;
}
section.top_ranking ul{
display:block !important;
}
}
@media screen and (max-width:736px) {
.top_ranking h3{
font-size:20px;
font-weight:600;
margin:0;
}
}
.top_rankingBox .rankingBox a:hover{text-decoration:none; color: #999999;}
.top_rankingBox .rankingBox .culture_mark{
width:90px;
margin:0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#30A6CC;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}
.top_rankingBox .rankingBox .travel_mark{
width:90px;
margin:0;
padding:3px;
display: inline-block;
vertical-align:top;
background-color:#0058AF;
color:#FFFFFF;
text-align:center;
font-size:14px;
font-weight:400;
}

/* もくじ
----------------------------------------------------*/
#ez-toc-container {
margin: 0 0 50px 0 !important;
padding: 20px !important;
box-sizing: border-box;
}
#ez-toc-container a:link{
text-decoration: none !important;
line-height: 2.0 !important;
}
#ez-toc-container a:visited {
color: #0064C8 !important;
}
#ez-toc-container a:hover{
color: #E50012 !important;
}
.ez-toc-title-container{
padding: 0 0 10px !important;
}
@media screen and (max-width:736px) {
#ez-toc-container ul{
display: block !important;
}
}