﻿@charset "utf-8";
/* CSS Document */

/*共通部分*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body{
	font-size: 1.0em;
	font-size: 1.0rem;
	}
	
html,body{
	height:100%;
	overflow: visible;
}	

body {
	padding-top: 0;
	letter-spacing: 0;
	color: #333;
	line-height: 1.6;
}
.cf:after{
content: "";
   display: block;
   clear: both;
}
img {
	max-width: 100%;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

#contents {
	margin: 0 auto;
	padding-bottom:9rem; /*フッターの高さと同じ*/
}

#footer{
	height: 9rem;
}

a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.bottom0 {
	margin-bottom: 0px !important;
}
.center {
	text-align: center;
}

.pc {display:block !important;}
.sp {display:none !important;}

.pad{display:none !important;}
span.pc {display:inline !important;}

/*↑ここまで共通部分*/

body{
background:#fff;
}

#contents{
	max-width:1120px; margin: 0 auto; padding:0 0rem;
}
.title{margin: 1rem auto 0rem;}
.logo{text-align: center; margin:0 auto 0;width:100%;}
.logo img{/*width:28%;*/ max-width: 46.5rem;}

.artist{width:100%; text-align: center; margin: 0rem auto 0; 
/*   background:#e4eaec linear-gradient(0deg, #f2f2f4, #e4eaec,#f1f2f4); */
   padding: 0rem 0;}
.artist img{
width:60%;
   margin: 0 auto;
    max-width: 100rem;
	position: relative;
}

.logo p{color:#fff; font-size: 1.2rem; margin-top: 1rem;}
.title_h1{text-align: center; color: #333; font-size: 5.5rem; margin: 6rem auto 2rem; line-height: 1;
   background: #D4EEE2;
    padding: 0.3em 0;font-weight: 800;
/*font-family:'Libre Baskerville',"source-han-serif-japanese","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","serif";*/
}
.link_text{
max-width: 1120px;
    margin: 0 auto;
    text-align: left;
    width: 95%;
    font-size: 1.5em;
    font-weight: bold;
    color: #000;
}
.link_text a{color: #000;font-weight: bold;}
/* colorbox */
#cboxClose {
    position: absolute;
    top: -50px;
    right: 5px;
    display: block;
    background: url(/img/evilline/hypnosismic/5thlive_all/assets/images/btn_close.png) no-repeat top center;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    z-index: 1000000;
    background-size: cover;
}
#cboxContent {margin-top: 50px;}
/*#cboxOverlay {background: #fff;}*/
iframe{ width:100%; }
/* colorbox */

#goods .goods_area {max-width:1120px;margin:0 auto;}

#goods .goods_area .products {/*letter-spacing:-.4em;*/text-align:center;}
#goods .goods_area .products dl {background:#fff;border:none;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;width:22.1%;display:inline-block; vertical-align:top;letter-spacing:normal; padding:1.5%;margin:1% 1% 0;float: left;}
#goods .goods_area .products dd {padding:1.5rem 0 2em 0;}
#goods .goods_area .products dd h3 {display:block;font-weight:bold;font-size:1.5em; margin: 0 0 1rem 0;}
#goods .goods_area .products dd.price h3:first-child{margin-bottom: 0;}
#goods .goods_area .products dd.price h3:last-child{font-size: 1.25em;}
#goods .goods_area .products dd p {font-size:1.3em;margin-top:.3em;margin-bottom:0;line-height:1.4;}

#cboxLoadedContent {
    border: none;
    background: #fff;
    margin-top: -25px;
	overflow: hidden !important;
}
#cboxTitle {
    position: absolute;
    top: inherit;
    left: 0;
    color: #fff;
    bottom: 0;
	background: rgba(0,0,0,.8);
    display: block;
    width: 90%;
    padding: .8em 5%;
    font-size: 1.2em;
    text-align: center;
	box-sizing: content-box;
	display: none !important;
}
/*プルダウンボタンここから*/

.select_area {margin:2em 0 0;}
.dropdown {display:block; margin: 0 auto 0em;}
.dropdown-select {font-size:1.3em; max-width: 100%; width: 100%;}
.cart_btn {background:#D4EEE2; width:100%; margin:2em auto 0em; text-align:center; border-radius: 0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;}
.cart_btn a {display:block; text-decoration:none;}
.cart_btn span {
/*   background: url(https://kingeshop.jp/img/kingsuperlive/images/icon_cart.png) no-repeat 0 0; */
   font-weight:600; 
/*   background-size: 1.8em auto;*/
   padding:0em 0 0em 0em;color:#fff; /*font-size:1.3em;*/  font-size:2.2em; line-height:2.2;}
.btn02 span{color: #000;}
.btn02:hover {background:#000;opacity: 1;}
.btn02:hover span {color:#D4EEE2;opacity: 1;}

.finish{background: none;}
.finish:hover{background: none;}
.finish span{background: none; color: red; padding-left: 0;}

.cart_change00 .cart_btn.btn00 {margin-top:6em;}

.cart_change01 .cart_btn.btn01 {background:#ccc;}
.cart_change01 .cart_btn.btn02 {display:none;}
.cart_change01.sel01.sel01_2 .cart_btn.btn01 {display:none;}
.cart_change01.sel01.sel01_2 .cart_btn.btn02 {display:block;}

.cart_change01b .cart_btn.btn01 {background:#ccc;}
.cart_change01b .cart_btn.btn02 {display:none;}
.cart_change01b.sel01b.sel01b_2 .cart_btn.btn01 {display:none;}
.cart_change01b.sel01b.sel01b_2 .cart_btn.btn02 {display:block;}

.cart_change02 .cart_btn.btn01 {background:#ccc;}
.cart_change02 .cart_btn.btn02 {display:none;}
.cart_change02.sel02.sel02_2 .cart_btn.btn01 {display:none;}
.cart_change02.sel02.sel02_2 .cart_btn.btn02 {display:block;}

.cart_change02b .cart_btn.btn01 {background:#ccc;}
.cart_change02b .cart_btn.btn02 {display:none;}
.cart_change02b.sel02b.sel02b_2 .cart_btn.btn01 {display:none;}
.cart_change02b.sel02b.sel02b_2 .cart_btn.btn02 {display:block;}

.cart_change03 .cart_btn.btn01 {background:#ccc;}
.cart_change03 .cart_btn.btn02 {display:none;}
.cart_change03.sel03.sel03_2 .cart_btn.btn01 {display:none;}
.cart_change03.sel03.sel03_2 .cart_btn.btn02 {display:block;}

.cart_change03b .cart_btn.btn01 {background:#ccc;}
.cart_change03b .cart_btn.btn02 {display:none;}
.cart_change03b.sel03b.sel03b_2 .cart_btn.btn01 {display:none;}
.cart_change03b.sel03b.sel03b_2 .cart_btn.btn02 {display:block;}

.cart_change04 .cart_btn.btn01 {background:#ccc;}
.cart_change04 .cart_btn.btn02 {display:none;}
.cart_change04.sel04.sel04_2 .cart_btn.btn01 {display:none;}
.cart_change04.sel04.sel04_2 .cart_btn.btn02 {display:block;}

.cart_change04b .cart_btn.btn01 {background:#ccc;}
.cart_change04b .cart_btn.btn02 {display:none;}
.cart_change04b.sel04b.sel04b_2 .cart_btn.btn01 {display:none;}
.cart_change04b.sel04b.sel04b_2 .cart_btn.btn02 {display:block;}

.cart_change05 .cart_btn.btn01 {background:#ccc;}
.cart_change05 .cart_btn.btn02 {display:none;}
.cart_change05.sel05.sel05_2 .cart_btn.btn01 {display:none;}
.cart_change05.sel05.sel05_2 .cart_btn.btn02 {display:block;}

.cart_change05b .cart_btn.btn01 {background:#ccc;}
.cart_change05b .cart_btn.btn02 {display:none;}
.cart_change05b.sel05b.sel05b_2 .cart_btn.btn01 {display:none;}
.cart_change05b.sel05b.sel05b_2 .cart_btn.btn02 {display:block;}

.cart_change06 .cart_btn.btn01 {background:#ccc;}
.cart_change06 .cart_btn.btn02 {display:none;}
.cart_change06.sel06.sel06_2 .cart_btn.btn01 {display:none;}
.cart_change06.sel06.sel06_2 .cart_btn.btn02 {display:block;}

.cart_change06b .cart_btn.btn01 {background:#ccc;}
.cart_change06b .cart_btn.btn02 {display:none;}
.cart_change06b.sel06b.sel06b_2 .cart_btn.btn01 {display:none;}
.cart_change06b.sel06b.sel06b_2 .cart_btn.btn02 {display:block;}

.cart_change07 .cart_btn.btn01 {background:#ccc;}
.cart_change07 .cart_btn.btn02 {display:none;}
.cart_change07.sel07.sel07_2 .cart_btn.btn01 {display:none;}
.cart_change07.sel07.sel07_2 .cart_btn.btn02 {display:block;}

.cart_change07b .cart_btn.btn01 {background:#ccc;}
.cart_change07b .cart_btn.btn02 {display:none;}
.cart_change07b.sel07b.sel07b_2 .cart_btn.btn01 {display:none;}
.cart_change07b.sel07b.sel07b_2 .cart_btn.btn02 {display:block;}

.cart_change08 .cart_btn.btn01 {background:#ccc;}
.cart_change08 .cart_btn.btn02 {display:none;}
.cart_change08.sel08.sel08_2 .cart_btn.btn01 {display:none;}
.cart_change08.sel08.sel08_2 .cart_btn.btn02 {display:block;}

.cart_change08b .cart_btn.btn01 {background:#ccc;}
.cart_change08b .cart_btn.btn02 {display:none;}
.cart_change08b.sel08b.sel08b_2 .cart_btn.btn01 {display:none;}
.cart_change08b.sel08b.sel08b_2 .cart_btn.btn02 {display:block;}

.cart_change09 .cart_btn.btn01 {background:#ccc;}
.cart_change09 .cart_btn.btn02 {display:none;}
.cart_change09.sel09.sel09_2 .cart_btn.btn01 {display:none;}
.cart_change09.sel09.sel09_2 .cart_btn.btn02 {display:block;}

.cart_change09b .cart_btn.btn01 {background:#ccc;}
.cart_change09b .cart_btn.btn02 {display:none;}
.cart_change09b.sel09b.sel09b_2 .cart_btn.btn01 {display:none;}
.cart_change09b.sel09b.sel09b_2 .cart_btn.btn02 {display:block;}

.cart_change10 .cart_btn.btn01 {background:#ccc;}
.cart_change10 .cart_btn.btn02 {display:none;}
.cart_change10.sel10.sel10_2 .cart_btn.btn01 {display:none;}
.cart_change10.sel10.sel10_2 .cart_btn.btn02 {display:block;}

.cart_change10b .cart_btn.btn01 {background:#ccc;}
.cart_change10b .cart_btn.btn02 {display:none;}
.cart_change10b.sel10b.sel10b_2 .cart_btn.btn01 {display:none;}
.cart_change10b.sel10b.sel10b_2 .cart_btn.btn02 {display:block;}

.cart_change11 .cart_btn.btn01 {background:#ccc;}
.cart_change11 .cart_btn.btn02 {display:none;}
.cart_change11.sel11.sel11_2 .cart_btn.btn01 {display:none;}
.cart_change11.sel11.sel11_2 .cart_btn.btn02 {display:block;}

.cart_change11b .cart_btn.btn01 {background:#ccc;}
.cart_change11b .cart_btn.btn02 {display:none;}
.cart_change11b.sel11b.sel11b_2 .cart_btn.btn01 {display:none;}
.cart_change11b.sel11b.sel11b_2 .cart_btn.btn02 {display:block;}

.cart_change12 .cart_btn.btn01 {background:#ccc;}
.cart_change12 .cart_btn.btn02 {display:none;}
.cart_change12.sel12.sel12_2 .cart_btn.btn01 {display:none;}
.cart_change12.sel12.sel12_2 .cart_btn.btn02 {display:block;}

.cart_change12b .cart_btn.btn01 {background:#ccc;}
.cart_change12b .cart_btn.btn02 {display:none;}
.cart_change12b.sel12b.sel12b_2 .cart_btn.btn01 {display:none;}
.cart_change12b.sel12b.sel12b_2 .cart_btn.btn02 {display:block;}

.cart_change13 .cart_btn.btn01 {background:#ccc;}
.cart_change13 .cart_btn.btn02 {display:none;}
.cart_change13.sel13.sel13_2 .cart_btn.btn01 {display:none;}
.cart_change13.sel13.sel13_2 .cart_btn.btn02 {display:block;}

.cart_change13b .cart_btn.btn01 {background:#ccc;}
.cart_change13b .cart_btn.btn02 {display:none;}
.cart_change13b.sel13b.sel13b_2 .cart_btn.btn01 {display:none;}
.cart_change13b.sel13b.sel13b_2 .cart_btn.btn02 {display:block;}

.cart_change14 .cart_btn.btn01 {background:#ccc;}
.cart_change14 .cart_btn.btn02 {display:none;}
.cart_change14.sel14.sel14_2 .cart_btn.btn01 {display:none;}
.cart_change14.sel14.sel14_2 .cart_btn.btn02 {display:block;}

.cart_change14b .cart_btn.btn01 {background:#ccc;}
.cart_change14b .cart_btn.btn02 {display:none;}
.cart_change14b.sel14b.sel14b_2 .cart_btn.btn01 {display:none;}
.cart_change14b.sel14b.sel14b_2 .cart_btn.btn02 {display:block;}

.cart_change15 .cart_btn.btn01 {background:#ccc;}
.cart_change15 .cart_btn.btn02 {display:none;}
.cart_change15.sel15.sel15_2 .cart_btn.btn01 {display:none;}
.cart_change15.sel15.sel15_2 .cart_btn.btn02 {display:block;}

.cart_change15b .cart_btn.btn01 {background:#ccc;}
.cart_change15b .cart_btn.btn02 {display:none;}
.cart_change15b.sel15b.sel15b_2 .cart_btn.btn01 {display:none;}
.cart_change15b.sel15b.sel15b_2 .cart_btn.btn02 {display:block;}

.cart_change16 .cart_btn.btn01 {background:#ccc;}
.cart_change16 .cart_btn.btn02 {display:none;}
.cart_change16.sel16.sel16_2 .cart_btn.btn01 {display:none;}
.cart_change16.sel16.sel16_2 .cart_btn.btn02 {display:block;}

.cart_change16b .cart_btn.btn01 {background:#ccc;}
.cart_change16b .cart_btn.btn02 {display:none;}
.cart_change16b.sel16b.sel16b_2 .cart_btn.btn01 {display:none;}
.cart_change16b.sel16b.sel16b_2 .cart_btn.btn02 {display:block;}

.cart_change17 .cart_btn.btn01 {background:#ccc;}
.cart_change17 .cart_btn.btn02 {display:none;}
.cart_change17.sel17.sel17_2 .cart_btn.btn01 {display:none;}
.cart_change17.sel17.sel17_2 .cart_btn.btn02 {display:block;}

.cart_change17b .cart_btn.btn01 {background:#ccc;}
.cart_change17b .cart_btn.btn02 {display:none;}
.cart_change17b.sel17b.sel17b_2 .cart_btn.btn01 {display:none;}
.cart_change17b.sel17b.sel17b_2 .cart_btn.btn02 {display:block;}

.cart_change18 .cart_btn.btn01 {background:#ccc;}
.cart_change18 .cart_btn.btn02 {display:none;}
.cart_change18.sel18.sel18_2 .cart_btn.btn01 {display:none;}
.cart_change18.sel18.sel18_2 .cart_btn.btn02 {display:block;}

.cart_change18b .cart_btn.btn01 {background:#ccc;}
.cart_change18b .cart_btn.btn02 {display:none;}
.cart_change18b.sel18b.sel18b_2 .cart_btn.btn01 {display:none;}
.cart_change18b.sel18b.sel18b_2 .cart_btn.btn02 {display:block;}

.cart_change19 .cart_btn.btn01 {background:#ccc;}
.cart_change19 .cart_btn.btn02 {display:none;}
.cart_change19.sel19.sel19_2 .cart_btn.btn01 {display:none;}
.cart_change19.sel19.sel19_2 .cart_btn.btn02 {display:block;}

.cart_change19b .cart_btn.btn01 {background:#ccc;}
.cart_change19b .cart_btn.btn02 {display:none;}
.cart_change19b.sel19b.sel19b_2 .cart_btn.btn01 {display:none;}
.cart_change19b.sel19b.sel19b_2 .cart_btn.btn02 {display:block;}

.cart_change20 .cart_btn.btn01 {background:#ccc;}
.cart_change20 .cart_btn.btn02 {display:none;}
.cart_change20.sel20.sel20_2 .cart_btn.btn01 {display:none;}
.cart_change20.sel20.sel20_2 .cart_btn.btn02 {display:block;}

.cart_change20b .cart_btn.btn01 {background:#ccc;}
.cart_change20b .cart_btn.btn02 {display:none;}
.cart_change20b.sel20b.sel20b_2 .cart_btn.btn01 {display:none;}
.cart_change20b.sel20b.sel20b_2 .cart_btn.btn02 {display:block;}

.cart_change21 .cart_btn.btn01 {background:#ccc;}
.cart_change21 .cart_btn.btn02 {display:none;}
.cart_change21.sel21.sel21_2 .cart_btn.btn01 {display:none;}
.cart_change21.sel21.sel21_2 .cart_btn.btn02 {display:block;}

.cart_change21b .cart_btn.btn01 {background:#ccc;}
.cart_change21b .cart_btn.btn02 {display:none;}
.cart_change21b.sel21b.sel21b_2 .cart_btn.btn01 {display:none;}
.cart_change21b.sel21b.sel21b_2 .cart_btn.btn02 {display:block;}

.cart_change22 .cart_btn.btn01 {background:#ccc;}
.cart_change22 .cart_btn.btn02 {display:none;}
.cart_change22.sel22.sel22_2 .cart_btn.btn01 {display:none;}
.cart_change22.sel22.sel22_2 .cart_btn.btn02 {display:block;}

.cart_change22b .cart_btn.btn01 {background:#ccc;}
.cart_change22b .cart_btn.btn02 {display:none;}
.cart_change22b.sel22b.sel22b_2 .cart_btn.btn01 {display:none;}
.cart_change22b.sel22b.sel22b_2 .cart_btn.btn02 {display:block;}
/*プルダウンボタンここまで*/

/*SHOPPING INFORMATION　ご利用案内ここから*/
.info_table{
	font-size: 160%;
	margin: 0rem auto 1rem;
	width: 100%;
	max-width:105rem;
}
.info_table hr{
	color: #333;
}

.info_td{background:#D4EEE2; padding: 0px 30px; box-sizing: border-box;border-radius: 15px;}

.info_tit{font-size:1em; color:#333; padding:20px 10px 10px; text-align:center;}
.info_tit b{color:#333; font-size:1.2em;}
.info_tit b span{font-weight:800; background-size: 30px auto;padding:3.5px 0 0px 0px; line-height:1.6;}

.info_txt{font-size:0.9em; color:#333; padding: 30px 0; margin-top:0px;}
.info_txt b{color:#333;}

.info_txt img{margin-top:5px;}
/*SHOPPING INFORMATION　ご利用案内ここまで*/

/*#footerここから*/

#footer{
/*	background:#D4EEE2;*/
   background:#fff;
	border-top:none;
	border-bottom:none;
	margin-top:0;
	font-size: 160%;
   overflow: hidden;
}
#footer div.inner{
	position: relative;
	width: 100%;
	max-width:105rem;
	margin: 0 auto;
	padding: 0 0px;
	box-sizing: border-box;
/*   background:#D4EEE2;*/
   background:#fff;
}
#footer #copyright{
	padding: 15px 0;
	font-size: 10px;
	color: #333;
	text-align: center;
}

.tweet_btn{
	position: absolute;
	bottom: 50px;
	right: 115px;
}
.like_btn{
	position: absolute;
	bottom: 57px;
	right: 40px;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */

#footer table{
	width:100%;
	margin:0 auto;
	color:#333;
	border:none;
	border-collapse:collapse;	
	}

#footer_area {
	margin-top: 15px;
	padding: 7px 0;
/*	border-top: 1px dotted #333;*/
/*	border-bottom: 1px dotted #333;*/
	overflow: hidden;
	height: 100%;
}
#footernav {
	text-align: left;
	float: left;
	margin-left: 20px;
}
#footernav li {
	padding: 0 17px;
	display: inline;
	background: url(/img/pillows/assets/images/arrow-footer.gif) no-repeat 0 10px;
}
#footernav li a {
	font-size: 11px;
}

.goTop {
	float: right;
	padding-right: 20px;
}
#copyright {
	text-align:center;
	margin:0;
}

#footer a:link {
	text-decoration: none !important;
    color:#333 !important;
}

#footer a:visited {
	text-decoration: none !important;
    color:#333 !important;
}
#footer a:active {
	text-decoration: none !important;
}

#footer a:hover {
    color:#333 !important;
	}

/*#footerここまで*/
.lp ul li{
   width: 95%;
   margin: 0 auto;
   margin-top: 2em;
font-size: 1.8rem;
   text-align: left;
}
.movie_area{
   clear: both;
margin-top: 2em;
}
   .movie_area p{
      font-size: 1.8rem;
      padding-top: 0.2em;
   }
.movie{
   width: 48%;
   margin: 1%;
   float: left
}
.youtube {
  position: relative;
  width:100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}






/*Close buttonここから*/

.closebt {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	cursor:pointer;
}

.closebt:hover {
	transform:rotate(90deg);
}

.closebt{
	width: 5rem;
}

.close_btn{
       max-width: 96rem;
	margin: 2rem auto 2rem;
   text-align: right
}

/*Close buttonここまで*/

/*bxsliderここから*/
.bx-wrapper {margin: 2em 0 0px; margin: 0 auto 0rem; /*border-right: 1px solid #b3a883;border-top: 1px solid #b3a883;border-left: 1px solid #b3a883;*/}
.bx-wrapper img{/*border: 1px solid #ccc*/}

.bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: 0;left: 0;}
.mainimage .thumb {
	padding: 2.5rem 0.5% 4rem;
    background-color: rgba(255,255,255,1);
    text-align: center;
    width: 100%;
    margin: 0 auto;
    box-sizing: content-box;
	}
.mainimage .thumb span {width:31%;margin: 1% 1% 1%;float: left;}
.mainimage .thumb a {display: block;line-height: 0;padding: 1px 1px 1px 1px;
/*   background:#ccc;*/
   box-sizing: border-box;}
/*.mainimage .thumb a.active {background:red;}*/

.mainimage .pen_light{
	padding:1.5em;
	box-sizing: border-box;
}

.mainimage .pen_light img{
	border: 1px solid #DB77AD;
}
/*bxsliderここまで*/

/*モーダルここから*/

.products dl dt{
	/*border: 1px solid #ccc;*/
}

.products dl dt a img{
	padding: 0rem;
/*	border: 1px solid #ccc;*/
}


.modal_content{/*max-width:112rem;*/ max-width:96rem; width:100%; margin: 0 auto;}
.mainimage{width: 49%; float: left;}
.modal_right{width: 49%; float: right;}
.modal_right h3 {display:block;font-weight:bold;font-size:3rem; margin:4rem 0 1rem 0; line-height: 1.4;}
.modal_right h3 span {font-size:0.8em;}
.modal_right p {font-size:1.7rem;margin-top: 1rem;margin-bottom:0;line-height:1.4;}
.modal_right p span{
	font-size:0.8em;
}
.modal_right p.color, .modal_right p.size {font-size:1.8rem; margin: 2rem auto;}
.modal_right p.price{
	font-size: 2rem; margin-top: 2rem;
}
.modal_right .size_table table{
   border-collapse: collapse;
   border: solid 1px #ccc;
   width: 100%;
}
.modal_right .size_table{
   font-size: 1.5rem;
   margin-bottom: 4rem;
}
.modal_right .size_table th{
   padding: 2%;
   border: solid 1px #ccc;
   background: #D4EEE2;
   padding-left: 2em;
}
.modal_right .size_table td{
   padding: 2%;
   border: solid 1px #ccc;
   font-size: 1.3rem;
}
.modal_right p.attention{
   margin-top: 2rem;
   font-size: 1.5rem;
   text-align: left;
}

.modal_right .select_area {
	width: 75%;
    margin: 4rem auto 0;
}


/*モーダルここまで*/

/*more_areaここから*/
.more_area {
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}
.more_area .caption {
	font-size:		3rem;
	text-align: 		center;
	line-height: 30rem;
	color:			#fff;
}
.more_area .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.3);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.more_area:hover .mask {
	opacity:		1;	/* マスクを表示する */
}
/*more_areaここまで*/

@media screen and (max-width: 1024px) {
	/* 1024px以下用（iPad Pro）の記述 */

/*floatのスタイル*/
.left {
	float:none;
}

.right {
	float:none;
}
/*floatのスタイル*/

/*↑ここまで共通部分*/

/*Close buttonここから*/

.closebt{
	width: 10%;
}

.close_btn{
	margin: 2rem auto 2rem;
}

/*Close buttonここまで*/	
	
/*モーダルここから*/

.bx-wrapper img{
	width: 100%;
	height: auto;
	padding: 5px;
}	
	
.bx-viewport ul li{
	width: 100% !important;
	height: auto;
}	
	
.modal_content{max-width:100%; width: 100%; margin: 0 auto; overflow: hidden;}
.mainimage{width: 90%; float: none; margin: 0 auto;}
.modal_right{width: 90%; float: none; margin: 0 auto;}
.modal_right h3 {display:block;font-weight:bold;font-size:2rem; margin:2.5rem 0 0rem 0;}
/*.modal_right p {font-size:1.5rem;margin-top: 1rem;margin-bottom:0;line-height:1.4;}*/

.modal_right .select_area {
	width: 75%;
    margin: 4rem auto 3rem;
}
   .movie_area{
   width: 90%;
      margin: 0 auto;
      padding-top: 3em
}

/*モーダルここまで*/	
	
}
/*.fl{float: left;}*/
.clear{clear: both;}



@media screen and (max-width: 890px) {
   #footer{
   overflow: visible;
}
}






@media screen and (max-width: 768px) {
/* 768px以下用（タブレット／スマートフォン用）の記述 */

.pad {display:block !important;}		
	
#goods .goods_area .box ul {text-align:left;}
	
/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
	
#footer table{
	width:100%;
	}

#footer_area {
	padding:2vw 0;
	width:100%;
	margin:2vw auto 0;
}
#footernav {
	width:95%;
	margin:0 2.5%;
}
#footernav li{
	float:left;
	display: list-item;
	background: url(/img/pillows/assets/images/arrow-footer.gif) no-repeat 0 1.5vw;
	width:50%;
	box-sizing: border-box;
	line-height: 1.8;
}

#footernav li a {
	font-size: 2.5vw;
}

.footer_sns{
		position: relative;
		width: 200px;
		margin:  0 auto;
		padding: 15px;
   padding-top: 3em;
	}

.tweet_btn{
	bottom: 0;
	}

.like_btn{
	bottom: 6.5px;
	}	
	
}
	
@media screen and (max-width: 767px) {
	/* 767px以下用（スマートフォン用）の記述 */

.pc {display:none !important;}
.sp {display:block !important;}	
.fl{float: none;}
.pad{display:none !important;}
	
span.pc {display:none !important;}	
	
#contents{
	max-width:95%; margin: 0 auto; padding:0 0rem;
}
.title{margin: 2.5rem auto 0rem;}
.logo{text-align: center; margin:0 auto 0;width:100%;}
.logo img{max-width: 90%; width: 90%; margin: 0 auto;}

.artist{width:100%; text-align: center; margin: 3rem auto 0;padding: 0rem 0;}
.artist img{
	margin: 0 auto;
	max-width:100%;
       width: 100%;
}

.logo p{color:#fff; font-size: 1.2rem; margin-top: 1rem;}
.title_h1{text-align: center; color: #333; font-size: 3rem; margin: 3rem auto 1rem; line-height: 1;
font-family:'Libre Baskerville',"source-han-serif-japanese","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","serif";
}

#goods .goods_area {max-width:100% ;margin:0 auto;}	

.mainimage .thumb {
	padding: 1.5rem 0.5% 0%;
    background-color: rgba(255,255,255,1);
    text-align: center;
    width: 100%;
    margin: 0 auto;
    box-sizing: content-box;
	}	
	
/*Close buttonここから*/

.closebt{
	width: 8%;
   margin-right: 1.5em;
}

.close_btn{
	margin: 1rem auto 1rem;
}

/*Close buttonここまで*/	
	
/*モーダルここから*/

.bx-viewport ul li{
	width: 100% !important;
}	
	
.modal_content{max-width:100%; width: 100%; margin: 0 auto; overflow: hidden;}
.mainimage{width: 90%; float: none; margin: 0 auto;}
.modal_right{width: 90%; float: none; margin: 0 auto;}
.modal_right h3 {display:block;font-weight:bold;font-size:2rem; margin:2.5rem 0 0rem 0;}
	
.modal_right p {font-size:1.7rem;margin-top: 1rem;margin-bottom:0;line-height:1.4;}
.modal_right p span{
	font-size:0.8em;
}
.modal_right p.color, .modal_right p.size {font-size:1.6rem; margin: 2rem auto;}
.modal_right p.price{
	font-size: 2rem; margin-top: 2rem;
}	
	
.modal_right .select_area {
	width: 100%;
/*    margin: 2rem auto 3rem;*/
}
   
   .lp ul li{
font-size: 1.6rem;
}
   .movie_area{
   clear: both;
margin-top: 2em;
      margin-bottom: 2em;
}
   .movie_area p{
      font-size: 1.6rem;
      padding-top: 0.2em;
   }
.movie{
   width: 100%;
   margin: 4% 0;
   float: left
}
.youtube {
  position: relative;
  width:100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*モーダルここまで*/	
	
#goods .goods_area .products dl {width:50%;margin:1em auto 0;padding:3%;}
	
.cart_change00 .cart_btn.btn00 {margin-top:0em;}
	
.info_td{padding: 0px 1em; box-sizing: border-box;}

.info_tit{font-size:1.3rem; padding:0px; text-align:center; padding-top:1.5rem;}
.info_tit b{ font-size:1em;}
.info_tit b span{font-weight:600; background-size: 1em auto;padding:3.5px 0 0px 0px; line-height:1.6;}
.info_txt{font-size:1.2rem; padding:0.5rem 0 1.5rem; margin-top:0px;}

.info_txt img{margin-top:5px;}

.info_table{
	margin: 2rem auto 1rem;
	width: 95%;
	max-width:100%;
}	
	
#footer{
	width: 100%; margin-left: auto; margin-right: auto;
}	
	
#footer div.inner{
	position: relative;
	width: 100%;
	max-width:100%;
	margin: 0 auto;
	padding: 0 0em;
}	
	
/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */

#footernav li{
	padding:0 0 0 17px;
	background: url(/img/pillows/assets/images/arrow-footer.gif) no-repeat 0 2vw;
	line-height: 1.2;
}

#footernav li a {
	font-size: 2.5vw;
}	
	
}

@media screen and (max-width:414px) {
/*#goods .goods_area .products dl {width:70%;margin:1em auto;}*/
   .modal_right p.attention{
   margin-top: 2rem;
   font-size: 1.2rem;
   text-align: left;
}
}



/*20181003追記*/
/*
a.soldoutarea{width: 100%;color: #fff;}
.soldout{width: 100%;background:rgba(0, 0, 0, 0.5);height: 100%;height: }
*/
/*
.out_img{display: none;}
.dn{display: none;}
.db{display: block;}*/
.soldoutaoi{
   background-image: url(../images/fncy_jk_soldout.jpg);
   background-size: cover;
}

.soldoutWA1{
   background-image: url(../images/whiteA1_soldout.jpg);
   background-size: cover;
}
.soldoutBA1{
   background-image: url(../images/blackA1_soldout.jpg);
   background-size: cover;
}
.soldoutBB1{
   background-image: url(../images/blackB1_soldout.jpg);
   background-size: cover;
}
.soldoutWLA{
   background-image: url(../images/long_wa2_soldout.jpg);
   background-size: cover;
}
.soldoutYL{
   background-image: url(../images/long_y2_soldout.jpg);
   background-size: cover;
}
.soldoutBL{
   background-image: url(../images/long_blue2_soldout.jpg);
   background-size: cover;
}
.soldoutbLA{
   background-image: url(../images/long_ba2_soldout.jpg);
   background-size: cover;
}
.soldoutWLB{
   background-image: url(../images/long_wb2_soldout.jpg);
   background-size: cover;
}
.soldoutBLB{
   background-image: url(../images/long_bb2_soldout.jpg);
   background-size: cover;
}
.soldoutPBG{
   background-image: url(../images/parker_burgundy_soldout.jpg);
   background-size: cover;
}
.soldoutCDA{
   background-image: url(../images/celadonA1_soldout.jpg);
   background-size: cover;
}
.soldoutarea:hover {
	background-color: transparent; /* IE6対応 */
}
.soldoutarea img:hover{
    opacity: 0;
   transition: 0.5s;
}