@import url("https://image.raku-uru.jp/cms/fontcss/font.css");

/***********
 * recet
 ***********/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述します */
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
bottom: 5px; /* 下から指定pxのところにバナーを配置します */
right: 20px; /* 右から指定pxのところにバナーを配置します */
}

.fixed_banner_pc {
width: 100px; /* バナーの横幅を指定してあげます */
}

.floating-banner:hover {
opacity: .8; /* マウスが重なった時に少し透過させます */
}

.fixed_banner_sp {
display: none; /* PCではスマホ用のバナーは非表示にします */
}


@media screen and (max-width: 649px) { /* メディアクエリを使ってスマホ用のブレイクポイントを指定 */
.fixed_banner {
position: fixed; /* 追従させる為にfixedの値を記述します */
z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
bottom: 5px; /* 下から指定pxのところにバナーを配置します */
right: 20px; /* 右から指定pxのところにバナーを配置します */
}

}

*,
::before,
::after {
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}




/***********
 * common
 ***********/

html {
  height: 100%;
  font-size: 62.5%;
}
body {
  height: 100%;
background-image: url(https://www.kawakubo-factory.co.jp/image/back_ground.png);
  background-repeat: repeat;
  color: #FFFFFF;
font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
  font-size: 1.55rem;
  letter-spacing: 0.05rem;
  line-height: 160%;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
body {
  margin-top:64px;
}
}
.clear:after {
  height: 0;
  display: block;
  clear: both;
  content: "";
}

img {
  vertical-align: bottom;
}


/* 印刷設定 */
@media print {
  body {
    width: 1024px;
    /* Print Background */
    -webkit-print-color-adjust: exact; /* chrome */
  }
}

/* ----------------------------------------- */
/* ヘッダ */
/* ----------------------------------------- */

header{
  min-width: 1000px;
  background-color: #FFF;
  background-image: url(https://www.kawakubo-factory.co.jp/image/back_ground.png);
  background-repeat: repeat;
}
.header_txt{
  display: none;
  width: 100%;
  color: #333;
}
.header_txt h1{
  font-weight: normal;
  margin: 0 auto;
  padding-top: 10px;
}
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  header{
    min-width: 100%;
    display: none;
  }
  .header_txt h1{
    font-size: 1.2rem;
    line-height: 120%;
    width: 77%;
    margin: 0 18% 0 5%;
    padding-bottom: 4px;
    background-position: left center;
  }

  #header {
    width: 100%;
    padding-bottom: 8px;
  }

  #header h1 {
    padding-top: 10px;
    padding-left: 10px;
    font-weight: normal;
  }

  #header .header_left {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
  }

  #header .header_right {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    display: none;
  }

  #header .header_right_img {
  }
}

/* PC View */
@media print, screen and (min-width:650px) {
  .header_txt{
    min-width: 1000px;
    font-size: 1.4rem;
  }
  .header_txt h1{
    width: 950px;
    margin-left:auto;
    margin-right: auto;
    height: 32px;
    background-position: left top;
  }
  
  #header {
    width: 1000px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
    table-layout: auto;
    display: table;
    height: 78px;
    border-bottom: 	dashed 1px #464646;
  }
  
  #header p {
    padding-top: 8px;
    padding-left: 5px;
  }

  #header h1 {
    overflow: hidden;
    float: left;
    width: 730px;
    font-weight: normal;
  }

  #header .header_left {
    margin-top: 4px;
    margin-bottom: 6px;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    width: 595px;

  }
  #header .header_left_logo {
    width: 85px;
    height: 50px;
    float: left;
    padding-top: 4px;
  }
  #header .header_left_title {
    float: left;
    padding-top: 4px;
  }

  #header .header_right {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    padding-bottom: 10px;
  }
  
  #header .header_right_tel {
    width: 230px;
    float: left;
    height: 56px;
  }
  
  #header .header_right_tel_mo {
    width: 190px;
    height: 16px;
  }
  #header .header_right_tel_food {
    width: 223px;
    height: 22px;
  }
  #header .header_right_tel_time {
    width: 218px;
    font-size: 10px;

  }  
  #header .header_mail {
    width: 65px;
    float: left;
  }  
  #header .header_shop{
    display: inline-block;
  }


}

/* ----------------------------------------- */
/* スマホ用MENU 展開ボタン */
/* ----------------------------------------- */
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  #gnavibtn {
    display: block;
    position: absolute;
    top: 4px;
    right: 0px;
    padding: 2px 4px 2px 4px;
    border: solid 2px #FFF;
    border-right: none;
    border-radius: 5px 0 0 5px;
    background-color: #F9CFCF;
    cursor: pointer;
    font-size: 1.4rem;
    box-shadow:0px 0px 3px 0 #333;
  }
  .sidr-open #gnavibtn .gnavibtn_close{
    display: none;
  }
  #gnavibtn .gnavibtn_open{
    display: none;
  }
  .sidr-open #gnavibtn .gnavibtn_open{
    display: inline;
  }

  #gnavibtn:hover {
    background-color: #ddd;
  }


  #gnavibtn .gudicon-exit2,
  #gnavibtn .gudicon-enter{
    font-size: 2.2rem;
  }
  #gnavibtn span {
    font-size: 0.8rem;
    display: block;
  }
}
/* PC View */
@media print, screen and (min-width:650px) {
  #gnavibtn {
    display: none;
  }
}

/* ----------------------------------------- */
/* グローバルナビ */
/* ----------------------------------------- */

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  /* ナビゲーションメニュー（アイコン） */
  #tag_header nav{
 display: none;
  }
}

/* PC View */
@media print, screen and (min-width:650px) {
/* Original for each site/ */
  #tag_header nav {
    width: 100%;
    min-width: 1000px;
    height: auto;
  }
  .globalnavi {
    overflow: hidden;
    width: 950px;
    margin: 0 auto;
  }
  .globalnavi ul {
    list-style-type: none;
    padding: 0;
    font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
  }
  .globalnavi li {
    font-weight: 700;
    text-align: center;
    width: 235px;
    height: 36px;
    overflow: hidden;
    line-height: 100%;
    margin-right: 1px;
    float: left;
  }
  .gnavi_food li {
    width: 189px;

  }

  .globalnavi li + li {
  border-left: 0;
  }
  }    /* IE */
  .globalnavi li img{
    max-height: 40px;
    width: auto;
  }
  .globalnavi li a:hover img{
    opacity: 0.6;
  }
  
/* Link */
  .globalnavi li a p{
    display: table-cell;
    vertical-align: middle;
    width: 158px;
    height: 36px;
  }
  .globalnavi li a p.sp{
    display: none;
  }
  .globalnavi .gnavi{
    overflow: hidden;
    text-decoration: none;
  }
  .globalnavi .gnavi a,
  .globalnavi .gnavi a:hover{
    font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    color: #FFFFFF;
    text-decoration: none;
  }
/* グローバルナビ メニューロールオーバー */
  .globalnavi .gnavi00:hover,
  .globalnavi .gnavi01:hover,
  .globalnavi .gnavi02:hover,
  .globalnavi .gnavi03:hover,
  .globalnavi .gnavi04:hover,
  .globalnavi .gnavi05:hover,
  .globalnavi .gnavi06:hover,
  .globalnavi .gnavi07:hover,
  .globalnavi .gnavi08:hover,
  .globalnavi .gnavi09:hover,
  .globalnavi .gnavi10:hover,
  .globalnavi .gnavi11:hover,
  .globalnavi .gnavi12:hover{
    border-bottom: 2px solid #dc0000;
  }

  .gnavi00 .globalnavi .gnavi00,
  .gnavi01 .globalnavi .gnavi01,
  .gnavi02 .globalnavi .gnavi02,
  .gnavi03 .globalnavi .gnavi03,
  .gnavi04 .globalnavi .gnavi04,
  .gnavi05 .globalnavi .gnavi05,
  .gnavi06 .globalnavi .gnavi06,
  .gnavi07 .globalnavi .gnavi07,
  .gnavi08 .globalnavi .gnavi08,
  .gnavi09 .globalnavi .gnavi09,
  .gnavi10 .globalnavi .gnavi10,
  .gnavi11 .globalnavi .gnavi11,
  .gnavi12 .globalnavi .gnavi12{
    border-bottom: 2px solid #dc0000;
    color: #808080;
  }


/* ----------------------------------------- */
/* 検索 */
/* ----------------------------------------- */

/* PC View */
@media print, screen and (min-width:650px) {
  .main-article{
    width: 950px;
    margin: 100px auto;
  }
.shop_top{
  min-width: 1000px;
  width: 100%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  content-visibility: auto;
  background-repeat: no-repeat;
  background-position: center center;
  }

.shop_opsion{
  width: 950px;
  margin: 0 auto;
  }
  
.search_area{
  margin-top: 10px;
  float: left;
}

.search_space{
  box-sizing: border-box;
  position: relative;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  display: block;
  padding: 3px 10px;
  border-radius: 20px;
  height: 32px;
  width: 260px;
  overflow: hidden;
}
.search_space input[type="text"]{
  border: none;
  height: 2.0em;
}
.search_space input[type="text"]:focus {
  outline: 0;
}
.search_space input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.3em;
  border: none;
  background: none;
  color: #3879D9;
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  right: 0;
  top: -10px;
  outline : none;
}
.search_space::before{
  content: "\e92b";
  font-family: "icomoon";
  font-size: 20px;
  color: #dc0000;
  vertical-align: middle;
}

.shop_menu {
  list-style: none;
  padding-top: 10px;
  margin-left: 518px;
  overflow: hidden;
  }

.shop_menu li {
  margin: 0 0 0 4px;
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
    width: 140px;

}

.shop_menu li a {
  display: block;
  background-color: #ffffff;
  border-bottom: solid 2px #000819;
  color: #dc0000;
  height: 34px;
  line-height: 30px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;

}
.shop_menu li a:hover{
  background-color: #dc0000;
  color: #ffffff;
}

.shop_menu li a i{
  font-style: normal;
}
.shop_menu li.entry a{
  padding-left: 28px;
}

.shop_menu li.mypage a{
  padding-left: 20px;
}

.shop_menu li.cart a{
  padding-left: 34px;
}

.shop_menu li.entry a::before {
  content: "\e90a";
}
.shop_menu li.mypage a::before {
  content: "\e927";
}
.shop_menu li.cart a::before {
  content: "\e918";
}
.shop_menu li a::before {
  content: "";
  font-family: "icomoon";
  color: #dc0000;
  font-size: 14px;
  margin-right: 6px;
}
.shop_menu li a:hover::before{
  color: #ffffff;
}


.shop_title{
  text-align: center;
  padding-top: 5%;
}
.shop_title p{
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
}
.about-tbl td{
  padding-left:80px
}
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
.shop_top{
  width: 100%;
  height: 76px;
  overflow: hidden;
   margin-left: auto;
   margin-right: auto;
  background-image: url(https://www.kawakubo-factory.co.jp/image/top_shop.jpg);
  content-visibility: auto;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center
  }
.shop_opsion{
  height: 50px;
  padding-top: 5px;
  background-color: #cccccc
  }
.search_area{
  width: 98%;
  margin-left: 4px;
}
.search_space{
  box-sizing: border-box;
  position: relative;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  display: block;
  padding: 3px 10px;
  border-radius: 20px;
  height: 32px;
  overflow: hidden;
}
.search_space input[type="text"]{
  border: none;
  height: 2.0em;
  padding-right: 120px;
  padding-left: 10px;
}
.search_space input[type="text"]:focus {
  outline: 0;
}
.search_space input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.3em;
  border: none;
  background: none;
  color: #3879D9;
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  right: 0;


  top: -10px;
  outline : none;
}
.search_space::before{
  content: "\e92b";
  font-family: "icomoon";
  font-size: 20px;
  color: #dc0000;
  vertical-align: middle;
}
  
  
.shop_menu {
  width: 100%;
  list-style: none;
  padding-top: 5px;
  overflow: hidden;
  }

.shop_menu li {
  width: 33.3%;
  float: left;
}
.shop_menu li +li{
  border-left: solid 1px #b3b3b3;
  }

.shop_menu li a {
  display: block;
  background-color: #ffffff;
  border-bottom: solid 2px #000819;
  color: #dc0000;
  height: 34px;
  line-height: 30px;
  text-decoration: none;
  font-weight: bold;
}
.shop_menu li a:hover{
  background-color: #dc0000;
  color: #ffffff;
}

.shop_menu li a i{
  font-style: normal;
}
.shop_menu li.entry a{

}

.shop_menu li.mypage a{

}

.shop_menu li.cart a{
}

.shop_menu li.entry a::before {
  content: "\e90a";
}
.shop_menu li.mypage a::before {
  content: "\e927";
}
.shop_menu li.cart a::before {
  content: "\e918";
}
.shop_menu li a::before {
  content: "";
  font-family: "icomoon";
  color: #dc0000;
}
.shop_menu li a:hover::before{
  color: #ffffff;
}
.shop_title{
  text-align: center;
  padding-top: 20%;
}
.shop_title p{
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
}
}
  




/* ----------------------------------------- */
/* パンくず */
/* ----------------------------------------- */

/* PC View */
@media print, screen and (min-width:650px) {
.bread{
  width:950px;
  margin: 50px auto;
}
.bread a{
  color:#ffffff;
  text-decoration:none;
}
.bread li {
  max-width: 100%;
  display: inline-block;
  color: #6d6d72;
  font-size: 16px;
  line-height: 1.78;
}
.bread li::after {
  content: " > ";
  margin: 0 5px;
  color: #c9c9c9;
}
.bread li:last-child::after {
  content: "";
}
.bread span{
  color:#ffffff;
}
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .bread{
  margin: 20px 10px;
}
  .bread a{
  color:#ffffff;
  text-decoration:none;
  }
.bread li {
  max-width: 100%;
  display: inline-block;
  color: #6d6d72;
  font-size: 16px;
  line-height: 1.78;
}
.bread li::after {
  content: " > ";
  margin: 0 5px;
  color: #c9c9c9;
}
.bread li:last-child::after {
    content: "";
}
.bread span{
  color:#ffffff;
}
}


/* ----------------------------------------- */
/* フッタ */
/* ----------------------------------------- */
#footer a {
  color: #FFFFFF;
  text-decoration: none;
}
#footer a:hover {
  color: #FFFFFF;
  }
.footer_copy{
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #FFFFFF;
  background-color: #194c8a;
  font-size: 1.2rem;
  text-align: center;
  font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
}
.footer_copy a{
  text-decoration: none;
  color: #FFFFFF;
}

/* ----------------------------------------- */
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  footer {
    width: 100%;
  }
  .sitemap_back{
    width: 100%;
    height: 330px;
  }
   #footer .footer_left{
    width: 100%;
    text-align:center;
  }
  
  .footer_company{
   /* width: 100px;*/
    /*margin-left: 15%; */
  }
  .footer_company img{
    margin-bottom: 8px;
  }
  
  #footer .footer_company_mo{
    padding-top: 20px;
    font-size: 1.3rem;
    line-height: 18px;
  }
  #footer .footer_company_food{
    padding-top: 15px;
    font-size: 1.3rem;
    line-height: 18px;
  }
  
  
  /* サイトマップ */
  #footer .sitemap{
    overflow: hidden;
    height: auto;
    margin-left: 24%;
    display: none;
  }
  #footer .sitemap ul {
    width: 100%;
    float: left;
    padding-left: 10%;
    list-style: none;
  }
  #footer .sitemap .ul_list_a,
  #footer .sitemap .ul_list_b,
  #footer .sitemap .ul_list_c,
  #footer .sitemap .ul_list_d{
    display: block;
    width: 50%;
    float: left;
    padding-left: 1px;
  }
  
  #footer .sitemap .list_b {
  display: none;

  }
  #footer .sitemap li {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 4px;
    padding: 0 4px 0 0px;
    font-size: 1.3rem;
    text-decoration: none;
    text-align: left;
  }
  #footer .sitemap .ul_list_a{
    width: 120px;
  }
  
  #footer .sitemap li:before {
    font-family: 'gud_basic';
    font-display: swap;
    content: "\e861";
    padding-right: 3px;
    color: #b3b3b3;
  }
  #footer .sitemap li:after {
    height: 0;
    display: block;
    clear: both;
    content: "";
  }
  .footer_copy{
    display: none;
  }
  #page-top{
    display: none;
  }
}
/* ----------------------------------------- */
/* PC View */
@media print, screen and (min-width:650px) {
  footer {
    width: 100%;
    min-width: 1000px;
    padding-top: 20px;
    display:inline-block;
  }

  #footer .sitemap_back {
    width: 950px;
    overflow: hidden;
    margin: 0 auto;
  }
  
  #footer .footer_left{
    width: 400px;
    float: left;
  }
  
  #footer .footer_company{
    width: 100px;
  }
  
  #footer .footer_company_name{
    float: left;
    padding-top: 10px;
  }
  #footer .footer_company_mo{
    float: left;
    padding-top: 20px;
    font-size: 12px;
    line-height: 18px;
  }
  #footer .footer_company_food{
    float: left;
    padding-top: 15px;
    font-size: 12px;
    line-height: 18px;
  }
  
  /* サイトマップ */
  #footer .sitemap{
    width: 550px;
    float: left;
    line-height: 20px;
  }
  .sitemap a{
    font-size: 1.2rem;
    font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    font-display: swap;
  }
  #footer .sitemap ul {
    width: 150px;
    list-style: none;
    margin-top: 44px;
    margin-bottom: 30px;
    margin: 10px 10px 10px 0px;
    float: left;
  }
  
  #footer .sitemap ul .footer_list {
    display: inline;
  }
  
  #footer .sitemap li {
    display: block;
    width: 160px;
    float: left;
    margin-bottom: 1px;
    padding: 0 4px 0 0;
    font-size: 1.3rem;
    text-decoration: none;
  }

  #footer .sitemap .list_a:after {
    height: 0;
    display: block;
    clear: both;
    content: "";
  }
  
  #footer .sitemap .ul_list_a {
    width: 120px;
    margin-right: 60px;
  }
  #footer .sitemap .ul_list_b {
    width: 140px;
  }
  #footer .sitemap .ul_list_c {
    width: 120px;
  }
  #footer .sitemap .ul_list_d {
    width: 80px;
  }
  #footer .sitemap .ul_list_e {
    width: 80px;
    position: absolute;
    margin-top: 75px;
  }
  
  #footer .sitemap .list_a a{
    font-size: 1.3rem;
  font-weight: 700;
    text-decoration: none;
  }
  
  
  
  .footer_copy{
    overflow: hidden;
    min-width: 1000px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-image: url(https://www.kawakubo-factory.co.jp/image/back_ground.png);
    background-repeat: repeat;
    
  }
  .footer_copy a{
    color: #FFFFFF;
  }
  #page-top{
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 77%;
}
  #page-top a {
    background: #666;
    padding: 30px 0 ;
    text-decoration: none;
    color: #fff;
    width: 100px;
    text-align: center;
    display: block;
    border-radius: 5px;
    margin-bottom: 30px;
}
}
  #sp_bottom_menu a{
    text-decoration:none;
}
  .accordion a{
    text-decoration:none;
}
/* /Original for each site */


/***********
 * wysiwyg
 ***********/

.wysiwyg-data html, .wysiwyg-data address,
.wysiwyg-data blockquote,
.wysiwyg-data body, .wysiwyg-data dd,.wysiwyg-data  div,
.wysiwyg-data dl, .wysiwyg-data dt, .wysiwyg-data fieldset, .wysiwyg-data form,
.wysiwyg-data frame, .wysiwyg-data frameset,
.wysiwyg-data h1, .wysiwyg-data h2, .wysiwyg-data h3, .wysiwyg-data h4,
.wysiwyg-data h5, .wysiwyg-data h6, .wysiwyg-data noframes,
.wysiwyg-data ol, .wysiwyg-data p, .wysiwyg-data ul, .wysiwyg-data center,
.wysiwyg-data dir, .wysiwyg-data hr, .wysiwyg-data menu, .wysiwyg-data pre   { display: block; unicode-bidi: embed;}
.wysiwyg-data li              { display: list-item;}
.wysiwyg-data head            { display: none;}
.wysiwyg-data table           { display: table;}
.wysiwyg-data tr              { display: table-row;}
.wysiwyg-data thead           { display: table-header-group;}
.wysiwyg-data tbody           { display: table-row-group;}
.wysiwyg-data tfoot           { display: table-footer-group;}
.wysiwyg-data col             { display: table-column;}
.wysiwyg-data colgroup        { display: table-column-group;}
.wysiwyg-data td, .wysiwyg-data th          { display: table-cell;}
.wysiwyg-data caption         { display: table-caption;}
.wysiwyg-data th              { font-weight: bolder; text-align: center;}
.wysiwyg-data caption         { text-align: center;}
.wysiwyg-data body            { margin: 8px;}
.wysiwyg-data h1              { font-size: 2em; margin: .67em 0;}
.wysiwyg-data h2              { font-size: 1.5em; margin: .75em 0;}
.wysiwyg-data h3              { font-size: 1.17em; margin: .83em 0;}
.wysiwyg-data h4, .wysiwyg-data p,
.wysiwyg-data blockquote, .wysiwyg-data ul,
.wysiwyg-data fieldset, .wysiwyg-data form,
.wysiwyg-data ol, .wysiwyg-data dl, .wysiwyg-data dir,
.wysiwyg-data menu            { margin: 1.12em 0; color: #333;}
.wysiwyg-data h5              { font-size: .83em; margin: 1.5em 0;}
.wysiwyg-data h6              { font-size: .75em; margin: 1.67em 0;}
.wysiwyg-data h1, .wysiwyg-data h2, .wysiwyg-data h3, .wysiwyg-data h4,
.wysiwyg-data h5, .wysiwyg-data h6, .wysiwyg-data b,
.wysiwyg-data strong          { font-weight: bolder; color: #333;}
.wysiwyg-data blockquote      { margin-left: 40px; margin-right: 40px;}
.wysiwyg-data i, .wysiwyg-data cite, .wysiwyg-data em,
.wysiwyg-data var, .wysiwyg-data address    { font-style: italic;}
.wysiwyg-data pre, .wysiwyg-data tt, .wysiwyg-data code,
.wysiwyg-data kbd, .wysiwyg-data samp       { font-family: monospace;}
.wysiwyg-data pre             { white-space: pre;}
.wysiwyg-data button, .wysiwyg-data textarea,
.wysiwyg-data input, .wysiwyg-data select   { display: inline-block;}
.wysiwyg-data big             { font-size: 1.17em;}
.wysiwyg-data small, .wysiwyg-data sub, .wysiwyg-data sup { font-size: .83em;}
.wysiwyg-data sub             { vertical-align: sub;}
.wysiwyg-data sup             { vertical-align: super;}
.wysiwyg-data table           { border-spacing: 2px;;}
.wysiwyg-data thead, .wysiwyg-data tbody,
.wysiwyg-data tfoot           { vertical-align: middle;}
.wysiwyg-data td, .wysiwyg-data th, .wysiwyg-data tr      { vertical-align: inherit;}
.wysiwyg-data s, .wysiwyg-data strike, .wysiwyg-data del  { text-decoration: line-through;}
.wysiwyg-data hr              { border: 1px inset;}
.wysiwyg-data ol, .wysiwyg-data ul, .wysiwyg-data dir,
.wysiwyg-data menu, .wysiwyg-data dd        { margin-left: 40px;}
.wysiwyg-data ol              { list-style-type: decimal;}
.wysiwyg-data ol ul, .wysiwyg-data ul ol,
.wysiwyg-data ul ul, .wysiwyg-data ol ol    { margin-top: 0; margin-bottom: 0;}
.wysiwyg-data u, .wysiwyg-data ins          { text-decoration: underline;}
.wysiwyg-data br:before       { content: "\A"; white-space: pre-line;}
.wysiwyg-data center          { text-align: center;}
.wysiwyg-data :link, .wysiwyg-data :visited { text-decoration: underline;}
.wysiwyg-data :focus          { outline: thin dotted invert;}

.wysiwig-data a{color: #666;}
.wysiwig-data a:hover{color: #f00;}

.wysiwyg-data table{border:solid 1px;border-collapse:separate;border-color:#c0c0c0 #c0c0c0 #808080 #808080;border-spacing:2px; width:auto;}
.wysiwyg-data table tr td{border:solid 1px;border-color:#808080 #808080 #c0c0c0 #c0c0c0; padding:0;}
.item-comment .wysiwyg-data table tr td{background:#fff;}
.wysiwyg-data ul, .wysiwyg-data ul li{list-style-type: disc;}
.wysiwyg-data ol{list-style-type: decimal;}

/* Begin bidirectionality settings (do not change) */
.wysiwyg-data BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override;}
.wysiwyg-data BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override;}

.wysiwyg-data *[DIR="ltr"]    { direction: ltr; unicode-bidi: embed;}
.wysiwyg-data *[DIR="rtl"]    { direction: rtl; unicode-bidi: embed;}

@media print {
  .wysiwyg-data h1            { page-break-before: always;}
  .wysiwyg-data h1, .wysiwyg-data h2, .wysiwyg-data h3,
  .wysiwyg-data h4, .wysiwyg-data h5, .wysiwyg-data h6    { page-break-after: avoid;}
  .wysiwyg-data ul, .wysiwyg-data ol, .wysiwyg-data dl    { page-break-before: avoid;}
}

/***********
 * main
 ***********/

.main-contents {
	width: 950px;
  margin: 0 auto;
	padding-bottom: 50px; 
}

.main {
	float: right;
	width: 950px;
}

@media only screen and (max-width: 600px) {
	.main-contents {
		float: none;
		width: 100%;
		padding-bottom: 0;
	}
	.main {
		float: none;
		width: 100%;
	}
}


/* main-image */

#main-image {
	position: relative;
	width: 785px;
	text-align: center;
	background-color: #d9d9d9;
}

#main-image + div {
	border-top: none;
}

#main-image img {
	max-width: 100%;
	max-height: 100%;
}

.main-image-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 785px;
	height: auto;
	margin: 0 auto 40px;
}

.main-image-slider > ul {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	display: inline-block;
	overflow: hidden;
	height: 336px;
}

.main-image-slider > ul > li {
	display: inline;
	float: left;
	overflow: hidden;
	width: 785px;
	height: 336px;
	list-style-type: none;
}

.main-image-slider > ul > li span,
.main-image-slider > ul > li a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.main-image-prev {
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 999;
    font-size: 36px;
    margin-top: -18px;
}

.main-image-next {
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 999;
    font-size: 36px;
    margin-top: -18px;
}

.main-image-prev a,
.main-image-next a {
    display: block;
    height: 100%;
}

.main-image-indicator {
	position: absolute;
	z-index: 999;
	right: 0;
	bottom: 10px;
	left: 0;
}

.main-image-indicator ul {
	text-align: center;
}

.main-image-indicator ul li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 8px;
	opacity: .6;
	border: #fff solid 1px;
	border-radius: 50%;
	background-color: none;
}

.main-image-indicator ul li.active {
	background-color: #fff;
}

@media only screen and (max-width: 600px) {
	#main-image {
		position: relative;
		width: 100%;
		margin-top: 5px;
		text-align: center;
		background-color: #f5f5f5;
	}
	#main-image img {
		max-width: 100%;
		max-height: 100%;
	}
	.main-image-slider {
		position: relative;
		overflow: hidden;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.main-image-slider > ul {
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		display: inline-block;
		overflow: hidden;
		height: 336px;
	}
	.main-image-slider > ul > li {
		display: inline;
		float: left;
		overflow: hidden;
		width: 100%;
		height: 336px;
		list-style-type: none;
	}
	.main-image-indicator {
		position: absolute;
		z-index: 999;
		right: 5px;
		bottom: 5px;
	}
	.main-image-indicator ul {
		text-align: center;
	}
	.main-image-indicator ul li {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 4px;
		opacity: .6;
		border: #fff solid 1px;
		border-radius: 50%;
		background-color: none;
	}
	.main-image-indicator ul li.active {
		background-color: #fff;
	}
}

/* item-detail */

.item-detail-left {
	float: left;
	width: 50%;
}

.item-detail-right {
	float: right;
	width: 50%;
}

.item-detail-photo {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px;
}

.item-detail-photo ul li {
	display: none;
	float: left;
	width: 360px;
}

.item-detail-photo ul li.active {
	display: block;
}

.item-detail-photo img {
	display: block;
	width: 450px;
	margin: auto;
	border: #d0d0d0 solid 1px;
  text-align: center;

}

.item-detail-photo-backbtn,
.item-detail-photo-nextbtn {
	display: none;
}

.item-detail-zoom {
	margin-bottom: 20px;
	text-align: center;
}

.item-detail-zoom a {
  color:#ffffff;
	position: relative;
  font-weight: bold;
}

.item-detail-zoom a:before {
  display: none;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	content: '';
	background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-zoom.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.item-detail-thumb {
	width: 100%;
	margin-bottom: 20px;
}

.item-detail-thumb-photo {
	float: left;
	width: 65px;
	margin-right: 8px;
}

.item-detail-thumb-photo img {
	max-width: 100%;
	max-height: 65px;
	border: #d0d0d0 solid 1px;
}

.item-detail-thumb-photo:nth-child(5n) {
	margin-right: 0;
}

.item-detail-thumb-photo:nth-child(5n+1) {
	clear: left;
}

.item-detail-info {
	width: 100%;
	margin-bottom: 15px;
	border-bottom: #d0d0d0 solid 1px;
}

.item-detail-info2 {
	width: 100%;
	margin-bottom: 15px;
}

.item-detail-info dl, .item-detail-info2 dl {
	display: table;
	width: 100%;
}

.item-detail-info dl dt, .item-detail-info2 dl dt {
	display: table-cell;
	width: 120px;
	padding: 3px;
	vertical-align: middle;
}

.item-detail-info dl dd, .item-detail-info2 dl dd {
	display: table-cell;
	padding: 3px;
}

.item-detail-category {
	font-size: 14px;
	margin-bottom: 16px;
}

.item-detail-name {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}

.item-detail-vari,
.item-detail-spec {
	margin-bottom: 20px;
}

.item-detail-vari-price dl dt {
	display: none;
}

.item-detail-vari-price-num {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 15px;
}

.raku-item-no-stock {
	color: #f33;
}

.item-detail-cart {
	width: 100%;
	margin-bottom: 25px;
	border-bottom: #d0d0d0 solid 1px;
}

.item-detail-cart p {
	font-size: 14px;
	margin-bottom: 10px;
}

.item-detail-inputtext input {
	font-size: 16px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 56px;
	margin-bottom: 18px;
	padding: 0 8px;
	vertical-align: middle;
	border: 1px solid #d0d0d0;
}

.item-detail-select {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.item-detail-select label {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 56px;
	vertical-align: middle;
	border: 1px solid #d0d0d0;
	background-color: #f5f5f5;
}
.item-detail-select::before {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 20px;
	width: 0;
	height: 0;
	margin-top: -3px;
	content: '';
	border-width: 8px 5px 0 5px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}

.item-detail-select select {
	font-size: 14px;
	line-height: 56px;
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	width: -webkit-calc(100%);
	height: 56px;
	margin: 0;
	padding: 0 45px 0 15px;
	border: 0;
	outline: none;
	background: transparent;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}

.item-detail-cart-vari-select {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 56px;
	margin-bottom: 18px;
	vertical-align: middle;
	border: 1px solid #d0d0d0;
	background-color: #f5f5f5;
}

.item-detail-cart-vari-select label:before {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 20px;
	width: 0;
	height: 0;
	margin-top: -3px;
	content: '';
	border-width: 8px 5px 0 5px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}

.item-detail-cart-vari-select select {
	font-size: 14px;
	line-height: 56px;
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	width: -webkit-calc(100%);
	height: 56px;
	margin: 0;
	padding: 0 0 0 20px;
	text-indent: .01px;
	text-overflow: '';
	border: 0;
	outline: none;
	background: transparent;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}

select::-ms-expand {
	display: none;
}

/* radio */
.item-detail-cart-vari-radio {
	overflow: hidden;
	width: 100%;
	margin-bottom: 18px;
}
.item-detail-cart-vari-radio div {
	margin-bottom: 5px;
}
.item-detail-cart-vari-radio input {
	width: 0;
	opacity: .0;
}
.item-detail-cart-vari-radio input + label {
	max-width: 100%;
	font-size: 18px;
	line-height: 1;
	position: relative;

	display: inline-block;
	padding-left: 20px;
}
.item-detail-cart-vari-radio input + label::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 15px;
	height: 15px;
	margin-left: 1px;
	content: '';
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.item-detail-cart-vari-radio input:checked + label::after {
	position: absolute;
	top: 2px;
	left: 3px;
	display: block;
	width: 11px;
	height: 11px;
	content: '';
	border-radius: 50%;
	background-color: #de0000;
}

.item-detail-num-count {
	font-size: 0;
	display: flex;
	width: 100%;
	margin-bottom: 18px;
}

.item-detail-num-plus {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}

.item-detail-num-plus a {
	font-size: 25px;
	line-height: 55px;
	display: block;
	width: 55px;
	height: 55px;
	text-align: center;
	text-decoration: none;
	color: #dc0000;
	background-color: #ffffff;
}
.item-detail-num-plus a:hover{
  color:#ffffff;
  background-color: #dc0000;
}
.item-detail-num-minus {
	font-size: 14px;
	display: inline-block;
	margin-right: 12px;
	vertical-align: middle;
}

.item-detail-num-minus a {
	font-size: 25px;
	line-height: 55px;
	display: block;
	width: 55px;
	height: 55px;
	text-align: center;
	text-decoration: none;
	color: #dc0000;
	background-color: #ffffff;
}
.item-detail-num-minus a:hover{
  color:#ffffff;
  background-color: #dc0000;
}
.item-detail-num {
	height: 55px;
	margin-right: 12px;
	padding: 0;
	vertical-align: middle;
}

.item-detail-num input[type=number] {
	font-size: 14px;
	line-height: 55px;
	display: block;
	width: 55px;
	height: 55px;
	text-align: center;
	border: solid 1px #ccc;
	-moz-appearance: textfield;

}

.item-detail-num input[type=number]::-webkit-inner-spin-button,
.item-detail-num input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.item-detail-num-select {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 56px;
	margin-bottom: 18px;
	vertical-align: middle;
	border: 1px solid #d0d0d0;
	background-color: #f5f5f5;
}

.item-detail-num-select label:before {
	position: absolute;
	z-index: 2;
	top: 50%;
	right: 20px;
	width: 0;
	height: 0;
	margin-top: -3px;
	content: '';
	border-width: 8px 5px 0 5px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}

.item-detail-num-select select {
	font-size: 14px;
	line-height: 56px;
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	width: -webkit-calc(100%);
	height: 56px;
	margin: 0;
	padding: 0 0 0 20px;
	text-indent: .01px;
	text-overflow: '';
	border: 0;
	outline: none;
	background: transparent;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}

.item-detail-cart-btn {
	width: 100%;
	margin-bottom: 20px;
}

.item-detail-cart-btn a {
	font-size: 20px;
  font-weight: bold;
	line-height: 55px;
	display: block;
	width: 100%;
	height: 55px;
	text-align: center;
	color: #dc0000;
	background-color: #ffffff;
  text-decoration: none;
  border-radius: 4px;
  position: relative;
}

.item-detail-cart-btn a:before {
  font-family: "icomoon";
  content: "\e918";
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: -2px;
  margin-left: -30px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: cover;
}
.item-detail-cart-btn a:hover{
	color: #ffffff;
	background-color: #dc0000;
}

.item-detail-txt {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #d0d0d0 solid 1px;
}

.item-detail-txt p {
	font-size: 13px;
	padding: 3px;
}

.item-detail-share {
	width: 100%;
	padding-bottom: 20px;
}
.item-detail-share dl {
	display: table;
	width: 100%;
}
.item-detail-share dl dt {
	display: table-cell;
	width: 90px;
	padding: 3px;
	vertical-align: middle;
}
.item-detail-share dl dd {
	display: table-cell;
	padding: 3px;
	vertical-align: middle;
}
.item-detail-share dl dd ul li {
	float: left;
	width: 24px;
	margin-right: 20px;
  list-style: none;
}
.item-detail-share dl dd ul li img {
	width: 100%;
	height: auto;
}
.item-bottom{
  width: 100%;
  display: inline-block;
  margin-bottom: 100px;
  text-align:center;
  margin-top: 100px;
  }
.item-comment {
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: #d0d0d0 solid 1px;
}

.item-comment h4 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
}

.item-comment p {
	font-size: 13px;
}

.item-comment table {
	width: 100%;
}

.item-comment table tr th {
	font-size: 13px;
	font-weight: normal;
	width: 180px;
	padding: 4px 12px;
	text-align: left;
}

.item-comment table tr td {
	font-size: 13px;
	padding: 4px 12px;
	text-align: left;
}

.item-comment table tr:nth-child(2n-1) th,
.item-comment table tr:nth-child(2n-1) td {
	background-color: #eee;
}
.item-detail-txt1 p{
  font-size: 20px;
  color:#ffffff;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
	.item-detail {
	}
	.item-detail-left {
		float: none;
		width: 100%;
	}
	.item-detail-right {
		float: none;
		width: 100%;
	}
	.item-detail-photo-main {
		position: relative;
		width: 350px;
		margin: 0 auto;
	}
	.item-detail-photo {
		position: relative;
		overflow: hidden;
		width: 260px;
		margin: 0 auto 10px;
	}
	.item-detail-photo ul {
		width: 100%;
		margin: 0 auto;
	}
	.item-detail-photo ul li {
		display: block;
		float: left;
		width: 260px;
		margin: 0;
	}
	.item-detail-photo img {
		max-width: 100%;
		max-height: 100%;
	}
	.item-detail-photo-backbtn {
		position: absolute;
		top: 50%;
		left: -20px;
		display: block;
		margin-top: -12px;
	}
	.item-detail-photo-backbtn a {
		display: block;
		width: 12px;
		height: 23px;
		background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-prev_sp.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.item-detail-photo-nextbtn {
		position: absolute;
		top: 50%;
		right: -20px;
		display: block;
		margin-top: -12px;
	}
	.item-detail-photo-nextbtn a {
		display: block;
		width: 12px;
		height: 23px;
		background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-next_sp.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.item-detail-zoom {
		margin-bottom: 20px;
		text-align: center;
	}
	.item-detail-zoom a {
		position: relative;
		padding-left: 30px;
	}
	.item-detail-zoom a:before {
		position: absolute;
		top: 50%;
		left: 0;
		display: none;
		width: 19px;
		height: 19px;
		margin-top: -10px;
		content: '';
		background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-zoom_sp.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.item-detail-thumb {
		display: none;
		width: 100%;
	}
	.item-detail-info {
		width: 100%;
		margin-bottom: 18px;
		padding-right: 10px;
		padding-left: 10px;
		border-bottom: #d0d0d0 solid 1px;
	}
	.item-detail-info2 {
		width: 100%;
		margin-bottom: 18px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.item-detail-category {
		font-size: 12px;
		margin-bottom: 12px;
	}
	.item-detail-name {
		font-size: 14px;
		font-weight: bold;
		line-height: 32px;
		margin-bottom: 12px;
	}
	.item-detail-cart {
		width: 100%;
		margin-bottom: 18px;
		padding-right: 10px;
		padding-left: 10px;
		border-bottom: #d0d0d0 solid 1px;
	}
	.item-detail-cart p {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.item-detail-select select {
		font-size: 16px;
	}
	.item-detail-num-count {
		font-size: 0;
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
		justify-content: center;
	}
	.item-detail-num-minus {
		font-size: 14px;
		display: inline-block;
		margin-right: 12px;
	}
	.item-detail-num-minus a {
		font-size: 18px;
		line-height: 55px;
		display: block;
		width: 55px;
		height: 55px;
		text-align: center;
    color: #dc0000;
	  background-color: #ffffff;
  }
	.item-detail-num {
		font-size: 16px;
		line-height: 55px;
		display: inline-block;
		width: 55px;
		height: 55px;
		margin-right: 12px;
		text-align: center;
	}
	.item-detail-num input[type=number] {
		font-size: 16px;
	}
	.item-detail-num-plus {
		font-size: 14px;
		display: inline-block;
	}
	.item-detail-num-plus a {
		font-size: 18px;
		line-height: 55px;
		display: block;
		width: 55px;
		height: 55px;
		text-align: center;
	  color: #dc0000;
	  background-color: #ffffff;
	}
	.item-detail-num-select select {
		font-size: 16px;
	}
	.item-detail-cart-btn {
		width: 100%;
		margin-bottom: 20px;
	}
	.item-detail-cart-btn a {
		font-size: 18px;
		line-height: 55px;
		display: block;
		width: 100%;
		height: 55px;
		text-align: center;
	  background-color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
	}
	.item-detail-cart-btn a span {
		position: relative;
	}
	.item-detail-cart-btn a span:before {
    font-family: "icomoon";
    content: "\e918";
		position: absolute;
		top: -20%;
		left: -40px;
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		vertical-align: middle;
		background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-cart-btn.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.item-detail-txt {
		width: 100%;
		margin-bottom: 18px;
		padding-right: 10px;
		padding-bottom: 18px;
		padding-left: 10px;
		border-bottom: #d0d0d0 solid 1px;
	}
	.item-detail-txt p {
		font-size: 13px;
		padding: 0;
	}
	.item-detail-share {
		width: 100%;
		padding-bottom: 30px;
		text-align: center;
	}
	.item-detail-share dl {
		display: block;
		width: 100%;
	}
	.item-detail-share dl dt {
		font-size: 13px;
		display: block;
		width: 100%;
		margin-bottom: 10px;
		padding: 0;
	}
	.item-detail-share dl dd {
		font-size: 13px;
		display: block;
		padding: 0;
		text-align: center;
	}
	.item-detail-share dl dd ul li {
		display: inline-block;
		float: none;
		width: 33px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.item-detail-share dl dd ul li img {
		width: 100%;
		height: auto;
	}
  .item-bottom{
    width: 100%;
    display: inline-block;
    margin:50px 0px;
    text-align:center;
  }
  .item-bottom img{
    width: 390px;
    height:130px
}

	.item-comment {
		margin-bottom: 20px;
		padding-top: 20px;
		padding-right: 10px;
		padding-left: 10px;
		border-top: #d0d0d0 solid 1px;
	}
	.item-comment h4 {
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 15px;
	}
	.item-comment p {
		font-size: 13px;
	}
	.item-comment table {
		width: 100%;
	}
	.item-comment table tr th {
		font-size: 11px;
		font-weight: normal;
		width: 65px;
		padding: 4px 10px;
		text-align: left;
	}
	.item-comment table tr td {
		font-size: 11px;
		padding: 4px 10px;
		text-align: left;
	}
	.item-comment table tr:nth-child(2n-1) th,
	.item-comment table tr:nth-child(2n-1) td {
		background-color: #eee;
	}
}


/* product-list */

.product-list {
	margin-bottom: 10px;
}

.product-list-item {
	float: left;
	width: 185px;
	margin-right: 15px;
	padding-bottom: 40px;
}

.product-list-item:nth-child(4n) {
	margin-right: 0;
}

.product-list-item:nth-child(4n-3) {
	clear: both;
}

.product-list-item .product-list-photo {
	position: relative;
	width: 185px;
	max-height: 185px;
	margin-bottom: 15px;
}

.product-list-item .product-list-photo img {
	display: block;
	max-width: 185px;
	max-height: 185px;
	width: auto;
	height: auto;
	margin: auto;
	border: #d0d0d0 solid 1px;
}

.product-list-item .product-list-name {
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	position: relative;
	height: 44px;
	margin-bottom: 4px;
	background-color: #fff;
}

.product-list-item .product-list-name:before {
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 1.2em;
	content: "…";
	text-align: right;
	background-color: #fff;
}

.product-list-item .product-list-name:after {
	position: relative;
	right: 0;
	float: right;
	width: 1em;
	height: 100%;
	content: "";
	background-color: #fff;
}

.product-list-item .product-list-price {
	font-size: 12px;
	line-height: 1.2;
}

.product-list-item .product-list-nonstock {
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	line-height: 18px;
	margin-top: 2px;
	margin-right: 6px;
	padding: 0 3px;
	text-align: center;
	color: #f33;
	background: #fff;
}

.product-list-tax {
	display: inline-block;
}

@media only screen and (max-width: 600px) {
	.product-list {
		margin-bottom: 10px;
		padding: 0 5px;
	}
	.product-list-item {
		float: left;
		width: 50%;
		margin-right: 0;
		padding: 0 5px 40px;
	}
	.product-list-item:nth-child(2n-1) {
		clear: both;
	}
	.product-list-item .product-list-photo {
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 9px;
	}
	.product-list-item .product-list-photo img {
		max-width: 100%;
		height: auto;
	}
	.product-list-item .product-list-name {
		font-size: 14px;
		line-height: 20px;
		overflow: hidden;
		min-height: 40px;
		margin-bottom: 4px;
	}
	.product-list-item .product-list-price {
		font-size: 12px;
		line-height: 1.2;
	}
}


/*overlay*/

.overlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
}

.modal-open {
	/*
	overflow: hidden;
	*/
}

.modal-open .overlay {
	display: block;
}

@media only screen and (max-width: 600px) {
	.nav-open {
		overflow: hidden;
	}
	.nav-open .overlay {
		display: block;
	}
}


/* modal */

.modal {
	position: absolute;
	z-index: 9999;
	top: 50%;
	left: 50%;
	display: none;
	margin-top: -200px;
	margin-left: -320px;
	background-color: #fff;
}

.modal-open .modal {
	display: block;
}

.modal-inner {
	position: relative;
	width: 100%;
	height: auto;
}

.modal-img {
	max-width: 648px;
	max-height: 648px;
}

.modal-img img {
	display: block;
	max-width: 648px;
	max-height: 648px;
	width: auto;
	height: auto;
}

.modal-close {
	position: absolute;
	top: -52px;
	right: -4px;
}

.modal-close a {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url(https://image.raku-uru.jp/cms/yt00001/img/btn-modal-close.png);
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 600px) {
	.modal {
		position: absolute;
		z-index: 9999;
		top: 50%;
		left: 50%;
		display: none;
		width: 300px;
		margin-top: -110px;
		margin-left: -150px;
		background-color: #fff;
	}
	.modal-open .modal {
		display: block;
	}
	.modal-inner {
		position: relative;
		width: 100%;
		height: auto;
	}
	.modal-img {
		width: 100%;
	}
	.modal-img img {
		width: 100%;
		height: auto;
	}
	.modal-close {
		position: absolute;
		top: -30px;
		right: -4px;
	}
	.modal-close a {
		display: block;
		width: 24px;
		height: 24px;
		background-image: url(https://image.raku-uru.jp/cms/yt00001/img/btn-modal-close.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
}


