@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*リセット*/
h1,h2,h3,h4,h5,h6,
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6,
.topheader h1, .topheader h2, .topheader h3, .topheader h4, .topheader h5, .topheader h6,
.article-header,
.topheader{
	padding: 0;
	margin: 0;
	border: 0;
	color: #555555;
}
/*404*/
.error404 .article h1{
display: none;
}

/*メイン画像切換*/
#mainpc{
display: block;
}
#mainsp{
display: none;
}

/*テーブル*/
table {
width: 100%;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
th, td {
padding: 10px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
th {
font-weight: normal;
background: #e5e5e5;
text-align: center;
width: 30%;
}

/*リンク画像*/
a img {
			transition: 0.5s ;
		}

a img:hover {
			opacity: 0.5 ;
		}

/*グローバルメニュー*/
nav#navi, .menu-header .sub-menu {
border-bottom: 1px solid;
border-top: 1px solid;
}
#navi .item-label{
	font-size: 14px;
font-family: 'Noto Sans JP', sans-serif;font-weight: 600;
}
/*サブメニュー*/
.widget_nav_menu ul li a,
.widget_categories ul li a{
	font-size: 75%;
	padding: 3px 0;

}
.navi-in>ul .sub-menu {
	background-color: #efefef;
}
.navi-in>ul .sub-menu {
border-bottom: none;
}
/*フロントページ調整*/
.main {
padding: 9px 29px;
}

/*お知らせ*/
.storeinfo{
text-align:left;
width: 96%;
margin-left:auto;
margin-right:auto;
margin-top:1em;
/*margin-bottom:1em;*/
font-size: 12px;
border: solid 5px #ddd;
padding: 1em;
background-color: #fff;
}
.storeinfo p{
line-height: 1.2;
margin-bottom:0.5em;
}

/*見出し*/
.article-header,
.topheader{
text-align: center;
}
.article h1{
font-size: 30px;
}
.article h2 {
font-size: 22px;
padding: 0.5em 0em 0.5em 0em;
background: none;
border-bottom: 1px solid;
border-top: 1px solid;
margin: 0 0 1em 0;
font-weight: 600;
}
.article h3 {
border-left: 7px solid #444;
border-right: none;
border-top: none;
border-bottom: none;
font-size: 18px;
padding: 0em 0.5em;
margin: 0 0 1em 0;
}
.column-right h4{
text-align: center;
font-size: 10px;
color: #999;
border: 1px solid #999;
padding: 0.3em;
margin-bottom: 0px;
}

/*サイドメニュー*/
.sidebar h3 {
background-color: #efefef;
padding: 5px 10px 5px 10px;
margin: 10px 0;
border-radius: 4px;
font-size: 1.2em;
color: #444;
font-size: 14px;

}
.widget_nav_menu ul li a,
.widget_categories ul li a{
border-bottom: 1px solid #444;
}
.widget_nav_menu{
margin: 0 0 20px 0;
}
/*エントリーカード*/
.entry-card-content h2.entry-card-title{
font-size:18px;
line-height: 1.6em;
padding-bottom: 0.3em;
margin-bottom: 10px;
border-bottom: 1px solid #333;
}
.entry-card-content .entry-card-snippet{
font-size:14px;
line-height: 1.8em
}

/*全幅リンクボタン*/
a.cp_btn {
font-size: 120%;
display: block;
width: 100%;
padding: 1.6em;
text-align: center;
text-decoration: none;
background: #3676d1;
border: 2px solid #3676d1;
color: #FFF;
border-radius: 8px;
transition: .4s;
font-weight: bold;
margin-bottom: 2em;
}
a.cp_btn:hover {
background: #FFF;
border: 2px solid #3676d1;
color: #3676d1;
}
/*一覧ボタン*/
a.list_bt{
background: #000;
border: 2px solid #000;
}
a.list_bt:hover {
border: 2px solid #000;
color: #000;
}
/*COREページ*/
/*h1 削除*/
.page-id-6835 h1,
.page-id-6835 .article h1,
.page-id-6838 h1,
.page-id-6838 .article h1,
.page-id-6846 h1,
.page-id-6846 .article h1,
.page-id-6847 h1,
.page-id-6847 .article h1,
.page-id-6850 h1,
.page-id-6850 .article h1,
.page-id-6851 h1,
.page-id-6851 .article h1,
.page-id-6854 h1,
.page-id-6854 .article h1{
display: none;
}
/*h2 飾り*/
#core h2 {
clear: both;
font-size: 27px;
/*padding: 0em 0em 0em 0em;*/
background: none;
border-bottom: 1px solid;
border-top: none;
margin: 0 0 1em 0;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
}
#core h2.line{
border-bottom: 1px solid;
}
#core h2 {
position: initial;
overflow: initial;
padding-bottom: 0.5em;
margin-top: initial;
}
#core h2:before,h2:after {
content: "";
position: initial;
bottom: initial;
}
#core h2:before {
border-bottom:
initial;
width: initial;
}
#core h2:after {
border-bottom: initial;
width: initial;
}
/*エコバッグマルシェボタン*/
a.eco-a{
background: #eb6f53;
border: 2px solid #eb6f53;
}
a.eco-a:hover {
border: 2px solid #eb6f53;
color: #eb6f53;
}
a.eco-b{
background: #538dbb;
border: 2px solid #538dbb;
}
a.eco-b:hover {
border: 2px solid #538dbb;
color: #538dbb;
}
a.eco-c{
background: #ea9901;
border: 2px solid #ea9901;
}
a.eco-c:hover {
border: 2px solid #ea9901;
color: #ea9901;
}

/*前の画面に戻るボタン*/
a.back_btn {
font-size: 90%;
display: block;
width: 9em;
padding: 0.4em;
text-align: center;
text-decoration: none;
background: #FFF;
border: 2px solid #000;
color: #000;
border-radius: 8px;
transition: .4s;
font-weight: bold;
}
a.back_btn:hover {
background: #000;
border: 2px solid #000;
color: #FFF;
}

/*YouTube*/
.video-container {
max-width: none;
}
/*埋め込みビデオ*/
.wp-video{
	margin-bottom: 1em;
}

/*括弧付き番号リスト*/
ol.bracket,
ol.closing_bracket {
list-style-type: none;
}
ol.bracket > li,
ol.closing_bracket > li {
counter-increment: cnt;
}
ol.bracket > li:before {
content: "("counter(cnt) ") ";
}
ol.closing_bracket > li:before {
content: counter(cnt) ") ";
}

/*業務フロー*/
.phase {
font-size: 130%;
line-height: 1.5;
display: block;
font-family: "Sawarabi Mincho", sans-serif;
color: #FFFFFF;
text-align: center;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
background-repeat: repeat;
background-color: #747885;
margin-bottom: 0px;
}
.phasetxt {
text-align: center;
display: block;
margin-bottom: 5px;
line-height: 1.8;
background-color: #FFF;
padding: 9px;
border: 1px solid #676EA5;
}
.arow_down {
font-size: 150%;
color: #999;
transform: scale( 2 , 1 );
margin-bottom: 5px;
display: inline-block;
}

/*フォーム関連*/
.mw_wp_form h2 {
font-size: 16px;
padding: 0.5em;
background-color: #444;
border: none;
color: #fff;
margin-bottom: 0px;
}
.mw_wp_form h3 {
border: none;
font-size: 14px;
padding: 0.3em;
margin-top: 15px;
}
.mw_wp_form h3 {
position: relative;
padding: .5em .75em;
background-color: #d3ccbd;
border-radius: 6px;
margin-bottom:1em;
}
.mw_wp_form h3::after {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 15px solid #d3ccbd;
}
select {
height: 45px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
height: 40px;
}
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
input[type='submit'] ,
.mw_wp_form input[type='submit'] {
font-size: 120%;
display: block;
width: 100%;
padding: 1.6em;
text-align: center;
text-decoration: none;
background-color: #3676d1;
border: 2px solid #3676d1;
color: #FFF;
border-radius: 8px;
transition: .4s;
font-weight: bold;
}
input[type='submit']:hover {
background-color: #FFF;
border: 2px solid #3676d1;
color: #3676d1;
}
input.case{
width: 5em;
}
input[type=text].couponcode{
width: 7em !important;
}
spa
span.mwform-checkbox-field{
display: block;
}
.mw_wp_form .horizontal-item+.horizontal-item{
margin-left: 0px;
}

/*項目幅*/
.mw_wp_form dl dt{
float:left;
clear:both;
height: 40px;
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
}
.mw_wp_form dl dd{
margin-bottom: 0.7em;
height: 40px;
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
}
/*768px以下*/
@media screen and (max-width: 768px){
.mw_wp_form dl dd{
clear:both;
display:block;
}
}

/*項目幅商品毎*/
.mw_wp_form dl.slipper dt{
width: 20em;
}
.mw_wp_form dl.deomagic dt{
width: 27em;
padding-bottom: 5px;
}
.mw_wp_form dl.sanitary dt{
width: 17em;
}
.mw_wp_form dl.bevor dt{
width: 20em;
}
.mw_wp_form dl.bevor .colorselect{
width: 11em;
}
.mw_wp_form dl.g-pet dt{
width: 16em;
}
.mw_wp_form dl.spray dt{
width: 19em;
}
.mw_wp_form dl.mdi dt{
width: 30em;
}
.mw_wp_form dl.mdi dt .size{
	width: 18em;
}
.mw_wp_form dl.jc-con dt{
width: 32em;
}
.mw_wp_form dl.jc-con dd .size{
	width: 6em;
}
.mw_wp_form hr{
clear:both;
padding-top: 1em;
padding-bottom: 1em;
}

/*フォーム補助*/

.sds .column-left img,
.sds .column-center img,
.sds .column-right img{
    max-width: 80%;
    height: auto;
    border: 0;}
.mw_wp_form .sdsset{
width: 4em;
}
.mw_wp_form_confirm .sds .sdsspec{
	display:none;
}
.mw_wp_form_confirm .sds .sdskekka{
font-size:24px;
font-weight: 700;
}

/*フォーム関連*/
.wpcf7 h2 {
font-size: 16px;
padding: 0.5em;
background-color: #444;
border: none;
color: #fff;
margin-bottom: 0px;
}
.wpcf7 h3 {
border: none;
font-size: 14px;
padding: 0.3em;
margin-top: 15px;
}
.wpcf7 h3 {
position: relative;
padding: .5em .75em;
background-color: #d3ccbd;
border-radius: 6px;
margin-bottom:1em;
}
.wpcf7 h3::after {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 15px solid #d3ccbd;
}
select {
height: 45px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
height: 40px;
}
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
input[type='submit'] ,
.wpcf7 input[type='submit'] {
font-size: 120%;
display: block;
width: 100%;
padding: 1.6em;
text-align: center;
text-decoration: none;
background-color: #3676d1;
border: 2px solid #3676d1;
color: #FFF;
border-radius: 8px;
transition: .4s;
font-weight: bold;
}
input[type='submit']:hover {
background-color: #FFF;
border: 2px solid #3676d1;
color: #3676d1;
}
input.case{
width: 5em;
}
spa
span.mwform-checkbox-field{
display: block;
}

/*前の画面に戻るボタン*/
.wpcf7-previous {
font-size: 90%;
display: block;
width: 9em;
padding: 0.4em;
text-align: center;
text-decoration: none;
background: #FFF;
border: 2px solid #000;
color: #000;
border-radius: 8px;
transition: .4s;
font-weight: bold;
}
.wpcf7-previous:hover {
background: #000;
border: 2px solid #000;
color: #FFF;
}

/*ボタン*/
.entry-content .submitshort{
display: none;
}
.textwidget .submitlong{
display: none;
}

/*フォーム背景*/
.orderformbg{
padding: 2em;
background-color: #f5f2e9;
}

/*パスワード付きページ*/
.page_pass_wrap{
width: 60%;
margin: auto;
padding: 20px;
background: #f2f2f2;
}
.page_pass_text,.page_pass_input{
text-align: center;
margin-bottom: 10px;
}
input.page_pass_submit{
width: 60%;
margin: auto;
}

/*アコーディオン*/
.ac-box{
width: auto;
/*margin: 30px auto 5px;*/
}

/*.ac-box label{
max-width: 385px;
font-size: 16px;
font-weight: bold;
text-align: center;
background: #f05689;
margin: auto;
line-height: 50px;
position: relative;
display: block;
height: 50px;
border-radius: 8px;
cursor: pointer;
color: #fff;
transition: all 0.5s;
}*/

/*.ac-box label:hover{
background: rgba( 240, 86, 137, 0.55 );
-webkit-transition: all .3s;
transition: all .3s;
}*/

/*.ac-box input{
display: none;
}*/

/*.ac-box label:after{
color: #fff;
font-family:"FontAwesome";
content:" \f078";
}*/

/*.ac-box input:checked ~ label::after {
color: #fff;
font-family:"FontAwesome";
content:" \f077";
}*/

.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box input:checked ~ div{
height: auto;
/*padding: 5px;
background: #eaeaea;*/
opacity: 1;
}

.ac-box div p{
/*color: #777;
line-height: 23px;
font-size: 14px;
padding: 20px;
text-align: justify;*/
}
/*.ac-small p{
margin-bottom: 0px;
}*/

/*必須*/
.required{
font-size: 90%;
background: #d46a7c;
padding: 0.3em;
color: #FFF;
}

.metaslider .slides [aria-hidden="true"] a {
display: block!important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
}

/*1030px以下*/
@media screen and (max-width: 1030px){
}

/*768px以下*/
@media screen and (max-width: 768px){
/*メイン画像切換*/
#mainpc{
display: none;
}
#mainsp{
display: block;
}
.article h1{
font-size: 20px;
}
.article h2{
font-size: 18px;
}
.container .column-wrap > div,
.column-2,
.column-3{
margin: 0 0 0 0;
padding: 0;
}
.page-id-18 .container .column-wrap > div,
.column-2{
margin: 0 0 1em 0;
}	
}

/*480px以下*/
@media screen and (max-width: 480px){
}