@charset "UTF-8";

/*
Theme Name: MIDORI SH
Theme URI: http://www.at-factory.com
Description: Created by <a href="http://www.at-factory.com/">AT-FACTORY Inc.</a>
Version: ver.1.0
Author: AT-FACTORY Inc.
Author URL: http://www.at-factory.com/
Tags: One-Columns, Responsive
*/

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:\201C \201D \2018 \2019}
.small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}

textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure{margin:0}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
p{
word-break: break-all;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/* ----------------------------------------------------*/
/* clearfix */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display:table;line-height:0;content: "";}
.clearfix:after {clear:both;}

/* IE6,7 */
.ie6 body {background:url(null) fixed;filter:expression('');}
.ie7 body {filter:expression('');}

/* fixed */
.fixed_tl {position:fixed;top:0;left:0;}
.ie6 .fixed_tl {position:absolute;top:expression(document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0 + 0 + 'px');left:expression(document.documentElement && document.documentElement.scrollLeft || document.body && body.scrollLeft || 0 + 0 + 'px');}
.fixed_tr {position:fixed;top:0;right:0;}
.ie6 .fixed_tr {position:absolute;top:expression(document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0 + 0 + 'px');right:expression(this.style.filter = '', '0');}
.fixed_bl {position:fixed;bottom:0;left:0;}
.ie6 .fixed_bl {position:absolute;bottom:expression(this.style.filter = '', '0');left:expression(document.documentElement && document.documentElement.scrollLeft || document.body && body.scrollLeft || 0 + 0 + 'px');}
.fixed_br {position:fixed;bottom:0;right:0;}
.ie6 .fixed_br {position:absolute;bottom:expression(this.style.filter = '', '0');right:expression(this.style.filter = '', '0');}

/* ----------------------------------------------------*/
/* reset */
* { margin: 0; padding: 0; }
ul,ol {list-style:none;padding:0;margin:0;}
img {vertical-align:top;font-size:0;line-height:0;border:none;}
h1,h2,h3,h4,h5,p { margin:0; }
th {font-weight:normal;text-align:left;}
th,td {vertical-align:top;}

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

html{
}

body{
line-height: 1;
margin: 0;
padding: 0;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size: 62.5%;
color:#555;
overflow-x: hidden;
}

#container{
clear:both;
width: 100%;
margin: 0 auto !important;
padding:0;
}

a, a:link {
color: #138f49;
text-decoration: none;
outline: none;
}

a:visited {
color: #138f49;
text-decoration: none;
}

a:active,a:hover {
color: #999;
text-decoration: none;
}


#link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08, #m-link01, #m-link02, #m-link03, #m-link04, #m-link05, #m-link06, #m-link07, #m-link08{
margin-top:-250px;
padding-top:250px;
}

.alignnone {
width:100%;
height:100%;
overflow:hidden;
position: relative;
margin:10px 0;
}

.aligncenter{
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-top:20px;
margin-bottom:20px;
}

.alignleft{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.alignright{
float:right;
margin-left:20px;
margin-bottom:10px;
}

.wp-caption-text{
margin-top:0 !important;
font-size:0.85em;
line-height:140%;
padding:0 20px;
}

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

.nojs {
visibility: visible;
}

.notice{
font-size:11px;
line-height:160%;
color:#cc3300;
display:block;
}

.notice-g{
font-size:11px;
line-height:160%;
color:#999999;
display:block;
}

.notice-large{
color:#cc3300;
}

.sp_br{
display:none;
}

.pc_area{
display:block;
}
.sp_area{
display:none;
}

.md-close{
margin-top:20px !important;
}


/* ***********************************************************************
	Header
*********************************************************************** */
header{
position:fixed;
width:100%;
padding:0 15px;
height:100px;
margin:0 auto;
z-index:990;
}

.site-header{
background: url(images/header-bg.png) repeat-x;
}

.site-header.transform{
background:#fff;
border-bottom:solid 1px #ccc;
}

#head-wrap{
position:relative;
}

#head-wrap h1 img{
position:absolute;
top:25px;
left:10px;
width:300px;
height:auto;
z-index:999;
}

.site-description{
position:absolute;
top:26px;
left:62px;
color:#000;
font-size:12px;
}

.header-tel img{
position:absolute;
width:180px;
height:auto;
top:10px;
right:110px;
}

.header-fb img{
position:absolute;
top:9px;
right:110px;
width:25px;
height:auto;
}

.header-tw img{
position:absolute;
top:9px;
right:70px;
width:25px;
height:auto;
}

.header-insta img{
position:absolute;
top:9px;
right:30px;
width:25px;
height:auto;
}

nav{
position:absolute;
top:39px;
left:350px;
z-index:999;
width:860px;
}

.backtotop {
position: fixed;
right: 15px;
bottom: 20px;
z-index: 9000;
display: none;
}    
 
.backtotop a {
display: block;
color: #fff;
padding: 14px 6px;
margin: 0;
background-color: #999;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
 
.backtotop a:hover {
background: #999;
color: #fff;
}

/* ***********************************************************************
	Language
*********************************************************************** */
.language{
position:absolute;
top:17px;
right:140px;
font-size:14px;
}

.language li{
float:left;
padding:0 10px;
}

.language li+ li {
border-right: 0;
border-left: 1px solid #333;
}

.current-lang a{
color:#333;
pointer-events: none;
}

/* ***********************************************************************
	Master Slider
*********************************************************************** */
.ms-container{
margin:0 !important;
padding:0 !important;
}

.hero-top{
width:100%;
height:auto;
margin-bottom:30px;
padding-top:100px;
}

.hero{
float:left;
width:100%;
height:auto;
margin-bottom:30px;
}

.ms-layer h1{
margin:15px 0;
line-height:140%;
}

.ms-slide-info{
padding:0;
text-align:center;
font-size:16px;
}


/* ***********************************************************************
	Swiper
*********************************************************************** */
.mb60{
margin-bottom: 0;
}	
.swiper-container{
text-align: center;
}
.swiper-container .swiper-slide img{
max-width: 100%;
height: auto;
}
.prettyprint{
border: none;
background: #fff;
color: #697d86;
}


/* ***********************************************************************
	Page Navigation
*********************************************************************** */
.wp-pagenavi{
padding-top:30px;
font-size:14px;
}

.current{
border:solid 1px #888 !important;
background:#888;
color:#fff;
}

.wp-pagenavi a:hover{
border:solid 1px #0076a7 !important;
color:#0076a7;
}

/* ***********************************************************************
	TopPage TOPICS
*********************************************************************** */
.post_list{
width:100%;
border:solid 1px #ebebeb;
padding:20px;
}

.post_list .category-label{
float:left;
background:#666;
width:100px;
text-align:center;
font-size:12px;
padding:5px;
margin:2px 10px 0 30px;
line-height:100%;
}


.post_list li{
float:left;
width:100%;
padding:0 5px 0 5px;
text-align:left;
font-size:0.85em;
}

.topics_list{
width:100%;
border:solid 1px #ebebeb;
padding:20px;
}

.topics_list li{
float:left;
width:50%;
padding:0 10px 0 10px;
margin-bottom:20px;
min-height:200px;
}

.topics_list li h3{
font-size:1.2em;
}

.topics_list li p{
font-size:1.0em;
}

.new{
color:#cc3300;
font-size:11px;
font-weight:bold;
margin-left:8px;
vertical-align:top;
}

.label-new{
background:#cc3300;
color:#fff;
font-size:11px;
font-weight:bold;
margin-right:8px;
vertical-align:top;
padding:0 4px;
}

.more{
position:absolute;
top:7px;
right:15px;
font-size:16px;
font-weight:100;
}

.morepage{
display: block;
width:100%;
font-size:18px;
text-align:center;
}


/* ***********************************************************************
	TopPage Tabs
*********************************************************************** */
.su-tabs{
background:#fff !important;
margin-top:60px !important;
}

.top_tub .su-tabs-nav span{
background:#414349;
color:#fff;
font-size:1.2em;
padding:20px 80px;
}

.su-tabs-current{
background:#ebebeb !important;
color:#333 !important;
}

.su-tabs-pane{
background:#ebebeb !important;
}


.tub-item:before {
font-family: "Font Awesome 5 Free";
content:"\f00a";
font-weight:900;
padding-right:10px;
}

.tub-catalog:before {
font-family: "Font Awesome 5 Free";
content:"\f518";
font-weight:900;
padding-right:10px;
}


.tub-video:before {
font-family: "Font Awesome 5 Brands";
content:"\f167";
font-weight:900;
padding-right:10px;
}

.su-tabs-pane.su-u-clearfix.su-u-trim.tub-item.su-tabs-pane-open::before{
display:none;
}
.su-tabs-pane.su-u-clearfix.su-u-trim.tub-catalog.su-tabs-pane-open::before{
display:none;
}
.su-tabs-pane.su-u-clearfix.su-u-trim.tub-video.su-tabs-pane-open::before{
display:none;
}


/* ***********************************************************************
	facebook feed
*********************************************************************** */
.fb{
width:1200px;
height:600px;
border:solid 1px #ccc;
margin:0 auto;
overflow:scroll;
padding:30px;
}

/* ***********************************************************************
	Contents
*********************************************************************** */
#main{
width: 1200px;
background:#fff;
margin: 0 auto;
font-size:1.6em;
line-height:1.8em;
}

#inner{
clear:both;
padding:15px 0;
}

#main p{
margin:10px 0 20px 0;
}

/****************************************
		category
*****************************************/
.category{
padding-top:100px;
}

.cat-thumb img{
width:145px;
height:145px;
}

/* TOPICS */

.info-list{
position:relative;
margin:0;
padding:7px 0 5px 0;
border-bottom: solid 1px #dbdadc;
font-size:1.2em;
}

.info-date{
margin:0;
padding:0 10px 0 10px;
float:left;
}

.category-label{
float:left;
background:#666;
color:#fff;
width:60px;
text-align:center;
font-size:12px;
padding:4px;
margin:2px 10px 0 30px;
line-height:100%;
}

.category-label a{
text-decoration:none;
color:#fff;
font-weight:bold;
}

.wp-pagenavi{
margin:40px 0 20px 0;
}

.topicsentry{
padding-top:30px;
}

/* ***********************************************************************
	Page
*********************************************************************** */
#page, #cat{
padding:100px 15px 15px 15px;
width: 1200px;
margin: 0 auto;
font-size:1.4em;
line-height:1.8em;
}

#page h3{
font-size:1.5em;
}


#page p{
margin:15px 0;
}

.read{
padding:30px 0 30px 0;
font-size:20px;
line-height:160%;
}

.page-contact{
width:1200px;
}

.page-contact li{
float:left;
width:390px;
height:300px;
text-align:center;
font-size:18px;
color:#138f49;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.box-l{
border-left:solid 1px #8c9eac;
padding-bottom:60px;
}

.box-l img ,.box-c img ,.box-r img{
width:100%;
height:auto;
}

.box-c{
border-left:solid 1px #8c9eac;
border-right:solid 1px #8c9eac;
padding-bottom:60px;
}

.box-r{
border-right:solid 1px #8c9eac;
padding-bottom:60px;
}

.lineup-list li{
width:186px;
text-align:center;
min-height:230px;
float:left;
margin:4px;
background:#fff;
line-height:160%;
}

.lineup-list li img{
margin-bottom:10px;
}

.lineup-list li p{
font-size:12px;
font-weight:bold;
line-height:130%;
}

.lineup-list2{
float:left;
width:100%;
}

.lineup-list2 li{
width:190px;
text-align:center;
min-height:290px;
float:left;
background:#fff;
line-height:160%;
padding:0 10px;
border:solid 1px #ddd;
margin:2px;
}

.lineup-list2 li img{
margin-bottom:10px;
width:100%;
height:auto;
}

.lineup-list2 li p{
font-size:11px;
line-height:130%;
text-align:left;
}



/* 英語版用 */
.lineup-list2-en{
float:left;
width:100%;
}

.lineup-list2-en li{
position: relative;
width:190px;
text-align:center;
min-height:320px;
float:left;
background:#fff;
line-height:160%;
padding:0 10px;
border:solid 1px #ddd;
margin:2px;
}

.lineup-list2-en li img{
margin-bottom:10px;
width:100%;
height:auto;
}

.moreicon{
position:absolute;
width:20px;
height:20px;
top:10px;
right:10px;
z-index:9999;
}

.lineup-list2-en li p{
font-size:11px;
line-height:130%;
text-align:left;
}



.lineup{
width:100%;
float:left;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
}

.lineup li{
float:left;
width:50%;
padding:20px;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
font-size:1.2em;
}

.lineup span{
font-weight:bold;
	background:#999;
	padding:2px 5px;
	color:#fff;
	margin-right:10px;
}


.item-list li{
width:20%;
min-height:380px;
float:left;
margin:0;
background:#fff;
line-height:160%;
padding:20px;
}

.item-list li img{
margin-bottom:10px;
width:100%;
height:auto;
}

.item-list li p{
width:100%;
margin:5px 0;
}



/* 英語版用 */
.item-list-en li{
width:20%;
min-height:460px;
float:left;
margin:0;
background:#fff;
line-height:140%;
padding:20px 20px 0 20px;
}

.item-list-en li img{
margin-bottom:10px;
width:100%;
height:auto;
}

.item-list-en li p{
width:100%;
margin:5px 0;
}


.type-list li{
width:50%;
float:left;
margin:0;
background:#fff;
line-height:160%;
padding:20px;
}

.type-list li img{
margin-bottom:10px;
width:100%;
height:auto;
}

.type-list li p{
width:100%;
margin:5px 0;
text-align:center;
}


.trim_thumb {
overflow: hidden;
position: relative;
float:left;
margin-right:10px;
}

.trim_thumb img{
border:solid 1px #ccc;
width: 150px;
height: auto;

}


.spsite{
text-align:center;
width:100%;
border:solid 3px #2baa3f;
background:#eff6eb;
padding:40px 0;
font-size:150%;
}

.md-content img{
width:100%;
height:auto;
margin-bottom:15px !important;
}

#pickup{
clear:both;
padding:15px;
width: 1200px;
margin: 0 auto;
font-size:1.4em;
line-height:1.8em;
}

/* ***********************************************************************
	Anchor Link
*********************************************************************** */
.toplinklist{
margin:20px 0;
}

.toplinklist li {
float:left;
width:25%;
text-align:center;
border:solid 4px #fff;
font-size:1.4em;
}

.toplinklist li a {
padding: 10px 0 9px;
display: block;
background-color: #ebebeb;
color:#000;
}

.toplinklist2{
margin:20px 0;
}

.toplinklist2 li {
float:left;
width:20%;
text-align:center;
border:solid 4px #fff;
font-size:1.4em;
}

.toplinklist2 li a {
padding: 10px 0 9px;
display: block;
background-color: #007130;
color:#fff;
}


/* ***********************************************************************
	Pict
*********************************************************************** */
.pict{
float:left;
width:100%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.pict li{
width: calc(100% / 6);
float:left;
padding:5px;
text-align:center;
font-size:90%;
margin-bottom:30px;
}

.w2{
width: calc(100% / 3) !important;
float:left;
}

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

.pict li img{
width:100%;
height:auto;
}

.pict li .alignnone{
margin:0 !important;
}

.pict-ttl{
position: relative;
float:left;
background:#1d7f7e;
width:100%;
font-size:1.6em !important;
color:#fff;
padding:5px 10px;
margin-top:80px;
margin-bottom:20px;
border-radius: 5px;
}

.pict-ttl:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #1d7f7e transparent transparent transparent;
}

.localnavi{
float:left;
width:100%;
margin-top:20px;
border:solid 1px #1d7f7e;
background:#f7f7f7;
padding:15px;
}

.localnavi li{
float:left;
width: calc(100% / 5);
font-size:1.0em;
padding:0 10px;
}

.localnavi3-1{
float:left;
width:100%;
margin-top:20px;
border:solid 1px #1d7f7e;
background:#f7f7f7;
padding:15px;
}

.localnavi3-1 li{
float:left;
width: calc(100% / 3);
font-size:1.0em;
padding:2px 10px;
}

/* ***********************************************************************
	Catalog-NEW
*********************************************************************** */
.catalog-box{
list-style: none;
padding: 0;
margin: 0 0 20px;
width: 100%;
border:solid 4px #ddd;
float:left;
}

.catalog-list h2{
font-size:24px !important;
margin:0;
padding:40px 0;
float:left;
width:100%;
text-align:center;
color:#000;
background:#eee;
}

.catalog-list h3{
font-size:17px !important;
margin:0;
padding:10px 0;
float:left;
width:100%;
}

.catalog-list{
list-style: none;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.catalog-list li {
float: left;
width: 25%;
padding: 15px 15px 50px 15px;
margin: 0 !important;
word-break: break-all;
background:#fff;
}

.btn-catalog {
font-size: 0.85em;
padding: 4px 10px;
background: #007130;
color: #fff !important;
text-decoration: none;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px 0 0 0;
display: inline-block;
transition: .4s;
width: 100%;
}

.catalog-cover{
position:relative;
margin:0;
padding:0;
}

.catalog-cover img {
width: 100%;
height: auto;
border: solid 1px #ddd;
margin:0;
}

.catalog-mark{
display: flex;
justify-content: center;
align-items: center;
position:absolute;
left:20px;
top:20px;
width:50px;
height:50px;
background:#cc3300;
color:#fff;
border-radius:50%;
line-height:50px;
text-align:center;
}

.chirashi{
width:100%;
float:left;
padding:20px;
font-size:18px;
background:#e0eee3;
}

.aaaaa{
display:inline-flex;
}

select{
  -webkit-appearance:none;
    appearance:none;
  padding:1em 1em;
  box-sizing:border-box;
font-size:16px;
  border:#ccc 1px solid;
  border-radius:5px;
  background:#fff;
}

input[type="button"] {
background:#007130;
border: 1px solid #007130;
border-radius: 0.3em;
  padding:1em 1em;
color:#fff;
font-size:14px;
margin:0 5px;
}

#Terms-of-use {
border: solid 1px #ccc;
padding: 15px;
margin: 20px 0 30px 0;
overflow: scroll;
width: 100%;
height: 300px;
}


/* ***********************************************************************
	Catalog
*********************************************************************** */
.medialist{
background:#fff;
padding:8px;
}

.medialist h3{
font-size:1.4em;
}

.medialist h4{
font-size:1.3em;
margin:20px 0;
padding:0 5px;
border-bottom:solid 2px #ddd;
}

.medialist h5{
font-size:1.1em;
}

.media{
float:left;
width:100%;
height:auto;
margin:10px 0;
}

.media li{
width:33.3%;
float:left;
padding:0 5px;
margin-bottom:30px;
}

.cover{
float:left;
width:150px;
min-height:275px;
margin-right:10px;
}

.cover img{
margin-bottom:5px;
}

/* ***********************************************************************
	Movie
*********************************************************************** */
.movielist{
background:#fff;
padding:8px;
}

.movielist h4{
font-size:1.3em;
margin:20px 0;
padding:0 5px;
border-bottom:solid 2px #ddd;
}

.movielist h5{
font-size:1.1em;
}

.movie{
float:left;
width:100%;
height:auto;
margin:10px 0;
}

.movie li{
width:50%;
float:left;
padding:0 5px;
margin-bottom:30px;
min-height:220px;
}

.movie-thumb{
float:left;
width:200px;
height:auto;
min-height:200px;
margin-right:10px;
}

.movie-thumb img{
margin-bottom:5px;
}



.video{
float:left;
width:100%;
height:auto;
margin:10px 0;
}

.video li{
width:50%;
float:left;
padding:0 5px;
margin-bottom:10px;
line-height:160%;
}

/* ***********************************************************************
	Contact box
*********************************************************************** */
.contact-box{
width:100%;
float:left;
border:solid 1px #ccc;
padding:5px 30px 20px;
text-align:center;
background:#fff;
margin-top:20px;
}

.contact-box p{
font-size:1.3em;
color:#666;
}



/* ***********************************************************************
	Single
*********************************************************************** */
#single{
padding:100px 15px 15px 15px;
width: 1200px;
margin: 0 auto;
font-size:1.6em;
line-height:1.8em;
}

#single p{
margin:20px 0;
}

#single h3{
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
margin:20px 0;
padding: 10px;
}

.date-single{
text-align:right;
color:#666;
padding:0;
}

ol{
margin:20px 0 20px 25px;
}

/* ***********************************************************************
	Title Style
*********************************************************************** */
.single-title {
position:relative;
font-size: 1.8em;
font-weight:100;
padding:4px 4px 0 2px;
text-align:left;
margin:60px 0 30px 0;
}

.title-style1 {
position:relative;
font-size: 150%;
font-weight:100;
border-bottom: solid 2px #ebebeb;
margin: 0;
padding:4px 4px 0 2px;
background:#f7f7f7;
text-align:left;
}

.title-style1 span {
display: inline-block;
margin-bottom: -2px;
padding: 5px 10px 5px 10px;
border-bottom: solid 2px #2baa3f;
}

.title-center {
position: relative;
display: inline-block;
margin-bottom: 1em;
width:100%;
font-size: 200%;
line-height:140%;
letter-spacing: 0.1em;
text-align:center;
padding:40px 0 30px 0;
}

.title-center:before {
content: '';
position: absolute;
bottom: 0;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #348F50;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #56B4D3, #348F50);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #56B4D3, #348F50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.lineup-item{
background:#008c00;
color:#fff;
padding:2px 0;
width:100%;
display:block;
}

.lineup-item:hover{
background:#ccc;
}

.lineup-item-non{
background:#008c00;
color:#fff;
padding:2px 0;
width:100%;
display:block;
}

/* ***********************************************************************
	Q&A
*********************************************************************** */
.boxQA {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 0.5em;
    background: #EDF1F5;/*A文章部分背景色*/
    border-radius: 10px;
}

.boxQA .box-title {
    position: relative;
    background: #fff;/*Q文章部分背景色*/
    padding: 10px 5px 10px 40px;
    color: #454545;/*Q文章文字色*/
    border-radius: 10px;
}
.boxQA .box-title:before {
    content: "Q";
    display: inline-block;
    line-height: 35px;
    position: absolute;
    padding: 0em;
    color: white;/*Q文字色*/
    background: #9ED1FF;/*Q背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 35px;
    left: -1.2em;
    top: 20px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}
.boxQA .box-title:after {
    content: "A";
    display: inline-block;
    line-height: 35px;
    position: absolute;
    padding: 0em;
    color: white;/*A文字色*/
    background: #FFAB8B;/*A背景色*/
    font-weight: bold;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 35px;
    left: -1.2em;
    bottom: -80px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white; 
    border-radius: 50%;
}

.boxQA p {
    padding: 20px 20px 15px 40px;
    margin: 0;
}

.boxQA ul {
  padding: 0 1em;
  position: relative;
}
.boxQA ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 4.2em;
  list-style-type: none!important;
}
.boxQA ul li:before {
  font-family: "FontAwesome";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 3.5em;
  color: #FFAB8B; /*Aのリストのアイコンの色*/
}


/* ***********************************************************************
	Button Style
*********************************************************************** */
.button {
font-size:1.8em;
padding:10px 0;
background:#009046;
color:#fff !important;
text-decoration: none;
text-align: center;
margin:20px 0;
display:block;
border-radius:5px;
}

.button:hover{
background:#ccc;
}

.button2 {
background:#009046;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #fff !important;
border-radius: 0.5rem;
}

.button2:hover{
background:#ccc;
}


/* ***********************************************************************
	Footer
*********************************************************************** */
footer{
clear:both;
margin:0 auto;
position:relative;
width: 100%;
background:#fff;
padding:30px 0 10px 0;
margin-top:20px !important;
border-top:solid 1px #ccc;
}

#foot_inner{
width:1200px;
margin:0 auto;
color:#333;
}

#foot_navi h2{
padding:0 30px;
text-align:left;
}

#footer-navi{
float:left;
width:25%;
font-size:1.4em;
padding:30px 10px;
text-align:left;
}

#footer-navi h2{
padding:10px 0;
text-align:left;
font-size:1.1em !important;
}

#footer-navi li{
padding:10px 0;
}

#footer-navi li a{
color:#333;
}

#footer-navi-en{
text-align:center;
font-size:14px;
padding-bottom:10px;
}

#footer-navi-en  a{
color:#333;
}

#copyright{
width:100%;
border-top:solid 1px #ccc;
clear:both;
padding:18px 0 10px 0;
font-size:1.2em;
line-height:160%;
text-align:center;
margin-top:20px;
}

#copyright a{
text-decoration: none;
}

/* ***********************************************************************
	Table Style
*********************************************************************** */

/* Entry Form */

.m-alert{
background:#ff7f50;
color:#fff;
padding:5px;
margin-right:15px;
}

.table_form{
width: 100%;
border-collapse: collapse;
margin:10px 0;
}

.table_form caption{
text-align:left;
color:#cc0000;
font-weight:bold;
}

.table_form th{
width: 30%;
padding: 10px;
text-align: left;
vertical-align: middle;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
font-size:1.2em;
font-weight:bold;
}

.table_form td{
vertical-align: middle;
width: 70%;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
font-size:1.2em;
}

.table_form p{
margin:0 !important;
}



.table_style01{
width: 100%;
border-collapse: collapse;
margin:10px 0;
}

.table_style01 th{
width: 20%;
padding: 10px;
text-align: left;
vertical-align: middle;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
font-weight:bold;
}

.table_style01 td{
vertical-align: middle;
width: 70%;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
}


.table_style02{
border-collapse: collapse;
margin:10px 0;
width:100%;
}

.table_style02 th{
padding: 10px;
text-align: center;
vertical-align: middle;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
font-weight:bold;
}

.table_style02 td{
vertical-align: middle;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
}


.table_style03{
width: 100%;
border-collapse: collapse;
margin:10px 0;
}

.table_style03 th{
padding: 10px;
text-align: left;
vertical-align: middle;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
font-weight:bold;
}

.table_style03 td{
vertical-align: middle;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
}



/* ***********************************************************************
	Clear Fix
*********************************************************************** */
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

/* Hides from IE-mac \*/
* html .clearFix {
 height: 1%;
 }
.clearFix {
display: block;
}
/* End hides from IE-mac \*/


/* ***********************************************************************
	Accordion
*********************************************************************** */
.su-spoiler{
margin-bottom:1px !important;
}

.su-spoiler-title{
margin-top:15px;
font-size:1.2em !important;
}

.su-accordion{
padding:0 !important;
}

.su-spoiler-content{
padding:30px !important;
line-height:200%;
}

.su-spoiler-content p{
margin:20px 0;
}

.accordion  .su-spoiler-title{
background:#f7f7f7 !important;
margin:0 !important;
padding:15px 15px 15px 30px !important;
}

.accordion  .su-spoiler-content{
padding:0 !important;
}

.su-spoiler-icon{
padding:8px 15px 0 10px;
}

.su-spoiler.my-custom-spoiler {
}

.su-spoiler.my-custom-spoiler .su-spoiler-title { background-color: #fff }
.su-spoiler.my-custom-spoiler .su-spoiler-title .su-spoiler-icon,
.su-spoiler.su-spoiler-closed.my-custom-spoiler .su-spoiler-title .su-spoiler-icon {
left: 5px;
}

.su-spoiler-content .su-spoiler-title {
background-color: #fff !important;
}

.su-spoiler.my-custom-spoiler .su-spoiler-content {
padding:0 5px;
background-color: #fff;
}

.su-spoiler-icon{
color:#cc3300;
}

.su-column-inner img{
width:100%;
height:auto;
}

/* //////////////////////////////////////////////////////////////////////
	add 2021.11
///////////////////////////////////////////////////////////////////////// */
.wp-post-image{
width:100%;
height:auto;
margin-bottom:15px;
}

.date{
background:#333;
color:#fff;
padding:0 4px;
margin-right:5px;
}

.col4-2{
float:left;
width:100%;
margin:20px 0 40px 0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.col4-2 li{
float:left;
width: calc(100% / 4);
padding:10px;
background:#fff;
}

.top-seihin{
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 10px;
margin: 10px 0;
background: #fff;
}

.top-seihin li{
width: calc(25% - 20px);
margin: 10px;
box-sizing: border-box;
background: #f7f7f7;
font-size: 14px;
line-height: 1.4em;
}

.top-seihin li span{
margin:0 10px 10px 10px;
display:inline-block;
}

.top-seihin a{
color:#333 !important;
font-weight:bold;
}

.top-seihin li a:hover{
opacity:0.5;
transition:0.3s;
}

.sns{
float:left;
width:100%;
margin:20px 0;
background:#fff;
padding:0;
}

.col3-1{
float:left;
width: calc(100% / 3);
max-height:600px;
padding:10px;
background:#ebebeb;
}

.sns-inner{
overflow: hidden;
height:500px;
}

.img100 {
width:100%;
height:auto;
overflow:hidden;
position: relative;
}

.img50 {
width:50%;
height:auto;
overflow:hidden;
position: relative;
}

.sns_title_fb {
background-color: #3b5998;
background-size: 29px;
background-image: url("images/icon_fb_title.png");
margin-bottom: 0;
padding-left: 58px;
background-repeat: no-repeat;
background-position: 16px center;
color: #fff;
text-align: left;
font-size: 15px;
line-height: 48px;
}

.sns_title_tw {
background-color: #000;
background-size: 29px;
background-image: url("images/icon_x_title.png");
margin-bottom: 0;
padding-left: 58px;
background-repeat: no-repeat;
background-position: 16px center;
color: #fff;
text-align: left;
font-size: 15px;
line-height: 48px;
}

.sns_title_etc {
background-color: #666;
margin-bottom: 0;
padding-left: 20px;
color: #fff;
text-align: left;
font-size: 15px;
line-height: 48px;
}


/* //////////////////////////////////////////////////////////////////////
	For Note / Tablet
///////////////////////////////////////////////////////////////////////// */

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

}


/* //////////////////////////////////////////////////////////////////////
	For SmartPhone
///////////////////////////////////////////////////////////////////////// */

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

.spnone{
display:none;
}

.pc_area{
    display:none;
  }

.sp_area{
    display:block;
}

.sp_br{
display:block;
}

.imgfit {
width:100%;
height:100%;
overflow:hidden;
position: relative;
}

.imgfit img {
position: relative;
width:100% !important;
height: auto;
}

.img50 {
width:50%;
height:auto;
overflow:hidden;
position: relative;
}

.img50 img {
position: relative;
width:50% !important;
height: auto;
}

.img25 {
width:25%;
height:25%;
overflow:hidden;
position: relative;
}

.img25 img {
position: relative;
width:25% !important;
height: auto;
}

#container{
width: 100%;
margin: 0 auto;
padding:0;
}

header{
position:relative;
width:100%;
padding:0;
height:70px;
}

.site-description{
position:absolute;
top:53px;
left:52px;
color:#333;
font-size:12px;
}

#head-wrap h1 img{
position:absolute;
top:53px;
left:10px;
width:240px;
height:auto;
z-index:999;
}

.header-tel img{
position:absolute;
width:180px;
height:auto;
top:10px;
right:60px;
display:none;
}

.header-fb img{
position:absolute;
top:54px;
right:80px;
width:25px;
height:auto;
}

.header-tw img{
position:absolute;
top:54px;
right:45px;
width:25px;
height:auto;
}

.header-insta img{
position:absolute;
top:54px;
right:10px;
width:25px;
height:auto;
}

/* ナビゲーション */

nav{
position:absolute;
width:100%;
top:0;
left:0;
z-index:999;
margin:0;
padding:0;
background:#ddd;
position:fixed;
}

.pagenav{
margin-bottom:20px;
}

.mega-menu-item a{
border-top:solid 1px #ccc !important;
}

.back{
padding:10px;
}

.spsite{
font-size:120%;
}

/* ***********************************************************************
	TopPage Tabs
*********************************************************************** */
.su-tabs{
background:#fff !important;
margin-top:0 !important;
}

.top_tub .su-tabs-nav span{
font-size:1.0em;
padding:10px 10px;
border-radius:0px !important;
border-bottom:solid 1px #fff;
width:100%;
margin:0;
}

.su-tabs{
border-radius:0px !important;
}

.su-tabs-pane{
background:#fff !important;
}

.su-tabs-pane h4{
font-size:1.4em !important;
}


/* ***********************************************************************
	TopPage List
*********************************************************************** */
.info-date{
margin:0;
padding:0 10px 0 0;
float:left;
}

.post_list{
width:100%;
height:auto;
}

.post_list li{
float:left;
width:100%;
padding:0 5px 20px 5px;
font-size:80%;
}

.topics_list{
width:100%;
height:auto;
}

.topics_list li{
float:left;
width:100%;
padding:5px 0;
font-size:1.2em;
}

.topics_list li h3{
font-size:1.1em;
}


.trim_thumb {
width: 100px;
height: 100px;
overflow: hidden;
position: relative;
float:left;
margin-right:20px;
}

.trim_thumb img{
position: absolute;
width:100%;
height: auto;
}



#main{
box-sizing: border-box;
margin:0;
padding:0;
width:100% !important;
font-size:1.4em;
line-height:1.7em;
}

#main p{
margin:8px 0;
}


.item-list li{
width:50%;
height:auto;
float:left;
text-align:center;
margin:0;
padding:2px;
background:#fff;
min-height:380px;
}

.item-list li img{
width:100%;
height:auto;
}


/* ***********************************************************************
	Page
*********************************************************************** */
#page{
padding:5px;
width: 100%;
margin: 0 auto;
font-size:1.2em;
line-height:1.8em;
}

#page h3{
font-size:1.3em;
}

.ms-layer h1{
margin:15px 0;
line-height:200%;
}

.ms-layer p{
margin:10px 0 10px 0 !important;
}


.read{
padding:10px 5px 30px 5px;
font-size:16px;
line-height:160%;
}

.page-contact{
width:100%;
}

.page-contact li{
float:left;
width:100%;
height:auto;
text-align:center;
font-size:18px;
color:#138f49;
}

.item-list li{
width:50%;
height:auto;
float:left;
text-align:center;
margin:0px;
background:#fff;
}

.box-l{
border-left:solid 0px #8c9eac;
border-bottom:solid 1px #8c9eac;
padding-bottom:20px;
}

.box-c{
padding-top:20px;
border-left:solid 0px #8c9eac;
border-right:solid 0px #8c9eac;
border-bottom:solid 1px #8c9eac;
padding-bottom:20px;
}

.box-r{
border-right:solid 0px #8c9eac;
padding-bottom:20px;
}


.category{
padding-top:0;
}

/* ***********************************************************************
	Anchor Link
*********************************************************************** */
.toplinklist{
margin:20px 0;
}

.toplinklist li {
float:left;
width:50%;
text-align:center;
border:solid 2px #fff;
font-size:1.0em;
}

.toplinklist li a {
padding: 5px 0;
display: block;
background-color: #ebebeb;
color:#000;
}

.toplinklist2{
margin:20px 0;
}


.toplinklist2 li {
float:left;
width:50%;
text-align:center;
border:solid 2px #fff;
font-size:1.0em;
}

.toplinklist2 li a {
padding: 5px 0;
display: block;
background-color: #007130;
color:#fff;
}

/* ***********************************************************************
	Item
*********************************************************************** */

.lineup-list li{
width:50%;
text-align:center;
min-height:230px;
float:left;
margin:0;
background:#fff;
line-height:160%;
}

.lineup-list li img{
margin-bottom:10px;
width:100%;
height:auto;
}

.lineup-list li p{
margin:5px 0;
}

.lineup-list2 li{
width:50%;
text-align:center;
min-height:300px;
float:left;
margin:0;
background:#fff;
line-height:160%;
}

.lineup-list2 li img{
margin-bottom:10px;
width:100%;
height:auto;
}

.lineup-list2 li p{
margin:5px 0;
}

.lineup li{
float:left;
width:100%;
padding:10px;
font-size:0.85em;
}
/* ***********************************************************************
	Catalog-NEW
*********************************************************************** */
.catalog-list {
background:#fff;
list-style: none;
padding: 0;
margin: 0 0 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}

.catalog-list h2{
font-size:24px !important;
margin:0;
padding:40px 0;
float:left;
width:100%;
text-align:center;
color:#000;
}

.catalog-list h3{
font-size:16px !important;
margin:0;
padding:10px 0;
float:left;
width:100%;
}

.catalog-list li {
float: left;
width: 50%;
padding: 10px 10px 10px 10px;
margin: 0 !important;
word-break: break-all;
background:#fff;
}

.btn-catalog {
font-size: 10px;
padding: 4px 5px;
background: #007130;
color: #fff !important;
text-decoration: none;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px 0 0 0;
display: inline-block;
transition: .4s;
width: 100%;
}

.catalog-cover{
position:relative;
margin:0;
padding:0;
}

.catalog-cover img {
width: 100%;
height: auto;
border: solid 1px #ddd;
margin:0;
}

.catalog-mark{
display: flex;
justify-content: center;
align-items: center;
position:absolute;
left:10px;
top:10px;
width:30px;
height:30px;
background:#cc3300;
color:#fff;
border-radius:50%;
line-height:30px;
text-align:center;
font-size:80%;
}

select{
  -webkit-appearance:none;
  appearance:none;
  padding:1em 1em;
  box-sizing:border-box;
  font-size:60%;
  border:#ccc 1px solid;
  border-radius:5px;
  background:#fff;
width:200px;
}


/* ***********************************************************************
	Catalog
*********************************************************************** */
.medialist{
background:#fff;
padding:8px;
}

.medialist h4{
font-size:1.3em;
margin:20px 0;
padding:0 5px;
border-bottom:solid 2px #ddd;
}

.medialist h5{
font-size:1.1em;
}

.media ul{
float:left;
width:100%;
height:auto;
margin:10px 0;
}

.media li{
width:50%;
float:left;
padding:0 5px;
margin-bottom:0;
height:580px;
}

.cover{
float:left;
width:100%;
margin-right:0;
}

.cover img{
width:100%;
height:auto;
margin-bottom:5px;
}

/* ***********************************************************************
	Movie
*********************************************************************** */
.movielist{
background:#fff;
padding:8px;
}

.movielist h4{
font-size:1.3em;
margin:20px 0;
padding:0 5px;
border-bottom:solid 2px #ddd;
}

.movielist h5{
font-size:1.1em;
}

.movie ul{
float:left;
width:100%;
height:auto;
margin:10px 0;
display: -webkit-flex;
display: flex;
}

.movie li{
width:50%;
float:left;
padding:5px;
margin-bottom:0;
min-height:500px;
}

.movie-thumb{
float:left;
width:100%;
height:auto;
min-height:200px;
margin-right:10px;
}

.movie-thumb img{
width:100%;
height:auto;
margin-bottom:5px;
}

/* ***********************************************************************
	PICKUP
*********************************************************************** */
#pickup{
width:100%;
font-size:1.2em;
}

/* ***********************************************************************
	Single
*********************************************************************** */
#single{
padding:5px 10px;
width: 100%;
margin: 0 auto;
font-size:1.3em;
line-height:1.8em;
}


.cat-title{
margin:30px 0;
}

/* ***********************************************************************
	Title Style
*********************************************************************** */
.single-title {
position:relative;
font-size: 1.8em;
line-height:140%;
font-weight:100;
padding:4px 4px 0 2px;
text-align:left;
margin:10px 0 10px 0;
}

.title-style1 {
position:relative;
font-size: 150%;
font-weight:100;
border-bottom: solid 2px #ebebeb;
margin: 0;
padding:4px 4px 0 2px;
background:#ebebeb;
text-align:left;
}

.title-style1 span {
display: inline-block;
margin-bottom: -2px;
padding: 2px 10px 2px 10px;
border-bottom: solid 2px #2baa3f;
}

.title-center {
position: relative;
display: inline-block;
margin-bottom: 1em;
width:100%;
font-size: 160%;
line-height:140%;
letter-spacing: 0.1em;
text-align:center;
padding:30px 0 20px 0;
}

.title-center:before {
content: '';
position: absolute;
bottom: 0;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #348F50;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #56B4D3, #348F50);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #56B4D3, #348F50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* ***********************************************************************
	Button Style
*********************************************************************** */
.button {
width:100%;
font-size:1.3em;
padding:10px 0;
background:#009046;
color:#fff !important;
text-decoration: none;
text-align: center;
margin:40px 0;
display:block;
}

/* ***********************************************************************
	Button Style
*********************************************************************** */
.button {
font-size:1.4em;
padding:10px 0;
background:#009046;
color:#fff !important;
text-decoration: none;
text-align: center;
margin:20px 0;
display:block;
border-radius:5px;
}

.button:hover{
background:#ccc;
}


.button2 {
background:#009046;
font-size: 1.1rem;
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
padding: 1rem 2rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color: #fff !important;
border-radius: 0.5rem;
}

/* ***********************************************************************
	Table Style
*********************************************************************** */
.table_scroll {
overflow: auto; /* 横スクロールバーを表示 */
white-space: nowrap; /* セル内にあるテキストの折り返しを禁止 */
}

.table_scroll:after {
content: "※ このテーブルは横にスクロールできます。";
}


.table_form{
width: 100%;
border-collapse: collapse;
margin:0 0 20px 0;
}

.table_form caption{
text-align:left;
color:#cc0000;
font-weight:bold;
}

.table_form th{
text-align: left;
vertical-align: top;
color: #333;
background-color: #f0f8ff;
border-right: 1px solid #b9b9b9;
border-left: 1px solid #b9b9b9;
border-bottom: 1px solid #f0f8ff;
}

.table_form td{
background-color: #fff;
border-right: 1px solid #b9b9b9;
border-left: 1px solid #b9b9b9;
border-bottom: 1px solid #b9b9b9;
}

.table_form {
margin: 0;
}

.table_form th,
.table_form td{
padding: 8px;
width: 100%;
display: block;
border-top: none;
}

.table_form tr:first-child th{
border-top: 2px solid #1895dd;
}


.table_style01{
width: 100%;
border-collapse: collapse;
margin:0 0 20px 0;
}

.table_style01 caption{
text-align:left;
color:#cc0000;
font-weight:bold;
}

.table_style01 th{
text-align: left;
vertical-align: top;
color: #333;
background-color: #f7f7f7;
border-right: 1px solid #b9b9b9;
border-left: 1px solid #b9b9b9;
border-bottom: 1px solid #ccc;
}

.table_style01 td{
background-color: #fff;
border-right: 1px solid #b9b9b9;
border-left: 1px solid #b9b9b9;
border-bottom: 1px solid #b9b9b9;
}

.table_style01 {
margin: 0;
}

.table_style01 th,
.table_style01 td{
padding: 8px;
width: 100%;
display: block;
border-top: none;
}

.table_style01 tr:first-child th{
border-top: 1px solid #ccc;
}

/* ***********************************************************************
	footer
*********************************************************************** */
footer {
width: 100%;
margin:0;
text-align:center;
padding:15px;
border-top:solid 1px #c9c9c9;
margin-top:20px;
background:#f7f7f7;
}

#foot_inner{
width:100%;
margin:0 auto;
color:#333;
}

#foot_inner h2{
padding:10px;
text-align:left;
font-size:1.2em;
}

#footer-navi{
float:none;
width:100%;
font-size:1.1em;
padding:0 10px;
text-align:left;
}

#footer-navi li{
padding:10px 0;
}

#footer-navi-en{
text-align:center;
font-size:12px;
padding:15px 0 0 0;
}

#copyright{
width:100%;
border-top:solid 1px #ccc;
clear:both;
padding:18px 0 10px 0;
font-size:1.0em;
line-height:160%;
text-align:center;
margin-top:30px;
}


/* ***********************************************************************
	facebook
*********************************************************************** */
.fb{
float:none;
width:100%;
height:300px;
}

/* ***********************************************************************
	Gallery
*********************************************************************** */
.gallery-item{
width:100% !important;
}

.gallery-item img{
width:100% !important;
height:auto;
}

/* ***********************************************************************
	Pict
*********************************************************************** */
.pict li{
width: calc(100% / 2);
float:left;
padding:5px;
}

.w2{
width: calc(100% / 1) !important;
float:left;
}

.pict-ttl{
position: relative;
float:left;
background:#1d7f7e;
width:100%;
font-size:1.6em !important;
color:#fff;
padding:5px 10px;
margin-top:50px;
margin-bottom:20px;
border-radius: 5px;
}


.localnavi{
float:left;
width:100%;
margin-top:20px;
border:solid 1px #1d7f7e;
padding:10px;
}

.localnavi li{
float:left;
width: calc(100% / 2);
padding:0 5px;
}

.localnavi3-1{
float:left;
width:100%;
margin-top:20px;
border:solid 1px #1d7f7e;
background:#f7f7f7;
padding:15px;
}

.localnavi3-1 li{
float:left;
width: calc(100% / 1);
font-size:1.0em;
padding:0 10px;
}

.col4-2{
margin:0 0 10px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
}

.col4-2 li{
float:left;
width: calc(100% / 2) !important;
padding:10px;
background:#fff;
font-size:80%;
line-height:160%;
}

.top-seihin li{
  float: left;
  width: calc(50% - 20px);
  margin: 10px;
  box-sizing: border-box;
  background: #f7f7f7;
  font-size: 14px;
  line-height: 1.4em;
}

.sns{
float:left;
width:100%;
margin:20px 0;
background:#fff;
padding:0;
}

.col3-1{
float:left;
width: calc(100% / 1);
max-height:600px;
padding:10px;
background:#ebebeb;
}

.sns-inner{
overflow: hidden;
height:600px;
}

.hero-top{
width:100%;
height:auto;
margin-bottom:30px;
padding-top:30px;
}

.hero{
width:100%;
height:auto;
padding-top:0;
margin-bottom:30px;
}

/* ***********************************************************************
	Language
*********************************************************************** */
.language{
position:fixed;
top:12px;
left:10px;
font-size:14px;
z-index:9999;
}

.language li{
float:left;
padding:0 10px;
}

.language li a{
color:#fff;
}

.language li+ li {
border-right: 0;
border-left: 1px solid #fff;
}

.current-lang a{
color:#bfdec8 !important;
pointer-events: none;
}


/* 英語版用 */
.item-list-en li{
width:50%;
min-height:400px;
float:left;
margin:0;
background:#fff;
line-height:140%;
padding:0 20px 0 20px;
}

.item-list-en li img{
margin-bottom:10px;
width:100%;
height:auto;
}

.item-list-en li p{
width:100%;
margin:5px 0;
}

.h460 li{
height:460px !important;
}


.lineup-list2-en{
float:left;
width:100%;
}

.lineup-list2-en li{
width:48% !important;
text-align:center;
min-height:300px;
float:left;
background:#fff;
line-height:160%;
padding:0 10px;
border:solid 1px #ddd;
margin:2px;
}

.lineup-list2-en li img{
margin-bottom:10px;
width:100%;
height:auto;
}

.lineup-list2-en li p{
font-size:11px;
line-height:130%;
text-align:left;
}

.table_style03{
width: 100%;
border-collapse: collapse;
margin:10px 0;
table-layout: fixed;
}

.table_style03 th{
padding: 5px;
text-align: left;
vertical-align: middle;
color: #333;
background-color: #fff;
border: 1px solid #ccc;
font-weight:bold;
font-size:10px;
line-height:140%;
}

.table_style03 td{
vertical-align: middle;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
font-size:10px;
line-height:140%;
}

}