@charset "utf-8";
html,body{
	color:#533c33;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",Meiryo,メイリオ,YuGothic,游ゴシック,sans-serif;
}

/*? 1907*/
#pagebody {
    min-width: 1150px;
}
/*? 1907*/
.hide {
    display: none;
}
/*? 1907*/
html > body > table.hide {
    display: inherit !important;
}
/*? 1907*/
.clear { 		
clear: both;
} 

/*****************商品ページBasic 19***********************/

.itemwrap19{
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",Meiryo,メイリオ,YuGothic,游ゴシック,sans-serif;
	width:920px;
	letter-spacing:1px;
	text-align:left;
	margin-bottom:2rem;
}

.itemwrap19 #item_page_r_title b {
    border-bottom: solid 1px #e70784;
    display: block;
    padding: 0 0 .7rem 1rem;
	font-size:1.5rem;
	margin-bottom: .7rem;
}

/*****************アイテムについて19**********************/

.itemwrap19 #item_page_r_text table tr td{
	font-size:1.2rem;
	line-height:2.2rem;
	padding:0 1rem 0rem;
}

.itemwrap19 #item_page_r_text table tr td a{
	padding:0.5rem 0rem 0.5rem;
	display:block;
	background: #e70784;
  transition-property: all;
  transition: 0.3s linear;
  color:ffffff;
 }
.itemwrap19 #item_page_r_text table tr td a:hover{
	background: #533c33;
	text-decoration: none;
  color:ffffff;
 }

/*****************brand19**********************/

.itemwrap19 #item_brand{
	width:100%;
}
.itemwrap19 #item_brand table{
	width:90%;
	margin:0 auto;
}
.itemwrap19 #item_brand table td{
	padding:2px;
}

.itemwrap19 #item_brand p{
	margin: 0 0 5px 0;
}

.itemwrap19 #item_brand font{
border:#cccccc 1px solid;
-webkit-background-size: 2px 2px;
-moz-background-size: 2px 2px;
background-size: 2px 2px;
background-color: #ffffff;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #ededed), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(#ededed 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(#ededed 50%, transparent 50%, transparent);
background-image: linear-gradient(#ededed 50%, transparent 50%, transparent);
text-align:center;
padding:20px;
width:95%;
clear:both;
margin:0 auto ;
display:block;
color:#e70784;
  transition-property: all;
  transition: 0.3s linear;
}

.itemwrap19 #item_brand font:hover{
	background: #e70784;
	color:#ffffff;
	text-decoration: none;
 }


/*****************PC用商品説明文**********************/

.pcitem_wrap21 {
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",Meiryo,メイリオ,YuGothic,游ゴシック,sans-serif;
	text-align: left;
}

.pcitem_atten21{
	border:#CCC 1px solid;
	padding:1.3rem;
	font-size:1rem;
	line-height:1.3rem;
}

.pcitem_atten21_y{
	border:#CCC 1px solid;
	padding:0.7rem;
	font-size:0.7rem;
	line-height:1rem;
	margin-bottom: .5rem;
}

/*****************PC用商品説明文new**********************/

.new_21pc_more{
	border:#00a8bd 2px solid;
	text-align:center;
	display:block;
	padding:1rem;
	font-size:1rem;
	letter-spacing:1.3;
	margin: 2rem auto;
	width: 80%;
}

.new_21pc_more_y{
	border:#00a8bd 2px solid;
	text-align:center;
	display:block;
	padding:1rem;
	font-size:1rem;
	letter-spacing:1.3;
	margin: 0.5rem auto;
	width: 80%;
}


/*****************PC footer_area 19**********************/

#footer_area{
	margin-top:50px;
}


/*****************商品ページPCドロワーメニュー 19**********************/

#ham-menu {
    background-color: #fff;
    box-sizing: border-box;
    height: 100%;
    padding: 1rem 2rem; 
    position: fixed;
    left: -300px; /*メニュー横幅①と合わせる*/
    top: 15%;
    transition: transform 0.3s linear 0s; 
    width: 300px; /*メニュー横幅①*/
    z-index: 1000;
}

#ham-menu ul{
	text-align:left;
	padding:0;
	margin:0;
}

#ham-menu ul li{
	list-style:none;
	margin-bottom:0.7rem;
	font-size:1rem;
}

/*メニューアイコン*/
#ham-menu::before {
    background-color: #533c33;
    color: #fff;
    content: "メニュー";
    display: block;
    font-size: 1rem; 
    height: 100px;
    line-height: 100px; /*縦位置中央化*/
    position: absolute;
    left: 100%;
    text-align: center;
    top: 30%;
    width: 100px;
}

/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; 
    width: 100%;
    z-index: -1;
}
.ham_fea{
	font-size:0.7rem;
	margin-bottom:0.2rem;
	text-align:center;
}

#ham-menu > ul > li > a:hover { 
	position:relative;
	top:1px;
	left:1px;
}

#ham-menu > ul > li > a{
	display:inline-block;
	vertical-align:middle;
}

.ham_icon{
	vertical-align:middle;
}

/*hover 時の処理*/
#ham-menu:hover {
    transform: translate(+300px); /*メニュー横幅①と合わせる*/
}

#ham-menu:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}





/*****************　　**********************/

/*? 1907*/
/*170310St*/
html > body > div#pagebody > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td{
	background-color:#ffffff;
}

html > body > div#pagebody > table > tbody > tr > td > table{
	background-color:#ffffff;
	width:1110px;
}
/*170310En*/




/*カテゴリの表示位置と下のカート位置が連動している
#renew18_rms > table > tbody > tr > td {
	text-align:left;
	}
#renew18_rms > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td{
	text-align:center;
}
#renew18_rms > table > tbody > tr > td > table{
	margin:0 auto;
}
*/


/*18リニューアル前のヘッダー調整*/
#renew18_rms_o{
	margin:-1rem 0 0 7rem;
}

.itemwrap{
	width:800px;
	margin:0 auto;
	text-align:left;
}




/*****************St item page21**********************/


#renew21_rms > tabel{
height: 50px;
}

#item_page21_frame{
	width: 100%;
	height: 65vw;
    min-height: 750px;
	max-height: 1250px;
	overflow: hidden;
}
@media screen and (min-width: 1500px) {
	#item_page21_frame{
	height: 60vw;
}
}

/*
#item_page21_frame{
height: 500px;
}
/*slickの関係により上から記述
@media screen and (max-width: 2500px) {
#item_page21_frame{height: 850px;}
}
@media screen and (max-width: 2400px) {
#item_page21_frame{height: 1100px;}
}
@media screen and (max-width: 2300px) {
#item_page21_frame{height: 1050px;}
}
@media screen and (max-width: 2200px) {
#item_page21_frame{height: 1000px;}
}
@media screen and (max-width: 2100px) {
#item_page21_frame{height: 950px;}
}
@media screen and (max-width: 1200px) {
#item_page21_frame{height: 800px;}
}
*/

#itemwrap21{
width: 920px;
margin: 0 auto;
text-align: left;
}

#item_page_r_tittle{
border-bottom: 1px solid #00a8bd;
margin-bottom: 1rem;
}

#item_page_r_tittle p > b > font{
display: block;
font-size: 2rem;
}

#item_page_r_text b{
display: block;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}

#item_page_r_comt{
background: #e0f2f5;
border-radius: 1rem;
padding: 1rem 2rem;
margin: 0 1rem;
}


#item_page_rcolor{
background: #f7f7f7;
padding: 1rem 2rem;
margin: 0 1rem;
}

#item_page_r_style_wrap{
display: block;
margin: 0 1rem;
}

#item_page_r_style_img{
width: 49%;
float: left;
display: block;
margin-bottom: 2rem;
}

#item_page_r_style_spec{
width: 49%;
float: right;
display: block;
text-align: left;
}

#item_page_r_style_link{
clear: both;
    margin: 1rem auto 2rem;
    width: 60%;
    font-size: .9rem;
}

/*****************En item page21**********************/


/*** fs_add_0222 ***/

#item_brand p,
#itemwrap21 #item_page_r_comt table tr td,
#itemwrap21 #item_page_r_text table tr td{
	font-size:1.2rem;
	line-height:2.2rem;
	padding:0 1rem 0rem;
}

.item_wrap table,
#itemwrap21 table {
    border-collapse: initial !important;
}

#itemwrap21 #item_page_r_size p {
  padding-top: .5rem;
}

#item_page_r_size table:nth-child(1) td,
#item_page_r_size table:nth-child(4) td {
  padding: 1% !important;
}

#itemwrap21 #item_page_r_brand > table {
	margin:10px auto 3rem;
}

@media screen and (max-width: 767px) {

/************item_wrap*****************/

#item_cord p{
	margin:12px 0 5px 0;
}

#item_cord img {
  padding-bottom: 10px;
}

#item_cord,
#item_cord p,
#item_brand p,
#item_info p,
#item_reco p{
	font-size: 1rem;
	line-height: 2.2rem;
	padding: 0 .5rem 0rem;
}

#item_info font b,
#item_cord font b,
#item_brand font b,
#item_info font b,
#item_reco font b{
	color: #00a6c0;
	letter-spacing: 2px;
	border-bottom: #00a6c0 double 5px;
	padding: 0 1rem;
	font-size: 1.2rem;
	margin: 0 .5rem 0rem;
}

/***item_info***/

#item_info > table:nth-child(8),
#item_info > table:nth-child(5) {
    background-color: #ccc;
}

#item_info > table:nth-child(8) tr,
#item_info > table:nth-child(5) tr {
    background-color: #fff;
}

#item_info td{
	padding:8px 10px 8px 10px;
	line-height:20px;
}

#item_info td > p {
	margin:0px;
}

#item_info > table:nth-child(5) > tbody > tr:first-child {
	background-color: #dddddd;
}

#item_info > table:nth-child(8) > tbody > tr > td:nth-child(1),
#item_info > table:nth-child(5) > tbody > tr > td:nth-child(1) {
	background-color:#eeeeee;
	text-align: center;
}


/************itemwrap21*****************/

#itemwrap21 {
	color:#533c33;
	font-size:100%;
	letter-spacing:1.2px;
	width: 100%;
	background: #fff;
	padding: 0 1%;
	margin-bottom: 0px;
}

#item_page21_frame {
	width: 100vw !important;
	height: 120vw !important;
	min-height: inherit !important;
	max-height: inherit !important;
	margin-top: 1rem;
}

#item_page_r_comt,
#item_page_rcolor,
#item_page_r_style_wrap {
	margin:0 auto;
}

#itemwrap21 #item_page_r_comt table tr td,
#itemwrap21 #item_page_r_text table tr td {
  padding: 1% 1.5% 8% !important;
  font-size: 1em !important;
  text-align: left;
  line-height: 2em;
}

/***item_style***/
#item_page_r_style_img,
#item_page_r_style_spec {
    width: 100%;
    float: inherit !important;
    margin: 0;
    padding: 0;
}

#item_page_r_style_wrap td > p,
#item_page_r_style_wrap td > font {
	font-size: 1em;
	text-align: left;
	line-height: 2em;
}

#itemwrap21 > hr + table td:nth-child(1) {
    width: 15%;
}

#item_page_r_style_link {
    margin:0;
    width: 100%;
}

#item_page_r_brand > table,
#item_page_r_style_link > table {
    background-color: #00a8bd;
}

#item_page_r_brand > table td,
#item_page_r_style_link > table td {
    background-color: #fff;
    display: block;
    width: 99%;
	margin: 0.5%;
}

#item_page_r_brand > table td a,
#item_page_r_style_link > table td a {
	padding: 4% 0;
	display: block;
	text-align: center;
}

/***item_size***/

#item_page_r_size,
#item_size {
	margin-bottom: 40px;
}

#item_page_r_style_link + br + br + table + br + table,
#item_page_r_style_link + br + br + table,
#item_page_r_size > table {
    background-color: #c2e6ec;
}

#item_page_r_style_link + br + br + table + br + table tr,
#item_page_r_style_link + br + br + table tr,
#item_page_r_size > table tr {
    background-color: #fff;
}

#item_page_r_style_link + br + br + table + br + table td,
#item_page_r_style_link + br + br + table td,
#item_page_r_size td{
	padding:8px 10px 8px 10px;
	line-height:20px;
}

#item_page_r_style_link + br + br + table + br + table td > p,
#item_page_r_style_link + br + br + table td > p,
#item_page_r_size td > p {
	margin:0px;
}

#item_page_r_size > table:nth-child(1) > tbody > tr:first-child,
#item_size > table:nth-child(1) > tbody > tr:first-child,
#item_page_r_style_link + br + br + table + br + table td:nth-child(1),
#item_page_r_style_link + br + br + table td:nth-child(1),
#item_page_r_size table > tbody > tr > td:nth-child(1),
#item_size table > tbody > tr > td:nth-child(1) {
	background-color:#e0f2f5;
	text-align: center;
}

#item_page_r_size > p,
#item_size .itemg_cap {
	width: 99%;
	text-align: right;
	font-size: 0.8em;
	margin: 5px 0px 20px 0;	
}

#item_page_r_size > p > a > img,
.itemg_cap a img {
    vertical-align: top;
	max-width: 100%;
}

#item_page_r_size table:nth-child(5) > tbody > tr > td > p > font,
#item_size table:nth-child(7) > tbody > tr > td > p > font {
    font-size: 0.9em;
	line-height: 130%;
}

#item_page_r_size table:nth-child(5) > tbody > tr > td > p > font > a,
#item_size table:nth-child(7) > tbody > tr > td > p > font > a {
    display: block;
}

/***item_brand***/
#item_page_r_brand {
	padding-bottom: 2rem;
}

#item_page_r_brand > table {
  margin: 0 auto !important;
}

}
/****************************************/