@charset "utf-8";

/* --------------------------------
 *	 Original CSS Area
 * -------------------------------- */

/*  */

/* ヘッダー　上部padding　削除 */
header#header {
  padding-top:0px;
}

/* ヘッダーロゴサイズ指定 */
.header_logo_area svg {
  height:70px;
  width:200px;
}

/* bootstrap ボタン色変更　*/
.btn-success {
	color: #fff;
	background-color: #c4057c;
	border-color: #c4057c;
}

.btn-primary {
	color: #fff;
	background-color: #D85145;
	border-color: #D85145;
}



/* ヘッダー　商品検索フォーム 下段解除 */
header#header div div.drawer_block.pc.header_bottom_area{
  clear:none;
}

/* SVGアイコン 色変更 */
.icon-bg {
  fill:#F29500;
}

#cb-search {
  fill:#0066B1;
}

.badge {
  background-color:#F29500;
}

/* --------------------------------
 *	 media
 * -------------------------------- */

/* -------------------------------------------------------------------------- */
/* 画面サイズ　768px　以上の時 */
@media only screen and (min-width: 768px){

  /* ヘッダーロゴ　右側マージン解除 */
  header#header div div.header_logo_area {
	margin-right:0px;
	margin-top: -5px;
  }

  /* ヘッダー カートアイコンエリア 右寄せ解除及び左寄せ　 */
  div#cart_area {
	position:static;
	float:left;
	padding-top:20px;
  }

  /* ヘッダー　カート内個数バッジが像位置をカートに被せる  */
  header#header div#cart_area p.cart-trigger span.badge {
	left:-7px;
	top:-13px;
  }

  /* ヘッダー　カート内表示時の閉じるXアイコンSVG画像が全面になる様に  */
  div#cart_area p{
	z-index:10;
  }

  /* ヘッダー　カート内表示時の閉じるXアイコン右寄せ  */
  div#cart_area p svg.cb.cb-close {
	left:auto;
	right:5px;
	top:11px;
	/*right:-20px;*/
  }

  /* ヘッダー　カートアイコンエリア　ボーダー非表示化 及び　エリアサイズ縮小 */
  #cart_area p.cart-trigger {
	border:none;
	min-width:70px;
  }

  /* ヘッダー　カートアイコンクリック時表示エリア右寄せ解除及び左寄せ */
  div#cart div.inner{
	right:28rem;
	/*left:0;*/
  }

  /* ヘッダー　カートアイコンクリック時表示文言　左寄せ */
  div#cart div.inner .btn_area .message p {
	float:left;
  }


  /* ヘッダー　検索フォームサイズ変更 */
  header#header div.inner div.input_search {
	padding:0;
	width:17%;
	min-width:220px;
	  margin-bottom: 10px;
  }

  /* ヘッダー　登録ログインエリア　サイズ変更 */
  header#header div.inner div#member ul.member_link li a {
	padding:2px;
  }


  /* -------------------------------------------------------------------------- */
  /* ヘッダー　カテゴリナビ周り #header から　#contents_top　へ移植用 */
  /* ----- category_nav in header ---- */

  #contents_top #category {
	  padding: 20px 0 0;
  }

  /* category-nav */

  #contents_top .category-nav {
	  border-top: 1px solid #D9D9D9;
	  border-bottom: 1px solid #D9D9D9;
	  text-align: center;
  }

  #contents_top .category-nav .toggle {
	  display: none;
  }
  #contents_top .category-nav > li {
	  margin: 0;
  }
  #contents_top .category-nav li ul {
	  display: block;
  }

  #contents_top .category-nav li {
	  position: relative;
	  display: inline-block;
  }
	
 #contents_top .category-nav li.firstnav{
	  
	 height: 45px;
	 padding-top:5px;
	 padding-bottom:5px;
	 
 }	
 
	#contents_top .category-nav li.firstnav a{
		border-right: 1px #eee dotted;
	}
  
   #contents_top .category-nav li.home a{
		border-left: 1px #eee dotted;
	}
	
  #contents_top .category-nav > li > a {
	  padding: 0 1em;
	  height: 35px;
	  line-height: 35px;
	  border-bottom: none;
  }
  #contents_top .category-nav li a {
	  display: block;
  }
  #contents_top .category-nav li ul {
	  position: absolute;
	  z-index: 100;
	  top: 100%;
	  left: 0;
	  width: 200px;
	  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  }
  #contents_top .category-nav li ul li {
	  float: left;
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  transition: .2s;
  }
  #contents_top .category-nav li ul li a {
	  text-align: left;
  }
  #contents_top .category-nav > li:hover > a {}
  /*
  #contents_top .category-nav > li:hover li:hover > a {  background: rgba(204, 204, 204, 0.1)}
  */
  #contents_top .category-nav > li:hover li:hover > a {  background: rgba(204, 204, 204, 0.2)}

  #contents_top .category-nav > li:hover > ul > li {
	  overflow: visible;
	  height: 45px;
  }

  #contents_top .category-nav li ul li ul {
	  top: 0;
	  left: 100%;
  }
  #contents_top .category-nav li:last-child ul li ul {
	  left: 100%;
	  width: 100%;
  }
  #contents_top .category-nav li ul li ul:before {
	  position: absolute;
	  content: ">";
	  top: 13px;
	  left: -15px;
	  width: 0;
	  height: 0;
  }
  #contents_top .category-nav li:last-child ul li ul:before {
	  position: absolute;
	  content: ">";
	  top: 13px;
	  left: -15px;
	  width: 0;
	  height: 0;
	  /*
		 content: "<";
		 top: 13px;
		 left: 200%;
		 margin-left: -15px;
	 */
  }
  #contents_top .category-nav li ul li:hover > ul > li {
	  overflow: visible;
	  height: 50px;
  }

  #contents_top .category-nav li ul li ul li a {}
  /*
  #contents_top .category-nav li:hover ul li ul li a:hover {  background: rgba(204, 204, 204, 0.1)}
  */
  #contents_top .category-nav li:hover ul li ul li a:hover {  background: rgba(204, 204, 204, 0.2)}

  #contents_top .category-nav ul > li > a,
  #contents_top .category-nav ul > li > ul > li > a,
  #contents_top .category-nav ul > li > ul > li > ul > li a {
	  padding-left: 10px;
  }

  #contents_top ul.category-nav > li:hover {  background: rgba(204, 204, 204, 0.2)}

  /* ヘッダー　カテゴリナビ周り #header から　#contents_top　へ移植用 ここまで */
  /* -------------------------------------------------------------------------- */
   
  /* ヘッダー　と　コンテンツエリア　に隙間削除 */
  div#contents {
	padding-top:0px;
  }
  
  /* コンテンツトップ　ナビの上部padding削除*/
  #contents_top nav#category{
	padding-top:0px;
	/*background-color:black;*/
	/*border-top:2px solid #0066B1;*/
	/*
		border-bottom:2px solid #c4057c;
	*/
	  
	 height: 45px;
	 /*overflow: hidden;*/
  }

  /* コンテンツトップ　ナビの文字色変更 */
  #contents_top nav#category a {
	color:white;
	padding:0 0.3em;
  }
 
  /* コンテンツトップ　ナビのリスト背景色変更 */
  #contents_top nav#category ul {
	background-color:#565656;
	border:none;
	/*background: url(/images/navbg.png) repeat-x;*/
	/*height: 64px;*/
	  
	  
/*
	border-top:2px solid #cdcdcd;
	border-bottom:2px solid #cdcdcd;
*/
  }

} /* end of @media only screen and (min-width: 768px) */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* 画面サイズ　780px　以下の時 */
@media only screen and (max-width: 780px){
  /* コンテンツトップ　ナビ　カテゴリ名間　padding調整 */
  #contents_top nav#category a {
	padding:0 0.1em;
  }

  /* ヘッダー　登録ログインエリア　サイズ変更 */
  header#header div.inner div#member ul.member_link li a {
	padding:1px;
  }

}
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* 画面サイズ　930px　以上の時 */
@media only screen and (min-width: 930px){
  /* コンテンツトップ　ナビ　カテゴリ名間　padding調整 */
  #contents_top nav#category a {
	padding:0 1em;
  }
}
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* 画面サイズ　1024px　以上の時 */
@media only screen and (min-width: 1024px){
  /* コンテンツトップ　ナビ　カテゴリ名間　padding調整 */
  #contents_top nav#category a {
	padding:0 1.2em;
  }
 
}
/* -------------------------------------------------------------------------- */

/* コンテンツトップ　カテゴリナビ　展開カテゴリ下線色 */

#contents_top nav#category>ul>li>ul>li>a{
  border-bottom:solid 1px #787878;
}


#contents_top nav#category>ul>li>ul>li:nth-of-type(1) a{
  border-top:solid 2px #787878;
  border-bottom:solid 2px #787878;
}

#contents_top nav#category>ul>li>ul>li:nth-of-type(2) a{
  border-bottom:solid 2px #787878;
}

#contents_top nav#category>ul>li>ul>li:nth-of-type(3) a{
  border-bottom:solid 2px #787878;
}

#contents_top nav#category>ul>li>ul>li:nth-of-type(4) a{
  border-bottom:solid 2px #787878;
}

#contents_top nav#category>ul>li>ul>li:nth-of-type(5) a{
  border-bottom:solid 2px #787878;
}

#contents_top nav#category>ul>li>ul>li:nth-of-type(6) a{
  border-bottom:solid 2px #787878;
}

#contents_top nav#category>ul>li>ul>li:nth-of-type(7) a{
  border-bottom:solid 2px #787878;
}

#contents_top nav#category>ul>li>ul>li:nth-of-type(8) a{
  border-bottom:solid 2px #787878;
}

#contents_top nav#category>ul>li>ul>li:nth-of-type(9) a{
  border-bottom:solid 2px #787878;
}

#contents_top nav#category>ul>li>ul>li:nth-of-type(10) a{
  border-bottom:solid 2px #787878;
}



/* -------------------------------------------------------------------------- */
/* トップページ　スライダーサイズ等 */

#contents_top div.main_visual{
  margin:0 auto 15px auto;
  width:100%;
  border-top:solid 2px #0066B1;
  border-bottom:solid 2px #0066B1;
}


/* スライダー画像右下　ロゴマーク位置サイズ調整 */
#contents_top div.main_visual div.item{
position:relative;
}

svg.slider_logo {
  width:45%;
  height:10%;
  position:absolute;
  bottom:0px;
  right:-5%;
  
}
/* スライダー画像左下　image model　000cm　位置サイズ調整 */
div.slider_img_model_description {
  width:60%;
  position:absolute;
  bottom:0px;
  left:0px;
  padding-left:10px;
  padding-top:3px;
  margin:0px;
  background-color:rgba(255,255,255,0.7);
  -webkit-border-top-right-radius: 22px;  
  -moz-border-radius-topright: 22px;  
}

div.slider_img_model_description p {
  font-size:1.4rem;
  margin:0px;
  font-weight:bold;
  color:#c4057c;
/*
  filter:dropshadow(color=#ffffff,offX= 0,offY=-1)
  dropshadow(color=#ffffff,offX= 1,offY= 0)
  dropshadow(color=#ffffff,offX= 0,offY= 1)
  dropshadow(color=#ffffff,offX=-1,offY= 0);
 
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 1px;
 
  text-shadow: #ffffff 1px 1px 0px, #ffffff -1px 1px 0px,
			   #ffffff 1px -1px 0px, #ffffff -1px -1px 0px;
*/
}


/* -------------------------------------------------------------------------- */
#footer{
/*
  border-top:2px solid #c4057c;
*/
}
/* フッター　ビッグカンパニーアバウトリンク */
#big_company_about_link_area p a {
  color:white;
}
#big_company_about_link_area img {
  width:100%;
}

div#big_company_about_link_right {
  width:80%;
  max-width:515px;
  padding:0 5%;
}
#big_company_about_link_area h4 {
	  margin:10px 0;
	  font-size: 2.5rem;
}
#big_company_about_link_area h5 {
	  font-size: 1.8rem;
	  margin:10px 0;
}

@media only screen and (max-width: 1600px){
  #big_company_about_link_area h4 {
		font-size: 2.2rem;
  }
  #big_company_about_link_area h5 {
		font-size: 1.5rem;
  }
}

@media only screen and (max-width: 1240px){
  div#big_company_about_link_right {
	width:100%;
	max-width:100%;
	padding:0 5px;
  }

  #big_company_about_link_area h4 {
		font-size: 2.0rem;
		-webkit-margin-before:0.2em;
		-webkit-margin-after:0.2em;
  }
  #big_company_about_link_area h5 {
		font-size: 1.2rem;
  }
}

@media only screen and (max-width: 768px){
  #big_company_about_link_area h4 {
		font-size: 1.8rem;
  }
  #big_company_about_link_area h5 {
		font-size: 1.1rem;
  }
  #big_company_about_link_area p {
		font-size: 1.0rem;
  }
}


/* -------------------------------------------------------------------------- */
/* 商品詳細ページ */
div#item_detail {
  margin-top:5px;
}


/* 商品詳細ページ 製品紹介動画 */
#detail_youtube_area {
padding-left:10px !important;
padding-right:10px !important;
}

#detail_youtube_area .youtube {
position: relative;
height: 0;
padding: 30px 0 28.125%;
overflow: hidden;
}

#detail_youtube_area .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

#detail_youtube_area div.youtube_sumb_img {
  float:left;
  width:40%;
  margin-top:1%;
  margin-left:1%;
}

#detail_youtube_area div.youtube_sumb_img img {
  width:100%;
}

@media only screen and (max-width: 768px){
  #detail_youtube_area .youtube {
	padding: 30px 0 56.25%;
  }
  #detail_youtube_area #youtube_sumb_area {
	display:none;
  }
}

div#item_detail .item_name {
  color:#0579C4;
  font-size: 3.6rem;
  font-weight: bold;
}

div#item_detail #item_detail_top_right .item_code {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

/* 動画 row内　col6内設置用 */
.half_youtube_area .youtube {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.half_youtube_area .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

@media only screen and (max-width: 768px){
  .half_youtube_area .youtube {
	padding: 30px 0 56.25%;
  }
}


/* 動画等の見出し様リボン  */
div#item_detail h4.libon {
  color:#FFFFFF;
  position: relative;
  padding: .75em 1em;
  background-color: #c4057c;
}
div#item_detail h4.libon::before,
div#item_detail h4.libon::after {
  content: '';
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}
div#item_detail h4.libon::before {
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #ccc;
}
div#item_detail h4.libon::after {
  right: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-top-color: #ccc;
}

/* 見出し　左ボーダー */
div#item_detail h4.left_border {
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #c4057c;
  border-bottom: 1px dotted #ccc;
}


/* -------------------------------------------------------------------------- */
/* 商品タイトル用　リボン  */

.libon1_wrapper {
  width: 90%;
  margin: 0 auto;
  padding: 2px 0;
  font-family: sans-serif;
  font-size: 20px;
  color:#c4057c;
}
.libon1_inner {
  margin: 2px 0
}
.libon1_wrapper .libon1_inner {
  padding: 2px 5px;
  margin: 2px -20px;
  border: solid 3px #0579C4;
  position:relative;
  text-align: center;
  border-radius: 3px;
  background: #fff;
}
.libon1_wrapper .libon1_inner:after,
.libon1_wrapper .libon1_inner:before {
  content: '';
  position: absolute;
  bottom: -7px;
  background: #0579C4;
  border: solid 2px #0579C4;
  width: 25px;
  height: 20px;
  z-index: -1;
}
.libon1_wrapper .libon1_inner:after {
	 left: 2px;
	 transform: rotate(120deg);
}
.libon1_wrapper .libon1_inner:before {
	right: 2px;
	transform: rotate(60deg);
}


.libon1_wrapper .libon1_inner h2 {
  margin-bottom:0px;
}

/* 素材説明テーブル */
table.sozai {
  color:white;
  text-align: center;
  line-height: 1.5;
  width: 100%;
  margin-bottom: 20px;
  border-collapse: separate;
  border-spacing: 3px;
}

table.sozai th.col01 {
  width:10%;
}

table.sozai .col01,
table.sozai .col04 {
  background:#aaa;
	text-align: center;
}

table.sozai th.col02, 
table.sozai th.col03 {
  width:20%;
  background:#F29500;
}

table.sozai td.col02,
table.sozai td.col03 {
  background:#EBF3FC;
  color:black;
}

/* 商品タイトル用　リボン ここまで */
/* -------------------------------------------------------------------------- */


@media only screen and (min-width: 768px){
#contents_top .category-nav li ul li {
  
  /*background-color:black;*/
  background-color:#565656;
  width:120% !important;
	  
  }

}

/* トップページ　個別商品一覧　read more  */
dd.more_link {
  text-align:right;
  font-size:1.2rem;
}

/* カテゴリ商品一覧　結果画面  */
#item_list div[id^="result_list"] div.item_photo img {
  /*
  border-radius:20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border:solid 2px #c4057c;
  */
}

#item_list div[id^="result_list"] .item_name,
#item_list div[id^="result_list"] .item_price {
  margin-left:5px;
}

/* 商品個別ページ　slik用枠 */
div#item_detail div#item_photo_area div.slick-active img ,
div#item_detail div#item_photo_area ul.slick-dots button.thumbnail img {
  
	/*border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;*/
  border:solid 1px #ccc;
/*
  background-color:#faf4de !important;
*/
}


/* 製品詳細ページ　タイトル補色に */

/*
#detail_top_right_content h3 {
  color:#689752;
}

#real_free_area h4 {
  color:#689752;
}
*/

/* 年齢認証　モーダルウィンドウ  */
.modal {
	position: fixed;
	display: none;
	z-index: 9999;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 1.8;
	width: 100%;
	height: 100%;
	background: #f6f6f6 url(../img/top/top_age_check.jpg) top center no-repeat;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;

}

@media only screen and (max-width: 787px){
	.modal::before {

		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: -1;
	}	
}

.modal a {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	border: none;
	padding: 10px !important;
	background: #89b9fb;
}


.modal .content {

}



@media only screen and (min-width: 980px){
	.modal {
		top:0;

	}
  div.modal .content {
		position: absolute;
		bottom: 10%;
		left: 50%;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 680px;
		max-height: 280px;
		margin: 0 auto;
		z-index: 99999;
		padding: 30px;
	background-color: rgba(0, 0, 0, 0.7);
  }
}

@media only screen and (min-width: 787px){
  .modal .content {
	  position: absolute;
	  top: 62%;
	  left: 50%;
	  -moz-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  width: 100%;
	  height: 100%;
	  z-index: 99999;
		padding: 10px;
	background-color: rgba(0, 0, 0, 0.7);
  }
   .modal .content p {
	font-size: 12px;
	font-size: 1.2rem;
   }
}

@media only screen and (max-width: 788px){
  .modal .content {
	  position: absolute;
	  top: 62%;
	  left: 50%;
	  -moz-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  width: 100%;
	  height: auto;
	  z-index: 99999;
		padding: 10px;
	background-color: rgba(0, 0, 0, 0.7);
  }
   .modal .content p {
	font-size: 12px;
	font-size: 1.2rem;
   }
}




.mgB30 {
	color:white;
	margin-bottom: 30px !important;
}
.mgB20 {
	color:white;
	margin-bottom: 20px !important;
}
.modal ul {
	overflow: hidden;
	margin: 0 auto;
}
.modal ul li:first-child {
	float: left;
}
.modal ul li:last-child {
	float: right;
}
.modal a {
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px 50px !important;
	border-radius: 6px;
}
.modal ul {
	overflow: hidden;
	margin: 0 auto;
}
.modal ul li:first-child {
	float: left;
}
.modal ul li:last-child {
	float: right;
}
.modal a {
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px 50px !important;
	border-radius: 6px;
}
.modal a {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	border: none;
	padding: 10px !important;
	background: #c4057c;
	color:white;
}

.modal ul li a {
	padding: 10px 30px !important;

	margin-left:20px;
}

.modal ul li:first-child {
	margin-left:20px;
}


.modal ul li:last-child {
	margin-right:20px;
}

/* スマホ表示時　カテゴリナビ　子リスト表示 */
@media only screen and (max-width: 767px) {
	ul.category-nav ul{
 	display:block;
	}
	ul.category-nav > li {
		/*background-color:#c4057c;*/
		background-color:#565656;
		/*background-color:#0066B1;*/
		
	}	
	ul.category-nav > li > a {  
		color:white;
	}
	
	ul.category-nav > li > ul {
		background-color:#EBEBEB;
	}
	
}

/* FAQページ */

#kisdoll_faq_content {
	margin:5% 5%;
}

.faq_wrapper {
	margin-top:30px;
	border: solid 2px #c4057c;
	border-radius:10px;
	-webkit-border-radius:10px;
		-moz-border-radius:10px;
	padding: 10px;
}

.faq_q_area{
	overflow:hidden;
	border-bottom:1px dashed pink;
	padding-bottom:10px;
}

.faq_q{
	float:left;
	margin-right:15px;
	background-color:#c4057c;
	color:white;
	font-weight:bold;
	font-size:3.5rem;
	width:50px;
	height:50px;
	text-align: center;
	border-radius:25px;
	-webkit-border-radius:25px;
		-moz-border-radius:25px;
}

.faq_q_text{
	float:left;
	width:90%;
	height:50px;
}

.faq_q_text span {
	vertical-align: middle;
}

.faq_a_area{
	overflow:hidden;
	margin-top:10px;
}

.faq_a{
	float:left;
	margin-right:15px;
	background-color:#49AAD2;
	color:white;
	font-weight:bold;
	font-size:3.5rem;
	width:50px;
	height:50px;
	text-align: center;
	border-radius:25px;
	-webkit-border-radius:25px;
		-moz-border-radius:25px;
}

.faq_a_text{
	float:left;
	width:90%;
}

@media only screen and (max-width: 800px){
	.faq_q_text{
		width:75%;
	}
	.faq_a_text{
		width:75%;
	}
}

@media only screen and (max-width: 430px){
	.faq_q_text{
		height:70px;
	}
}

span.qa_red {
	color:#c4057c;
}

/* 営業時間のお知らせ */
.business_hours {
	float:left;
	background-color:#F8F8F8;
}
.business_hours strong {
	color:orange;
}
.business_hours span {
	font-size:1.2rem;
}

/* 商品詳細　フェイスエリア */
.detail_face_area p {
	text-align:center;
}

/* 商品詳細　ウィッグエリア  */
.detail_wigs_area p {
	text-align:center;
}

/* お取り扱い　注意事項 */
span.notice_red {
	color:#c4057c;
}

/* 4大特典 */
.free {
	color:#49AAD2;
	font-weight:bold;
}

.tokuten_row {
	clear:both;
	margin:2px 0;
}
.tokuten_row span {
	display:block;
	float:left;
}

.tokuten_heart {
	float:left;
}


.tokuten_heart {
	position: relative;
	width: 20px;
	height: 18px; 
} 

.tokuten_heart:before, .tokuten_heart:after {
position: absolute; 
content: ""; 
left: 10px; 
top: 4px; 
width: 10px; 
height: 16px; 
background: #c4057c; 
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0; 
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); 
-o-transform: rotate(-45deg); 
transform: rotate(-45deg); 
-webkit-transform-origin: 0 100%; 
-moz-transform-origin: 0 100%; 
-ms-transform-origin: 0 100%; 
-o-transform-origin: 0 100%; 
transform-origin: 0 100%; 
} 

.tokuten_heart:after { 
left: 0; 
-webkit-transform: rotate(45deg); 
-moz-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
-o-transform: rotate(45deg); 
transform: rotate(45deg); 
-webkit-transform-origin: 100% 100%; 
-moz-transform-origin: 100% 100%; 
-ms-transform-origin: 100% 100%; 
-o-transform-origin: 100% 100%; 
transform-origin :100% 100%; 
} 


/*  */

/* カートエリア　サンプル用 */

span.required {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal !important;
	margin-left: 10px;
	padding: 3px 5px;
	background: #F29500;
	border-radius: 4px;
    box-shadow: 0px 0px 5px #CCC;
}

.classcategory_list select {
  margin-bottom:5px;
}





@media screen and (max-width: 480px) {
    div#cart form#form_cart div#cart_item_list div.tbody div#cart_item_list__item div#cart_item_list__cart_remove {
        display:block !important;
    	width: 100%;
    }

    div#cart form#form_cart div#cart_item_list div.tbody div#cart_item_list__item>div.table {
        display:block !important;
    	width: 100%;
    }

    div#cart form#form_cart div#cart_item_list div.tbody div#cart_item_list__item>div.table>div#cart_item_list__product_image {
        display:block !important;
    }

    div#cart form#form_cart div#cart_item_list div.tbody div#cart_item_list__item>div.table>dl.item_detail {
        display:block !important;
    	width: 100%;
    }


    div#cart form#form_cart div#cart_item_list div.tbody div#cart_item_list__item>div#cart_item_list__quantity     {
        display:block !important;
    	width: 100%;
    }
}


/**/
.addwish{
		   margin-top: .5rem;
		   padding:0 .2rem .2rem .2rem; 
		   color:#ffffff; 
 		   background-color:#0579C4; 
		   width: 3.2rem;
		   height: 3rem;
	       transition: width .3s;
           -webkit-transition: width .3s; /* Safari */
		   -moz-transition: width .3s;
		   -o-transition: width .3s;
		   border-radius:2rem;
		   -webkit-border-radius:2rem;
		   -moz-border-radius:2rem;	   
		   overflow:hidden;
		   display: inline-block;
	       cursor: pointer;
	       font-size: 1.3rem;
		    
}
.addwish:hover{width:10rem; display: inline-block;}
.addcart{
		   margin-top: .5rem;
		   padding:0 .2rem .2rem .2rem; 
		   color:#ffffff; 
		   background-color:#002D60; 
		   width: 3.2rem;
		   height: 3rem;
	       transition: width .3s;
           -webkit-transition: width .3s; /* Safari */
		   -moz-transition: width .3s;
		   -o-transition: width .3s;
		   border-radius:2rem;
		   -webkit-border-radius:2rem;
		   -moz-border-radius:2rem;	   
		   overflow:hidden;
			display: inline-block;
			margin-left:1.5rem;
			cursor: pointer;
			font-size: 1.3rem;
			
}
.addcart a{color:#ffffff; background-color:#002D60}
.addcart a:hover{background-color:#002D60}
.addcart:hover{width:12rem;}
.prono{ padding: .2rem 1.5rem; display: inline-block;background-color:#738CA1; color: #ffffff; border-radius: 2.5rem;-webkit-border-radius: 2.5rem;-moz-border-radius: 2.5rem}
.attribute { padding-left: 1.5rem; }

.attribute tr td{ border-bottom: 1px #E8E8E8 dotted; line-height: 4.2rem; color:#738CA1; width: 50%;}

.proaddwish{
	border-radius:2rem;
    -webkit-border-radius:2rem;
    -moz-border-radius:2rem;	
	color:#ffffff; 
    background-color:#0579C4; 
	display: inline-block;
	padding-left: 1rem; 
	padding-right: 1rem;
	cursor: pointer;
	line-height: 2.4rem;
	font-size: 1.4rem;
}
.proaddwish i{ font-size: 1.8rem; padding-top: .3rem}

div#item_detail #item_detail_top_right p.shipping{
	margin-top:1.5rem;border:0;text-align:left;color: #FE980F;font-weight: 600; font-size: 1.6rem; padding-left:30%;
}


div#item_detail #item_detail_top_right p.oldprice{
	margin-top:1rem;border:0;text-align:left;color:#B6B6B6;font-size: 1.8rem; padding-left:30%;
	
}

div#item_detail #item_detail_top_right p.price{
	margin-top:1rem;border:0;text-align:left;color:#002D60;font-size:1.8rem; padding-left:30%;
	
}

div#item_detail #item_detail_top_right p.protext{border:0;text-align:left; font-size: 1.4rem;}

.PP{background-color:#FF0004;color:#ffffff;border-radius:2rem;-webkit-border-radius:2rem;-moz-border-radius:2rem; padding: 0 .6rem; font-weight: 600;}
.p{background-color:#F1F8FC; padding: .5rem 1rem; display:block;border-radius:1rem 1rem 0 0;-webkit-border-radius:1rem 1rem 0 0;-moz-border-radius:1rem 1rem 0 0;}
.fixeddescription table{ width:100%;}

.slectitemleft{padding-right:0;margin-top: -.2rem}
.slectitemleft .itemleftcon{display:block;background-color:#F1F8FC; height:12rem; text-align: center; padding-top:1.8rem;padding-bottom:1rem; border-bottom:.2rem #C5E1F2 solid; border-top:.2rem #C5E1F2 solid;}
.slectitemright{padding-left:0;margin-top: -.2rem}
.slectitemright .itemrightcon{display:block; height:12rem;border-bottom:.2rem #C5E1F2 solid;padding-top:1.8rem;padding-bottom:1rem;border-top:.2rem #C5E1F2 solid;}
.nail{ font-size:1.4rem; margin-top: 1rem;cursor:pointer;}
.nailtext{font-size:1.4rem;}
.nail .un{border: .3rem #ffffff solid;}
.nail .on{border: .3rem #0579C4 solid; /*background: url(/images/productIcons.png) right bottom no-repeat;*/}

.hair img{cursor:pointer;}
.hair .un{border: .3rem #ffffff solid;}
.hair .on{border: .3rem #0579C4 solid; /*background: url(/images/productIcons.png) right bottom no-repeat;*/}
#hairtext{ display: none; font-size: 1.4rem; padding-left: 2rem; color: #f30;}

.head img{cursor:pointer;}
.head .un{border: .3rem #ffffff solid;}
.head .on{border: .3rem #0579C4 solid; /*background: url(/images/productIcons.png) right bottom no-repeat;*/}
#headtext{ display: none; font-size: 1.4rem; padding-left: 2rem; color: #f30;}

.onenav a.onenavlink{color:#7820AB; font-size:2.2rem; font-weight: 700;}
.onenav .twonav { padding-left:1.5rem}
.onenav .twonav a.twonavlink  {color:#808080;line-height: 2.8rem;}

 .ama_green {
    color: #578a17;
    font-size: 22px;
    font-weight: bold;
}

@media only screen and (max-width:767px) {
	div#item_detail .item_name{ font-size: 2.8rem;}
	.attribute {padding-left:.5rem; }
	.attribute tr td{line-height: 2.8rem; font-size: 1.4rem;}
	div#item_detail #item_detail_top_right p.shipping{padding-left:3%; font-size: 1.3rem;}	
	
	div#item_detail #item_detail_top_right p.oldprice{margin-top:1rem;padding-left:5%; margin-bottom: 0;}

    div#item_detail #item_detail_top_right p.price{margin-top:0rem;font-size:1.8rem; padding-left:5%;}
	
	
	.slectitemleft{padding-right:8px;}
	.slectitemleft .itemleftcon{display:block;background-color:#F1F8FC;height:9rem; text-align: center; padding-top:1rem;padding-bottom:0rem; border-bottom:0; border-top:.2rem #C5E1F2 solid;}
	.slectitemright{padding-left:8px;}
	.slectitemright .itemrightcon{display:block;background-color:#F1F8FC;height:9rem;border-bottom:.2rem #C5E1F2 solid;padding-top:0;padding-bottom:1rem;border-top:0;}
	.fixeddescription,.sozai{ font-size:1.3rem}
	
	.onenav{ margin-top: 1rem;}	
	.onenav a.onenavlink{color:#DA6280; font-size:1.8rem; font-weight:700;display: block; border-bottom: 1px #DA627F solid;}
	.onenav .twonav {padding-left:2%; width:48%; float: left; margin-bottom:1rem;margin-top:1rem;}
	.onenav .twonav a.twonavlink  {color:#808080;line-height: 2.8rem; padding-left: .8rem; border-bottom: 1px #808080 dotted; display: block;}
	
	.prolist{ margin-top:2rem}
	.onenav .twonav a.navcur{background-color: #DB6280; color:#fff;}

}

/**/


 .f_koumoku {
			float: left;
			clear: both;
			font-size: 16px;
			font-weight: bold;
			margin-top: 20px;

		}
		 .f_body {
			float: left;
			clear: both;
			margin-top: 5px;
			margin-bottom:5px;
			font-size: 16px;
		}
		 
		 .must {
				float: left;
				width: 40px;
				height: 20px;
				background-color:#F29500;
				color: #fff;
				text-align: center;
				border-radius: 4px;
				box-shadow: 0px 0px 5px #CCC;
				margin-left: 10px;
				margin-top: 20px;
			    font-size: 1.4rem;
		}
		 .form_rei {
				float: left;
				clear: both;
			    font-size: 12px;
			    line-height: 1.8em;
			    color: #7d7d7d;

		}
		 
		 .f_text1 {
			width: 148px;
			height: 28px;
			margin-right: 10px;
			border: 1px solid #d7d7d7;

		}

		.f_text2 {
			width: 308px;
			height: 28px;
			border: 1px solid #d7d7d7;

		}
		 
		 .f_text3 {
			width: 400px;
			height: 50px;
			border: 1px solid #d7d7d7;

		}

		.f_text4 {
			width: 400px;
			height: 80px;
			border: 1px solid #d7d7d7;

		}
		 
		 .problem {
			background-color: #FCC;
		}
		 div.mfp_err {
			clear: both;
			display: none;
			text-align: left;
			margin: 5px 0px 0px 0px;
			padding: 3px 0px 5px 17px;
			color: #F00;
			font-size: 12px;
			line-height: normal;
			background-image: url(/images/mfp_error.gif);
			background-repeat: no-repeat;
			background-position: 0px 1px;
		}
		 
		 form label {
			border-radius: 3px;
			margin: 3px;
			display: block;
		}
		form label.mfp_checked {
			padding: 3px;
			border: solid 1px #CCC;
			background-color: #E8EEF9;
		}
		form label.mfp_not_checked {
			padding: 3px;

		}
		 
		 div.mfp_buttons {
			float: left;
			clear: both;
			padding: 10px 0px;

		}

		table#mfp_confirm_table {
			border-spacing: 0px;
			border-collapse: collapse;
			width: 100%;
		}

        table#mfp_confirm_table tr.mfp_achroma {
			background-color: #FFF;
		}

        table#mfp_confirm_table tr.mfp_colored {
			background-color: #F6F7F9;
		}

       table#mfp_confirm_table tr th {
			white-space: nowrap;
			width: 80px;
		}

		table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
			text-align: left;
			font-size: 12px;
			border-top: solid 1px #CCC;
			padding: 5px 10px;
		}


		div#mfp_phase_confirm {			
			padding:20px 50px;
		}

        div#mfp_phase_confirm h4 {
			font-size: 12px;
			padding: 10px 0px 0px 0px;
			text-align: center;
		}

        div.mfp_buttons {
			clear: both;
			padding: 10px 0px;
			text-align: center;
		}

        div.mfp_buttons button {
			font-size: 16px;
			margin: 0px;
			padding: 3px;
		}
         
         #formlist {display:block;background-color:#F6F6F6; padding-left:.5rem;}
         #formlist select{ font-size:1.2rem;}
		 
		 @media only screen and (max-width:767px) {
			 
			 div#mfp_phase_confirm {			
				padding:10px 10px;
			}
			 
			 #formlist {padding-left:1.5rem;}
			 
			 #formlist select{ font-size:1.4rem;}
			 
			
			 .f_koumoku {
				float: left;
				clear: both;
				font-size: 14px;
				margin-top: 15px;
				font-weight: bold;

			}

			.f_body {
				float: left;
				clear: both;
				margin-top: 10px;
				margin-bottom: 5px;
				font-size: 14px;

			}

			.must {
					float: left;
					width: 40px;
					height: 20px;
					background-color: #c00;
					color: #fff;
					text-align: center;
					border-radius: 4px;
					box-shadow: 0px 0px 5px #CCC;
					margin-left: 10px;
					margin-top: 15px;
				    font-size: 1.6rem;
			}
			 
			 .f_text1 {
				width: 120px;
				height: 30px;
				margin-right: 10px;
				border: 1px solid #d7d7d7;

			}

			.f_text2 {
				width: 290px;
				height: 30px;
				border: 1px solid #d7d7d7;

			}

			.f_text3 {
				width: 290px;
				height: 50px;
				border: 1px solid #d7d7d7;

			}

			.f_text4 {
				width: 290px;
				height: 80px;
				border: 1px solid #d7d7d7;

			}
			 
			 .form_rei {
					float: left;
					clear: both;

			}
			 
			 div.mfp_buttons {
				float: left;
				clear: both;
				padding: 10px 0px;

			}
			 
			 
		 }



/*20181020*/
.section{padding: 14px 0 12px;}
.mod_form_select{	
	overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 3px 0 3px 10px;
    margin: 0 0 10px 0;
    border: 1px solid #dfdfdf;
    vertical-align: middle;
    /*background: #efefef url(img/img-arrow-down.png) no-repeat 95% 50%;*/
    background: #fff;
}

.mod_form_select select{	
   /* -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	*/
    border-radius: 0;     
	border: 0;
    margin: 0;
    padding:0;	
    /*background: none transparent;*/
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url(images/combarrow.png) no-repeat right;
    width: 96%;
    height: 22px;
}

#suggest_keyword_input{border: 1px solid #c8c8c8;border-radius: 2px;padding:6px 1%;width:100%}
#item_search_submit{ width: 100%; font-size: 14px;font-size: 1.4rem;}
#typeList > ul > li > a{ color:#6f6f6f;padding: 10px 2px 8px 5px;display: block;border-bottom: solid 1px #E6E6E6;background: url(/images/list_arrow.png) no-repeat  95% 14px; font-size: 12px;  font-size: 1.2rem; }

#typeList > ul > li > a:hover{background-color: #F0F0F0}

@media screen and (max-width:767px){
	
	
	#typeList{ vertical-align: top}
	.lists > li { display: inline-block; }
	#typeList > ul{ padding-top: 5px;}
	#typeList > ul > li {display: inline-block;}
	#typeList > ul > li > a {background:none; background-color:#EF898E;border-bottom:0; margin: 5px;color: #fff;border-radius:25px;letter-spacing:1px;padding: 5px; font-weight: bold}
	.lists{ height: 100%}
	
	
} 


@media screen and (min-width:1120px){
	.inner, .container{ width: 1260px !important;}
}