@charset "UTF-8";
/* Frontページ */


.mainLogo a{display: block; width:100%; max-width:454px; margin:0 auto 10px;}
.mainLogo img{width:100%; max-width:454px; height: auto;}

@media only screen and (max-width:812px){
.mainLogo a{display: block; width:100%; max-width:300px; margin:0 auto 10px;}
.mainLogo img{width:100%; max-width:300px; height: auto;}

}

#sliderBox{padding:0; background-color:#ffe000;}
#sliderBox h2{text-align: center; font-size: 2.4rem; margin-bottom:28px; line-height: 2;}
#sliderBox h2 span{display: inline; background-color:#fff; padding:1px; line-height: 28px;}
#sliderBox h2 span:nth-of-type(1){padding-left:5px;}
#sliderBox h2 span:nth-of-type(4){padding-left: 5px;}
#slide-main{display: flex;  width:100%;
background-color: #ffe000; padding-bottom: 40px;}
#slide-main li a{
display:block;
position:relative;
width:253px;
height:0;
padding-bottom: 253px;
overflow:hidden;
background-color:#ccc;
margin:1%;
}
#slide-main li a img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:auto;
height:auto;
max-width: initial;
max-height: 253px;
/*filter: grayscale(100%);
-webkit-filter: grayscale(1);*/
opacity: 1;
}

#slide-main li a:hover{
  opacity: 1 !important;
}
#slide-main li a:hover img{
 filter: grayscale(100%);
-webkit-filter: grayscale(1);
 opacity: 0.6;
}

#slide-main li{width:253px; margin:0 10px;}

#areaBox{padding:90px 4% 60px;}
#areaBox .wap{margin:0 auto; width: 100%; max-width: 1200px;}

#areaBox .rightBox{position: relative;}

.btn_megane img{width:100%; height: auto;}

#specialInfoBox{padding:30px 4% 30px;}
#specialInfoBox .wap{margin:0 auto; width: 100%; max-width: 1200px; padding: 25px 50px; border: 5px solid #ffe000;}
#specialInfoBox h2{display: inline-block; padding:10px; background-color: #ffe000; font-size: 2.5rem; margin-bottom: 15px;}
#specialInfoBox ul{margin-top: 2em; display:flex; flex-wrap: wrap; justify-content: space-around;}
#specialInfoBox ul li{width: 45%;}
@media only screen and (max-width:813px){
#specialInfoBox .wap{padding: 10px;}
#specialInfoBox ul li{width: 100%;}
#specialInfoBox ul li+li{margin-top: 1.5rem;}
}

@media only screen and (max-width:1280px){
.btn_megane img{width:24vw; height: auto;}    
}


@media only screen and (min-width:813px){
#sp_area_electBox{display: none}
#areaBox .wap{display: flex;}
#areaBox .rightBox{width:91.67%; position: relative; padding-top: 30px;}
.mapBoxPC{width:100%; max-width:1000px;}
.mapBoxPC svg{width:100%; max-width:1000px;}
.mapBoxSP{display: none;}
#areaBox h2{width:5%;
margin-right:3.5%;
}
.btn_megane{display: block; position: absolute; right:0; top: 0; max-width:356px;}
.btn_megane {
border-radius: 50%;
transition: all 0.6s ease 0s;
}
.btn_megane:hover {
cursor: pointer;
transform: scale(1.1, 1.1);
}
}
@media only screen and (max-width:812px){
    #areaBox{padding-bottom: 100px;}
.btn_megane img{width:100%; height: auto;} 
#sp_area_electBox{margin-bottom:60px;}
.mapBoxPC{display: none;}
.mapBoxSP{width:100%; height:auto;}
.select_label.sp_area_elect{width: 100%; border: 2px solid #111;color: #111 !important;}
.btn_megane{display: block; right: -4%;position: absolute;bottom: 0;margin-bottom: -46vw;width:62.4vw;}
}

#CaseBox{background-color:#f0f0f0; padding: 90px 4% 120px 4%;}
#CaseBox .wap{margin:0 auto; width: 100%; max-width: 1200px;}

.caselist a div{
position:relative;
display:block;
width:100%;
overflow:hidden;
padding-top:61.7%;
}
.caselist a div img {
width:auto;
height:100%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.caselist a{background-color: #fff;}

.caselist dl{display: flex; background-color: #fff;}
.caselist dt{padding: 30px 0 70px 0; width: 40px; margin-right:10px; position: relative;}
.caselist dt span{
line-height: 40px;
font-size: 1.2rem;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;}
.caselist dt i{font-size: 4.0rem; position: absolute; bottom:25px; left:50%; margin-left: -20px;}
.caselist dd{padding:30px 20px 30px 30px; width: 258px;}
.caselist dd h3{margin-bottom: 10px;text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}

.caselist dd p{font-size: 1.4rem;text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}

@media only screen and (min-width:813px){
.caselist dl{height: 100%;}
#CaseBox h2{width:5%;
margin-left:3.5%;
order: 2;
}
.caselist{width:83.33%; order: 1; padding-top: 30px;}
.caselist{display: flex; width:100%; max-width:1000px; flex-wrap: wrap; margin-left: 8.33%; margin-bottom:40px;}
.caselist a{width:30.8%;}
.caselist a:nth-child(n + 4){margin-top:3.8%;}
.caselist a:not(:nth-of-type(3n)){margin-right:3.8%;}
#CaseBox .wap{display: flex;}
}
@media only screen and (max-width:812px){
#CaseBox h2{margin-bottom:60px;}
#slide-case{margin: 0 calc(50% - 50vw) 65px; width: 100vw;}
#slide-case a{width:308px !important; margin: 0 20px;}


#slide-case .slick-arrow{
background-color:#000000;
display: block;
width: 44px;
height: 44px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
text-align: center;
line-height:44px;
color:#fff;
z-index: 1;
top:50%;
}

#slide-case .slick-arrow i{font-size:2.0rem;}

#slide-case .prev-arrow.slick-arrow{
left:50%;
margin-left:-180px;
position: absolute;
}
#slide-case .next-arrow.slick-arrow {
right:50%;
margin-right:-180px;
position: absolute;
}
}

#categorys{padding:120px 4%;}
#categorys .wap{width:100%; max-width: 1200px; margin:0 auto;}
#categorys ul{display: flex; flex-wrap: wrap; justify-content: space-around;}
#categorys ul li a{border: 3px  solid #111; text-align: center; padding:0 20px; font-weight: bold;}
#categorys ul li a::after{
font-family: 'icomoon' !important;
content: "\f054";
font-size:1.3rem;
font-weight:normal;
}
#categorys ul li a i{font-size: 6.0rem;}

@media only screen and (min-width:813px){
#categorys ul{gap:25px;}
#categorys ul li{width:220px;}
/*#categorys ul::after{content: ""; display: inline-block; width:220px; height: 1px; margin-right: 2%;}
*/#categorys ul li a{display: flex; justify-content: space-between;
align-items: center; max-width:220px; line-height: 90px;}

}

@media only screen and (max-width:812px){
#categorys ul li{width:46%; margin-bottom: 3%;} 
#categorys ul::after{content: ""; display: inline-block; width:46%; height: 1px; margin-bottom: 3%;}

#categorys ul li a i{display: block;}
#categorys ul li a{display: block;  position: relative; padding:10px;}
#categorys ul li a::after{position: absolute;
right: 10%;
top: 50%;
margin-top: -10px;}
}


/*  */
#DisasterSearchform{margin-bottom:40px; }
#DisasterSearchform .select_area,
#DisasterSearchform .select_category{
border: 3px solid #000000;
}
#DisasterSearchform .select_label select{
padding: 12px 10px;
    color: #111;
}

#DisasterSearchform .select_label select{
    color: #111;
}

#DisasterSearchform .select_free input[type="text"]{min-height: 50px;
max-width: 209px;}

@media only screen and (min-width:813px){
#DisasterSearchform{
display:flex;
align-content:center
}
#DisasterSearchform .select_area {
width:100%;
max-width:209px;
}

#DisasterSearchform .select_category {
width:100%;
max-width:209px;
margin-left:2% !important
} 
}
@media only screen and (max-width:812px){
#DisasterSearchform{text-align: center;}
#DisasterSearchform .select_free input[type="text"]{
max-width: 100%;
}
}


#DisasterBox{background-color:#ffff; padding: 30px 4% 60px 4%;}
#DisasterBox .wap{margin:0 auto; width: 100%; max-width: 1200px;}

.Disasterlist a{background-color: #fff;
border: 3px solid #FFDA26;
padding: 30px;
display: block;}

.Disasterlist {}
.Disasterlist .fa-cat{width: 38px; padding-top: 5px; display: block;}
.Disasterlist .fa-cat i{
display:block;
width:38px;
height:38px;
background-color:#ccc;
color:#fff;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
line-height:38px;
text-align:center;
}
.Disasterlist .fa-cat i::before{font-size: 2.6rem; color: #fff;}
.Disasterlist .fa-cat.phot{position: relative;}
.Disasterlist .fa-cat.phot::after{
top: 0;
right: -5px;
position: absolute;
content: "";
display:block;

width:20px;
height:20px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
line-height:38px;
text-align:center;
background: url(../img/common/ico_phot.png) no-repeat center center;
background-size:contain;
}


.Disasterlist .fa-cat .fa-cat_quake{background-color:#2b7947;}
.Disasterlist .fa-cat .fa-cat_kazan{background-color:#f37f30;}
.Disasterlist .fa-cat .fa-cat_typhoon{background-color:#296fa4;}
.Disasterlist .fa-cat .fa-cat_wind_rain{background-color:#3688dc;}
.Disasterlist .fa-cat .fa-cat_slope{background-color:#8c6841;}
.Disasterlist .fa-cat .fa-cat_blizzard{background-color:#54c7ea;}
.Disasterlist .fa-cat .fa-cat_fire{background-color:#c6241e;}
.Disasterlist .fa-cat .fa-cat_drought{ background-color:#f8a402;}
.Disasterlist .fa-cat .fa-cat_monument{ background-color:#5c5ca6;}
.Disasterlist .fa-cat .fa-cat_etc{ background-color:#5f5f5f;}

.Disasterlist h3{display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 10px;}

.Disasterlist dl{font-size: 1.4rem; margin-bottom: 5px;}
.Disasterlist dt{font-weight: 900;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.Disasterlist dd{display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}

#DisasterBox .pagerBox{
margin-bottom:40px;
display: flex;
justify-content: center;
font-weight: 900;
font-size: 1.4rem;
}

#DisasterBox .pagerBox span{
display: block;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
margin:0 5px;
cursor:pointer;
}

#DisasterBox .pagerBox > div span:not([class]):hover{background-color: #f0f0f0;}

#DisasterBox .pagerBox > div{display: flex;
justify-content: center;}

#DisasterBox .pagerBox .now{background-color:#FFDA26; pointer-events: none;}
#DisasterBox .pagerBox .ten{pointer-events: none;}

#DisasterBox .pagerBox .prev_text{
display: block;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
cursor:pointer;margin:0 5px 0 0; font-size: 1.8rem;color: #111;}
#DisasterBox .pagerBox .next_text{
display: block;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
cursor:pointer;margin:0 0 0 5px; font-size: 1.8rem;color: #111;}

#DisasterBox .pagerBox .prev_text:disabled{opacity: 0; cursor:default; }
#DisasterBox .pagerBox .next_text:disabled{opacity: 0; cursor:default;}
.Disasterlist a dl dt span:not(:last-of-type):after {
content:'・'
}
.Disasterlist a dl dd:nth-of-type(2) span:not(:last-of-type):after {
content:'・'
}
@media only screen and (min-width:813px){    
#DisasterBox h2{width:5%;
margin-left:3.5%;
order: 2;
}
#DisasterBox .Box{width:83.33%; order: 1; padding-top: 30px;
padding-bottom: 40px; margin-left: 8.33%;}
.Disasterlist{display: flex; width:100%; max-width:1000px; flex-wrap: wrap;}
.Disasterlist a{width:30.8%; display: flex; flex-flow: column;}
.Disasterlist a dl{margin-top: auto;}
.Disasterlist a:nth-child(n + 4){margin-top:3.8%;}
.Disasterlist a:not(:nth-of-type(3n)){margin-right:3.8%;}
#DisasterBox .wap{display: flex;}
}
@media only screen and (max-width:812px){
    #DisasterBox{padding-top: 100px;}  


#DisasterBox .pagerBox{font-size: 1.4rem;}
#DisasterBox h2{margin-bottom:60px;}
.Disasterlist a:not(:first-of-type){margin-top:3.8%;}
.Disasterlist{margin-bottom: 60px; }
}

/* 2023/12　追加*/
.top_snsBox{padding:0 4%;margin-bottom: 40px;}
.top_snsBox li a{
  font-size:1.3rem;
  color:#111;
  border:2px solid #111;
  max-width:209px;
  display:flex;
  width:100%;
  padding:5px 10px;
  align-items:center;
  justify-content:center;
}

.top_snsBox li a.btn_sns_x:before {
  content:"";
  width:16px;
  height:17px;
  margin-right:10px;
  display:block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9.52217%206.92379L15.4785%200H14.0671L8.89516%206.01183L4.76437%200H0L6.24656%209.09095L0%2016.3516H1.41155L6.87321%2010.0029L11.2356%2016.3516H16L9.52183%206.92379H9.52217ZM7.58887%209.17104L6.95596%208.26579L1.92015%201.06259H4.0882L8.15216%206.8758L8.78507%207.78105L14.0677%2015.3373H11.8997L7.58887%209.17139V9.17104Z%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E');
}
.top_snsBox li a.btn_sns_w:before {
  content:"";
  width:16px;
  height:16px;
  margin-right:10px;
  display:block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M14.5%200H1.5C0.671625%200%200%200.767607%200%201.71429V14.2857C0%2015.2324%200.671625%2016%201.5%2016H14.5C15.3284%2016%2016%2015.2324%2016%2014.2857V1.71429C16%200.767607%2015.3284%200%2014.5%200ZM13.8958%201.25C14.2236%201.25%2014.4895%201.55386%2014.4895%201.92857C14.4895%202.30332%2014.2236%202.60714%2013.8958%202.60714C13.5679%202.60714%2013.302%202.30332%2013.302%201.92857C13.302%201.55386%2013.5679%201.25%2013.8958%201.25ZM11.6926%201.25C12.0205%201.25%2012.2864%201.55386%2012.2864%201.92857C12.2864%202.30332%2012.0205%202.60714%2011.6926%202.60714C11.3647%202.60714%2011.0989%202.30332%2011.0989%201.92857C11.0989%201.55386%2011.3647%201.25%2011.6926%201.25ZM9.4895%201.25C9.81738%201.25%2010.0833%201.55386%2010.0833%201.92857C10.0833%202.30332%209.81738%202.60714%209.4895%202.60714C9.16162%202.60714%208.89575%202.30332%208.89575%201.92857C8.89575%201.55386%209.16162%201.25%209.4895%201.25ZM14.75%2014.2857C14.75%2014.4431%2014.6379%2014.5714%2014.5%2014.5714H1.5C1.36206%2014.5714%201.25%2014.4431%201.25%2014.2857V3.71429H14.75V14.2857Z%22%20fill%3D%22%23111111%22%2F%3E%3Cpath%20d%3D%22M12.5%206.28577H3.5V7.42862H12.5V6.28577Z%22%20fill%3D%22%23111111%22%2F%3E%3Cpath%20d%3D%22M12.5%208.57141H3.5V9.71427H12.5V8.57141Z%22%20fill%3D%22%23111111%22%2F%3E%3Cpath%20d%3D%22M8.25%2010.8572H3.5V12H8.25V10.8572Z%22%20fill%3D%22%23111111%22%2F%3E%3C%2Fsvg%3E');
}

.featuresBox{margin-bottom: 20px; padding:0 4%;}
.btn_more.bgy:hover{border: 2px solid #111;}

@media only screen and (min-width:813px){
    .top_snsBox li a.btn_sns_x{}
    .top_snsBox{display: flex; justify-content: center; gap:20px;}
    
    .featuresBox{text-align: center;}
}
@media only screen and (max-width:812px){
    .top_snsBox li:first-of-type{margin-bottom: 15px;}
    .top_snsBox li{display: flex; justify-content: center;}
    .featuresBox{text-align: justify;
text-justify: inter-ideograph; /* IE */
text-justify: inter-character; /* Firefox */}
}

#NenpyouBox{background-color:#FFF; padding: 30px 4% 120px 4%;}
#NenpyouBox .wap{margin:0 auto; width: 100%; max-width: 1200px;}



/*ラジオボタンを全て消す*/
#NenpyouBox input[name="tab_item"] {
display: none;
}
@media only screen and (min-width:813px){
#NenpyouBox h2{width:5%;
margin-right:3.5%;
order: 1;
}
.nenBox{width:83.33%; order: 2; padding-top: 30px;
margin-right: 8.33%;}
.nenBox{display: flex; width:100%; max-width:1000px; flex-wrap: wrap; /*margin-right: 8%;*/}
#NenpyouBox .wap{display: flex;}
    
    
#NenpyouBox .tab_content {
  display: none;
    padding-bottom: 0px;
  clear: both;
  overflow: hidden;
} 
       
#NenpyouBox .tabs {
margin-top: 50px;
background-color: #fff;
width: 100%;
margin: 0 auto;}

/*タブのスタイル*/
#NenpyouBox .tab_item {
  width:calc(96.5% / 8);
  padding:10px 3px;
  background-color:#EAEAEA;
  line-height:1.5;
  text-align:center;
  color:#888;
  float:left;
  transition:all .2s ease;
  display:block;
  margin-bottom:15px;
  cursor: pointer;
}

#NenpyouBox .tab_item:hover {
opacity: 0.75;
}
    #NenpyouBox .tab_item:not(:last-of-type){margin-right: 0.5%;}




/*タブ切り替えの中身のスタイル*/
#NenpyouBox .tab_content {
display: none;
clear: both;
overflow: hidden;
}

    
/*選択されているタブのコンテンツのみを表示*/
#case_y00:checked ~ #case_y00_content,
#case_y01:checked ~ #case_y01_content,
#case_y02:checked ~ #case_y02_content,
#case_y03a:checked ~ #case_y03a_content,
#case_y03b:checked ~ #case_y03b_content,
#case_y03c:checked ~ #case_y03c_content,
#case_y04:checked ~ #case_y04_content,
#case_y05:checked ~ #case_y05_content,
#case_y06:checked ~ #case_y06_content,
#case_y07:checked ~ #case_y07_content{
display: block;
}

/*選択されているタブのスタイルを変える*/
#NenpyouBox .tabs input:checked + .tab_item {
background-color: #111;
color: #fff;
}
#recruitment.newtabWap .massageBox{margin-bottom:0;}
    
    .tab_content_description button{display: none;}
    
}
@media only screen and (max-width:812px){
#NenpyouBox .tab_item{display: none;}
#NenpyouBox h2{margin-bottom:60px;}
}

#NenpyouBox .tabs table{
    border: 3px solid #111;
    width:100%;
}


#NenpyouBox .tabs table tbody tr td:nth-of-type(3) a{color:#0000FF; text-decoration: underline;}
#NenpyouBox .tabs table tbody tr td:nth-of-type(3) a:hover{text-decoration: none;}
#NenpyouBox .tabs table tbody tr td{vertical-align:middle;}
#NenpyouBox .tabs table tbody tr td:nth-of-type(5) span:not(:first-of-type)::before{content: "・";}
#NenpyouBox .tabs table tbody tr td:nth-of-type(2) span:not(:last-of-type)::after {
  content: '/';
}
@media only screen and (min-width:813px){
#NenpyouBox .tabs table thead th{text-align: center; vertical-align: middle;}
#NenpyouBox .tabs table thead th{background: #111;color: #FFF;
font-size: 1.3rem; font-weight: 700;}
#NenpyouBox .tabs table thead tr th:not(:last-of-type){border-right: 1px solid #ECECEC;}
#NenpyouBox .tabs table tbody tr td:not(:last-of-type){border-right: 1px solid #ECECEC;}
#NenpyouBox .tabs table tbody tr:not(:last-of-type) td{border-bottom: 1px solid #ECECEC;}
#NenpyouBox .tabs table tbody tr td:nth-of-type(1){width: 13%; text-align: center;}
#NenpyouBox .tabs table tbody tr td:nth-of-type(2){width: 15%; }
#NenpyouBox .tabs table tbody tr td:nth-of-type(3){width: 28%;}

#NenpyouBox .tabs table tbody tr td:nth-of-type(4){width: 14%; }
#NenpyouBox .tabs table tbody tr td:nth-of-type(5){width: 20%; }
}
@media only screen and (max-width:812px){
    #NenpyouBox .tabs table thead{display: none;}
    .tab_content_description button{background-color: #111; text-align: center;
        padding:12px 25px 12px 15px;
        width:100%;
        position: relative;
        color: #fff;
        line-height: 105%;
        font-size: 1.6rem;font-weight: 700;
    }
.tab_content_description button::after{position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
    content: "";
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5.99937%207C5.74344%207%205.48751%206.9025%205.29252%206.70687L0.292961%201.70676C-0.0976537%201.31612%20-0.0976537%200.683609%200.292961%200.292975C0.683576%20-0.0976584%201.31637%20-0.0976584%201.70699%200.292975L5.99937%204.58745L10.293%200.2936C10.6836%20-0.0970334%2011.3164%20-0.0970334%2011.707%200.2936C12.0977%200.684234%2012.0977%201.31706%2011.707%201.70769L6.70717%206.70781C6.51186%206.90312%206.25562%207%205.99937%207Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 7px;
    }
    .tab_content_description button{margin-bottom: 20px;}
    
.tab_content_description button.on::after{transform:rotate(180deg);}
    #NenpyouBox .tabs table{display: none; margin-bottom: 20px;}   
  #NenpyouBox .tabs table tbody td{width: 100%;display: flex; align-items: center;}
    #NenpyouBox .tabs table tbody tr:not(:last-of-type) td:last-of-type{border-bottom: 1px solid #ECECEC;}
    #NenpyouBox .tabs table tbody td::before {
	content: attr(label);
    padding-right: 10px;
        width:126px;
        font-size: 13px;
        font-weight: 700;
}
    #NenpyouBox .tabs table tbody td > div{width:calc(100% - 139px);}
}





/* 追加　*/
#checkedMap{background-color: #ffff;
  padding: 30px 4% 60px;}


.checkedList{ margin-bottom: 40px;}
    .checkedList a{display: flex; border: 3px solid #111; align-items: center; padding: 20px; gap: 10px;
        font-weight: 700; line-height: 1.4;
    }
.checkedList a figure{width: 38px;}
.checkedList{}
@media only screen and (min-width:813px){
#checkedMap h2{width:5%;
margin-left:3.5%;
order: 2;
}
.checkedBox{width:83.33%; order: 1; padding-top: 30px;
margin-left: 8.33%;}
.checkedBox{width:100%; max-width:1000px;}
#checkedMap .wap{display: flex;}
    
    .checkedList{display: flex; gap:20px 40px; flex-wrap: wrap; background-color: #fff;}
    .checkedList a{width: calc((100% - 80px)/3);}
    
}
    @media only screen and (max-width:812px) {
    .checkedList a:not(:last-of-type){margin-bottom: 15px;}
}

#checkedMap .wap {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}


#shisan{
    width: 100%;
  padding: 15px 2% 40px 2%;
  background-color: #ffe000;
}

.shisanBox{
    border: 3px solid #000;
    background-color: #fff;
    padding: 30px;
    margin: 0 auto;
    max-width: 680px;
    font-size: 1.3rem;
    letter-spacing: 0.01rem;
}

.shisanBox .lBox{
font-style: normal;
font-weight: 700;
}

.shisanBox .lBox{letter-spacing:0;}
.shisanBox .lBox p{margin-bottom: 15px;}
.shisanBox .lBox h2{margin-bottom: 15px;}
.shisanBox .rBox p:not(:last-of-type){margin-bottom: 5px;}
.shisanBox .rBox p .link_blank{text-decoration: underline;}
.shisanBox .rBox p .link_blank:hover{text-decoration: none;}
.shisanBox .rBox p .link_blank::after{
    margin-left: 5px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M9.62312%200C9.27046%200%208.9506%200.213281%208.8139%200.541406C8.67721%200.869531%208.75376%201.24414%209.00254%201.4957L10.1343%202.625L5.50596%207.25703C5.16423%207.59883%205.16423%208.15391%205.50596%208.4957C5.84769%208.8375%206.40266%208.8375%206.74439%208.4957L11.3728%203.86367L12.5046%204.9957C12.7561%205.24727%2013.1306%205.32109%2013.4587%205.18438C13.7868%205.04766%2014%204.73047%2014%204.375V0.875C14%200.391016%2013.6091%200%2013.1252%200L9.62312%200ZM2.18707%200.875C0.978715%200.875%200%201.85391%200%203.0625V11.8125C0%2013.0211%200.978715%2014%202.18707%2014H10.9354C12.1437%2014%2013.1224%2013.0211%2013.1224%2011.8125V8.75C13.1224%208.26602%2012.7315%207.875%2012.2476%207.875C11.7637%207.875%2011.3728%208.26602%2011.3728%208.75V11.8125C11.3728%2012.0531%2011.1759%2012.25%2010.9354%2012.25H2.18707C1.94649%2012.25%201.74966%2012.0531%201.74966%2011.8125V3.0625C1.74966%202.82188%201.94649%202.625%202.18707%202.625H5.24897C5.73286%202.625%206.1238%202.23398%206.1238%201.75C6.1238%201.26602%205.73286%200.875%205.24897%200.875H2.18707Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E');
}

@media only screen and (min-width:813px){
    .shisanBox{display: flex; align-items: center;gap:20px;}
}
@media only screen and (max-width:812px){
    .shisanBox h2{text-align: center; margin-bottom: 8px;}
    .shisanBox h3{text-align: center;margin-bottom: 8px;}
    .shisanBox p:last-of-type{text-align: center;}
    .shisanBox .lBox p{margin-bottom: 8px;}
}



input[type=checkbox]#nav_btn {
  display:none
}
@media only screen and (min-width:1200px) {
  #btn_menu {
    display:none
  }
  .menuBox {
    background-color:#111;

  }
  .menuBox.fixed {
    position:fixed;
    top:0;
    width:100% !important;
    z-index:99;
    background-color:#111;
  }
  .menuBox ul {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
  }
  .menuBox ul {
    display:flex;
      gap:10px;
      justify-content: space-between;
  }
  .menuBox ul li {
    width:calc((100% - 50) / 6);
    padding:15px 0;
    text-align:center;
    font-size:1.5rem;
    font-style:normal;
    line-height:1.6;
    letter-spacing:.8px;
  }
    .menuBox ul li a{color: #fff;
    display: flex;
    align-items: center;}
}
.menuBox ul li:first-of-type a::before{
    content: "";
    display:inline-block;
    margin-right: 10px;
    width: 20px;
    height: 27px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2227%22%20viewBox%3D%220%200%2020%2027%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.2344%2026C13.9062%2022.6562%2020%2014.5521%2020%2010C20%204.47917%2015.5208%200%2010%200C4.47917%200%200%204.47917%200%2010C0%2014.5521%206.09375%2022.6562%208.76562%2026C9.40625%2026.7969%2010.5938%2026.7969%2011.2344%2026ZM10%206.66667C10.8841%206.66667%2011.7319%207.01786%2012.357%207.64298C12.9821%208.2681%2013.3333%209.11594%2013.3333%2010C13.3333%2010.8841%2012.9821%2011.7319%2012.357%2012.357C11.7319%2012.9821%2010.8841%2013.3333%2010%2013.3333C9.11594%2013.3333%208.2681%2012.9821%207.64298%2012.357C7.01786%2011.7319%206.66667%2010.8841%206.66667%2010C6.66667%209.11594%207.01786%208.2681%207.64298%207.64298C8.2681%207.01786%209.11594%206.66667%2010%206.66667Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.menuBox ul li:nth-of-type(2) a::before{
    content: "";
    display:inline-block;
    margin-right: 10px;
    width: 24px;
    height: 22px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2222%22%20viewBox%3D%220%200%2024%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22.6603%2012.6113C23.3687%2012.6113%2023.9937%2012.0298%2023.9937%2011.278C24.0354%2010.9042%2023.8687%2010.5719%2023.5353%2010.2812L12.8969%200.956637C12.6469%200.748963%2012.3135%200.665894%2012.0219%200.665894C11.7302%200.665894%2011.3968%200.707428%2011.1051%200.998172L0.416702%2010.2812C0.125011%2010.5719%200%2010.9042%200%2011.278C0%2012.0257%200.583383%2012.6113%201.33345%2012.6113H2.66689V19.2735C2.66689%2020.7397%203.86283%2021.9317%205.33379%2021.9317H9.59665L8.29237%2019.7636C8.12152%2019.4812%208.18403%2019.1198%208.43822%2018.9121L12.001%2015.9507L9.49247%2012.5116C9.03827%2011.8886%209.83417%2011.1202%2010.4426%2011.5979L15.3555%2015.444C15.6888%2015.7056%2015.6972%2016.2082%2015.3721%2016.4782L12.001%2019.2735L13.6012%2021.9317H18.6891C20.1684%2021.9317%2021.3643%2020.7355%2021.356%2019.261L21.3268%2012.6072H22.6603V12.6113Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menuBox ul li:nth-of-type(3) a::before{
    content: "";
    display:inline-block;
    margin-right: 10px;
    width: 24px;
    height: 16px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2217%22%20viewBox%3D%220%200%2024%2017%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0%203.12241C0%201.69484%201.19583%200.53418%202.66667%200.53418H13.3333C14.8042%200.53418%2016%201.69484%2016%203.12241V13.4754C16%2014.9029%2014.8042%2016.0636%2013.3333%2016.0636H2.66667C1.19583%2016.0636%200%2014.9029%200%2013.4754V3.12241ZM23.2958%201.98197C23.7292%202.20844%2024%202.64521%2024%203.12241V13.4754C24%2013.9526%2023.7292%2014.3893%2023.2958%2014.6158C22.8625%2014.8423%2022.3375%2014.818%2021.925%2014.5511L17.925%2011.9629L17.3333%2011.5787V10.8871V5.71065V5.01911L17.925%204.63491L21.925%202.04668C22.3333%201.78381%2022.8583%201.7555%2023.2958%201.98197Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menuBox ul li:nth-of-type(4) a::before{
    content: "";
    display:inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23feffff%22%20d%3D%22M362.7%2019.3L314.3%2067.7%20444.3%20197.7l48.4-48.4c25-25%2025-65.5%200-90.5L453.3%2019.3c-25-25-65.5-25-90.5%200zm-71%2071L58.6%20323.5c-10.4%2010.4-18%2023.3-22.2%2037.4L1%20481.2C-1.5%20489.7%20.8%20498.8%207%20505s15.3%208.5%2023.7%206.1l120.3-35.4c14.1-4.2%2027-11.8%2037.4-22.2L421.7%20220.3%20291.7%2090.3z%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.menuBox ul li:nth-of-type(5) a::before{
    content: "";
    display:inline-block;
    margin-right: 10px;
    width: 20px;
    height: 23px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2224%22%20viewBox%3D%220%200%2020%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5.71429%200.870239C6.50446%200.870239%207.14286%201.50863%207.14286%202.29881V3.72738H12.8571V2.29881C12.8571%201.50863%2013.4955%200.870239%2014.2857%200.870239C15.0759%200.870239%2015.7143%201.50863%2015.7143%202.29881V3.72738H17.8571C19.0402%203.72738%2020%204.6872%2020%205.87024V8.0131H0V5.87024C0%204.6872%200.959821%203.72738%202.14286%203.72738H4.28571V2.29881C4.28571%201.50863%204.92411%200.870239%205.71429%200.870239ZM0%209.44167H20V21.5845C20%2022.7676%2019.0402%2023.7274%2017.8571%2023.7274H2.14286C0.959821%2023.7274%200%2022.7676%200%2021.5845V9.44167ZM2.85714%2013.0131V14.4417C2.85714%2014.8345%203.17857%2015.156%203.57143%2015.156H5C5.39286%2015.156%205.71429%2014.8345%205.71429%2014.4417V13.0131C5.71429%2012.6202%205.39286%2012.2988%205%2012.2988H3.57143C3.17857%2012.2988%202.85714%2012.6202%202.85714%2013.0131ZM8.57143%2013.0131V14.4417C8.57143%2014.8345%208.89286%2015.156%209.28571%2015.156H10.7143C11.1071%2015.156%2011.4286%2014.8345%2011.4286%2014.4417V13.0131C11.4286%2012.6202%2011.1071%2012.2988%2010.7143%2012.2988H9.28571C8.89286%2012.2988%208.57143%2012.6202%208.57143%2013.0131ZM15%2012.2988C14.6071%2012.2988%2014.2857%2012.6202%2014.2857%2013.0131V14.4417C14.2857%2014.8345%2014.6071%2015.156%2015%2015.156H16.4286C16.8214%2015.156%2017.1429%2014.8345%2017.1429%2014.4417V13.0131C17.1429%2012.6202%2016.8214%2012.2988%2016.4286%2012.2988H15ZM2.85714%2018.7274V20.156C2.85714%2020.5488%203.17857%2020.8702%203.57143%2020.8702H5C5.39286%2020.8702%205.71429%2020.5488%205.71429%2020.156V18.7274C5.71429%2018.3345%205.39286%2018.0131%205%2018.0131H3.57143C3.17857%2018.0131%202.85714%2018.3345%202.85714%2018.7274ZM9.28571%2018.0131C8.89286%2018.0131%208.57143%2018.3345%208.57143%2018.7274V20.156C8.57143%2020.5488%208.89286%2020.8702%209.28571%2020.8702H10.7143C11.1071%2020.8702%2011.4286%2020.5488%2011.4286%2020.156V18.7274C11.4286%2018.3345%2011.1071%2018.0131%2010.7143%2018.0131H9.28571ZM14.2857%2018.7274V20.156C14.2857%2020.5488%2014.6071%2020.8702%2015%2020.8702H16.4286C16.8214%2020.8702%2017.1429%2020.5488%2017.1429%2020.156V18.7274C17.1429%2018.3345%2016.8214%2018.0131%2016.4286%2018.0131H15C14.6071%2018.0131%2014.2857%2018.3345%2014.2857%2018.7274Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menuBox ul li:nth-of-type(6) a::before{
    content: "";
    display:inline-block;
    margin-right: 10px;
    width: 24px;
    height: 21px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2222%22%20viewBox%3D%220%200%2024%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.9991%200.782959C12.6648%200.782959%2013.2789%201.13505%2013.6164%201.71249L23.7422%2018.9886C24.0844%2019.5707%2024.0844%2020.289%2023.7515%2020.8711C23.4187%2021.4533%2022.7952%2021.8148%2022.1249%2021.8148H1.8734C1.20304%2021.8148%200.579561%2021.4533%200.246725%2020.8711C-0.0861113%2020.289%20-0.0814235%2019.566%200.256101%2018.9886L10.3818%201.71249C10.7193%201.13505%2011.3335%200.782959%2011.9991%200.782959ZM11.9991%206.79205C11.3756%206.79205%2010.874%207.29437%2010.874%207.91875V13.1767C10.874%2013.8011%2011.3756%2014.3034%2011.9991%2014.3034C12.6226%2014.3034%2013.1242%2013.8011%2013.1242%2013.1767V7.91875C13.1242%207.29437%2012.6226%206.79205%2011.9991%206.79205ZM13.4992%2017.3079C13.4992%2016.9095%2013.3412%2016.5274%2013.0599%2016.2457C12.7785%2015.9639%2012.397%2015.8057%2011.9991%2015.8057C11.6013%2015.8057%2011.2197%2015.9639%2010.9384%2016.2457C10.6571%2016.5274%2010.499%2016.9095%2010.499%2017.3079C10.499%2017.7064%2010.6571%2018.0885%2010.9384%2018.3702C11.2197%2018.6519%2011.6013%2018.8102%2011.9991%2018.8102C12.397%2018.8102%2012.7785%2018.6519%2013.0599%2018.3702C13.3412%2018.0885%2013.4992%2017.7064%2013.4992%2017.3079Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.menuBox ul li:nth-of-type(7) a::before{
    content: "";
    display:inline-block;
    margin-right: 10px;
    width: 18px;
    height: 24px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2224%22%20viewBox%3D%220%200%2018%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.2728%201.46531C11.2657%201.09835%2010.9568%200.798828%2010.5851%200.798828H0.67502C0.304156%200.798828%200%201.09914%200%201.46531V23.1323C0%2023.4993%200.304156%2023.7988%200.67502%2023.7988H17.325C17.6966%2023.7988%2018%2023.4985%2018%2023.1323V8.12075C18%207.75379%2017.6958%207.44878%2017.325%207.44172L12.0559%207.34606C11.6842%207.339%2011.3753%207.03399%2011.3681%206.66703L11.272%201.46531H11.2728ZM15.4032%2018.7869C15.4032%2019.1538%2015.099%2019.4533%2014.7281%2019.4533H3.27345C2.90179%2019.4533%202.59843%2019.153%202.59843%2018.7869V18.6504C2.59843%2018.2835%202.90259%2017.9839%203.27345%2017.9839H14.7281C15.0998%2017.9839%2015.4032%2018.2843%2015.4032%2018.6504V18.7869ZM15.4032%2014.6703C15.4032%2015.0373%2015.099%2015.3368%2014.7281%2015.3368H3.27345C2.90179%2015.3368%202.59843%2015.0365%202.59843%2014.6703V14.5339C2.59843%2014.1669%202.90259%2013.8674%203.27345%2013.8674H14.7281C15.0998%2013.8674%2015.4032%2014.1677%2015.4032%2014.5339V14.6703ZM15.4032%2010.5538C15.4032%2010.9208%2015.099%2011.2203%2014.7281%2011.2203H3.27345C2.90179%2011.2203%202.59843%2010.92%202.59843%2010.5538V10.4174C2.59843%2010.0504%202.90259%209.7509%203.27345%209.7509H14.7281C15.0998%209.7509%2015.4032%2010.0512%2015.4032%2010.4174V10.5538Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M17.3257%205.86971C17.6974%205.87834%2017.7863%205.67369%2017.5234%205.41415L13.3264%201.27018C13.0635%201.01064%2012.8563%201.09846%2012.865%201.46542L12.9532%205.09894C12.9619%205.4659%2013.2732%205.77248%2013.6449%205.78189L17.3257%205.86971Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (min-width:813px) {
}
@media only screen and (max-width:1199px) {
  #btn_menu:not(.fixed) {
    top:-60px
  }
  #btn_menu {
    position:fixed;
    right:0;
    top:0;
    z-index:100;
    display:block;
    width:60px;
    height:60px;
    color:#fff;
    cursor:pointer;
    padding:10px;
      background-color: #111;    
    background-repeat:no-repeat;
    background-size:60px 60px;
    transition:.5s;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s
  }
  #btn_menu:before,
  #btn_menu:after {
    position:absolute;
    display:block;
    width:28px;
    height:2px;
    content:'';
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    background-color:#fff;
    left:0;
    right:0;
    margin:0 auto;
    top:13px
  }
  #btn_menu:before {
    top:15px
  }
  #btn_menu:after {
    top:23px
  }
  #btn_menu span:first-child {
    position:relative;
    margin:8px 0;
    display:block
  }
  #btn_menu.active:before {
    -webkit-transform:translateY(2px) rotate(45deg);
    transform:translateY(5px) rotate(19deg)
  }
  #btn_menu.active:after {
    -webkit-transform:translateY(-6px) rotate(-45deg);
    transform:translateY(-3px) rotate(-25deg)
  }
  #btn_menu span:last-child {
    font-family:'Montserrat',sans-serif;
    font-size:1.1rem;
    font-weight:700;
    line-height:0;
    letter-spacing:.65px;
    position:absolute;
    bottom:19px;
    width:100%;
    left:0;
    display:block;
    text-align:center
  }
  #btn_menu span:last-child:before {
    content:"MENU"
  }
  #btn_menu.active span:last-child:before {
    content:"CLOSE"
  }
  .h_menuBox {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9;
    background-color:#111;
    padding:0 2% 60px;
    border:none;
    display:none;
    overflow:auto;
    -webkit-overflow-scrolling:touch
  }
.h_menuBox.active {
    display:flex;
    flex-flow:column;
    justify-content:center
  }
.h_menuBox .menuBox {
    padding-top:13vw;
    margin-bottom:40px
  }
    
.h_menuBox .menuBox ul{max-width: 240px; margin: 0 auto;}    
    
.h_menuBox .menuBox ul li {
    font-size:20px;
    font-weight:600
  }
.h_menuBox .menuBox ul li:not(:last-of-type) {
    margin-bottom:5vw
  }
    .h_menuBox .menuBox a{color: #fff;
    display: flex;
        width: 100%;
    align-items: center;
}
    .h_menuBox .menuBox a::before{margin-right: 20px !important;}
}


#MovieSearchform{margin-bottom:40px; }
#MovieSearchform .select_area,
#MovieSearchform .select_category{
border: 3px solid #000000;
}
#MovieSearchform .select_label select{
padding: 12px 10px;
    color: #111;
}

#MovieSearchform .select_free input[type="text"]{min-height: 50px;
max-width: 209px;}

@media only screen and (min-width:813px){
#MovieSearchform{
display:flex;
align-content:center
}
#MovieSearchform .select_area {
width:100%;
max-width:209px;
}

#MovieSearchform .select_category {
width:100%;
max-width:209px;
margin-left:2% !important
} 
}
@media only screen and (max-width:812px){
#MovieSearchform{text-align: center;}
#MovieSearchform .select_free input[type="text"]{
max-width: 100%;
}
}


#movie{background-color:#ffff; padding: 30px 4% 60px 4%;}
#movie .wap{margin:0 auto; width: 100%; max-width: 1200px;}

.Movielist a{background-color: #fff;
border: 3px solid #FFDA26;
padding: 30px;
display: block;}

.Movielist {}
.Movielist .fa-catBox{display: flex; align-content: flex-start;}
.Movielist .fa-cat{width: 38px; padding-top: 5px; display: block;}
.Movielist .fa-cat i{
display:block;
width:38px;
height:38px;
background-color:#ccc;
color:#fff;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
line-height:38px;
text-align:center;
}
.Movielist .fa-cat i::before{font-size: 2.6rem; color: #fff;}
.Movielist .fa-cat.phot{position: relative;}
.Movielist .fa-cat.phot::after{
top: 0;
right: -5px;
position: absolute;
content: "";
display:block;

width:20px;
height:20px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
line-height:38px;
text-align:center;
background: url(../img/common/ico_phot.png) no-repeat center center;
background-size:contain;
}


.Movielist .fa-cat .fa-cat_quake{background-color:#2b7947;}
.Movielist .fa-cat .fa-cat_kazan{background-color:#f37f30;}
.Movielist .fa-cat .fa-cat_typhoon{background-color:#296fa4;}
.Movielist .fa-cat .fa-cat_wind_rain{background-color:#3688dc;}
.Movielist .fa-cat .fa-cat_slope{background-color:#8c6841;}
.Movielist .fa-cat .fa-cat_blizzard{background-color:#54c7ea;}
.Movielist .fa-cat .fa-cat_fire{background-color:#c6241e;}
.Movielist .fa-cat .fa-cat_drought{ background-color:#f8a402;}
.Movielist .fa-cat .fa-cat_monument{ background-color:#5c5ca6;}
.Movielist .fa-cat .fa-cat_etc{ background-color:#5f5f5f;}

.Movielist h3{display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 10px;}

.Movielist dl{font-size: 1.4rem; margin-bottom: 5px;}
.Movielist dt{font-weight: 900;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.Movielist dd{display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}

#movie .pagerBox{
margin-bottom:40px;
display: flex;
justify-content: center;
font-weight: 900;
font-size: 1.4rem;
}

#movie .pagerBox span{
display: block;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
margin:0 5px;
cursor:pointer;
}

#movie .pagerBox > div span:not([class]):hover{background-color: #f0f0f0;}

#movie .pagerBox > div{display: flex;
justify-content: center;}

#movie .pagerBox .now{background-color:#FFDA26; pointer-events: none;}
#movie .pagerBox .ten{pointer-events: none;}

#movie .pagerBox .prev_text{
display: block;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
cursor:pointer;margin:0 5px 0 0; font-size: 1.8rem;color: #111;}
#movie .pagerBox .next_text{
display: block;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
cursor:pointer;margin:0 0 0 5px; font-size: 1.8rem;color: #111;}

#movie .pagerBox .prev_text:disabled{opacity: 0; cursor:default; }
#movie .pagerBox .next_text:disabled{opacity: 0; cursor:default;}
.Movielist a dl dt span:not(:last-of-type):after {
content:'・'
}
.Movielist a dl dd:nth-of-type(2) span:not(:last-of-type):after {
content:'・'
}
@media only screen and (min-width:813px){    
#movie h2{width:5%;
margin-right:3.5%;
order: 1;
}
#movie .Box{width:83.33%; order: 2; padding-top: 30px;
padding-bottom: 30px; margin-right: 8.33%;}
.Movielist{display: flex; width:100%; max-width:1000px; flex-wrap: wrap;}
.Movielist a{width:30.8%; display: flex; flex-flow: column;}
.Movielist a dl{margin-top: auto;}
.Movielist a:nth-child(n + 4){margin-top:3.8%;}
.Movielist a:not(:nth-of-type(3n)){margin-right:3.8%;}
#movie .wap{display: flex;}
}
@media only screen and (max-width:812px){
    #movie{padding-top: 100px;}  


#movie .pagerBox{font-size: 1.4rem;}
#movie h2{margin-bottom:60px;}
.Movielist a:not(:first-of-type){margin-top:3.8%;}
.Movielist{margin-bottom: 60px; }
}