@charset "utf-8";
/*  Basic Elements
----------------------------------------------*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}
/*webfont care*/
/*
html {
visibility: hidden;
}*/

html.wf-active,
html.loading-delay {
visibility: visible;
}/*end webfont care*/

html:not(:target) {

    font-family: 'Noto Sans Japanese', sans-serif;
    font-family: a-otf-ud-shin-go-pr6n, sans-serif;
}
ul li {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a{
    display: inline-block;
}
.cke_dialog a {
    display: inline;
}
a:focus {
outline: 2px double #004cdd #fff;
outline-offset: 0px;
}
.col,
.container{
    padding-left: 0;
    padding-right: 0;
    
}
p {
    line-height: 1.6;
}
.box_c p {
    /*padding: 10px 0;*/
    margin-bottom: 20px;
}
ruby {
    ruby-align: distribute-space;
    ruby-overhang: auto;
    ruby-position: above;
    line-height: 1;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table caption {
	background: #0065B3;
	color: #FFF;
    font-weight: bold;
	text-align: left;
	padding: 5px;
}

@media screen and (max-width: 768px){
.gourmet_tbl .img-center {
    width: 90px;
}
  .gourmet_tbl td{
    word-break: break-all;
  }
}

img{
height: auto;
}

.box_c ul,
.box_c ol{
  margin-bottom: 20px;
  
}
sup {
	font-size: 70%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}


.box_c ul li{
  list-style: disc;
  margin-left: 1.5em;
}

.box_c ol li{
  margin-left: 1.5em;
}


.skip {
    position: absolute;
    left: -9999px;
}
.red {
    color: #C1321E;
    font-weight: bold;
}
/* float */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
a:hover,
a img:hover {
    opacity: 0.8;
}
img.img50 {
    width: 50%;
}
/*------------------------------------------------
   link
------------------------------------------------*/
a{
    color: #006EA3;
    text-decoration: underline;

}
.box_l a,
.box_c a{
    color: #1D1D1D;
}
/*
a:link{
    color: #1F5189;
    text-decoration: underline;
}


*/
 a:visited{
    color: #551A8B;
 
}


a:hover {
    color: #1F5189;
    text-decoration: none;
}
a.ex_link {
    padding-right: 5px;
}
/*------------------------------------------------
	base
------------------------------------------------*/

html {
    width: 100%;
    height: 100%;/*	overflow-y: scroll;*/
}
html:not(:target) {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-family: a-otf-ud-shin-go-pr6n, sans-serif;
}
body {
    width: 100%;
    color: #000;
    line-height: 2.2;
    text-align: left;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-family: a-otf-ud-shin-go-pr6n, sans-serif;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;

}
/*----------------------------------------------------------
	topicpath
----------------------------------------------------------*/

/*cms*/
ol#topicpath {
    width: 100%;
    margin: 0 0 50px 0;
	font-size: 87%;
}
ol#topicpath > li {
    display: inline-block;
    padding: 0px;
    margin: 0px
}
ol#topicpath > li:after {
    padding: 5px;
    content: ">";
  margin: 0 .3em;
}
ol#topicpath > li:last-child:after {
    content: " ";
}

ol#topicpath a{
    padding: .2em 0;
}


.q-waie_tit{
    text-align: center;
    margin-bottom: 20px;
}
/*----------------------------------------------------------
	Layout
----------------------------------------------------------*/

header {
	min-width: 1200px;
   font-size: 125%;
}

@media screen and (min-width: 769px){




}
header .col {
    padding-left: 0;
}
header .md-8 {
	padding: 3px 0 0;
}
/*　本文へ　*/
.skip {
	width: 1px;
	color: #000000;
	font-size: 0.1%;
	line-height: 0.1;
	background-color: #FFFFFF;
	position: absolute;
	left: -3000px;
	z-index: 9999;
}
a.skip {
    background-color: #f9fae2!important;
    color: #04499e!important;
    text-align: center;
    padding: 5px 0;
    top: auto;
}
a.skip:active {
	display: block;
	width: 99.99%;
	font-size: 100%;
	line-height: 1.6;
	top: 0;
	left: 0;
}
a.skip:focus {
	display: block;
	width: 99.99%;
	font-size: 100%;
	line-height: 1.6;
	top: 0;
	left: 0;
}
@media screen and (min-width: 769px) {
.gNavWrap{
  display: flex;
}
.gNav li{
  margin-right:2.1em;
  
}
  .gNav li a:hover{
  /*  border-bottom: 2px solid #000;*/
    
  }
  nav#gnavi .container .gNav li.gnavForm{
   margin-right: 0;
   
  }
  
}



.head_should ul{
    display: flex;
   flex-wrap: wrap;

    font-size: 90%;
    margin-top: 10px;
  margin-right: auto;
}
.head_should ul li{
  margin-right: 10px;
}
.head_should li a{
    display: block;
    text-decoration: none;
    padding-left: 42px;
    padding-right: 10px;

}

.to_koshigaya a{
    background: #DEF4FF url("../images/ic_koshigaya.png") no-repeat 10px 50%;
	color: #000;
}.to_hojo{
    margin-left: 3px;
}
.to_hojo a{
    background: #E1E1E1 url("../images/ic_acc.png") no-repeat 10px 50%;
	color: #000;

}
.head_should li.head_should_btn a{
    background: #0065B3 url("../images/external_w.png") no-repeat 98% 50%;
    padding-left: 10px;
    padding-right: 25px;
	color: #FFF;
	min-width: 9em;
	text-align: center;
}


.head_logo{
    text-align:center;
	margin-bottom: 10px;
}
#header_logo {
    padding: 30px 0 0 0;
}
p#header_logo {
    padding: 1.7em 0 0 0;
    margin: 0;
}
header .container {
  
    margin: 0 auto;
    position: relative;
    padding: 0 0px;
}
header a.search_link_icon {
    color: #222222;
}
header.active {
    color: red;
}
p.skip {
    position: absolute;
    left: -9999px;
}
#sp_navi, #sp_navi_txt {
    display: none;
}

.head_search{
    padding-right: 0;
}
input.search_field {
    width: 12em;
    height: 40px;
    
    border: 1px solid #ccc;
    padding-left: 10px;
}
#header_search {
	clear: both;
   
}
.search_btn {
    background-color: #000;
    color: #fff!important;
    border:0;
    margin-left: -8px;
    cursor: pointer;
    padding: 0px 15px;
    height:40px;
    vertical-align: sub;

}
.search_btn i:before{
  content: url(../images/ic_search.png);
    
}
.gNav li.gnav_sns{
  margin-left: 1em;
  vertical-align: middle;
}
.gNav li.gnav_sns img{
  vertical-align: middle;
}
.gNav li.gnav_sns a:hover{
  border: 0;
}




/*google search*/
table.gsc-above-wrapper-area-container,
table.gsc-above-wrapper-area-container td{
  border: 0;
}


.content_search_box{
    margin-bottom: 40px;
    padding: 10px;
    background-color: #F4F2EC;
}
.content_search_box .search_form form div{

    display: flex;
}
.content_search_box .search_form form .search_field{
    text-align: justify;
    width: calc(100% - 78px);
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1em;
    box-sizing: border-box;
  border: 1px solid #CCC;
}
.content_search_box .search_form form .search_btn{
    width: 78px;
  height: auto;
}


.content_search_box .search_howto{
	margin-top: 10px;
    text-align: right;
}

@media (min-width: 769px) {
	.content_search_box{
    padding: 20px;
	}
	.content_search_box .search_howto{
    display: block;
	}
}

/*end google search*/


.design_control {
	float: right;
}
.font_btn, .font_btn .title, .bg_btn, .bg_btn .title {
    float: left;
}
.font_btn {
    width: 190px;
}
.font_btn .title {
    margin: 3px 0px;
}
.bg_btn {
    width: 230px;
}
.bg_btn .title {
    margin: 3px 10px;
}
.search_link_btn {
	background: #1d7a00;
    width: auto;
    padding: 2px 10px;
    border-radius: 20px;
    float: left;
    margin: 0 0 0 1em;
}
.search_link_btn a {
	color: #fff;
	text-decoration: none;
	font-size: 90%;
	display: block;
}
.search_btn a {
    color: #222222;
}
#cse-search-box {
	float: left;
}
/* 　フォントサイズ変更ボタンstyle　*/


#font-size div.small, #font-size div.medium, #font-size div.large {
    color: #fff!important;
    font-size: 85%;
    display: inline-block;
    padding: 0px .5em;
    cursor: pointer;
    background: #000;
    letter-spacing: 0.1em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
}
#font-size div.small a, #font-size div.medium a, #font-size div.large a {
    color: #fff!important;
    text-decoration: none!important;
}
#font-size div.active {
    color: #FFF!important;
    background: #084f76;
}
#font-size div.active a{
    color: #FFF!important;
    text-decoration: none!important;
}


#font-size div.small, #font-size div.medium, #font-size div.large {
    border: 1px solid #fff;
    margin: 0 2px;
}
ul#bgcolor li {
    display: inline-block;
    padding: 0px .6em;
    cursor: pointer;
    letter-spacing: 0.1em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    font-size: 85%;
}
ul#bgcolor li a {
    display: block;
    text-decoration: none;
}
ul#bgcolor li {
    border: 2px solid #fff;
    margin: -2px;
}
ul#bgcolor li#bc_btn01 {
    color: #222;
    background-color: #ccc;
}
ul#bgcolor li#bc_btn01 a {
    color: #222;
}
ul#bgcolor li#bc_btn02 {
    background-color: #000;
}
ul#bgcolor li#bc_btn02 a {
    color: #fff;
}
ul#bgcolor li#bc_btn03 {
    background-color: #1F5189;
}
ul#bgcolor li#bc_btn03 a {
    color: #ffff00;
}
div#changeArea {
    line-height: 1.5;
}
div#changeArea ul#fontSize {
 *zoom: 1; /*forIE6,7*/
    margin-bottom: 10px;
}
div#changeArea ul#fontSize:after {
    content: "";
    display: block;
    clear: both;
}
div#changeArea ul#fontSize li {
    background-color: #ccc;
    padding: 10px 15px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
}
div#changeArea ul#fontSize li:hover {
    background-color: #eee;
}
div#changeArea ul#fontSize li.active {
    background-color: #999;
}
div#changeArea ul#fontSize li.active:hover {
    background-color: #999;
}
/*----------------------------------------------------------
	Grobal Menu
----------------------------------------------------------*/

nav#gnavi {
    width: 100%;

	min-width: 1200px;
    margin-bottom: 10px;
}
nav#gnavi .container {
    margin: 0 auto;
    padding: 0 0px;
    position: relative;
}
nav#gnavi .container ul {
    list-style: none;
}
nav#gnavi .container li {
    float: left;
    line-height:50px;
	text-align: center;
	
}
nav#gnavi .container li:first-child {
	
}
nav#gnavi .container ul {
    clear: both;
    text-align: left;
  
    margin: 0px 0 0 auto;
    padding: 0px;
    list-style: none;
}
nav#gnavi span {
	    font-size: 70%;
    display: block;
    margin-bottom: .2em;
}

 nav#gnavi .container li#gnav7 ,.gnavSP {
    display: none;
}
.topfootNav .gNav a,
nav#gnavi .container li[id^="gnav"] > a {
    display: block;
  
  
	text-decoration: none;
	color:#000;
	font-size:138%;

	position:relative;
	line-height:2.2;
  border-bottom: 1px solid #000;
  padding-left: .5em;
  padding-right: 0.5em;
}
.topfootNav .gNav a:after,
nav#gnavi .container li[id^="gnav"] > a:after{
  content: '';
  position: absolute;
  bottom: 5px;
right: -1px;
  transform: translateY(-50%);
  width: 15px;
  height: 1px;
  background-color: #000;
  transition: .3s;
  transform: rotate(45deg);
}

nav#gnavi .container li:hover {
  
}
nav#gnavi .container li a:hover, nav#gnavi .container li a.active {
}

#sp_opac_navi {
    display: none;
}
#sp_menu {
    display: none;
}


.topfootNav .gNav a{
  font-size: 125%;
  display: block;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .topfootNav{
  padding: 3em 0 4em;
}
.topfootNav .gNav{
  display: flex;
  justify-content: space-between;
}
  .topfootNav .gNav li{
    width: 200px;
  }
}
	
@media screen and (max-width: 768px) {
  .topfootNav{
  padding: 2em 2em 2em;
}
.topfootNav .gNav{

}
  .topfootNav .gNav li{
    margin-bottom: 1em;
  }
}



/*----------------------------------------------------------
	main
----------------------------------------------------------*/

noscript div {
    text-align: center;
    background: #EEE;
    margin: 20px auto 20px;
    padding: 5px;
    width: 960px;
    
}
ul#skip {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
}
#top_wrap, #inner_wrap {

    padding-top: 10px;
}
#inner_wrap.site_top{
	
}


#top_wrap .container, #inner_wrap .container {
    margin: 0px auto 0;
    clear: both;
    padding: 0 0px 40px 0px;
}
.row {
    margin: 0!important;
}
#top_wrap .md-4 {
    padding-right: 0!important;
    padding-left: 0!important;
}
#top_wrap .box_l, #inner_wrap .box_l {
    /*padding-right:40px!important;*/
    padding-left: 0!important;
}
#top_wrap .box_c {
    padding-left: 0!important;
    padding-right: 0!important;
}
#top_wrap .box_r_top {
    padding-right: 0!important;/*padding-left: 40px!important;*/
}
/*  slide
----------------------------------------------*/
#mainVisual {
	position: relative;
}
.slidewrap {
	width: 100%;
  margin-bottom: 20px;
}
.slides li {
	list-style: none!important;
}
#mainVisual .right_reaf {
    position: absolute;
    top: -10px;
    right: -10px;
}
#mainVisual .txt_greeting {
    position: absolute;
    bottom: 40px;
    right: 50px;
}
#mainVisual .left_reaf {
    position: absolute;
    bottom: -10px;
    left: -10px;
}
/*  Main leftBox
----------------------------------------------*/	

.banner_area {
    margin-top: 20px;
}
.box_l h3#adbanner {
    background-color: #3E840F;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0;
    padding: .5em;
}
.box_l #adbanner_wrap {
    border: 1px solid #3E840F;
    background-color: #fff;
    text-align: center;
    padding-top: 1em;
}

/*  Main innerBox
----------------------------------------------*/		
@media screen and (min-width: 769px) {
    .md-9.box_c{
        width: 74%;
    }
    #inner_wrap .md-3.box_l{
        width: 26%;
        padding-left: 30px!important;
        box-sizing: border-box;
    }
}
.contentIn {
    padding-bottom: 24px;
	margin-bottom: 2em;
}
.contentIn header{
    min-width: inherit;
}


/*import*/
span.time,  span.separator, p.date {
  display: none;
}



#inner_wrap h1:not(.cate_toph1),.h1 {
    line-height: 1.2;
    font-size: 175%;
	font-weight: bold;
	margin-bottom: 20px;
  border-bottom: 2px solid #000;
  padding-bottom: .5em;
  padding-top: 24px;
  background: url("../images/bg_h1.png") no-repeat right bottom 10px;
}

/*明朝フォントfont*/
.midashi-min,
.cate_top{
font-family:a-otf-ud-reimin-pr6n,A-OTF UD黎ミン Pr6N, sans-serif;
font-style: normal;
font-weight: 300;
}


.cate_top{
  margin-bottom: 5em;
  background: #E6E7ED;
 padding: 2.5rem;
}
.cate_enjoy{
  background: #E6E7ED;
}
.cate_voice{
  background: #E6E9EA;
  }
.cate_food{
  background: #F9F7F2;
  
}
.cate_know{
  background: #F3EDE7;
  
}
.cate_life{
  background: #F2ECED;
  
}

.cate_interview{
  background: none;
  padding:0;
  margin: 0;
}


.cate_top h1.cate_toph1{
font-size: 262%;
  margin-bottom:.5em;
}
.cate_interview h1.cate_toph1{
font-size: 225%;/*36px*/
}
.interview_date{
 font-size: 82%;
  margin-bottom: 4em;
}

.cate_top .cate_topSub{
}

@media screen and (max-width: 768px) {
  .cate_top{
    padding: 1.5em;
  }
  #inner_wrap .cate_top h1{
    font-size: 200%;
  }
  
}

.update,
.publishedAt{
    text-align: right;
    font-size: 87%;
	;
}
.pageNo{
	  padding: 3px 5px 3px 5px;
  font-size: 95%;
  border: 1px solid #CCCCCC;
	margin-right:1em;
}
h2:not(.midashi-min){
    background:#F2F2F2;
    padding: 8px 0 8px 15px;
    font-size: 125%;
    color: #222222;
    margin-top: 10px;
    margin-bottom: 20px;
    clear: both;
    position:relative;
	font-weight: bold;
	border-left: 3px solid #7CADC1;
}
.contentTop h2{
  position: relative;
    text-align: center;
    font-size: 190%;
    background: none;
    
}
h3 {
    padding: 5px 10px 5px 25px;
    font-size: 120%;
	font-weight: bold;
  
    margin: 20px 0 10px 0;
    clear: both;
    position:relative;
}
h3:before{
  position: absolute;
  top: 20%;
  left: 0px;
  width: 1em;
  height:1em;
  content: '';

    background: #7CADC1;

}
h4 {
    font-size: 108%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 0px;
    font-weight: bold;
    position: relative;
	color: #0065B3;
}
h5 {
    font-weight: bold;
    margin-top: 10px;
    margin: 10px 0;
    font-size: 108%;
    color: #555;
}

.btn,.btnL,#feedback_box .submitbox [type="button"]{
  border: 1px solid #707070;
  border-radius: 50px;
  padding: .5em 2em;
  color: #000;
 
  background: url("../images/ic_arrow.png") no-repeat 95% 50%;
}
.btnL,#feedback_box .submitbox [type="button"]{
  background: url("../images/ic_arrowL.png") no-repeat 95% 50%;
  
  padding: .5em 3em;
}


p.leadTxt {
    font-weight: bold;
    font-size: 116%;
    margin-top: 20px;
    color: #3F2B0C;
}
ul.list{
	list-style: none;
	margin-bottom: 20px;
	
}
ul.list li{
	  background: url("../images/ic_list.png") no-repeat 0 .85em;
  padding-left: 1.5em;
}

.externalicon img{
	vertical-align: middle;
}



.adobe_info{
    border: 2px solid #D5E8F1;
    padding:1.5em 2em 0;
    margin: 50px 0 30px;
  border-radius: 10px;
}
.adobe_info .adobe_link{
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}
.adobe_info .adobe_link .link{
    margin-top: 8px;
}
@media screen and (min-width: 769px) {
	.adobe_info{
    margin: 50px 0;
	}
	.adobe_info .adobe_link{
    flex-direction: row;
    align-items: center;
	}
	.adobe_info .adobe_link .img{
    margin-right: 20px;
	}
}


.inquiry,
#contact{
	margin-top: 2em;

}
.inquiry h2,
#contact h2{
	background:none;
	border: 0;
	margin-bottom: .5em;
	padding: 0;
	font-weight: normal;
	font-size: 120%;

	}

#contact .tit{
  text-align: center;
  background: #ABCBD8;
  padding: .5em;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
  font-size: 125%;
}
#contact .txt{
  border-radius:0 0  10px 10px ;
  background: #F2F2F2;
  padding: 1em;
  padding-bottom: 1px;
}


#feedback{
    clear: both;
    padding: 30px 0;
}
#feedback label{
  display: inline-block;

  }


#feedback legend{
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	display: block;
    width: 100%;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 15px;
}
#feedback legend:before{
	content: "";
	display: block;
	width: 30%;
	height: 1px;
	background-color: #000;
    position: absolute;
    bottom: -1px;
}
#feedback_box h3{
    color: #09677f;
    font-weight: bold;
    margin: 10px 0;
}
#feedback_box .fedd{
    margin: 1.5rem 0;
}
#feedback_box .fedd:first-child{
	margin-top: 0;
}
#feedback_box .tit{
    display: block;
    font-weight: bold;
}
#feedback_box .fedd [type="radio"]{
    margin-left: 1.5rem;
}
#feedback_box p{
	margin: 0;
}
#feedback_box .submitbox{
	margin-top: 1.5rem;
}
#feedback_box textarea{
    border: 1px solid #c6c6c6;
    width: 100%;
    margin: 10px 0;
}
#feedback_box .submitbox{
    text-align: center;
}
#feedback_box .submitbox [type="button"]{

  width: 10em;
  margin-top: 2em;
  
}
#feedback_box .submitbox [type="button"]:hover{
    opacity: 0.75;
}

@media (min-width: 1024px) {
	#feedback {
    padding: 50px 0;
}
	#feedback legend{
    font-size: 140%;
	}
}
/*side*/

.lNav-Tit{
	font-size: 112%;
}
.lNav-Tit .btnL{
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: .5em;
}

.lNav{
	background: #FFF;
	border-radius:  0 0 15px 15px;
	padding: 5px 10px 10px;
}
.lNav li{
	margin-bottom: .8em;
  line-height: 1.4;
}
.lNav li a{
  background: url("../images/ic_arrow.png") no-repeat left 10px;
  padding-left: 15px;
}
.docs{
    margin-bottom: 10px;
}
.docs li{
  margin-bottom: 1em;
  line-height: 1.4;
}

.events li,
.linkIcon li,
.docs li a,.more a{

    background:url("../images/ic_arrow.png") no-repeat left 15px;
  padding-left: 15px;
}



.box_c .events li,
.box_c .linkIcon li,
.box_c .docs li{
  list-style: none!important;
  margin-left: 0;

  
}

.events li{
	background-position: 0 0.4em;
}
.more {
    text-align: right;
    margin-bottom: 1em;
}

/*cate_top_list*/
.cate_top_list{
  margin-top: 2em;
}
ul.cate_top_list,
ul.cate_top_list li{
  list-style: none!important;
  margin: 0 0 3em 0;
}
ul.cate_top_list span{
  display: block;
  text-align: center;
  border-bottom: 1px solid #000;
  position: relative;
  background: url("../images/cate_top_list_btn.png") no-repeat right bottom;
  
}

@media screen and (min-width: 769px){
  .cate_top_list{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  }
  .cate_top_list li{
  width: 30%
}
}
@media screen and (max-width: 768px){
  .cate_top_list{
    text-align: center;
    padding: 0 15%;
  }
}

/*voice*/
.voice_post_item{
  margin-bottom: 3em;
}
.voice_post_item  a,
.voice_post_item span{
  text-decoration: none;
  display: block;
}
.voice_post_date{
  font-size: 87%;
  
}
.voice_post_title{
  font-size: 150%;/*24px*/
  line-height: 1.4;
}

.voice_info{
  text-align: right;
  margin-top: 2em;
}
.voice_info_text{
  line-height: 2;
  text-align: left;
  display: inline-block;
  background: url("../images/ic_voice_info.png") no-repeat left center;
  padding-left: 80px;
  font-size: 82%;
}

/*caption img*/
.image-3clm{
    margin-bottom: 2em;
}
.image-3clm img{
  vertical-align: top;
}
.image-3clm-item{
  text-align: center;
}

.image-3clm-item-cap{
  text-align: center;
    font-size:82%;
  margin-top: 8px;
}

@media screen and (min-width: 769px){
 
.image-3clm{
  display: flex;
  justify-content: space-between;
}
.image-3clm-item{
  width: 30%;
  }
.voice_post{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
.voice_post_item{
  width:48.5%;
}
}



@media screen and (max-width: 768px){
.voice_post_title{
  font-size: 110%;/*24px*/
  }
}


/*cate_food_img*/
.cate_food_img{
text-align: center;
  margin-bottom:4em; 

position: relative;
}
.cate_food_btn_bg{
width: 93%;
}
.cate_food_btn{
  display: inline-table;
}
.cate_food_btn span{
  display: block;
}

@media screen and (min-width: 769px){
 
.cate_food_img{
  height:1035px; 
  }
  
.cate_food_btn{
position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -194px;
  display: inline-table;

}
}

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

.cate_food_btn{
  position: static;
  margin-top: 1em;
  }
  .cate_food_btn img{
    width: 80%;
  }
  .cate_food_btn .btnL{
    padding: .5em 0;
  }
  
}

  /*life*/

.lifeTit{
  display: flex;
  justify-content: space-between;
  margin-bottom: 4em;
  
}
.life_h2{
  font-size: 150%;
  margin-bottom: .5em;
}
.lifeTit_body{
margin-top: 2em;
}
.life_content{
  margin-bottom: 3em;
}

.life_content{
    display: flex;
}
.lifeTit_pic{
    margin-top: 50px;
  }


.box_c ul.ic_place li{
  list-style: none;
  background: url("../images/ic_place.png") no-repeat left 12px;
  padding-left: 16px;
  margin-left: 0;
}


@media screen and (min-width: 769px){
  
  .life_a .lifeTit_pic{
    margin-top: 600px;
  }
  .life_b .lifeTit_pic{
    margin-top: 600px;
  }
  .life_c .lifeTit_pic{
    margin-top: 580px;
  }
  
  .life_pcWidth{
width: 460px;
}
  .life_pcWidthLib{
    width:510px;
  }
   .life_pcWidthNiwa{
    width:510px;
  }
  
  .life_a .lifeTit_body{
    margin-left: 40%;
  }  
  .life_content{
    display: flex;
  justify-content: space-between;
    align-items: center;
  }
  .life_content_text{
    width: 50%;
  }
  .life_contentL .life_content_img{
    margin-left:-100px; 
  }
  .life_contentR .life_content_img{
    margin-right:-100px; 
  }
  .life_contentL_In .life_content_img{
    margin-left: 100px;
  }
  .know_content_nomap .life_content_text{
    width: 43%;
  }
}
@media screen and (max-width: 768px){
  .life_h2{
  font-size: 120%;
  }
.lifeTit_pic{
  max-width: 60%;
}
  .life_a .lifeTit_pic{
    margin-top: 370px;
  }
  .life_b .lifeTit_pic{
    margin-top: 370px;
  }
  .life_c .lifeTit_pic{
    margin-top: 470px;
  }
  
  
  .life_content {
    flex-wrap: wrap;
  }
  .life_content_text{
    width: 100%;
    order: 2;
  }
  .life_content_img{
    
    margin: auto;
    order: 1;
  }
}
  

/*know*/
.know_season{
  display: flex;
}
.know_season_subTit{

}
.know_season_content{
  width:calc(100% - 50px)
}

.know_seasonBox{
  margin-bottom: 40px;
}
.know_season_Tit{
 font-size: 150%;
}
.know_s1 .know_season_Tit{
  color: #AC256E;
}
.know_s2 .know_season_Tit{
  color: #297EA8;
}
.know_s3 .know_season_Tit{
  color: #B7511C;
}
.know_s4 .know_season_Tit{
  color: #7030A0;
}
@media screen and (min-width: 769px){
.know_season{
  margin: 0 0 0 100px ;
}
  .know_season_content{
    margin-left: 50px;
   
  }

  .know_s1,
.know_s3{
  text-align:  right;
}
.know_s2,
.know_s4{
  text-align: left;
  margin-left: -70px;
}
  .know_seasonBox{
    position: relative;
  }
  .know_season_text{
    width:285px;
    text-align: left;
    position: absolute;
  }
  .know_s1 .know_season_text{
    left: 435px;
top: 140px;
  }
  .know_s2 .know_season_text{
    left: 505px;
top: 160px;
  }
  .know_s3 .know_season_text{
    left: 435px;
top: 140px;
  }
  .know_s4 .know_season_text{
    left: 505px;
top: 160px;
  }
  
}

@media screen and (max-width: 768px){
  .know_season_subTit{
    width: 28px;
  }
.know_season_content{
  margin-left: 20px;
}
  .know_season_content img{
    height: 110px;
    width: auto;
    max-width:none;
  }
}

.know_data{
  margin-top: 40px;
  
}
.know_data h2{
  margin-bottom: 2em;
  text-align: center;
}
.know_data_wrap{
    display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  
}
.know_data_clm{
  width: 30%;
  text-align: center;
  margin-bottom:3em;
}
@media screen and (max-width: 768px){
  .know_data_clm{
  width: 100%;
  }
}
.know_data_tit{
  font-size: 125%;/*20px*/
  vertical-align: middle;
  line-height: 1.4;
 
}
.know_data_tit:before{
  content: url("../images/know_ic_home.png");
  margin-right: 5px;
  vertical-align: sub;
}

.know_data1 .know_data_tit:before{
  content: url("../images/know_ic_human.png");
}
.know_data3 .know_data_tit:before{
  content: url("../images/know_ic_land.png");
}
.know_data4 .know_data_tit:before{
  content: url("../images/know_ic_building.png");
}

.know_data_text{
  font-size: 200%;/*32px*/
  line-height: 1.4;
  margin-bottom: 5px;
}
.know_data_text_line{
  background: linear-gradient(transparent 60%, #D5E8F1 60%);
}
.know_data_note{
  font-size: 82%;/*14px*/
  line-height: 1.4;
}
.know_data_note strong{
  color: #035277;
  font-weight: normal;
}

/*top*/


.top_content{
  
}
.topLead{
  font-size: 112%;
}

.footSNS{
  margin-top: 1em;
}
.footSNS ul,
.footSNS li{
  display: inline-block;
  margin-left: .8em;
  vertical-align: middle;
}

@media screen and (min-width: 769px){

.site_top{
  margin-top: 50px;
  background:linear-gradient(white 140px, #F4F2EC 140px);
}
.topWrap{
  margin: 0 70px 50px;
}

  .top_subTit{
    margin-top: -15px;
}
  .topMain{
 background: url("../images/topMain.png?date=20250407") no-repeat;
    background-position: calc(100% - (50% - 260px)) 0;
  }
  .topLead{
    margin: 110px 0 0 360px;
  
  }
  .topfootSeason{
    background: url("../images/topfootImg.png") no-repeat center top,linear-gradient(#F4F2EC 500px, #EBEAEA 500px);
    /*background: url("../images/topfootImg.png") no-repeat center top,linear-gradient(#F4F2EC 500px, transparent 500px);*/
    min-height: 1050px;
    margin: auto;
  }
  .topfootSeasonWrap{
    background:linear-gradient(#F4F2EC 500px, #FFF 500px);;
  }
  .topfootImage{
    background: url("../images/topFoot.png") no-repeat center top;
    min-height: 500px;
    background-size: cover;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1200px){
  .topfootSeason{
    /*margin: 0 calc(50% - 50vw);
    
width: 100vw;*/
    max-width: 1620px;
  }
  .topfootSeasonWrap{
    
    overflow-x: hidden;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px){
  .topMain{
 background: url("../images/topMain_sp.png?date=20250407") no-repeat;
    background-position: 100% 10px;
    background-size: 80%;
  }
 
.site_top{
  background:linear-gradient(white 75px, #F4F2EC 75px);
}
  .top_subTit{
    width: 23px;
    margin-left: 9px;
    margin-right: 30px;
  }
  .topLead {
   font-size: 75%;  /*12px*/
    margin:1.5em 0 0 2.5em;
    display: inline-table;
    background:rgba(244,242,236,0.5)
  }
  
  .topfootSeason{
    background: url("../images/topfootImg_sp.png") no-repeat center top,linear-gradient(#F4F2EC 310px, #EBEAEA 310px);
    min-height: 870px;
    margin-top: -50px;
  }
  .topfootImage{
    background: url("../images/topFoot_sp.png") no-repeat center bottom;
    min-height: 243px;
    background-size: cover;
    margin-bottom: 10px;
  }
}

/*inteview*/
.interview_wrap p{
  line-height: 1.8;
}
@media screen and (min-width: 1200px){

      #inner_wrap{overflow-x: hidden;}

.interview_main{
    padding: 2rem 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  text-align: center;
}
}
.interview_wrap{
  background: #FFF;
}
.interview_wrap h2{
  text-align: center;
  margin-bottom: 1em;
}
.interview_theme{
 background: url("../images/bg_h1.png") no-repeat 90% top;

  padding-top: 65px;
}
.interview_wrap h3{
  font-size: 150%;
  padding-left: 59px;
  margin-top: 2em;
  padding-right: 0;

}
.interview_wrap h3::before{
  top: .8em;
left: 0px;
width: 35px;
height: 1px;
content: '';
background: #7CADC1;
}
.interview_wrap h3 small{
  font-weight: normal;
  font-size: 66.5%;
}

.interview_wrap p{
  margin-bottom: 2em;
}

  .interview_imgWrap{
    display: flex;
  justify-content: space-between;
    margin-bottom: 2em;
    flex-wrap: wrap;
  }
.interview_wrap ul.icon_circle li{
  list-style-type: circle!important;
}
ul.icon_circle_L li{
  font-size: 125%;  
}

.interview_comment_tit{
  text-align: center;
  font-weight: bold;
  font-size: 150%;
}
.interview_comment_tit_sub:before,
.interview_comment_tit_sub:after{
  vertical-align: top;
  margin:0 10px;
  
}
.interview_comment_tit_sub:before{
  content: url("../images/interview_comment_tit_icon1.png");
}
.interview_comment_tit_sub:after{
  content: url("../images/interview_comment_tit_icon2.png");  
}

/*namae色分け*/


.nameColor{
  background: #EFEFEF;
  
}
.name_01{
  background:#FFF49D;  
}
.name_02{
  background:#D8E8FF;  
}
.name_03{
  background:#E9F8B7;  
}
.name_04{
  background:#FAD0C0;
}

/*machi*/
.name_05{
  background:#D8F3DC;
}
.name_06{
  background:#FFC1C1;
}

/*mamafes*/
.name_07{
  background:#E4D8F3;
}
.name_08{
  background:#FFC79D;
}

.name_09{
  background:#CFD9D9;
}
.name_10{
  background:#DED6BD;
}


/*——————–
 会話吹き出し
——————–*/
/* 全体のスタイル */
.kaiwa {
  margin-bottom: 3em;

}
.kaiwa figure{
}

/* 左画像 */
.kaiwa-img-left {
  margin: 0;
  
  width: 160px;
  height: 160px;
  text-align: center;
  margin-right: -150px;
}
/* 右画像 */
.kaiwa-img-right {
  margin: 0;

  width: 160px;
  height: 160px;
  text-align: center;
  margin-left: -150px;
}
.kaiwa figure img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  margin:0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
  position: relative;
  bottom: 0;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right,
.kaiwa-text-left{
  position: relative;
    margin-top: 20px;
  padding: 30px;
  border-radius: 10px;
  border: 8px solid #D5E8F1;
  
    width: 100%;
    max-width: calc(100% - 210px);
}
.kaiwa-text-right {
  margin-left: 200px;
  /*margin-right: 12%;*/

}



/* 右からの吹き出しテキスト */
.kaiwa-text-left {
  margin-right: 200px;
  /*margin-left: 12%;*/

}

/*吹き出しのみ*/
.interview_imgWrap .kaiwa-text-right{
  max-width:inherit;
  margin-left: 5px;
  margin-top: 0;
  margin-bottom: 1em;
}
.interview_imgWrap .kaiwa-text-left{
  max-width:inherit;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 1em;
}
.lt_aok_img_hikouki .interview_img_text{
  background: url("../file/img_hikouki.png") no-repeat bottom center;
}

@media screen and (max-width: 768px){
  .interview_imgWrap .kaiwa-text-right::after {
    transform: rotate(-90deg);
    top:inherit;
    bottom: -37px;
    left: 50%;
    margin-left: -10px;
  }
  .lt_aok_img_hikouki .interview_img_text{
    background: none;
  }
}


p.kaiwa-text {
  margin: 0 0 20px;
}
p.kaiwa-text:last-child {
  margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
  position: absolute;
  content: '';
  border: 15px solid transparent;
  top: 15px;
  left: -20px;
}
.kaiwa-text-right:after {
  position: absolute;
  content: '';
  border: 15px solid transparent;
  border-right: 15px solid #D5E8F1;
  top: 50%;
  margin-top: -15px;
  left: -37px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
  position: absolute;
  content: '';
  border: 15px solid transparent;
  top: 50%;
  right: -20px;
}
.kaiwa-text-left:after {
  position: absolute;
  content: '';
  border: 15px solid transparent;
  border-left: 15px solid #D5E8F1;
  top: 50%;
  margin-top: -15px;
  right: -37px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
  clear: both;
  content: "";
  display: block;
}

.kaiwa-system{
	text-align: center;
	font-size: 90%;
	margin-bottom: 2em;
}
.kaiwa{
  display: flex;
  align-items:center;
}
.kaiwa-img-left,
.kaiwa-text-right,
.kaiwa-img-right,
.kaiwa-text-left{
  float: none;
  
}
.kaiwa_foot_tit{
  text-align: center;
  margin-top: 4em;
   font-size: 112%;
  color: #000;
  padding: 0;
}
.kaiwa_line_0,
.kaiwa_foot_line{
background: linear-gradient(transparent 60%, #D5E8F1 60%);
 
  font-weight: bold;
}

.kaiwa_line_1{
background: linear-gradient(transparent 60%, #FFC1C1 60%);
}
.kaiwa_line_2{
background: linear-gradient(transparent 60%, #FFF49D 60%);
}
.kaiwa_line_3{
background: linear-gradient(transparent 60%, #E4D8F3 60%);
}


.kaiwa_foot{
  display: flex;

  margin:2em 0 3em 0;
}
.kaiwa_foot p{
  margin-bottom: 10px;
  
}
.kaiwa_foot_thum{
  width: 15%; 
  text-align: center;
  margin-right: 20px;
}
.kaiwa_foot_text{
  width:34%;
}
.kaiwa_foot_name{
  font-weight: bold;
  font-size: 125%;
}
.kaiwa_foot_data{

  
}
/*1人*/
.kaiwa_foot_text .kaiwa_foot_tit{
  text-align:left;
  margin: 0 0 10px 0px;
}

.kaiwa_foot1 .kaiwa_foot_text{
  width: calc(100% - 15%);
}


.interviewer{
  display: flex;
  font-size: 82%;
  margin-bottom: 4em;
}
.interviewer_thum{
  width:15%;
  margin-right: 20px;
  text-align: center;
  line-height: 1.4;
}
.interviewer_text{
  width: calc(100% - 15%);
}

.interviewer_tit{
  font-size: 135%;
  color: #000;
padding: 0;
  margin: 0 0 5px 0;
}
.voice_icon{
  padding: 0 .6em;
  margin: 0 .2em;
  background: url("../images/interviewer_tit_ic.png") no-repeat center top;
background-size: 100%;
  
}
.interviewer_name{
}

.tit_keyword{
  font-size: 150%;
  text-align: center; 
  padding-bottom: 30px;
  background: url("../images/interview_key.png") no-repeat 52% bottom;
  margin:3em 0 2em;
}
.tit_keyword_s{
  font-size: 80%;
}

ul.keyword_list{
  text-align: center;
}
ul.keyword_list li{
  list-style: none!important;
  display: inline-block;
  margin: 0 .5em;
}
ul.keyword_list li a{
  text-decoration: none;
  background: linear-gradient(transparent 60%, #D5E8F1 60%);
}

.interview_box{
  border: 5px solid #D5E8F1;
  border-radius: 5px;
  padding: 2em 2em 0 2em;
  margin-bottom: 4em;
}
.interview_box_tit{
  text-align: center;
  font-weight: bold;
  font-size: 112%;/*18px*/
  margin-bottom: 1em;
}
.interview_box_tit_inner{
  background: linear-gradient(transparent 60%, #D5E8F1 60%);
}
.interview_box ul.icon_circle li {
  list-style-type: circle !important;
 
}
.interview_box_data{
  display: flex;
  justify-content: space-between;
  font-size: 82%;
}
.interview_box_data_clm{
  width: 48%;
}
.interview_box_data_date{
  text-align: right;
}


.sinai_sigai{
  margin-left: 5em;
}


/*daigaku*/
.logo_should{
 position: relative;
}

.logo_should img{
  position: absolute;
  right: 0;
}

@media screen and (min-width: 769px){
  .interview_wrap{
    margin-top: -150px;
    position: relative;
    padding:60px 100px 20px 100px;
  }
  .interview_img{
    width: 385px;
  }
  .interview_img_text{
    width: calc(100% - 385px - 20px);
  }
  
  /*mamafes*/
  .interview_imgWrap-s .interview_img{
    width: 181px; 
  }
  .interview_imgWrap-s .interview_img_text{
    width: calc(100% - 220px - 20px);
  }
  .interview_imgWrap-m .interview_img{
    width: 295px; 
  }
  .interview_imgWrap-m .interview_img_text{
    width: calc(100% - 295px - 20px);
  }
  
  
  .interview_imgL .interview_img{
    margin-right: 20px;
  }
  .interview_imgR .interview_img{
    margin-left: 20px;
  }
  .interview_imgVmiddle{
    align-items:center;
  }
  
}
@media screen and (max-width: 768px){
  #inner_wrap .cate_interview h1{
   font-size: 160%; 
  }
  
  .interview_comment_tit{
    font-size: 80%;
    
  }
  .interviewer_tit{
    font-size: 112%;
  }
  
  .kaiwa,
  .kaiwa_foot {
    font-size: 82%;
  }
  
  .logo_should{
    text-align: center;
  }
  .logo_should img{
    position: static;
  }
  
  .interview_img{
    width: 100%;
    text-align: center;
    order:2;
  }
  .interview_img_text{
    width: 100%;
    order:1;
    
  }
  .kaiwa_foot2+.kaiwa_foot2{
    margin-top: 0;
  }
  .kaiwa_foot{
    flex-wrap: wrap;
  }  
.kaiwa_foot_thum{
 
  text-align: center;
}
.kaiwa_foot_text{
  width: calc(100% - 100px);
}
  /*interview*/
  .cate_interview{
    padding: 0;
  }
  .interview_wrap h2{
    font-size: 140%;
  }
  .interview_wrap h3{
    font-size: 125%;
  }
  ul.icon_circle_L li{
    font-size: 110%;
  }
  .interview_comment_tit{
    font-size: 85%;
   /* font-size: 77%;*/
    margin: 0 -10px;
    line-height: 2.5;
    
    display: flex;
    justify-content: center;
  }
  .interview_comment_tit_sub{
    display: flex;
    align-items: center;
  }  
  .interview_comment_tit_sub::before, .interview_comment_tit_sub::after {
    margin: 0;
    margin-top: 10px;
  }
  .kaiwa-img-left,
  .kaiwa-img-right{
    width: 100px;
    height: 100px;
  }
  .kaiwa-text-left{
    margin-right: 170px;
  }
  .kaiwa-text-right{
    margin-left: 170px;
  }
  .kaiwa-text-right, .kaiwa-text-left{
    padding: 10px;
      max-width: calc(100% - 120px);
  }
  .kaiwa_foot1 .kaiwa_foot_text{
    width: calc(100% - 100px);
  }
  .interview_box{
    padding: 1em 1em 0 1em;
  }
  .interview_box_data{
    flex-wrap: wrap;
  }
  .interview_box_data_clm{
    width:100%;
  }
  
}


/*clm*/

.img-area{
    margin: 1.5rem 0;
    display: block;
		text-align: center;
    clear: both;
}
.img-area:after {
    content: "";
    display: block;
    clear: both;
}
.img-area span{
    display: block;
}
p.imglink-side2 span{
    display: block;
}
.img-area-r .imglink-txt-right,
.img-area-l .imglink-txt-left{
	text-align: center;
}

/* 画像リンク　2個横並び */
.img-area p.imglink-side2 {
	float: left;
	margin: 0.56em 0 0.1em 0;
	padding: 0;
	text-align: center;
	display: table;
	    width: 100%;
}
.imglink-side2 img {
	margin: 0 10px 5px 10px;
}
.imglink-side2 span {
	display: block;
	margin: 0 10px 0 10px;
}
/* 画像横並び（3連） */
.img-area p.imglink-side3 {
	padding: 0;
	text-align: center;
	float: left;
	display: table;
    width: 100%;
}
#tmp_honbun p.imglink-side3 img {
	margin: 0 10px 5px 10px;
	padding: 0;
    max-width: 100%;
}
p.imglink-side3 span {
	margin: 0 10px 0 10px;
	padding: 0;
}
/* 画像リンク　4個横並び */
.img-area p.imglink-side4 {
	float: left;
	margin: 0.56em 0 0.1em 0;
	padding: 0;
	color: #222222;
	text-align: center;
	display: table;
	width: 160px /* minimum width */;
}
.img-area p.imglink-side4 img {
	margin: 0 0 0 10px;
	padding: 0;
}
.img-area p.imglink-side4 span {
	margin: 0 0 0 10px;
	padding: 0;
}
/* 画像リンク　5個横並び */
.img-area p.imglink-side5 {
	float: left;
	margin: 0.56em 0 0.1em 0;
	padding: 0;
	color: #222222;
	text-align: center;
	display: table;
	width: 160px /* minimum width */;
}
.img-area p.imglink-side5 img {
	margin: 0 0 0 10px;
	padding: 0;
}
.img-area p.imglink-side5 span {
	margin: 0 0 0 10px;
	padding: 0;
}
/* 画像リンク（センター） */
p.img-center {
	padding-bottom: 0.25em;
	text-align: center;
	font-size: 94%;
	color: #202020;
	display: table;
	margin: 0 auto;
}
/* 画像リンク（左　文章回りこみ無し） */
p.img-left {
	float: left;
	padding-bottom: 0.25em;
	color: #202020;
	text-align: center;
	_margin-left: 5px;
	display: table;
}
/* 画像リンク（右　文章回りこみ無し） */
p.img-right {
	float: right;
	padding-bottom: 0.25em;
	color: #222222;
	text-align: center;
	_margin-left: 5px;
	display: table;
}
.img-area-r,
.img-area-l{
    margin: 1.5rem 0;
    clear: both;
}
.img-area-r:after,
.img-area-l:after{
	content:"";
	display:block;
	clear:both;
}
.img-area img{
  height: auto;
}
@media screen and (min-width: 769px){
	
	.img-area{
    text-align: left;
	}
.img-area img{
    margin: 0 10px 5px 10px;
}
.img-area span {
    margin: 0 10px 0 10px;
}
.img-area p.imglink-side2{
    width: 50%;
    width: calc(50% - 20px);
    min-width: 160px;
}
.img-area p.imglink-side3{
    float: left;
    width: calc(33% - 10px);
    margin: 0.56em 10px 0.1em 0;
    padding: 0;
    text-align: left;
    display: table;
    min-width: 160px;
}
	p.img-center,
	p.img-left,
	p.img-right{
 
		}
	p.img-right {
    padding-right: 8px;
    padding-left: 5px;
	}
.img-area-r .imglink-txt-right,
.main-inner .img-area-r .imglink-txt-right,
#nosub-subtop_main .img-area-r .imglink-txt-right{
    float: right;
    margin: 0;
    padding: 0 0 0.2em 0;
    text-align: center;
    display: table;
    min-width: 160px;
    max-width: 300px;
    margin-left: 20px;
}
	.img-area-r .imglink-txt-right img,
	.main-inner .img-area-r .imglink-txt-right img,
	#nosub-subtop_main .img-area-r .imglink-txt-right img{
    margin: 0 0 5px;
    padding: 0;
		}
.img-area-l .imglink-txt-left,
.main-inner .img-area-l .imglink-txt-left,
#nosub-subtop_main .img-area-l .imglink-txt-left{
    float: left;
    margin: 0;
    padding: 0 0 0.2em 0;
    text-align: center;
    display: table;
    min-width: 160px;
    max-width: 300px;
    margin-right: 20px;
}
	.img-area-l .imglink-txt-left img,
	.main-inner .img-area-l .imglink-txt-left img,
	#nosub-subtop_main .img-area-l .imglink-txt-left img{
    margin: 0 0 5px;
	}
}
@media screen and (max-width: 768px){
  .img-area img{
    margin: 0;
  }
}

/*clm end*/




.pagination{
    display:flex;
    margin-top: 20px;
}

.box_c .pagination li{
  list-style: none!important;
  margin-left: 0;
}

.pagination a,
.pagination em,
.pagination span{
    background: #F3F3F3;
    border: 1px solid #E0E0E0;
    padding: 0px 10px;
    font-style: normal;
}
.pagination a,
.pagination em{
    margin: 0 5px;
	border: 0;
}
.pagination .previous_page,
.pagination .prev {
    margin-right: auto;
    
}
.box_c .pagination .next_page,
.box_c .pagination .next{
  margin-left: auto;
}
.pagination .disabled,
.pagination .disabled a{
    background: #CCC;
	color: #000;
	text-decoration: none;
}
.pagination_calendarEvents{
	
}
.pagination_calendarEvents .next_page{
background: url("../images/ic_arr.png") no-repeat 0 .7em;
padding-left: 1.5em;
	border: 0;
}
.pagination_calendarEvents .prev_page{
background: url("../images/ic_arr_bk.png") no-repeat 0 .7em;
padding-left: 1.5em;
	border: 0;
}

table.document {
    line-height: 1.4em;
}
table.document th {
    text-align: center;
}
table.document .thumb {
    width: 5%;
}
table.document img {
    width: 100px;
}
.box_c ol {

    margin-bottom: 20px;
}
ol.number {
    list-style-type: decimal!important;
    margin-top: 20px;
    margin-left: 20px;
}
ol.number li {
    padding-bottom: 5px;
}
div.txt_box01 {
    background-color: #FFEDE6;
    margin-bottom: 20px;
    padding: 1em .5em;
    border: 1px solid #B22D00;
}
div.txt_box02 {
    background-color: #fff;
    margin-bottom: 20px;
    padding: .5em;
    border: 1px solid #3b8806;
}

/* top　right
----------------------------------------------*/
.box_r_top li a:hover, .usemenu_link a:hover {
    opacity: 0.8;
}

 .tit01 {
    color: #000;
    text-align: center;
    padding: 2px 0;
}

 .open_area {
	margin: 2px;
}
 .open_area p.opentit01 {
	background: #3f9133;
	color: #fff;
	margin-top: .5em;
}


.access_menu li {
	border-bottom: 1px dotted #7db18d;
	text-align: left;
	padding: .5em 0;
}
.access_menu li:last-child {
	border: none;
}
.access_menu li a {
	position: relative;
    padding-left: 2em;
}
.access_menu li a:before {
content: '';
  width: 1em;
  height: 1em;
  background: #55a837;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -9px;
}
.access_menu li a:after {
content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -6px;
}
.spmb_area li {
	margin-bottom: .5em;
}
.side-pdf-list, .side-contents-list {
    margin-top: 16px;
}
.side-pdf-list li, .side-contents-list li {
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin-bottom: 5px;
}
.side-pdf-list li a, .side-contents-list a {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    text-decoration: none;
    font-weight: bold;
}
.side-pdf-list li {
    border-left-color: #308241;
    position: relative;
}
.side-pdf-list li:before {
    content: "";
    display: inline-block;
    border: 8px solid transparent;
    border-left-color: #308241;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -8px;
}
.side-contents-list li {
    border-left-color: #414141;
}
.side-contents-list li a {
    background: #F6F6F6;
}
.side-pdf-list li a {
    color: #216323;
    background: #F8FBEB;
}
.side-contents-list li a {
    color: #414141;
}
.brset {
    display: block;
}
/*  Side
----------------------------------------------*/


/*top*/
.topSide li{
	margin-bottom: 10px;
}
.topSide a{
	background: #0067b6 url("../images/ic_topLive.png") no-repeat 10px 50%;
	color: #FFF;
	display: block;
	text-decoration:  none;
	font-size: 120%;
	position: relative;
	padding: 10px 10px 10px 70px;
	border: 2px solid #FFF;
	font-weight: bold;
}
.topSide_search a{
	background-image: url("../images/ic_topSearch.png");
}

.topSide a:after{
	position: absolute;
	right: 10px;
	bottom: 10px;
	content: "";
	background: url("../images/external_w.png") no-repeat;
	width: 17px;
	height: 17px;
	display: block;
}

.top_dayori{
	border-radius: 15px;
	background: #FFF;
	padding: 1.5em;
	margin-top: 1em;
}
.top_dayoriTit{
	font-size: 150%;
	background: url("../images/top_dayoriTit.png") no-repeat left 5px;
	padding-left: 50px;
}
.top_dayoriImg{
	text-align: center;
}
.top_dayoriImg img{
	max-width: 150px;
}
.top_dayoriTxt{
}
.top_dayoriTxt_tit{
	position: relative;
	padding-left: 1.2em;
	margin: 5px 0;
}
.top_dayoriTxt_tit::before {
  position: absolute;
  top: 30%;
  left: 0px;
  width: 1em;
  height: 1em;
  content: '';
  background: #000;
}
.top_dayoriTxt ul{
	margin-left: 1em;
}
.top_dayoriTxt li{
	list-style-type: disc!important;
	line-height: 1.2;
	margin-bottom: 5px;
}

/*tab*/
.topNewsBlk-L{
	
}
.tab_area {
  position: relative;
  margin-top:0px;
  padding-top: 43px;
}

.tab_area .tab_area{
	box-shadow: 10px 10px 0 #F696C9;
}

.index dl:first-child {
	margin-top: -40px;
}

.tab_content {
	padding-top: -20px;
}


.tab_area .tab_menu .tab_tit {
  width: 33%;
  float: left;
  display: inline-block;
	
  background-color: #AB1C55;
    color: #FFF;
}

.tab_content {
background: #FFF;
}

.tab_content .no-data,
.tab_content .more{
    padding: 1em;
    
}
.tab_content dd a{
    display: block;
    position: relative;
    padding: 0 0 0 16px;
  
    vertical-align: middle;
    

    
}
.tab_content dd a:before{
    
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    margin: auto;
    content: "";
    vertical-align: middle;
    
    width: 6px;
    height: 6px;
    border-top: 2px solid #AB1C55;
    border-right: 2px solid #AB1C55;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.tab_content a span.newsIc{
    background: #F2B753;
    color: #000;
    display: inline-block;
}




.tab_area #event_all.tab_menu .tab_tit {
  position: absolute;
  top: 0;
  left: 0;
  border-right: none;
}
.tab_area #event_kids.tab_menu .tab_tit {
  position: absolute;
  top: 0;
  left: 33.5%;
  
}
.tab_area #event_general.tab_menu .tab_tit {
  position: absolute;
  top: 0;
  left:67%;
  
}
.tab_area #event_teens.tab_menu .tab_tit {
  position: absolute;
  top: 0;
  right: 0%;
  
}

.tab_area .tab_menu .tab_tit a {
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 3px;
}
.tab_area #event_kids.active .tab_tit,
.tab_area #event_general.active .tab_tit,
.tab_area #event_teens.active .tab_tit,
.tab_area #event_all.active .tab_tit{
  background-color: #FFF;
	border-bottom:6px solid #FFF;
	
}
.tab_area .tab_menu.active .tab_tit a {
  color: #AB1C55;
}
.topNewsBlk .list-card a::after{
	border-left: 10px solid #B1E5F8;
}
.topNewsBlk .list-card a {
  border: 2px solid #B1E5F8;
}




.topSisetsu{
	background:url("../images/top_shisetsu_bg_ic.png"),url("../images/top_shisetsu_bg.png");
	background-repeat: no-repeat,repeat-x;
	background-color: #FFECD5;
	background-position: 50% 50px,50% 0;
	padding-top: 100px;
}
.topSisetsu-search{
	margin: 2em 0;
}
@media screen and (min-width: 769px) {
.topSisetsu-search{
	display: flex;
justify-content: space-between;
}
}
.topSisetsu .lNav_01 a::before{
	background-image: url("../images/topSisetsu01.png")
}
.topSisetsu .lNav_02 a::before{
	background-image: url("../images/topSisetsu02.png")
}
.topSisetsu .lNav_03 a::before{
	background-image: url("../images/topSisetsu03.png")
}
.topSisetsu .lNav_04 a::before{
	background-image: url("../images/topSisetsu04.png")
}

/*  Footer
----------------------------------------------*/

footer {
   
    line-height: 1.6em;
    width: 100%;
    clear: both;
  

}


	.footNav{
		padding: 1em 0;
	}
	
	.footNav dt{
		margin-bottom: .5em;
	}
	.footNav dt a{
		background: url("../images/ic_arr.png") no-repeat left 5px;
		padding-left: 25px;
		font-size: 125%;
	}
	.footNav dd{
		padding-left: 25px;
		
	}
	.footNav dd li{
		margin-bottom: .5em;
	}
#copyright {
    font-size: 87%;
}


.footSub{

	padding: 1em 0;
}
.footSub .container{
  text-align: center;
}
	.footSub_tit{
		font-weight: bold;
    margin-bottom: 1em;
	}
	
.footSub_access{
  margin: auto;
}
.copy{
  border-top: 1px solid #ddd;
  padding: 2em 0;
  text-align: center;
}



.footLink{
margin-bottom: 1em;
  margin-left: -1em;
}
.footLink li{
  display: inline-block;
  margin-left: .5em;
  border-left: 1px solid #000;
  padding-left: .5em;
}
.footLink li:first-child{
  border: 0;
}

.footLink a{
  color: #000;
}


@media screen and (min-width: 769px){
.footNav{
	display: flex;
	justify-content: space-between;
}
	.footNav dl{
		width: 20%;
	}
	.footSub .container{
		display: flex;
		align-items:flex-end;
	}
	#copyright{
		margin-left: auto;
	
	}
	
}



/*  インポート用データ
----------------------------------------------*/

.text-color-red,
.txt_color_red{
    color: #b82f2f;
    font-weight: bold;
}

.text-color-green,
.txt_color_green{
    color: #008209;
    font-weight: bold;
}
.txtSize_big{
font-size: 112%;
}
.txtSize_small{
    font-size: 86%;
}

.img-center{
  display: table;
margin: 0 auto;
}
.img-area-l,
.img-area-r{
  overflow: hidden;
}
@media (max-width: 768px){
.imglink-txt-left,
.imglink-txt-right{
text-align:center;
}
}
@media (min-width: 769px){
.imglink-txt-left{
  float: left;
  margin-right: 1em;
}

.imglink-txt-right{
  float: right;
  margin-left: 1em;
}
}

/*chatbot*/
#div_cb_translate_lang{
  font-size: 0.8rem;
}
.dsn-widget{
    margin: 0 0 10px;
}
.wj_close_btn{
    position: absolute;
    top: -20px;
    right: 0;
    width: 20px;
    height: 20px;
}
#wj-close{
	width: 20px;
	height: 20px;
	display: inline-block;
    background: url(../images/icon_chatclose.png);
	background-repeat: no-repeat;
	background-size: 100%;
    right: 0;
    bottom: auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
@media (min-width: 1024px) {
	.wj_close_btn{
    width: 32px;
    height: 32px;
	}
	#wj-close{
    width: 32px;
    height: 32px;
	}
}

/*----------------------------------------------------------
	お知らせ イベント
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
.topNewsBlk{
    display: flex;
justify-content: space-between;
}
.topNewsBlk-L{
    width:792px;
}
.topNewsBlk-R{
    width:380px;
}
}

.top_news h2,.top_update h2{
	background: url("../images/topIc_news.png") no-repeat left 5px;
	padding-left: 50px;
	border: 0;
}
.top_update h2{
	background-image: url("../images/topIc_update.png");
	margin-bottom: 0;
	
}
.newsBlock_imp {
}
.newsBlock, .eventBlock {
    margin-bottom: 40px;
    position: relative;
	padding: 0 ;
}
.newsBlock ul, .eventBlock ul {
	padding: 0 1em .5em 0;
}

.newsBlock ul li,
.eventBlock ul li {
	list-style-type: disc!important;
	list-style-position: inherit;
    padding-left:8px;
	line-height: 1.2;
	margin-bottom: 1em;
}
.newsBlock ul li a,
.eventBlock ul li a{
	display: inline;
}

.eventBlock th {
	width: 16%;
}
p.no-data {padding: 0 .5em 1em;}
.newsBlock .btnList a:after, .eventBlock .btnList a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 0;
    height: 0;
    margin: -4px 0 0 0;
    border-top: 8px solid #FFF;
    border-left: 8px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.newsBlock .btnList a:hover, .eventBlock .btnList a:hover {
    opacity: .9;
}
.newsBlock dl, .eventBlock dl {
    padding: 10px 0px;
    overflow: hidden;
    line-height: 1.6em;
    font-size: 100%;
  
	margin: 0 ;
}
.newsBlock dl:last-child,
.eventBlock dl:last-child,
.newsBlock_imp dl:last-child,
.eventBlock_imp dl:last-child {
	border: none;
}
.newsBlock_imp dl, .eventBlock_imp dl {
    padding: 10px 0px;
    overflow: hidden;
    line-height: 1.6em;
    font-size: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #FDE9E7;
}
.newsBlock dt, .eventBlock dt {
 
    margin-bottom: 0;
    font-weight: normal;
    width: 10em;
    clear: both;
    
}
.newsBlock dt p.data, .eventBlock dt p.data {
    float: left;
    font-size: 100%;
    line-height: 1.8em;
    margin-bottom: 0!important;
	
    padding: .5em 0!important;
  padding-left: 20px!important;
}
.newsBlock span, .eventBlock span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*display: inline-block;*/
    font-size: 88%;
    font-weight: bold;
    padding: 2px 5px;
    text-align: center;
    min-width: 2.5em;
    margin-left: .5em;

    margin-bottom: 2px;
}

.newsBlock dd {
    margin: 0;
    padding: 0 0 0 12em;
}
#inner_wrap .box_c .newsBlock dd {
    /*	margin: -.8em 0 0;
	padding: 30px 0 0 12em;*/
    margin: 0;
    padding: 0em 0 0 12em;
}
#inner_wrap .box_c .newsBlock p {
    padding: 0 1em 2em;
}
.eventBlock dd {
    margin: 0;
    padding: .5em 0 .5em 10em;
  line-height: 1.8em;
}
#inner_wrap .box_c .eventBlock dd {
    /*	margin: -.8em 0 0;
	padding: 30px 0 0 12em;*/
    margin: 0;
   
}
.newsBlock span.icn-important, .eventBlock span.icn-important {
    background: #C1321E;
    color: #fff;
    margin-left: .5em;
    display: inline;
    font-size: 80%;
    font-weight: normal;
    border-radius: 2em;
    padding: 2px 5px;
	white-space: nowrap!important;
}

.eventBlock dt .data{
  background: url("../images/ic_arrow.png") no-repeat left 20px;

}
.eventBlock dd a{

}
.newsBlock dd span.icn-new, .eventBlock dd span.icn-new {
    color: #C1321E;
    font-size: 75%;
    font-weight: bold;
    padding: 2px 5px;
    text-align: center;
    /*	min-width: 4em;*/
    display: inline-block;
}

.eventBlockTop  a{

}

.newsBlock caption, .eventBlock caption, .contentsBlock caption {
    line-height: 0;
    text-indent: -9999px;
}
.newsBlock table.tbl, .eventBlock table.tbl {
    margin: 20px 0 40px;
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.newsBlock table.tbl th, .eventBlock table.tbl th {
    font-weight: bold;
    padding: 8px 6px 8px 6px;
    background: #ffe3b9;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: inherit;
    white-space: nowrap;
    min-width: 14%;
    vertical-align: top;
}
.newsBlock table.tbl td, .eventBlock table.tbl td {
    font-weight: normal;
    padding: 3px 8px;
    background-color: #FFF;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: inherit;
}
.newsBlock table.tbl td .link_list li, .eventBlock table.tbl td .link_list li {
    font-size: 100%;
    margin-left: 1em;
    border-bottom: none!important;
    padding: 0 0 0 5px!important;
}

.newsArea_page {
    overflow: hidden;
    padding: 10px;
    text-align: right;
}
.newsArea_page .newsArea_pagenum {
    color: #222222!important;
}


.contentIn #contents{
}
.flow {
	margin: 0px;
}
.flow li {
	float: left;
    white-space: nowrap;
    font-size: 100%;
}


/*---------- index ----------*/

.index .eventTitle {
	background: none;
	padding: 0px;
	color: #FFFFFF;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 480px;
}
.index .eventTitle .more {
	position: absolute;
	right: 10px;
	top: 10px;
}
.index #eventarea {
	clear: both;
	padding: 20px 10px 10px 10px;
	margin-bottom: 20px!important;
	background-color: #FFFFFF;
}
.index #eventarea table {
	width: 100%;
	border-bottom: #cccccc solid 1px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	line-height: 1.4em;
}
.index #eventarea th {
	font-weight: bold;
	text-align: left;
	width: 33%;
}
.index #eventarea td.icon {
	width: 15%;
	text-align: left;
}
.index #eventarea td img {
	vertical-align: -0.25em;
	margin-left: 5px;
}
.event_end {
	color: #F52124;
	font-weight: bold;
	margin-left: 10px;
}

.news_text {
	margin-bottom: 0;
	padding: 0 1em 1em;
}




.info_tab {
  border-bottom: 1px solid #FFC159;
}
.info_tab a {
	text-decoration: none;
	color: #502701;
	display: block;
}
.info_tab li.active {
  background-color:#FFC159;
  font-weight: bold;
}

.info_tab li {
  padding: .2rem;
    background-color: #FFFDE1;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
    border: 1px solid #FFC159;
    width: 32%;
    margin-right: .5%;
    display: inline-block;
    border-bottom: none;
	font-size: 120%;
}

.tab-pane:first-child .tab-pane-header {
  border-top-left-radius: 0;
}

#map {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#map iframe, #map object, #map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
details, summary {
    display: none!important;
}
/*Clear Float*/
.floormap_img {
    text-align: center;
    margin: 20px 0;
}
/*  サイトマップ
----------------------------------------------*/


.sttl {
	display: inline;
}
/*  icon　*/

a.btn {
    border-radius: 50px;
}
a:hover.btn {
    background-color: #0f6d7b;
}
/*  icon　*/

.arrow {
    position: relative;
    /*	display: inline-block;*/
    padding: 0 0 0 6px;
    vertical-align: middle;
    font-size: 100%;
}
.arrow::before, .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.arrow-up.icon {
    color: #000;
    position: absolute;
    margin-left: 10px;
    margin-top: 3px;
    width: 1px;
    height: 16px;
    background-color: currentColor;
}
.arrow-up.icon:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 1px;
    width: 10px;
    height: 10px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*table*/

table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 0 auto 10px;
    width: 99%;
}
table span {
    font-weight: normal;
}
table th {
    font-weight: normal;
    padding: 5px;
    background: #ebf9ff;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: inherit;
    white-space: nowrap;
  
    text-align: left;
    vertical-align: middle;
}
table td {
    font-weight: normal;
    padding:5px;
    background-color: #FFF;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: inherit;
    vertical-align: middle;

}
th.number {
    width: 1%!important;
    min-width: 1%!important;
}

/*calender*/

.pieceBody{
    padding: 10px;
    background: #D8EEF6;
}
.pieceBody table{
    table-layout: fixed;
}

.pieceBody h3{
    background:url("../images/ic_cal.png") no-repeat left top;
    border: 0;
    padding-left: 30px;
    font-size: 90%;
    margin: 0;
	position: relative;
}
.pieceBody h3 .currentmonth{
	right: 0;
	position: absolute;
}

.pieceBody h3:before{
    display: none;
}
.pieceBody th,.pieceBody td{
    padding: 2px;
    text-align:center;
    background: #FFF;
}
.pieceBody .sun{
background:#FFF1EC
}
.pieceBody .sat{
background:#E8F9FF
}
.pieceBody .pagination {
    margin-top: 0;
    font-size: 90%;
}
.pieceBody .prev_page,
.pieceBody .next_page{
    border-radius: 30px;
    
}
.pieceBody .prev_page{
    background:#FFF url("../images/ic_arr_03_b.png") no-repeat 5px 50%;
    padding-left: 25px;
    
}
.pieceBody .next_page{
    
    background:#FFF url("../images/ic_arr_03.png") no-repeat 95% 50%;
    padding-right: 25px;
}

/*add 2024*/

.img-area{
    margin: 1.5rem 0;
    display: block;
		text-align: center;
    clear: both;
}
.img-area:after {
    content: "";
    display: block;
    clear: both;
}
.img-area span{
    display: block;
}

.img-area p.imglink-side2
{
  float: left;
  margin: 0.56em 0 0.1em 0;
  padding: 0;
  text-align: center;
  display: table;
  width: 100%;
}
p.imglink-side2 span{
    display: block;
}

p.imglink-side3 span {
	margin: 0 10px 0 10px;
	padding: 0;
}


@media (min-width: 1024px) {
	.img-area{
    text-align: left;
	}
.img-area img{
    margin: 0 10px 5px 10px;
}
.img-area span {
    margin: 0 10px 0 10px;
}
.img-area p.imglink-side2{
    width: 50%;
    min-width: 160px;
}
.img-area p.imglink-side3{
    float: left;
    width: calc(33% - 10px);
    margin: 0.56em 10px 0.1em 0;
    padding: 0;
    text-align: center;
    display: table;
    min-width: 160px;
}
}

/*add 2024 end*/

.pagetop {
    position: fixed;
  bottom: 140px;/*チャットあり*/
  bottom: 0;
right:0px;
    background-color: transparent;
    padding: 5px 20px;
    z-index: 100;
    border-radius: 50px;
}
.pagetop a {
    text-decoration: none;
    color: #fff;
}
.clear {
    clear: both;
    overflow: hidden;
}
.clearLeft {
    clear: left;
}
.clearRight {
    clear: right;
}
/* text */
.redTxt {
    color: #d90000;
}
.greenTxt {
    color: #277948;
}
.lh01 {
    line-height: 1;
}
.lh02 {
    line-height: 1.1;
}
.lh03 {
    line-height: 1.2;
}
.lh04 {
    line-height: 1.3;
}
.lh05 {
    line-height: 1.4;
}
.lh06 {
    line-height: 1.5;
}
.lh07 {
    line-height: 1.6;
}
.lh08 {
    line-height: 1.7;
}
.lh09 {
    line-height: 1.8;
}
.lh10 {
    line-height: 1.9;
}
.lh11 {
    line-height: 2;
}
.blt {
    font-weight: bold;
}
.nlt {
    font-weight: normal;
}
.capt {
    font-size: 93%;
}
.mint {
    font-size: 100%!important;
    color: #222!important;
}
.bigt {
    font-size: 123.1%;
}
.alignl {
    text-align: left;
}
.TAC,
.alignc {
    text-align: center!important;
}
.alignr {
    text-align: right;
}
.valignt {
    vertical-align: top;
}
.valignm {
    vertical-align: middle;
}
.valignb {
    vertical-align: bottom;
}
.FL,
.fleft {
    float: left;
}
.FR,
.fright {
    float: right;
}
/* width */
.w-5 {
    width: 5%!important;
}
.w-10 {
    width: 10%!important;
}
.w-15 {
    width: 15%!important;
}
.w-20 {
    width: 20%!important;
}
.w-25 {
    width: 25%!important;
}
.w-30 {
    width: 30%!important;
}
.w-35 {
    width: 35%!important;
}
.w-40 {
    width: 40%!important;
}
.w-45 {
    width: 45%!important;
}
.w-50 {
    width: 50%!important;
}
.w-55 {
    width: 55%!important;
}
.w-60 {
    width: 60%!important;
}
.w-65 {
    width: 65%!important;
}
.w-70 {
    width: 70%!important;
}
.w-75 {
    width: 75%!important;
}
.w-80 {
    width: 80%!important;
}
.w-85 {
    width: 85%!important;
}
.w-90 {
    width: 90%!important;
}
.w-95 {
    width: 95%!important;
}
.w-100 {
    width: 100%!important;
}
.m0auto{ margin: 0 auto!important; }
.mt0{ margin-top:0px!important; }
.mb0{ margin-bottom:0px!important; }
.mt10{ margin-top:10px!important; }
.mr10{ margin-right:10px!important; }
.mb10{ margin-bottom:10px!important; }
.ml10{ margin-left:10px!important; }
.mt20{ margin-top:20px!important; }
.mr20{ margin-right:20px!important; }
.mb20{ margin-bottom:20px!important; }
.ml20{ margin-left:20px!important; }
.mt30{ margin-top:30px!important; }
.mr30{ margin-right:30px!important; }
.mb30{ margin-bottom:30px!important; }
.ml30{ margin-left:30px!important; }
.mt40{ margin-top:40px!important; }
.mr40{ margin-right:40px!important; }
.mb40{ margin-bottom:40px!important; }
.ml40{ margin-left:40px!important; }
.mt50{ margin-top:50px!important; }
.mr50{ margin-right:50px!important; }
.mb50{ margin-bottom:50px!important; }
.ml50{ margin-left:50px!important; }
.mt60{ margin-top:60px!important; }
.mr60{ margin-right:60px!important; }
.mb60{ margin-bottom:60px!important; }
.ml60{ margin-left:60px!important; }
.mt70{ margin-top:70px!important; }
.mr70{ margin-right:70px!important; }
.mb70{ margin-bottom:70px!important; }
.ml70{ margin-left:70px!important; }
.ml80{ margin-left:80px!important; }
.ml100{ margin-left:100px!important; }
/* 管理画面　修正・設定等ボタンスタイル
----------------------------------------------*/

form[method="post"] button,
form[method="post"] input[type="submit"], 
form[method="post"] input[type="button"] {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',メイリオ,Meiryo\9;
    font-weight: normal;
    font-size: 1em;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    margin: 10px 0;
    cursor: pointer;
    border-style: none;
    padding: 5px;
}

form[method="post"] button:hover ,
form[method="post"] input:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  
form[method="post"] {
    max-width: 980px;
    margin: 0 auto;
}

/*20240619追加*/
#contentsBox .marker_ye{
    background: #FFF49D;
}

/*20250203追加*/
@media (max-width: 1023px){
	#inner_wrap iframe{
    width: 100%;
	}
}

/*20250221追加 20250415追加・編集*/
/*
 h1.top_subTit.cate_toph1{
      visibility:hidden;
}
*/
h1.top_subTit.cate_toph1 img{
    width: 100%;
}
.topMain .container{
    max-width: none;
}
@media screen and (min-width: 769px) {
  .topMain{
	  background: none;
/*    background-position:center 0 ;*/
  }
	.topLead{
        margin: 110px 0 0 0;
        text-align: center;
	}
	.topLead p{
    text-align: left;
    display: inline-block;
	}
}
@media screen and (max-width: 768px) {
	 .topMain {
	  background: none;
/*
	background-position:center 10px ;
*/
  }
}