/*
Template:napoli
Theme Name:napoli_child
*/

/* キャプション
*****************************************************/
.cap{font-size:10px;　color: #333;　text-align: left;}

/* text-align
*****************************************************/
.txtL{text-align:left;}
.txtR{text-align:right;}
.txtC{text-align:center;}


/* font-weight
*****************************************************/
.fw400{font-weight: 400;}
.fw700{font-weight: 700;}

/* フォントファミリー
*****************************************************/
.quicksand{
font-family: 'Quicksand', sans-serif;
}

/* フォントサイズ
*****************************************************/
.fz08{font-size:10px;
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);}
.fz10{font-size:10px;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.fz16{font-size:16px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz21{font-size:21px;}
.fz22{font-size:22px;}
.fz24{font-size:24px;}
.fz28{font-size:28px;}
.fz30{font-size:30px;}
.fz32{font-size:32px;}
.fz35{font-size:35px;}
.fz40{font-size:40px;}

/* 文字間
*****************************************************/
.ls1{letter-spacing: 1px;}
.ls2{letter-spacing: 2px;}
.ls3{letter-spacing: 3px;}
.ls4{letter-spacing: 4px;}
.ls5{letter-spacing: 5px;}
.ls6{letter-spacing: 6px;}
.ls7{letter-spacing: 7px;}
.ls8{letter-spacing: 8px;}


/* 文字色
*****************************************************/
.PINK{color:#f16d50;}
.BROWN{color:#69482f;}
.d_BROWN{color:#362418;}
.WHITE{color:#fff;}
.YELLOW{color:#ffb73b;}
.RED{color:#e4001d;}
.GREEN{color:#174021;}

/* 背景色
*****************************************************/
.bg_WHITE50{background-color:RGBA(255,255,255,0.5);}

/* ポジション
*****************************************************/
.psRE{position: relative;}
.psAB{position: absolute;}


/* 行間
*****************************************************/
.lh1{line-height: 1!important;}
.lh1-5{line-height: 1.5em!important;}
.lh2{line-height: 2.0em!important;}
.lh3{line-height: 3.0em!important;}



/* 余白
*****************************************************/
.pt0 { padding-top: 0!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt35 { padding-top: 35px!important; }
.pt40 { padding-top: 40px!important; }
.pt45 { padding-top: 45px!important; }
.pt50 { padding-top: 50px!important; }
.pt55 { padding-top: 55px!important; }
.pt60 { padding-top: 60px!important; }
.pt65 { padding-top: 65px!important; }
.pt70 { padding-top: 70px!important; }
.pt75 { padding-top: 75px!important; }
.pt80 { padding-top: 80px!important; }
.pt85 { padding-top: 85px!important; }
.pt90 { padding-top: 90px!important; }
.pt95 { padding-top: 95px!important; }
.pt100 { padding-top: 100px!important; }

.pr0 { padding-right: 0!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr35 { padding-right: 35px!important; }
.pr40 { padding-right: 40px!important; }
.pr45 { padding-right: 45px!important; }
.pr50 { padding-right: 50px!important; }

.pb0 { padding-bottom: 0!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb35 { padding-bottom: 35px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb45 { padding-bottom: 45px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb55 { padding-bottom: 55px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb65 { padding-bottom: 65px!important; }
.pb70 { padding-bottom: 70px!important; }
.pb75 { padding-bottom: 75px!important; }
.pb80 { padding-bottom: 80px!important; }
.pb85 { padding-bottom: 85px!important; }
.pb90 { padding-bottom: 90px!important; }
.pb95 { padding-bottom: 95px!important; }
.pb100 { padding-bottom: 100px!important; }

.pl0 { padding-left: 0!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl35 { padding-left: 35px!important; }
.pl40 { padding-left: 40px!important; }
.pl45 { padding-left: 45px!important; }
.pl50 { padding-left: 50px!important; }

.mt0 { margin-top: 0!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt35 { margin-top: 35px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }
.mt55 { margin-top: 55px!important; }
.mt60 { margin-top: 60px!important; }
.mt65 { margin-top: 65px!important; }
.mt70 { margin-top: 70px!important; }
.mt75 { margin-top: 75px!important; }
.mt80 { margin-top: 80px!important; }
.mt85 { margin-top: 85px!important; }
.mt90 { margin-top: 90px!important; }
.mt95 { margin-top: 95px!important; }
.mt100 { margin-top: 100px!important; }

.mr0 { margin-right: 0!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }
.mrauto { margin-right: auto!important; }

.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb35 { margin-bottom: 35px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb55 { margin-bottom: 55px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb65 { margin-bottom: 65px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb75 { margin-bottom: 75px!important; }
.mb80 { margin-bottom: 80px!important; }
.mb85 { margin-bottom: 85px!important; }
.mb90 { margin-bottom: 90px!important; }
.mb95 { margin-bottom: 95px!important; }
.mb100 { margin-bottom: 100px!important; }

.ml0 { margin-left: 0!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }
.mlauto { margin-left: auto!important; }






/*　　全体
*****************************************************/
body {
    /*background: #f3efec;*/
	background:#fff;
    font-family: "Sawarabi Gothic";
    color:#666;
    font-size: 14px;
}

img{
  vertical-align:bottom;
}


a, a:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

* a:hover{
opacity:0.5;
filter: alpha(opacity=50);        /* ie lt 8 */
-ms-filter: "alpha(opacity=50)";  /* ie 8 */
-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.5;              /* Safari 1.x */
}

a, a:link, a:visited {
    color: #666;
}

a#fancybox-close,
a.fancybox-inline{
    padding:0;
    border: none;
}

li > ul, li > ol{
    margin-bottom: 0;
    margin-left: 0;
}
ul, ol {
    margin: 0;
    padding: 0;
}

ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.entry-content p:first-child {
    margin-top: 0;
}
p {
    margin-bottom: 0;
}

span.columnrecipe{
font-size: 18px!important;
font-weight: bold!important;
}



h2.hl{
    width: 100%;
    margin: 0;
    padding: 15px 25px 10px;
    font-size: 18px;
    color: #f16d50;
    font-weight: 700;
    text-align: left;
    line-height: 1;
    border-bottom: 1px solid #ccc;
    z-index: 3;
}

h2.hl i{
    font-size: .8em;
    margin-right: .3em;
    vertical-align: middle;
}

h2.hl .fzss{
    margin-left: .5em;
    font-size: 16px;
}
h2.hl > a{
color: #f16d50;
}

h2.hl2{
    width: 100%;
    margin: 15px 0;
    padding: 10px;
	box-sizing: border-box;
    font-size: 18px;
    color: #fff;
	background:#ffb73b;
    font-weight: 700;
    text-align: left;
    line-height: 1;
    z-index: 3;
}
.ChangeElem_Panel > h2{
    width: 100%;
    margin: 30px 0 5px 0;
    padding: 15px 20px;
	box-sizing: border-box;
    font-size: 16px;
    color: #f06d51;
	background:#fdefe6;
    font-weight: 700;
    text-align: left;
    line-height: 1;
    z-index: 3;
}
.ChangeElem_Panel > h2:first-child{
    margin: 10px 0 5px 0;
}

h3.hl{
    margin: 0;
    padding: 5px 20px 10px;
    font-size: 16px;
    color: #f16d50;
    font-weight: 700;
    text-align: left;
    line-height: 1;
}

h3.hl i{
    font-size: .8em;
    margin-right: .3em;
    vertical-align:  middle;
}

.btn{
    max-width: 200px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 13px;
}

.btn a{
    display: inline-block;
    background-color: #ffb73b;
    color: #fff;
    border: none;
    padding: 3px 10px;
    text-align: center;
    border-radius: 5px;
}

.btn a:after{
    content: '>';
    display: none;
    font-size: 1.2em;
    -webkit-transform: scale(.6, 1);
    -ms-transform: scale(.6, 1);
    -o-transform: scale(.6, 1);
    transform: scale(.6, 1);
}

.border_double{
	position: relative;
	padding-bottom: 6px;
}

.border_double::before{
	position: absolute;
	content: "";
	border-bottom: solid 2px #255a32;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
}
.border_double::after{
	position: absolute;
	content: "";
	border-bottom: solid 3px #255a32;
	bottom:3px;
	left: 0;
	right: 0;
	margin: auto;
}

/*.br_480::before {
content: "\A" ;
white-space: pre ;

}
*/
@media screen and (max-width: 30em){
.br_480::before {
	content: "" ;
	white-space:normal;
}
}

/*　　コンテンツ
*****************************************************/
.container{
position: relative;
width: 100%;
box-sizing: border-box;
}

@media only screen and (max-width: 30em){
.container {
    padding: 0 0.8em;
}
}

.site-content {
width: 100%;
box-sizing: border-box;
    padding-top: 1.5em;
}

#main{
margin-bottom:3em;
}

.no-results{
width: 100%;
}

.type-post, .type-page, .type-attachment, .comments-area, .comment-respond {
    margin: 0 0 2em 0;
    max-width: 100%;
    background: #fff;
    box-shadow: none;
}

.post-layout-columns .post-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
}

.type-page-none {
    margin: 0 0 2em 0;
    max-width: 100%;
    background: transparent;
    box-shadow: none;
}

.post-content-none {
    background-color:transparent;
    margin-bottom: 2em;
    padding: 0;
}

.post-content{
background-color:#fff;
margin-bottom: 2em;
}

.page-title, .entry-title {
    margin: 20px 0;
    padding: 0;
    color: #f16d50;
    font-weight:700;
    font-size: 30px;
    line-height: 1.2;
}

.nav-previous h3.entry-title ,
.nav-next h3.entry-title{
    margin: 5px 0;
    color: #666;
    font-weight:700;
    font-size: 14px;
    line-height: 1;
    padding: 0 0 2px 0;
    border-bottom:2px solid #666;
}

.nav-previous h3.entry-title a ,
.nav-next h3.entry-title a {
color: #666;
}

.nav-link-text{
font-size:12px;
}

.nav-next .nav-link-text{
text-align: right;
}

.nav-next a,
.nav-previous a{
border-bottom: none;
padding-bottom: 0;
}

.pagination a:hover, .pagination a:active, .pagination .current {
    background: #f16d50;
    color: #fff;
}

.page-entry-header,
.archive-entry-header{
box-sizing: border-box;
background-image:url(img/bg01.gif) ;
border-bottom: 1px solid #f16d50;
border-top: 1px solid #f16d50;
padding: 5% 0;
margin-bottom: 20px;
width: 100%;
}

h1.page-entry-header-title,
h1.archive-entry-header-title{
    color: #f16d50;
    font-weight:700;
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    margin: 0;
}
.page-entry-header-hl,
.archive-entry-header-hl{
    color: #f16d50;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    padding: 15px 0;
}
.page-entry-header-hl span,
.archive-entry-header-hl span{
position: relative;
}
.archive-entry-header-hl span::before,
.archive-entry-header-hl span::after,
.page-entry-header-hl span::before,
.page-entry-header-hl span::after{
    position: absolute;
    content: "";
    width: 25px;
    height: 1px;
    background: #f16d50;
    margin: auto;
    top:0;
    bottom:0;
}
.archive-entry-header-hl span::before,
.page-entry-header-hl span::before{
left:-35px;
}
.archive-entry-header-hl span::after,
.page-entry-header-hl span::after{
right:-35px;
}
.archive-entry-header-description,
.page-entry-header-description{
    color: #666;
    font-size: 18px;
    line-height: 1.2;
    text-align: center;
    padding: 15px 0 0 0;
}


.archive-entry-header-pro-tit{
	width: 100%;
	background-image:url(img/pro_tit_bg.jpg);
	background-position: center center;
	background-size: cover;
	padding: 40px 10px;
	text-align: center;
}

.archive-entry-header-pro-tit h1{
	background:RGBA(183,204,188,0.5);
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
}


.achive-pro-inner > ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	border: 1px solid;
    padding: 20px;
}

.achive-pro-inner > ul > li{
	width: 78%;
	float:right;

}
.achive-pro-inner > ul > li:first-child{
	width: 20%;
	float:left;

}
.achive-pro-inner > ul::after {
  content: "";
  display: block;
  clear: both;
}

.pro_frame,
.pro_square{
	width: 90%;
	padding-top: 90%;
	position: relative;
}
.pro_frame img,
.pro_square img{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom:0;
	margin: auto;
}

.pro_frame{
	outline: 5px solid #fff;
	box-sizing: border-box;
	box-shadow:0px 0px 6px 3px RGBA(0,0,0,0.2);
}

.archive-entry-header-pro{
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	outline:solid #86a88e 5px;
    outline-offset: -5px;
    border: solid 6px #596f5d;
	background-image:url(img/bg_green.gif);
	background-position: center center;
}

.archive-entry-header-pro h2{
	text-align: center;
	color:#fff;
	background: #51875e;
	font-size:18px;
	margin: 0 auto 20px auto;
	width: 90%;
}

.archive-entry-header-pro-s > ul{

}

.archive-entry-header-pro-s > ul > li{
	display: inline-block;
	width: 29%;
}
.archive-entry-header-pro-s > ul > li:first-child{
	width: 70%;
}

.achive-pro-tit {
    background: #B37F58;
    padding: 8px 20px;
    color: #fff;
    font-size: 18px;
    border-left: 8px solid #623F23;
}


.title_ORANGE{
	background:#dd462b;
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}

.btn_YELLOW{
	text-align:center;}


.btn_YELLOW a{
	color:#fff;
	 background: #FEB73B;
    display: inline-block;
    padding: 5px 20px;
	width:250px;}

.btn_GREEN{
	width: 100%;}


.btn_GREEN a{
	color:#fff;
	background: #77965a;
	display: block;
	box-sizing: border-box;
	padding: 10px 10px 10px 30px;
	position: relative;
	width:100%;
}

.btn_GREEN a:before{
	position: absolute;
	content: '＞';
	width: 14px;
	height: 14px;
	line-height: 1;
	margin: auto;
	top:0;
	bottom:0;
	right: 10px;
}

.btn_RED{
	text-align: center;
}

.btn_RED a{
	border:1px solid #f16b50;
	color:#f16b50;
	font-size:18px;
	padding: 5px 30px;
	display: inline-block;
}

.archive-pro-wrap{
	margin:30px auto;}

@media only screen and (max-width: 50em){
.page-title, .entry-title {
    font-size: 24px;
}

.achive-pro-inner > ul{
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}

.achive-pro-inner > ul > li{
	width: 100%;
}
.achive-pro-inner > ul > li:first-child{
	width: 100%;
	margin: 0 auto 10px auto;
	max-width: 150px
}

.archive-entry-header-pro-s > ul{
	text-align: right;
}

.archive-entry-header-pro-s > ul > li{
	display: inline-block;
	width: 165px;
	text-align: left;
}
.archive-entry-header-pro-s > ul > li:first-child{
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
}
}


/*　　パンくず
*****************************************************/

.breadcrumbs {
    margin: 0 0 1em 0;
    padding: 0;
    background: none;
    box-shadow: none;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}



.breadcrumbs a{
    border: none;
    color:#f16d50;
}




.breadcrumbs span{
	padding: 0 0 0 2px;

}

/*　　サイドバー
*****************************************************/
.sidebar {
    float: right;
    width: 26.5%;
    margin-bottom:3em;
}

.sidebar .widget-wrap {
    margin: 0 0 1em 0;
}

.widget-title {
    background: #ffb73b;
    font-family: "Sawarabi Gothic";
}
.widget {
    padding: 0;
    margin: 0;
    background:#fff;
    box-shadow: none;
}

.pickup-wrap{
line-height: 1;
}

.pickup_tit{
padding: 10px 0 20px 0;
font-size:18px;
}

.pickup_tit a{
color:#ffb73b;
line-height: 1.7em;
border-bottom: solid 2px #ffb73b;
}

.pickup_txt{
font-size:12px;
line-height: 1.5;
padding: 10px 0 0 0;
}

.pickup_photo{
text-align: center;
width: 100%;
	height: 180px;
margin: 0 auto;
z-index: 1;
overflow: hidden;
position: relative;
}

.pickup_photo_video_inner{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index: 3;
}

.pickup_photo_video_inner::before{
position: absolute;
    color:#fff;
    font-family: "Font Awesome 5 Free";
    font-size: 70px;
    content: '\f144';
    width: 70px;
    height: 70px;
    text-align: center;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;
    line-height: 1;
    text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
    opacity: 0.6;
}



.pickup_photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media only screen and (max-width: 60em){
.sidebar {
    float: none;
    margin: 0;
    padding: 0 0 3em 0;
    width: 100%;
    font-size: 0;
    text-align: center;
}

.sidebar .widget-wrap:nth-child(2n + 1) {
    clear: none;
}

.sidebar .widget-wrap .widget {
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.sidebar .widget-wrap {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin: 0 1.5% 16px 1.5%;
    padding: 0;
    box-sizing: border-box;
    clear: none;
}
.sidebar .widget-page-list {
    float: none;
    box-sizing: border-box;
    padding-right: 0;
    width: 97%;
    margin: 0 1.5% 16px;
}
.sidebar .widget-wrap.sidebar_banner{
width: 315px;
}

.sidebar .widget-wrap.sidebar_blank{
width: 100%;
}

.sidebar .widget-wrap.sidebar_blank50{
display: none;
}

.sidebar .widget-wrap.sidebar_fb{
max-width: 500px;
}

.pickup_photo{
width: 240px;
height: 160px;
}
}

@media only screen and (max-width: 40em){
.sidebar .widget-wrap {
    padding-right: 0;
    width: 98%;
    margin: 0 auto 16px auto;
}
.sidebar .widget-page-list {
    margin: 0 auto 16px;
}
}



/*　　ヘッダー
*****************************************************/
.site-title {
    font-family: "Sawarabi Gothic";
}

.site-branding{
    position: relative;
    float: none;
    line-height: 1;
    margin: 20px 0;
}

.site-branding a:link, .site-branding a:visited, .site-branding a:hover {
    padding:inherit;
}

.site-header {
    background: #fff;
    color: #666666;
}

.logo{
padding: 0 0 5px 0;
}

.logo span{
    display: block;
    margin-top: 10px;
    color: #666;
    font-size: 12px;
}


.logo_sub{
    position: absolute;
    bottom: 0;
    left: 420px;
    width: -webkit-calc(100% - 730px);
    width: calc(100% - 730px);
    line-height: 1.5;
    color:#714b24;
    font-weight: bold;
    font-size:15px;
}


.logo_jca{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 255px;
}

.jca a{
display: block;
width: 100%;
background-color:#ffb73b;
padding: 7px 26px !important;
box-sizing: border-box;
}



@media only screen and (max-width: 60em){
.header-main{
border-bottom: 10px solid #ffb73b;
box-shadow:0px 5px 7px -6px RGBA(0,0,0,0.7);
}

.site-branding {
    margin: 2em 0;
}

.logo_sub{
    position: static;
    width: 100%;
font-size: 10px;
line-height: 1;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}

.logo_jca{
    display: none;
}
}

@media only screen and (max-width: 50em){
.site-branding {
    margin: 0;
    padding: 1.5em 100px 1.5em 0;
}
}

@media only screen and (max-width: 30em){
.site-branding {
    padding: 1em 100px 1em 0;
}
}


/*　　メニュー
*****************************************************/

@media only screen and (max-width: 60em){
.main-navigation-toggle {
    position: absolute;
    bottom:20px;
    top:auto;
    left: auto;
    right: 10px;
    height: 40px;
    width: 28px;
    margin: auto;
}
.main-navigation-toggle > div {
    width: 100%;
    height: 100%;
    position: relative;
}

.main-navigation-toggle > div::before {
    content: 'MENU';
    color:#ffb73b;
    position: absolute;
    width: 100%;
    height: 10px;
    margin: auto;
    bottom:0;
    left:0;
    right: 0;
    font-size: 10px;
    text-align: center;
    line-height: 1;
}

.main-navigation-toggle > div::after {
    color:#ffb73b;
    position: absolute;
    font-family: FontAwesome;
    font-size: 28px;
    content: '\f0c9';
    width: 28px;
    height: 28px;
    text-align: center;
    top:0;
    left:0;
    right: 0;
    margin: auto;
    line-height: 1;
}

.main-navigation-toggle:after {
    content: '';
    display: none;
}

.main-navigation-menu-wrap {
    margin: 0;
}
}

@media only screen and (max-width: 50em){
.main-navigation-toggle {
    bottom:0;
    top:0;
}
}

.primary-navigation {
    float: none;
    margin: 0;
    background:#ffb73b;
    /*box-shadow:0px 5px 7px -6px RGBA(0,0,0,0.7);*/
}

#footer-navigation.primary-navigation{
    float: none;
    margin: 0;
    background:#b37f58;
    box-shadow:none;
}

.main-navigation-menu,
.footer-navigation-menu-wrap{
    position: relative;
    float: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style-position: outside;
    list-style-type: none;
}

.footer-navigation-menu-wrap > ul.main-navigation-menu,
ul.main-navigation-menu{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
text-align: center;
max-width: 1164px;
width: 100%;
margin: 0 auto;
font-size: 0;
}

.main-navigation-menu li {
    float: none;
}

.footer-navigation-menu-wrap > ul.main-navigation-menu > li,
ul.main-navigation-menu > li{
box-sizing: border-box;
text-align: center;
font-size: 18px;
line-height: 1;
display:inline-block;
margin:0 auto;
/*padding: 0 4%;*/
border-left: 1px solid #de9c2b;
    }


ul.main-navigation-menu > li{
    flex-grow: 1;
    padding: 0;
    border-bottom: 5px solid #ffb73b;
	padding: 0 25px;
}
ul.main-navigation-menu > li:last-child{
border-right: 1px solid #de9c2b;
}
ul.main-navigation-menu > li > a {
    text-decoration: none;
    padding: 1.2em 0 0.9em 0;
    text-align: center;
    color: #69482f;
    border: none;
}
.main-navigation-menu li.current-menu-item > a{
text-decoration: none;
}
.main-navigation-menu li.current-menu-item {
    border-bottom:5px solid #69482f;
}
.main-navigation-menu a:link, .main-navigation-menu a:visited {
    display: block;
    color:#69482f;
    font-family: "Sawarabi Gothic", sans-serif;
    font-weight: bold;
    letter-spacing: .1em;
    box-sizing: border-box;
}

.footer-navigation-menu-wrap > ul.main-navigation-menu > li{
    border-left: none;
    border-bottom: 5px solid #b37f58;
}
.footer-navigation-menu-wrap > ul.main-navigation-menu > li:last-child{
border-right: none;
}
.footer-navigation-menu-wrap > ul.main-navigation-menu > li > a{
    text-decoration: none;
    color:#fff;
    box-sizing: border-box;
    margin: auto;
    border: none;
}
.footer-navigation-menu-wrap > ul.main-navigation-menu > li.current-menu-item{
    border-bottom: 5px solid #fff;
}

@media only screen and (max-width: 60em){
.footer-navigation-menu-wrap > ul.main-navigation-menu,
ul.main-navigation-menu{
    display: block;
	text-align: left;
}

.main-navigation-menu a {
    border-bottom: none;
}

ul.main-navigation-menu > li{
    border-bottom: 1px solid #de9c2b;
    padding: 0;
    border-left: 1px solid #de9c2b;
    }
ul.main-navigation-menu > li:last-child{
border-right: none;
}
.footer-navigation-menu-wrap > ul.main-navigation-menu > li{
    border-bottom: 1px solid #d19f7a;
    border-left: 1px solid #d19f7a;
}

.footer-navigation-menu-wrap > ul.main-navigation-menu > li,
ul.main-navigation-menu > li{
    width: 49.875%;
    }

.footer-navigation-menu-wrap > ul.main-navigation-menu > li:nth-child(odd),
ul.main-navigation-menu > li:nth-child(odd){
    border-left: none;
    }
}
@media only screen and (max-width: 30em){
.footer-navigation-menu-wrap > ul.main-navigation-menu > li,
ul.main-navigation-menu > li{
    width: 100%;
    border-left: none;
    }
}


.footer-wrap {
    background: #d19f7a;
}

.footer-jca{
margin: 0 auto;
text-align: center;
padding: 0 0 30px 0;
}

.footer-jca a{
border-bottom: none;
}

.site-footer .site-info {
    float: none;
    padding: 2.5em 0;
    color: #532d11;
}

.site-footer a:link, .site-footer a:visited {
    color:#532d11;
    text-decoration: none;
}


.footer_menu ul{
    font-size:0;
    text-align: center;
    max-width: 1220px;
    margin: 0 auto;
    width: 80%;
    min-width: 300px;
    padding: 0;
}

.footer_menu ul li{
    list-style: none;
    font-size:12px;
    margin: 0 10px 5px 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.footer_menu ul li a{
display: block;
text-decoration: none;
text-align: center;
border: none;
}

@media only screen and (max-width: 60em){
.footer_menu ul li{
    width: 48%;
    margin: 0 1% 5px 1%;
    }
}
@media only screen and (max-width: 30em){
.footer_menu ul li{
    width: 100%;
    margin: 0 0 5px 0;
    }
}

.copy{
font-size:10px;
text-align: center;
padding: 20px 0 0 0;
}

.search-form{
    width: 95%;
    margin: 15px auto;
}

.search-form .search-field{
    padding: 5px 10px;
    font-size: 12px;
}

.search-form .search-submit{
    padding: 0.25em 0.75em 0 0.2em;
}

/*　　列
*****************************************************/

.col02 > ul,
.col03 > ul,
.col04 > ul,
.col05 > ul,
.col06 > ul{
font-size:0;
    list-style: none;
    text-align: center;
}

ul.col_c{
}

ul.col_s{
}

ul.col_c > li,
ul.col_s > li{
font-size: 14px;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}


ul.col_c > li{
    margin: 0 1% 20px 1%;
    }

ul.col_s > li{
    margin: 0 0 20px 0;
}
ul.col_s > li:nth-child(odd){
    margin: 0 1% 20px 0;
}
ul.col_s > li:nth-child(even){
    margin: 0 0 20px 1%;
}

.col02 > ul > li{
    width:48%;
}

.col03 > ul > li{
    width:31.3%;
}
.col03 > ul > li.wide02{
    width:66.6%;
}

.col04 > ul > li{
    width:23%;
}

.col04 > ul > li.wide03{
    width:75%;
}

.col05 > ul > li{
    width:18%;
}

.col05 > ul > li.wide04{
    width:80%;
}

.col06 > ul > li{
    width:14.6%;
}

.txtSP{
text-align: left;
}

.txtSP2{
text-align: center;
}

.stockline{
text-align: left;
}

@media only screen and (max-width: 60em) {
.col02 > ul,
.col03 > ul,
.col04 > ul,
.col05 > ul,
.col06 > ul{
    max-width: 780px;
    margin: 0 auto;
}
ul.col_s{
}
ul.col_c > li,
ul.col_s > li,
ul.col_s > li:nth-child(odd),
ul.col_s > li:nth-child(even){
    margin: 0 1% 20px 1%;
}

.col03 > ul > li.wide02,
.col04 > ul > li.wide03,
.col05 > ul > li.wide04,
.col06 > ul > li,
.col05 > ul > li,
.col04 > ul > li,
.col03 > ul > li,
.col02 > ul > li{
    width:48%;
}

.txtSP{
text-align: center;
}
}

@media only screen and (max-width: 50em) {
.col02 > ul > li,
.col03 > ul > li.wide02,
.col04 > ul > li.wide03,
.col05 > ul > li.wide04{
    width:98%;
}
.col06 > ul > li,
.col05 > ul > li,
.col04 > ul > li,
.col03 > ul > li{
    width:48%;
}

}


/*　　トップページ
*****************************************************/

.top_header{
margin: 0 0 2em 0;}


.top_header > ul{
margin: 0;
padding: 0;
list-style: none;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.top_header > ul > li{
    float: right;
    width: 26.5%;
    margin-bottom: 3em;
    background: #fff;
    padding: 0;
    margin: 0;
}
.top_header > ul > li:first-child{
    float: left;
    width: 73%;
    background: none;
    padding-right: 2em;
    margin: 0;
}

.top_header > ul > li{
    float: right;
    width: 26.5%;
    margin-bottom: 3em;
    background: #fff;
    padding: 0;
    margin: 0;
    position: relative;
}

@media only screen and (max-width: 60em){
.top_header > ul > li,
.top_header > ul > li:first-child{
    float: none;
    padding: 0;
    width: 100%;
    margin: 0;
}

.top_header > ul > li:first-child{
    margin: 0 0 30px 0;
}
}

.top_banner{
box-shadow: 0 1px 2px RGBA(0,0,0,0.7);
}

.top_header_column{
padding: 15px;
position: relative;
display: block;
}

.ribbon_area {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
  }

.ribbon16 {
    display: inline-block;
    position: absolute;
    padding: 5px 0;
    left: -15px;
    top: 7px;
    width: 100px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    background: #ffb73b;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.top_header_inner{
width: 100%;
}
.top_header_inner > ul{
list-style: none;
text-align: center;
width: 100%;
font-size:0;
}
.top_header_inner > ul > li > ul > li{
width: 29%;
display: inline-block;
vertical-align: top;
text-align: left;
line-height: 1;
margin: 0 0 0 1%;
padding: 0;
}
.top_header_inner > ul > li > ul > li:first-child{
width: 67%;
margin: 0 1% 0 0;
}

@media only screen and (max-width: 60em){
.top_header_inner > ul > li{
width: 60%;
display: inline-block;
vertical-align: middle;
text-align: left;
line-height: 1;
margin: 0 0 0 1%;
padding: 0;
}
.top_header_inner > ul > li:first-child{
margin: 0 1% 0 0;
width: 38%;
}
.top_header_inner > ul > li > ul > li,
.top_header_inner > ul > li > ul > li:first-child{
    float: none;
    padding: 0;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
}
}

@media only screen and (max-width: 50em){
.top_header_inner > ul > li,
.top_header_inner > ul > li:first-child{
margin: 0 auto;
width: 100%;
max-width: 400px;
}
.top_header_inner > ul > li:first-child{
margin: 0 auto 10px auto;
}
.top_header_inner > ul > li > ul > li{
    width: 15%;
    margin: 0 0 0 1%;
    text-align: center;
    vertical-align: middle;
}
.top_header_inner > ul > li > ul > li:first-child{
    width: 70%;
    margin: 0 1% 0 0;
    text-align: right;
}
}


@media only screen and (max-width: 30em){
.top_header_inner > ul > li > ul > li{
    width: 27%;
    margin: 0 0 0 1%;
    text-align: center;
    vertical-align: middle;
}
.top_header_inner > ul > li > ul > li:first-child{
    width: 70%;
    margin: 0 1% 0 0;
    text-align: right;
}
}



.cat_recipe_list > ul{
display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cat_recipe_list > ul > li{
display: inline-block;
    font-size: 13px;
   margin: 5px 0;
   background: #ed8a48;
    padding: 5px;
    width: 31%;
	margin: 5px;


}

.recipe_list_wrap .cat_recipe_list > ul{
display: block;
max-width: 786px;
    width: 100%;
    margin: 0 auto 20px;
}

.recipe_list_wrap .cat_recipe_list > ul > li{
display: inline-block;
    font-size: 15px;
	width: auto;
	background: none;
 margin-right: 20px;

}


.cat_recipe_list > ul > li:hover{
opacity:0.5;
filter: alpha(opacity=50);        /* ie lt 8 */
-ms-filter: "alpha(opacity=50)";  /* ie 8 */
-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.5;              /* Safari 1.x */
}

.cat_recipe_list > ul > li a{
display: block;
text-align: center;
line-height: 1.5;
border: none;
	color:#fff;
}

.recipe_list_wrap .cat_recipe_list > ul > li a{
display: block;
color:#69482f;
text-align: left;
line-height: 1.5;
border: none;

}

.cat_recipe_list > ul > li a i{
    vertical-align: middle;
    margin-right: .3em;
    font-size: .8em;
}

.cat_recipe_list > ul > li.cat_recipe_list_inner_suisan a,
.cat_recipe_list > ul > li.cat_recipe_list_inner_yasai a,
.cat_recipe_list > ul > li.cat_recipe_list_inner_jam a,
.cat_recipe_list > ul > li.cat_recipe_list_inner_shokuniku a,
.cat_recipe_list > ul > li.cat_recipe_list_inner_retort a,
.cat_recipe_list > ul > li.cat_recipe_list_inner_video a,
.cat_recipe_list > ul > li.cat_recipe_list_inner_professional a{
position: relative;
/* padding-left: 25px; */
}

.cat_recipe_list > ul > li.cat_recipe_list_inner_suisan a::before,
.cat_recipe_list > ul > li.cat_recipe_list_inner_yasai a::before,
.cat_recipe_list > ul > li.cat_recipe_list_inner_jam a::before,
.cat_recipe_list > ul > li.cat_recipe_list_inner_shokuniku a::before,
.cat_recipe_list > ul > li.cat_recipe_list_inner_retort a::before,
.cat_recipe_list > ul > li.cat_recipe_list_inner_video a::before,
.cat_recipe_list > ul > li.cat_recipe_list_inner_professional a::before{
position: absolute;
left: 0;
top:0;
bottom:0;
margin: auto;
width: 20px;
height: 20px;
background-position: center center;
background-size:cover;
/* content: ""; */
}
.cat_recipe_list > ul > li.cat_recipe_list_inner_suisan a::before{
background-image:url("img/icon01.png");}
.cat_recipe_list > ul > li.cat_recipe_list_inner_yasai a::before{
background-image:url("img/icon02.png");}
.cat_recipe_list > ul > li.cat_recipe_list_inner_jam a::before{
background-image:url("img/icon03.png");}
.cat_recipe_list > ul > li.cat_recipe_list_inner_shokuniku a::before{
background-image:url("img/icon04.png");}
.cat_recipe_list > ul > li.cat_recipe_list_inner_retort a::before{
background-image:url("img/icon05.png");}
.cat_recipe_list > ul > li.cat_recipe_list_inner_video a::before{
background-image:url("img/icon06.png");}
.cat_recipe_list > ul > li.cat_recipe_list_inner_professional a::before{
background-image:url("img/icon07.png");}


@media only screen and (max-width: 50em){
.cat_recipe_list > ul > li{
width: 48%;
}
}
@media only screen and (max-width: 30em){
.cat_recipe_list > ul > li{
width: 98%;
}
}

.top_list{
padding: 30px;
}

.top_list > ul{
list-style: none;
text-align: center;
width: 100%;
font-size:0;
}
.top_list > ul > li{
width: 76%;
display: inline-block;
vertical-align: middle;
text-align: left;
margin: 0 0 0 2%;
padding: 0;
font-size: 14px;
}
.top_list > ul > li:first-child{
width: 20%;
margin: 0 2% 0 0;
}
.top_list > ul > li > ul{
    margin-bottom: 20px;
}
.top_list > ul > li > ul > li{
padding: 0 0 5px 0;
}
@media only screen and (max-width: 30em){
.top_list{
padding: 20px;
}
.top_list > ul > li,
.top_list > ul > li:first-child{
width: 100%;
}
.top_list > ul > li:first-child{
margin: 0 0 10px 0;
}
.top_list > ul > li:first-child > div > img{
height: 50px;
width: auto;
}
}



/*　　レシピ一覧ページ
*****************************************************/
h2.archive-recipe-title{
line-height: 1;
padding: 0;
margin: 0;
text-align: left;
}

h2.archive-recipe-title a{
color: #f16d50;
font-size: 18px;
border-bottom: 2px solid #f16d50;
padding: 0 0 2px 0;
	line-height: 1.6;
}

.archive_recipe_description{
font-size:14px;
padding: 20px 0 0 0;
}

.archive_recipe_header{
border-bottom:#f16d50 solid 1px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

.archive_recipe_area{
margin: 0;
font-size:0;
padding: 15px;
text-align: center;
width: 100%;
}


/* ====== professional ====== */
.archive_recipe_area_inner.professional{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0 0 15px;
}

.professional_img01_inner{
    max-width: 125px;
    margin: 0 auto;
}
.professional_img01_inner_photo{
    max-width: 100%;
	padding-top: 100%;
    border-radius: 50%;
    overflow: hidden;
	position: relative;
}
.professional_img01_inner_photo img{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
}
.professional_img01 .cap{
    display: block;
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
}

.professional_txt{
    position: relative;
    margin-bottom: 15px;
    font-size: 14px;
    border-radius: 5px;
}


.professional_img01{
    width: 40%;
    margin: 4% 5%;
    padding: 15px 25px;
    background-color: #fff2dd;
    border-radius: 5px;
	float:right;
}

.archive_recipe_area_inner.professional .archive_recipe_photo{
    width: 50%;
    padding: 0 5%;
}

.archive_recipe_area_inner.professional .archive_recipe_photo_inner{
    height: 210px;
	max-width: 360px;
	margin: 0 auto;
}
.archive_recipe_area_inner.professional .archive_recipe_photo_inner img{
    height: 200px;
}
.archive_recipe_area_inner.professional .archive_recipe_photo{
    position: relative;
	float:left;
}

.archive_recipe_area_inner.professional .archive_recipe_txt{
    font-size: 16px;
}

.professional_ttl{
    margin: 0;
    color: #ffb73b;
    font-size: 20px;
    text-align: center;
}

.professional_recipe_txt{
    font-size: 16px;
    text-align: center;
}

.archive-pro-new-tit{
    background: #ed8a48;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 16px;
	margin-top:20px}


.btn_ORANGE a{
	font-size: 16px;
    background: #fff;
    padding: 5px;
    width: 100px;
    color: #ed8a48;
    border: 1px solid;
    display: inline-block;
    text-align: center;}


 .btn_ORANGE{
    text-align: right;
    margin-top: 20px;
}

@media only screen and (max-width: 50em){

.archive_recipe_area_inner.professional{
    display: block;
}

.professional_img01,
.archive_recipe_area_inner.professional .archive_recipe_photo{
    width: 100%;
}

.professional_img01{
    margin: 10px 0 0;
}
}




ul.archive_recipe_cat_tit{
padding: 20px 0;
text-align: right;
}

ul.archive_recipe_cat_tit > li{
width: 87%;
display: inline-block;
vertical-align: top;
text-align: left;
line-height: 1;
}

.archive_recipe_cat_tit_suisan,
.archive_recipe_cat_tit_yasai,
.archive_recipe_cat_tit_shokuniku,
.archive_recipe_cat_tit_jam,
.archive_recipe_cat_tit_retort,
.archive_recipe_cat_tit_video{
position: relative;
padding: 0 0 0 30px;
}
.archive_recipe_cat_tit_suisan::before,
.archive_recipe_cat_tit_yasai::before,
.archive_recipe_cat_tit_shokuniku::before,
.archive_recipe_cat_tit_jam::before,
.archive_recipe_cat_tit_retort::before,
.archive_recipe_cat_tit_video::before{
position: absolute;
width: 24px;
height: 24px;
left: 0;
top:0;
bottom:0;
margin: auto;
content:"";
background-size: cover;
background-position: center center;
}
.archive_recipe_cat_tit_suisan::before{
background-image:url(img/icon01.png);}
.archive_recipe_cat_tit_yasai::before{
background-image:url(img/icon02.png);}
.archive_recipe_cat_tit_jam::before{
background-image:url(img/icon03.png);}
.archive_recipe_cat_tit_shokuniku::before{
background-image:url(img/icon04.png);}
.archive_recipe_cat_tit_retort::before{
background-image:url(img/icon05.png);}
.archive_recipe_cat_tit_video::before{
background-image:url(img/icon06.png);}

ul.archive_recipe_cat_tit > li.archive_recipe_more{
width: 13%;
font-weight: normal;
text-align: right;
	padding: 10px 0;
}

ul.archive_recipe_cat_tit > li.archive_recipe_more a{
width: 100%;
display: inline-block;
    background-color: #ffb73b;
    color: #fff;
    border: none;
    padding: 5px 10px;
    text-align: center;
    border-radius: 5px;
	font-weight: bold;
    font-size: 13px;
}

ul.archive_recipe_cat_tit > li.archive_recipe_more a:after{
    content: '>';
    display: none;
    font-size: 1.2em;
    -webkit-transform: scale(.6, 1);
    -ms-transform: scale(.6, 1);
    -o-transform: scale(.6, 1);
    transform: scale(.6, 1);
}


.recipe_list_wrap{
    position: relative;
    margin-bottom: 20px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
}


.archive_recipe_area_inner > ul{
font-size:0;
text-align: center;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-pack:start;
-moz-box-pack:start;
-webkit-flex-pack:start;
-moz-flex-pack:start;
-ms-flex-pack:start;
-webkit-justify-content:flex-start;
-moz-justify-content:flex-start;
justify-content:flex-start;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.archive_recipe_area_inner > ul > li{
display: inline-block;
text-align: left;
vertical-align: top;
width: 31%;
margin: 0 1% 20px;
}



.recipe_list_wrap .archive_recipe_area_inner > ul > li{
	width:23%;}

.archive_recipe_photo{
position: relative;
width: 100%;
margin: 0 auto;
z-index: 1;
}

.archive_recipe_photo a{
    display: block;
}

.archive_recipe_txt{
    display: block;
    margin-top: 5px;
    font-weight: bold;
    font-size: 12px;
	color: #ffb73b;
	 text-align: center;
}

.archive_recipe_photo_video_inner{
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index: 3;
}

.archive_recipe_photo_video_inner::before{
position: absolute;
    color:#fff;
    font-family: "Font Awesome 5 Free";
    font-size: 100px;
    content: '\f144';
    width: 100px;
    height: 100px;
    text-align: center;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;
    line-height: 1;
    text-shadow:0px 0px 5px rgba(0, 0, 0, 0.8);
    opacity: 0.6;
}

.archive_recipe_photo_inner{
    position: relative;
    width: 100%;
    height: 170px;
    border: 5px solid #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
.archive_recipe_photo_inner img{
	width: 100%;
    height: 160px;
	object-fit: cover;
}

@media only screen and (max-width: 50em){
ul.archive_recipe_cat_tit > li{
width: 100%;
width : -webkit-calc(100% - 80px) ;
width : calc(100% - 80px) ;
}
ul.archive_recipe_cat_tit > li.archive_recipe_more{
width: 80px;
}

.recipe_list_wrap .archive_recipe_area_inner > ul > li{
width: 48%;
margin: 0 1% 10px 1%;
}
}

@media only screen and (max-width: 30em){
	ul.archive_recipe_cat_tit > li{
	width: 100%;
	}
	ul.archive_recipe_cat_tit > li.archive_recipe_more{
	width: 100px;
	}

	.archive_recipe_photo_inner{
		position: relative;
		width: 100%;
		height: 56.25%;
		border: 5px solid #fff;
		border-radius: 3px;
		box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	}

	.archive_recipe_area_inner.archive_recipe_area_inner_imaizumi > ul > li,
	.archive_recipe_area_inner.archive_recipe_area_inner_nakayama > ul > li,
	.archive_recipe_area_inner.archive_recipe_area_inner_suisan > ul > li,
	.archive_recipe_area_inner.archive_recipe_area_inner_yasai > ul > li,
	.archive_recipe_area_inner.archive_recipe_area_inner_jam > ul > li,
	.archive_recipe_area_inner.archive_recipe_area_inner_shokuniku > ul > li,
	.archive_recipe_area_inner.archive_recipe_area_inner_retort > ul > li,
	.archive_recipe_area_inner.archive_recipe_area_inner_video > ul > li,
	.archive_recipe_area_inner.archive_recipe_area_inner_pro > ul > li{
	width: 70%;
	margin: 0 auto 10px auto;
	}
}


/*　　レシピ詳細ページ
*****************************************************/

.recipe_single_area04,
.recipe_single_area03,
.recipe_single_area02,
.recipe_single_area02-pro,
.recipe_ingredient_area,
.recipe_single_area01,
.recipe_single_area01-pro{
width: 100%;
box-sizing: border-box;
}

.recipe_single_area04 > ul,
.recipe_single_area03 > ul,
.recipe_single_area02 > ul,
.recipe_single_area02-pro > ul,
.recipe_ingredient_area > ul,
.recipe_single_area01 > ul,
.recipe_single_area01-pro > ul{
font-size: 0;
margin: 0 auto;
width:100%;
list-style: none;
padding: 0;
text-align: center;
}

.recipe_single_area04 > ul > li,
.recipe_single_area03 > ul > li,
.recipe_single_area02 > ul > li,
.recipe_single_area02-pro > ul > li,
.recipe_ingredient_area > ul > li,
.recipe_single_area01 > ul > li,
.recipe_single_area01-pro > ul > li{
display: inline-block;
vertical-align: top;
text-align: left;
font-size:14px;
}


/*　　／／／／／／画像と材料エリア／／／／／／　　*/
.recipe_single_area01{
padding: 0 0 28px 0;
}
/*　　材料エリア　　*/
.recipe_single_area01 > ul > li{
width:54%;
}
/*　　画像エリア　　*/
.recipe_single_area01 > ul > li:first-child{
width: 43%;
margin: 0 3% 0 0;
}
.recipe_single_area01 > ul > li:first-child > img{
 max-width: 100%;
 max-height: 100%;
 width: 100%;
 height: auto;
}
.recipe_single_photo{
text-align: center;
position: relative;
width: 100%;
max-width: 335px;
padding: 335px 0 0 0;
margin: 0 auto;
z-index: 1;
background-size:100% auto;
background-repeat: no-repeat;
}

/*　　動画の場合　　*/
.recipe_single_area01 > ul > li.recipe_video{
width:100%;
}
/*　　動画エリア　　*/
.recipe_video_iframe{
position: relative;
width: 65%;
padding: 65% 0 0 0;
margin: 0 auto;
}
/*　　動画エリア　　*/
.recipe_video_iframe iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*　　画像エリア　　*/
.recipe_time{
padding: 20px 0 0 0;
color:#f16d50;
}
/*　　材料エリア　　*/
.recipe_ingredient_area{
border-top:1px solid #f16d50;
padding: 10px 0 0 0;
}
/*　　材料エリア-動画の場合　　*/
.recipe_single_area01 > ul > li.recipe_video > .recipe_ingredient_area{
margin: 20px 0 0 0;
}
/*　　材料エリア　　*/
.recipe_ingredient_area > ul{
padding: 5px 0;
border-bottom: 1px dashed #a5a5a5;
}
/*　　材料エリア-ボックス　　*/
.recipe_ingredient_area > ul > li{
box-sizing: border-box;
color: #69482f;
}
/*　　材料エリア-材料　　*/
.recipe_ingredient_area > ul > li:nth-child(odd){
width: 60%;
padding: 5px 1% 5px 0;
text-align: left;
}
/*　　材料エリア-分量　　*/
.recipe_ingredient_area > ul > li:nth-child(even){
width: 40%;
padding: 5px 0 5px 1%;
text-align: right;
}
/*　　材料エリア-分量がない場合の材料　　*/
.recipe_ingredient_area > ul > li.recipe_ingredient01_01{
width: 100%;
padding: 5px 0;
text-align: left;
}

/*　　プロのレシピ画像エリア　　*/
.recipe_single_area01-pro > ul > li{
text-align: center;
width: 100%;
}
.recipe_single_area01-pro > ul > li > img{
 max-width: 100%;
 max-height: 100%;
/*width:100%;*/
height: auto;
margin: 0 auto;
}

@media only screen and (max-width: 60em){
.recipe_single_area01 > ul > li,
.recipe_single_area01 > ul > li:first-child{
width: 100%;
}
.recipe_single_area01 > ul > li:first-child{
margin: 0 auto;
text-align: center;
}
.recipe_ingredient_area{
margin: 20px 0 0 0;
}

.recipe_ingredient_area > ul{
padding: 2px 0;
}
.recipe_ingredient_area > ul > li:nth-child(odd){
padding: 2px 1% 2px 0;
}
.recipe_ingredient_area > ul > li:nth-child(even){
padding: 2px 0 2px 1%;
}

.recipe_single_area01 > ul > li:first-child > img{
width: 50%;
height: auto;
margin: 0 auto;
}

.recipe_video_iframe{
    width: 50%;
    padding: 50% 0 0 0;
}
}

@media only screen and (max-width: 50em){
.recipe_video_iframe{
    width: 65%;
    padding: 65% 0 0 0;
}
.recipe_single_area01 > ul > li:first-child > img{
width: 60%;
}
}

@media only screen and (max-width: 40em){
.recipe_video_iframe{
    width: 70%;
    padding: 70% 0 0 0;
}
.recipe_single_area01 > ul > li:first-child > img{
width: 70%;
}
}

@media only screen and (max-width: 30em){
.recipe_ingredient_area > ul > li:nth-child(odd),
.recipe_ingredient_area > ul > li:nth-child(even){
width: 100%;
padding: 2px 0;
text-align: left;
}
.recipe_ingredient_area > ul > li:nth-child(even){
border-top: 1px dotted #eee;
}
.recipe_video_iframe{
    width: 100%;
    padding: 100% 0 0 0;
}
.recipe_single_area01 > ul > li:first-child > img{
width: 100%;
}
}
/*　　／／／／／／画像と材料エリア／／／／／／　　*/



/*　　／／／／／／紹介文エリア／／／／／／　　*/
.recipe_single_area02,
.recipe_single_area02-pro{
background-image:url(img/bg01.gif);
padding: 30px 20px 0 20px;
margin: 0 auto 28px auto;
}

.recipe_single_area02 > ul,
.recipe_single_area02-pro > ul{
padding: 0 0 30px 0;
}


/*　　テキスト　　*/
.recipe_single_area02 > ul > li{
width:68%;
color: #69482f;
margin: 0;
}

/*　　タイトル　　*/
.recipe_single_area02 > ul > li:first-child{
width: 30%;
margin: 0 2% 0 0;
text-align: center;
color: #f16d50;
}
/*　　ブロガー名　　*/
.recipe_single_area02 > ul > li.recipe_maker{
padding: 40px 0 0 0;
font-weight: 900;
position: relative;
color:#362418;
line-height: 1;
}

.recipe_single_area02 > ul > li.recipe_maker span a{
color: #362418;
border-bottom: solid 2px #362418;
padding: 0 0 0 0;
}

.recipe_single_area02 > ul > li.recipe_maker::after{
    position: absolute;
    content: '';
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    top:0;
    left:0;
    right: 0;
    margin: auto;
    line-height: 1;
    z-index: 1;
}
.recipe_single_area02 > ul > li.recipe_maker::before{
    color:#362418;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    content: '\f2bd';
    width: 30px;
    height: 30px;
    text-align: center;
    top:0;
    left:0;
    right: 0;
    margin: auto;
    line-height: 1;
    z-index: 2;
}
/*　　ブロガー名がない場合の紹介文　　*/
.recipe_single_area02 > ul > li.recipe_description01{
width: 100%;
text-align: left;
color: #69482f;
}

/*　　プロのアドバイス写真　　*/
.recipe_single_area02-pro > ul > li{
width:20%;
margin: 0;
}
/*　　プロのアドバイステキスト　　*/
.recipe_single_area02-pro > ul > li:first-child{
width: 78%;
margin: 0 2% 0 0;
color: #69482f;
}
.recipe_point_area-pro{
	width: 100%;
	padding-top: 100%;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.recipe_point_area-pro img{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 60em){
.recipe_single_area02 > ul > li,
.recipe_single_area02 > ul > li:first-child{
width: 100%;
}

.recipe_single_area02 > ul > li:first-child{
margin: 0 0 15px 0;
}
.recipe_single_area02 > ul > li.recipe_description01{
margin: 0 0 30px 0;
}
.recipe_single_area02-pro > ul > li{
width:100%;
max-width: 150px;
margin: auto 0;
}
/*　　プロのアドバイステキスト　　*/
.recipe_single_area02-pro > ul > li:first-child{
width: 100%;
max-width: 100%;
margin: 0;
}
}
/*　　／／／／／／紹介文エリア／／／／／／　　*/



/*　　／／／／／／作り方エリア／／／／／／　　*/
.recipe_single_area03 > ul{
margin: 0 auto 30px auto;
}
/*　　テキスト　　*/
.recipe_single_area03 > ul > li{
width:93%;
color: #69482f;
}
/*　　数字　　*/
.recipe_single_area03 > ul > li:first-child{
width: 5%;
font-weight: 700;
font-size:24px;
line-height: 1;
margin: 0 2% 0 0;
}
/*　　画像がある場合のテキスト　　*/
.recipe_single_area03 > ul > li.recipe_make01{
width: 45%;
margin: 0 2% 0 0;
}
/*　　画像　　*/
.recipe_single_area03 > ul > li.recipe_make02{
width: 43%;
margin: 0 0 0 3%;
border: 1px solid #bfbfbf;
}
.recipe_single_area03 > ul > li.recipe_make02 img{
width: 100%;
height: 300px;
object-fit: cover; /* この一行を追加するだけ！ */
}

@media only screen and (max-width: 60em){
.recipe_single_area03 > ul > li:first-child{
}
.recipe_single_area03 > ul > li.recipe_make01{
width:92%;
margin: 0;
}
.recipe_single_area03 > ul > li.recipe_make02{
width: 280px;
margin: 5px auto 30px auto;
}
.recipe_single_area03 > ul > li.recipe_make02 img{
width: 100%;
height: 280px;
object-fit: cover; /* この一行を追加するだけ！ */
}
}

@media only screen and (max-width: 30em){
.recipe_single_area03 > ul > li{
width:90%;
margin: 0;
}
.recipe_single_area03 > ul > li:first-child{
width: 10%;
margin: 0;
}
.recipe_single_area03 > ul > li.recipe_make01{
width:90%;
margin: 0;
}
.recipe_single_area03 > ul > li.recipe_make02{
margin: 5px auto 30px auto;
}
}
/*　　／／／／／／作り方エリア／／／／／／　　*/



/*　　／／／／／／栄養価エリア／／／／／／　　*/
.recipe_single_area04{
border: 1px solid #c3b3a7;
background-color:#ffb73b;
text-align: center;
padding: 10px 0 0 0;
}
/*　　数値のエリア　　*/
.recipe_single_area04 > ul{
background-color:#fff;
}
/*　　タイトルのエリア　　*/
.recipe_single_area04 > ul.recipe_single_area04_tit{
margin: 10px auto 0 auto;
background-image:url(img/bg01.gif);
border-bottom: 1px solid #c3b3a7;
border-top: 1px solid #c3b3a7;
}
/*　　ボックス　　*/
.recipe_single_area04 > ul > li{
width: 33%;
box-sizing: border-box;
padding: 10px 0;
color: #69482f;
border-left: 1px solid #c3b3a7;
}
/*　　数値のエリアの最初のボックス　　*/
.recipe_single_area04 > ul > li:first-child{
border-left: none;
}
/*　　／／／／／／栄養価エリア／／／／／／　　*/




/*　　Q&Aページ
*****************************************************/
.qa_page_area{
padding: 10px 0 0 0;
border-top:1px solid #f16d50;
margin: 40px 0 0 0;
width: 100%;
}

.qa_page_area:first-child{
border-top:none;
}

.qa_page_area_tit{
font-size:24px;
color: #f16d50;
font-weight: 700;
padding: 0 0 10px 0;
}

.qa_accordion1 {
list-style: none;
margin: 0 20px;
box-shadow: 0 1px 2px RGBA(0,0,0,0.7);
}
.qa_accordion1 .qa_inner {
display: none;
}
.qa_accordion1 div{
cursor: pointer;
}
.qa_accordion1 div.qa_ac span{
border-bottom: 2px solid #666;
padding: 0 0 2px 0;
}
.qa_accordion1 div.qa_ac{
padding:20px 50px;
position: relative;
background: #fff;
border-bottom: 1px solid #dfdfdf;
}
.qa_accordion1 div.qa_ac::before{
position: absolute;
top:0;
left:0;
bottom:0;
width: 40px;
text-align: center;
background: #ffb73b;
box-sizing: border-box;
content:"Q";
font-family: 'Quicksand', sans-serif;
color: #fff;
font-size:30px;
}
.qa_accordion1 div.qa_ac::after{
position: absolute;
top:0;
right:20px;
bottom:0;
width: 25px;
height: 25px;
margin: auto;
text-align: center;
background: #ffb73b;
border-radius: 50%;
box-sizing: border-box;
font-family: FontAwesome;
font-size: 16px;
padding: 5px 0 0 0;
content: '\f107';
font-weight: 700;
color: #fff;
line-height: 1;
}
.qa_accordion1 div.qa_ac.clicked::after{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.qa_accordion1 .qa_inner > li{
list-style: none;
padding:10px 20px 20px 50px;
position: relative;
background: #fff;
border-bottom: 1px solid #dfdfdf;
}
.qa_accordion1 .qa_inner > li::before{
position: absolute;
top:0;
left:0;
bottom:0;
width: 40px;
text-align: center;
background: #f16d50;
box-sizing: border-box;
content:"A";
font-family: 'Quicksand', sans-serif;
color: #fff;
font-size:30px;
}
.qa_accordion1 .inner > li.qa_content{
background: #F48FB1;
}

.qa_link{
width: 95%;
box-sizing: border-box;
border: 2px solid #ffcc99;
border-radius: 5px;
padding: 20px;
margin: 20px auto 0 auto;
}

.qa_link h3{
color:#f16d50;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

@media only screen and (max-width: 30em){
.qa_accordion1 {
margin: 0 10px;
}
}


/*　　コラム一覧ページ
*****************************************************/

.column_header_area{
padding: 2em 0;
}

.column_header_area > ul{
    font-size:0;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

.column_header_area > ul > li{
    width:75%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    font-size:14px;
}
.column_header_area > ul > li:first-child{
    width:20%;
    margin: 0 5% 0 0;
}

@media only screen and (max-width: 60em){
.column_header_area > ul > li,
.column_header_area > ul > li:first-child{
    width:100%;
}
.column_header_area > ul > li:first-child{
    margin: 0 0 1em 0;
    text-align: center;
}
}
@media only screen and (max-width: 30em){
.column_header_area > ul{
    padding: 0 5px;
    width: 100%;
}
}

.archive-column{
    padding: 0 0 5px 0;
    width: 100%;
    box-sizing: border-box;
}
.archive-column > article{
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

.archive-pro-new{
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	background:#f1e1d7;
}

.archive-pro-new > ul,
.archive-column > article > ul{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 0;
}

.archive-pro-new > ul > li,
.archive-column > article > ul > li{
width: 66%;
display: inline-block;
vertical-align: top;
margin: 0 0 0 2%;
}
.archive-pro-new > ul > li:first-child,
.archive-column > article > ul > li:first-child{
width: 32%;
margin: 0;
}
.archive_column_photo{
width: 100%;
height: 150px;
}
.archive_column_photo img{
width: 100%;
height: 150px;
object-fit: cover;
}
.archive_column_time{
font-size: 14px;
text-align: left;
color: #f06d4f;
padding: 0 0 10px 0;
}

.archive_column_cat{
	display: inline-block;
	color:#fff;
	font-size:16px;
    padding: 5px 0;
    width: 130px;
    text-align: center;
}
.archive_column_cat.season{
	background-color:#f06d51;
}
.archive_column_cat.disaster{
	background-color:#85a7e6;
}
.archive_column_cat.other{
	background-color:#21b7b6;
}

h2.archive-column-title{
line-height: 1;
padding: 10px 0;
margin: 0;
text-align: left;
}


h2.archive-column-title a{
color: #fdb73d;
font-size: 18px;
border: none;
}

h2.archive-column-title span{
font-size:80%;
}

.archive_column_txt{
font-size: 12px;
line-height: 1.2;
text-align: left;
}

.archive_column_more{
text-align: right;
font-size:16px;
}

.archive_column_more a{
color:#666;
text-decoration: none;
border-bottom: 2px #666 solid;
padding: 0 0 2px 0;
}

@media only screen and (max-width: 60em){
    .archive-pro-new > ul > li,
    .archive-pro-new > ul > li:first-child,
    .archive-column > article > ul > li,
    .archive-column > article > ul > li:first-child{
    width: 100%;
    margin: 0;
    }
    .archive-pro-new > ul > li:first-child,
    .archive-column > article > ul > li:first-child{
    width: 100%;
    margin: 0 0 20px 0;
    }

    .archive_column_photo{
    width: 230px;
    height:135px;
    margin: 0 auto 10px auto;
    padding: 0;
    }
    .archive_column_photo img{
    width: 230px;
    height:135px;
    object-fit: cover;
    }
}
@media only screen and (max-width: 30em){
    .archive-column{
        padding: 0 5px 20px 5px;
        width: 100%;
    }
}

/*　　コラム一覧ページ
*****************************************************/

h1.entry-column-title {
    margin: 20px 0 40px 0;
    padding: 0 0 20px 0;
    color: #f16d50;
    font-weight:700;
    font-size: 30px;
    line-height: 1.2;
    border-bottom: 1px solid #f16d50;
}





/*　　災害に備える　　缶詰・びん詰・レトルト食品について
*****************************************************/
/*　　／／／／／／タイトル部分（災害に備える）／／／／／／　　*/
.header_measures{
background-image:url(img/bg_measures.jpg);
background-size: cover;
background-position: center center;
padding: 70px 5px;
position: relative;
text-align: center;
width: 100%;
box-sizing: border-box;
border: 5px solid #9e000f;
}
.header_measures_inner{
color: #9e000f;
font-size:24px;
line-height: 1;
background: linear-gradient(transparent 70%, rgba(255,173,192,0.4) 70%);
}


/*　　／／／／／／タイトル部分（缶詰・びん詰・レトルト食品について）／／／／／／　　*/
.header_about{
background-image:url(img/bg_about.jpg);
padding: 30px 5px 85px 5px;
position: relative;
text-align: center;
width: 100%;
box-sizing: border-box;
border: 5px solid #fae800;
}
.header_about::after{
position: absolute;
content: "";
width: 219px;
height: 70px;
bottom:5px;
left: 0;
right: 0;
margin: auto;
background: url(img/character.png);
background-size: cover;
}
.header_about_inner{
padding: 10px;
background:#fff;
color:#69482f;
font-size:24px;
}





.tab_btn{
width: 100%;
padding: 0 20px 20px 20px;
box-sizing:border-box;
}
.tab_btn ul.children {
    padding: 0;
    margin: 0;
    box-sizing:border-box;
}
.tab_btn ul{
    list-style: none;
    box-sizing:border-box;
    margin: 0;
    width: 100%;
}

.tab_btn ul li {
    font-size: 14px;
    box-sizing: border-box;
    line-height: 1.0;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
}

.tab_btn ul li.page_item_has_children > a{
position: relative;
}
.tab_btn ul li a {
    color: #999;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #999;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: relative;
}
.tab_btn ul li a::before {
    position: absolute;
    left: 0;
    top:0;
    bottom:0;
    width: 12px;
    height: 12px;
    margin: auto;
    font-family: FontAwesome;
    font-size: 12px;
    content: '\f104';
}

h1.entry-page-title {
border-bottom: solid 3px #d19f7a;
position: relative;
color:#362418;
line-height: 1.3;
padding: 0 0 10px 0;
}

h1.entry-page-title span {
font-size:80%;
}

/*h1.entry-page-title:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #b37f58;
bottom: -3px;
width: 30%;
}*/


h2.page-hl {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
-webkit-margin-after: 1.5em;
}

h2.page-hl:before, h2.page-hl:after{
  content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}

h2.page-hl:before{
  border-left: solid 1px #ffb73b;
  border-top: solid 1px #ffb73b;
  top:0;
  left: 0;
}

h2.page-hl:after{
  border-right: solid 1px #ffb73b;
  border-bottom: solid 1px #ffb73b;
  bottom:0;
  right: 0;
}
.about_btn > ul > li{
    width: 300px;
    line-height: 1;
    text-decoration: none;
    }

.about_btn > ul > li a{
    background: url(img/bg_about.jpg);
    border: 5px solid #fae800;
    color: #69482f;
    padding: 1.5em 0.5em 6.5em 0.5em;
    box-sizing: border-box;
    width: 100%;
    font-size:16px;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 1px 2px #bbb;
    display: block;
    position: relative;
    border-radius: 4px;
}

.about_btn > ul > li a span{
background-color:#fff;
padding: 5px;
}

.about_btn > ul > li a::before{
    position: absolute;
    bottom:0.5em;
    left:0;
    right: 0;
    margin: auto;
    width: 151px;
    height: 81px;
    content: "";
}

.about_btn > ul > li:first-child a::before{
    background-image:url(img/chara_canbottle.png);
}
.about_btn > ul > li:last-child a::before{
    background-image:url(img/chara_retort.png);
}

.data_box_btn{
width: 200px;
height: 60px;
background:#9e000f;
box-sizing: border-box;
font-size:20px;
color: #fff;
cursor: pointer;
padding: 15px 0;
text-align: center;
border-radius: 4px;
margin: 10px 0 0 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.data_box_btn:hover{
opacity:0.5;
filter: alpha(opacity=50);        /* ie lt 8 */
-ms-filter: "alpha(opacity=50)";  /* ie 8 */
-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.5;              /* Safari 1.x */
}



/*　　／／／／／／ボックス（オレンジ）／／／／／／　　*/
.boxO{
width: 100%;
box-sizing: border-box;
border: 2px solid #ffcc99;
border-radius: 5px;
padding: 20px;
margin: 20px 0;
}
/*　　／／／／／／タイトル（オレンジ）／／／／／／　　*/
.boxO_tit{
font-size:20px;
font-weight: 700;
background: linear-gradient(transparent 70%, #ffcc99 70%);
line-height: 1;
margin: 0 0 20px 0;
}



/*　　／／／／／／ボックス（黄色）／／／／／／　　*/
.boxY{
width: 100%;
box-sizing: border-box;
border: 2px solid #fae800;
border-radius: 5px;
padding: 20px;
margin: 20px 0;
}
/*　　／／／／／／タイトル（黄色）／／／／／／　　*/
.boxY_tit{
font-size:20px;
font-weight: 700;
background: linear-gradient(transparent 70%, #fae800 70%);
line-height: 1;
margin: 0 0 20px 0;
}


/*　　／／／／／／ボックス（ピンク）／／／／／／　　*/
.boxP{
width: 100%;
box-sizing: border-box;
border: 2px solid #ffc1c1;
border-radius: 5px;
padding: 20px;
margin: 20px 0;
}
.boxP50{
width: 100%;
box-sizing: border-box;
border: 2px solid RGBA(255,193,193,0.5);
border-radius: 5px;
padding: 20px;
margin: 20px 0;
}

/*　　／／／／／／タイトル（ピンク）／／／／／／　　*/
.boxP_tit{
font-size:20px;
font-weight: 700;
background: linear-gradient(transparent 70%, #ffc1c1 70%);
line-height: 1;
margin: 0 0 20px 0;
}



.page_box_btn{
    margin: 0 3px 3px 0;
    width: 250px;
    background: #fff;
    box-shadow: 0 1px 2px #bbb;
    color: #444;
    line-height: 1;
    text-decoration: none;
    }

.page_box_btn a{
    background: #f16d50;
    color: #fff;
    padding: 0.4em 1em 0.4em 3em;
    width: 100%;
    display: block;
    position: relative;
}

.page_box_btn a::before{
    position: absolute;
    left: 0;
    top:0;
    bottom:0;
    width: 2em;
    text-align: center;
    box-sizing: border-box;
    padding: 8% 0;
    height: 100%;
    background:RGBA(255,255,255,0.25);
    margin: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 16px;
    content: '\f35a';
}


table.measures_table{
border: 1px solid #bababa;
width: 100%;
}

.measures_table_hl{
width: 100%;
padding: 5px 0;
background-color: #fff0e2;
border-bottom: 1px solid #bababa;
margin: 0 0 10px 0;
}

table.measures_table tr{
width: 100%;
}

table.measures_table td{
padding: 0;
font-size: 12px;
vertical-align: top;
box-sizing: border-box;
width: 30%;
text-align: center;
border: 1px solid #bababa;
}
table.measures_table th{
padding: 0;
width: 10%;
background-color: #f7f7f7;
vertical-align: middle;
border: 1px solid #bababa;
}

@media only screen and (max-width: 50em){
table.measures_table td{
width: 100%;
display: block;
}
table.measures_table th{
width: 100%;
padding: 5px;
border-bottom: 1px solid #bababa;
display: block;
}
}


.page_box_btn02{
    margin: 10px 0;
    width: 250px;
    box-shadow: 0 1px 2px #bbb;
    line-height: 1;
    text-decoration: none;
    background: #f16d50;
    color: #fff;
    padding: 1em 1em 1em 3em;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.page_box_btn02:hover{
opacity:0.5;
filter: alpha(opacity=50);        /* ie lt 8 */
-ms-filter: "alpha(opacity=50)";  /* ie 8 */
-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.5;              /* Safari 1.x */
}


.page_box_btn02::before{
    position: absolute;
    left: 0;
    top:0;
    bottom:0;
    width: 2em;
    text-align: center;
    box-sizing: border-box;
    padding: 0.8em 0;
    height: 100%;
    background:RGBA(255,255,255,0.25);
    margin: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-size: 16px;
    content: '\f35a';
}

#result_area.col02 > ul > li{
margin-bottom: 5px;
}

#result_area dl{
font-size:0;
margin: 0;
padding: 0;
}

#result_area dl > dt,
#result_area dl > dd{
font-size: 14px;
word-wrap: break-word;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 0;
padding: 0;
}

#result_area dl > dt{
width: 80%;
font-weight: normal;
}

#result_area dl > dd{
width: 20%;
color:#69482f;
font-weight: 700;
}

#calculate_result {
font-size:18px;
letter-spacing: 1px;
}

#calculate_result > span{
color: #f16d50;
font-size:38px;
}



/*　　大辞典
*****************************************************/

.dic_back{
position: absolute;
top:91.210191%;
left:4%;
width: 33.4444444%;
height: 8.7898089%;
}

.pop_wrap{
position: relative;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
line-height: 1;
}

.popup_body2{
display: none;
}

.pop2_outer{
position: fixed;
display: none;
top:0;
bottom:0;
left:0;
right: 0;
z-index: 999;
}

.pop2_outer_inner{
position: relative;
margin: 0;
width: 100%;
height: 100%;
}


.pop2_outer dl{
position: absolute;
border: 3px solid #e4001d;
border-radius: 4px;
margin: auto;
box-shadow: 0 1px 2px RGBA(0,0,0,0.7);
background-color: #fff;
width: 300px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left:0;
right: 0;
box-sizing: border-box;
padding: 15px;
text-align: left;
}

.pop2_outer dl::before{
content:"";
background-image:url(img/dictionary/pop2_close.png);
position: absolute;
width: 30px;
height: 30px;
background-size: 100% 100%;
right: -15px;
top:-15px;
margin: auto;
z-index: 40;
cursor: pointer;
}

.pop2_outer dt{
color: #e4001d;
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
margin: 0;
}

.pop2_outer dt span {
    font-size: 18px;
    margin-left: 12px;
}

.pop2_outer dd{
margin: 1em 0 0 0;
}

.pop2 > a{
color:#e4001d;
font-weight: 700;
padding: 0;
border: none;
}

/*　　／／／／／／インデックス／／／／／／　　*/

.dic_area{
width: 100%;
max-width: 900px;
margin: 0 auto;
}

.dic_area a{
border: 0;
padding: 0;
line-height: 1;
}

.dic_area a:hover{
opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=50)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
}

.dic_area_index{
width: 100%;
height: 0;
padding: 84.44444444444% 0 0 0;
background-image:url(img/dictionary/index/index_bg.jpg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
}

.dic_area_index_menu{
position: absolute;
top:45.5263157%;
left:14.888888888%;
width: 40%;
height: 44.2105263%;
}

.dic_area_index_menu > ul{
width:100%;
height: 100%;

}

.dic_area_index_menu > ul > li{
width:100%;
height: 15.5%;
margin: 1.4% 0 0 0;
}

.dic_area_index_menu > ul > li:first-child{
margin: 0;
}

.dic_area_index_result{
position: absolute;
top:66.4444444%;
left:66.9736842%;
width: 24.2222222%;
height: 6.8421052%;
}
.dic_area_index_download{
position: absolute;
top:78.8157894%;
left:65.33333333%;
width: 27.11111111%;
height: 8.0263157%;
}
.dic_area_index_menu > ul > li > a,
.dic_area_index_result a,
.dic_area_index_download a{
width:100%;
display: block;
border: none;
}

.dic_list{
line-height: 1;
}
.dic_list a{
width:100%;
display: block;
border: none;
padding: 0;
}
.dic_list img{
  display: block;
}

/*　　／／／／／／01-レトルト食品って何だろう／／／／／／　　*/
.dic_area_about{
width: 100%;
height: 0;
padding: 87.2222222% 0 0 0;
background-image:url(img/dictionary/about/about_bg.jpg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
}

.dic_about_list01{
position: absolute;
top:15.6687898%;
left:9%;
width: 36%;
height: 23.5668789%;
}
.dic_about_list02{
position: absolute;
top:40.5095541%;
left:8.44444444%;
width: 32.1111111%;
height: 23.9490445%;
}
.dic_about_list03{
position: absolute;
top:64.4585987%;
left:7.88888888%;
width: 37.11111111%;
height: 24.203216%;
}
.dic_about_list04{
position: absolute;
top:16.687898%;
left:54.77777777%;
width: 32.3333333%;
height: 23.821656%;
}
.dic_about_list05{
position: absolute;
top:40.5095541%;
left:52.22222222%;
width: 36.33333333%;
height: 23.9490445%;
}
.dic_about_list06{
position: absolute;
top:64.4585987%;
left:52.8888888%;
width: 30.88888888%;
height: 24.3312101%;
}

.dic_about_parts_01{
position: absolute;
top:52.3566878%;
left:37.5555555%;
width: 10.222222222%;
height: 15.1592356%;
z-index: 20;
}


/*　　／／／／／／02-レトルト食品の特徴は？／／／／／／　　*/
.dic_area_distinction{
width: 100%;
height: 0;
padding: 87.2222222% 0 0 0;
background-image:url(img/dictionary/distinction/distinction_bg.jpg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
}

.dic_distinction_list01{
position: absolute;
top:27.2611464%;
left:11%;
width: 33.5555555%;
height: 18.4713375%;
}
.dic_distinction_list02{
position: absolute;
top:46.2420382%;
left:11.77777777%;
width: 34.7777777%;
height: 19.7452229%;
}
.dic_distinction_list03{
position: absolute;
top:67.8980891%;
left:11%;
width: 31.4444444%;
height: 17.0700636%;
}
.dic_distinction_list04{
position: absolute;
top:22.9299363%;
left:47.5555555%;
width: 37.4444444%;
height: 23.6942675%;
}
.dic_distinction_list05{
position: absolute;
top:46.6242038%;
left:50.1111111%;
width: 34.5555555%;
height: 19.7452229%;
}
.dic_distinction_list06{
position: absolute;
top:66.7515923%;
left:42.7777777%;
width: 41.4444444%;
height: 18.7261146%;
}


#pop_04_02{
display: none;
}

.dic_distinction_list02_inner01{
position: absolute;
top:24.4712990%;
left:30.1318267%;
width: 11.2994350%;
height: 5.1446945%;
}
.dic_distinction_list04_inner01{
position: absolute;
top:58.6705202%;
left:31.6384180%;
width: 24.2937853%;
height: 11.2716763%;
}
.dic_distinction_list04_inner02{
position: absolute;
top:26.3005780%;
left:7.7212806%;
width: 20.5273069%;
height: 4.6242774%;
}
.dic_distinction_list04_inner03{
position: absolute;
top:64.7398843%;
left:34.2749529%;
width: 22.4105461%;
height: 11.2716763%;
}
.dic_distinction_list06_inner01{
position: absolute;
top:22.0630372%;
left:39.1061452%;
width: 8.007448%;
height: 4.5845272%;
}
.dic_distinction_list06_inner02{
position: absolute;
top:34.6704871%;
left:12.6629422%;
width: 8.007448%;
height: 4.5845272%;
}
.dic_distinction_list06_inner03{
position: absolute;
top:40.9742120%;
left:16.2011173%;
width: 25.6983240%;
height: 4.5845272%;
}
.dic_distinction_list06_inner04{
position: absolute;
top:47.2779369%;
left:43.2029795%;
width: 8.007448%;
height: 4.5845272%;
}

.dic_distinction_list02_inner01 span,
.dic_distinction_list04_inner01 span,
.dic_distinction_list04_inner02 span,
.dic_distinction_list04_inner03 span,
.dic_distinction_list06_inner01 span,
.dic_distinction_list06_inner02 span,
.dic_distinction_list06_inner03 span,
.dic_distinction_list06_inner04 span{
width: 100%;
height: 100%;
line-height: 1;
padding: 0;
margin: 0;
}

.dic_distinction_list02_inner01 a,
.dic_distinction_list04_inner01 a,
.dic_distinction_list04_inner02 a,
.dic_distinction_list04_inner03 a,
.dic_distinction_list06_inner01 a,
.dic_distinction_list06_inner02 a,
.dic_distinction_list06_inner03 a,
.dic_distinction_list06_inner04 a{
width: 100%;
height: 100%;
display: block;
}

/*　　／／／／／／03-レトルト食品の歴史を調べよう／／／／／／　　*/
.dic_area_history{
width: 100%;
height: 0;
padding: 87.2222222% 0 0 0;
background-image:url(img/dictionary/history/history_bg.jpg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
}

.dic_history_list01{
position: absolute;
top:28.9171974%;
left:29.3333333%;
width: 3.3333333%;
height: 2.0382165%;
}
.dic_history_list02{
position: absolute;
top:31.4649681%;
left:11.5555555%;
width: 6.6666666%;
height: 2.0382165%;
}
.dic_history_list03{
position: absolute;
top:39.1082802%;
left:17.7777777%;
width: 3.3333333%;
height: 2.0382165%;
}
.dic_history_list04{
position: absolute;
top:39.1082802%;
left:22.666666%;
width: 6.6666666%;
height: 2.0382165%;
}
.dic_history_list05{
position: absolute;
top:82.547777707%;
left:52.1111111%;
width: 15.4444444%;
height: 5.6050955%;
}


.dic_history_list01 span,
.dic_history_list02 span,
.dic_history_list03 span,
.dic_history_list04 span{
width: 100%;
height: 100%;
line-height: 1;
padding: 0;
margin: 0;
}

.dic_history_list01 a,
.dic_history_list02 a,
.dic_history_list03 a,
.dic_history_list04 a{
width: 100%;
height: 100%;
display: block;
}


/*　　／／／／／／04-レトルト食品の製造工程を調べよう／／／／／／　　*/
.dic_area_howto{
width: 100%;
height: 0;
padding: 87.2222222% 0 0 0;
background-image:url(img/dictionary/howto/howto_bg.jpg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
}


/*　　／／／／／／05-レトルト食品の安全性について調べよう／／／／／／　　*/
.dic_area_quality{
width: 100%;
height: 0;
padding: 87.2222222% 0 0 0;
background-image:url(img/dictionary/quality/quality_bg.jpg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
}

.dic_quality_list01{
position: absolute;
top:16.9426751%;
left:13.8888888%;
width: 31.2222222%;
height: 35.0318471%;
}
.dic_quality_list02{
position: absolute;
top:58.2165605%;
left:13.8888888%;
width: 33.3333333%;
height: 32.866242%;
}
.dic_quality_list03{
position: absolute;
top:22.165605%;
left:49.3333333%;
width: 37.7777777%;
height: 28.6624203%;
}
.dic_quality_list04{
position: absolute;
top:55.1592356%;
left:50.7777777%;
width: 40.11111111%;
height: 35.9235668%;
}

.dic_quality_parts_01{
position: absolute;
top:48.4076433%;
left:11.1111111%;
width: 10.33333333%;
height: 10.955414%;
z-index: 20;
}
.dic_quality_parts_02{
position: absolute;
top:42.9299363%;
left:82.5555555%;
width: 7.3333333%;
height: 13.3757961%;
z-index: 21;
}

/*　　／／／／／／06-どんなレトルト食品があるか調べよう／／／／／／　　*/
.dic_area_products{
width: 100%;
height: 0;
padding: 87.2222222% 0 0 0;
background-image:url(img/dictionary/products/products_bg.jpg);
background-size: contain;
background-repeat: no-repeat;
position: relative;
}
.dic_products_list01{
position: absolute;
top:38.4713375%;
left:15.5555555%;
width: 33.3333333%;
height: 32.6114649%;
}
.dic_products_list02{
position: absolute;
top:75.2866242%;
left:15.5555555%;
width: 33.3333333%;
height: 10.0636942%;
}
.dic_products_list03{
position: absolute;
top:36.1783439%;
left:53%;
width: 37.33333333%;
height: 9.8089171%;
}
.dic_products_list04{
position: absolute;
top:49.9363057%;
left:53%;
width: 37.33333333%;
height: 8.9171974%;
}
.dic_products_list05{
position: absolute;
top:62.5477707%;
left:53%;
width: 37.33333333%;
height: 8.5350318%;
}
.dic_products_list06{
position: absolute;
top:75.5414012%;
left:53%;
width: 37.33333333%;
height: 10.7006369%;
}

.dic_products_list ul{
list-style: none;
text-align: left;
width: 100%;
font-size:0;
}
.dic_products_list ul li{
width: 25%;
display: inline-block;
vertical-align: top;
text-align: center;
line-height: 1;
margin: 0;
padding: 0;
}
.dic_products_list01 ul li{
margin: 0 0 3.65% 0;
}

.dic_products_example{
position: absolute;
top:16.9426751%;
left:72.4444444%;
width: 18.2222222%;
height: 18.7261146%;
}





/*サンバ*/
.entry-header-cansamba{
background-image:url(img/bg_samba.jpg);
background-size: cover;
position: relative;
text-align: center;
width: 100%;
overflow: hidden;
}
.entry-header-cansamba::after{
position: absolute;
content: "";
width: 328px;
height: 105px;
bottom:0;
top:0;
right: 5%;
margin: auto;
background: url(img/character.png);
background-size: cover;
}
.entry-header-cansamba h1.entry-page-title{
border-bottom: none;
position: relative;
font-size:0;
width: 100%;
height: 167px;
padding: 0;
}
.entry-header-cansamba h1.entry-page-title:after {
position: absolute;
content: "";
display: block;
border-bottom: none;
left: 5%;
top:0;
bottom:0;
width: 300px;
height: 300px;
margin: auto;
background: url(img/samba.png);
background-size: cover;
}



@media only screen and (max-width:50em){
.entry-header-cansamba::after{
bottom:5px;
top:auto;
right: 0;
left: 0;
width: 219px;
height: 70px;
}
.entry-header-cansamba h1.entry-page-title:after {
left: 0;
right: 0;
top:-60px;
bottom:auto;
width: 250px;
height: 250px;
}
}



.ChangeElem_Panel{
  display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	border:2px solid #feb73b;
}

.ChangeElem_Btn_Content{
	width: 100%;
	font-size:0;
}

.ChangeElem_wrap{
	width: 100%;
	background:#fff;
}

.ChangeElem_Btn_Content > .ChangeElem_Btn{
	display: inline-block;
	margin: 0 0.5% 0 0;
	width: 24.625%;
    padding: 5px;
	box-sizing: border-box;
    border: none;
    background: #a3a1a2;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
	font-weight: 700;
	text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.ChangeElem_Btn_Content > .ChangeElem_Btn:last-child{
	margin: 0;
}
.ChangeElem_Btn_Content > .ChangeElem_Btn.is-active{
	background:#feb73b;
}


.col_02 > ul > li{
	display: inline-block;
	width: 48%;
	margin: 0 1% 20px 0;
	text-align: left;
	font-size:16px;
	padding: 0 0 0 16px;
	box-sizing: border-box;
	position: relative;
	vertical-align: top;
}
.col_02 > ul > li::before{
	position: absolute;
	content: "・";
	top:6px;
	left:0;
	width: 16px;
	height: 16px;
	line-height: 1;
	margin: auto;
}
.col_02 > ul > li > a{
	border-bottom: 1px solid #333;
	padding: 0 0 5px 0;
}

.col_02 > ul > li > a span{
	font-size:80%;
}

@media only screen and (max-width:50em){
	.col_02 > ul > li{
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
	}

	.ChangeElem_Btn_Content > .ChangeElem_Btn{
		font-size:12px;}
}


.gallery{
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}

.gallery > figure:nth-child(4),
.gallery > figure:nth-child(5){
	display: none;
}

.gallery-item {
    display: inline-block;
	letter-spacing: normal; /* 文字間を元に戻す */
    box-sizing: border-box;
    margin: 0;
    padding: 0 1em 0.75em 0;
    width: 100%;
    vertical-align: top;
    text-align: center;
}

.gallery-icon{
	height: 170px;
}

.gallery-icon > a{
	width: 100%;
	height: 100%;
}

.gallery-icon > a img{
	width: 100%;
	height: 170px;
	object-fit: cover; /* この一行を追加するだけ！ */
}
.gallery-caption{
	margin: 5px 0 0 0;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
}

.gallery-caption a{
	color: #f16d50;
	text-decoration: underline;
}

@media only screen and (max-width: 50em){
	.gallery-columns-3 .gallery-item{
		max-width: 48%;
	}
	.gallery-item {
		box-sizing: border-box;
		margin: 0 1% 15px 1%;
		padding: 0;
		width: 48%;
	}
	.gallery-icon{
		height: 0;
		position: relative;
		padding-top: 56.25%;
		width: 100%;
	}

	.gallery-icon > a{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		right: 0;
		bottom:0;
		top:0;
	}

	.gallery-icon > a img{
		width: 100%;
		height: 100%;
		object-fit: cover; /* この一行を追加するだけ！ */
	}
}


@media only screen and (max-width: 30em){
	.gallery-columns-3 .gallery-item{
		max-width: 70%;
	}
	.gallery-item {
		display: block;
		box-sizing: border-box;
		margin: 0 auto 15px auto;
		padding: 0;
		width: 70%;
	}
}


/*　　コラム内レシピ枠
*****************************************************/

.RItem {
	border-top: dotted 2px #999999;
	border-bottom: dotted 2px #999999;
	padding:10px 10px;
	margin:10px 0 10px 0;
	display:inline-block;
}

/*追加
*****************************************************/
.nav-links {
text-align: center;
}
.site-branding {
width: 100%;
}
.main-navigation-menu-wrap {
width: 100%;
}
.main-navigation-menu-wrap {
margin: 0 auto;
}
ul.main-navigation-menu > li {
font-size: 15px;
}
.footer-navigation-menu-wrap > ul.main-navigation-menu > li, ul.main-navigation-menu > li{
font-size: 15px;
}
.main-navigation-toggle {
display: none;
background-color: transparent;
}
.main-navigation-toggle:hover {
background-color: transparent;
}
.site-main > article:not(.type-post):not(.type-page):not(.type-attachment) {
box-shadow: none;
}
.entry-content > *:first-child {
margin-top: 0;
}
.search-form {
position: relative;
display: block;
overflow: hidden;
padding: 0;
width: 95%;
margin: 15px auto;
}
.search-form .search-submit {
position: absolute;
top: 0;
right: 0;
padding: 0.65em 0.75em 0 0.2em;
border: none;
cursor: pointer;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
margin: 0;
padding: 0.6em 1em;
border: none;
background: #ffb73b;
color: #fff;
text-decoration: none;
font-size: 17px;
font-size: 1.0625rem;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.search-form .search-submit .genericon-search {
display: inline-block;
padding: 0.05em 0 0.55em 0.45em;
color: #fff;
content: '\f400';
vertical-align: middle;
text-decoration: inherit;
font-weight: normal;
font-style: normal;
font-size: 24px;
font-family: 'Genericons';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.search-form .search-field {
line-height: 1.75;
}
.search-form .search-submit {
padding: 0.25em 0.75em 0 0.2em;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
background: #6e3d00;
}
h1 {
font-size: 28px;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}
.post-navigation .nav-links .entry-title {
font-size: 14px;
}
.nav-previous h3.entry-title, .nav-next h3.entry-title {
line-height: 1.7em;
}
h4 {
font-size: 14px;
}
p {
margin-top: 1em;
}
.post-navigation .nav-links .nav-next  {
max-width: 45%;
}
.post-navigation .nav-links .nav-previous {
max-width: 45%;
}
@media only screen and (max-width: 60em) {
.main-navigation-toggle {
display: inline-block;
}
.main-navigation-toggle > div {
position: static;
}
.main-navigation-menu-wrap {
display: none;
}
}