@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.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%;
}
.cf{zoom:1;}
.cf:after{
   content:"";
   display:block;
   clear: both;
}
.contents_out{
   background:#d5b66c;
   background-image: url(../images/bg_l.jpg);
   background-attachment: fixed;
}
#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;
}
.dpnone{display: none !important;}
/*↑ここまで共通部分*/

body {
	/*background:#050b2b url(../../assets/images/bg.jpg) no-repeat 50% 72% fixed; background-size: cover;*/
	/*background: #12171b url(../../assets/images/bg_star.jpg);*/
}
.wrapper_in {
   position: fixed
	background:#d5b66c;
   background-image: url(../images/bg_l.jpg);
   background-size: contain;
	padding-bottom: 1.5rem;
}

.artist_out{
	background: #000;
}

.artist {
	max-width: 105rem;
	width: 100%;
	height: 0rem;
	padding-bottom: 89.7rem;
	margin: 0 auto;
	background: url(../../assets/images/main.png) no-repeat;
	background-size: contain;
}

#contents_artist {
   
	max-width: 96rem;
	margin: 0 auto;
	padding: 0 0rem;
/*   margin-top: -25rem;*/
}

#contents {
/*   background-image: url(../images/bg_l.jpg);*/
	max-width: 96rem;
	margin: 0 auto;
	padding: 3rem 0rem 1rem;
}
.title {/*margin:55% auto 0;*/
	margin: 3rem auto 0;
}
.logo {
	text-align: center;
	margin: 0 auto 1rem;
	width: 60rem;
}
.title_txt {
	background: rgba(151,151,153,0.8);
	border-radius: 10px;
	text-align: center;
	padding: 4rem 4rem;
	margin-top: -3rem;
}

.title_txt p{
	font-weight: bold;
}

.title_txt p:nth-of-type(1) {
	font-size: 2.6rem;
	color: #0d0d0d;
}
.title_txt p:nth-of-type(2) {
	font-size: 2.8rem;
	color: #fff;
}
.title_txt p:nth-of-type(3) {
	font-size: 2.2rem;
	color: #fff;
}
.title_txt .term {
	background: rgb(219, 188, 114);

	padding: 0.5rem 0;
   width:95%;
   margin: 0 auto;
   	margin-top: 1.5rem;
}
.title_txt .term p {
	font-size: 2.2rem;
	color: #0d0d0d;
}
.goods_area {
	background: rgba(0,0,0,0.5);
	margin: 3rem auto;
	padding: 4rem 4rem;
}
.goods_area h2{
   text-align: center;
   font-size: 3.5em;
   color: #fff;
   margin: 0 auto 4%;
   font-weight: bold;
   letter-spacing: 5px;
   width: 95%;
   background: #000;
   
}
.goods_area .product_area{
   width: 45%;
   margin: 0 2.5% 5%;
   float: left;
   border: solid 2px #000;
   padding: 3%;
   box-sizing: border-box;
   text-align: center;
   background: rgba(255, 255, 255, 0.3)
}
.goods_area .product_area img{
   max-width: 100%;
   height: auto;
   width: 100%;
}
.goods_area .product_area .goods_img{
   margin-bottom: 8%;
   border: solid 5px rgb(219, 188, 114);
    box-sizing: border-box;
    background: #fff;
}
.goods_area .product_area img.top-img{
display: block;
margin: 0 auto;
}
.product_detail:before{
   content: "";
   width: 0px;
   height: 0px;
   border-top:15px solid transparent;
   border-left:5px solid transparent;
   border-right:5px solid transparent;
   border-bottom:15px solid rgb(219, 188, 114);
/*   border-bottom:15px solid #d5b66c;*/
   position: absolute;
   top:-30px;
   left:15%;
}
.product_detail{
   font-size: 1.5em;
   color: #fff;
   line-height: 1.8;
   margin-bottom: 1em;
   padding: 2%;
   background: rgb(219, 188, 114);
   border-radius: 15px;
   position: relative;
}
.product_detail .product_name{
   font-size: 1.2em;
/*   color:#fff;*/
   font-weight: bold;
   margin-bottom: 0.5em;
   
   
}


/*文字色のスタイル*/

/*btnここから*/
/*
.cart_change .cart_btn.btn00 {
	margin-top: 0em;
}
.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_change01 .cart_btn.btn01 {
	background: #ccc;
}
.cart_change01 .cart_btn.btn02 {
	display: none;
}
.cart_change01.sel02.sel02_2 .cart_btn.btn01 {
	display: none;
}
.cart_change01.sel02.sel02_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_btn {
	background: #000;
	width: 80%;
	margin: 1em 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 {

	font-weight: 600;
	background-size: 1.8em auto;
	padding: 0.2em 0 1em 0em;
	color: #fff;
	font-size: 1.5em;
	line-height: 2.9;
   letter-spacing: 2px;
}
.cart_btn span i{
   padding-right: 1em;
   font-size: 1.3em;
}
.btn02:hover {
	opacity: 0.5;
   transition: 0.5s;
}
.btn00:hover {
	opacity: 0.5;
   transition: 0.5s;
}

.cart_btn2 {
	width: 24%;
}
.select_area_rel{position: relative;}
/*.cart_btn_abso{position: absolute;bottom: 0;left:0; right:0;margin: 0 auto;}*/
.btnab{position: absolute;bottom: 0;left:0; right:0;margin: 0 auto;}

.cart_change .cart_btn.btn01 {background:#ccc;}
.cart_change .cart_btn.btn02 {display:none;}
.cart_change.sel01.sel02 .cart_btn.btn01 {display:none;}
.cart_change.sel01.sel02 .cart_btn.btn02 {display:block;}

.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_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;}

/*btnここまで*/


#pagetop{

   width: 150px; height: 150px; background-size: 100% auto !important; position: fixed; display: inline; z-index: 100;
bottom: 25px; right: 25px;
   padding: 0.2em;
   box-sizing: border-box;
   text-align: center;
}
#pagetop:hover {
-webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: rubberBand;
	animation-duration: 1s;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, .95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}





/*SHOPPING INFORMATION　ご利用案内ここから*/
.info_table {
	font-size: 160%;
}
.info_table hr {
	color: #fff;
}
.info_td {
	background: rgba(0,0,0,0.5);
	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　ご利用案内ここまで*/

/*#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: 96rem;
	margin: 0 auto;
}
#footer #copyright {
	padding: 15px 0 0;
	font-size: 10px;
	color: #fff;
	text-align: center;
}
.tweet_btn {
	position: absolute;
	bottom: 35px;
	right: 115px;
}
.like_btn {
	position: absolute;
	bottom: 42px;
	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(http://kingeshop.jp/img/usr/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;
}
/*#footerここまで*/

/*eventここから*/






@media screen and (max-height: 800px) {
/*body{
background:#050b2b url(../../assets/images/bg.jpg) no-repeat 50% 72% fixed; background-size: cover;
}*/
/*.title{margin: 45% auto 0;}*/

}

@media screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
/*.title{margin: 70% auto 0;}*/
/*.arrival{margin-top:0rem;}*/
}

@media screen and (max-width: 812px) {
/* 812px以下用（iPad）の記述 */
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
/*floatのスタイル*/
.left {
	float: none;
}
.right {
	float: none;
}
/*floatのスタイル*/

/*↑ここまで共通部分*/
	
/*body {
	background-image: url(../../assets/images/bg_new.jpg), url(../../assets/images/bg_star.jpg);
	background-repeat: no-repeat, repeat;
	background-position: 50% -70%, 50% 50%;
	background-attachment: scroll, scroll;
	background-size: contain, 70%;
}*/
		
body {
	background:rgb(219, 188, 114) url(../../assets/images/bg_new.jpg) no-repeat 50% top scroll;
	background-size: contain;
}	
	
.wrapper_in {
	background: none;
	padding-bottom: 0;
}
.artist {
	max-width: 100%;
	height: 0rem;
	padding-bottom: 0;
	margin: 0 auto;
	background: none;
}
	
#contents_artist {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0rem;
}	
	
   .contents_out {
    background: #d5b66c;
    background-image: url(../images/bg_l.jpg);
    background-attachment: fixed;
    padding-bottom: 19%;
}
#contents {
	max-width: 95%;
	margin: 0 auto;
	padding: 0 0rem;
}
.title {
	margin: 88% auto 0;
   padding-top: 3rem;
}
.arrival {
	margin-top: 0rem;
}
	
.arrival img{
	margin: 1rem auto 0;
	width: 50%;
}	
	
.logo {
	text-align: center;
	margin: 0 auto 0;
	width: 60%;
}
.title_txt {
	background: rgba(151,151,153,1.0);
	border-radius: 10px;
	text-align: center;
	padding: 3rem 1rem;
	margin-top: 0rem;
}
.title_txt p:nth-of-type(1) {
	font-size: 2rem;
    margin-bottom: 0.5rem;
}
.title_txt p:nth-of-type(2) {
	font-size: 2.0rem;
	color: #fff;
}
.title_txt p:nth-of-type(3) {
	font-size: 2.0rem;
	color: #fff;
}
.title_txt .term {
	background: rgb(219, 188, 114);
	margin-top: 1.5rem;
	padding: 0.5rem 0;
}
.title_txt .term p {
	font-size: 1.8rem;
	color: #0d0d0d;
}
.goods_area {
	/*background: none;*/
	margin: 3rem auto;
	padding: 3rem 1rem;
}




#footer {
	margin-top: 1rem;
}
.info_td {
}
/*eventここから*/



/*eventここまで*/
	
	
/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
	
#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(http://kingeshop.jp/img/usr/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;
}
	
#footer #copyright {
	padding: 15px 0 15px;
}	
	
}

@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
/*
body:before{
   display: block;
   background:#000;
   background-image: url(../images/bg_l.jpg);
   background-attachment: fixed;
   width: 100%;
   height: 100vh;
   content:"";
}
*/
   .artist {
	max-width: 105rem;
	width: 100%;
	height: 0rem;
	padding-bottom: 88%;
	margin: 0 auto;
	background: url(../../assets/images/main.png) no-repeat;
	background-size: contain;
}
   .contents_out{
   background:transparent;
   background-image: none;
/*   background-attachment: fixed;*/
}
   
/*body {
	background-image: url(../../assets/images/bg_new.jpg), url(../../assets/images/bg_star.jpg);
	background-repeat: no-repeat, repeat;
	background-position: 50% -15%, 50% 50%;
	background-attachment: scroll, scroll;
	background-size: contain, 70%;
}*/
body:before {
  background:url('../images/bg_l.jpg') repeat left top;
  background-size: 100% auto;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
  content: "";
  z-index: -1;
} 
   
body{
background:
   transparent
   url(../../assets/images/bg_new.jpg) no-repeat 50% top scroll;
background-size:contain;
}
/*
#wrapper{
   display: block;
   background:#000;
   background-image: url(../images/bg_l.jpg);
   background-attachment: fixed;
   width: 100%;
   content:"";
   padding-bottom: 18%;
}
*/
	
.title {
	margin: -23% auto 0;
}
   #pagetop{
      width:0px;
   display: none !important;
   }
   
   .goods_area h2{
   width: 100%;
}

.goods_area .product_area{
   width: 100%;
   margin: 0 0% 5%;
   float: none;
   border: solid 2px #000;
   padding: 3%;
   box-sizing: border-box;
   text-align: center;
   background: rgba(255, 255, 255, 0.3)
}
   .btnab {
    position: static;
    margin: 0 auto;
}
.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 b {
}
.info_txt img {
	margin-top: 5px;
}
/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */

#footernav li {
	padding: 0 0 0 17px;
	background: url(http://kingeshop.jp/img/usr/arrow-footer.gif) no-repeat 0 2vw;
	line-height: 1.2;
}
#footernav li a {
	font-size: 2.5vw;
}
}

@media screen and (max-height: 375px) {
	
/*
body{
	background:rgb(219, 188, 114) url(../../assets/images/bg_new.jpg) no-repeat 50% top scroll;
	background-size: cover;
}	
*/

.title {
	margin: 61.5% auto 0;
}
.arrival {
	margin-top: 3rem;
	position: relative;
}
}




@media all and (-ms-high-contrast: none){
  html{
 overflow: hidden;
 height: 100%;
}
body{
 overflow: auto;
 height: 100%;
}
}