/* EarthMart LP additional css */
@charset "UTF-8";
@media screen and (max-width: 849px){
}
/* common */
html {scroll-behavior: smooth;}
blockquote {font-size:95%;margin-top:1em;}
.bold {font-weight:bold;}
.cap {font-size:80%;}
.lgray {color:#e3e3e3!important;}
.gray {color:#636363!important;}
.dgray {color:#383838!important;}
.wh {color:#ffffff!important;}
.border_none {border-bottom:none;}

@media screen and (min-width: 850px){.pc {display:block;}	.mob {display:none;}}
@media screen and (max-width: 849px){.pc {display:none;}	.mob {display:block;}}



/* header */

.flex-left {display:block;width:100%!important;}
.flex-right {display:block;width:100%!important;}
.header-bottom-nav {display:block;}
#wide-nav, .header-bottom-nav {display:none;}

@media screen and (max-width: 1010px){
	.flex-row {display:inline!important;width:100%!important;}
	.flex-row .flex-left {display:block!important;width:100%!important;}
	
	
	.flex-left .nav {display:block!important;width:100%!important;}
	.flex-right .nav {display:none;}
	#wide-nav, .header-bottom-nav {display:block!important;font-size:95%;}
	.menu-item {padding:0;}

	.nav-divided>li{margin:0 .7em;font-size:13px;}
	.nav-divided>li>a:after{content:"";position:absolute;top:50%;width:1px;border-left:1px solid rgba(0,0,0,.1);height:15px;margin-top:-7px;left:-1em}
	.nav-divided>li:first-child>a:after{border:none;}
}


.header-main{height:60px}
.header-top{min-height: 0px;}
.header-bottom {min-height: 0px;}
.header-bottom {background-color: #F0F0F0}
.header-bottom-nav > li > a{line-height: 16px }
img.header_logo {margin:10px 0 5px; width:420px;}
@media screen and (max-width: 1010px){.header-main{height: 85px}}
@media screen and (max-width: 849px) {.header-main{height: 85px}}


@media screen and (max-width: 849px){
	.flex-left {height:;line-height:;}
	.nav-small{font-size:16px;}
	}

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



/* bubs_cow1 */

@media screen and (min-width: 850px){
#sec3, #sec4, #sec5, #sec8, #sec9, #sec11, #sec13{margin-top:50px;}
#sec3 h3.smph, #sec4 h3.smph, #sec5 h3.smph, #sec11 h3.smph, #sec13 h3.smph{display:none;}
}
@media screen and (max-width: 849px){
	#secCow .text{	padding:10px;	}
	#sec3, #sec4, #sec5, #sec8, #sec9, #sec11, #sec13{	margin-top:30px;}
	#sec3 h3.smph, #sec4 h3.smph, #sec5 h3.smph{
		display:block;
		color:#0cbdca;
		border-bottom:2px dotted #0cbdca;
		padding:0 2%;
		text-align:center;
		font-size:20px;
	}
	#sec3 h3.pc, #sec4 h3.pc, #sec5 h3.pc, #sec6 .ttBg, #sec6 .colR, #sec11 .pc, #sec13 .pc{
		display:none;
	}
}


/* secMBG -------------------------------------------- */

#secMBG .accordion-area .box {
	padding-top:0;font-size:85%;line-height:1.5em;
}

#secMBG .accordion-area .box p {
	text-indent:-1.4em;
	margin-left:1.4em;
	margin-bottom:1em;
}

/* secFAQ --------------------------------------------- */
h3.accordion-title {
	font-size:21px;
	margin:2em auto 10px;
	text-align:center;
	color:#0cbdca;
	border-bottom:1px solid #0cbdca;
	color:#14BFCC;
	border-bottom:1px solid #14BFCC;
}

/*BuyLinkButton --------------------------------------- */

.linkBtn{margin:30px auto;display:block;}
.linkBtn a {width:50%;margin:0 0 50px;padding:0;display:block;}
.linkBtn a:nth-child(odd) {float:left;} /*奇数*/
.linkBtn a:nth-child(even) {float:right;} /*偶数*/

.linkBtn a:hover {opacity:0.9;}

@media screen and (min-width: 550px){}
@media screen and (max-width: 549px){
	.linkBtn{margin:20px auto;display:block;width:75%}
	.linkBtn a {width:100%!important;margin:0 auto 10px;padding:0;display:block;}
	.linkBtn a:nth-child(odd) {clear:both;} /*奇数*/
	.linkBtn a:nth-child(even) {clear:both;} /*偶数*/
}


/*アコーディオン0  secMBG--------------------------------------- */
.accordion-area0	{list-style: none;width: 100%;margin:0 auto;}
.accordion-area0	li{margin: 2px 0;line-height:1.8em;}
.accordion-area0	section {border-bottom: 1px solid #eee;}

/*アコーディオン1  secFAQ--------------------------------------- */
.accordion-area1	{list-style: none;width: 100%;margin:0 auto;}
.accordion-area1	li{margin: 2px 0;line-height:1.8em;}
.accordion-area1	section {border-bottom: 1px solid #eee;}

/*アコーディオン2  secSHIPPING--------------------------------------- */
.accordion-area2	{list-style: none;width: 100%;margin:0 auto;}
.accordion-area2	li{margin: 2px 0;line-height:1.8em;}
.accordion-area2	section {border-bottom: 1px solid #eee;}


/*アコーディオンタイトル*/
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    transition: all .5s ease;
    font-weight:bold;
    line-height:1.4em;
    margin:0;
    padding: 2% 1% 2% 50px;
}

/*アイコンの＋と×*/
.title::before,
.title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
}
.title::before	{top:48%;left: 15px;transform: rotate(0deg);}
.title::after	{top:48%;left: 15px;transform: rotate(90deg);}

/*　closeというクラスがついたら形状変化　*/
.title.close::before{	transform: rotate(45deg);}
.title.close::after	{	transform: rotate(-45deg);}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
	margin:0 0% 3% 3%;
    padding: 3%;
/*    display: block; 一旦全表示*/
    font-weight:normal;
    width: calc(100% - 3% * 2);
}


/* footer ----------------------------------------------*/

.footer_title {font-size:20px;padding-bottom:5px;border-bottom:solid 3px #aaa;}
img.footer_logo {margin:5em auto 1em; width:300px;}


/* from flatsome.css ------------------------------------*/
/*	ul.menu>li>a,
	.widget>ul>li>a,	*/
ul.menu>li>span:first-child,
.widget>ul>li>span:first-child{display:inline-block;padding:6px 0;-webkit-box-flex:1;-ms-flex:1;flex:1}

.widget>ul.menu {margin-bottom:1.5em;}

.widget>ul.menu>li{
	display:block;padding:8px 0;-webkit-box-flex:1;-ms-flex:1;flex:1
	font-size:14px;
	color:#f8f8f8;
}

.is-divider{height:3px;display:block;background-color:rgba(0,0,0,.1);margin:1em 0 0.66em;width:100%;max-width:30px}
.widget .is-divider{margin-top:.66em}


/* ページトップリンク -----------------------------------*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	color: #989898;
	border:2px solid #989898;
	border-radius: 30px;
	width: 50px;
	height: 50px;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}

/* Font Awesome */
#page-top a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 40px;
	position: absolute;
	top: -8px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	color: #989898;
}

#page-top a:hover{
	background: #14bfcc;
	border:2px solid #14bfcc;
}

#page-top a:hover::before {
	color: #ffffff!important;
}


/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

/*　上に上がる動き　*/
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}