/*
Template:twentyseventeen
Theme Name:twentyseventeen_child
	base:			style.css
	PC:				style-pc.css
	tablet,mobile:	style-mobile.css 
*/

ul {
	margin-left: 30px;
}
ol {
	margin-left: 30px;
}

.underline {
	text-decoration: underline;
	text-decoration-thickness: 5px;
	text-underline-offset: 0px;
	text-decoration-color: #99ff33;
}

.mokuji-box {
	position: relative;
	border: 4px solid #ccff66;
	border-radius: 4px;
	padding-top: 2.0em;
	padding-left: 2.0em;
	background-color: #ffffcc;
	//font-size: 1.2em;
	width: 90%;
}
.mokuji-box::before {
	position: absolute;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #66aa66;
	background-color: #ffff99;
	content: "\76EE\6B21";
	font-weight: bold;
	font-size: 1.25em;
	left: 1em;
	padding: 0 .5em;
	top: -1em;
}
.mokuji-box ol {  /* 必要 */
	//font-size: 1.2em;
	margin-top: -17px;
	margin-left: 10px;
	//width: 50%;
}
.mokuji-box li {
	padding-top: 1.0em;
}


.guzai-box {
	position: relative;
	border: 4px solid #ccff66;
	border-radius: 4px;
	margin-left: 5px;
	padding: 1em;
	background-color: #ffffcc;
	font-size: 1.1em;
	width: 90%;
}
.guzai-box::before {
	position: absolute;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #66aa66;
	background-color: #ffff99;
	content: "具材";
	font-weight: bold;
	font-size: 1.25em;
	left: 1em;
	padding: 0 .5em;
	top: -1em;
}
.guzai-box ul {
	padding-top: 20px; 
	padding-left: 20px; 
	margin-bottom: 0px; 
}
.guzai-box ul li {
	padding-bottom: 10px; 
}


.tukurikata-box {
	position: relative;
	border: 4px solid #ccff66;
	border-radius: 4px;
	margin-left: 5px;
	padding: 1em;
	background-color: #ffffcc;
	font-size: 1.1em;
	width: 90%;
}
.tukurikata-box::before {
	position: absolute;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #66aa66;
	background-color: #ffff99;
	content: "作り方";
	font-weight: bold;
	font-size: 1.25em;
	left: 1em;
	padding: 0 .5em;
	top: -1em;
}
.tukurikata-box ol {
	margin-top: 20px; 
	padding-left: 20px; 
	padding-bottom: 0;
	margin-bottom: 0;
}
.tukurikata-box ol li {
	padding-bottom: 20px; 
}


.recipe {
	background-color: #ccffcc;
}

table.tbl-334 {
	table-layout: fixed;
	width: 90%;
}
td.width30 {
	width: 30%;
}
td.width30 {
	width: 30%;
}
td.width40 {
	width: 40%;
	padding-left: 20px;
}

td.width30-yawaraka img{
	width: 100%;
	height: 100%;
}

table.magokoro {
	width: 95%;
	border: solid 2px black;
	border-collaps: collapse;
	margin-left: 5px;
}

table.magokoro th {
	border: solid 1px black;
	text-align:center;
	padding: 10px;
	background: #fff5e5;
	font-size: 1.0em;
}

table.magokoro tr,
table.magokoro td  {
	border: solid 1px black;
	text-align:center;
	vertical-align: middle;
	padding: 10px;
	font-size: 0.9em;
}

table.takusyoku-rank {
	width: 95%;
	border: solid 2px black;
	border-collaps: collapse;
	margin-left: 5px;
}

table.takusyoku-rank th {
	border: solid 1px black;
	text-align:center;
	padding: 10px;
	background: #fff5e5;
	font-size: 1.0em;
}

table.takusyoku-rank tr,
table.takusyoku-rank td  {
	border: solid 1px black;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	font-size: 0.9em;
}

table.takusyoku-rank a {
	background-color: #ffe4c4;
	border: solid 10px #ffe4c4;
	border-radius: 10px;
}

table.tblranking 
{
	border: solid 2px black;
	border-collaps: collapse;
}

table.tblranking th
{
	border: solid 1px black;
	text-align:center;
	padding: 10px;
	background: #fff5e5;
}

table.tblranking tr,
table.tblranking td 
{
	border: solid 1px black;
	text-align:center;
	vertical-align: middle;
	padding: 5px;
}

h2.shadow	{
	font-size: 1.5em;
	padding: 10px;
	background-color: #ffffcc;
	box-shadow: 2px 2px 5px #66aa66;
}

h2.shadow a {
	color: blue;
}

h2.item-left-btm-pink {
	font-size: 1.2em;
        padding: 10px;
	border-left-style: solid;
	border-left-width: 15px;
	border-left-color: #ffccff;
	border-bottom: solid 5px #ff99cc;
	padding-left: 5px;
}

h2.item-left-btm-green {
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
	border-left: solid 15px #99ff66;
	border-bottom: solid 5px #99cc00;
	padding-left: 5px;
}

h2.item90-left-btm {
	font-size: 1.2em;
	//width: 90;
	padding: 10px;
	border-left: solid 15px aqua;
	border-bottom: solid 5px mediumturquoise;
	padding-left: 5px;
}

h2.item90-left-btm-pink {
	font-size: 1.2em;
        width: 90%;
	padding: 10px;
	border-left-style: solid;
	border-left-width: 15px;
	border-left-color: #ffccff;
	border-bottom: solid 5px #ff99cc;
	padding-left: 5px;
}

h2.item90-left-btm-green {
	font-size: 1.2em;
	font-weight: bold;
	width: 90%;
	padding: 10px;
	border-left: solid 15px #99ff66;
	border-bottom: solid 5px #99cc00;
	padding-left: 5px;
}

.item80-left-btm-green {
	font-size: 1.2em;
	font-weight: bold;
	width: 80%;
	padding: 10px;
	border-left: solid 15px #99ff66;
	border-bottom: solid 5px #99cc00;
	padding-left: 5px;
}

.item80-left-btm-green {
	font-size: 1.2em;
	width: 80%;
	padding: 10px;
	border-left: solid 15px #99ff66;
	border-bottom: solid 5px #99cc00;
	padding-left: 5px;
}

.right-img {
	max-width: 750px;  
	padding-bottom: 10px;
	font-size: 1.1em;      
}
img.right-image{
	float: right;
	margin-right: 76px; 
	padding-top: 10px;	
	padding-bottom: 10px;	
}

.linkblock {
	background-color: #ffffcc;
	width: 90%;
}
.linkblock td {
	align: center;
	width: 30%;
}
.linkblock td a {
	display: block;
	width: 100%;
	height: 100%;
}


.btn-takuhai a {
	text-align: center;	
	font-weight: bold;
	font-size: 1.2em;
	color: white;
	background-color: #ff8c00;
	border: solid 10px #ff8c00;
	border-radius: 10px;
	padding-left: 50px;
	padding-right: 50px;
        box-shadow: none;
}

.btn-takuhai a:hover {
        color: #0066ff;
	background-color: #ffd700;
	border: solid 10px #ffd700;
	border-radius: 10px;
}

.btn-takuhai-table {
       margin-top: 10px;
       margin-bottom: 0px;
}

.btn-takuhai-table a {
	text-align: center;	
	font-weight: bold;
	font-size: 1.0em;
	background-color: #ccff99;
	border: solid 10px #ccff99;
	border-radius: 10px;        
	padding-left: 5px;
	padding-right: 5px;
        box-shadow: none;
}

.btn-takuhai-table a:hover {
        color: #0066ff;
	background-color: #ffd700;
	border: solid 10px #ffd700;
	border-radius: 10px;
}



/* パンくずリストのスタイル */
.breadcrumb {
	margin: 10px;
}
.breadcrumb a {
	color: #33aa88;
}
.breadcrumb li {
	list-style-type: none;
	display: inline-block;
}

/* 固定ページのタイトルのスタイル */
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	font-size: 1.5em;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}


/* home,archiveページのスタイル */
.page-home  {
	text-decoration: none;
	color: #33aa88;
	padding-left: 20px;
}



.item-link {
	text-align: right;
	font-size: 1.0em;
}

.item-link a {
	color: #33aa88;
	font-size: 1.0em;
}
.item a {
	padding: 0px 10px;
	//color: #33aa88;
	font-weight: bold;
}


.entry-content a,
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus, 
.widget ul li a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	//-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	//box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* フッターのリンク下線を消去する。 */
.site-info a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.profile {
	font-size: 0.8em;
}