@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.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/************************************
 *  Common *
************************************/
html{scroll-behavior: smooth;}

div.tagcloud .fa-tag:after{content: "#";}

.hMgnCancel h2,
.hMgnCancel h3,
.hMgnCancel h4,
.hMgnCancel h5,
.hMgnCancel h6,
.hMgnCancel .elementor-widget-container{margin: 0 !important;}

.hPdnCancel h2,
.hPdnCancel h3,
.hPdnCancel h4,
.hPdnCancel h5,
.hPdnCancel h6,
.hPdnCancel .elementor-widget-container{padding: 0 !important;}


.h2fs120em h2{font-size:1.2em !important;}
.h2fs140em h2{font-size:1.4em !important;}

.pager-post-navi { flex-direction: row !important; }
.pager-post-navi a.a-wrap{ width: 50%; border: 3px solid #ccc; }
.pager-post-navi a.a-wrap:hover{background: #ffeffd; color: #d0147e;}
.pager-post-navi a:last-child{border-left: 0; }

.infopdgCancel div#info-list{padding: 0;}

.fsDown01{font-size: 0.9em;}

/*自動で挿入されるmargin-bottomを無くす*/
.mbKillClass p,
.mbKillClass div{margin-bottom: 0 !important;}

/*自動で挿入されるwidget-cpacingを無くす*/
.wgSpaceCcl.elementor-element {--widgets-spacing: 0 !important; --widgets-spacing-row: 0 !important; --widgets-spacing-column: 0 !important;}


/*吹き出し・下*/
.arrowBoxUnder {position: relative; background: #ffffff; border: 3px solid #968383; border-radius: 10px;}
.arrowBoxUnder:after, .arrowBoxUnder:before {top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; 	pointer-events: none; }
.arrowBoxUnder:after {border-color: rgba(255, 255, 255, 0);  border-top-color: #ffffff; border-width: 15px; margin-left: -15px; }
.arrowBoxUnder:before {border-color: rgba(150, 131, 131, 0);  border-top-color: #968383;  border-width: 19px; margin-left: -19px;}

/* 目次に関するCSS */
.elementor-widget-container #toc {margin: 0em auto 2em !important;}
.toc {margin: 0em auto 1em !important; border: 1.3px solid #000 !important;}
.toc li {text-align: left;}

/* 記事下の関連記事に関するCSS */
aside#related-entries{}
aside#related-entries h2{ background: gray; color: #fff !important; text-align: center; padding: 0.25em 0 !important; font-size: 1.2em !important; margin-top: 3em;}
aside#related-entries h2:before {display: none;}
aside#related-entries div.related-list a{border: 1px solid #ddd; padding: 0.5em;}

/* 共通ボタン系　*/
.pageInsideBt{display: inline-block; text-align: center; vertical-align: middle; text-decoration: none; width: auto; margin: ０ auto; padding: 0.5rem 2rem; font-weight: bold; border-radius: 0.3rem; border-bottom: 7px solid #c9987c; background: #e3a98d; color: #fff;}
.pageInsideBt:hover {margin-top: 6px; border-bottom: 1px solid #c9987c; color: #fff;}

/* 新コラムサムネイル枠 */
.columnCont figure.wp-caption{background: transparent; padding: 0; border: 0;}
.columnCont *{margin-bottom: 0 !important;}
.columnCont.elementor-element {--widgets-spacing-row: 0px; --widgets-spacing: 0 !important; --widgets-spacing-row: 0 !important; --widgets-spacing-column: 0 !important;}



body{background: #fff !important;  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;}

#container{width: 100%;}
header{/*max-width: 1256px;*/ margin: 0 auto;}
.containerFull #content-in{width: 100% !important;}
.containerFull .elementor-section.elementor-section-boxed > .elementor-container{max-width: 100% !important;} 
.containerFull .full-inner-container,
.containerFull #breadcrumb{max-width: 1254px !important; margin: auto auto;} 
.containerFull header.article-header > h1{max-width: 1254px !important; margin: auto auto;}

.spbr{display: none;}
.pcbr{display: inline;}

/************************************
 * 自作ヘッダー * border: 1px solid red;
************************************/
header div#header-in-org{display: flex; align-items: center; flex-direction: row; }
header div.wrap{/*width: 1160px;*/ width: 100%;}
header div#header-in-org div.headerLeftArea{width: 40%; line-height: 50%; text-align: left; padding-left: 1em;}
header div#header-in-org div.headerLeftArea a.site-name-text-link {font-size: 0.7em; color: var(--cocoon-text-color); text-decoration: none; font-weight: normal; padding: 0; letter-spacing: -0.25px;}
header div#header-in-org div.headerLeftArea a.site-name-text-link h1{font-size: 0.8rem; background: transparent;}
header div#header-in-org div.headerLeftArea a.site-name-text-link h1:after {content: none;}
header div#header-in-org div.headerCenterArea{ width: 42.5%;}
header div#header-in-org div.headerCenterArea p.headerTelArea{font-size: 0.8em; text-align: right; padding-right: 1em; line-height: 1.5em;}
header div#header-in-org div.headerCenterArea p.headerTelArea a{font-size: 2em; font-weight: 900; text-decoration: none;}
header div#header-in-org div.headerCenterArea p.headerTelArea a i{font-size: 0.8em; margin-right: 0.2em;}
header div#header-in-org div.headerRightArea{width: 17.3%; margin-right: 1%}
header div#header-in-org div.headerRightArea p.headerSocialArea{font-size: 1.9em; line-height: 0em; text-align: center; vertical-align: middle; display: flex; align-items: center; justify-content: flex-end;}
header div#header-in-org div.headerRightArea p.headerSocialArea span{padding: 0 0.2em 0.2em;}
header div#header-in-org div.headerRightArea p.headerSocialArea svg.Xico{fill: #333333; margin-top: 3px;}
header div#header-in-org div.headerRightArea p.headerSocialArea svg.Xico:hover{fill: #FF4500;}
header div#header-in-org div.headerRightArea p.headerSocialArea span.ytIco a{color: #e12929;}
header div#header-in-org div.headerRightArea p.headerSocialArea span.ytIco a:hover{color: #e1c129;}
header div#header-in-org div.headerRightArea p.headerSocialArea span.igIco a{color: #e12929;}
header div#header-in-org div.headerRightArea p.headerSocialArea span.igIco a:hover{color: #e17b29;}
header div#header-in-org div.headerRightArea p.headerContactBtArea a{ display: flex; justify-content: center; align-items: center;  margin: 0 auto; padding: .25em 0.5em; border: none; border-radius: 5px; background-color: #ce4b12; color: #fff; font-weight: 600; font-size: 0.8em;}
header div#header-in-org div.headerRightArea p.headerContactBtArea a:hover {background-color: #be3b02;}
header div#header-in-org div.headerRightArea p.headerContactBtArea a::before { width: 1em; height: 1em; margin-right: 10px; background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M23.5%208.9c.2-.1.5%200%20.5.2v9.6c0%201.2-1%202.2-2.2%202.2H2.2C1%2021%200%2020%200%2018.8V9.2c0-.2.3-.4.5-.2%201%20.8%202.4%201.9%207.2%205.3%201%20.7%202.7%202.2%204.3%202.2%201.7%200%203.4-1.5%204.3-2.2%204.8-3.5%206.2-4.5%207.2-5.4zM12%2015c1.1%200%202.7-1.4%203.4-1.9%206.2-4.5%206.7-4.9%208.1-6%20.3-.3.5-.6.5-1v-.8C24%204%2023%203%2021.8%203H2.2C1%203%200%204%200%205.3v.9c0%20.3.2.6.4.8%201.4%201.1%201.9%201.5%208.1%206%20.8.6%202.4%202%203.5%202z%22%2F%3E%3C%2Fsvg%3E') no-repeat center; content: '';}


	/* フッター・モバイル用上部お問い合わせボタン */
	#foot_MobileTopMenu{display: block; display: block; width: 100%;}
	#foot_MobileTopMenu ul#navContactUl{display: flex;list-style-type: none; margin: 0; padding: 0;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone{text-align: center; width: 50%; text-align: center;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone p{line-height: 1.5em !important; margin: 0!important; padding: 0.5em 0;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone br,
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone span.telTt{display: none;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone span.timeTxt{display: block; font-size: 1.1em;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone img{margin-right: 2px;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone a{display: inline-block; font-size:2em; color: #1967d2;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone a:hover{color: #fffe55;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone a svg{margin-bottom: -0.25em; color: #1967d2;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone a svg .st0{fill:#1967d2;}
	#foot_MobileTopMenu ul#navContactUl li.navContactMail{text-align: center; width: 50%; justify-content: center;}
	#foot_MobileTopMenu ul#navContactUl li.navContactMail a{display: block; width :100%; height: 100%; color: #fff; font-size:1.4em; position: relative; background: linear-gradient(225deg, #e3230f 0%, #e77e0d 40%, #e77e0d 60%, #e3230f 100%); background-position: 1% 50%; background-size: 200% auto; transition: all 0.3s ease-out; text-decoration: none; border-radius: 7px;}
	#foot_MobileTopMenu ul#navContactUl li.navContactMail a:hover{background-position: 99% 50%;}
	ul#navContactUl li.navContactMail a span{display: block; text-align: center; width: 100%; background: url(https://icongr.am/feather/mail.svg?size=26&color=ffffff) 5% center no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
	#foot_MobileTopMenu ul#navContactUl li.navContactMail a:hover span{color: #fffe55; background: url(https://icongr.am/feather/mail.svg?size=20&color=fffe55) 5% center no-repeat;}


/*Elementorコンテナの最大幅*/
.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1254px !important;}

#navi {background: url(https://sign-v.co.jp/nekokagu/wp-content/uploads/2023/12/gnavi_bg05.jpg) center center repeat-x !important; background-size: 150px 150px !important; margin: 1em auto 0;}

.navi-in > ul {}
.navi-in > ul li {height: auto; border-right: 1px dotted #9e8c7f;}
.navi-in > ul li:first-child {border-left:1px dotted #9e8c7f; }
div.item-label {border: 0;}
.navi-in a {background: transparent; border-radius:0px; margin: 2px; font-weight: bold; color: #fff !important; text-shadow: 1px 1px 2px #000; }
.navi-in a:hover {background-color: rgba(85,60,43,0.5) !important; color: #fef9ac !important; transition: unset !important;}

.item-label:before {font-family: "Font Awesome 5 Free"; content: /*"\f1b0"*/ "\f105"; font-weight: 900; position: absolute; font-size: 0.75em; line-height: 1em; left: 0.5em; top: 50%; margin-top: -0.5em; color: #ffffff;}

.navi-in > ul .sub-menu { background-color: #624e40 !important; border-radius: 3px; box-shadow: 1px 1px 7px 0 rgba(0,0,0,0.23);}

.navi-in > ul .sub-menu li{ width: auto;}
.navi-in > ul .sub-menu a {}
.navi-in > ul .sub-menu ul {}
.navi-in > ul .sub-menu ul {}
.navi-in > ul li ul .item-label {padding-left: 7px; font-size: 0.9em;}
li.menu-item:has(ul.sub-menu) {/*　ul.sub-menuを内包してるli.menu-item、という意味のプロパティ */ }
li.menu-item:has(ul.sub-menu) > a > div.caption-wrap > div.item-label::before{display: none;}

h1 { position: relative; color: #796d5b !important; /* text-shadow: 0 0 5px white; */ padding: 0.3em 0.5em;
background: #e9e1d4; /* background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px); background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);*/ font-weight: normal !important; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;}
h1:after {position: absolute; content: ''; top: 100%; left: 30px; border: 15px solid transparent; border-top: 15px solid #e9e1d4; width: 0; height: 0; }

h1.archive-title{color: #796d5b !important;/*文字色*/}
h2 {font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important; position: relative;/*相対位置*/ line-height: 1.4 !important;/*行高*/ color: #796d5b !important;/*文字色*/ border: 0 !important; text-align: left; padding: 0 0 0 1.8em !important; font-size: 1.5em !important;/*サイズ*/ margin-bottom: 0; background: transparent !important; margin-bottom: 0 !important;}

h2:before {font-family: "Font Awesome 5 Free";  content: "\f1b0";/*アイコンのユニコード*/  font-weight: 900;  position: absolute;/*絶対位置*/  font-size: 1.2em;/*サイズ*/  line-height: 1em;  left: 0;/*アイコンの位置*/  top: 0;/*アイコンの位置*/  color: #796d5b; /*アイコン色*/}
.entry-card-wrap h2{ font-size: 1.2em !important; padding-left: 0 !important;}
.entry-card-wrap h2:before {display: none;}
div.entry-card-snippet{font-size: 0.75em; color: #777; padding: 1em 0 0 0.4em;}

.logo-header{margin-top: 1em; }
.content {margin-top:0 ;}
.main {padding: 0 0 36px;}
.entry-content { margin-top: 0;}

.thumTextIco li{background: #aa9a83; color: #fff; border-radius: 3px; margin-bottom: 8px !important;}
.thumTextIco li span{ margin: 0 7px; }
/*  .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
    margin-bottom: 8px;
} */


/** 自作ページヘッダー **/ 
div#kvAreaWrap { position: relative; margin: 0 calc(50% - 50vw); width: 100vw;}
div#kvArea { padding-bottom: 15%; position: relative; background: rgba(255,255,255,0.4); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
div#kvArea h1 {background: none; color: #fff !important; text-shadow: #000 1px 0 10px; position: absolute; text-align: center;  width: 100%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
div#kvArea h1::after{content: none;}

/* NewsTicker --------------------
------------------------------ */ 
.ticker-wrap { display: flex; width: 100%; background: #7c6c59; padding: 2px;}
.ticker-head { width: calc(5em + 8px); color: #fff; line-height: 30px; padding: 0 4px; text-align: center;}
.ticker {width: 100%; height: 30px; font-size: 15px; background: #fff; line-height: 30px; padding: 0 6px; overflow: hidden;}
.ticker ul {position: relative; list-style: none; height: 100%; padding: 0; margin: 0;}
.ticker-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 !important; padding-right: 0; opacity: 0;}
.ticker-item a {display: inline-block; width: auto; color: #333; white-space: nowrap; text-decoration: none; transition: transform 5s linear;}
.ticker-date {font-weight: normal;}
.ticker-title { margin-left: 10px;}
.ticker-new { color: red; margin-left: 10px; animation: blink 1s ease-in-out infinite alternate;}
.fadeInDown { opacity: 0;}
.fadeInDown.run { animation: fadeInDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;}
.fadeOutDown { opacity: 1;}
.fadeOutDown.run {animation: fadeOutDown 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;}
@keyframes fadeInDown {
  0% { opacity: 0; transform: translateY(-30px);}
  100% {opacity: 1; transform: translateY(0); }
}
@keyframes fadeOutDown {
  0% { opacity: 1; transform: translateY(0);}
  100% { opacity: 0; transform: translateY(30px); }
}
@keyframes blink {
  0%, 100% {opacity: 1; }
  50% { opacity: 0; }
}




/************************************
 * コンセプト * 
************************************/
div.bgCraft{position: relative; background: url(https://sign-v.co.jp/nekokagu/wp-content/uploads/2024/02/bg_craft01.png) center center repeat; padding: 3px 0 3px 3px;}
div.bgCraft div.bgCoco{position: relative; background: url(https://sign-v.co.jp/nekokagu/wp-content/uploads/2024/02/bg_coco.png) right bottom no-repeat; background-size: 30%;}

div.bgCraft div.bgCoco .cocoBalloon { position: relative; margin: 1% 30% 1% 0; padding: 15px 4px 15px 15px; background: #fff; border-radius: 15px; min-height: 5em;}
div.bgCraft div.bgCoco .cocoBalloon:before {content: ""; position: absolute; right: -18px; width: 7px; height: 6px; bottom: 20px; background: #fff; border-radius: 50%;}
div.bgCraft div.bgCoco .cocoBalloon:after { content: ""; position: absolute; right: -11px; width: 10px; height: 9px; bottom: 23px; background: #fff; border-radius: 50%;}
div.bgCraft div.bgCoco .cocoBalloon p { margin: 0; padding: 0;}



/************************************
 * お客様の声 * 
************************************/
main#main:has(div.voice){width: 100%;}
div#list.voice {padding: 1em; display: flex;flex-wrap: wrap;}
div#list.voice .entry-card-wrap {padding: 10px; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.13); border-radius: 4px; width: calc(33.33% - 20px); margin: auto 10px 20px; }
div#list.voice .entry-card-thumb {width: 100%;}
div#list.voice .entry-card-content {margin-left: 0;}
div#list.voice .entry-card-wrap h2 {font-size: 1em !important;}
.card-thumb img {border: 0;}



/************************************
 * メディア掲載情報 * 
************************************/
main#main:has(div.media-info){width: 100%;}
div#list.media-info {}
div#list.media-info .entry-card-wrap {padding: 7px !important;}
div#list.media-info .entry-card-thumb {width:150px;}
div#list.media-info .entry-card-thumb img{vertical-align: middle;}
div#list.media-info .entry-card-content {margin-left: 165px;}
div#list.media-info .entry-card-wrap h2 {font-size: 1em;}
div#list.media-info .entry-card-wrap .entry-card-meta{position: relative; bottom: unset; right: unset;}
div#list.media-info .entry-card-wrap .entry-card-meta .e-card-info {justify-content: start; margin: 0.75em 0 0 0.75em;}



/************************************
 * 関連製品一覧に関する枠 * 
************************************/
.yarpp-template-yarpp-template-related_product {}
.yarpp-template-yarpp-template-related_product ul{display: flex; flex-wrap: wrap; margin: 0; padding: 1em; }

.yarpp-template-yarpp-template-related_product ul li{width: 25%; list-style: none; line-height: 1.1em; margin: 0;}
.yarpp-template-yarpp-template-related_product ul li a{font-size :0.8em; display: block; margin: 0.5em 1em 1em;}
.yarpp-template-yarpp-template-related_product ul li a img{width: 100%;}
.yarpp-template-yarpp-template-related_product ul li a:hover img{opacity: 0.5;}



/************************************
 * お問い合わせ * 
************************************/

table.commonFormDes{}
table.commonFormDes tr:nth-of-type(2n+1){background-color: #fcf8f5;}
table.commonFormDes tr{border-bottom: 1px dotted #aaa !important;}
table.commonFormDes tr th{ text-align: right;}
table.commonFormDes tr th p,
table.commonFormDes tr td p{margin: 1em 0;}
table.commonFormDes tr th p span{display: inline-block; background: #b93d34; border-radius: 7px; margin-right: 7px; padding: 0 7px; font-size: 0.85em; color: #fff;}



/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	body{padding-top: 47px;}
	h1{font-size: 1.4em !important;}
	#header-container h1{font-size: 1em !important;}
	header div.wrap{width: 100%;}
	#header-container-in nav#navi{display:  none;}
	#content-in main#main{padding-top: 0;}
	.slicknav_menu {background: #58534b; width: 100%; position: fixed; margin-top: -47px; z-index: 5000;}
	.slicknav_btn{background: #2a2319;}
	.item-label{border-right: 0px;}
	.item-label:before {display: none;}
	.logo-header{width: 100%; margin: 0; padding: 0;}
	.logo-header a{display: block;position: absolute; top: 0; z-index: 9999;  width: 20%; padding-bottom: 2%; background: url(https://sign-v.co.jp/nekokagu/wp-content/uploads/2023/09/logo_nekokagu_wk_wh.png) center center no-repeat; background-size: contain;}
	.logo-header img{display: none;}
}

/*767px以下*/
@media screen and (max-width: 767px){
	.main {padding: 0 0 36px !important;}
	header div#header-in-org div.headerLeftArea{width: 60%; position: absolute; top: 0; left: 0; z-index: 9990; padding-left: 10px; font-size: 11px; letter-spacing: -0.35px; }
	header div#header-in-org div.headerLeftArea a{display: inline-block; background: url(https://sign-v.co.jp/nekokagu/wp-content/uploads/2023/09/logo_nekokagu_mk_wh.png) left center no-repeat; background-size: contain; height: 44px; color: #fff !important; padding:7px 0 0 65px !important; margin-top: 3px; line-height: 14px; position: fixed;}
	header div#header-in-org div.headerLeftArea a h1{color: #fff !important; position: fixed;}
	header div#header-in-org div.headerLeftArea a span.spSizeUp{font-weight: bold !important; font-size: 24px !important;  letter-spacing: 0.5px; }
	header div#header-in-org div.headerLeftArea a img{display: none;}
	
	header div#header-in-org div.headerCenterArea{display: none;}
	header div#header-in-org div.headerRightArea {width: auto; position: absolute; top: 9px; right: 90px; z-index: 9991; }
	header div#header-in-org div.headerRightArea p.headerSocialArea{display: none;}
	header div#header-in-org div.headerRightArea p.headerContactBtArea a{display: inline-block; text-align: center; padding: 0; position: fixed;}
	header div#header-in-org div.headerRightArea p.headerContactBtArea a::before {display: inline-block; margin: 6px 0.75em 0;}
	header div#header-in-org div.headerRightArea p.headerContactBtArea a span{display: none;}
	
	/* フッター・モバイル用上部お問い合わせボタン */
	#foot_MobileTopMenu{display: block;display: block; position: fixed; right: 0; bottom: 0; width: 100%; z-index: 9990;}
	#foot_MobileTopMenu ul#navContactUl{display: flex; list-style-type: none; margin: 0; padding: 0;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone{text-align: center; width: 50%;  color: #fff; text-align: center; background: linear-gradient(225deg, #4bb1eb 0%, #0a52bb 100%); background-position: 1% 50%; background-size: 100% auto;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone p{line-height: 1.5em !important; margin: 0!important; padding: 0.5em 0;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone br,
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone span.telTt{display: none;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone span.timeTxt{display: block; font-size: 0.8em;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone img{margin-right: 2px;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone a{display: inline-block; font-size:1em; color: #fff;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone a:hover{color: #fffe55;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone a svg{margin-bottom: -0.25em;}
	#foot_MobileTopMenu ul#navContactUl li.navContactPhone a svg .st0{fill:#ffffff;}
	#foot_MobileTopMenu ul#navContactUl li.navContactMail{text-align: center; width: 50%; justify-content: center;}
	#foot_MobileTopMenu ul#navContactUl li.navContactMail a{display: block; width :100%; height: 100%; color: #fff; font-size:1em; position: relative; background: linear-gradient(225deg, #e3230f 0%, #e77e0d 40%, #e77e0d 60%, #e3230f 100%); background-position: 1% 50%; background-size: 200% auto; transition: all 0.3s ease-out; text-decoration: none;}
	#foot_MobileTopMenu ul#navContactUl li.navContactMail a:hover{background-position: 99% 50%;}
	ul#navContactUl li.navContactMail a span{display: block; text-align: center; width: 100%; background: url(https://icongr.am/feather/mail.svg?size=20&color=ffffff) 5% center no-repeat; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%;}
	#foot_MobileTopMenu ul#navContactUl li.navContactMail a:hover span{color: #fffe55; background: url(https://icongr.am/feather/mail.svg?size=20&color=fffe55) 5% center no-repeat;}
	
	.go-to-top {bottom: 90px;}
	.spbr{display: inline;}
	.pcbr{display: none;}
	
	.pager-post-navi { flex-direction: column !important; }
	.pager-post-navi a{width: 100% !important;}
	.pager-post-navi a:last-child{border-left: 3px solid #ccc !important; }

	/************************************
	 * お客様の声 * 
	************************************/
	div#list.voice .entry-card-wrap {padding: 10px; box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.13); border-radius: 4px; width: calc(50% - 20px); margin: auto 10px 20px; }
	aside#related-entries {}
	
	/** 自作ページヘッダー **/
	div#kvArea { padding-bottom: 56%; }
	
	.yarpp-template-yarpp-template-related_product ul li{width: 33.33%;}
}


/************************************
 * メディア掲載情報 * 
************************************/

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.no-sp-snippet .entry-card-snippet{display: block;}
	

}