
/**************** MOBILE ****************/

/* モニター幅750px以下 */

/**************** MOBILE ****************/

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

/*------------Tournament--------------*/
#tournament {
	padding: 4em 0 2em 0;
	text-align: left;
	margin: 0;
	}
#tournament * {
	text-align: left;
	color:#000;
	}
#tournament h1 {
	width: 94%;
	margin: 0 auto 1em auto;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 400%;
	padding-top: 0.3em;
	background: url(../img/title_bgimage.png) top left no-repeat;
	}
#tournament h1 span {
	font-family: 'Kazesawa-Light';
	font-style: normal;
	font-size: 40%;
	display: block;
	}
#tournament section h1 {
	width: 94%;
	margin: 0 auto 0 auto;
	padding: 0.2em 0;
	background-color: #000;
	color: #fff;
	font-size: 320%;
	text-align: center;
	line-height: 1
	}
#tournament section h1 span {
	display: inline-block;
	background-color: #FFF;
	color: #000;
	font-size: 50%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 0 0.3em;
	margin-right: 0.5em;
	vertical-align: middle;
	}
#tournament section h1 em {
	color: #FFF;
	font-size: 50%;
	font-style: normal;
	vertical-align: middle;
	}
#tournament section h2 {
	width: 94%;
	margin: 0 auto 1em auto;
	padding-top: 0;
	background: none;
	}
#tournament section img {
	width: 100%;
	margin: 0 auto;
	}
#tournament section p {
	width: 94%;
	margin: 0 auto 2em auto;
	}
	
/*------------Recipe--------------*/
#recipe {
	background-color: #f3eac8;
	padding: 2em 0 2em 0;
	text-align: left;
	margin: 0;
}
#recipe * {
	text-align: left;
	color:#000;
	}

#recipe h1 {
	width: 94%;
	margin: 0 auto 1em auto;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 400%;
	padding-top: 0.3em;
	background: url(../img/title_bgimage.png) top left no-repeat;
	}
#recipe h1 span {
	font-family: 'Kazesawa-Light';
	font-style: normal;
	font-size: 40%;
	display: block;
	}
	
#recipe p.note {
	width:95%;
	text-align: left;
	font-size: 120%;
	font-family: 'Kazesawa-Light';
	margin: 0 auto 2em auto;
	}
	
#recipe section h1 {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0.2em 0;
	background-color: #000;
	color: #fff;
	font-size: 320%;
	text-align: center;
	line-height: 1
	}
#recipe section h1 span {
	display: inline-block;
	background-color: #FFF;
	color: #000;
	font-size: 50%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 0 0.3em;
	margin-right: 0.5em;
	vertical-align: middle;
	}
#recipe section h1 em {
	color: #FFF;
	font-size: 50%;
	font-style: normal;
	vertical-align: middle;
	}
#recipe section h2 {
	width: 100%;
	margin: 0 auto 1em auto;
	padding-top: 0;
	background: none;
	}
#recipe section h2 img {
	width: 100%;
	}
	
#recipe .inner {
	width: 92%;
	margin: 0 auto;
	border:4px solid #000;
	}
	
/*cooker*/
#recipe .inner dl#cooker {
	width: 100%;
	margin: 0 auto;
	display: inherit;
	background-color: #000;
	color: #FFF;
	justify-content:space-between;
	}
#recipe .inner dl#cooker dt {
	width: 100%;
	color: #FFF;
	line-height: 1;
	}
#recipe .inner dl#cooker dd {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction:column;
	align-items:center;
	align-self :center;
	color: #FFF;
	}
#recipe .inner dl#cooker dt img {
	width: 100%;
	margin: 0 auto;
	}
	#recipe .inner dl#cooker dt {
		background-size: cover;
	}
#recipe .inner dl#cooker dd {
	font-size: 250%;
	font-weight: 700;
	font-family: 'Kazesawa-bold';
	padding: 20px 0;
	}
#recipe .inner dl#cooker dd h1 {
	width:auto;
	display: inline-block;
	color: #FFF;
	border-bottom: 4px solid #FFF;
	background: none;
	font-size: 50%;
	margin-bottom: 0.8em;
	font-weight: normal;
	font-family: 'Kazesawa-bold';
	}
#recipe .inner dl#cooker dd p#note {
	width: 100%; 
	display: inline-block;
	text-align: center;
	font-size: 35%;
	color: #FFF;
	font-weight: normal;
	margin-top: 10px;
	font-weight: normal;
	font-family: 'Kazesawa-bold';
	}

/*judge*/
#recipe .inner dl#judge {
	width: 100%;
	margin: 0 auto;
	background-color:#dabd54;
	text-align: center;
	padding: 1em 0;
	}
#recipe .inner dl#judge dt {
	width:auto;
	display: inline-block;
	color: #000;
	border-bottom: 4px solid #000;
	font-family: 'Kazesawa-bold';
	margin-bottom: 0.8em;
	font-size: 120%;
	}
#recipe .inner dl#judge dd {
	font-size: 150%;
	font-weight: 700;
	text-align: center;
	font-family: 'Kazesawa-bold';
	}
	
	
#recipe .inner p img {
	width:100%;
	}

/*------------Recipe Details--------------*/
#recipe_details {
	background-color:#f4f0e9;
	padding: 0;
	text-align: left;
}
#recipe_details * {
	text-align: left;
	color:#FFF;
	}

#recipe_details p.recipe_image {
	margin: 0.5em auto 0 auto;
	width:94%;
	}
#recipe_details p.recipe_image img {
	width:100%;
	margin-bottom: 1.5em;
	}
	
#recipe_details #senkou,
#recipe_details #koukou2 {
	background-color: #cf0000; 
	margin-bottom: 0;
	padding: 2em 0;
	}
#recipe_details #koukou,
#recipe_details #senkou2 {
	background-color: #023791;
	margin-bottom: 0;
	padding: 2em 0;
	}

#recipe_details .details_title {
	width:94%;
	margin: 0 auto 0 auto;
	padding: 0.5em 0 0 0;
	display: flex;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	align-self:center;
	}
#recipe_details .details_title p {
	width:110px;
	height: 110px;
	margin-right: 0.8em;
	}#recipe_details .details_title p img {
	width:100%;
	}
#recipe_details .details_title h1 {
	width:100%;
	font-size: 180%;
	line-height: 1.2;
	display: flex;
	flex-direction:column;
	align-content:center;
	text-align: left;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
#recipe_details .details_title h1 span {
	display: table-cell;
	text-align: left;
	font-size: 60%;
	color: #fff;
	border-bottom: 3px solid #FFF;
	margin-bottom: 0.5em;
	padding-left: 40px;
	background: url(../img/icon_book_white.png) no-repeat top left;
	background-size: 35px;
	min-height: 35px;
	}
#recipe_details .details_title h1 span img {
	width:35px;
	margin-right: 0.5em;
	vertical-align: middle;
	}
#recipe_details .details_title h1 span em {
		font-style: normal;
		font-size: 70%;
	}

	
	/*.recipe_details SECTION */
.recipe_details  {
	width:94%;
	margin: 0 auto;
	}
.recipe_details h1 {
	font-size: 180%;
	padding-left: 0.5em;
	border-left: 4px solid #fff;
	font-weight: normal;
	font-family: 'Kazesawa-bold';
	}
.recipe_details section {
	padding: 1em 0;
	}
.recipe_details section dl {
	padding: 1em 0;
	margin-left: 0.5em;
	}
.recipe_details section dl dt {
	font-weight: 900;
	font-size: 110%;
	border-bottom: 3px solid #fff;
	display: inline-block;
	margin-bottom: 0.3em;
	}
.recipe_details section dl dd {
	margin-left: 0.5em;
	}
#senkou .recipe_details section dl dd h2, 
#koukou2 .recipe_details section dl dd h2 {
	background-color: #FFF;
	color: #cf0000;
	font-size: 120%;
	display: inline-block;
	margin: 1em 0 0.5em 0;
	padding: 0 0.5em;
	}
	
#senkou2 .recipe_details section dl dd h2, 
#koukou .recipe_details section dl dd h2 {
	background-color: #FFF;
	color: #023791;
	font-size: 120%;
	display: inline-block;
	margin: 1em 0 0.5em 0;
	padding: 0 0.5em;
	}

.recipe_details section dl dd ul,
.recipe_details section dl dd ol {
	list-style: outside;
	padding-left: 1em;
	}
	.recipe_details section dl dd ul li,
	.recipe_details section dl dd ol li {
		list-style-type: decimal;
	}

	
	/*ボタン装飾*/
#recipe_details .recipe_details label {
    padding: 0.3em 1em;
	font-size: 180%;
    font-weight: bold;
    border: none;
    cursor :pointer;
	color: #FFF;
}
	#recipe_details #senkou .recipe_details label,
	#recipe_details #koukou2 .recipe_details label {
		background-color: #dabd54;
		color: #cf0000;
	}
	#recipe_details #koukou .recipe_details label,
	#recipe_details #senkou2 .recipe_details label {
		background-color: #dabd54;
		color: #023791;
	}

/*ボタンホバー時*/
#recipe_details .recipe_details label:hover {
    background-color: #000;
	color: #FFF;
}

/*チェックは見えなくする*/
.recipe_details input {
    display: none;
}

/*中身を非表示にしておく*/
.recipe_details .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.recipe_details input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
	
	
	
/*------------judge--------------*/
#judge {
	background-color:#f3eac8;
	padding: 4em 0 3em 0;
	text-align: left;
}
#judge * {
	text-align: left;
	color:#000;
	}
#judge .inner {
	width:94%;
	margin: 0 auto 0 auto;
	}
#judge .inner h1 {
	font-size: 350%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	padding-left: 0.3em;
	border-left: 10px solid  #000;
	margin-bottom: 0.6em;
	}
#judge .inner h1 span {
	font-size: 50%;
	color: #000;
	margin-left: 0.5em;
	}
#judge .inner #fukidashi {
	width:100%;	
	margin-bottom: 1.5em;
	}
#judge .inner #fukidashi dl {
	background-color: #000;
	color: #FFF;
	text-align: center;
	padding: 2em 0;
	}
#judge .inner #fukidashi p {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
	}
	#judge .inner #fukidashi p img {width:inherit;}
#judge .inner #fukidashi dt {
	color: #FFF;
	text-align: center;
	border-bottom: 4px solid #FFF;
	display: inline-block;
	width:auto;
	font-size: 180%;
	font-weight: 900;
	margin-bottom: 0.5em;
	line-height: 1.1;
	}
#judge .inner #fukidashi dd {
	color: #FFF;
	text-align: center;
	padding: 0 1em;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
#judge .inner #fukidashi dd.judgename {
	color: #fff000;
	font-size: 200%;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
	

/***TOURNAMENT***/

#judge .tournamentimg {
	width:100%;
	margin: 2em auto;
	text-align: center;
	}
#judge .tournamentimg h2 {
	font-size: 350%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	padding-left: 0.3em;
	border-left: 10px solid  #000;
	margin-bottom: 0.6em;
	}
#judge .tournamentimg h2 span {
	font-size: 50%;
	color: #000;
	margin-left: 0.5em;
	}
#judge .tournamentimg p {
	text-align: center;	
	}
#judge .tournamentimg img {
	width:80%;
	}	
	
	
#judge #draw {
	width:100%;
	background-color: #000;
	text-align: center;
	color: #FFF;
	font-size: 200%;
	font-weight: 900;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	line-height: 1.5;
	}
	#judge #draw * {color: #FFF;}
	#judge #draw span{
	display: inline-block;
	color: #FFF;
	font-size: 50%;
	font-weight: 900;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	line-height: 1.5;
	}
	
#judgearea {
	display:block;
	justify-content: space-between;
	border: 0 solid #a96422;
	}
#judgearea div.red,
#judgearea div.blue {
	width: 100%;
}
#judgearea div h2 {
	padding: 0.5em;
	color: #FFF;
	font-size: 200%;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
	#judgearea div h2 span {
		display: block;
		font-size: 45%;
		color: #FFF;
	}
#judgearea .red {
	border-right: 0 solid #a96422;
	margin-bottom: 1em;
	}
#judgearea h2 {
	background-color: #000;
	color: #fff000;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
#judgearea .red .chefname {
	background: #cf0000;
	}
#judgearea .blue .chefname {
	background: #023791;
	}
#judgearea .chefname {
	color: #fff;
	padding: 0.6em 0.3em;
	font-size: 150%;
	font-weight: 700;
	height:auto;
	}#judgearea .chefname br {display: none;}
#judgearea .chefname span {
	font-size: 60%;
	display: block;
	color: #fff;
	}
#judgearea .chefname span em {
	font-style: normal;
	font-size: 80%;
	color: #FFF;
	}
	
#judgearea .winner h2 {
	background-image: url(../img/win.png);
	background-position: right 20px;
	background-repeat: no-repeat;
	background-size: auto 50%;
	color: #fff000;
	}
	
#backnumber {
	background-color: #f3eac8;
	padding: 2em 0 3em 0;
	text-align: left;
	}
#backnumber .inner {
	width:94%;
	margin: 0 auto;
	}
#backnumber h1 {
	width:90%;
	margin: 0 auto;
	font-size: 300%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	padding-left: 0.3em;
	border-left: 10px solid  #000;
	margin-bottom: 0.8em;
	line-height: 0.8;
	}
#backnumber h1 span {
	font-size: 50%;
	color: #000;
	margin-left: 0.5em;
	line-height: 1;
	}
	
.bnbox {
	display: flex;
	border-bottom: 4px solid #000;
	margin-bottom: 1em;
	padding-bottom: 1em;
	}
.bnbox dl {
	margin-left: 0.5em;
	font-size: 120%;
	font-weight: 900;
	}
.bnbox dl dt{
	background-color: #c3a538;
	color: #FFF;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-size: 150%;
	font-style: normal;
	padding: 0 0.5em;
	display: inline-block;
	}
.bnbox a {
	color: #c3a538;
	margin-bottom: 0.5em;
	display: block;
	}
.bnbox a span {
	font-size: 70%;
	}


#bnlink {
	width:92%;
	margin: 0 auto;
	padding-top: 1.5em;
	}
#bnlink p {
	text-align: center;
	line-height: 1.1;
	}
#bnlink p img {
	width:100%;
	margin-bottom:0.8em;
	}

.bnlink {
	width:92%;
	margin: 0 auto;
	padding-top: 1.5em;
	}
.bnlink p {
	text-align: center;
	line-height: 1.1;
	}
.bnlink p img {
	width:100%;
	margin-bottom:0.8em;
	}

	
/*------------Ranking--------------*/
#ranking {
	background-color:#f3eac8;
	padding: 4em 0 3em 0;
	text-align: left;
}
#ranking * {
	text-align: left;
	color:#000;
	}
#ranking .inner {
	width:94%;
	margin: 0 auto 0 auto;
	}
#ranking .inner h1 {
	font-size: 350%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	padding-left: 0.3em;
	border-left: 10px solid  #000;
	margin-bottom: 0.6em;
	}
#ranking .inner h1 span {
	display: inline-block;
	font-size: 50%;
	color: #000;
	margin:0.7em 0 0 0;
	line-height: 1.3;
	}
#ranking .inner .fukidashi {
	width:100%;	
	margin-bottom: 1em;
	}
#ranking .inner .fukidashi dl {
	background-color: #000;
	color: #FFF;
	text-align: center;
	padding: 1em 0;
	}
#ranking .inner .fukidashi p {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
	}
	#ranking .inner .fukidashi p img {width:30px;}
	
#ranking .inner .fukidashi dt {
	color: #FFF;
	text-align: center;
	display: inline-block;
	width:auto;
	font-size: 180%;
	font-weight: 900;
	line-height: 1;
	font-family: century-gothic, sans-serif;
	}
#ranking .inner .fukidashi dt p {
	display: inline-block;
	margin-top: 10px;
	font-size: 70%;
	color: #e8d79d;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	}
#ranking .inner .fukidashi dt span {
	font-size: 200%;
	color: #FFF;
	}
	
/*rank recepi name*/
#ranking .inner .rankarea {
	background-color: #c3a538;
	padding: 0.5em;
	margin-bottom: 3em;
	}	
#ranking .inner .rankarea h1 {
	font-size: 120%;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	padding-left: 0.3em;
	border-left: 0;
	margin-bottom: 0.6em;
	}
#ranking .inner .rankarea h1 em {
	font-size: 250%;
	color: #FFF;
	font-family: century-gothic, sans-serif;
	font-weight: bold;
	line-height: 1;
	margin-right: 15px;
	}

#ranking .inner .rankarea h2 {
	font-size: 160%;
	text-align: center;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	color: #c3a538;
	background-color: #FFF;
	line-height: 1.2;
	margin-bottom: 10px;
	padding: 10px;
	}
#ranking .inner .rankarea p {
	text-align: center;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	margin-bottom: 0.5em;
	}
#ranking .inner .rankarea h3 {
	font-size: 120%;
	text-align: center;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	background-color: #e8d79d;
	line-height: 1.3;
	margin-bottom: 0.1em;
	padding: 0 20px;
	}
	#ranking .inner .rankarea h3 a {
		color: #000;
		text-decoration: none;
	}
}



/**************** MOBILE ****************/

/* モニター幅450px以下 */

/**************** MOBILE ****************/

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




/**************** PC ****************/

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

	
/*------------Tournament--------------*/
#tournament {
	width: 1000px;
	margin: 0 auto;
	background-color: #f3eac8;
	padding: 5em 0 2em 0;
	text-align: left;
}
#tournament * {
	text-align: left;
	color:#000;
	}
#tournament h1 {
	width: 100%;
	margin: 0 auto 1em auto;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 400%;
	padding-top: 0.3em;
	background: url(../img/title_bgimage.png) top left no-repeat;
	}
#tournament h1 span {
	font-family: 'Kazesawa-Light';
	font-style: normal;
	font-size: 40%;
	display: block;
	}
#tournament section h1 {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0.2em 0;
	background-color: #000;
	color: #fff;
	font-size: 320%;
	text-align: center;
	line-height: 1
	}
#tournament section h1 span {
	display: inline-block;
	background-color: #FFF;
	color: #000;
	font-size: 50%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 0 0.3em;
	margin-right: 0.5em;
	vertical-align: middle;
	}
#tournament section h1 em {
	color: #FFF;
	font-size: 50%;
	font-style: normal;
	vertical-align: middle;
	}
#tournament section h2 {
	width: 100%;
	margin: 0 auto 1em auto;
	padding-top: 0;
	background: none;
	}
#tournament section img {
	width: 100%;
	margin: 0 auto;
	}
#tournament section p {
	margin-bottom: 2em;
	}
	
	
/*------------Recipe--------------*/
#recipe {
	width: 1000px;
	margin: 0 auto;
	background-color: #f3eac8;
	padding: 5em 0 2em 0;
	text-align: left;
}
#recipe * {
	text-align: left;
	color:#000;
	}

#recipe h1 {
	width: 100%;
	margin: 0 auto 1em auto;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 400%;
	padding-top: 0.3em;
	background: url(../img/title_bgimage.png) top left no-repeat;
	}
#recipe h1 span {
	font-family: 'Kazesawa-Light';
	font-style: normal;
	font-size: 40%;
	display: block;
	}
	
#recipe p.note {
	font-size: 120%;
	font-family: 'Kazesawa-Light';
	margin-bottom: 2em;
	}
	
#recipe section h1 {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0.2em 0;
	background-color: #000;
	color: #fff;
	font-size: 320%;
	text-align: center;
	line-height: 1
	}
#recipe section h1 span {
	display: inline-block;
	background-color: #FFF;
	color: #000;
	font-size: 50%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 0 0.3em;
	margin-right: 0.5em;
	vertical-align: middle;
	}
#recipe section h1 em {
	color: #FFF;
	font-size: 50%;
	font-style: normal;
	vertical-align: middle;
	}
#recipe section h2 {
	width: 100%;
	margin: 0 auto 1em auto;
	padding-top: 0;
	background: none;
	}
#recipe section h2 img {
	width: 100%;
	}
	
#recipe .inner {
	width: 992px;
	margin: 0 auto;
	background-color: #000;
	color: #FFF;
	border:4px solid #000;
	}
	
/*cooker*/
#recipe .inner dl#cooker {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
	}
#recipe .inner dl#cooker dt {
	width: 50%;
	margin: 0;
	line-height: 1;
	padding: 0;
	}
#recipe .inner dl#cooker dd {
	width: 50%;
	text-align: center;
	display: flex;
	flex-direction:column;
	align-items:center;
	align-self :center;
	color: #FFF;
	}
#recipe .inner dl#cooker dt img {
	width: 100%;
	margin: 0;
	line-height: 1;
	padding: 0;
	}
#recipe .inner dl#cooker dd {
	font-size: 400%;
	font-weight: 700;
	font-family: 'Kazesawa-bold';
	}
#recipe .inner dl#cooker dd h1 {
	width:auto;
	display: inline-block;
	color: #FFF;
	border-bottom: 4px solid #FFF;
	background: none;
	font-size: 50%;
	margin-bottom: 0.8em;
	font-weight: normal;
	font-family: 'Kazesawa-bold';
	}
#recipe .inner dl#cooker dd p#note {
	width: 100%; 
	display: inline-block;
	text-align: center;
	font-size: 25%;
	color: #FFF;
	font-weight: normal;
	margin-top: 10px;
	font-weight: normal;
	font-family: 'Kazesawa-bold';
	}
	
/*judge*/
#recipe .inner dl#judge {
	width: 100%;
	margin: 0 auto;
	background-color:#dabd54;
	text-align: center;
	padding: 1em 0;
	}
#recipe .inner dl#judge dt {
	width:auto;
	display: inline-block;
	color: #000;
	border-bottom: 4px solid #000;
	font-family: 'Kazesawa-bold';
	margin-bottom: 0.8em;
	font-size: 180%;
	}
#recipe .inner dl#judge dd {
	font-size: 250%;
	font-weight: 700;
	text-align: center;
	font-family: 'Kazesawa-bold';
	}
	
#recipe .inner p {
	width:100%;
	text-align: center;
	margin: 0;
	padding: 0.5em 0;
	line-height: 1;
	}



/*------------Recipe Details--------------*/
#recipe_details {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align: left;
}
#recipe_details * {
	text-align: left;
	color:#FFF;
	}

#recipe_details p.recipe_image {
	margin: 0.5em 0 0 0;
	}
#recipe_details p.recipe_image img {
	width:100%;
	margin-bottom: 1.5em;
	}
	
#recipe_details #senkou .inner,
#recipe_details #koukou .inner,
#recipe_details #senkou2 .inner,
#recipe_details #koukou2 .inner {
	width:1000px;
	margin: 0 auto;
	margin-bottom: 0;
	}
#recipe_details #senkou,
#recipe_details #koukou2 {
	background-color: #cf0000; padding: 4em 0;
	}
#recipe_details #koukou,
#recipe_details #senkou2 {
	background-color: #023791; padding: 4em 0;
	}
	
#recipe_details .details_title {
	width:100%;
	margin: 0 auto 0 auto;
	padding: 0.5em 0 0 0;
	display: flex;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	align-self:center;
	}
#recipe_details .details_title p {
	width:110px;
	height: 110px;
	margin-right: 0.8em;
	}#recipe_details .details_title p img {
	width:100%;
	}
#recipe_details .details_title h1 {
	width:100%;
	font-size: 180%;
	line-height: 1.2;
	display: flex;
	flex-direction:column;
	align-content:center;
	text-align: left;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}

#recipe_details .details_title h1 span {
	display: table-cell;
	text-align: left;
	font-size: 60%;
	color: #FFF;
	margin-bottom: 0.5em;
	padding-left: 40px;
	background: url(../img/icon_book_white.png) no-repeat top left;
	background-size: 35px;
	min-height: 35px;
	border-bottom: 3px solid #FFF;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
#recipe_details .details_title h1 span img {
	width:35px;
	margin-right: 0.5em;
	vertical-align: middle;
	}
	
	#recipe_details .details_title h1 span em {
		font-style: normal;
		font-size: 70%;
	}


	
	/*.recipe_details SECTION */
.recipe_details  {
	width:100%;
	margin: 0 auto;
	}
.recipe_details h1 {
	font-size: 180%;
	padding-left: 0.5em;
	border-left: 4px solid #FFF;
	}
.recipe_details section {
	padding: 1em 0;
	}
.recipe_details section dl {
	padding: 1em 0;
	margin-left: 0.5em;
	}
.recipe_details section dl dt {
	font-weight: 900;
	font-size: 110%;
	border-bottom: 3px solid #FFF;
	display: inline-block;
	margin-bottom: 0.3em;
	}
.recipe_details section dl dd {
	margin-left: 0.5em;
	}

#senkou .recipe_details section dl dd h2, 
#koukou2 .recipe_details section dl dd h2 {
	background-color: #FFF;
	color: #cf0000;
	font-size: 120%;
	display: inline-block;
	margin: 1em 0 0.5em 0;
	padding: 0 0.5em;
	}
	
#senkou2 .recipe_details section dl dd h2, 
#koukou .recipe_details section dl dd h2 {
	background-color: #FFF;
	color: #023791;
	font-size: 120%;
	display: inline-block;
	margin: 1em 0 0.5em 0;
	padding: 0 0.5em;
	}
	
.recipe_details section dl dd ul,
.recipe_details section dl dd ol {
	list-style: outside;
	padding-left: 1em;
	}
	.recipe_details section dl dd ul li,
	.recipe_details section dl dd ol li {
		list-style-type: decimal;
	}

	
	/*ボタン装飾*/
#recipe_details .recipe_details label {
    padding: 0.5em 1em;
	font-size: 130%;
    font-weight: bold;
    border: none;
    cursor :pointer;
	color: #FFF;
}
	#recipe_details #senkou .recipe_details label,
	#recipe_details #koukou2 .recipe_details label {
		background-color: #dabd54;
		color: #cf0000;
	}
	#recipe_details #koukou .recipe_details label,
	#recipe_details #senkou2 .recipe_details label {
		background-color: #dabd54;
		color: #023791;
	}

/*ボタンホバー時*/
#recipe_details .recipe_details label:hover {
    background-color: #000;
	color: #FFF;
}

/*チェックは見えなくする*/
.recipe_details input {
    display: none;
}

/*中身を非表示にしておく*/
.recipe_details .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.recipe_details input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
	
	
	
/*------------judge--------------*/
#judge {
	background-color:#f3eac8;
	padding: 4em 0 4em 0;
	text-align: left;
}
#judge * {
	text-align: left;
	color:#000;
	}
#judge .inner {
	width:1000px;
	margin: 0 auto 0 auto;
	}
#judge .inner h1 {
	font-size: 350%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	padding-left: 0.3em;
	border-left: 10px solid  #000;
	margin-bottom: 0.6em;
	}
#judge .inner h1 span {
	font-size: 50%;
	color: #000;
	margin-left: 0.5em;
	}
#judge .inner #fukidashi {
	width:100%;	
	margin-bottom: 1.5em;
	}
#judge .inner #fukidashi dl {
	background-color: #000;
	text-align: center;
	padding: 2em 0;
	}
#judge .inner #fukidashi p {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
	}
#judge .inner #fukidashi dt {
	color: #FFF;
	text-align: center;
	border-bottom: 4px solid #FFF;
	display: inline-block;
	width:auto;
	font-size: 180%;
	font-weight: 900;
	margin-bottom: 0.5em;
	line-height: 1.1;
	}
#judge .inner #fukidashi dd {
	color: #fff;
	text-align: center;
	padding: 0 1em;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
#judge .inner #fukidashi dd.judgename {
	color: #fff000;
	font-size: 200%;
	font-weight: 900;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}

/***TOURNAMENT***/

#judge .tournamentimg {
	margin: 2em auto;
	text-align: center;
	}
#judge .tournamentimg h2 {
	font-size: 350%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	padding-left: 0.3em;
	border-left: 10px solid  #000;
	margin-bottom: 0.6em;
	}
#judge .tournamentimg h2 span {
	font-size: 50%;
	color: #000;
	margin-left: 0.5em;
	}
#judge .tournamentimg p {
	text-align: center;	
	}
#judge .tournamentimg img {
	width:500px;
	}	
	

#draw{
	width:994px;
	background-color: #000;
	border: 2px solid #000;
	text-align: center;
	color: #FFF;
	font-size: 200%;
	font-weight: 900;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	line-height: 1.2;
	}
	#draw span{
	color: #FFF;
	font-size: 50%;
	font-weight: 900;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	margin: 0;
	}
	
#judgearea {
	width:994px;
	display: flex;
	justify-content: space-between;
	border: 2px solid #000;
	background-color: #000;
	}
#judgearea div h2 {
	padding: 0.5em;
	color: #FFF;
	font-size: 300%;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
	#judgearea div h2 span {
		display: block;
		font-size: 32%;
		color: #FFF;
	}
#judgearea .red {
	width: 498px;
	border-right: 2px solid #000;
	}
#judgearea h2 {
	background-color: #000;
	color:#fff000;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
#judgearea .blue {
		width: 498px;
	}
#judgearea .chefname {
	padding: 1em 0.3em;
	font-size: 180%;
	font-weight: 700;
	height:auto;
	text-align: center;
	flex-direction: column;
	}
#judgearea .red .chefname {
	background-color: #cf0000;
	color: #FFF;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
#judgearea .blue .chefname {
	background-color: #023791;
	color: #FFF;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
#judgearea .chefname span {
	font-size: 60%;
	display: block;
	color: #FFF;
	text-align: center;
	}
#judgearea .chefname span em {
	font-style: normal;
	font-size: 60%;
	color: #FFF;
	}
	
#judgearea .winner h2 {
	background-image: url(../img/win.png);
	background-position: right 20px;
	background-repeat: no-repeat;
	background-size: auto 50%;
	color:#fff000;
	font-weight: normal;
	font-family: 'Kazesawa-bold',"source-han-sans-cjk-ja", sans-serif;
	}
	
#backnumber {
	background-color: #f3eac8;
	padding: 2em 0 3em 0;
	text-align: left;
	}

#backnumber h1 {
	width:980px;
	margin: 0 auto;
	font-size: 300%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	padding-left: 0.3em;
	border-left: 10px solid  #000;
	margin-bottom: 0.8em;
	line-height: 0.8;
	}
#backnumber h1 span {
	font-size: 50%;
	color: #000;
	margin-left: 0.5em;
	line-height: 1;
	text-align: center;
	}
	
#backnumber .inner {
	width:1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	}
	
.bnbox {
	width:480px;
	display: flex;
	border-bottom: 4px solid #000;
	padding-bottom: 1em;
	margin-bottom: 1em;
	}
.bnbox dl {
	margin-left: 0.5em;
	font-size: 120%;
	font-weight: 900;
	}
.bnbox dl dt{
	background-color: #c3a538;
	color: #FFF;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-size: 150%;
	font-style: normal;
	padding: 0 0.5em;
	display: inline-block;
	}
.bnbox a {
	color: #c3a538;
	margin-bottom: 0.5em;
	display: block;
	}
.bnbox a span {
	font-size: 70%;
	}

	
#bnlink {
	width:1000px;
	text-align: center;
	padding-top: 2em;
	margin: auto;
	}
#bnlink p {
	text-align: center;
	margin-bottom: 1em;
	}
#bnlink p img {
	width:auto;
	}

.bnlink {
	width:1000px;
	text-align: center;
	padding-top: 2em;
	margin: auto;
	}
.bnlink p {
	text-align: center;
	margin-bottom: 1em;
	}
.bnlink p img {
	width:auto;
	}

#recipelink {
	width:672px;
	text-align: center;
	margin: auto;
	}
.recipelink {
	width:672px;
	text-align: center;
	margin: auto;
	}
	
	
/*------------Ranking--------------*/
#ranking {
	width: 1000px;
	margin: 0 auto;
	background-color: #f3eac8;
	padding: 5em 0 2em 0;
	text-align: left;
}
#ranking * {
	text-align: left;
	color:#000;
	}
#ranking .inner {
	width:94%;
	margin: 0 auto 0 auto;
	}
#ranking .inner h1 {
	font-size: 350%;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #000;
	padding-left: 0.3em;
	border-left: 10px solid  #000;
	margin-bottom: 0.6em;
	}
#ranking .inner h1 span {
	display: inline-block;
	font-size: 50%;
	color: #000;
	margin:0.7em 0 0 0;
	line-height: 1.3;
	}
#ranking .inner .fukidashi {
	width:100%;	
	margin-bottom: 1em;
	}
#ranking .inner .fukidashi dl {
	background-color: #000;
	color: #FFF;
	text-align: center;
	padding: 1em 0;
	}
#ranking .inner .fukidashi p {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1;
	}
	#ranking .inner .fukidashi p img {width:30px;}
	
#ranking .inner .fukidashi dt {
	color: #FFF;
	text-align: center;
	display: inline-block;
	width:auto;
	font-size: 180%;
	font-weight: 900;
	line-height: 1;
	font-family: century-gothic, sans-serif;
	}
#ranking .inner .fukidashi dt p {
	display: inline-block;
	margin-top: 10px;
	font-size: 70%;
	color: #e8d79d;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	}
#ranking .inner .fukidashi dt span {
	font-size: 200%;
	color: #FFF;
	}
	
/*rank recepi name*/
#ranking .inner .rankarea {
	background-color: #c3a538;
	padding: 0.5em;
	margin-bottom: 3em;
	}	
#ranking .inner .rankarea h1 {
	font-size: 120%;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	padding-left: 0.3em;
	border-left: 0;
	margin-bottom: 0.6em;
	text-align: center;
	}
#ranking .inner .rankarea h1 em {
	font-size: 250%;
	color: #FFF;
	font-family: century-gothic, sans-serif;
	font-weight: bold;
	line-height: 1;
	margin-right: 15px;
	}

#ranking .inner .rankarea h2 {
	font-size: 160%;
	text-align: center;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	color: #c3a538;
	background-color: #FFF;
	line-height: 1.2;
	margin-bottom: 10px;
	padding: 10px;
	}
#ranking .inner .rankarea p {
	text-align: center;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	margin-bottom: 0.5em;
	}
#ranking .inner .rankarea h3 {
	font-size: 120%;
	text-align: center;
	font-family: 'Kazesawa-bold';
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	background-color: #e8d79d;
	line-height: 1.3;
	margin-bottom: 0.1em;
	padding: 0 20px;
	}
	#ranking .inner .rankarea h3 a {
		color: #000;
		text-decoration: none;
	}

}


