/*
Theme Name: Giber.or.jp
Theme URI: 
Author: ailylab
Author URI: http://www.aily-lab.co.jp
Description:
Version: 1.1
*/

@charset "UTF-8";

@import "css/normalize.css";/* normalize*/

/* index
1.Setting
2.Layout
3.Header,Navi 
4.Main
5.Footer
6.Sidebar
7.blog
*/

/****************************************
          1.Setting
*****************************************/
body{
	font-family:"メイリオ","ＭＳ Ｐゴシック","MS PGothic",'Meiryo',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Sans-Serif;
	font-size:16px;
	color:#585858;
	background: #fff;
	line-height:1.5em;
	letter-spacing:1.0pt;
}
a,a:visited {
	color:#3F8E97;
	text-decoration: underline;
}
a:hover,a:active{
	color: #cea600;
	text-decoration: underline;
}

.bw span {
	display: inline-block;
}

img {
	display:block;
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden; 
	-ms-transform: translateZ(0); /* IE 9 */
	-webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
	transform: translateZ(0);
}
/* Micro clearfix */
.cf {zoom: 1;}
.cf:before, .cf:after { content: ""; display:block; overflow:hidden; }
.cf:after { clear: both; }
.clear{clear:both;}

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

a.link_button{
	display:block;
	padding:15px;
	letter-spacing:1.6pt;
	text-align:center;
	border:#A92828 1px solid;
	text-decoration:none;
	font-weight:bold;
	max-width: 30%;
	margin:20px auto;
	color:#A92828;
}
a.link_button:hover{
	background:#A92828;
	color:#fff;
}
#document a.link_button{
	max-width:70%!important;
}
.box_flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.divcenter{
	width:90%;
	margin:0 auto;
	border:1px solid #000;
}

@media screen and (max-width: 991px) {
    .pc {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .tb {
        display: none !important;
    }
}
@media screen and (min-width: 768px) {
    .mb {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
	.pc_center {
		text-align: center;
	}
}

.blk_center {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.mt1em {
	margin-top: 1em !important;
}

.mt30px {
	margin-top: 30px !important;
}

.btn_link,
.btn_link:visited {
    display: table;
    position: relative;
    padding: 1em 2.5em;
    min-width: 15em;
    background-color: #C2E2E6;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.5s;
}
.btn_link::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
.btn_link:hover {
    opacity: 0.8;
    text-decoration: none;
}

.tbl_wrapper table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.tbl_wrapper table th,
.tbl_wrapper table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.tbl_wrapper table th:nth-of-type(n + 2),
.tbl_wrapper table td:nth-of-type(n + 2) {
    border-left: 1px solid #ddd;
}

.tbl_wrapper table th {
    background-color: #C2E2E6;
	color: #000;
}

@media screen and (max-width: 767.98px) {
    .tbl_wrapper {
        overflow-x: scroll;
    }
    .tbl_wrapper > table {
        width: 767px;
    }
}

.list_table,
.list_table > dt,
.list_table > dd {
    box-sizing: border-box;
}

.list_table > dt,
.list_table > dd {
    padding: 1em;
    margin: 0px;
}

.list_table > dt {
    background-color: #C2E2E6;
    color: #000;
}

.list_table > dd {
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .list_table > dd {
        border: 1px solid #ddd;
        border-top: none;
    }
    .list_table > dt,
    .list_table > dd {
        text-align: center;
    }
    .list_table > dd > ul {
        text-align: left;
    }
}
@media print, (min-width: 768px) {
    .list_table {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #ddd;
    }
    .list_table > dt,
    .list_table > dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: 1px solid #ddd;
    }
    .list_table > dt {
        width: 20%;
    }
    .list_table > dd {
        width: 80%;
        border-right: 1px solid #ddd;
    }
	.col-md-6 .list_table > dt {
        width: 30%;
    }
    .col-md-6 .list_table > dd {
        width: 70%;
    }
}

.if_wrapper {
    position: relative;
    padding-bottom: 56.25%;
}
.if_wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px) {
	.pc_flex {
		display: flex;
		justify-content: center;
		margin: 0px -10px;
	}
	.pc_flex_item {
		margin: 0px 10px;
		width: 50%;
	}
	.pc_flex_item30 {
		width: 30%;
	}
	.pc_flex_item40 {
		width: 40%;
	}
	.pc_flex_item60 {
		width: 60%;
	}
	.pc_flex_item70 {
		width: 70%;
	}
}

/****************************************
		2. Layout 
*****************************************/
#wrapper{
	width:960px;
	margin:0px auto;
	height:auto;
	overflow:hidden;
	margin-bottom:50px;
}
#main{width:660px;float:left;}
#post,#archive,#member-list{width:960px;}

#banner{
	bottom: 0;
	position: fixed;
	right: 0;
	width: 175px;
	padding:10px 0;
}
#banner ul,#banner li{
	margin:0;
	padding:0;
}
#banner li{
	list-style:none;
	margin-bottom:10px;
}
#banner li:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;	
}
#banner img{width:175px;margin:0;}

/****************************************
		3. header,navi 
*****************************************/
#menu{display:none;}
#header{
	position: relative;
	padding: 10px 0px;
	margin:0px auto;
	width:960px;
	max-width: 100%;
}
#header::before{
	position: absolute;
	top: 0px;
	left: calc(-50vw + 50%);
	right: calc(-50vw + 50%);
	bottom: 0px;
	background-color: #C2E2E6;
	content: "";
}

ul#header_navi{
	position: absolute;
	top: 10px;
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin:10px 0px 0px 0px;
	padding:0px;
}
ul#header_navi li{
	position: relative;
	margin-left: 20px;
	font-size: 13px;
	font-weight: bold;
	list-style: none;
}
ul#header_navi li a{
	display: block;
	color: #585858;
	text-decoration: none;
}
ul#header_navi li a:hover{
	color: #585858;
	text-decoration: none;
}
ul#header_navi li a img{
	width: 2.5em;
	height: auto;
}

ul#header_navi li a.header_navi_mail {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.5em;
	height: 2.5em;
	background-color: #000;
	border-radius: 2.5em;
}

ul#header_navi li a.header_navi_mail img {
	width: 1.5em;
}

#header h1 {
	display: table;
	margin: 0px auto;
	padding: 0px;
	width: 280px;
}

#gnavi{
	clear:both;
	border-bottom:#C2E2E6 5px solid;
	background-color: #C2E2E6;
	margin-bottom:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#gnavi ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width:960px;
	max-width: 100%;
	margin:0px auto;
	padding:0px;
}
#gnavi ul li{
	position: relative;
	margin: 0px;
	list-style: none;
}
#gnavi ul li:hover::before  {
	position: absolute;
	bottom: -4px;
	width: 100%;
	height: 4px;
	background-color: #b67d4b;
	content: "";	
}
#gnavi ul li a{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	height: 54px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5;
	text-align: center;
}

#m_header{display:none;}

@media screen and (max-width: 767.98px) {
	#gnavi ul li a{
		font-size: 12px;
	}
	#header h1 {
		width: 200px;
	}
}

/****************************************
		4.Contents
*****************************************/
/**base**/
#contents{
	margin-top:0px;
}
#contents_top{
	clear:both;
	padding-top:40px;
}

#contents h2,#post h2,#archive h2{
	background-color: #C2E2E6;
	font-size:24px;
	padding: 15px 9px;
	color:#000;
	margin:40px 0px 10px;
	clear:both;
	letter-spacing:0pt;
	line-height: 1.5;
	text-align:center;
}
#contents_top h2{
	background-color: #C2E2E6;
	font-size:24px;
	padding: 15px 9px;
	color:#000;
	margin:0px 0px 10px;
	clear:both;
	letter-spacing:0pt;
}

#contents h3{
	border-top :2px dotted #999999;
	border-bottom :2px dotted #999999;
	font-size:22px;
	text-indent:15px;
	padding:10px 0px;
	margin:40px 0px 10px;
	clear:both;
	letter-spacing:0pt;
	text-align:center;
}
#contents_top h3{
	width:700px;
	background:url(images/contents/h3_bg.gif) no-repeat;
	font-size:22px;
	text-indent:15px;
	padding:12px 0px;
	margin:10px 0px 10px;
	clear:both;
	letter-spacing:0pt;
}

#contents h4{
	font-size:18px;
	border-left:5px #ccc solid;
	padding-left:15px;
}

ul#sub_menu{
	width:800px;
	margin:10px auto;
	position:relative;
	right:40px;
}
ul#sub_menu:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

ul#sub_menu li{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}
dl#m_sub_menu{
	display:none;
}

/**top**/
#top_slider{
	float:left;
	width:640px;
}
#main_banner{
	float:right;
	width:300px;
}
#main_banner img{
	width:300px;
}
.press_release,
.press_release:visited {
	display: block;
	position: relative;
	padding: 1em;
	margin-bottom: 15px;
	border: 1px solid #C2E2E6;
	background-color: #C2E2E6;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.press_release:hover {
	background-color: #C2E2E6;
	color: #000;
	text-decoration: none;
	opacity: 0.8;
}
.press_release::before {
	display: inline-block;
	margin: 0px 1em 0px 0px;
	width: 1em;
	height: 1em;
	transform: scaleX(-1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0a1";
}
.top_banner {
	display: block;
	position: relative;
}
.top_banner_filter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.2);
}
.top_banner:hover .top_banner_filter {
	background-color: rgba(0, 0, 0, 0);
}
.top_banner_title {
	position: absolute;
	top: 50%;
	left: 6px;
	right: 6px;
	transform: translateY(-65%);
}
.top_banner_title {
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.top_banner_title p {
	margin: 0px;
	font-size: 24px;
	font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ","ＭＳ Ｐゴシック","MS PGothic",'Meiryo',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Sans-Serif;
	text-shadow: -2px -2px 6px #000, 2px -2px 6px #000, 2px 2px 6px #000, -2px 2px 6px #000;
	line-height: 1.5;
}
.top_banner_text {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 2px 10px;
	margin: 0px;
	background-color: #000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.learning{
	background:#ededed;
	padding:20px 0;
}
.learning h2,.learning h3{
	text-align:center;
	margin:0;
	color:#000;
}
.learning p {
	text-align:center;
	font-size:14px;
}
.learning a {
	position: relative;
	display: block;
	color: #000;
	font-weight: bold;
	width: 90%;
	border:#C2E2E6 1px solid;
	background: #C2E2E6;
	margin: 10px auto;
	padding: 0.5em 1.5em;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}
.learning a::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
.learning a:hover {
	opacity: 0.8;
}
.learning_item {
	background-color: #f2f2f2;
}
@media screen and (max-width: 767.98px) {
	.learning_item + .learning_item {
		margin-top: 20px;
	}
}
@media screen and (min-width: 768px) {
	.learning {
		display: flex;
		justify-content: space-around;
	}
	.learning_item {
		width: 48%;
		min-height: 100%;
	}
}
#content_link{
	display:flex;
	font-size:14px;
	text-align:center;
}
#content_link dl{
	width:300px;
	float:left;
	margin-right:27px;
	border:1px solid #ccc;
	background:#f9f9f9;
}
#content_link dd{
	margin:0;
	padding:0;
}
#content_link ul{
	padding:10px 15px;
	margin:0;
}
#content_link li{
	margin:0;
	padding:3px 0;
	list-style:none;
}
ul#support {
	width:710px;
	margin:0px 0px 200px 0px;
	position:relative;
	right:40px;
}

ul#support li{
	width:120px;
	border:1px solid #ccc;
	list-style:none;
	float:left;
	margin-right:10px;
	padding:5px;
}

ul#support li a{color:#000;text-decoration:none;}
ul#support li a:hover{color:#3F8E97;text-decoration:underline;}
ul#support h3{margin:5px;text-align:center;font-size:112%;background:none;width:110px;text-indent:0px;padding:0px;}
ul#support p{margin:0px;text-align:left;}
#event{
	float:right;
	width:48%;
}

#event dl{
	margin:0px;
	padding:0px 10px;
	overflow:auto;
}
#event dt{
	font-weight:bold;
	float:left;
	padding-top:2px;
}
#event dd{
	height:30px;
	border-bottom:1px solid #ccc;
	margin:0px 0px 1em 0px;
	padding-left:5.5em;
	position:relative;
	top:50%;
}
#event img{
	display:inline;
}
#event a{color:#000;text-decoration:none;}
#event a:hover{color:#3F8E97;text-decoration:underline;}

#pickup{
	margin:0px 0px 0px 0px;
}
ul#pickup {
	width:750px;
	margin:0px 0px 0px 40px;
	position:relative;
	right:80px;
	display:flex;
}

ul#pickup li{
	width:155px;
	border:1px solid #ccc;
	list-style:none;
	margin-right:10px;
	padding:5px;
}

ul#pickup p{
	border-left:3px solid #ccc;
	margin:10px 0px;
	padding-left:5px;
	text-align:left;
}

ul#pickup li a{color:#000;text-decoration:none;}
ul#pickup li a:hover{color:#3F8E97;text-decoration:underline;}

#news{
	float:left;
	width:48%;
	padding-right:2%;
	border-right:1px dashed #ccc;
}

.list_news_category {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0px;
	margin: -10px -10px 0px;
	list-style: none;
}

.list_news_category li {
	margin: 10px 10px 0px;
	font-size: 13px;
	border: 1px solid #3F8E97;
}

.list_news_category li a {
	display: block;
	padding: 0px 0.5em;
	min-width: 6em;
	text-align: center;
	text-decoration: none;
}

#news dl{
	margin:0px;
	padding:0px 10px;
}
#news dt{
	font-weight:bold;
	padding:10px 10px 0px;
}
#news dd{
	border-bottom:1px solid #ccc;
	margin:0px;
	padding:0px 20px 10px;
}

#news a{color:#000;text-decoration:none;}
#news a:hover{color:#3F8E97;text-decoration:underline;}
.new_topics{
	background:#ff4e4e;
	padding:0px 10px;
	font-weight:bold;
	color:#fff;
}

#contents_top .certification{
	text-align:center;
	border:1px solid #ccc;
	background:#feffd4;
	padding:20px 40px;
	margin-bottom:30px;
	font-size:16pt;
	width:640px;
	float:left;
}

#contents_top .certification h2{
	background:none;
	color:#000000;
	margin-bottom:30px;
}

/**下層**/
/*contact*/

.no_must {
    background-color: #fc0;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    color: #fff;
    display: block;
    float: left;
    font-size: 10px;
    margin: 0 5px;
    padding: 4px 5px;
}

/*link*/
#link li{
	list-style:none;
	min-height:40px;
	padding:5px 5px;
}
#link li:hover{background:#ddd;}

/*membership*/

dl.membership {
	padding-top:20px;
	margin-left:20px;
	background:url('images/contents/membership/flow_bg.gif') no-repeat;
	content: "";
	display:block;
	overflow:hidden;

}
dl.membership dt,dl.membership dd{
	margin-bottom:50px;
}
dl.membership dt{
	float:left;
	width:300px;
	text-align:center;
	background:#fff;
	border:1px solid #0000ff;
	clear:both;
	padding:20px 0px;
	font-weight:bold;
	color:blue;
}
dl.membership dd{
	float:right;
	width:600px;
	padding:0px 0px 20px 0px;
	margin:0px;
}
dl.membership p{
	margin:0px 0px 10px 0px;
	
}

/*member*/
table{
	margin:20px auto;
	border-top:1px solid #eee;
	width:100%;
}

table td{
	padding:10px 20px;
	border-bottom:1px solid #eee
}
table tr:nth-child(2n) {
    background-color: #f9f9f9;
}

/*contest*/
div#post-img{
	text-align:center;
}
div#post-img img{
	width:auto;
	height:auto;
	width:100%!important;
	height:100%!important;
}

dl.contest dt{
	font-weight:bold;
	font-size:15px;
	color:#3F8E97;
	border-bottom:1px dotted #3F8E97;
	margin:10px 0px;
}
dl.contest dd{
	padding-left:15px;
	margin:0px;
}
dl.contest ul{
	margin:0px;
	padding:0px;
}
dl.contest li{
	margin:0px 0px 5px 15px;
}

dl.contest ol{
	margin:0px;
	padding-left:20px;
}

table.party{
	width:670px;
	margin:20px auto 20px auto;
}
table.party th,table.party td{
	border:1px solid  #d8c1a9;
	padding: 12px 15px;
}
table.party th{
	background: #fffdee;
	vertical-align: top;
	width: 110px;
}
table.party ul{
	padding:0px;
	margin:0px 0px 0px 15px;
}
div#judge img{
	clear:both;
	float:left;
}
div#judge dl{
	float:right;
	width:530px;
}
div#judge dt{
	font-size:16px;
	font-weight:bold;
}
div#judge dd{
	margin-left:0px;
}
span.degree{
	font-size:12px;
	font-weight:normal;
	color:#b30d17;
}
ul.application_dl li{
	list-style:none;
	margin:10px 0px;
	clear:left;
	overflow:hidden;
}
ul.application_dl li img{
	float:left;
	margin:10px;
}
ul.application_dl li p{
	vertical-align:middle;
}
.page-id-2360 h4{
	color:#a4050e;
	font-size:18px;
}
ol.category li{
	font-size:20px;
	font-weight:bold;
	color:#a4050e;
}
p.contest{
	font-size:18px;
	font-weight:bold;
	color:#a4050e;
}

/*summit*/
p.course{
	margin:0px 0px 10px 20px;
	font-size:11.5px;
}
hr.course{
	border-top:1px dashed #ccc;
	border-bottom:none;
}

dl.summit {
	margin-bottom: 20px;
}

dl.summit dt,
dl.summit dd {
	min-height: 3em;
	padding: 10px 0px;
	margin: 0px;
}

dl.summit dt {
	float: left;
	width: 30%;
	color: #a4050e;
	text-align: center;
	font-weight: bold;
}

dl.summit dd {
    padding-left: 35%;
    border-top: 1px dashed #dfdfdf;
}

/* recipe */
#recipe table,#recipe th,#recipe td {
	border:1px solid #ccc;
}
#recipe th,#recipe td{
	padding:5px 10px;
}
#recipe ol li{
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
	padding:10px 0 15px 0;
}

.thumb ul, ul.thumb_gibier{
	width:980px;
	margin:10px 0px;
	padding:0!important;
}
.thumb li,ul.thumb_gibier li{
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	text-align:center;
	list-style:none;
}
ul.thumb_gibier li{
	width:22.9%;
	margin-right:2%;
	text-align:center;
	font-size:13px;
}

.thumb img,ul.thumb_gibier img{
	border:1px #ccc solid;
}
ul.thumb_gibier img{
	width:100%;
}
ul.recipe,
ul.shop
{
	margin:0;
	padding:0;
}
ul.recipe a {
	display:block;
	padding:15px;
	text-decoration:none;
}
ul.recipe a:hover,
ul.shop a:hover
{background-color:#f1f1f1;}
ul.recipe li,
ul.shop li
{
	list-style:none;
	border-bottom:1px dashed #ccc;
}

dl.recipe dt {
	width:200px;
	float:left;
	clear:left;
}
dl.recipe dd {
	float:left;
	margin:0px 0px 20px 0px;
	border-left:1px solid #ccc;
	width: 79%;
}

ul.recipe_genre,ul.recipe_materials,ul.recipe_number ul {
	margin:0 0 0 15px;
	padding:0;
}

ul.recipe_genre li,ul.recipe_materials li,ul.recipe_number li {
	float:left;
	list-style:none;
	margin-top: 15px;
	margin-right:15px;
}

ul.recipe_genre a,ul.recipe_materials a {
	display: flex;
    text-decoration: none;
    background: #f1f1f1;
    padding: 15px 5px;
    min-height: 3em;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;

}
ul.recipe_genre a:hover,ul.recipe_materials a:hover {
	background:#ddd;
}
ul.recipe_genre li{
	width:130px;
	text-align:center;
}
ul.recipe_materials li{
	width:130px;
	text-align:center;
}
ul.recipe_number li{
	text-align:center;
}

dl.award {
	margin-bottom: 20px;
}

dl.award dt,
dl.award dd {
    min-height: 3em;
    padding: 10px 0px;
    margin: 0px;
}

dl.award dt {
    float: left;
	width: 30%;
	color: #a4050e;
	text-align: center;
	font-weight: bold;
}

dl.award dd {
    padding-left: 35%;
    border-top: 1px dashed #dfdfdf;
}

dl.table{
	margin:0 auto;
	width:660px;
	border-bottom:1px solid #dfdfdf;
}

dl.table:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
dl.table dt{
	border-top: 1px solid #dfdfdf;
	clear: right;
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 100px;
	color:#a4050e;
	font-weight:bold;
	margin: 0;
}
dl.table dd{
	border-top: 1px solid #dfdfdf;
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 560px;
}
dl.table ol,dl.table ul{
	margin:0px 0px 0px 10px;
	padding:0;
}

.top_banner_text_orange {
    background-color: #d9562f;
}

.recipe_number_txt {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: 115px;
    text-decoration: underline;
}

.top_banner_title .top_banner_title_sub_orange {
	color: #d9562f;
	font-size: 16px;
	text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff;
}

.top_banner_title .top_banner_title_main_orange {
	color: #d9562f;
	font-size: 22px;
	text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff;
}

.top_attention {
	margin-top: 30px;
}

.top_attention h2 {
	background-color: #C2E2E6;
	font-size: 24px;
	padding: 15px 9px;
	color:#000;
	margin: 0px 0px 10px;
	clear: both;
	letter-spacing: 0pt;
}

.attention_link {
	padding: 20px 0px 10px;
	text-decoration: none;
}
.attention_link:hover {
	opacity: 0.8;
	text-decoration: none;
}

.attention_link + .attention_link {
	border-top: 1px solid #999;
	margin-top: 10px;
}

.attention_link_image {
	border: 1px solid #000;
}

.attention_link_text p {
	font-weight: bold;
	line-height: 1.5;
}

.attention_link_text_sub {
	margin: 0px;
	color: #F39801;
	font-size: 1.2em;
}

.attention_link_text_sub2 {
	margin: 4px 0px 0px;
	color: #999;
	font-size: 1.2em;
}

.attention_link_text_main {
	margin: 4px 0px 0px;
	color: #000;
	font-size: 1.6em;
}

@media screen and (max-width: 480px) {
	.attention_link {
		display: block;
		margin-top: 10px;
		font-size: 3vw;
	}
	.attention_link_image {
		width: 80%;
		margin: 0px auto;
	}
	.attention_link_text {
		margin: 10px 0px 0px;
		text-align: center;
	}
}
@media screen and (min-width: 479.98px) {
	.attention_link {
		display: flex;
		position: relative;
		font-size: 17px;
	}
	.attention_link::after {
		position: absolute;
		top: 50%;
		right: 1em;
		width: 0.5em;
		height: 0.5em;
		transform: translateY(-50%) rotate(45deg);
		border-right: 2px solid #000;
		border-top: 2px solid #000;
		content: "";
	}
	.attention_link_image {
		width: 30%;
	}
	.attention_link_text {
		margin: 0px 0px 0px 10px;
	}
}

.recipe_number_img {
	height:130px;
}

/*  info  */
dl.info dt{
	font-weight:bold;
	font-size:14px;
}
dl.info dd{
	margin:0 0 10px 10px;
	padding:0;
}

/*  shop  */
dl.shopinfo{
	width:900px;
	padding-top:20px;
}
dl.shopinfo dt{
	width:200px;
}

dl.shopinfo dd{
	width:700px;
}
.shopphoto ul{
	width:1000px;
}

/* document */
ul.document li{
	list-style:none;
}

ul.document li a{
	padding:15px 0px;
	border-bottom:1px #efefef dashed;
	display:block;
	color:#585858;
	text-decoration:none;
}
ul.document a:hover{
	background:#dfdfdf;
	color:#585858;
	text-decoration:none;
}

/* seminar */
dl.schedule{
	margin: 20px auto;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
}
dl.schedule dt {
	border-top: 1px solid #dfdfdf;
	clear: right;
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 25%;
	margin: 0;
}
dl.schedule dd {
	border-top: 1px solid #dfdfdf;
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 75%;
}
dl.schedule dd dt{
	font-weight:bold;
	float:none;
	width:100%;
	text-align:left;
	border:none;
}
dl.schedule dd dd{
	float:none;
	border:none;
}
dl.schedule ul li{
	list-style:none;
	padding:0;
	margin:0;
}
dl.schedule ul{
	list-style:none;
	padding:0;
	margin:0;
}
/* certification */
#certification dl{
	margin: 20px auto;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
}
#certification dl dt {
	border-top: 1px solid #dfdfdf;
	clear: right;
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 20%;
	margin: 0;
}
#certification dl dd {
	border-top: 1px solid #dfdfdf;
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 80%;
}

ol.bh6_m li{
	margin-bottom:20px;
}
ol.bh6_s {
	margin:0;
	padding:0;
}

ol.bh6_s li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  margin-bottom:0px;
  padding-left: 2em;
  text-indent: -2em;
}
ol.bh6_s li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

#certification table{
	width:100%;
}
#certification table th{
	min-width:2%;
}
#certification table td{
	font-size:12px;
}

/* order */
form#mailformpro ol.buy {
	display: flex;
	flex-wrap: wrap;
}
form#mailformpro ol.buy li{
	width: 40%;
	margin: 5%;
	text-align: center;
}
form#mailformpro ol.buy li img{
	width: 98%;
}

/*
ul#mfp_phase_stat {
	padding: 10px;
	margin: 0px auto;
	width: 620px;
}
*/

dl.table_order{
	margin:0 auto;
	width:100%;
	border-bottom:1px solid #dfdfdf;
}

dl.table_order:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
dl.table_order dt{
	border-top: 1px solid #dfdfdf;
	clear: right;
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 30%;
	margin: 0;
}
dl.table_order dd{
	border-top: 1px solid #dfdfdf;
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 70%;
}

/* handbook */
ul.handbook_dl{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding:0;
}
ul.handbook_dl li{
	width:50%;
	list-style:none;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
}
ul.handbook_dl li img{
	width:90%;
	margin:15px auto 10px auto;
	
}
ul.handbook_dl li ul{
	padding:0 0 0 50px;
	padding-bottom:30px;
}
ul.handbook_dl li ul li{
	width:100%;
	font-weight:normal;
	list-style:circle;
	text-align:left;
	padding-top:5px;
}
.handbook_link dl{
	width:30%;
	padding-left:20px;
}
.handbook_link dt{
	font-weight:bold;
}
.handbook_link dd{
	margin:0 0 20px 20px;
}

#page_img img {
	width: 100%;
	height: auto;
}

/****************************************
		5.Footer 
*****************************************/
#footer{
	background-color: #C2E2E6;
	overflow:hidden;
	color:#000;
	font-size:14px;
	letter-spacing:0px;
	clear:both;
}
#footer_area{width:960px;margin:20px auto 30px;overflow:hidden;}
#footer_logo{float:left;}
#footer_text{font-size:12px;float:right;margin-top:1em;}
#footer_r{float:right;padding-top:0px;width:600px;}
#footer_tel{float:right;}
#copy{float:right;font-size:0.8em;margin-top:1em;}
p.footer_message{float:left;width:480px;}
#footer_attention,#sponsor{
	clear:both;
	border-top:1px dashed #ccc;
}
#footer_attention h2,#sponsor h2{
	font-size:14px;
	text-align: center;
}
#footer_attention ul,#sponsor ul{
	width:960px;
	padding:0;
}
#footer_attention ul,
#sponsor ul{
	display: flex;
	justify-content:center;
	margin: -10px -5px 0px;
	list-style: none;
}
#footer_attention ul li,
#sponsor ul li{
	margin: 10px 5px 0px;
}
#footer_attention ul li img,
#sponsor ul li img{
	max-width: 100%;
}
#footer_attention ul li {
	width:210px;
}
#sponsor ul li {
	width:120px;
}

/****************************************
		6.Sidebar
*****************************************/
#sidebar{
	margin:40px 50px 0px 0px;
	float:left;
	width:210px;
}
#sidebar h2{
	margin-top:15px;
	margin-bottom:0px;
	font-size:16px;
	border-top:5px solid #000;
	border-bottom:1px solid #999;
	height:33px;
	text-indent:10px;
	padding-top:13px
	}
#sidebar ul{
	margin:0px;
}
#sidebar li{
border-bottom:1px solid #999;
list-style:none;
padding:5px 0px 5px 15px;
margin:0px;
position:relative;
right:15px;
width:195px;
font-size:12px;
height:30px;
overflow:hidden;
}
#sidebar li a{color:#000;text-decoration:none;}
#sidebar li a:hover{color:#3F8E97;font-weight:bold;text-decoration:none;}
#sidebar li:hover{text-decoration:underline; border-left:5px #3F8E97 solid;width:195px;padding:5px 0px 5px 10px;}
#blog_widget h2.widget-title{margin:0px 0px 5px 0px;padding-left:0.8em;}
#blog_widget h2{display:none;}
#blog_widget select{width:100%;margin:5px 0px 15px 0px;}
.widget_recent_entries ul{padding-left:15px!important;margin-bottom:20px;}
#side_stext{font-size:12px;}
ul#Gnavi {
	margin:0px 0px 30px;
	padding:0px;
	border-top:5px solid #000;
}
ul#Gnavi li{
	list-style:none;
	border-bottom:1px #999 solid;
	padding:0px;
	margin:0px;
	position:relative;
	left:0px;
	height:auto;
	width:210px;
	}
ul#Gnavi img{
	margin:0px;
	}
ul#Gnavi li:hover{text-decoration:underline; border-left:none;width:210px;padding:0px;}

#sidebar img,#linkarea img{
	margin-bottom:10px;
}

#linkarea img{
	float:left;
	margin:10px;
}

#linkarea{
	background:#ededed;
}

#linkarea ul{
	padding:0 20px;
	width:960px;
	margin:0 auto;
}
#linkarea:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#linkarea li{
	float:left;
	list-style:none;
}
ul#add{
	margin:20px 0 0 0;
	padding:0;
}

ul#add li,ul#add li:hover{
	border:none;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	height:auto;
	width:auto;
	position:relative;
	right:0px;
}

/****************************************
		7.blog
*****************************************/
#post h1,#archive h1{background:url('images/h1.gif') 0 0 no-repeat;padding:12px 10px;font-size:150%;margin-bottom:30px;color:#4b4b4b;}
#post h1{margin-bottom:0px!important;}
/* #post h2,#archive h2{font-size:120%;padding:0px 0px 0px 18px;color:#585858;margin-bottom:20px;} */
#post h3,#archive h3{
	border-bottom: 2px dotted #999999;
	color: #3F8E97;
	padding: 0.5em;
	margin: 30px auto 10px;
	text-indent: 10px;
	background:none;
	width:490px;
}
#entry_list .entry{border-bottom:1px solid #eee;width:900px;margin:0 auto;}
#entry_list .entry a{display:block;overflow:hidden;padding:15px;}
#entry_list .entry a:hover{background-color:#f1f1f1;}
#entry_list .entry .thumb img{float:left;}
#entry_list .entry .title_box {float:right;width:690px;margin-right:10px;}
#entry_list .entry h2.title {float:left;font-size:2em;margin:0px;width:100%;}
#entry_list .entry h3.title {
	font-size:16px;
	border-left:5px solid #3F8E97;
	border-bottom:none;
	border-top:none;
	height:auto;
	padding:0px 0px 0px 15px;
	margin:0px;
	background:none;
	text-align:left;
}
#entry_list dl{
	border-bottom:1px dotted #999;
	width:900px;
	padding:15px;
	margin: 0 auto;
	clear:both;
}
#entry_list dl:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#entry_list dt{
	float:left;
	width:100px;
	clear:both;

}
#entry_list dd{
	float:right;
	width:750px;
}
#entry_list .entry .date {
	width:100%;
	color:#585858;text-decoration:none;
	font-size:14px;
	display:block;
	padding: 0 1em 0.5em 1em;
	float:left;
	text-align:right;
}
#entry_list .entry .extract {margin:15px 0px 0px 15px;float:left;color:#000;}
#entry_list .entry .excerpt_more {color:#13a0d3;}
#date{margin-bottom:1em;}
#post p{margin-bottom:1em;}
p.wp-caption-text{text-align:center;padding:0.4em;font-size:1em;}
/* pagenavi */
#pager{margin:1em;}
.wp-pagenavi{
	padding:25px;
	margin:0 auto;
	width:400px;
}
.wp-pagenavi a,
.pages,
.wp-pagenavi .current{
	margin-right:4px;
	padding:3px 6px;
	border:1px solid #ccc;
	background:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.wp-pagenavi a:hover,.wp-pagenavi .current{color:#fff;background:#3793ce;}
.post_link{height:auto;background:#F9F7FC;overflow:hidden;}
.previous{padding:10px;float:left;}
.next{padding:10px;float:right;}
dl#profileTxtSet dt span#authorName{font-weight:bold;font-size:20px;}

.shop-product ul{
	margin:20px 40px;
	padding:0px;
	border-top:1px dotted #ccc;
}
.shop-product ul li{
	border-bottom:1px dotted #ccc;
	list-style:none;
	padding:15px 0;
}
.shop-product ul li:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


.shop-product ul li dt{
	font-weight:bold;
	font-size:15px;
	color:#A4050E;
	border-left:4px solid #A4050E;
	padding-left:10px;
}
.shop-product ul li dd{
	margin:15px 15px 0 15px;
}
.shop-product ul li dd img{
	float:left;
	margin-right:20px;
}
ul.shop dl{
	margin:0;
	padding:0;
}
ul.shop a
{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding:15px;
	text-decoration:none;
}
ul.shop dt{
	width:40%;
}
ul.shop dd{
	width:40%;
	margin:0;
}
ul.shop dd:nth-of-type(2){
	width: 20%;
}
ul.shop a:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

dl.shop_search{
	width:90%;
	margin:0 auto;
}
dl.shop_search dt{
	font-weight:bold;
	float:left;
	width:20%;
	text-align:center;
	padding:10px 0;
}
dl.shop_search dd{
	width:80%;
	float:right;
	margin:0;
	padding:10px 0;
}
ul.shop_search{
	padding:0;
	width:1200px;
}
ul.shop_search li{
	float:left;
	width:280px;
	margin-right:56px;
	margin-bottom:20px;
	border:1px solid #ccc;
	list-style:none;
	text-align:center;
	-moz-text-align-last: justify;
	text-align-last: justify;
}
ul.shop_search a
{
	display:block;
	padding:20px 80px;
	text-decoration:none;
}
ul.shop_search a:hover
{background-color:#f1f1f1;}

	.caution {
		margin-top:20px;
		text-align:center;
		color:#ff0000;
		border:5px solid #ff0000;
		padding:20px;
	}
	.caution p.title{
		font-size:20pt;
		font-weight:bold;
	}

/****************************************
		8.Mobile Style
*****************************************/
@media screen and (max-width: 480px){
	html,body {
		width:100%;
		font-size:auto;
	}
	#wrapper{
		width:100%;
		margin:0px auto;
		height:auto;
		overflow:hidden;
		margin-bottom:50px;
	}
	#post,#archive,#member-list{width:100%;}
	#contents img {
	width:100%;
	max-width: 100%;
	height: auto;
	}

	#header{
		margin:10px auto;
		overflow:hidden;
		width:100%;
	}
	#header_navi {
		display: none;
	}
	#m_header{display:block;}
	a#simple-menu{
		float:right;
	}
	#footer_area{width:100%;margin:20px auto 30px;overflow:hidden;}
	#banner ul{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	#banner{
		background:#ededed;
		position:relative;
		width:100%;
	}

	#banner:after{
		clear:both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	#banner li{
		float:left;
		list-style:none;
		width:50%;
	}
	#banner img{width:95%;float:left;margin-right:5%;}

	#header h1 img{display:none;}
	.fl_left{float:none!important;}
	.fl_right{float:none!important;}
	#contents h3 {width:100%!important;}
	#gnavi{display:none;}
	div.breadcrumbs{display:none;}
	#menu{
		display:block;
		height:200px;
		width:200px;
		background:#444;
	}
	#contents h2,#post h2,#archive h2{
	width:100%;
	}
	.pagetop{display:none!important;}
	#footer{text-align:center;}
	#footer img{
 margin-left: auto;
 margin-right: auto;}
	#footer_logo{float:none!important;}
	#footer_r {
		float:none;
		width:100%
	}
	p.footer_message{float:none;width:100%;}
	#entry_list dl{
		border-bottom:1px dotted #999;
		padding:15px;
		margin: 0 auto;
		clear:both;
		width:100%;
	}
	#entry_list dl:after{
		clear:both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}
	#entry_list dt{
		float:none;
		width:100%;
		clear:both;

	}
	#entry_list dd{
		float:none;
		width:100%;
		margin-left:0px;
	}
	#contents_top{
		width:100%;
		float:none;
	}
	#contents_top h2,#contents_top h3{
		width:100%;
		text-align:center;
	}
	#contents_top .certification{
		text-align:center;
		border:1px solid #ccc;
		background:#feffd4;
		padding:5%;
		margin-bottom:30px;
		width:100%;
	}
	#contents_top .certification h2{
		width:90%;
		padding:0;
	}
	#contents_top .certification p{
		font-size:14px;
		width:90%;
	}
	#news,#event{
		float:none;
		width:100%;
		border:none;
	}
	#news dt{
		font-weight:bold;
		float:none;
		padding:0px;
	}
	#news dd{
		border-bottom:1px solid #ccc;
		margin:0px;
		padding:0px;
	}
	ul#pickup {
		width:100%;
		margin:0px;
		padding:0;
		display: block;
		position: relative;
		right:0px;
	}

	ul#pickup li{
		width:100%;
		border-bottom:1px solid #ccc;
		list-style:none;
		padding:5px;
	}
	ul#pickup img{
		display:none;
	}

	ul#pickup p{
		border-left:3px solid #ccc;
		margin:10px 0px;
		padding-left:5px;
		text-align:left;
	}

	ul#pickup li a{color:#000;text-decoration:none;}
	ul#pickup li a:hover{color:#3F8E97;text-decoration:underline;}

	ul#sub_menu{
		display:none;
	}
	dl#m_sub_menu{
		display:block;
		border:1px #999;
		width:99%;
		margin:10px auto;
	}
	dl#m_sub_menu dt{
		background:#ccc;
		width:100%;
		font-weight:bold;
		text-align:center;
	}
	dl#m_sub_menu dd{
		background:#eee;
		width:100%;
		padding:0;
		margin:0;
	}
	#top_slider {
		float: none;
		width: 100%;
	}
	#main_banner {
		clear:both;
		float: none;
		width: 220px;
		padding-top:40px;
		margin: 0 auto;
	}
	.learning{
		background:#ededed;
	}
	.learning h2,.learning h3{
		text-align:center;
	}
	#content_link {
		display: block;
		font-size: 14px;
		text-align: center;
	}
	#content_link dl {
		background: #f9f9f9 none repeat scroll 0 0;
		border: 1px solid #ccc;
		float: none;
		margin: 25px auto;
		width: 300px;
	}
	table{
		margin:20px auto;
		border-top:1px solid #eee;
		width:100%;
	}
	dl.membership {
		padding-top:20px;
		margin-left:20px;
		background:none;

	}
	dl.membership dt,dl.membership dd{
		margin-bottom:50px;
	}
	dl.membership dt{
		float:none;
		width:90%;
		margin:0 auto;
		text-align:center;
		background:#fff;
		border:1px solid #0000ff;
		clear:both;
		padding:20px 0px;
		font-weight:bold;
		color:blue;
	}
	dl.membership dd{
		float:none;
		width:90%;
		padding:0px 0px 20px 0px;
		margin:0px auto;
	}
	dl.award {
		margin-bottom: 20px;
	}
	dl.award dt,
    dl.award dd {
		padding: 10px 0px;
        margin: 0px;
	}
	dl.award dt {
        float: none;
		width: 100%;
        border-top: 1px dashed #dfdfdf;
		color: #a4050e;
        text-align: center;
		font-weight: bold;
	}
	dl.award dd {
		width: 100%;
        border-top: none;
        text-align: center;
	}
	ul.application_dl li img{
		margin:10px;
		max-width:60px!important;
		max-height:60px!important;
	}
	.caution {
		margin-top:20px;
		text-align:center;
		color:#ff0000;
		border:5px solid #ff0000;
		padding:20px;
	}
	.caution p.title{
		font-size:20pt;
		font-weight:bold;
	}
}

.recipe_banner {
	display: inline-block;
	position: relative;
	z-index: 0;
	width: 210px;
}
.recipe_banner::before {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.5);
	content: "";
}
.recipe_banner:hover::before {
	background-color: rgba(0, 0, 0, 0.2);
}

.recipe_banner img {
	max-width: 100%;
}

.recipe_banner span {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.hoverimg:hover {
	opacity: 0.8;
}

.box_border {
	padding: 1em;
	border: 1px solid #C2E2E6;
}