@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* フォント設定（メイン部分のみデフォルトフォントを指定） */
#content{
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
/*投稿日時を非表示
.post-date {
    display:none;
}*/
/*更新日を非表示
.post-update{
  display: none;
}*/
/*投稿日時のスタイル*/
.date-tags{
	text-align: left;
	margin-left: 30px;
}
/* 一覧表示の投稿日非表示 */
.entry-card .post-date{
	display: none;
}
/* コラム記事の投稿日非表示 */
.category-column-post .post-date{
	display: none;
}
/* トップページの投稿日非表示 */
.front-top-page .date-tags{
	display: none;
}
.card2column{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* 記事一覧を2カラム表示 */
.card2column.widget-entry-cards.card-large-image .a-wrap{
/* 	max-width: 380px; */
	max-width: 48%;
}

@media screen and (max-width: 834px){
	.card2column.widget-entry-cards.card-large-image .a-wrap{
		max-width: 100%;
	}
}
/*  */
.widget-entry-cards .a-wrap{
	line-height: 1.5;
}
.widget-entry-card-snippet{
	margin-top: 12px;
    font-size: 14px;
    opacity: 0.8;
}
/*記事部分h2サイズ調整*/
.article h2 {
    font-size: 18px;
	padding: .8em .8em .7em;
}
.article h3 {
	font-size: 16px;	
}
/* 一覧カード表示スタイル設定 */
.card2column{
	display: flex;
    flex-wrap: wrap;
}
/*サイドバーh3タイトル調整*/
.sidebar h3 {
	font-size: 1em;
	padding: 8px 12px;
}
/*ピンクボックスシャドウ削除*/
.article h2, h3.widget-title, h3.footer-title {
    box-shadow: none;
}
/*記事内のstrong前後に余白*/
.article strong{
	padding: 0 .5em;
}
/* フォーム確認画面のフォーム色調整 */
.wpcf7c-conf {
    background-color: #EEEEEE !important;
}

/* ユーティリティ */
.pa30{
	padding: 30px;
}
.wp-block-image .aligncenter>figcaption{
	text-align: center;
}
.wp-block-image .alignleft>figcaption{
	text-align: left;
}
.wp-block-image .alignright>figcaption{
	text-align: right;
}

/* ヘッダー  */
.logo.logo-header{
	text-align: left;
}
.logo-header img{
	vertical-align: bottom;
}
.logo-image span,
.logo-image a{
	display: block;
}
@media screen and (max-width: 834px){
	.header-container{
		width: 100%;
		position: fixed;
		top: 0;
	}
	#content{
		margin-top: 150px;
	}

	.logo-header img{
		width: 220px;
		padding: 10px 0;
	}
}
@media screen and (max-width: 480px){
	.logo.logo-header{
		text-align: center;
	}
}
.is-header-fixed .header-container {
	z-index: 999;
}
#navi .navi-in>ul>li:first-child::before,
#navi .navi-in>ul>li::after{
	content: "";
	width: 1px;
	height: 40px;
	display: block;
	padding: 0 0px;
	background-color: #E3AD8F;
	margin: 0 2px;
}
#navi .navi-in>ul>li{
	display: flex;
	justify-content: center;
	align-items: center;
}
#navi .navi-in>ul>li>a{
/* 	padding: 0 14px; */
	padding: 0 2vw;
}
#header-container .navi{
	border-bottom: #FC955D 5px solid;
}
#header-container.fixed-header{
	background-color: #FBC8A9;
}
#header-container.fixed-header #header{
	display: none;
}
@media screen and (max-width: 834px){
	.navi-in > ul li{
		height: auto;
		line-height: normal;
	}
	#navi .navi-in>ul>li>a{
		padding: 0 3vw;
	}
}
/*  */
#navi .item-description{
	display:none;
}
/* サイドバー */
.nwa .author-box .author-content{
	font-size: 12px;
}
.author-box p{
	line-height: 1.6;
}

/* h1周り装飾調整 */
.single .main,
.page .main,
.archive .main{
	padding: 0;
	background-color: transparent;
}
.single .entry-content,
.page .entry-content,
.archive .entry-content,
.archive .main > .list{
	background-color: #FFFFFF;
	padding: 20px 29px;
}
@media screen and (max-width: 834px){
	.single .entry-content,
	.page .entry-content,
	.archive .entry-content,
	.archive .main > .list{
		padding: 20px 8px;
	}
}
.single main .entry-title,
.page main .entry-title,
.archive main .archive-title{
	position: relative;
	padding-right: 120px;
    line-height: 1.6;
    padding-left: 20px;
}
.archive main .archive-title .fa{
	display: none;
}
@media screen and (max-width: 834px){
	.single main .entry-title,
	.page main .entry-title,
	.archive main .archive-title{
		padding-right: 20px;
		line-height: 1.6;
	}
}
.single main .entry-title::after,
.page main .entry-title::after,
.archive main .archive-title::after{
	display: block;
	content: "";
	width: 120px;
	height: 100px;
	overflow: visible;
	background-image: url("image/pointillust_chikuzenni.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 120px;
	position: absolute;
	z-index: 9;
	right: 0;
	bottom: -30px;
	pointer-events: none;
}
.single main .eye-catch-wrap,
.page main .eye-catch-wrap,
.archive main .eye-catch-wrap{
	display: none;
}
@media screen and (max-width: 834px){
	.single main .entry-title::after,
	.page main .entry-title::after{
		width: 120px;
		height: 100px;
		background-size: 130px;
		margin-bottom: -20px;
	}
}
.page-id-104.page main .entry-title::after{
	display: none;
}

/*  */
#custom_html-6>.widget-sidebar-title{
	display: none;
}
/*  */
.navi-in > ul {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}
@media screen and (max-width: 834px){
	#navi-in{
		position: relative;
		padding-right: 20px;
	}
	#menu-headernaviforsp {
	    display: flex;
		justify-content: flex-start;
		width: 100%;
		overflow-x: scroll;
	}
	#menu-headernaviforsp:after{
		content: ">";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9;
		width: 20px;
		text-align: center;
		line-height: 40px;
		background-color: #FC955D;
		opacity: .8;
	}
}
/* ヘッダーメッセージ */
.tagline{
	width: 340px;
	height: 60px;
	font-size: 0;
	background-image: url("image/topcopy_text.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
	position: absolute;
	top: 39px;
	left: 420px;
}

@media screen and (max-width: 1023px){
	.tagline{
		display: none;
	}
}
/* ヘッダーサブリンク */
.header-in{
	position: relative;
	background-image: url(image/pointillust_cup.png);
	background-position: right bottom 10px;
	background-repeat: no-repeat;
	background-size: 120px;
}
@media screen and (max-width: 480px){
	.header-in{
		background-image: none;
	}
}
.headerSubLink{
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: flex-start;
}
.headerSubLink li{
	margin: 0 10px;
}
.headerSubLink li a{
	color: #707070;
	text-decoration: none;
	padding: 5px;
}
.headerSubLink li a:hover{
	text-decoration: underline;
}
@media screen and (max-width: 834px){
	.headerSubLink{ display: none; }
}
/*  */
.navi-in > ul .sub-menu{
	position: absolute;
	top: 60px;
	left: 0;
}
.sub-menu > li a,
.navi-in > ul .sub-menu li,
.navi-in > ul .sub-menu li a{
	height: 40px;
	line-height: 40px !important; 
}
.fixed-header .has-sub,
.fixed-header .navi-in .sub-menu {
/*   display: inherit; */
}
/* サイドバー　タイトル */
.sidebar h3 {
    background-color: #F9C5A5;
}
/* サイドバー　検索下　装飾 */
.sidebar .widget_search{
	padding-bottom: 100px;
	background-image: url("image/pointillust_syumai.png");
	background-position: center bottom 40px;
	background-repeat: no-repeat;
	background-size: 60px;
}
/*  */
.page-id-104 h1{
	font-size: 0;
	margin-top: -10px;
}
/* top */
.topTypeArea{
	width:100%;
}
.topTypeArea ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}
.topTypeArea ul li{
	width: 32%;
	margin: 10px 0;
/* 	padding: 20px; */
	box-sizing: border-box;
/* 	background-color: #ffdfcc; */
	border-radius: 10px;
/* 	background: -webkit-linear-gradient(top, #FEF3EC, #FFD8BF); */
/*  background: linear-gradient(top, #FEF3EC, #FFD8BF); */
	background-color: #ffe3d1;
    box-shadow: 0px 6px 3px 0px rgb(237 154 102 / 75%);
	text-align: center;
}
.topTypeArea ul li:hover{
	opacity: 0.6;
}
.topTypeArea ul li img{
	max-width: 90%;
}
.article h2.centerTitleStyle1{
	background-color: transparent;
	text-align: center;
	font-size: 1.4rem;
	padding: 10px 0 0;
	position: relative;
	margin-bottom: 10px;
}
.article h2.centerTitleStyle1 img{
	max-width: 370px;
}
@media screen and (max-width: 834px){
	.article h2.centerTitleStyle1 img{
		max-width: 350px;
	}
}
.article h2.centerTitleStyle1 .min{
	display: block;
	font-size: 16px;
}
.article h2.centerTitleStyle1::after{
	display: none;
}
/*
.article h2.centerTitleStyle1:before{
	content:"";
	width: 2px;
	height: 50px;
	border-radius: 100px;
	background-color: #999;
	position: absolute;
	top: 15px;
	left: 200px;
	transform: rotate(-30deg);
}
.article h2.centerTitleStyle1:after{
	content:"";
	width: 2px;
	height: 50px;
	border-radius: 100px;
	background-color: #999;
	position: absolute;
	top: 15px;
	right: 200px;
	transform: rotate(30deg);
	background-image: none;
}
.article h2.centerTitleStyle1 .min{
	display: block;
	font-size: 0.8rem;
	margin-top: 0.5rem;
	color: #666;
}*/
@media screen and (max-width: 834px){
	article h2.centerTitleStyle1 {
		font-size: 16px;
		padding-top: 20px;
	}
	/*
	.article h2.centerTitleStyle1:before{
		left: 10px;
	}
	.article h2.centerTitleStyle1:after{
		right: 10px;
	}
	*/
}
.article .entry-content h2.centerTitleStyle1:first-of-type{
	margin-top: 0;
	padding-top: 20px;
}
.article h2.centerTitleStyle2 {
	position: relative;
	margin: 60px 30px 30px;
	padding: 0;
	text-align: center;
	background-color: transparent;
}
.article h2.centerTitleStyle2:before,
.article h2.centerTitleStyle2:after {
  position: absolute;
  z-index: 0;
  bottom: -10px;
  display: block;
  content: '';
  border: 1em solid #d90606;
  width: auto;
  height: auto;
  z-index: 0;
}
.article h2.centerTitleStyle2:before {
  left: -20px;
  border-left-width: 15px;
  border-left-color: transparent;
}
.article h2.centerTitleStyle2:after {
  right: -20px;
  border-right-width: 15px;
  border-right-color: transparent;
}
.article h2.centerTitleStyle2 span.inner {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1rem 0rem;
  color: #fff;
  background-color: #FC955D;
}
.article h2.centerTitleStyle2 span.inner:before,
.article h2.centerTitleStyle2 span.inner:after {
  position: absolute;
  bottom: -20px;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-style: solid;
  border-color: #b70505 transparent transparent transparent;
}
.article h2.centerTitleStyle2 span.inner:before {
  left: 0;
  border-width: 10px 0 0 10px;
}
.article h2.centerTitleStyle2 span.inner:after {
  right: 0;
  border-width: 10px 10px 0 0;
}
@media screen and (max-width: 834px){
.article h2.centerTitleStyle2 span {
	padding: 10px 20px;
	font-size: 14px;
	line-height: 1.6;
}
}
/* test top h2  */
.article h2.centerTitleStyle2_temp1{
	position: relative;
	padding: 1.5rem 2.5rem;
	border: 4px solid #000;
	color: #000;
	background-color: inherit;
}
.article h2.centerTitleStyle2_temp1:before {
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	content: '';
	border: 4px dotted #000;
	box-sizing: border-box;
}
.article h2.centerTitleStyle2_temp1::after,
.article h2.centerTitleStyle2_temp2::after,
.article h2.centerTitleStyle2_temp3::after{
	display: none;
}

.article h2.centerTitleStyle2_temp2 {
	position: relative;
	padding: 1rem 2rem 1rem 4em;
	background: #FC955D;
	color: #fff;
}
.article h2.centerTitleStyle2_temp2 span.inner {
	position: absolute;
	top: -10px;
	left: 20px;
	display: inline-block;
	width: 52px;
	height: 50px;
	text-align: center;
	background: #fa4141;
}
.article h2.centerTitleStyle2_temp2 span.inner:before,
.article h2.centerTitleStyle2_temp2 span.inner:after {
	position: absolute;
	content: '';
}
.article h2.centerTitleStyle2_temp2 span.inner:before {
	right: -10px;
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d90606;
}
.article h2.centerTitleStyle2_temp2 span.inner:after {
	top: 50%;
	left: 0;
	display: block;
	height: 50%;
	border: 1.2em solid #fa4141;
	border-bottom-width: 15px;
	border-bottom-color: transparent;
}
.article h2.centerTitleStyle2_temp2 span.inner i {
	position: relative;
	z-index: 1;
	color: #fff100;
	top: 75%;
}
.article h2.centerTitleStyle2_temp3 {
	padding: 1rem 2rem;
	border-left: 5px dotted #000;
	background: #f4f4f4;
	color:#000;
}



@media screen and (max-width: 834px){
	.article h2.centerTitleStyle2_temp2 {
		padding: 1rem 2rem 1rem 5em;
	}
	.article h2.centerTitleStyle2_temp2 span.inner:after {
		border: 1.45em solid #fa4141;
		border-bottom-width: 20px;
		border-bottom-color: transparent;
	}
	.topTypeArea ul li{
		width: 48%;
	}
}

.topRankTable{
	width: 100%;
	max-width: 100%;
/* 	min-width: 800px; */
}
.topRankTable span.min{
	font-size: .8em;
}
/* スマホレイアウト時に非表示とする */
th.spNoDisp,
td.spNoDisp{
	display: table-cell;
}
@media screen and (max-width: 480px){
	th.spNoDisp,
	td.spNoDisp{
		display: none;
	}
	.topRankTable{
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
}
.topRankTable td.name .imgWrapper{
	text-align: center;
	width: 120px;
	height: 80px;
	margin: 1em auto;
	border-radius: 10px;
	overflow: hidden;
	
}
.topRankTable th{
	background-color: #fff2e5;
	font-size: 12px;
}
.topRankTable td{
	font-weight: bold;
}
.topRankTable td a{
	color: #FC955D;
	text-decoration: none;
}
.topRankTable td a:hover{
	text-decoration: underline;
	opacity: .8;
}
.topRankTable tr:nth-child(odd){
	background-color: #fff9f4;
}

.topRankTable td.name .imgWrapper img{
	width: 100%;
}
.topRankTable td.order .fa-trophy{
	display: block;
}
.topRankTable td.order .fa-trophy.gold{
	color: #F3DE9F;
}
.topRankTable td.order .fa-trophy.silver{
	color: #D4D4D4;
}
.topRankTable td.order .fa-trophy.bronze{
	color: #E19636;
}
.topRankTable td.name,
.topRankTable td.point{
	font-size: 12px;
}
.topRankTable td.name{
	text-align: center;
}
.topRankTable td.price,
.topRankTable td.place,
.topRankTable td.sendPrice,
.topRankTable td.buyUnit{
	text-align: center;
	font-size: .8em;
}



/* コラム記事　デフォルトタイトルスタイル */
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  line-height: 1.25;
  font-weight: bold;
}
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  margin: 2.4em 0 1em;
}
.article h4,
.article h5,
.article h6 {
  font-size: 20px;
  padding: 9px 10px;
}
.article h2{
	background-color: #FEF3EC;
	padding: 1.4em 1em 1.3em;
	color: #FC955D;
	position: relative;
	font-size: 22px;
	line-height: 1.6;
	/* border-bottom: #FC955D 2px solid; */
}
.article h2::after{
	display: block;
	content: "";
	width: 60px;
	height: 130px;
	overflow: visible;
	background-image: url("image/pointillust_aspara.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 60px;
	position: absolute;
	z-index: 9;
	right: 5px;
	bottom: -20px;
}
.article h3{
	font-size: 20px;
	font-weight: bold;
	padding: 1.4em 1em 1.3em;
	border-bottom: #FC955D 2px solid;
	border-top: none;
	border-right: none;
	border-left: none;
	position: relative;
}
.article h3:before{
	content: "";
    width: 8px;
    height: 60px;
    background-color: #FC955D;
    position: absolute;
	top: 10px;
	left: 0;
}
.article h4{
	font-size: 20px;
	font-weight: bold;
  padding: 12px 10px;
	border-top: #FC955D 2px solid;
	border-bottom: #FC955D 2px solid;
}
.article h5{
	font-size: 18px;
	font-weight: bold;

}
.article h6{
	font-size: 18px;
	font-weight: bold;
	border: none;
}
/*  */
.entry-content > p em{
	display: inline-block;
	background-color: #FEF3EC;
	padding: 3px 10px;
	font-weight: 700;
}
@media screen and (max-width: 767px){
	.article h2{
		padding: 1em 2em 1em 1em;
		font-size: 18px;
	}
	.article h2::after{
		width: 50px;
		background-size: 50px;
	}
}

 
.topPopRranking{
	padding; 20px;
	width: 100%;
}

.serviceTopRankingUnit{
	width: 100%;	
	border: #eee 1px solid;
	margin-bottom:10px;
}
.serviceTopRankingUnit a{
	padding: 10px 20px;
	display: block;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: nowrap;
	
	text-decoration: none;
	color: inherit;
}
.serviceTopRankingUnit a:hover{
	background-color: #FEF3EC;
}
.serviceTopRankingUnit .fbox{
	width: 100%;
	overflow: hidden;
}
.serviceTopRankingUnit .imgWrapper{
	width: 100%;
	max-width: 160px;
	margin-left: 30px;
	float: right;
}
.serviceTopRankingUnit .imgWrapper img{
	width: 100%;
}
.serviceTopRankingUnit dl{
	width: 100%;
	margin: 0;
}
.serviceTopRankingUnit dl dt{
	color: #FC955D;
	margin: 0.5em 0 0.2em;
	font-weight: bold;
	font-size: 18px;
}
.serviceTopRankingUnit dl dt i{
	margin-right: 10px;
	font-size: 20px;
}
.serviceTopRankingUnit dl dd{
	margin-left: 0;
	font-size: 13px;
}
@media screen and (max-width: 834px){
	.serviceTopRankingUnit{
		display: block;
	}
.serviceTopRankingUnit .imgWrapper{
	width: 70%;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
.serviceTopRankingUnit dl{
	width: 100%;
	padding: 0;
}
}
.topUnderBox{
	margin-top: 40px;
	width: 100%;
	padding: 20px;
	background-color: #FEF3EC;
	border: #FC955D 3px solid;
	border-radius: 10px;
}
.topUnderBox > h2,
.topUnderBox > h2:first-of-type{
	text-align: center;
	padding: 10px 0 !important;
	margin: 0;
	background-color: #FC955D;
	width: 100%;
	text-align: center;
	border-radius: 50px;
	color: #FFF;
}
.topUnderBox .fbox{
	display: flex;
	justify-content: space-between;
	align-items: start;
	padding: 30px 0 0;
}
.topUnderBox p{
	font-size: 14px;
	padding: 0 30px 0px 30px;
	width: 100%;
}
.topUnderBox .imgWrapper img{
	width: 260px;
}
.topUnderBox .stn_wideLinkGroupBox{
	margin: 0 auto;
}
@media screen and (max-width: 767px){
	.topUnderBox .fbox{
		display: block;
	}
	.topUnderBox p{
		padding: 0 0 0px 0px;
		width: 100%;
	}
	.topUnderBox .imgWrapper{
		text-align: center;
		width: 100%;
	}
	.topUnderBox .imgWrapper img{
		width: 170px;
	}
	.topUnderBox > h2,
	.topUnderBox > h2:first-of-type{
		font-size: 16px;
	}
	.article .topUnderBox > h2:after{
		width: 40px;
		background-size: 40px;
		right: -15px;
	}
}

/* フッター */
.footer{
	margin-top: 50px;
	background-color: #FBBD99;
}
.footer-bottom-content{
	text-align: center;
	float: none;
}
.footer-bottom-logo {
	float: none;
	bottom: auto;
	position: static;
}
.footer-bottom-logo .logo-image {
    max-width: 210px;
	margin: 0 auto;
}
.footer-bottom-logo img {
	width: 100%;
	height: auto;
}
.navi-footer-in > .menu-footer{
	margin: 20px auto;
	justify-content: center;
}
/*  */
.servicelinkbanner {
	padding: 20px;
}
.servicelinkbanner.wp-block-media-text .wp-block-media-text__content{
	padding: 0 4% !important;
}

/* ランキングスタイル */
.ranking-item{
	background-color:#fff;	
}

.btn-l, .ranking-item-link-buttons a, .btn-wrap.btn-wrap-l > a {
    padding: 9px 20px;
    font-size: 14px;
}
.ranking-item-image-tag {
    max-width: 200px;
}
.ranking-item-description p {
	font-size: 16px;
}
.ranking-item-detail a{
	color: #FC955D;
	background-color: #fff;
	border: #FC955D 2px solid;
}
.ranking-item-link a{
	color: #fff;
	background-color: #FC955D;
	border: #FC955D 2px solid;
}
.ranking-item-link-buttons .ranking-item-detail a:hover{
  color: #FC955D;
}
.ranking-item-link-buttons .ranking-item-link a:hover{
  color: #fff;
}
.blank-box{
	margin-left: 0;
	margin-right: 0;
}
/*  */
.article .entry-content > h2:first-child{
	margin-top: 20px !important;
}

/* 共通　バッジ */
.badge{
	padding: 5px;
	border-radius: 5px;
	font-size: 13px;
}


/*  共通　症状別食事宅配サービスリンク  */
.stn_serviceLinkGroupBox{
	margin: 30px 0;
}
.stn_serviceLinkGroupBox .stn_groupTitle{
	font-size: 16px;
	font-weight: bold;
	color: #585858;
	text-align: center;
	padding: 20px 0;
	width: 100%;
	background-image: url(image/pointillust_tamagoyaki.png), url(image/pointillust_chikuwa.png);
    background-repeat: no-repeat;
    background-position: center right 20%, center left 20%;
    background-size: 50px;
}
@media screen and (max-width: 1023px){
	.stn_serviceLinkGroupBox .stn_groupTitle{
		background-position: center right 10%, center left 10%;
		background-size: 50px;
	}
}
@media screen and (max-width: 480px){
	.stn_serviceLinkGroupBox .stn_groupTitle{
		padding: 20px 30px;
		background-position: center right 0%, center left 0%;
		background-size: 30px;
	}
}
.stn_serviceLinkGroupBox .stn_groupContent{
	width: 100%;
	padding: 10px 20px;
	text-align: left;
	background-color: #FDFAF1;
	border: #F3DE9F 4px solid;
	border-radius: 5px;
}
.stn_serviceLinkGroupBox .stn_groupContent ul{
	margin: 20px 0;
	padding-left: 0;
}
.stn_serviceLinkGroupBox .stn_groupContent li{
	list-style: none;
}

/*  共通　管理人あやからの一言  */
.stn_ayasvoiceGroupBox{
	margin: 30px 0;
}
.stn_ayasvoiceGroupBox .stn_groupTitle{
	display: inline-block;
	padding: 0 0.8em;
    font-size: 0.9em;
    background-color: #eee;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	background-color: #F9C5A5;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}
.stn_ayasvoiceGroupBox .stn_groupTitle::before {
    content: '\f075';
	font-family: FontAwesome;
	margin-right: 0.3em;
}
.stn_ayasvoiceGroupBox .stn_groupContent{
	margin-top: -3px;
    border: 3px solid #ccc;
	border-color: #F9C5A5;
    padding: 20px;
    border-radius: 8px;
    border-top-left-radius: 0;
	background-color: #FEF3EC;
	display: flex;
	justify-content: flex-start;
}
.stn_ayasvoiceGroupBox .speech-icon img{
    border-radius: 0%;
    border: none;
}
.stn_ayasvoiceGroupBox .voiceText{
	height: 100%;
    position: relative;
    padding: 10px;
    background-color: #fff;
    border: none;
    border-radius: 6px;
    max-width: calc(100% - 14%);
	margin-left: 20px;
}
.stn_ayasvoiceGroupBox .voiceText::before{
	content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -12px;
    top: 10px;
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
/* 共通　ワイドリンクボタン */
.stn_wideLinkGroupBox{
	padding: 20px 20px;
/* 	background-color: #FEF3EC; */
	margin: 30px auto;
}
.stn_wideLinkGroupBox li{
	margin:0 auto;
	padding: 20px 20px;
/* 	background-color: #FEF3EC; */
/* 	margin: 30px auto; */
}
@media screen and (max-width: 480px){
	.stn_wideLinkGroupBox{
		padding: 20px 5px !important; 
	}
}
.stn_wideLinkGroupBox li{
	list-style: none;
	padding: 0;
}
.stn_wideLinkGroupBox li a{
	text-align: center;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
}
.stn_wideLinkGroupBox li a.anotherSiteLink{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
/* 	background-color: #FC955D; */
/* 	background-color: #fff; */
/* 	color: #FC955D; */
/* 	color: #fff; */
	border: #FC955D 2px solid;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	margin-bottom: 10px !important;
	position: relative;
	font-weight: bold;
	
	background-color: #FC955D;
	color: #fff;
}
.stn_wideLinkGroupBox li:last-child a{
	margin-bottom: 0;
}
.stn_wideLinkGroupBox li a::after {
    content: '\f105';
	font-family: FontAwesome;
	display: block;
	position: absolute;
	right: 20px;
	top: -3px;
}
.ranking-item-link-buttons{
	display:none;
}
.ranking-item-image-tag{
	width: 100px;
	max-width: 100px;
}
.ranking-item-description p{
	font-size: 12px;
}
.ranking-items{
	margin-bottom: 60px;
}
.article .ranking-item{
	padding: 10px;
	margin-bottom: 10px;
}
.ranking-item-name{
	display: block;
	padding: 0 0 0 10px;
	border-bottom: #ccc 1px solid;
}
.ranking-item-name-text{
	font-size: 16px;
	display: inline;
}
.ranking-item-name-crown{
	display: inline;
	margin-right: 0;
}
.g-crown, .s-crown, .c-crown{
	border:none;
	width: auto;
	position: static;
	display: inline;
}

.g-crown-circle, .s-crown-circle, .c-crown-circle{
	display:none;
}
.g-crown:after, .s-crown:after, .c-crown:after{
/* 	display: none; */
	border:none;
	width: auto;
	position: static;
	display: inline;
	content: "\f091";
	font-family: "FontAwesome";
	font-size: 1.4rem;
}
.g-crown:after{
	color: gold;
}
.s-crown:after{
	color: silver;
}
.c-crown:after{
	color: maroon;
}
.article .ranking-item .ranking-item-name-text:before{
	display: inline-block;
	margin-right: 20px;
	content: "";
	width: auto;
}
.article .ranking-item:nth-child(1) .ranking-item-name-text:before{ content: "1位"; }
.article .ranking-item:nth-child(2) .ranking-item-name-text:before{ content: "2位"; }
.article .ranking-item:nth-child(3) .ranking-item-name-text:before{ content: "3位"; }
@media screen and (max-width: 480px){
	.ranking-item-img-desc {
		display: flex;
	}
}
article.type-post .wp-block-image.size-large img{
	content-visibility: auto;
	contain-intrinsic-size: 600px;
}

/************************************
** 2021/12/14
** グーテンバーグのビジュアルエディタ対応
************************************/

#post-10013 h1 {
  display: none;
}

.article h2.centerTitleStyle2_temp2 span.inner img {
  position: relative !important;
  margin-top: 45px; 
  z-index: 2;
}

/* トップページ（グーテンバーグ対応）　１、「目的別食事宅配・タイプ別食事宅配」の要素装飾 */
.topTypeArea-v2 {
  display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  text-align: center;
}

.topTypeArea-v2 .wp-block-group__inner-container {
  width: 100%;
}

.topTypeArea-v2 .wp-block-image {
  margin: 10px 5px;
  display: inline-block;
  width: 31%;
  border-radius: 10px;
  background-color: #ffe3d1;
  box-shadow: 0px 6px 3px 0px rgb(237 154 102 / 75%);

}

.topTypeArea-v2 .wp-block-image:hover{
	opacity: 0.7;
}

@media screen and (max-width: 834px){
  .topTypeArea-v2 .wp-block-image {
    width: 45%;
  }
}
@media screen and (max-width: 480px){
  .topTypeArea-v2 .wp-block-image {
    width: 45%;
  }
}

/* トップページ（グーテンバーグ対応）　２、「1分でわかる！食事宅配サービス 一覧」 */
.topRankTable-v2 {
	width: 100%;
	max-width: 100%;
  text-align: center;
/* 	min-width: 800px; */
}

/* １列目　余白なし */
.topRankTable-v2 td:nth-of-type(1) {
  padding: 0;
}

/* ２列目 */
.topRankTable-v2 td:nth-of-type(2) {
  width: 160px; 
}

/* ７列目 */
.topRankTable-v2 td:nth-of-type(7) {
  padding: 3px;
}

/* １、３、４、列目　非改行 */
.topRankTable-v2 td:nth-of-type(1),
.topRankTable-v2 td:nth-of-type(3),
.topRankTable-v2 td:nth-of-type(4) {
  white-space: nowrap;
} 

.topRankTable-v2 tr:nth-child(1) td:nth-of-type(7) {
  text-align: center;
}

/* スマホレイアウト時に ４、５、６列目を非表示 */
.topRankTable-v2 td:nth-of-type(4),
.topRankTable-v2 td:nth-of-type(5),
.topRankTable-v2 td:nth-of-type(6) {
	display: table-cell;
}

@media screen and (max-width: 480px){
  /*
  .topTypeArea-v2 .wp-block-image {
    width: 42%;
  }
  */
  .topRankTable-v2 td:nth-of-type(1) span {
/*    white-space: normal; */
    font-size: 12px;
  }
  .topRankTable-v2 td:nth-of-type(3) {
    white-space: normal;
    width: 65px; 
  }
  .topRankTable-v2 td:nth-of-type(4),
  .topRankTable-v2 td:nth-of-type(5),
  .topRankTable-v2 td:nth-of-type(6) {
		display: none;
	}
	.topRankTable-v2{
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
}

/* テーブル２列目 img */
.topRankTable-v2 td:nth-of-type(2) img{
	height: auto; 
	border-radius: 10px; 
	overflow: hidden;
  margin-top: 10px;
}

.topRankTable-v2 td a{
	color: #FC955D;
	text-decoration: none; 
}

.topRankTable-v2 td a:hover{
	text-decoration: underline;
}

.topRankTable-v2 td a img:hover{
	opacity: .3;
}

.topRankTable-v2 tr:nth-child(even){
	background-color: #fff9f4 !important;
}

.topRankTable-v2 tr:nth-child(1){
	background-color: #fff2e5 !important;
  text-align: center !important;
}

.topRankTable-v2 td .fa-trophy{
	display: block;
}

.topRankTable-v2 td .fa-trophy.gold{
	color: #F3DE9F;
}

.topRankTable-v2 td .fa-trophy.silver{
	color: #D4D4D4;
}

.topRankTable-v2 td .fa-trophy.bronze{
	color: #E19636;
}

/* トップページ（グーテンバーグ対応）　３、「食事宅配サービスを探す」の要素装飾 */
.wp-block-group.ranking_block { 
  width: 100%;
  border: #eee 1px solid;
  margin-bottom: 10px;
  padding: 10px;
}
.wp-block-group.ranking_block * {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.wp-block-group.ranking_block:hover {
  background-color: #FEF3EC;
}

.wp-block-group.is-style-default.ranking_block pre.wp-block-preformatted {
  margin-bottom: 0;

}

.wp-block-group.is-style-default.ranking_block pre.wp-block-preformatted a img {
  position: relative;
  top: 7px;
  left: -5px;
}

.wp-block-group.is-style-default.ranking_block pre.wp-block-preformatted span a {
  color: inherit;
}

.wp-block-group.is-style-default.ranking_block pre.wp-block-preformatted.dt {
  padding-bottom: 0;
}

.wp-block-group.is-style-default.ranking_block pre.wp-block-preformatted.dt a {
  color: #FC955D;
}

.is-style-default.ranking_block .wp-block-group__inner-container pre,
.is-style-default.ranking_block .wp-block-group__inner-container pre * {
  border: none;
  background-color: transparent;
}

.is-style-default.ranking_block pre a {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  text-decoration: none;
}

.is-style-default.ranking_block pre a:hover {
  text-decoration: underline;
}

.is-style-default.ranking_block a img:hover{
	opacity: .3;
}
.wp-block-group.ranking_block {
	width: 100%;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 480px){
  .is-style-default.ranking_block pre.wp-block-preformatted {
    padding-left: 0;
    padding-right: 0;
  }
  .is-style-default.ranking_block .wp-block-columns {
    flex-wrap: nowrap;
  }
  .is-style-default.ranking_block .wp-block-columns .wp-block-column {
    display: flex;
    margin-bottom: 0;
  }
/*  .is-style-default.ranking_block pre {
    padding-bottom: 0;
  } */
  .is-style-default.ranking_block .wp-block-columns .wp-block-column img {
    padding-top: 1.25em;
    padding-left: 10px;
  }
  .wp-block-group.is-style-default.ranking_block pre.wp-block-preformatted.dt {
    padding-left: 0;
    padding-right: 0;
  }
  .is-style-default.ranking_block .wp-block-columns .wp-block-column .wp-block-image {
    float: right;
  }
}

/* トップページ（グーテンバーグ対応）　４、「食事宅配サービス（宅配食）とは？」の要素装飾 */
.wp-block-group.topUnderBox * {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.wp-block-group.topUnderBox .wp-block-column .wp-block-preformatted {
  border: none;
  margin-bottom: 0;
  padding: 1em;
}

.wp-block-group.topUnderBox h2:first-of-type {
	text-align: center;
	padding: 10px 0 !important;
  margin: 0 0 1em 0;
	background-color: #FC955D;
	width: 100%;
	text-align: center;
	border-radius: 50px;
	color: #FFF;
}

@media screen and (max-width: 480px){
  .wp-block-group.topUnderBox .wp-block-image {
    text-align: center;
  }

  .wp-block-group.topUnderBox h2:after{
    width: 40px;
    background-size: 40px;
    right: -15px;
  }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

}