/*
Theme Name: カネジュウ食品株式会社
URI: http://kanejyu.com/
Author: カネジュウ食品株式会社
Description: カネジュウ食品株式会社
Version:2020.10 vol.01
.

/* CSS Document */
/* -----------------------------------------------------------
reset
----------------------------------------------------------- */
html{
  scroll-behavior: smooth;
}
::-webkit-scrollbar{
width: 10px;
}
::-webkit-scrollbar-track{
background: #fff;
border: none;
border-radius: 10px;
box-shadow: inset 0 0 2px #777; 
}
::-webkit-scrollbar-thumb{
background: #ccc;
border-radius: 10px;
box-shadow: none;
}
div {   zoom: 1;/*for IE 5.5-7*/}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {
margin:0;
padding:0;

}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
}
table {
border-collapse:collapse;
border-spacing:0;
border:none;
}
caption,th {
text-align:left;
}
object,
embed {
vertical-align:top;
}
hr,legend {
display:none;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
img,abbr,acronym,fieldset,a {
border:0;
}
ul li {
list-style-type:none;
}
ol li {
list-style-type:none;
}
img{
vertical-align:bottom;
}

/*-----------------------------------------------------------
body
----------------------------------------------------------- */
/*基本設定*/
body {
font-family: "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";
text-align:center;
font-size: 16px;
line-height:1.9em;
color: #333333;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}
strong{
font-weight: normal;
}

/* LayoutClass - Float
============================================================================= */

.alignL { text-align: left; }
.alignR { text-align: right; }
.alignC { text-align: center; }
.alignM { margin: 0px auto; }

.floatL { float: left; }
.floatR { float: right; }
.floatC { clear:both;}



/* LayoutClass - space
============================================================================= */

.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}

.mt-15 { margin-top: -15px;}

.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb80 { margin-bottom: 80px;}
.mb90 { margin-bottom: 90px;}
.mb100 { margin-bottom: 100px;}

.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}
.ml55 { margin-left: 55px;}


.mr5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}
.mr55 { margin-right: 55px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pr5 {padding-right:5px;}
.prd10 {padding-right:10px;}
.prd15 {padding-right:15px;}
.prd20 {padding-right:20px;}
.prd25 {padding-right:25px;}
.prd30 {padding-right:30px;}
.prd35 {padding-right:35px;}
.prd40 {padding-right:40px;}
.prd45 {padding-right:45px;}
.prd50 {padding-right:50px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl70 {padding-left:70px;}


/* Link
============================================================================= */

a{color:#c59d00; text-decoration:underline;}
a:hover {color:#c59d00; text-decoration:none;}
a:hover img {opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .80; /* Safari 1.x */
-moz-opacity: .80; /* FF lt 1.5, Netscape */
}
img{width: 100%;height: auto;}


/* -----------------------------------------------------------
ベースレイアウト
iPadなどのレイアウトのインデント調整のため
text-indent: -10000;ではなく下記を使用しています。

text-indent: 100%;
white-space: nowrap;
overflow: hidden;
----------------------------------------------------------- */

/*=======================================================================
各種ラッパー用CSS
=======================================================================*/

#wrapper {
width: 100%;
margin: 0 auto;
text-align: center;
overflow: hidden;
}

.wrap{
position: relative;
width: 90%;
max-width: 1200px;
margin: auto;
overflow: hidden;
}
header .wrap{
overflow: inherit;
}

.wrap02{
position: relative;
overflow: hidden;
}

.wrap_in{
position: relative;
width: 90%;
max-width: 1080px;
margin: auto;
}

.cnt_wp {
width: 100%;
margin: 0 auto;
text-align: center;
}
#cnt_wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
position: relative;
overflow: hidden;
}

article{
text-align: left;
position: relative;
}

section{margin-bottom: 3em;}
.sub section{margin-bottom: 4em;}
section:last-child,.sub section:last-child{margin-bottom: 0;}

.flex {
display:flex;
flex-wrap:wrap;
}

.page article,.single article,.archive article,.search article{
padding: 5em 0 ;
}

.page .content,.single .content,.archive .content{
width: 980px;
overflow: hidden;
position: relative;
}

.txtarea p{
margin-bottom:1.5em;
}
.txtarea p:last-child{
margin-bottom:0;
}

.map iframe{
border: none;
width: 100%;
height: 500px;
}

.boxlayout02{
overflow: hidden;
position: relative;
display:flex;
flex-wrap:wrap;
}
.boxlayout02 .floatR{width: 46%;padding: 0 2%;}
.boxlayout02 .floatL{width: 46%;padding: 0 2%;}

.boxin01{
padding: 2.5em 15% 0;}
.boxin02 {
    padding: 2.5em 5% 0;
}

.boxlayout02-2{
overflow: hidden;
position: relative;
}
.boxlayout02-2 .floatL{width: 18%;}
.boxlayout02-2 .floatR{width: 80%;}

.boxlayout02-3{
overflow: hidden;
position: relative;
margin-bottom: 3em;
}
.boxlayout02-3 .floatR{width: 50%;}
.boxlayout02-3 .floatL{width: 50%;}

.boxlayout02-4{
overflow: hidden;
position: relative;
margin-bottom: 1.5em;
}
.boxlayout02-4 .floatL{width: 63%;}
.boxlayout02-4 .floatR{width: 28%;}

.boxlayout02-4-02{
overflow: hidden;
position: relative;
margin-bottom: 1.5em;
}
.boxlayout02-4-02 .floatR{width: 40%;}
.boxlayout02-4-02 .floatL{width: 58%;}

.boxlayout02-5{
display:flex;
flex-wrap:wrap;
}
.boxlayout02-5 div:first-child{
width: 70%;
margin-bottom: 1em;
}
.boxlayout02-5 div:last-child{
width: 26%;
margin-bottom: 1em;
}
.boxlayout02-6{
overflow: hidden;
position: relative;
display:flex;
flex-wrap:wrap;
}
.boxlayout02-6 .floatR{
width: 49%;
}
.boxlayout02-6 .floatL{width: 49%;margin-right: 2%;}

.boxlayout03{
overflow: hidden;
padding: 2em 0 2em;
}
.boxlayout03 .floatL{
width: 29.3%;
padding: 0 2%;
}
.boxlayout03-02{
display:flex;
flex-wrap:wrap;
}
.boxlayout03-02 div{
width: 29.3%;
padding: 0 2%;
margin-bottom: 2em;
}

.boxlayout03-03{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.boxlayout03-03 div{
padding: 2em 2%;
margin-bottom: 0;
}

.boxlayout04{
display:flex;
flex-wrap:wrap;
}
.boxlayout04 div{
width: calc(100% / 4);
}



.boxstyle03{
background: #000;
}

.boxstyle01{
border: #dddddd solid 1px;
box-sizing: border-box;
padding: 3%;
margin-bottom: 2em;
}




.boxstyle02{
background: #f1e9de;
}

.boxstyle04{
background: #ffcc46;
}
.boxstyle05{
border: #e9e1d6 solid 5px;
box-sizing: border-box;
padding: 3%;
margin-bottom: 2em;
}
.boxstyle06{
border: #2196f3 solid 5px;
box-sizing: border-box;
padding: 3%;
margin-bottom: 2em;
}


/*=======================================================================
レフト・メイン・ライトコンテンツ 枠
=======================================================================*/
.w50{width: 80%;margin: auto;}
/*フォント*/
.font_style01{
color: #e49e61;
}

.btnstyle01{
color: #000;
border: #000 1px solid;
padding: 0.2em 2em;
text-decoration: none;
display: inline-block;
}
.btnstyle01:hover{opacity: 0.8;}



.liststyle01{margin-bottom: 1em;}
.liststyle01 li,.liststyle01 p{
padding: 0 0 0.5em 0;
text-align: left;
}
.liststyle01 li li{font-size: 0.9em;border-bottom: 0;}
.liststyle02 li{
background: url("images/ico03.png") no-repeat left 0.5em;
padding: 0 0 0 12px;
text-align: left;
}
.liststyle01 a{color: #343434;text-decoration: none;}
.liststyle02 a{color: #9a9a9a;text-decoration: none;}
.liststyle01 a:hover,.liststyle02 a:hover{color: #9a9a9a;text-decoration: underline;}

.linkblank{background: url("images/icoblank.png") no-repeat center right;padding-right: 50px;min-height:20px;display: inline-block; }

.checkarea_y{background: url("images/icocheck.png") no-repeat center left;padding-left: 20px;min-height:20px;display: inline-block; margin-right: 1em;}
.checkarea_n{background: url("images/icocheckno.png") no-repeat center left;padding-left: 20px;min-height:20px;display: inline-block;margin-right: 1em; }

.pdfbox{
padding: 2em 3%;
text-align: center;
}
.single .pdfbox{margin-top: 2em;}
.page article .pdfbox img,.pdfbox img,.single .pdfbox img{width: 150px;height: auto;margin: 0 auto;}
.linkpdf{background: url("images/icopdf.png") no-repeat center right;padding-right: 30px;min-height:20px;display: inline-block; }

.liststyle01 li{
background: url(images/home/ioc03.png) no-repeat 1em 1.4em;
padding: 1em 10px 1em 43px;
text-align: left;
border-bottom: 1px solid #ddd;
}


/*ページトップ*/
#p_top_area{
position:fixed;
bottom: 10px;
right:10px;
z-index: 1000;
width: 70px;
}


/*テーブルスタイル table_style*/


.newslist_boxwrap {
border: solid #dddddd 2px;
margin: 0 auto 2em;
}
.single .newslist_boxwrap{
padding: 2em 4%;
background-color: #fff;
box-sizing: border-box;
overflow: hidden;        
}
.newslist_boxwrap h3{
font-weight: bold;
font-size: 1.2em;
}
.newslist_boxwrap:hover{
background-color: #e1e1e1;
}
.newslist_boxwrap.singlewrap:hover{
background-color: #fff;
}
.newslist_boxwrap .day{margin-bottom: 0;font-size: 0.8em;}

.tdstyle02{background-color: #e0f0f9;}
td strong{font-weight: bold;}

.tablestyle01{
width: 100%;
margin-bottom: 2em;
}
.tablestyle01 th{
padding: 0.4rem 2%;
border-bottom: #aaaaaa 2px solid;
box-sizing: border-box;
text-align: left;
font-weight: bold;
width: 12%;
}
.tablestyle01 td{
padding: 1rem 2%;
border-bottom: #dddddd 1px solid;
box-sizing: border-box;
text-align: left;
width: 33%;
}


.tablestyle02{
width: 100%;
margin-bottom: 2em;
border-top: #dddddd 1px solid;
}
.tablestyle02 th{
padding: 0.4rem 2%;
border-bottom: #dddddd 1px solid;
box-sizing: border-box;
text-align: left;
font-weight: bold;
width: 12%;
}
.tablestyle02 td{
padding: 1rem 2%;
border-bottom: #dddddd 1px solid;
box-sizing: border-box;
text-align: left;
width: 33%;
}


.tablestyle03{
width: 100%;
border-top: #dddddd 1px solid;
border-left: #dddddd 1px solid;
margin-bottom: 2em;
font-size: 0.8em;
line-height: 1.2;
}
.tablestyle03 th{
background-color: #e0f0f9;
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
font-weight: bold;
box-sizing: border-box;
}
.tablestyle03 th.thstyle01{background-color: #96caf1;text-align: center;}
.tablestyle03 td{
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd solid 1px;
box-sizing: border-box;
}

.tablestyle04{
width: 100%;
border-top: #dddddd 1px solid;
border-left: #dddddd 1px solid;
margin-bottom: 2em;
font-size: 0.8em;
line-height: 1.2;
}
.tablestyle04 th{
background-color: #e0fec8;
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
font-weight: bold;
box-sizing: border-box;
}
.tablestyle04 th.thstyle01{background-color: #c0e3a4;text-align: center;}
.tablestyle04 td{
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd solid 1px;
box-sizing: border-box;
}

.tablestyle05{
width: 100%;
border-top: #dddddd 1px solid;
border-left: #dddddd 1px solid;
margin-bottom: 2em;
font-size: 0.8em;
line-height: 1.2;
}
.tablestyle05 th{
background-color: #fffcde;
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
font-weight: bold;
box-sizing: border-box;
}
.tablestyle05 th.thstyle01{background-color: #fffbd1;text-align: center;}
.tablestyle05 td{
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd solid 1px;
box-sizing: border-box;
}

.tablestyle06{
width: 100%;
border-top: #dddddd 1px solid;
border-left: #dddddd 1px solid;
margin-bottom: 2em;
font-size: 0.8em;
line-height: 1.2;
}
.tablestyle06 th{
background-color: #fadffb;
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
font-weight: bold;
box-sizing: border-box;
}
.tablestyle06 th.thstyle01{background-color: #fed0ff;text-align: center;}
.tablestyle06 td{
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd solid 1px;
box-sizing: border-box;
}

.tablestyle07{
width: 100%;
border-top: #dddddd 1px solid;
border-left: #dddddd 1px solid;
margin-bottom: 2em;
font-size: 0.8em;
line-height: 1.2;
}
.tablestyle07 th{
background-color: #fff1de;
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
font-weight: bold;
box-sizing: border-box;
}
.tablestyle07 th.thstyle01{background-color: #ffe7c8;text-align: center;}
.tablestyle07 td{
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd solid 1px;
box-sizing: border-box;
}

.single-search_examination .tablestyle01,.timearea .tablestyle01{
width: 100%;
border-top: #dddddd 1px solid;
border-left: #dddddd 1px solid;
margin-bottom: 2em;
font-size: 0.8em;
line-height: 1.2;
}
.single-search_examination  .tablestyle01 th,.timearea .tablestyle01 th{
background-color: #e0f0f9;
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
font-weight: bold;
box-sizing: border-box;
text-align: center;
}
.single-search_examination .tablestyle01 td,.timearea .tablestyle01 td{
padding: 0.5rem 1%;
border-bottom: #dddddd 1px solid;
border-right: #dddddd solid 1px;
box-sizing: border-box;
text-align: center;
}

.formarea input[type="text"] ,.formarea input[type="email"],.formarea textarea, .formarea input[type="tel"]{
width:70%;
padding: 0.5em;
border: 1px solid #ddd;
}
.formarea input[type="date"]{
padding: 0.5em;
border: 1px solid #ddd;
}
.formarea select{
border: 1px solid #ddd;
padding: 0.5em;
}
.formarea th span{
font-weight: normal;
color: #fff;
padding: 0.3em;
background-color: #e3686c;
margin-left: 0.5em;
font-size: 0.8em;
}
.menunav{overflow: hidden;margin-left: 6%;margin-bottom: 2em;}
.menunav li{
width: 20%;
float: left;
margin: 0 1.7% 1em;
}
.menunav li img{width: 100%;height: auto;}



.titarea p{
color: #ddd;
}
.titstyle01{
font-size: 2em;
color: #5d5d5d;
text-align: center;
letter-spacing: 0.1em;
margin-bottom: 1em;
padding: 0.4em 0 0.7em;
font-weight: bold;
}
.titstyle02 {
font-size: 1.2em;
text-align: center;
letter-spacing: 0.1em;
margin-bottom: 1em;
padding: 0.4em 0 0.7em;
font-weight: bold;
}
.titstyle03 {
font-size: 1.2em;
letter-spacing: 0.1em;
margin-bottom: 1em;
padding: 0.4em 0 0.4em;
font-weight: bold;
border-bottom: 1px solid #000;
}
.titstyle04 {
font-size: 1.1em;
letter-spacing: 0.1em;
margin-bottom: 1em;
font-weight: bold;
}







/*=======================================================================
ヘッダ
=======================================================================*/
header{
z-index: 1000;
width: 100%;
top: 0;
position: relative;
background-color: #fff;
}
.head_top{
width: 90%;
margin: 0 auto 0;
background: url(images/head_bg.png) no-repeat center bottom;
overflow: hidden;
height: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.head_left{
float: left;
width:30%;
text-align: left;
}
.head_top h1 {
width: 74%;
float: left;
margin: 20px 0 0 0;
}

.pc .menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1080px;
    margin: 0 auto;
}

.pc .menu > li {
    float: left;
    height: 50px;
    line-height: 50px;
}

.pc .menu > li a {
    display: block;
}



ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.pc .menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.pc #menu li li:hover{opacity: 0.8;border-bottom: #e49e61 5px solid;}

.pc #menu li li{
width: 100%;
    float: none;
    left: auto;
    border-bottom: 5px #eee solid;
}
.pc #menu li li a{
    background: #fff;
    display: block;
    margin: 0;
    padding: 1em;
    border: none;
}

.gnav.pc ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 240%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    float: none;
    padding: 5px 0 0;

    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    z-index: 1000;

    display: block;
}

.gnav.pc li:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
    left: auto;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.pc .menu:before,
.pc .menu:after {
    content: " ";
    display: table;
}

.pc.menu:after {
    clear: both;
}

.pc.menu {
    *zoom: 1;
}

header .gnav.pc{
clear: both;
position:relative;
margin-top: 2em;
height: 65px;
}

header .gnav.pc:after {
    clear: both;
}

header .gnav.pc li:first-child a{border-left: 1px #000 solid;box-sizing: border-box;}
.gnav.pc a{
display: block;
border-right: 1px #000 solid;
box-sizing: border-box;
color: #000;
}

.header-sns{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.header-sns p{
  background-color: #000;
  padding: 7px;
  margin: 0 10px;
}

.header-sns img{
  width:30px;
}

header .gnav.pc ul {
position: relative;
    display: flex;
    justify-content: center;
    padding: 0.6em 0;
}

header .gnav.pc li {
position: relative;
}

.pc #menu li{
position: relative;
float: left;
margin: 0;
padding: 0;
text-align: center;
}
.pc #menu li a{
display: block;
line-height: 1;
text-decoration: none;
padding: 0.3em 0.83em;
margin: 0 0 1em;
}
.pc #menu li:hover{opacity: 0.8;border-bottom: #e49e61 5px solid;}
.pc #menu li.on {border-bottom: #e49e61 5px solid;}






.pc .menu > li:hover {
-webkit-transition: all .5s;
transition: all .5s;
}


/* 下矢印 */
.init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* floatクリア */
.pc .menu:before,
.pc .menu:after {
content: " ";
display: table;
}

.pc .menu:after {
clear: both;
}

.pc .menu {
*zoom: 1;
}
.pc .menu > li.menu__single {
position: relative;
}



.headbg{
z-index: -100;
background: no-repeat center top;
clear: both;
margin: 0 auto 0;
}


.slick-dots{display: none;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-slide img{display: inline-block;}

.headbg .boxin{background-size: cover;  background: center top;position: relative;}
.sub .headbg h2{
margin: 0 auto 0.3em;
font-size: 2.2em;
color: #fff;
line-height: 1.2;
font-weight: bold;
text-shadow: 0px 0px 5px rgba(10,10,10,0.3);;
}
.tit_style02{
  color: #333333 !important;
}
.sub .headbg .boxin{ 
padding: 8em 0 7em;
}

.head_right {
width: 23%;
}


/*=======================================================================
フッタ
=======================================================================*/
.contact_flex{z-index: 100000;}
.contact_flex.pc{
position: fixed;
right: 0;
top: 250px;
width: 70px;
height: auto;
}
.contact_flex.pc p{margin-bottom: 15px;}

.footmaparea{overflow: hidden;text-align: left;}
.footmaparea .floatL{width: 70%;}
.footmaparea .floatR{width:24%;float: left;padding: 4em 3% 2em;text-align: center;font-weight: bold;font-size: 1.2em;    line-height: 1.8;}
.footmaparea .floatR img{width: 70%;height: auto;margin-bottom: 2em;}
.footmaparea iframe{
width: 100%;
height: 600px;
border: none;
display: block;
}


footer{
overflow: hidden;
position: relative;
margin:0 auto;
color: #fff;
background: url("images/footimg.jpg") no-repeat center top;
padding: 77px 0 0;
background-size: cover;
}
.foottop {margin-bottom: 2em;padding-bottom: 2em;border-bottom: 1px solid #fff;}
footer .wrap{padding: 1em 0 5em;}
footer h1{
width: 18%;
text-align: left;
margin: 0 auto 2em;
}
footer .navarea .area01{    margin-bottom: 3em;}
footer .navarea .area01,footer .navarea .area02{
position:relative;
overflow:hidden;
}
footer .navarea .area01 ul{
  display: flex;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
}
footer .navarea .area01 li{
  border-right: 1px solid #fff;
}
footer .navarea .area01 li:first-child{
border-left: 1px #fff solid;
}

@media (max-width: 480px) {
  footer .navarea .area01 ul {
    flex-direction: column;
    align-items: center;
  }

  footer .navarea .area01 li {
    border: none;
    padding: 0.5em 0;
  }
}

footer .navarea a{color: #fff;
text-decoration: none;
padding: 0 0.5em;
line-height: 1em;
font-size: 0.9em;}
footer .navarea a:hover{opacity: 0.8;}
footer .navarea .area02{
display:flex;
flex-wrap:wrap;
justify-content: center;
}
footer .navarea .area02 p{
border: 1px #fff solid;
padding: 0.8em 2%;
float: left;
width: 22%;
margin: 0 1%;
}

.copy{
color: #000;
padding: 1em 0;
}

.footer-sns{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-top: 20px;
}

.footer-sns img{
  width:30px;
}


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

下層ページ 共通

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

.linkbox.wrap {
border-top: 3px solid #008ad0;
border-bottom: 3px solid #008ad0;
margin: 3em auto;
padding: 2em 0;
}
.linkbox h2{
color: #008ad0;
font-size: 1.3em;
margin-bottom: 1em;
}
.linkboxin {
position:relative;
overflow:hidden;
}

.linkboxin ul {
position:relative;
left:50%;
float:left;
}

.linkboxin li {
position:relative;
left:-50%;
float:left;
padding: 0 30px 0 12px;
}
.linkboxin .liststyle01 li:last-child {padding-right: 0;margin-right: 0;}

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

.foot_systembox{
background: url("images/foot_systembox_bg.png") no-repeat top center;
background-size: cover;
text-align: center;
padding: 6em 2% 3em;
margin: 3em auto 0;
width: 84%;
max-width: 1080px;
}
.foot_systembox h2{color: #fff;font-size: 2.2em;margin-bottom: 1em;font-weight: 700;line-height: 1.2; }



.maparea iframe{width: 100%; height: 470px;border: none;}

.content02{width: 90%;
max-width: 1200px;
margin: 0 auto ;
overflow: hidden;
}
.page article img,.single article img{width: 100%;height: auto;}



.catearea{font-size: 0.8em;}
.catearea span{margin-right: 1em;}

.catearea02{font-size: 0.8em;margin-top: 1em;}
.single .catearea02{margin-bottom: 1.5em;}
.catearea02 span{color: #fff;padding: 0.5em 1em;}
.catearea02 .important{background-color: #bf0000;}
.catearea02 .ward{background-color: #d4732b;}
.catearea02 .worker{background-color: #621a1b;}
.catearea02 .member{background-color: #ddd;}


#breadArea{
color: #000;
font-weight: bold;
font-size: 0.8em;
padding: 1em 0 0;
text-align: left;
line-height: 1.2;
}
#breadArea a{
text-decoration:none;
color: #000;
font-weight: normal;
}
#breadArea a:hover{
text-decoration: underline;
font-weight: normal;
}
.mainclum{float: left; width: 67%;}

aside{
float: right; width: 28%;
}
.asidein{
padding: 0 6%;
}

aside select{
display: block;
width: 98%;
padding: 1em 1%;
}

aside .liststyle01 a,aside a{ text-decoration: none;color: #343434;display: block;}
aside .titstyle02{margin-bottom: 1em;}
aside li {
text-align: left;
}

aside .liststyle01 li {
background: url(images/ico02.png) no-repeat 0.5em 1.1em;
    padding: 1em 10px 1em 30px;
    text-align: left;
    border-bottom: 1px solid #000;
    line-height: 1em;
}
aside .widget_categories li,aside .liststyle01 .widget_categories{border-bottom: none;}
aside .widget_categories li a{color: #ddd; display: block;}
aside .widget_categories .children li a{padding-left: 1em;border-bottom: 1px dotted #f1e9de;color: #343434;}

.widgettitle{display: none;}

aside ul.liststyle01{margin-bottom: 3em;}
aside .archive_list ul.liststyle01{margin-bottom: 0;}

.pagearea {overflow: hidden; padding: 10px 20px; border: 1px solid #008ad0; margin: 20px 0 0;}
.pagearea p.next{float: right;}
.pagearea p.pre{float: left;}

.pc{
display:block;}
.mb{
display:none;
}

.slicknav_menu {
display:none;
}

.w70{width: 70%;margin: 0 auto;}

.wpcf7-submit{background-color: #c59d00;padding: 0.8em 5em; border: none;border-radius: 10px;color: #fff;font-size: 1.2em;}
.wpcf7-submit:hover{opacity: 0.8;cursor: pointer;}

/*PCのスタイル*/
#nav_toggle{
display: none;
}

.footmenu{
background: url(images/fotmenubg.jpg) no-repeat;
background-size: cover;
padding: 7em 0 4em;
}
.txtarea p.icoarea{
width: 5%;
margin: 0 auto;
}

@media (max-width:1350px) {
.gnav.pc a{padding: 0 0.5em;}
}
@media (max-width:1280px) {
.head_top h1 {
width: 90%;
}
.head_right{width: 30%;}
.wrap{width: 94%;;}
}


@media (max-width:1080px) {
.head_top {
width: 97%;
background-size: contain;
}
.sub .headbg h2{font-size: 1.8em;}
.w50{width: 100%;}

header .gnav.pc {
font-size: 16px;
}
.pc#menu li {
    left: -42%;
}
.pc#menu li a{padding: 0.9em 1.1em;}

.titstyle02{font-size: 1.1em;margin-bottom: 1em;}
.titstyle03{font-size: 1.5em;}

.boxstyle06{
padding: 1em 4%;
}

.tablewrap{overflow: scroll;}

.page .content, .single .content
{
width: 100%;
}
h3 img,h4 img{width: 100%; height: auto;}
.foot_systembox h2{font-size: 1.2em; }

footer .navarea a{font-size: 0.8em;}
}


@media (max-width:980px) {
.head_left{width: 40%;}
.head_top h1 {
width: 64%;
}
.head_top{width: 98%;}
.wrap{
width: 94%;
}



header .gnav.pc li{ font-size: 15px;}
.btnarea p {
width: 36%;
}

.boxlayout05 .floatL{
width:100%;
}
.boxlayout05 .floatR{
width:100%;
}

.boxlayout04_02{padding: 2em 0 2em 0;}

.btnarea p:first-child, .btnarea p:last-child {
width: 28.8%;
}
.w70{width: 100%;}

footer .fnav{font-size: 1em;}
.fnav li{
display: block;
float: none;
text-align: left;
padding: 0 0 0 22px;
}
.fnav li a{
font-size:1em;
}
.fnav li br{display: none;}

.head_right ul.btnarea{
overflow: hidden;
float: none;
width: 80%;
margin: auto;
}

footer .navarea .area01 p.imgarea{width: 22%;}
footer h1 {
width: 35%;
}
footer .btn{
float: none;
margin: 0 auto 1em;
width: 25%;
}
footer .btnarea{overflow: hidden;}
footer .navarea .area01,footer .navarea .area02,footer .navarea .area03{float: none;width: 100%;border-left:none;}
footer .navarea .area01 .btnarea p {
margin-bottom: 0;
float: left;
width: 31%;
margin: 0 1%;
}
footer .navarea .area01 .btnarea p:first-child, footer .navarea .area01 .btnarea p:last-child {
width: 31%;
float: left;
}
footer .fnav .area02 ul{float: none;width: 100%;}
footer .footarea{float: none;}
footer .navarea a{font-size: 0.8em;padding: 0 0.5em;}
footer .navarea .area02 p{width: 37%;}
footer .navarea .area02{margin: 3em 0 0;}
.page article, .single article, .archive article, .search article{padding: 2em 0;}
}

@media (max-width:950px) {
.pc #menu li a {
    padding: 0.9em 0.8em;
    font-size: 0.9em;
}
}

@media (max-width:840px) {
footer .navarea .area01 ul, footer .navarea .area02 ul {
position: relative;
left: 0;
float: none;
text-align: left;
}
footer .navarea .area01 li:first-child, footer .navarea .area02 li:first-child{border-left: none;}
footer .navarea .area01 li, footer .navarea .area02 li{
left: 0;
float: none;
border-right: none;
border-bottom: 1px solid #fff;
padding: 0.5em 0;
}
footer .navarea .area01 {
margin-bottom: 0;
}
.txtarea p.icoarea{
width: 5%;
}
}

@media (max-width:740px) {

body{min-width: 100%;-webkit-text-size-adjust: 100%;line-height: 1.7em;font-size: 0.9em;}
section,.sub section{margin-bottom: 3em;}

.sub .headbg h2{color: #000;}
.txtarea p.icoarea{
width: 8%;
}

.head_top h1 {
width: 100%;
margin: 0;
}

.sub .boxin img {
width: 80%;
}

.head_right{width: 64%;}

.footmaparea .floatR img{width: 40%;}


.font_style01{font-size: 1em;}

.titstyle01{font-size: 1.6em;}
.titstyle03{font-size: 1em;}

.boxin01 {
padding: 1em 0 2em;
}
.boxin02{
padding: 1em 0 2em;
}

.font_style06{
font-size: 1em;
}

.mb30 {
margin-bottom: 15px;
}

.titstyle05 {
box-shadow: none;
padding: 0.6em 2.2%;}
.titstyle06{
font-size: 1.2em;
}


.head_top {
width: 92%;
margin: 0 auto;
background:none;
height: 45px;
}


.contact_flex.mb{
position: fixed;
bottom: 10px;
width: 96%;
margin: auto;
left: 2%;
}
.contact_flex.mb p.area01{
position: relative;
float: left;
width: 50%;
}
.contact_flex.mb p.area02 {
position: relative;
float: right;
width: 42%;
}


.headbg{margin: 0 auto 0;}
.tableslide{overflow-x: scroll;}

.head_top h1{width: 100%;margin: 0;}
.head_right {
width: 37%;
}
.head_top {
height: 70px;
}

footer .btnarea{margin-top: 50px;}
.floatL { float: none ; }
.floatR { float: none ; }
.floatC { clear:both ; }


.maparea iframe{height:300px;}

.mb50 { margin-bottom: 30px;}
.txtarea p {
margin-bottom: 1em;
}
.txtarea p:last-child {
margin-bottom: 0;
}

header{padding: 0.7em 0 0;position: relative;}




.sub .boxin{padding: 2em 0;}
.headbg h2 span{margin-bottom: 0.2em;}
.headbg h2{
padding: 0em 2% 0;
font-size: 1.3em;
margin: 0 auto 0em;
}
.sub .boxin p {
font-size: 0.8em;
}


.map iframe{
height: 300px;
}

.boxlayout02-2 .floatR{
width: 100%;
padding: 0 0 2em 0;
}

.boxlayout02-3 {margin-bottom: 1.5em;}
.boxlayout02-3 .floatR{
width: 100%;
}
.boxlayout02-3 .floatL{width: 100%;margin-bottom: 1em;}
.boxlayout02-4 .floatR{
width: 100%;
}
.boxlayout02-4 .floatL{width: 100%;margin-bottom: 1em;}
.boxlayout02-4-02 .floatL{
width: 100%;
}
.boxlayout02-4-02 .floatR{width: 100%;margin-bottom: 1em;}

.boxlayout02-5{
display: block;
flex-wrap:wrap;
}
.boxlayout02-5 div:first-child{
width: 100%;
padding: 0 0;
}
.boxlayout02-5 div:last-child{
width: 100%;
padding: 0 0;
}
.boxlayout02-6 .floatL{
width: 100%;
margin-right: 0;
}

.boxlayout02-6 .floatR{
width: 100%;
}

.boxlayout02-2 .floatL{width: 100%;padding: 0 0 2em 0;}

.boxlayout02-2-2 .floatL{width: 80%;padding: 0 0 2em 0;}
.boxlayout02-2-2 .floatR{width: 100%;}


.boxlayout04 .floatL,.boxlayout04_02 .floatL {
width: 100%;
float: none;
}
.boxlayout04 .floatR,.boxlayout04_02 .floatR {
width: 100%;
float: none;
}
.boxlayout04{padding: 0 0 0 0;}

.font_style04{
font-size: 1em;
}

.boxlayout01 img,.boxlayout02 img,.boxlayout01-02 img{width: 80%; margin: 0 auto 10px;}

.titstyle04{
font-size: 1.2em;
margin-bottom: 0.5em;
line-height: 1.2;
letter-spacing: 0;
letter-spacing: 0.1em;
}
.titstyle05{
font-size: 1.1em;
margin-bottom: 1.5em;
}

.tablewrap{
overflow-y: scroll;
}

.tablestyle02{ margin-bottom: 0.5em;}
.tablestyle02 th{
width: 100%;
display: inline-block;
padding:1em 0 1em 0;
text-align: center;
}
.tablestyle02 td{
padding: 1em 3%;
width: 100%;
display: inline-block;
text-align: center;
}
.formarea td{
text-align: center;
}
.formarea input[type="text"], .formarea input[type="email"] , .formarea input[type="tel"] {
text-align: center;
margin: auto;
}

.boxstyle05{
margin-bottom: 1em;
}
.boxstyle06{
padding: 1em 4%;
}

.boxstyle03{font-size: 1em;}
.page .boxstyle02in .floatL h4 img{width: 100%;}
.page .boxstyle05in .floatL h4 img{width: 100%;}

.page .content02.boxlayout04, .single .content02.boxlayout04,.page .content02.boxlayout04_02, .single .content02.boxlayout04_02{width: 90%;}
.boxlayout04_02{padding: 2em 0 2em 0;}

.menunav{overflow: hidden;margin-left: 4%; margin-bottom: 1em;}
.menunav li{width: 46%;float: left;margin: 0 1% 1em;}

.btnarea p:first-child, .btnarea p:last-child{text-align: center;width: 100%;}
.btnarea p img{width: 60%;margin: 0 auto;height: auto;}

.tit_style03{
font-size: 1.3em;
}
/*ページトップ*/
#p_top_area{
bottom: 90px;
}


img{width: 100%; height: auto;	}
.pc{
display:none;}
.mb{
display:block;
}
.wrap{
position: relative;
width: 90%;
margin: auto;
}
.wrap_in{
width: 98%;
}
#cnt_wrapper {
width: 98%;
}


.wpcf7-submit{width: 80% ;padding: 0.5em 1em;}

#menu-navibtn {
display: none;
}
#navi input[type="checkbox"]:checked ~ .menu-child {
max-height: inherit;
overflow-y: visible;
visibility: visible;
}
.angletoggle:before {
content: "\f107";
}
#navi input[type="checkbox"]:checked ~ * .angletoggle:before {
content: "\f106";
}
#menu-navibtn:checked ~ #navi {
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
}



.mbmenu nav{
display: none;
position: absolute;
top: 59px;
width: 100%;
background: #ddd;
left: 0;
z-index: 20000;
}
header .mbmenu nav ul{
display: block;
margin: 0 auto;
width: 90%;
}
header .mbmenu nav ul li{
margin: 1em auto;
text-align: left;
border-bottom: 1px solid #fff;
}
header .mbmenu nav ul li:last-child{
border: none;
}
header .mbmenu nav ul li a{
display: block; 
color: #fff;
text-decoration: none;
}
/*開閉ボタン*/
#nav_toggle{
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 13px;
right: 10px;
z-index: 1000000;
}
#nav_toggle div {
position: relative;
}
#nav_toggle span{
display: block;
height: 3px;
background: #ddd;
position:absolute;
width: 100%;
left: 0;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;	
}
#nav_toggle span:nth-child(1){
top:0px;
}
#nav_toggle span:nth-child(2){
top:12px;
}
#nav_toggle span:nth-child(3){
top:24px;
}

/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) {
top: 12px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 12px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.page article, .single article, .archive article, .search article{
padding:2em 0;
}
.page .content,.single .content{
width: 98%;
}
.page .content02,.single .content02{
width: 92%;
padding: 0 0;
}
#p_side_area{display: none;}


#modal { display: none; }

.h_areatop{padding: 0.5em 1%;}
.h_areatop h1{
width: 60%;
float: left;
}
.slidemenu .first{
width: 27%;
text-align: right;
float: right;
margin-top: 0.3em;
}
.slidemenu .first img{width: 80%;}

.asidein{padding: 0;}

aside .news_list, aside .cate_list, aside .archive_list {
padding-top: 1em;
}
aside ul.liststyle01 {
margin-bottom: 1em;
}

#modal li{
padding:10px;
border-bottom:1px dotted #666;
}

#modal li a{
color:#fff;
text-decoration:none;
}

#pageslide {
/* These styles MUST be included. Do not change. */
display: none;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;

/* Specify the width of your pageslide here */
width: 160px;
padding: 20px;

/* These styles are optional, and describe how the pageslide will look */
background-color: #333;
color: #FFF;
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222;
}

.tit_style01{font-size: 18px;}

.boxlayout01 .floatL,.boxlayout01 .floatR,.boxlayout02 .floatL,.boxlayout02 .floatR,.boxlayout01-02 .floatL,.boxlayout01-02 .floatR{
width: 100%;
margin: auto;
padding: 0 0 1.5em;
}
.boxlayout02 .floatL{margin: 0;}


.boxlayout01 h3, .boxlayout02 h3,.boxlayout01-02 h3 {
width: 100%;
margin: 0 auto 1.5em;
text-align: center;
}



.boxlayout03{
overflow: hidden;
width: 100%;
margin:0 auto 50px;
}
.boxlayout03 .floatL{width: 98%;}

.boxlayout03-02 div {
width: 100%;
padding: 0 0 0;
margin-bottom: 1em;
}
.boxlayout04 div{
width: 50%;
padding: 1em 0 0;
}

.boxlayout06{
overflow: hidden;
}
.boxlayout06 .floatL{
width:100%;
}
.boxlayout06 .floatR{
width:100%;
}

.mainclum{float: none; width: 100%;}
aside{float: none; width: 100%;margin-top: 30px;}


.pagearea {padding: 0;}
.pagearea p.next{ padding: 10px;}
.pagearea p.pre{padding: 10px;}

footer .wrap {
padding: 1em 0 3em;
}
footer h1 {
width: 55%;
}

footer .navarea .area02 p {
width: 42%;
position: fixed;
bottom: 10px;
background-color: #000;
padding: 0.5em 2% 0.8em;
}
footer .navarea a{font-size: 1em;}
.copy{padding: 1em 0 5em;}


footer .navarea .area02 p:nth-child(1){
left: 10px;
}
footer .navarea .area02 p:nth-child(2){
right: 10px;
}

.footmenu{
padding:2em 0 4em;
}
#p_top_area{width: 50px;}
}




/*====================================================================================

トップページ

====================================================================================*/
.home header .gnav.pc ul{padding: 0.6em 0 0.3em;}

.topimgarea{
display:flex;
flex-wrap:wrap;
}
.topimgarea p{width : calc(100% / 3) ;}

.home #box01{
/*================本番環境に移行後復元
background:url("images/home/bg01.png");
=========================*/
background-size: contain;
padding-top: 2em;
}


.home .newsarea{
  padding: 4em 0;
  text-align: center;
}
.home .newsarea a{color: #000;}
.home .newsarea dl{
overflow: hidden;
margin-bottom: 1em;
border-bottom: 1px solid #dddddd;
}

.home .newsarea dt{float: left;margin-right: 2em;}
.home .newsarea dd{float: left;}

.home .newsarea img{width: 1%;}

@media (max-width:1080px) {
.home .newsarea img{width: 2%;}
}
@media (max-width:740px) {
.home .newsarea img{width: 3%;}
}


/*=======================================================================================
about
=================================================================================*/
#about{
background: url("images/about/main.jpg") no-repeat center 6em;
background-size: contain;
}
#about #box05 .txtarea p.icoarea {
width: 11%;
margin: 0 auto;
}
#about #box02 .area01 img{width: 30%;}

#about #box01 .boxlayout02-3{margin-top: 2em;}
@media (max-width:840px) {
#about #box02 .area01 img{width: 50%;}
}
@media (max-width:740px) {
#about #box02 .area01 img{width: 80%;}
#about #box05 .txtarea p.icoarea {
width: 8%;
}
}
/*=======================================================================================
concept
=================================================================================*/
#concept{
background: url("images/concept/main.jpg") no-repeat center 6em;
background-size: contain;
}
#concept .txtarea .boxlayout02-3 p.icoarea {
width: 11%;
margin: 0 auto;
}
#concept #box01 .area01 img{width: 55%;}
@media (max-width:740px) {
#concept #box01 .area01 img{width: 80%;}
#concept #box05 .boxlayout02-3 .txtarea p.icoarea {
width: 8%;
}
}

/*=======================================================================================
aijiromiso
=================================================================================*/
#aijiromiso{
background: url("images/aijiromiso/main.jpg") no-repeat center 6em;
background-size: contain;
}
#aijiromiso #box01 .area01 img{width: 55%;}
@media (max-width:740px) {
#aijiromiso #box01 .area01 img{width: 100%;}
}

/*=======================================================================================
product
=================================================================================*/
#product{
background: url("images/product/main.jpg") no-repeat center 6em;
background-size: contain;
}
/*=======================================================================================
miso
=================================================================================*/
#miso{
background: url("images/product/miso/main.jpg") no-repeat center 6em;
background-size: contain;
}

/*=======================================================================================
kinzanzi
=================================================================================*/
#kinzanzi{
background: url("images/product/kinzanzi/main.jpg") no-repeat center 6em;
background-size: contain;
}

/*=======================================================================================
amazake
=================================================================================*/
#amazake{
background: url("images/product/amazake/main.jpg") no-repeat center 6em;
background-size: contain;
}



/*=======================================================================================
faq
=================================================================================*/
#faq{
background: url("images/faq/main.jpg") no-repeat center 6em;
background-size: contain;
}
.qabox dt{
background: url(images/faq/ico01.png) no-repeat 1em 0.5em #f3ebcc;
font-size: 1.2em;
padding: 0.8em 1em 0.8em 3em;
margin-bottom: 1em;
}
.qabox dd{
background: url(images/faq/ico02.png) no-repeat 1.5em top;
margin-bottom: 4em;
padding: 0 0 0 4em;
min-height: 2em;
}

@media (max-width:740px) {
.qabox dd{margin-bottom: 2em;
font-size: 1.1em;
}
}

/*=======================================================================================
sitemap
=================================================================================*/
#sitemap{
background: url("images/sitemap/main.jpg") no-repeat center 6em;
background-size: contain;
}

/*=======================================================================================
privacypolicy
=================================================================================*/
#privacypolicy{
background: url("images/privacypolicy/main.jpg") no-repeat center 6em;
background-size: contain;
}


/*=======================================================================================
contact
.wpcf7 textarea[name="○○○○"]
.wpcf7 input[name="○○○○"]
=================================================================================*/
#contact{
background: url("images/contact/main.jpg") no-repeat center 6em;
background-size: contain;
}

#contact #box02 img{width: 60%;margin: auto;}

#contact table input,#contact table textarea{
background-color: #eeeeee;
border: none;
padding: 0.5em 1%;
box-sizing: border-box;
}

.grecaptcha-badge {
  bottom: 90px !important;
}

/* スマホ対応 */
@media (max-width: 480px) {
  .grecaptcha-badge {
    bottom: 150px !important; /* スマホで適切な位置に調整 */
  }
}

.wpcf7 {margin-top: 3em;}
.wpcf7 input,.wpcf7 textarea{font-size: 1em;line-height: 1.4em;font-family: "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "serif";}
#contact .wpcf7 input[name="tel-01"],#contact .wpcf7 input[name="tel-02"],#contact .wpcf7 input[name="tel-03"],#contact .wpcf7 input[name="addressno01"],#contact .wpcf7 input[name="addressno02"]{width: 20%;}
#contact .wpcf7 textarea[name="your-address"],#contact .wpcf7 textarea[name="your-address02"]{width: 60%;height: 2em;overflow: hidden;resize: none;}
#contact .wpcf7 textarea[name="messe"]{width: 100%;}

@media (max-width:740px) {
#contact .wpcf7 input[name="your-email"]{width: 70%;}
#contact #box02 img {
    width: 80%;
}
}

/*=======================================================================================
new
=================================================================================*/
#new{
background: url("images/privacypolicy/main.jpg") no-repeat center 6em;
background-size: contain;
}
body.single.category-news{
background: url("images/privacypolicy/main.jpg") no-repeat center 6em;
background-size: contain;
}

/*=======================================================================================
newslist_box
=================================================================================*/
#archives2-2 .yearArchiveList {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
#archives2-2 .yearArchiveList::after {
display: block;
clear: both;
content: '';
}
#archives2-2 .yearArchiveList li {
position: relative;
float: left;
border: 2px solid #fff;
}
#archives2-2 .yearArchiveList li:not(:first-child) {
border-left: none;
}
#archives2-2 .yearArchiveList li:hover {
background-color: rgba(255,255,255,.3);
}
#archives2-2 .yearArchiveList li a {
display: inline-block;
padding: 1em 4em;
color: #fff;
line-height: 1;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
#archives2-2 .yearArchiveList ul {
position: absolute;
top: 100%;
left: -2px;
}
#archives2-2 .yearArchiveList ul li {
float: none;
margin: 0;
}
#archives2-2 .yearArchiveList ul li:not(:first-child) {
border: 2px solid #fff;
border-top: none;
}
#archives2-2 .yearArchiveList ul ul {
position: absolute;
top: -2px;
left: 100%;
}






.newslist_boxwrap a{color: #555555;text-decoration: none;padding: 2em 4%;display: block;background-color: #fff;}
.newslist_boxwrap a:hover{opacity: 0.9;}
.newslist_box{border-bottom: 1px solid #ccc;padding: 1em;  overflow: hidden;}
.newslist_box dt{
float: left;
display: block;
width: 14%;
}
.newslist_box dd{
float: left;
display: block;
width: 80%;
}
#college-newslist .newslist_box dd{color: #ddd;font-weight: bold;}

@media (max-width:980px) {
.newslist_box dt{float: none;margin-right: 0;width: 100%;}
.newslist_box dd{float: none;width: 100%;}
} 



/*=======================================================================================
一覧
=================================================================================*/
.archive .wp-pagenavi a, .archive .wp-pagenavi span{padding: 1px 5px;}
.wp-pagenavi{clear: both;
margin: 1em auto;
font-weight: bold;
text-align: center;
}

.txtarea .wp-pagenavi a, .txtarea .wp-pagenavi span{
background: #f1e9de;
border: none;
padding: 7px 8px;
}
.txtarea .wp-pagenavi a{color: #000;}
.txtarea .wp-pagenavi .current,.txtarea .wp-pagenavi a:hover{background-color: #ddd;color: #fff;}
.txtarea .pages{color: #000;}

.singlepagenav{overflow: hidden;position: relative;}
.singlepagenav p{background-color: #777777;display: inline-block;}
.singlepagenav p:hover{background-color: #cccccc;}
.singlepagenav p a{color: #fff;text-decoration: none;padding: 0.5em 1em;}
.singlepagenav .pre{float: left;}
.singlepagenav .next{float: right;}
.singlepagenav .list{left: 43%;
position: absolute;}



@media (max-width:1080px) {
header .gnav.pc ul ul{left: 0;}
}

@media (max-width:500px) {
.singlepagenav .list {
left: 38%;
}
}




.archive_list h4{
display:block;
cursor:pointer;
font-weight: bold;
padding: 0.5em 1% 0.7em;
}

.archive_list .liststyle01{
display:none;
}

.acMenu{margin-bottom: 1em;}
.acMenu dt{
display: block;
cursor: pointer;
box-sizing: border-box;
font-size: 1.2em;
font-weight: bold;
padding: 0.6em 3% 0.6em;
background: #fff  no-repeat 99% url("images/icodown.png");
border: 2px solid #dddddd;
}
.acMenu dt.one{
background: #fff no-repeat 99% url("images/icoup.png");
}

.acMenu dd{
padding: 2em 3%;
}

.acMenu h4{
font-weight: bold;
border: none;
padding: 0.5em 0;
}

.acMenu span{margin-right: 1em;}

.acMenu .labelbox{padding: 0 2% 2em;}

#feas_4_0{
background: #fff url(images/icosearh.png) no-repeat 1em;
border: 1px solid #0184cc;
padding: 1em 3em 1em 4em;
margin: 0 0 2em;
}




@media (max-width:740px) {
.acMenu dt{
padding: 0.3em 24px 0.3em 2%;
font-size: 1em;
font-weight: bold;
}
.feas-submit-button{
font-size: 1.1em;
}
.acMenu dd {
padding: 1em 6%;
}
.acMenu dd .floatR{padding-bottom: 0;}
}




.arcbox .calender_cate021,.arcbox .calender_cate02,.arcbox .calender_cate022,.arcbox .calender_cate023{display: none;}
.menu-976 {
border: 1px solid #ccc;
padding: 0.5em 0;
}
.menu-976 select{
background: url("images/ico03.png") no-repeat right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 10px 50px 10px 10px;
font-size: 93%;
line-height: 1.1em;
border-radius: 5px;
border: none;
}



.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{z-index: 1;}
.eo-event-venue-map .eo-venue-map{height: 400px;}

.catebox{    display: block;
overflow: hidden;
}
@media (max-width:980px) {
.eo-event-venue-map .eo-venue-map{height: 300px;}
}



#navi {

top: 0;
left: 0;
height: 60px;
width: 100%;
}
/* チェックボックスを非表示 */
#navi input {
display: none;
}
/* 左上ロゴ */
.menu-left {
float: left;
line-height: 60px;
}
.menu-left img {
vertical-align: middle;
margin-left: 10px;
}
/* 上部メニュー */
.menu {

text-align: left;
}
.menu-parent {
float: left;
margin-right: 30px;
line-height: 60px;
font-size: 17px;
font-weight: bold;
white-space: nowrap;
}
/* パソコンでは V を非表示 */
.menu-parent .pd {
display: none;
}
/* 上部メニューの最後の項目 */
.menu-parent:last-child {
margin-right: 0px;
}

#menu-navibtn {
display: none;
cursor: pointer;
cursor: hand;
}

@media screen and (max-width: 740px) {
/* スマホの際に V を表示 */
.menu-parent .pd {
display: inline-block;
width: 100%;
}
.menu {
display: none;
}

.menu-parent {
height: auto;
width: 100%;
padding: 0px 20px;
border-bottom: 1px solid #DDD;
}
.menu-parent:first-child {
border-top: 1px solid #DDD;
}
.menu-parent i {
padding: 0px 6px;
}
/* メニューを移動させないため */
#menu-navibtn:checked ~ #navi {
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
z-index: 1000;
opacity: 0.9;
background-color: #000;
}
}

/* ドロップダウンメニュー */
.menu-parent {
position: relative;
}
.menu-parent .menu-child {
visibility: hidden;
opacity: 0;
position: absolute;
margin-left: -40px;
width: auto;
box-sizing: border-box;
padding: 0px 20px;
background-color: #FFF;
border: 1px solid #000;
}
.mb .menu a{color: #fff;}
/* パソコン用 */
@media screen and (min-width: 740px) {
.menu-parent:hover .menu-child {
visibility: visible;
opacity: 1;
}
}
/* スマホ用 */
@media screen and (max-width: 740px) {
/* ハンバーガーメニューがクリックされた時 */
#menu-navibtn:checked ~ * .menu {
display: block;
opacity: 1;
}
#menu-navibtn:checked ~ * .menu-parent {
max-height: inherit;
overflow-y: visible;
}
#menu-navibtn:checked ~ * .menu-child {
max-height: 0;
overflow-y: hidden;
visibility: hidden;
}
/* 子メニュー */
.menu-parent .menu-child {
border-top: 1px solid #DDD;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
position: relative;
padding: 0 20px;
opacity: 1;
top: 0;
margin-left: auto;
left: auto;
width: auto;
}
.menu-parent > label:hover {
cursor: pointer;
cursor: hand;
}
/* 子メニューがクリックされた時 */
#navi input[type="checkbox"]:checked ~ .menu-child {
max-height: inherit;
overflow-y: visible;
visibility: visible;
}
.angletoggle:before {
content: "\f107";
}
#navi input[type="checkbox"]:checked ~ * .angletoggle:before {
content: "\f106";
}
}
/* 子メニュー */
.menu-child li {
font-size: 14px;
border-bottom: 1px solid #DDD;
}
/* 余分な最後の線を消去 */
.menu-child li:last-child {
border: none;
}
.menu-child li i {
margin-right: 3px;
}

/* ハンバーガー */
#navi #navibtn {
display: none;
}
@media screen and (max-width: 740px) {
#navi #navibtn {
display: block;
position: absolute;
top: 10px;
right: 10px;
}
#navibtn span {
display: block;
width: 40px;
height: 40px;
background-color: #000;
}
#navibtn span span {
display: block;
overflow: hidden;
width: 1px;
height: 1px;
}
#navibtn span span::before,
#navibtn span span::after,
#navibtn span::after {
position: absolute;
left:10px;
content:"";
width: 20px;
height: 3px;
background-color: #fff;
}
/* 上の棒 */
#navibtn span span::before {
top:10px;
}
#menu-navibtn:checked ~ #navi label#navibtn span span::before {
top:19px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/* 下の棒 */
#navibtn span::after {
bottom:10px;
}
#menu-navibtn:checked ~ #navi label#navibtn > span::after {
bottom:18px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
/* 中の棒 */
#navibtn span span::after {
top:18px;
}
#menu-navibtn:checked ~ #navi label#navibtn span span::after {
display: none;
}
.mb #navi li{
border-bottom:#fff 1px solid;
padding: 1em;
font-weight: bold;
}
.mb #navi a{
text-decoration: none;
font-size: 1.2em;
}
.mb #navi .menu:before {
content: " ";
display: table;
margin-top: 70px;
}
}

/*=======================================================================================
ブログ一覧ページ
=================================================================================*/
.blog-area{
  background-color: #ffffff;
  padding: 3% 2%;
  margin: 0 auto;
  border: solid #ddd;
  max-width: 1200px;
  overflow: hidden;
  width: 80%;
}
body.page-id-310 {
  position: relative;
  background: url("/wp-content/uploads/2025/09/大御所-味噌-溶き.jpeg") no-repeat center 6em;
  background-size: contain;
  z-index: 0;
  min-height: 2880px;
}

body.page-id-310 #wrapper {
  min-height: 600px;
}

body.page-id-310::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(to bottom, #00000000 10%, #ffffff 18%);
  pointer-events: none;
  z-index: -1;
}
@media (max-width: 650px) {
  body.page-id-310::before {
    background: linear-gradient(to bottom, #00000000 5%, #ffffff 8%);
  }
}


.blog-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* PC：3カラム */
  gap: 20px; /* カード間の余白 */
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-item {
  border: 1px solid #eee;
  overflow: hidden;
  background: #fff;
  transition: transform 0.3s ease;
}

.blog-item:hover {
  transform: translateY(-4px);
}

.blog-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
/*
.blog-thumb img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
*/
.blog-thumb {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%; /* 高さを幅に合わせて1:1の比率にする */
    overflow: hidden;
    background-color: #f0f0f0;
}

.blog-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; /* 横幅いっぱいに */
    height: 100%; /* 縦幅いっぱいに */
    object-fit: cover; /* トリミングされて正方形に */
}


.blog-content {
  padding: 15px;
  flex: 1;
}

.blog-title {
  font-size: 1.1rem;
  margin: 0 0 8px;
}

.blog-date {
  font-size: 0.85rem;
  color: #888;
  display: block;
  margin-bottom: 10px;
  text-align: left;
}

.blog-excerpt {
  text-align: left;
  font-size: 0.95rem;
  line-height: 1.5;
}

.blog-tags {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tag-item {
    background-color: #f0f0f0;
    padding: 0px 14px;
    font-size: 14px;
    color: #333;
    display: inline-block;
}

/* 900px以下：2列表示 */
@media screen and (max-width: 900px) {
  .blog-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

/* 650px以下：1列表示 */
@media screen and (max-width: 650px) {
  .blog-list {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .blog-title {
    font-size: 1rem;
  }

  .blog-excerpt {
    font-size: 0.9rem;
  }
}

/*=======================================================================================
ブログ投稿ページ
=================================================================================*/

body.single.category-blog{
background: url("/wp-content/uploads/2025/09/大御所-味噌-溶き.jpeg") no-repeat center 6em;
background-size: contain;
}

body.single.category-blog::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200%;
  background: linear-gradient(to bottom, #00000000 30%, #ffffff 50%);
  pointer-events: none;
  z-index: -1;
}
@media (max-width: 850px) {
  body.single.category-blog::before {
    height: 160%;
    background: linear-gradient(to bottom, #00000000 25%, #ffffff 50%);
  }
}
@media (max-width: 650px) {
  body.single.category-blog::before {
    height: 160%;
    background: linear-gradient(to bottom, #00000000 20%, #ffffff 32%);
  }
}

body.single.category-blog.single .newslist_boxwrap{
padding: 4%;
}


/* 見出し */
.blog-style h2 {
  font-size: 1.6rem;
  margin: 2em 0 1em;
  padding-left: 0.5em;
  border-left: 4px solid #c59d00;
  font-weight: bold;
}

.blog-style h3 {
  font-size: 1.3rem;
  margin: 0.75em 0;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.25em;
}

/* 段落 */
.blog-style p {
  margin: 1em 0;
  color:#333;
}

/* 強調 */
.blog-style strong {
  font-weight: bold;
}

/* 箇条書きリスト */
.blog-style ul {
  padding-left: 1em;
}
.blog-style ul li {
  list-style: disc;
}

/* 番号付きリスト */
.blog-style ol {
  padding-left: 1em;
}
.blog-style ol li {
  list-style: decimal;
}
.blog-style ul li {
  list-style: disc;
}

/* 引用 */
.blog-style blockquote {
  border-left: 4px solid #ccc;
  margin: 1.5em 0;
  padding-left: 1em;
  color: #555;
  font-style: italic;
  background: #f9f9f9;
}

/* 区切り線 */
.blog-style hr {
  display: block;
}

/* ボタン */
.newslist_boxwrap .blog-style a {
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  color: #fff;
  background-color: #32373c;
  margin: 20px 0;
}

.blog-thumbnail{
  width: 100%;
}
.blog-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*=======================================================================================
Instagram投稿
=================================================================================*/
.home .instagramarea{
  padding: 4em 0;
  text-align: center;
}

.instagram-grid {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.instagram-item {
  flex: 0 0 calc(33.333% - 6.66px); /* 3列 */
  box-sizing: border-box;
}

/* スマホ対応 */
@media screen and (max-width: 768px) {
  .instagram-item {
    flex: 0 0 calc(50% - 5px);
  }
}

@media screen and (max-width: 480px) {
  .instagram-item {
    flex: 0 0 100%;
  }
}

/*=======================================================================================
note投稿
=================================================================================*/
.home .notearea{
  padding: 4em 0;
  text-align: center;
}

.notearea a {
  color: #000;
}

.note-list {
	display: flex;
	justify-content: space-evenly;
}

.note-col {
	margin: 0 1%;
  width:30%;
}

.note-card {
	width: 100%;
	height: 100%;
}

.note-card-wrapper {
		display: block;
		text-decoration: none;
}

.note-card-thumbnail {
		padding-top: 52.34375%;
		position: relative;
		overflow: hidden;
		img {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
}

	.note-card-contents {
		margin-top: 20px;
    color: #000000;
	}

	.note-card-title {
		font-size: 18px;
		line-height: 1.4;
		font-weight: 700;
	}

	.note-card-description {
		font-size: 14px;
		margin-top: 10px;
	}

  .note-button {
    margin:40px 0 0;
    text-align: center;
  }

@media (max-width: 800px) {
    .note-list {
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 11%;
    }
    .note-col {
	      margin: 30px 1%;
        width:auto;
    }

}