@charset "UTF-8";

body,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,
p,blockquote,
form,fieldset,
table,th,td,ul,ol,
img {
	margin: 0;
	padding: 0;
	border: none;
	letter-spacing: normal;
	list-style: none;
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}
img {vertical-align:top;}
html{height:100%;}
.center{ text-align:center; }
.hidden{ visibility:hidden;}
.clear{ clear:both; }

em {
	color:#ff0000;
	font-weight:bolder;
	font-style:normal;
}

em span {font-size:90%;}

hr{
	margin: 0;
	border: 0;
	height:1px;
	background: #aaa;
	clear:both;
}


*+html body,
* html body {
	font-size:86%;
	height:100%;
	text-decoration:none;
}

*:first-child+html {
	font-size:86%;
	height:100%;
}

a:focus, *:focus { outline:none; }
a {color:#0d90d3; text-decoration:none; outline:none;}
a:active {color:#526AA7;}
/*a:visited {color: #526AA7; text-decoration:none;}*/
a:hover {color:#0097E0; text-decoration:none;}
a img:hover {
opacity: 0.75;
filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=75);
filter: alpha(opacity=75);
}
input:focus { outline: none; }


/*---------------------------------------------
CleraFix
---------------------------------------------*/
.clfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clfix {
	min-height: 1px;
}
* html .clfix {
	height: 1px;/*\*//*/height: auto;  overflow: hidden;/**/
}



body {
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	font-family:'roboto',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: normal;
	min-width: 1080px;
}


.js-banner { display: none; }


.jackbnr { text-align: center; padding: 32px 0; }
.jackbnr a { display: block; position: relative; width: 960px; height: 160px; margin: 0 auto; }
.jackbnr a:hover::after { position: absolute; top: 0; left: 0; content: ""; width: 960px; height: 160px; background: #333; opacity: 0.35; filter: alpha(opacity=35); }
.jackbnr a:hover img { opacity: 1; filter: alpha(opacity=100); }
.jackbnr a img { width: 960px; height: 160px;} 


.txtbnr01 { padding: 24px 0; width: 1080px; min-width: 1080px; margin: 0 auto; font-size: 14px; }
.txtbnr01 li { display: inline-block; width: 33%; vertical-align: middle; }
.txtbnr01 li a { position: relative; display: inline-block; padding: 0 5px 0 20px; color: #333; }
.txtbnr01 li a:hover { color: #007ABD; }
.txtbnr01 li a::before {
	position: absolute;
	content: "";
	vertical-align: middle;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 1.5px solid #007ABD;
	border-right: 1.5px solid #007ABD;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.main_slider { padding: 24px 0 24px; background: #F5F5F5; clear: both; }

.main_slider .swiper-container {
	width: 1080px;
	height: 100%;
	padding: 0 0 68px;
}
.swiper-slide {
	text-align: center;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.main_slider .swiper-container .swiper-slide { width: 264px; margin-right: 8px; }
.swiper-pagination { bottom: 0 !important; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }
.swiper-pagination-bullet { opacity: 1; background: #999; }
.swiper-pagination-bullet-active { background: #007ABD; }

.main_slider .swiper-container .swiper-pagination { width: 100%;}
.main_slider .swiper-pagination-bullet { background: #F5F5F5; width: 31.14px; height: 44px; }
.main_slider .swiper-pagination-bullet { margin: 0 4px; }
.main_slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }
.main_slider .swiper-pagination-bullet img { width: 31.14px; }

.swiper-button-next, .swiper-button-prev { width: 48px; height: 48px; }
.main_slider .swiper-button-next, .main_slider .swiper-button-prev { margin-top: -59px; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; background: #333 url(../img/lefticon.png) no-repeat center center; background-size: 8px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; background: #333 url(../img/righticon.png) no-repeat center center; background-size: 8px; }

.main_slider .swiper-slide p {
	width: 216px;
    height: 325px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -js-display: -ms-flexbox;
    -js-display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    padding: 24px;
    background: rgba(0, 122, 189, 0.6);
    opacity: 0;
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.main_slider .swiper-slide p span {
	width: 100%;
    font-weight: bold;
    -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.main_slider .swiper-slide a:hover p {
	opacity: 1;
    transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.main_slider .swiper-slide a:hover p span {
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 30ms;
    -ms-transform: translateY(0);
        transform: translateY(0);
}



.tilebnr01 { width: 1080px; min-width: 1080px; margin: 0 auto; }
.tilebnr01 ul li { margin: 32px 30px 32px 0; float: left; width: 340px; height: 160px; overflow: hidden; }
.tilebnr01 ul li:nth-child(3n) { margin: 32px 0; }
.tilebnr01 ul li p:not(:first-child) { display: none; }
.tilebnr01 ul li a { position: relative; display: block; width: 340px; height: 160px; }
.tilebnr01 ul li a:hover::after { position: absolute; top: 0; left: 0; content: ""; width: 340px; height: 160px; background: #333; opacity: 0.35; filter: alpha(opacity=35); }
.tilebnr01 ul li a:hover img { opacity: 1; filter: alpha(opacity=100); }


h2.ttl01 { font-family: 'Roboto', sans-serif; font-weight: 700; font-style: italic; font-size: 48px; color: #333; line-height: 1; margin: 0 0 64px; vertical-align: bottom; }
h2.ttl01 small {
	font-family: 'Quicksand',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px; font-style: normal; border-left: 2px solid #333; margin-left: 24px; padding-left: 16px; line-height: 1; vertical-align: baseline;
}


.search_contents { background: #333; padding: 64px 0; color: #fff; }
.inner { width: 1080px; min-width: 1080px; margin: 0 auto; }
.search_contents h2.ttl01 { color: #fff; }
.search_contents h2.ttl01 small { border-left: 2px solid #fff; }
.search_contents h3 { font-size: 24px; margin: 0 0 24px; line-height: 1.0; }
.search_contents .area_search { width: 525px; float: left; }
.search_contents .other_search { width: 525px; float: right; }
.search_contents .area_search .search_tab { font-size: 13px; margin: 0 0 40px; }
.search_contents .area_search .search_tab li { width: 175px; float: left; }
.search_contents .area_search .search_tab li a { color: #999; display: block; padding: 12px 0; border: 1px solid #fff; border-left: none; text-align: center; }
.search_contents .area_search .search_tab li:first-child a { border-left: 1px solid #fff; }
.search_contents .area_search .search_tab li.active a { background: #fff; color: #333; }
.search_contents .area_search .search_tab li a:hover { background: #fff; color: #333; }

.search_contents .area_search .area_search_box { width: 525px; height: 507px; position: relative; display: none; }
.search_contents .area_search .area_search_box#area_search_map { text-align: center; display: block; }

.search_contents .area_search .area_search_box#area_search_highway ul li { width: 174px; float: left; text-align: center; margin: 0 0 24px; border-right: 1px solid #fff; }
.search_contents .area_search .area_search_box#area_search_highway ul li:nth-child(3n) { border-right: none; }
.search_contents .area_search .area_search_box#area_search_highway ul li a { line-height: 1.0; color: #fff; }
.search_contents .area_search .area_search_box#area_search_highway ul li a:hover { opacity: 0.75; filter: alpha(opacity=75); }

.search_contents .area_search .area_search_box#area_search_prefectures ul li { width: 70px; float: left; text-align: center; margin: 0 0 24px; border-right: 1px solid #fff; }
.search_contents .area_search .area_search_box#area_search_prefectures ul li a { display: block; line-height: 1.0; color: #fff; }
.search_contents .area_search .area_search_box#area_search_prefectures ul li a:hover { opacity: 0.75; filter: alpha(opacity=75); }

.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(2),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(8),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(15),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(18),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(22),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(25),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(31),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(36),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(40) { clear: left; }

.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(14),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(28),
.search_contents .area_search .area_search_box#area_search_prefectures ul li:nth-child(46) { width: 90px; }

.search_contents .area_search .area_search_box#area_search_map { position: relative; }
.search_contents .area_search .area_search_box#area_search_map ul li { position: absolute; }
.search_contents .area_search .area_search_box#area_search_map ul li a,
.modaal-content-container .mapbox .mapboxbtnarea ul li a { display: inline-block; padding: 10px 12px 10px 25px; background: #999 url(../img/arr.png) no-repeat 12px; line-height: 1.0; color: #fff; border-radius: 3px; }
.search_contents .area_search .area_search_box#area_search_map ul li a:hover,
.modaal-content-container .mapbox .mapboxbtnarea ul li a:hover,
.search_contents .area_search .area_search_box#area_search_map ul li a.areahover { background: #6c6c6c url(../img/arr.png) no-repeat 12px; color: #fff; opacity: 1; filter: alpha(opacity=100); }
.search_contents .area_search .area_search_box#area_search_map ul li.area01 { top: 62px; left: 287px; }
.search_contents .area_search .area_search_box#area_search_map ul li.area02 { top: 218px; left: 351px; }
.search_contents .area_search .area_search_box#area_search_map ul li.area03 { top: 237px; left: 227px; }
.search_contents .area_search .area_search_box#area_search_map ul li.area04 { top: 331px; left: 325px; }
.search_contents .area_search .area_search_box#area_search_map ul li.area05 { top: 297px; left: 175px; }
.search_contents .area_search .area_search_box#area_search_map ul li.area06 { top: 369px; left: 235px; }
.search_contents .area_search .area_search_box#area_search_map ul li.area07 { top: 354px; left: 130px; }
.search_contents .area_search .area_search_box#area_search_map ul li.area08 { top: 429px; left: 85px; }
.search_contents .area_search #Map area { outline:none; border: none; }


#mapmodal { display: none; }
.modaal-content-container .mapbox { height: 768px; margin: 20px auto 0; display: none; position: relative; overflow: hidden; }
.modaal-content-container .mapbox .inner { /*height: 455px;*/ }
.modaal-content-container #map01 { background: url(../img/map01_bg.png) no-repeat center 0; }
.modaal-content-container #map02 { background: url(../img/map02_bg.png) no-repeat center 0; }
.modaal-content-container #map03 { background: url(../img/map03_bg.png) no-repeat center 0; }
.modaal-content-container #map04 { background: url(../img/map04_bg.png) no-repeat center 0; }
.modaal-content-container #map05 { background: url(../img/map05_bg.png) no-repeat center 0; }
.modaal-content-container #map06 { background: url(../img/map06_bg.png) no-repeat center 0; }
.modaal-content-container #map07 { background: url(../img/map07_bg.png) no-repeat center 0; }
.modaal-content-container #map08 { background: url(../img/map08_bg.png) no-repeat center 0; }

.modaal-content-container .mapbox .mapareaname { padding: 40px; font-size: 24px; font-weight: bold; color: #fff; }

.modaal-content-container .mapbox .modalslidupbox { position: absolute; bottom: 0; left: 0; background: #fff; width: 100%; }
.modaal-content-container .modalslidupbox .modalslidupboxttl { font-size: 24px; line-height: 1.0; padding: 24px 0 16px; }
.modaal-content-container .modalslidupbox .swiper-container { margin: 0 auto 24px; }
.modaal-content-container .modalslidupbox ul {  }
.modaal-content-container .modalslidupbox ul li { font-size: 12px; text-align: left; width: 155px; margin: 0 30px 36px 0; }
.modaal-content-container .modalslidupbox ul li a { color: #333; position: relative; display: block; width: 155px; }
.modaal-content-container .modalslidupbox ul li a img { display: block; margin: 0 0 10px; width: 155px; height: 155px; }
.modaal-content-container .modalslidupbox ul li a:hover img { opacity: 1; filter:proid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100); filter: alpha(opacity=100);
}
.modaal-content-container .modalslidupbox ul li a:hover::after  { position: absolute; top: 0; left: 0; content: ""; width: 155px; height: 155px; background: #333; opacity: 0.35; filter: alpha(opacity=35); }
.modaal-content-container .modalslidupbox .swiper-button-next, .modaal-content-container .modalslidupbox .swiper-button-prev { margin-top: 0; top: 54px;  }

.modaal-fullscreen .modaal-close { right: 20px; top: 10px; background: none; }
.modaal-close:focus:before,
.modaal-close:focus:after,
.modaal-close:hover:before,
.modaal-close:hover:after {
	background: #ccc;
}

.modaal-content-container .mapbox .mapboxbtnarea { position: relative; height: 455px; }
.modaal-content-container .mapbox .mapboxbtnarea ul li { position: absolute; }
#map01 .mapboxbtnarea .m_child01 { top: 141px; left: 447px; }
#map01 .mapboxbtnarea .m_child02 { top: 288px; left: 659px; }
#map01 .mapboxbtnarea .m_child03 { top: 315px; left: 337px; }
#map02 .mapboxbtnarea .m_child01 { top: 124px; left: 448px; }
#map02 .mapboxbtnarea .m_child02 { top: 197px; left: 588px; }
#map02 .mapboxbtnarea .m_child03 { top: 216px; left: 440px; }
#map02 .mapboxbtnarea .m_child04 { top: 299px; left: 580px; }
#map02 .mapboxbtnarea .m_child05 { top: 367px; left: 536px; }
#map02 .mapboxbtnarea .m_child06 { top: 306px; left: 433px; }
#map03 .mapboxbtnarea .m_child01 { top: 135px; left: 593px; }
#map03 .mapboxbtnarea .m_child02 { top: 158px; left: 425px; }
#map03 .mapboxbtnarea .m_child03 { top: 225px; left: 312px; }
#map03 .mapboxbtnarea .m_child04 { top: 242px; left: 517px; }
#map03 .mapboxbtnarea .m_child05 { top: 269px; left: 410px; }
#map03 .mapboxbtnarea .m_child06 { top: 287px; left: 526px; }
#map03 .mapboxbtnarea .m_child07 { top: 312px; left: 356px; }
#map03 .mapboxbtnarea .m_child08 { top: 332px; left: 543px; }
#map03 .mapboxbtnarea .m_child09 { top: 356px; left: 408px; }
#map04 .mapboxbtnarea .m_child01 { top: 117px; left: 396px; }
#map04 .mapboxbtnarea .m_child02 { top: 159px; left: 587px; }
#map04 .mapboxbtnarea .m_child03 { top: 213px; left: 342px; }
#map04 .mapboxbtnarea .m_child04 { top: 314px; left: 506px; }
#map05 .mapboxbtnarea .m_child01 { top: 152px; left: 500px; }
#map05 .mapboxbtnarea .m_child02 { top: 240px; left: 645px; }
#map05 .mapboxbtnarea .m_child03 { top: 352px; left: 509px; }
#map06 .mapboxbtnarea .m_child01 { top: 153px; left: 612px; }
#map06 .mapboxbtnarea .m_child02 { top: 233px; left: 424px; }
#map07 .mapboxbtnarea .m_child01 { top: 120px; left: 624px; }
#map07 .mapboxbtnarea .m_child02 { top: 156px; left: 374px; }
#map07 .mapboxbtnarea .m_child03 { top: 238px; left: 536px; }
#map08 .mapboxbtnarea .m_child01 { top: 94px; left: 459px; }
#map08 .mapboxbtnarea .m_child02 { top: 171px; left: 388px; }
#map08 .mapboxbtnarea .m_child03 { top: 237px; left: 637px; }
#map08 .mapboxbtnarea .m_child04 { top: 332px; left: 367px; }




.search_contents .targetsearch li { width: 120px; height: 120px; float: left; margin: 0 15px 40px 0; }
.search_contents .targetsearch li:nth-child(4n) { margin: 0 0 40px; }
.search_contents .targetsearch li a { display: table; width: 120px; height: 120px; background: #fff; text-align: center; color: #333; border-radius: 3px; }
.search_contents .targetsearch li a p { display: table-cell; vertical-align: middle; }
.search_contents .targetsearch li a p svg { width: 72px; }
_:-ms-lang(x)::-ms-backdrop, .search_contents .targetsearch li a p svg { height:64.797px; }
.search_contents .targetsearch li a p span { display: block; margin: 5px 0 0; }
.search_contents .targetsearch li a:hover { opacity: 0.75; filter: alpha(opacity=75); }

.search_contents .themesearch { margin: 0 0 24px; }
.search_contents .themesearch li { display: inline-block; margin: 0 16px 16px 0; }
.search_contents .themesearch li a { display: block; padding: 10px 12px; background: #999; line-height: 1.0; color: #fff; border-radius: 3px; }
.search_contents .themesearch li a:hover { background: #6c6c6c; color: #fff; opacity: 1; filter: alpha(opacity=100); }

.search_contents .keywordssearch {}
.search_contents .keywordssearch input { vertical-align: top; font-size: 13px; padding: 10px 16px; min-height: 26px; width: 444px; border: 1px solid #ccc; }
.search_contents .keywordssearch button { vertical-align: top; width: 48px; height: 48px; padding: 0; background: #fff; border: 1px solid #ccc; margin: 0 0 0 -1px; cursor: pointer; }
.search_contents .keywordssearch button:hover { opacity: 0.75; filter: alpha(opacity=75); }



.whatsnew_contents { background: #F5F5F5; padding: 64px 0 0; }
.whatsnew_contents h3 { font-size: 24px; margin: 0 0 32px; }

.more a { font-size: 16px; color: #007abd; line-height: 1; text-decoration: none; display: inline-block; padding: 0 15px 0 0; position: relative; }
.more a::before {
	position: absolute;
	content: "";
	vertical-align: middle;
	right: 2px;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 1.5px solid #007abd;
	border-right: 1.5px solid #007abd;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.more a:hover { opacity: 0.75; filter: alpha(opacity=75); }


.whatsnew_contents ul li { width: 340px; margin: 0 30px 32px 0; float: left; position: relative; }
.whatsnew_contents ul li:nth-child(3n) { margin: 0 0 32px 0; }
.whatsnew_contents ul li a { display: block; color: #333; text-decoration: none; padding: 0 0 24px; background: #fff; box-shadow: 0 2px 7px rgba(0,0,0,0.06); }
.whatsnew_contents ul li a:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.2); }
.whatsnew_contents ul li .ss_date { padding: 24px 24px; color: #999; font-size: 13px; line-height: 1.0; }
.whatsnew_contents ul li .ss_new { position: absolute; background: #BD0000; display: block; font-size: 12px; color: #fff; top: 20px; right: 24px; width: 42px; text-align: center; padding: 2px 0; font-family: 'Roboto', sans-serif; font-weight: 400; }
.whatsnew_contents ul li .ss_loc { background: url(../img/icon_pin.png) no-repeat 0 0; margin: 0 24px 32px; padding: 0 0 0 20px; font-size: 13px; line-height: 1.0; min-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
_:-ms-lang(x)::-ms-backdrop, .whatsnew_contents ul li .ss_loc { line-height:1.5; }
.whatsnew_contents ul li .ss_ttl { font-size: 16px; margin: 0 24px; font-weight: bold; word-break: break-all; overflow: hidden; }
.whatsnew_contents ul.wnc_gelande li .ss_ttl { height: 44px; }
.whatsnew_contents ul.wnc_info li .ss_ttl { height: 68px; }
.whatsnew_contents .more { clear: both; text-align: right; padding: 2px 0 32px; }

.ss_box { margin: 0 auto; padding: 64px 0 0; color: #333; clear: both; }
.ss_box ul { list-style: none; margin: 0; padding: 0; }
.ss_box ul li { width: 340px; margin: 0 30px 30px 0; float: left; }
.ss_box ul li:nth-child(3n) { margin: 0 0 30px 0; }
.ss_box ul li a { color: #333; text-decoration: none; }
.ss_box ul li p { margin: 0; }
.ss_box ul li a:hover { opacity: 0.75; filter: alpha(opacity=75); }
.ss_box ul li .ss_date, .ss_box ul li .ss_genre { color: #999; font-size: 14px; margin: 0 0 8px; line-height: 1.5; }
.ss_box ul li .ss_pr { position: absolute; top: 0; right: 0; color: #999; font-size: 14px; }
.ss_box ul li .ss_img { width: 340px; height: 192px; margin: 0 0 24px; background: #333; }
.ss_box ul li .ss_img a { display: block; position: relative; opacity: 1; filter: alpha(opacity=100); position: relative; }
.ss_box ul li .ss_img a img { opacity: 1; filter: alpha(opacity=100); } 
.ss_box ul li .ss_img a:hover img { position: relative; opacity: 1; filter: alpha(opacity=100); }
.ss_box ul li .ss_img a:hover::after { position: absolute; top: 0; left: 0; content: ""; width: 340px; height: 192px; background: #333; opacity: 0.35; filter: alpha(opacity=35); }

.ss_box ul li .ss_ttl { font-size: 16px; margin: 0 0 24px; font-weight: bold; }
.ss_box ul li .ss_subttl { font-size: 14px; line-height: 1.0; }
_:-ms-lang(x)::-ms-backdrop, .ss_box ul li .ss_subttl { line-height:1.5; }
.ss_box ul li .ss_txt { font-size: 16px; }
.ss_box .more { clear: both; text-align: right; margin: 32px 0; }

.news_contents { background: #F5F5F5; }

.article_contents ul li .ss_img a, .news_contents ul li .ss_img a { width: 340px; height: 192px; text-align: center; }
.article_contents ul li .ss_img img, .news_contents ul li .ss_img img { max-width: 340px; max-height: 192px; }
.article_contents ul li { position: relative; }
.article_contents .ss_subttl { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.pickup_contents ul li .ss_img a img { width: 340px; height: 192px;} 


.review_contents { margin: 0 auto; padding: 64px 0 30px; color: #333; clear: both; }
.review_contents ul { list-style: none; margin: 0; padding: 0; }
.review_contents ul li { width: 525px; margin: 0 30px 30px 0; float: left; position: relative; }
.review_contents ul li a { display: block; color: #333; height: 155px; overflow: hidden; text-decoration: none; padding: 0; background: #fff; box-shadow: 0 2px 7px rgba(0,0,0,0.06); }
.review_contents ul li a:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.2); }
.review_contents ul li:nth-child(2n) { margin: 0 0 30px 0; }
.review_contents ul li .ss_img { width: 155px; height: 155px; overflow: hidden; float: left; }
.review_contents ul li .ss_img img { max-width: 100%; }
.review_contents ul li a:hover .ss_img img { opacity: 1; filter: alpha(opacity=100); }
.review_contents ul li .ss_star { padding: 12px 16px 10px 171px; }
.review_contents ul li .ss_star img { margin: 0 2px; }
.review_contents ul li .ss_ttl { font-size: 16px; margin: 0 16px 3px 171px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.review_contents ul li .ss_txt { font-size: 13px; margin: 0 16px 16px 171px; line-height: 1.0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
_:-ms-lang(x)::-ms-backdrop, .review_contents ul li .ss_txt { line-height:1.5; }
.review_contents ul li .ss_loc { background: url(../img/icon_pin.png) no-repeat 0; margin: 0 16px 10px 171px; padding: 4px 0 0 20px; font-size: 13px; line-height: 1.0; min-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.review_contents ul li .ss_auther { background: url(../img/icon_user.png) no-repeat 0; margin: 0 100px 0 171px; padding: 4px 0 0 20px; font-size: 13px; line-height: 1.0; min-height: 16px; }
.review_contents ul li .ss_date { margin: 0; font-size: 13px; line-height: 1.0; color: #999; position: absolute; bottom: 16px; right: 16px; }
.review_contents .more { clear: both; text-align: right; margin: 0; }

.prbox { background: #333; color: #fff; padding: 56px 0; }
.prbox .inner { width: 750px; min-width: 750px; position: relative; }
.prbox .inner .preboxbtn { position: absolute; bottom: 0; right: 0; }
.prbox .preboxbtn a { display: inline-block; background: #007ABD; color: #fff; line-height: 1.0; padding: 16px; border-radius: 3px; }
.prbox .preboxbtn a:hover { background: #fff; color: #007ABD;  }

.kuchikomi .ss_ttl { font-size: 24px; font-weight: bold; padding: 0 200px 0 0; }
.rankingentry .ss_theme { line-height: 1.0; }
.rankingentry .ss_ttl { font-size: 24px; font-weight: bold; padding: 16px 250px 16px 0; line-height: 1.5; }
.rankingentry .ss_date { font-size: 14px; line-height: 1.0; padding: 0 250px 0 0; text-align: right; }
.rankingentry {}


.ranking_contents { background: #F5F5F5; }
.ranking_contents h3 { font-size: 24px; margin: 0 0 43px; }
.ranking_contents ul li { position: relative; }
.ranking_contents ul li a { display: block; color: #333; text-decoration: none; padding: 0; background: #fff; box-shadow: 0 2px 7px rgba(0,0,0,0.06); overflow: hidden; }
.ranking_contents ul li a:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.2); opacity: 1; }
.ranking_contents ul li::before { font-family: 'Roboto', sans-serif; font-weight: 700; font-style: italic; color: #333; position: absolute; left: 16px; top: 16px; font-size: 60px; }
.ranking_contents ul li:nth-child(1)::before { content: "1"; }
.ranking_contents ul li:nth-child(2)::before { content: "2"; }
.ranking_contents ul li:nth-child(3)::before { content: "3"; }
/*.ranking_contents ul li .ss_img { position: relative; height: 130px; }
.ranking_contents ul li .ss_img img { opacity: 1; }
.ranking_contents ul li:nth-child(1) .ss_img::before { position: absolute; content: ""; background: url(../img/rank01_mask.png) no-repeat 0 0; width: 349px; height: 148px; top: -18px; left: -9px; }
.ranking_contents ul li:nth-child(2) .ss_img::before { position: absolute; content: ""; background: url(../img/rank02_mask.png) no-repeat 0 0; width: 349px; height: 148px; top: -18px; left: -9px; }
.ranking_contents ul li:nth-child(3) .ss_img::before { position: absolute; content: ""; background: url(../img/rank03_mask.png) no-repeat 0 0; width: 349px; height: 148px; top: -18px; left: -9px; }*/
.ranking_contents ul li .ss_logo { padding: 16px 0; margin: 0 67px; width: 206px; height: 96px; overflow: hidden; text-align: center; }
.ranking_contents ul li .ss_logo img { max-width: 100%; max-height: 96px; }
.ranking_contents ul li .ss_name { text-align: center; font-size: 13px; margin: 0 16px 8px; padding: 16px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: 2px solid #efefef; line-height: 1.0; }
.ranking_contents ul li .ss_area { text-align: center; font-size: 13px; color: #999; line-height: 1.0; padding: 0 16px 16px; }
.ranking_contents .more { clear: both; text-align: right; margin: 0 0 32px; }




.foot_slider { margin: 32px 0 0; padding: 0 0 24px; background: #F5F5F5; clear: both; }
.foot_slider .swiper-container {
	width: 1080px;
	height: 100%;
	padding: 24px 0 32px;
}
.foot_slider .swiper-container li { background: none; text-align: left; width: 246px; margin-right: 32px; }
.foot_slider .swiper-container li p { margin: 15px 0 0; }
.foot_slider .swiper-container li img { display: block; max-width: 246px; max-height: 112px; }
.foot_slider .swiper-container li a { font-size: 13px; color: #333; position: relative; }
.foot_slider .swiper-button-next, .foot_slider .swiper-button-prev { margin-top: 0; top: 56px; }
.foot_slider .swiper-container li a:hover::after { position: absolute; top: 0; left: 0; content: ""; width: 246px; height: 112px; background: #333; opacity: 0.35; filter: alpha(opacity=35); }


.top_footmenu { padding: 32px 0 32px; }
.top_footmenu ul { width: 1080px; min-width: 1080px; margin: 0 auto; }
.top_footmenu ul li { width: 184px; float: left; margin: 0 40px 0 0 }
.top_footmenu ul li a { display: block; color: #333; }
.top_footmenu ul li a:hover { opacity: 0.75; filter: alpha(opacity=75); }
.top_footmenu ul li.tfm_tw { margin: 0; }
.top_footmenu ul li.tfm_pre a { background: url(../img/icon_premiam.png) no-repeat 5px center; padding: 5px 0 5px 45px; }
.top_footmenu ul li.tfm_app a { background: url(../img/icon_app.png) no-repeat 25px center; padding: 5px 0 5px 70px; }
.top_footmenu ul li.tfm_mail a { background: url(../img/icon_mailmaga.png) no-repeat 10px center; padding: 5px 0 5px 50px; }
.top_footmenu ul li.tfm_fb a { background: url(../img/icon_fb.png) no-repeat 15px center; padding: 5px 0 5px 60px; }
.top_footmenu ul li.tfm_tw a { background: url(../img/icon_tw.png) no-repeat 20px center; padding: 5px 0 5px 75px; }





#footer { background: #333; padding: 64px 0 0; }

#footer .tw_w { margin: 0 0 40px; width: 525px; height: 320px; float: left; }
#footer .fb_w { margin: 0 0 40px 30px; width: 500px; height: 320px; float: right; }


#footer .footernavi { margin: 0 0 40px; clear: both; }
#footer .footernavi dl { width: 130px; margin: 0 55px 0 0; float: left; }
#footer .footernavi dl:last-child { margin: 0; }
#footer .footernavi dl dt { font-size: 14px; color: #fff; font-weight: bold; }
#footer .footernavi dl dd { font-size: 12px; }
#footer .footernavi dl dd a { color: #fff; }
#footer .footernavi dl dd a:hover { opacity: 0.75; filter: alpha(opacity=75); }


#footer .ggroup { padding: 0 0 20px; }
#footer .ggroup ul li { width: 155px; height: 32px; margin: 0 30px 20px 0; float: left; }
#footer .ggroup ul li:nth-child(6n) { margin: 0 0 20px 0; }
#footer .ggroup ul li a { display: table; width: 155px; height: 32px; text-align: center; height: 30px; }
#footer .ggroup ul li a span { display: table-cell; vertical-align: middle; }
#footer .ggroup ul li a:hover { opacity: 0.75; filter: alpha(opacity=75); }

#footer .beyond { margin: 0 0 56px; clear: both; font-size: 12px; }
#footer .beyond img { float: left; margin: 0 16px 0 0; }
#footer .beyond a { color: #fff; }
#footer .beyond a span { display: inline-block; padding: 12px 0 0; }
#footer .beyond a:hover { opacity: 0.75; filter: alpha(opacity=75); }


.sspreload { height: 1px; overflow: hidden; }