@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%;*/
}	

body {
	padding-top: 0;
	letter-spacing: 0;
	color: #333;
	line-height: 1.6;
}

img {
	max-width: 100%;
}

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


.cf:after{
content: "";
   display: block;
   clear: both;
}

#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:#000;
}

#contents{
	max-width:1120px; margin: 0 auto; padding:0 0rem;
}
.title{margin:5rem auto 0rem;}
.logo{text-align: center; margin:0 auto 0; width: 55%;}
.logo p{color:#fff; font-size: 1.2rem; margin-top: 1rem;}
.title h1{text-align: center; color: #fff; font-size: 9rem; margin: 1.5rem auto; line-height: 1;
font-family: 'Permanent Marker', cursive;
font-family: 'Ceviche One', cursive;
}
.title2{margin-top: 0rem;}
.hypno_img{max-width: 600px;margin: 0 auto; width: 50%;}


/*.card_text h2{font-size: 2em;font-weight: bold;padding: 1.5% 0; margin: 1% auto 5%;background: #fff;max-width: 800px;width: 90%}*/
.title h2{font-size: 2em;font-weight: bold;padding: 1.5% 0; margin: 1% auto 5%;background: #fff;max-width: 800px;width: 90%}
.yoyaku_syousai{max-width: 800px;width: 90%;margin: 0 auto;color: #fff;text-align: center;}
.card_text p{margin-bottom: 2%;font-size: 2em;color: #fff;}
.card_text p:last-child{margin-bottom: 4%;}
.yoyaku_syousai p{margin-bottom: 2%;font-size: 2em;color: #fff;}
.yoyaku_syousai p:last-child{margin-bottom: 4%;}
.card_text p a{color: #2de80c;}
.card_text{text-align: center;}
.card_text h1{
   font-size: 3em;
   font-weight: bold;
   color: #fff;
   margin-bottom: 2%;
}
.card_text h1 a{
   font-weight: bold;
   color: #fff;
   margin-bottom: 4%;
}
.card_text h1 span{
font-size: 2.5em;
   font-family: 'Permanent Marker', cursive;
font-family: 'Ceviche One', cursive;
   color: #000;
   text-shadow: 0px 0px 30px #fff;
}


.battle_cardarea{margin: 1% auto 5%;max-width: 800px;width: 90%}
.card_img{width: 49%;float: left;margin: 0 1%;}
.ml0{margin-left: 0;}
.mr0{margin-right: 0;}

.red{color:#f00;}
.blue{color:#004eff;}
.orange{color:#ff7500;}
.yellow{color: #ffc800;}
.gray{color: #aeaeae;}
.purple{color: #824f9c;}
/*#buster_bros .card_text h2{border-top: 6px double #f00;border-bottom: 6px double #f00;}*/
.title h2{border-top: 6px double #000;border-bottom: 6px double #000; text-align: center;}
#buster_bros .card_text h2{border-top: 6px double #004eff;border-bottom: 6px double #ff0000;}
#mad_trigger .card_text h2{border-top: 6px double #004eff;border-bottom: 6px double #004eff;}
#dotsuitarehonpo .card_text h2{border-top: 6px double #ff7500;border-bottom: 6px double #ff7500;}
#fling_posse .card_text h2{border-top: 6px double #ffc800;border-bottom: 6px double #ffc800;}
#matenrou .card_text h2{border-top: 6px double #aeaeae;border-bottom: 6px double #aeaeae;}
#dirty_dawg .card_text h2{border-top: 6px double #000;border-bottom: 6px double #000;}
#dirty_dawg .card_text h2{border-top: 6px double #f24090;border-bottom: 6px double #f24090;}
#bad_ass_temple .card_text h2{border-top: 6px double #824f9c;border-bottom: 6px double #824f9c;}

.newgoods_area{ max-width:800px; margin: 0 auto; background: #fff;}
#dirty_dawg .newgoods_area{ max-width:800px; margin: 0 auto; background: #000;}
#dirty_dawg .bx-wrapper .bx-viewport {    background: #000;}

.bx-wrapper { margin: 3.5% 0 -1px; padding: 4em 0 2em; box-sizing: border-box;}
.bx-wrapper img{margin: 0 auto;width: 400px;border: solid 1px #ccc; box-sizing: border-box;}
#dirty_dawg .bx-wrapper img{margin: 0 auto;width: 400px;border: solid 1px #000; box-sizing: border-box;}
.bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: 0;left: 0;}
.mainimage .thumb {
   padding: 3% 2.7% 2% 2.7%;background-color:rgba(255,255,255,1);text-align:center; box-sizing:
      text-align: center;
    display: flex;
    justify-content: center;
}
#dirty_dawg .mainimage .thumb {
   background-color:#000;
}
.mainimage .thumb span {width:13%;margin: 0 0.64% 2%;float: left;}
.mainimage .thumb a {display: block;line-height: 0;border: solid 1px #ccc;}
/*.mainimage .thumb a.active {border: solid 1px #2dff07;}*/
#buster_bros .mainimage .thumb a.active {border: solid 1px #ff0000;}
#mad_trigger .mainimage .thumb a.active {border: solid 1px #004eff;}
#dotsuitarehonpo .mainimage .thumb a.active {border: solid 1px #ff7500;}
#fling_posse .mainimage .thumb a.active {border: solid 1px #ffc800;}
#matenrou .mainimage .thumb a.active {border: solid 1px #aeaeae;}
#dirty_dawg .mainimage .thumb a.active {border: solid 1px #00ffff;}
#hypnosis .mainimage .thumb a.active {border: solid 1px #000;}
#chuouku .mainimage .thumb a.active {border: solid 1px #f24090;}
#bad_ass_temple .mainimage .thumb a.active {border: solid 1px #824f9c;}


#buster_bros{max-width:1120px;margin:0 auto;background: #ff0000; padding: 5% 0 7.5%;}
#mad_trigger{max-width:1120px;margin:0 auto;background: #004eff; padding: 5% 0 7.5%;}
#dotsuitarehonpo{max-width:1120px;margin:0 auto;background: #ff7500; padding: 5% 0 7.5%;}
#fling_posse{max-width:1120px;margin:0 auto;background: #ffc800;; padding: 5% 0 7.5%; margin-bottom: 7%;}
#matenrou{max-width:1120px;margin:0 auto;background: #aeaeae; padding: 5% 0 7.5%;}
#dirty_dawg,#hypnosis{max-width:1120px;margin:0 auto;background: #fff; padding: 5% 0 7.5%;}
#chuouku{max-width:1120px;margin:0 auto;background: #f24090; padding: 5% 0 7.5%;}
#bad_ass_temple{max-width:1120px;margin:0 auto;background: #824f9c; padding: 5% 0 7.5%;}

#buster_bros dd,#mad_trigger dd,#fling_posse dd,#matenrou dd,#dirty_dawg dd,#hypnosis dd,#chuouku dd,#dotsuitarehonpo dd,#bad_ass_temple dd {padding:1em 0 2em 0;}
#buster_bros h3,#mad_trigger h3,#fling_posse h3,#matenrou h3,#dirty_dawg h3,#hypnosis h3,#chuouku h3,#dotsuitarehonpo h3,#bad_ass_temple h3 {display:block;font-weight:bold;font-size:1.5em; margin: 1em 0 1em 0; min-height: 72px; border-top:solid 2px #333;padding-top: 2em}
#dirty_dawg h3{
color: #fff;
border-color: #fff;
}
#buster_bros dd p,#mad_trigger dd p,#fling_posse dd p,#matenrou dd p,#dirty_dawg dd p ,#hypnosis dd p,#chuouku dd p,#dotsuitarehonpo dd p,#bad_ass_temple dd p{ font-size: 1.3em; margin-top: .3em; margin-bottom: 0; line-height: 1.4; }
#dirty_dawg dd p{color: #fff;}
#buster_bros .new_goods_price,#mad_trigger .new_goods_price,#fling_posse .new_goods_price,#matenrou .new_goods_price,#dirty_dawg .new_goods_price,#hypnosis .new_goods_price,#chuouku .new_goods_price,#dotsuitarehonpo .new_goods_price,#bad_ass_temple .new_goods_price{padding: 0 2% 2%; box-sizing: border-box;text-align: center;
}
#buster_bros .dropdown-select,#mad_trigger .dropdown-select,#fling_posse .dropdown-select,#matenrou .dropdown-select,#dirty_dawg .dropdown-select,#hypnosis .dropdown-select,#chuouku .dropdown-select,#dotsuitarehonpo .dropdown-select,#bad_ass_temple .dropdown-select{
    font-size: 1.3em;
    max-width: 100%;
   width: 40%;
}

#buster_bros .cart_btn,#mad_trigger .cart_btn,#fling_posse .cart_btn,#matenrou .cart_btn,#dirty_dawg .cart_btn,#hypnosis .cart_btn,#chuouku .cart_btn,#dotsuitarehonpo .cart_btn,#bad_ass_temple .cart_btn{
/*    background: red;*/
    width: 40%;
    margin: 2em auto 0em;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#buster_bros .cart_change03 .cart_btn.btn01,#mad_trigger .cart_change03 .cart_btn.btn01,#fling_posse .cart_change03 .cart_btn.btn01 ,#matenrou .cart_change03 .cart_btn.btn01,#dirty_dawg .cart_change03 .cart_btn.btn01,#hypnosis .cart_change03 .cart_btn.btn01 ,#chuouku .cart_change03 .cart_btn.btn01,#dotsuitarehonpo .cart_change03 .cart_btn.btn01,#bad_ass_temple .cart_change03 .cart_btn.btn01 {
    background: #ccc;
   width: 40%;
}
#buster_bros,#mad_trigger,#fling_posse,#matenrou,#dirty_dawg,#hypnosis,#chuouku,#dotsuitarehonpo,#bad_ass_temple,#goods{margin-bottom: 7%;}
/*#matenrou,#goods{margin-bottom: 0%;}*/


/* 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 */



.mainimage .thumb span.pt2 a{padding-top: 2px:}


.select_area_new{margin: 2em 0 0}
#goods{max-width:1120px;margin: auto; background: #ffc800; margin-bottom: 7%;padding-bottom: 1%;padding-top: 1%;}
#new_goods_y {
    max-width: 1120px;
    margin: 0 auto;
    background: #ffc800;
    padding: 5% 0 7.5%;
}
.goods_topP{
   margin: 0% 0% 2%; padding-top: 2%;font-size: 1.5em;
   width: 96%;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:30%;display:inline-block; vertical-align:top;letter-spacing:normal; padding:1.5%;margin:1.5%;}
#goods .goods_area .products dd {padding:1em 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 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: 0em auto 2em;
    max-width: 300px;
    width: 100%;
}

.dropdown {
    display: block;
    margin: 30px auto 0em;
}

.dropdown-select {
    font-size: 14px;
  max-width: 307px !important;
        width: 100% !important;
    margin-bottom: 11px;
    border: 1px solid #cfcfcf;
}
.cart_btn {
    max-width: 307px;
    width: 100% !important;}
	
.select_area {}
.dropdown {display:block; margin: 0 auto 0em;}
.dropdown-select {font-size:1.3em; max-width: 100%; width: 100%;}
.cart_btn {background:red; width:100% !important; margin:2em auto 0em; text-align:center; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;}
.cart_btn a {display:block; text-decoration:none;}
.cart_btn span {background: url(/img/evilline/hypnosismic/5thlive_all/assets/images/icon_cart.png) no-repeat 0 0; font-weight:600; background-size: 1.8em auto; padding:0.2em 0 1em 2.5em;color:#fff; /*font-size:1.3em;*/  font-size:1.5em; line-height:3.9;}
.cart_btn:hover {background:#ff4c4c;}
.white.cart_btn span {color:#333; }

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

.cart_change .cart_btn.btn00 {margin-top:6em;}
.cart_change .cart_btn.btn01 {background:#ccc;}
.cart_change .cart_btn.btn02 {display:none;}
.cart_change.sel01.sel01_2 .cart_btn.btn01 {display:none;}
.cart_change.sel01.sel01_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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_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;}
/*プルダウンボタンここまで*/

/*SHOPPING INFORMATION　ご利用案内ここから*/


/*#info{max-width: 1120px; margin: 0 auto; background: #aeaeae;}*/
#info{max-width: 1120px; margin: 0 auto; background: #000;}
.info_table{
   margin: 0 auto;
	font-size: 160%;
}
.info_table hr{
	color: #fff;
}

.info_td{background:; padding: 0px 30px; box-sizing: border-box;}

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

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

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

.return_btn{
width: 30%;
margin-bottom: 3%;
}
.return_btn.red{
background: #f00;
}
.return_btn.blue{
background: #004eff;
}
.return_btn.yellow{
background: #ffc800;
}
.return_btn.gray{
background: #aeaeae;
}
.return_btn.white{
background: #fff;
}
.return_btn.black{
background: #1d1d1d;
   border: solid #fff 2px;
   box-sizing: border-box;
}
.return_btn.orange{
background: #ff7500;
}

.return_btn.purple{
background: #824f9c;
}

.return_btn.pink{
background: #f24090;
}
.return_btn span{
background: none;
   padding: 0;
}


/*#footerここから*/

#footer{
	background:none;
	border-top:none;
	border-bottom:none;
	margin-top:0;
	font-size: 160%;
}
#footer div.inner{
	position: relative;
	width: 100%;
	max-width:1120px;
	margin: 0 auto;
	padding: 0 30px;
}
#footer #copyright{
	padding: 15px 0;
	font-size: 10px;
	color: #fff;
	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:#fff;
	border:none;
	border-collapse:collapse;
	}

#footer_area {
	margin-top: 15px;
	padding: 7px 0;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	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:#fff !important;
}

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

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


	  .cp_title2020 {
    font-size: 2em;
    font-weight: bold;
    padding: 1.5% 0;
    margin: 1% auto 5%;
    background: #f00;
    max-width: 800px;
    width: 90%;
    color: #fff;
	border: 6px double #000;
    text-align: center;
}


  .cp_title2020 a{
    color: #FFFFFF !important;
}


/*#footerここまで*/

@media screen and (max-width: 1024px) {
	/* 1024px以下用（iPad Pro）の記述 */
   #wrapper{
      padding: 0 2%;
   }
/*floatのスタイル*/
.left {
	float:none;
}

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

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

}

@media screen and (max-width: 868px) {
	/* 979px以下用（タブレット用）の記述 */
      .newgoods_area{width:90%;margin:1em auto 5em;padding: 2%;}
   #buster_bros{ padding: 5% 1%;}
   #mad_trigger{ padding: 5% 1%;}
   #dotsuitarehonpo{ padding: 5% 1%;}
   #fling_posse{ padding: 5% 1%;}
   #matenrou{ padding: 5% 1%;}
   #dirty_dawg{ padding: 5% 1%;}
   #hypnosis{ padding: 5% 1%;}
   #chuouku{ padding: 5% 1%;}
   #bad_ass_temple{ padding: 5% 1%;}
}

@media screen and (max-height: 800px) { 

}

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

.pad {display:block !important;}		
	
#goods .goods_area .box ul {text-align:left;}
   
   
     .cp_title2020 {
    width: 100%;
}


   
   #info{margin-bottom: 3%;}
	
/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
	
#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;
	}

.tweet_btn{
	bottom: 0;
	}

.like_btn{
	bottom: 6.5px;
	}	
   #goods .goods_area .products dl {width:43%;padding:2%;}
#goods .goods_area .box table {width:90%;margin:0 auto;font-size:1.3rem;}
#cboxTitle {padding: .2em 5%;font-size: 1.1rem;}
#cboxTitle span {display:none;}
   .goods_topP{
   margin: 0% 0% 2%; padding-top: 2%;font-size: 1.5em;
   width: 83%;margin: 0 auto;
   }
	
}
@media screen and (max-width:736px) {

}

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

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

.pad{display:none !important;}
	
span.pc {display:none !important;}	
	
#wrapper{
      padding: 0%;
   }
#contents{
	max-width:95%; margin: 0 auto; padding:0 0rem;
}
.hypno_img{margin: 0 auto; width: 90%;}
.card_text{text-align: center;}
.card_text h1{
   font-size: 2em;
   font-weight: bold;
   color: #fff;
}
.card_text h1 span{
font-size: 1.4em;
}
   .card_text p{margin-bottom: 4%;font-size: 1.5em;color: #fff;}
   .yoyaku_syousai p{margin-bottom: 4%;font-size: 1.5em;color: #fff;}
   .card_text h2{font-size: 2em;font-weight: bold;padding: 1.5% 0; margin: 1% 5% 5%;border-top: 6px double #333;border-bottom: 6px double #333;background: #fff;}
.title{margin:3rem auto 0rem;}
   .title2{margin-top: 0rem;}
.logo{text-align: center; margin:0 auto 0; width: 90%;}
.logo p{color:#fff; font-size: 1.2rem; margin-top: 1rem;}
.title h1{text-align: center; color: #fff; font-size: 4.5rem; margin-top:1.5rem; line-height: 1;
font-family: 'Permanent Marker', cursive;
font-family: 'Ceviche One', cursive;
}	
  .yoyaku_syousai .syousai_p{text-align: left;font-size: 1.35em}
   
   #buster_bros,#mad_trigger,#fling_posse,#matenrou,#dirty_dawg,#hypnosis,#chuouku,#dotsuitarehonpo,#bad_ass_temple{padding: 5% 0 1%;}
.newgoods_area{width:95%;margin:1em auto 1em;padding: 2%;}
  #dirty_dawg .newgoods_area,#hypnosis .newgoods_area{width:95%;margin:1em auto 1em;padding: 2%;}
.bx-wrapper { margin: 0% 0 -1px; padding: 0 0 2em; box-sizing: border-box;}
.mainimage .thumb{padding: 3% 0 2%}
#goods .goods_area .products dl {width:90%;margin:1em auto;}
#buster_bros dd,#mad_trigger dd,#fling_posse dd,#matenrou dd,#dirty_dawg dd,#hypnosis dd,#chuouku dd,#dotsuitarehonpo dd,#bad_ass_temple dd {padding:0 0 2em 0;}
.cart_change .cart_btn.btn00 {margin-top:0em;}

   #buster_bros .new_goods_price,#mad_trigger .new_goods_price,#fling_posse .new_goods_price,#matenrou .new_goods_price,#dirty_dawg .new_goods_price,#hypnosis .new_goods_price,#chuouku .new_goods_price,#dotsuitarehonpo .new_goods_price,#bad_ass_temple .new_goods_price{padding: 0 0% 2%; box-sizing: border-box;text-align: center;
}
   #buster_bros .dropdown-select,#mad_trigger .dropdown-select,#fling_posse .dropdown-select,#matenrou .dropdown-select,#dirty_dawg .dropdown-select,#hypnosis .dropdown-select,#chuouku .dropdown-select,#dotsuitarehonpo .dropdown-select,#bad_ass_temple .dropdown-select{
    font-size: 1.3em;
    max-width: 100%;
   width: 100%;
}
   #buster_bros .cart_btn,#mad_trigger .cart_btn ,#fling_posse .cart_btn,#matenrou .cart_btn,#dirty_dawg .cart_btn,#hypnosis .cart_btn,#chuouku .cart_btn,#dotsuitarehonpo .cart_btn,#bad_ass_temple .cart_btn{
/*    background: red;*/
    width: 100%;
    margin: 2em auto 0em;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#buster_bros .cart_change03 .cart_btn.btn01,#mad_trigger .cart_change03 .cart_btn.btn01,#fling_posse .cart_change03 .cart_btn.btn01,#matenrou .cart_change03 .cart_btn.btn01,#dirty_dawg .cart_change03 .cart_btn.btn01,#hypnosis .cart_change03 .cart_btn.btn01,#chuouku .cart_change03 .cart_btn.btn01,#dotsuitarehonpo .cart_change03 .cart_btn.btn01,cart_btn .cart_change03 .cart_btn.btn01{
    background: #ccc;
   width: 100%;
}
/*.mainimage .thumb span{width: 18%;}*/
.mainimage .thumb span{width: 23.7%;}
   
   
   
   
   
   
   
   #goods{padding-bottom: 3%;}
   .goods_topP{
   margin: 5% 5% 2%; padding-top: 5%;font-size: 1.5em
   }
   
   
.info_td{padding: 0px 2.5%; box-sizing: border-box;}

.info_tit{font-size:1.3rem; padding:0px; text-align:center; padding-top:1.5rem;}
.info_tit b{ font-size:1.4em;}
.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 b{}

.info_txt img{margin-top:5px;}
   .return_btn{
width: 60%;
margin-bottom: 3%;
}

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

#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:390px) {
.info_tit b{ font-size:4.5vw;}
}


#wrapper .bd-red{border-color: #ff0000;}
#wrapper .bd-blue{border-color: #004eff;}
#wrapper .bd-gray{border-color: #aeaeae;}
#wrapper .bd-yellow{border-color: #ffc800;}
#wrapper .bd-pink{border-color: #f24090;}
#wrapper .bd-orange{border-color: #ff7500;}
#wrapper .bd-purple{border-color: #824f9c;}


/*------2019追記-------*/
.product_title{
   text-align: center;
   max-width: 800px;
   margin: 0 auto;
   padding: 0.5em 0;
   border-bottom: 10px double #fff;
   border-top: 10px double #fff;
   width: 95%;
}
#dirty_dawg .product_title,#hypnosis .product_title{
   text-align: center;
   max-width: 800px;
   margin: 0 auto;
   padding: 0.5em 0;
   border-bottom: 10px double #333;
   border-top: 10px double #333;
   width: 95%;
}
.product_name{
font-size: 2.5em;
   color: #fff;
}
.division_name{
/*    font-family: 'Ceviche One', cursive;*/
   font-size: 3em;
   color: #fff;
   font-style: italic;
   font-weight: bold;
   line-height: 1.3;
   margin-bottom: 0.5em
}
.division_name span.division_place{
/*    font-family: 'Ceviche One', cursive;*/
   font-size: 0.6em;
}
.product_text p{
font-size: 1.8em;
   color: #fff;
   margin-bottom: 0.5em;
}
.product_text p.term{
max-width: 700px;
   width: 100%;
   margin: 0.5em auto;
   background: #fff;
   font-weight: bold;
   border-radius: 10px;
   padding: 0.5em 0;
}
#dirty_dawg .product_name,#hypnosis .product_name{
   color: #333;
}
#dirty_dawg .division_name,#hypnosis .division_name{
   color: #333;
}
#dirty_dawg .product_text p,#hypnosis .product_text p{
   color: #333;
}
#dirty_dawg .product_text p.term,#hypnosis .product_text p.term{
max-width: 700px;
   width: 100%;
   margin: 0.5em auto;
   background: #333;
   font-weight: bold;
   border-radius: 10px;
   padding: 0.5em 0;
   color: #fff;
}

.product_text p.term.blue{
color: #004eff;
}
.product_text p.term.red{
color: #f00;
}
.product_text p.term.yellow{
color: #ffc800;
}
.product_text p.term.gray{
color: #aeaeae;
}

.product_text p.term.orange{
color: #ff7500;
}

.product_text p.term.purple{
color: #824f9c;
}

#wrapper .new_goods_price .new_goods_dd p.track{
margin: 0.7em auto 0.3em;
}
#wrapper .new_goods_price .new_goods_dd ul.track_list li{
font-size: 1.3em;
   margin-bottom: 0.8em;
   line-height: 1.5;
}
#wrapper .new_goods_price .new_goods_dd .attention li span.li-index{
margin-left: -1em;
}
#wrapper .new_goods_price .new_goods_dd .attention{
   margin: 3em 0 -2em;
    padding: 1em 1em 0.5em;
    border: 1px solid #333;
    color: #333;
}
#wrapper .new_goods_price .new_goods_dd .attention li.attention_term{
font-weight: bold;
text-align: center;
}
#wrapper .new_goods_price .new_goods_dd .attention li span.li-index{
margin-left: -1em;
}
#wrapper .new_goods_price .new_goods_dd .attention ul{
padding-left: 1.5em
}
.attention ul li{
   text-align: left;
font-size: 1.3em;
margin-bottom: 0.5em
}
.attention ul li a{
color: #333;
   text-decoration: underline;
}

#wrapper h3.bd-bbvsmad{
   border-top: none;
   position: relative;
}
#wrapper h3.bd-bbvsmad:before{
content:"";
   height: 2px;
   width: 100%;
  background:-webkit-linear-gradient( left,#f00,#004eff);
	background:-moz-linear-gradient(left, #f00, #004eff);
	background:linear-gradient(left, #f00, #004eff);
   position: absolute;
   top: 0;
   left: 0
}
#wrapper h3.bd-flivsmate{
   border-top: none;
   position: relative;
}
#wrapper h3.bd-flivsmate:before{
content:"";
   height: 2px;
   width: 100%;
  background:-webkit-linear-gradient( left,#ffc800,#bcb963,#aeaeae);
	background:-moz-linear-gradient(left, #ffc800,#bcb963, #aeaeae);
	background:linear-gradient(left, #ffc800, #aeaeae);
   position: absolute;
   top: 0;
   left: 0
}
#wrapper h3.bd-madvsmate{
   border-top: none;
   position: relative;
}
#wrapper h3.bd-madvsmate:before{
content:"";
   height: 2px;
   width: 100%;
  background:-webkit-linear-gradient( left,#004eff,#879eb9,#aeaeae);
	background:-moz-linear-gradient(left, #004eff,#879eb9, #aeaeae);
	background:linear-gradient(left, #004eff,#879eb9, #aeaeae);
   position: absolute;
   top: 0;
   left: 0
}

@media screen and (max-width:414px) {
.product_name{
font-size: 2em;
   color: #fff;
}
.division_name{
/*    font-family: 'Ceviche One', cursive;*/
   font-size: 2.5em;
   color: #fff;
   font-style: italic;
   font-weight: bold;
}
.product_text p{
font-size: 1.5em;
   color: #fff;
}
   #wrapper .new_goods_price .new_goods_dd ul.track_list li{
text-align: left;
      line-height: 1.2;
}
   #wrapper .new_goods_price .new_goods_dd ul.track_list li .index_sp{
      display: inline-block;
   margin-left: 4em;
   }
   #wrapper .new_goods_price .new_goods_dd ul.track_list li .pc_slash{
      display: none;
   }
   
   
/*-------SPナビここから*/
   #sp-nav{display: block}
   
   .drawer-menu {
    box-sizing: border-box;
    position: fixed;
      
    top: 0;
    right: 0;
    width: 255px;
/*    height: 100%;*/
      height: 100vh;
      overflow-y: scroll;
    padding: 80px 0 0;
    background: #222;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: perspective(500px) rotateY(-90deg);
    transform: perspective(500px) rotateY(-90deg);
    opacity: 0;
}
   .sp-nav-inner{
   height: auto;
      
   }
   
   .drawer-menu li {
   text-align: center;
/*
   display: flex;
   justify-content: center;
   align-items: center;
*/
   border-bottom: solid 1px #fff;
}
   .sp-category{
      text-align: center;
   font-size: 4em;
      line-height: 0.6;
      color: #fff;
      font-family: 'Permanent Marker', cursive;
      font-family: 'Ceviche One', cursive;
      padding-top: 0.5em;
      padding-bottom: 0.5em
   }
   .sp-category span.ff_nomal{
   font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Lucida Grande","Lucida Sans Unicode","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
      font-size: 20px
   }
   .sp-apparel .sp-category,.sp-knick .sp-category{
   background: #f00;
   }
   .sp-acce .sp-category,.sp-trad .sp-category{
   background: #004eff;
   }
   .sp-light .sp-category,.sp-music .sp-category{
   background: #ffc800;
   }
   
   .sp-sub-category{
      text-align: center;
   font-size: 3.2em;
      color: #f00;
      font-family: 'Permanent Marker', cursive;
font-family: 'Ceviche One', cursive;
      background: #fff;
      padding: 0.15em;
   }
   .sp-apparel .sp-sub-category,.sp-knick .sp-sub-category{
   color: #f00;
   }
   .sp-acce .sp-sub-category,.sp-trad .sp-sub-category{
   color: #004eff;
   }
   .sp-light .sp-sub-category,.sp-music .sp-sub-category{
   color:  #ffc800;
   }
   .sp-sub-category span.sub_text{
      display: block;
      border: dashed 3px;
      width: 100%;
   }
.drawer-menu li a {
    width: 100%;
    display: block;
    height: 6em;
    line-height: 1.5;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all .8s;
    transition: all .8s;
   padding: 0.5em 1em;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
/* background: #f00;*/
}
   .drawer-menu .sp-apparel li a,.drawer-menu .sp-knick li a{
   background: #f00;
   }
   .drawer-menu .sp-acce li a,.drawer-menu .sp-trad li a{
   background: #004eff;
   }
   .drawer-menu .sp-light li a,.drawer-menu .sp-music li a{
   background: #ffc800;
   }
   .drawer-menu li a span.small{
   font-size: 0.8em;
   }

.drawer-menu li a:hover {
    color: #1a1e24;
    background: #fff;
}
   /* checkbox */
.check {
    display: none;
}

/* menu button - label tag */
.menu-btn {
        position: fixed;
    display: block;
    top: 15px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 200;
    padding: 2.5em;
    background: rgba(255,255,255,0.5);
}
}

.bar {
    position: absolute;
    top: 10px;
    left: 5px;
    display: block;
    width: 40px;
    height: 1px;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.bar.middle {
    top: 25px;
    opacity: 1;
}

.bar.bottom {
    top: 40px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}
   .menu-btn__text {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    visibility: visible;
    opacity: 1;
}

.menu-btn:hover .bar {
    background: #fff;
}

.menu-btn:hover .menu-btn__text {
    color: #fff;
}
   
/*
   .close-menu {
    position: fixed;
    top: 0;
    right: 200px;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0);
    cursor: url(../images/close_btn.png),auto;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0;
}
*/

/* checked */
/*
.check:checked ~ .drawer-menu {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 190;
}
*/
.drawer-menu.active {
   position: fixed;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 190;
}

/*
.check:checked ~ .contents {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}
*/
 .contents.active {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

/*
.check:checked ~ .menu-btn .menu-btn__text {
    visibility: hidden;
    opacity: 0;
}
*/
.menu-btn.active .menu-btn__text {
    visibility: hidden;
    opacity: 0;
}

/*
.check:checked ~ .menu-btn .bar.top {
    width: 56px;
       top: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
*/
.menu-btn.active .bar.top {
    width: 56px;
       top: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*
.check:checked ~ .menu-btn .bar.middle {
    opacity: 0;
}
*/
.menu-btn.active .bar.middle {
    opacity: 0;
}

/*
.check:checked ~ .menu-btn .bar.bottom {
    width: 56px;
    top: 45px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
*/
.menu-btn.active .bar.bottom {
    width: 56px;
    top: 45px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-menu.active {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    background: rgba(0,0,0,.5);
    visibility: visible;
    opacity: 1;
    z-index: 180;
}
   


}