@charset "utf-8";

/* 
===================== Universal reset ==========================
*/
img {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
	height:auto;
}
.clear{clear: both;}
.word{display: inline-block;}

/* 
===================== Body and base setting ====================
*/
body{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-display: swap;/* Webフォントが読み込まれるまでフォールバックフォントで表示 */ 
	margin: 0;
	padding: 0;
	color: var(--brown-dark, #663333);
	text-align: center;
	/*overflow-x: hidden;*/
}
a:link{
    text-decoration: none;
    color: inherit;
}
a:visited{
	color: inherit;
}
a:hover{
	color: inherit;
}
a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
}
section{
	padding: 5rem 0 11rem;
	position: relative;
	}
	@media screen and (max-width:768px){
		section {
			padding: 1.5rem 0 5rem;
		}
	 }
section.__red{
	background-size:auto;
	background-color:rgb(209 64 64);
	background-image:repeating-linear-gradient(135deg, transparent, transparent 2px, var(--red, #cd2222) 2px, var(--red, #cd2222) 22px );
}
figure{
	margin: unset;
}
/*================ :rootのCSS変数の宣言 ===============*/
:root {
	/*カラーチャートガイドラインより*/
	--brown-dark:#5F3C20;/*#663300*/
	--brown-bright:#A15D27;
	--sylvanian-red-dark:#A21E2C;
	--sylvanian-red-bright:#CF0037;
	--green:#6DBA4F;
	--green-bg:#ECF2C5;
	--yellow:#FBC82B;
	--yellow-bg:#FFFCDA;
	--orange:#F39700;
	--orange-bg:#FDEBD1;
	--red:#cd2222;/*#DA455C*/
	--red-bg:#FBE4DF;
	--pink:#EB6D94;
	--pink-bg:#FADBE1;
	--purple:#A590C3;
	--purple-bg:#DCD0E6;
	--blue:#20ADE5;
	--blue-bg:#DFF1FC;
	--shadow:#00000030;
}
/*
color: var(--brown-dark, #663300);
color: var(--yellow-bg, #FFFCDA);
color: var(--orange, #F39700);
color: var(--red, #cd2222);
color: var(--pink, #EB6D94);
color: var(--shadow, #00000030);
*/
.__red{
	/*color: var(--red, #cd2222);*/
}
/*
================ Animetion ===============
*/
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
/* 2つ目の要素に200msのdelayをかける */
#effect2 > div .fadein:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    }
/* 3つ目の要素に400msのdelayをかける */
#effect2 > div .fadein:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }
/* アニメーション ふわふわ上下する */  
.fuwafuwa{animation: 5s fuwafuwa infinite;}
    @keyframes fuwafuwa {
      0%, 100% {transform: translateY(0);}
      50% {transform: translateY(-10px);}
    }
.fuwafuwa2{
    animation: 5s fuwafuwa2 infinite;
    animation-delay: -2s;
    }
    @keyframes fuwafuwa2 {
      0%, 100% {transform: translateY(0);}
      50% {transform: translateY(-10px);}
    }
.fuwafuwa3{animation: 4s fuwafuwa3 infinite;}
    @keyframes fuwafuwa3 {
      0%, 100% {transform: translateY(0);}
      50% {transform: translateY(-15px);}
    }
	@media screen and (min-width:768px){
		#productGimmick .fuwafuwa,
		#productGimmick .fuwafuwa2,
		#productGimmick .fuwafuwa3{
			animation: unset;
		}
	}
/* アニメーション ゆらゆら */ 
.yurayura {
    animation: yurayura 3s infinite ease-in-out .8s alternate;
    /*background: url(../img/ico-apple.svg) no-repeat center center / 60px auto;*/
    display: inline-block;
    transition: 1.5s ease-in-out;
    }
    @keyframes yurayura {
        0% {transform:translate(0, 0) rotate(-7deg);}
        50% {transform:translate(0, -7px) rotate(0deg);}
        100% {transform:translate(0, 0) rotate(7deg);}
    }
/* アニメーション きらきら */ 
.kirakira{
	position: absolute;
	animation: flashing  3s infinite;
	margin:0;
	}
	@keyframes flashing {
		0% {
			opacity: 1;
		}
		50% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

/* 
===================== Common setting ====================
*/
.wrap {
	width:100%;
	margin: 0 auto;
	padding: 0;
}

.contentsWrap {
	width:100%;
	margin: 0 auto;
	padding:0;
	/*background: #EC73A8;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%,rgba(175, 99, 163, 1) .5%, rgba(87, 26, 134, 1)50%, rgba(87, 26, 134, 1) 80%, rgba(28, 36, 137, 1) 100%);*/
}

.bgImage{
	background-image: url(../img/bg-wood.jpg);
	background-position:center;
	background-repeat:repeat;
	background-size: 430px;
}

.container {
	/*width:100%;
	max-width:1400px;*/
	margin:auto;
	position: relative;
}

.inner{
    width:90%;
    max-width:1000px;
    margin: auto;
	position:relative;
}

.box{
	position:relative;
}

.title {
	font-size: clamp(2.5rem, 4vw, 4rem);
	}
	.title span{
		display:block;
		font-size: 40%;
		}
	.__red .title{
		color:white;
		text-shadow: 0px 0px 10px var(--shadow, #00000030);
	}

.borderImage img{
	border-radius:1rem;
	border:4px solid var(--orange, #F39700);
	box-sizing:border-box;
	box-shadow:0px 0px 5px white;
}
/*.line{
	width:100%;
	margin: -4rem auto 0;
	padding: 0 0 8rem;
	border:0;
	background-image: url(../img/deco-line.png);
	background-position:center;
	background-repeat:repeat-x;
	background-size: 550px;
	position: absolute;
	z-index: 2;
	}
    @media screen and (max-width:767px){
		.line {
			margin: -2.5rem auto 0;
			padding-bottom: 17%;
			background-size: 80%;
		}
   	 }*/

.flexBox{
	display: flex;
	flex-wrap:wrap;
	}
	.flexBox.col4 > div {
		width:25%;
		padding:1rem .5rem;
		box-sizing:border-box;
		}
		@media screen and (max-width: 1279px){
			.flexBox.col4 > div {
				width:33.3%;
				padding:.6rem .4rem;
			}
		} 
		@media screen and (max-width:768px){
			.flexBox.col4 > div {
				width:50%;
				padding:.5rem .2rem;
			}
		} 
	.flexBox.col3 > div {
		width:33.3%;
		padding:1rem .5rem;
		box-sizing:border-box;
		}
		@media screen and (max-width:768px){
			.flexBox.col3 > div {
				width:50%;
				padding:.5rem .3rem;
			}
		} 
	.flexBox.col2 > div {
		width:50%;
		padding:1rem .5rem;
		box-sizing:border-box;
		} 

/*================ BTN ===============*/
.Btn{
	max-width: 600px;
	border: 3px solid;
	border-radius: 100vh;
	font-size: clamp(1rem, 2vw, 1.5rem);
	font-weight: bold;
	margin: auto;
	padding:0;
	box-sizing:border-box;
	position: relative;
	}
	.Btn:after{
        font-family: "Font Awesome 5 Free";
        content: '\f138';
        padding:0;
		top:50%;
		right:5%;
		transform:translateY(-50%);
		position: absolute;
        }
	.Btn a{
		display: block;
		padding: 2rem 0 2rem 0;
		}
		@media screen and (max-width:768px){ 
			.Btn a{
				padding:6% 0;
			}
		}
	.Btn.__red{
		color: white !important;
		background: var(--red, #cd2222);
		}
		.Btn.__red:hover{
			color: var(--red, #cd2222) !important;
			background: white;
			
		}
	.Btn.__white{
		color: var(--red, #cd2222) !important;
		background: white;
		box-shadow:5px 5px 0px var(--shadow, #00000030);
		}
		.Btn.__white:hover{
			color: white !important;
			background: var(--red, #cd2222);
			
		}

/*
================ Section setting ===============
*/
/*================ top ===============*/
#top {
	padding: 0;
	background-image: url(../img/bg-forest.jpg);
	background-position:center;
	background-repeat:repeat;
	background-size: 1920px;
	}
	#top .container {
		max-width:1920px;
		}
    #top picture img{
        aspect-ratio: auto 1920 / 1200;/*表示する画像サイズ */
        vertical-align: bottom;
        }
        @media screen and (max-width:768px){
            #top picture img{
                aspect-ratio: auto 640 / 650;
            }
         }
	#top .logo{
		width: 18%;
		max-width: 360px;
		top:2%;
		right: 0;
		left: 0;
		margin: auto;
		position: absolute;
		}
		@media screen and (max-width:768px){
			#top .logo {
				width: 35.5%;
				top:3%;
			}
		 }
		#top .logo img{
			aspect-ratio: auto 360 / 75;
		}
		#top .logo a:hover img{
			opacity:1;
			filter:alpha(opacity=100);
			-ms-filter: “alpha( opacity=100 )”;
		}
	#top h1.productName{
		width: 59%;
		max-width: 1000px;
		top:9%;
		right: 0;
		left: 0;
		margin: auto;
		line-height:0;
		position: absolute;
		}
		#top h1.productName img{
			aspect-ratio: auto 1000 / 130;/*表示する画像サイズ */
			}
		@media screen and (max-width:768px){
			#top h1.productName{
				width: 94%;
				top:12%;
			}
		 }
	#top .popup{
		width: 20%;
		max-width: 380px;
		top:25%;
		left:16%;
		transform:rotate(-14deg);
		position: absolute;
		}
		#top .popup img{
			aspect-ratio: auto 380 / 170;/*表示する画像サイズ */
			}
		@media screen and (max-width:768px){
			#top .popup {
				width: 35%;
				top:25%;
				left:7%;
			}
		 }

/*================ story ===============*/
#story .inner{
	/*max-width:1050px;*/
}
#story .box{
	border:solid #ccc 6rem;
	border-image-source:url(../img/box-deco.png);
	border-image-slice:150 fill;
	border-image-width:110px;
	border-image-outset:0px;
	border-image-repeat:round;
	background-color:white;
	border-radius:6rem;
	}
	@media screen and (max-width:768px){
		#story .box{
			border:solid #ccc 2.5rem;
			border-image-source:url(../img/box-deco.png);
			border-image-slice:150 fill;
			border-image-width:50px;
			border-image-outset:0px;
			border-image-repeat:round;
			border-radius:3rem;
		}
	}
#story img{
	width: 100%;
	height: auto;
	aspect-ratio: auto 1000 / 600;
	border-radius: 1rem;
	}
	@media screen and (max-width:768px){
		#story img{
			aspect-ratio: auto 640 / 640;
		}
	}
#story p{
	text-align:left;
	font-size: clamp(1rem, 2vw, 1.2rem);
	font-weight:bold;
	transform:rotate(0.01deg);
	padding: 0 0 1rem;
	}
      @media screen and (max-width:768px){
          #story p{
             padding: 0 0 .4rem;
          }
      }
#story .Btn{
	/*max-width: unset;*/
	}
	#story .Btn a{
		padding: 1.5rem 0 1.5rem 0;
		}
		@media screen and (max-width:768px){
			#story .Btn a{
				padding: 1rem 0 1rem 0;
			}
		}

/*================ Movie ===============*/

#movie .box{
	margin:0 auto 4rem;
    }
    @media screen and (max-width:768px){
        #movie .box {
            margin:0rem auto 2rem;
        }
     }
#movie .box div{
    height: 0;
    overflow: hidden;
	position:relative;
	padding-top:56.25%;
	border:solid 4px white;
	box-sizing: border-box;
	border-radius: 2vw;
	/*box-shadow:0px 0px 5px white;*/
    }
	@media screen and (max-width:768px){
		#movie .box div {
			padding-top:55.25%;
			border:solid 3px white;
		}
	}
#movie iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	border:0;
}

/*================ product ===============*/
#product section{
	padding:unset;
}
.att{
	position:absolute;
	transition: transform .3s ease;
	}
	.att:hover {
		transform: scale(1.1);
	}

/* ===== productShine ===== */
#productShine h3{
	width:90%;
	max-width:1000px;
	margin: auto;
}
#productGimmick .inner{
	max-width:1000px;
}
#productShine .base{
    width:95%;
	max-width:1000px;
    margin: 3rem auto;
    }
    @media screen and (max-width:768px){
        #productShine .base{
			margin:46% auto 80%;
			/*margin:9.4rem auto 17rem;*/
        }
    }
#productShine .att:hover{
	transform: unset;
}
#productShine .shine,
#productShine .shine-l,
#productShine .shine-r,
#productShine .arrow
{
	position: absolute;
}

#productShine .att.__01{
    width:36%;
    top:-2%;
    left:43%;
	}
    #productShine .att.__01 .shine-l{
        width:18%;
        top:19%;
        left:1%;
    }
    #productShine .att.__01 .shine-r{
        width:18%;
        top:19%;
        right:1%;
	}
	@media screen and (max-width:768px){
		#productShine .att.__01{
			width:76%;
			top:-55%;
			left:15%;
		}
	}
#productShine .att.__02{
    width:29%;
    top:16%;
    left:0%;
	}
	#productShine .att.__02 .shine{
		width:43%;
		top:21%;
		left:10%;
	}
	@media screen and (max-width:768px){
		#productShine .att.__02{
            width:34%;
            top:-14%;
            left:-4.5%;
        	}
			#productShine .att.__02 .shine{
				width:69%;
				top:14%;
				left:15%;
			}
		}
#productShine .att.__03{
    width:41%;
    top:26%;
    right:0%;
	}
	#productShine .att.__03 .shine{
		width:30%;
		top:21%;
		left:62%;
	}
	@media screen and (max-width:768px){
		#productShine .att.__03{
            width:43%;
            top:-10%;
            right:-3%;
        	}
			#productShine .att.__03 .shine{
				width:54%;
				top:17%;
				left:33%;
			}
		}
#productShine .att.__04{
    width:33%;
    top:66%;
    right:-1%;
	}
	#productShine .att.__04 .arrow{
		width:28%;
		top:-39%;
		right:4%;
		transform: rotate(-42deg);
	}
	#productShine .att.__04 .shine-l{
		width:30%;
		top:27%;
		left:3%;
	}
	#productShine .att.__04 .shine-r{
		width:30%;
		top:27%;
		right:5%;
	}
	@media screen and (max-width:768px){
		#productShine .att.__04{
			width:80%;
			top:100%;
			right:10%;
			}
			#productShine .att.__04 .arrow{
				width:22%;
				top:-11%;
				right:-10%;
				transform: rotate(-8deg);
			}
		}

/* ===== productGimmick ===== */
#productGimmick h3{
	width:90%;
	max-width:750px;
	margin: 8rem auto 0;
	}
    @media screen and (max-width:768px){
        #productGimmick h3{
			margin: 4rem auto 0;
        }
    }
#productGimmick .inner{
	max-width:1200px;
}
#productGimmick .base{
    width:50%;
	max-width:640px;
    margin: 1rem auto;
	padding-left:1rem;
    }
    @media screen and (max-width:768px){
        #productGimmick .base{
			width:100%;
			margin: 0rem auto;
			padding-left:unset;
        }
    }
#productGimmick .att.__01{
    width:32%;
    top:8%;
    left:0%;
}
#productGimmick .att.__02{
    width:27%;
    top:0%;
    right:1.5%;
}
#productGimmick .att.__03{
    width:30%;
    top:50%;
    left:1.5%;
}
#productGimmick .att.__04{
    width:29%;
    top:37%;
    right:1%;
}
@media screen and (max-width:768px){
    #productGimmick .att.__01{
        width:21%;
        top:31%;
        left:-1%;
    }
    #productGimmick .att.__02{
        width:21%;
        top:25%;
        right:-1%;
    }
    #productGimmick .att.__03{
        width:21%;
        top:64%;
        left:-1%;
    }
    #productGimmick .att.__04{
        width:21%;
        top:55%;
        right:-3%;
    }
}


#productGimmick a:hover img{
    opacity:1;
    filter:alpha(opacity=100);
    -ms-filter: “alpha( opacity=100 )”;
}

/* ===== productLayout ===== */
#productLayout h3{
	width:90%;
	max-width:750px;
	margin: 8rem auto 0;
	}
    @media screen and (max-width:768px){
        #productLayout h3{
			margin: 4rem auto 0;
        }
    }
#productLayout .inner{
	width: 90%;
	max-width:1500px;
}
/*#productLayout .base img{
	border-radius:1rem;
	border:4px solid var(--orange, #F39700);
	box-sizing:border-box;
	box-shadow:0px 0px 5px white;
    }*/
#productLayout .att:hover {
		transform: unset;
	}

#productLayout .att.__01{
    width:18%;
    top:3%;
    left:1%;
}
#productLayout .att.__02{
    width:18%;
    top:3%;
    right:14%;
}
@media screen and (max-width:768px){
    #productLayout .att.__01{
        width:21%;
        top:0%;
        left:0%;
    }
    #productLayout .att.__02{
        width:21%;
        top:0%;
        right:13%;
    }
}

/*================ Recommend ===============*/ 

#recommend .ec-modal-window-box button{
    width:100% !important;
}
#recommend .inner{
    max-width:1400px;
}
#recommend .title span{
    font-size:35%;
}
#recommend .flexBox{
  width:93%;
  margin:auto;
  justify-content:start;
  }	
  @media screen and (max-width:768px){
      #recommend .flexBox {
          width:100%;
      }
  } 

.productBox {
	background-color: white;
	/*border:solid 1px white;*/
	border-radius: 1em;
	box-shadow: 5px 5px 0px var(--shadow, #00000030);
	}
	@media screen and (max-width:768px){
		.productBox {
			box-shadow: 4px 4px 0px var(--shadow, #00000030);
		}
	}
    .productBox h3{
		display: flex;
		justify-content:center;
		align-items:center;
		height: 3rem;
		font-size:clamp(.65rem, 1.5vw, 1rem);
		color:var(--brown-dark, #663300);
		margin: -.2rem auto 0;
		padding:.5rem 0;
		background: var(--yellow-bg, #FFFCDA);
		border: solid 3px;
		border-radius: 0 0 1rem 1rem;
		position: relative;
        }
		@media screen and (max-width:768px){
        	.productBox h3{
				padding:0;
				line-height:1rem;
				border: solid 2px;
			}
  		} 
	.productBox img{
		border: solid 3px;
		border-radius:1rem 1rem 0 0;
		box-sizing: border-box;
		vertical-align: bottom;
		aspect-ratio: auto 4 / 3;
		}
		@media screen and (max-width:768px){
        	.productBox img{
				border: solid 2px;
			}
  		} 

.link{
	margin: 4rem auto;
	}
	@media screen and (max-width:768px){ 
		.link{
			margin: 2rem auto;
		}
	}
.annotation{
	font-weight:bold;
	font-size: clamp(.8rem, 2vw, 1rem); 
	color: white;
	text-shadow: 0px 0px 10px var(--shadow, #00000030);
	transform:rotate(0.05deg);
	}
	@media screen and (max-width:768px){ 
		.annotation{
			margin-bottom: 2rem;
		}
	}

/*============= SnsBox =============*/	
#sns_box{
	width:100%;
	margin:  0 auto;
	padding:5rem 0;
	background-color: white; 
	text-align:center;
	}
    @media screen and (max-width:768px){   
        #sns_box{ 
        	padding:3rem 0 
        }
    }
.box_bnr{
	width:100%;
	margin: 2rem auto;
	padding:0;
	}
    @media screen and (max-width:768px){   
        .box_bnr{ 
        	margin: 3% auto 5%;
        }
    }
	.box_bnr img{
		width:90%;
		max-width: 580px;
		height: auto;
		aspect-ratio: auto 580 / 180;
		margin: auto;
	}

.btn_box{
	width:100%;
	margin: 2rem auto;
	}
    @media screen and (max-width:768px){
		.btn_box{
			margin: 1rem auto 3rem;
		}
    }
	.btn_box img{
		width:80px;
		height: auto;
		aspect-ratio: auto 1 / 1;
		margin: 0 auto;
		padding:15px;
		box-sizing:border-box;
		float:none;
		}
		@media screen and (max-width:768px){
			.btn_box img{
				width:16%;
				padding:2%;
			}
		}

 .copyright {
	width: 100%;
	text-align:center;
	margin: 0 auto;
	padding:10px 0;
}   

/*============= Page-top =============*/
.page_top {
	position: fixed;
    width: 13%;
	max-width: 150px;
    right: 15px;
    bottom: 10px;
    z-index: 100;
	border:none;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
    }
    .page_top a{
        position: relative;
        display: block;
        font-weight: 900;
        /*color: var(--red, #cd2222);*/
        text-align:center;
        text-shadow : 
           2px  2px 1px white,
          -2px  2px 1px white,
           2px -2px 1px white,
          -2px -2px 1px white,
           2px  0px 1px white,
           0px  2px 1px white,
          -2px  0px 1px white,
           0px -2px 1px white;       
        text-decoration: none;
        }
    	.page_top a:hover{
			opacity: 0.8;
        }
	.page_top span{
		position: relative;
		}
		.page_top span img{
			 margin:-2rem -10px 0 0;
		}
		/*.page_top span:after{
			font-family:"Font Awesome 5 Free";
			content:'\f0d8';
			padding-left: .2rem;
			top:50%;
			transform:translateY(-50%);
			position:absolute;
		}*/
    @media screen and (max-width:768px){
		.page_top {
            width: 30%;
			 right: 10px;
            }
        .page_top a{
            font-size:0.8em;
            }
		.page_top span img{
			 margin:-1.5rem -5px 0 0;
			}
        }

/*.page_top{
    width: 60px;
    height: 60px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    background:var(--pink, #EB6D94);
	border:1px solid white;
    border-radius: 50%;
	box-shadow:5px 5px 5px #00000050;
    z-index: 10;
	
	transition: .3s;
	opacity: 0;
	visibility: hidden;
    }
    .page_top a{
        position: relative;
        display: block;
        width: 60px;
        height: 60px;
        }
    .page_top a::before{
        font-family: 'Font Awesome 5 Free';
        font-weight: 700;
        content: '\f106';
        font-size: 25px;
        color: white;
        position: absolute;
        width: 50%;
        height: 50%;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        text-align: center;
        }*/

.active{
  opacity: 1;
  visibility: visible;
}

/*============= Slider =============*/
.slide-wrap {
    width: 95%;
    max-width:1000px;
    margin: 0 auto;
    padding: 0;
    }
    .slide-wrap ul {
        padding-inline-start: 0px !important;
        }
    .slide-wrap .slide li {
        margin: 0 15px;
        }
    .slide-wrap .slide li img {
        width: auto; 
        max-width: 100%;
        margin: 0 auto;
		border: solid 4px white;
		border-radius: 2rem;
		box-sizing: border-box;
		aspect-ratio: auto 1000 / 670;
        }
        @media screen and (max-width:768px){
            .slide-wrap {
                width: 100%;
                margin: 0 auto;
                }
            .slide-wrap .slide li {
                margin: 0 5px;
                }
            .slide-wrap .slide li img {
				border: solid 3px white;
				border-radius: 1rem;
                }
        }
.slick-prev,
.slick-next
{
	background: var(--red, #cd2222);
	box-shadow: 0px 0px 0px 3px white;
}
.slick-dots li button:before{
	color: white;
}
/*============= ec-modal-window =============*/
.ec-modal-window-box section{
	padding: 0;
}
	
/*===============================================
          SP only  
===============================================*/
@media screen and (max-width: 767px){
.sp { display: block !important; }
.pc { display: none !important; }
}
/*==============================================
           PC
==============================================*/
@media only screen and (min-width: 768px){
.sp { display: none !important; }
.pc { display: block !important; }
}