@charset "utf-8";
/* Copyright 2019 design hack. */

/* ------------------------------------------------------------

ホーム

------------------------------------------------------------ */
/* メインナビ
---------------------------------------------- */
nav ul#nav_main li:first-child img {opacity: 0;}

/* header
---------------------------------------------- */
/* h2 */
#h2_pref{text-align: center;margin-bottom: 40px;font-weight: bold;font-size: 30px;}

/* スライダー
---------------------------------------------- */
.slider{height:300px;}
.slider_inner{width:1200px;margin:0 auto;height:300px;position:relative;}
.slider .txt_slide01{position: absolute;font-size: 20px;color: #1F1F1F;font-weight: bold;top: 50px;left: 50px;}
.slider .txt_slide02{position: absolute;font-size: 20px;color: #1F1F1F;font-weight: bold;top: 50px;right: 50px;text-align: right;}
.slider .txt_slide03{position: absolute;font-size: 20px;color: #1F1F1F;font-weight: bold;top: 50px;left: 50px;}
.bg_slide01{background:#999999;}
.bg_slide02{background:#888888;}
.bg_slide03{background:#777777;}
.bg_slide01,.bg_slide02,.bg_slide03{min-width:800px;}

/* list
---------------------------------------------- */
/* wrap_rank --------------*/
div#wrap_rank{position: relative;}
div#wrap_rank ul{overflow: hidden;margin-bottom: 80px;}
div#wrap_rank ul li{width: 195px;float: left;margin:0 20px 30px 0;line-height: 1.0;font-weight: normal;}
div#wrap_rank ul li:nth-child(4n){margin-right: 0;}
div#wrap_rank ul li p.img{width: 195px;height: 195px;overflow: hidden;position: relative;margin-bottom: 10px;}
div#wrap_rank ul li p.img img{width: 400px;min-height: 195px; height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
div#wrap_rank ul li p.img img.nophoto01{width: 195px;height: 195px;}
div#wrap_rank ul li p.img img:hover{opacity: 0.7;}
div#wrap_rank ul li dl dt{font-size: 14px;margin-bottom: 10px;}
div#wrap_rank ul li dl dt ul{margin-bottom: 0;}
div#wrap_rank ul li dl dt ul li{margin:0;}
div#wrap_rank ul li dl dd{font-size: 18px;}
div#wrap_rank p#rank01{position: absolute;top: 10px;left: 10px;}
div#wrap_rank p#rank02{position: absolute;top: 10px;left: 225px;}
div#wrap_rank p#rank03{position: absolute;top: 10px;left: 440px;}

/* single
---------------------------------------------- */
p#img_single_main{width: 880px;height: 300px;position: relative;overflow: hidden;margin-bottom: 30px;background:url(../common/img/img_park_nophoto.png) no-repeat 0 0;background-size: 880px 300px;}
p#img_single_main img{width: 880px;height: auto; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
h3{text-align: center;margin-bottom: 40px;font-weight: bold;font-size: 26px;}

.tab_wrap{width:880px;margin:0 auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0;}
.tab_area label{width:120px;margin-right: 10px; display:inline-block; padding:12px 0; color:#FFFFFF; background:#999999; text-align:center; font-size:18px; cursor:pointer; transition:ease 0.2s opacity;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%;display:none;}
 
#tab1:checked ~ .tab_area .tab1_label,#tab2:checked ~ .tab_area .tab2_label,#tab3:checked ~ .tab_area .tab3_label,#tab4:checked ~ .tab_area .tab4_label,#tab5:checked ~ .tab_area .tab5_label,#tab6:checked ~ .tab_area .tab6_label
{color: #333333;background: #DDDDDD;}
#tab1:checked ~ .panel_area #panel1,#tab2:checked ~ .panel_area #panel2,#tab3:checked ~ .panel_area #panel3,#tab4:checked ~ .panel_area #panel4,#tab5:checked ~ .panel_area #panel5,#tab6:checked ~ .panel_area #panel6
{display:block;}

div.panel_area{background: #DDDDDD;padding: 20px;color: #333333;text-align: left;}
div.panel_area table{width: 100%;}
div.panel_area table th{border-top: 1px solid #999999;border-bottom:1px solid #999999;padding: 10px 0 10px 20px;font-weight: normal;}
div.panel_area table td{border-top: 1px solid #999999;border-bottom:1px solid #999999;padding: 10px 0 10px 20px;width: 80%!important;}
div.panel_area table td a{color: #666666;text-decoration: underline;}
div.panel_area table td a:hover{text-decoration: none;}

div#panel6 iframe{margin-bottom: 15px;}
p#btn_gmap{background: #666666;width: 300px;line-height: 1.0;text-align: center;font-size: 16px;padding: 20px 0;border-radius:5px;margin: 0 auto;}
a p#btn_gmap{color: #FFFFFF;}
a:hover p#btn_gmap{opacity: 0.7;}

.wpcr3_respond_2{display: block;}
.wpcr3_show_btn, .wpcr3_cancel_btn{display: none;}

div#panel1 td.check_list ul li{display: inline-block;background:#666666;padding: 2px 5px;margin-right: 5px;color: #FFFFFF;border-radius: 4px;}
div#panel1 td.check_list ul li:last-child{margin-right: 0;}