@charset "utf-8";

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 default style reset

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* reset
------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
  display:block;
}

html{
    overflow-y:scroll;
}

body {
    line-height:1;
}

blockquote, q{
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
  content:'';
  content:none;
}

input, select{
  vertical-align:middle;
}

input[type="submit"]{
  border:none;
}

input[type="button"]{
  border:none;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

a:focus{
  outline:none;
}

/* clearfix
------------------------*/
.clearfix:after{
    content:"";
  height:0;
    display:block;
    clear:both;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 head coupon banner

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#h_coupon{
  padding:53px 0 0 0;
  text-align:center;
  padding:5px;
  background:#ccb119;
}

#h_coupon p a img{
  max-width:100%;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 coupon

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.coupon{
  text-align:center;
}

.coupon p.title{
  color:#fff;
  font-size:100%;
  font-weight:bold;
  line-height:140%;
  margin:0 0 10px 0;
}

.coupon p.text{
  color:#fff;
  font-size:75%;
  font-weight:bold;
  line-height:140%;
  margin:0 0 10px 0;
}

.coupon .ex{
  font-size:68.75%;
  color:#fff;
}

.coupon .img{
  max-width:100%;
  margin:10px 0;
}

.coupon .code{
  color:#ccb119;
  font-size:150%;
  font-weight:bold;
  padding:10px 0 5px 0;
  margin:0 auto 10px auto;
  background:#fff;
  border-radius:5px;
}

/* btn member
------------------------*/
.coupon .btn_member{
  font-size:87.5%;
  margin:10px auto 0 auto;
}

.coupon .btn_member a{
  color:#fff;
  display:block;
  padding:10px 0;
  background:#a38e14;
  border-radius:5px;
}

/* coupon link
------------------------*/
.coupon_lnk{
  background:#ccb119;
  margin:0 0 20px 0;
  position:relative;
}

.coupon_lnk p,
.coupon_lnk a{
  color:#fff;
  font-size:68.75%;
  line-height:140%;
  display:block;
  padding:7px 3px 5px 106px;
}

.coupon_lnk p span,
.coupon_lnk a span{
  width:76px;
  height:15px;
  color:#ccb119;
  text-align:center;
  font-size:90%;
  font-weight:bold;
  padding:10px 15px 10px 5px;
  background:url(img/fuki.png) no-repeat 0 50%;
  background-size:96px 35px;
  position:absolute;
  top:3px;
  left:3px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 common style

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* layout
------------------------*/
body{
  color:#6b5b51;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

#mask{
  position:relative;
  bottom:0;
}

#mask::before{
  opacity:0.5;
  background-color:#000;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  content:' ';
  z-index:999;
}

#mask.waiting::before {
  display: none;
}

#mask .dialog{
  width:70%;
  text-align:center;
  padding:15% 5%;
  margin:0 auto;
  background-color:#fff;
  position:absolute;
  top:10%;
  left:0;
  right:0;
  z-index:9999;
}

#mask .dialog img{}

#mask .dialog p{
  font-size:87.5%;
  line-height:160%;
  text-align:center;
  margin:15% 0 0 0;
}

#wrapper{
  padding:20px 0 0 0;
  background:#fff;
  z-index:50;
}

/* header
------------------------*/
header{
  /* width:100%;
  padding:10px;
  background:#fff;
  border-bottom:1px solid #94836f;
  position:fixed;
  top:0;
  left:0;
  z-index:100; */
}

#app header{
  position:static;
}

/* logo
------------------------*/
#logo{
  width:80px;
  height:34px;
  margin:0 auto;
}

#app #logo{
  text-indent:-9999px;
  overflow:hidden;
  background:url(img/logo.png) no-repeat 0 0;
  background-size:80px 34px;
}

#logo a{
  width:100px;
  height:34px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  background:url(img/logo_10th.png) no-repeat 0 0;
  background-size:100px 34px;
  margin: auto auto auto -15px;
}

/* footer
------------------------*/
footer{
  padding:20px 0 0 0;
  margin:0 auto;
}

#app footer{
  padding:0;
  background:none;
}

.f_navi ul{
  text-align:center;
  margin:0 0 20px 0;
}

.f_navi li{
  font-size:68.75%;
  display:inline;
  padding:0 5px 0 0;
  border-right:1px solid #94836f;
}

.f_navi li a{
  color:#94836f;
}

.f_navi li:last-child{
  padding:0;
  border-right:none;
}

.no_foot ul{
  margin:0px;
}

.copyright{
  color:#fff;
  text-align:center;
  font-size:68.75%;
  padding:5px;
  margin:10px 0 0 0;
  background:#d3c6b3;
}

/* contents
------------------------*/
#main{
  overflow:hidden;
  margin:0 0 20px 0;
  font-size: 16px;
}

.clearfix a{
  color: #6ec8c0;
}

#sub{
  overflow:hidden;
}
/* cart btn
------------------------*/
#cart_btn{
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    text-align:center;
    background-color:rgba(107,91,81,0.5);
    box-sizing:border-box;
}

#cart_btn a{
    color:#fff;
    font-size: 110%;
    font-weight:bold;
    margin:0 auto;
    padding:15px 0;
    display:block;
    box-sizing:border-box;
}
.fixed-bottom{
  display:block;
}
/* camp
------------------------*/
#camp{
  height:45px;
  position:fixed;
  right:0;
  bottom:45px;
}

#camp a{
  width:60px;
  height:45px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:url(img/icon_camp.png) no-repeat 0 0;
  background-size:60px 45px;
}

/* common
------------------------*/
img{
  max-width:100%;
  height:auto;
}

/* a{
  color:#6ec8c0;
  text-decoration:none;
} */

.r_lnk{
  float:right;
}

.r_lnk a{
  padding:0 16px 0 0;
  background:url(img/icon_arrow5.png) no-repeat right center;
  background-size:12px 12px;
}

.lnk a{
  line-height:150%;
  padding:0 0 0 16px;
  background:url(img/icon_arrow5.png) no-repeat left center;
  background-size:12px 12px;
}

.ex{
  font-size:75%;
  line-height:150%;
  margin:0 0 10px 0;
}

.note{
  color:#878787;
  width:100%;
  line-height:150%;
  display:block;
}

.col_red{
  color:#ff0000;
}

.l_txt{
  text-align:left !important;
}

.r_txt{
  text-align:right !important;
}

.c_txt{
  text-align:center !important;
}

/* button
------------------------*/
.btn_box{
  text-align:center;
  margin:20px 0 0 0;
}

.btn_box .btn,
.sbmt_box .btn{
  display:inline;
}

.btn_box .btn a,
.sbmt_box .btn a,
.btn_box .b_none{
  width:44%;
}

.btn{
  text-align:center;
  margin:20px 0 0 0;
}

.btn a{
  width:50%;
  color:#6b5b51;
  font-size:75%;
  font-weight:bold;
  text-align:center;
  display:inline-block;
  padding:12px 5px 10px 5px;
  background:#fff;
  background:linear-gradient(#fff, #fff);
  border:1px solid #6b5b51;
  border-radius:3px;
}

.check_cart a{
  width:48%;
}

.b_cart a,
.b_cartin a{
  color:#fff;
  border:1px solid #ff9933;
  background:linear-gradient(#ff9933, #ff9933);
}

.b_book a{
  color:#ff9933;
  border:1px solid #ff9933;
}

.btn input{
  width:48%;
  color:#6b5b51;
  font-size:75%;
  font-weight:bold;
  text-align:center;
  display:inline-block;
  padding:12px 5px 10px 5px;
  background:#fff;
  background:linear-gradient(#fff, #fff);
  border:1px solid #6b5b51;
  border-radius:3px;
}

.b_cartin input{
  color:#fff;
  border:1px solid #ff9933;
  background:linear-gradient(#ff9933, #ff9933);
}

.b_review{}

/* table
------------------------*/
table.common{
  width:100%;
  border-collapse:collapse;
  border-top:1px solid #d3c6b3;
  border-bottom:1px solid #d3c6b3;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
}

table.common caption{
  font-size:87.5%;
  text-align:left;
  font-weight:bold;
  padding:3px 0 2px 7px;
  margin:0 0 10px 0;
  border-left:5px solid #6b5b51;
}

table.common th,
table.common td{
  font-size:75%;
  line-height:150%;
  padding:10px;
  background:#fbf8f4;
  border:1px dotted #d3c6b3;
  text-align:center!important;
}

table.common .even th,
table.common .even td{
  background:#fff;
}

table.common th{
  width:30%;
}

table.common th span::before{
  display: none;
}

table.common td.center{
  text-align:center;
}

#am03 > table span {
  text-align:center;
  display: block;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 header menu

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* account
------------------------*/
.account{
  margin:10px;
}

.account h2{
  font-size:87.5%;
  height:15px;
  padding:5px 0 0 25px;
  background:url(img/icon_member.png) 0 0,url(img/icon_arrow2.png) right 50%;
  background-repeat:no-repeat;
  background-size:20px 20px,11px 6px;
}

.account p{
  font-size:68.75%;
  padding:7px;
  margin:15px 0 0 0;
  background:#50443d;
}

.account p span{
  font-weight:bold;
  margin:0 3px;
}

.account ul.list{
  padding:10px;
  margin:15px 0 0 0;
  background:#94836f;
}

.account .list li{
  padding:0 0 12px 0;
  margin:0 0 12px 0;
  border-bottom:1px dashed #6b5b51;
  background:url(img/icon_arrow1.png) no-repeat right 5%;
  background-size:6px 11px;
}

.account .list li a{
  font-size:75%;
  height:15px;
  display:block;
  padding:5px 0 0 25px;
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:20px 20px;
}

.account .list li.a_login a{
  background-image:url(img/icon_login.png);
}

.account .list li.a_member a{
  background-image:url(img/icon_write.png);
}

.account .list li:last-child{
  padding:0;
  margin:0;
  border-bottom:none;
}

.account .list li span{
  font-size:68.75%;
  line-height:140%;
  display:block;
  margin:10px 0 0 0;
}

/* menu
------------------------*/
.menu{
  margin:30px 10px 10px 10px;
}

.account .menu{
  margin-top:15px;
}

.menu h2{
  color:#6b5b51;
  font-size:87.5%;
  text-align:center;
  padding:5px;
  margin:0 0 10px 0;
  background:#fff;
}

.menu h3{
  font-size:87.5%;
  font-weight:normal;
  padding:10px 0;
  background:url(img/icon_arrow2.png) no-repeat right 50%;
  background-size:11px 6px;
  border-bottom:1px dashed #94836f;
}

.menu ul{
  margin:15px 0 0 0;
  border-bottom:1px dashed #94836f;
}

.menu ul:last-child{
  border-bottom:none;
}

.account .menu ul{
  border-bottom:none;
}

.menu li{
  font-size:75%;

  margin:0 0 10px 0;
}

.menu li a{
  min-height:11px;
  padding:7px 5px;
  display:block;
  background:url(img/icon_arrow1.png) no-repeat right 0;
  background-size:6px 11px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 head navi

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#h_navi{
  width: 33%;
  /*float: right;*/
  position: absolute;
  top:15px;
  right:10px;
}

#h_navi ul{
}

#h_navi li{
  width:45%;
  text-align:center;
  display: inline-block;
  /*float:left;*/
}

#h_navi li a{
  text-indent:-9999px;
  overflow:hidden;
  color:#fff;
  font-size:68.75%;
  display:block;
  padding:16px 5px 0 5px;
  background-repeat:no-repeat;
  background-position:50% 23%;
  background-size:20px 20px;
}

#h_navi li:last-child a{
  border-right:none;
}

#h_navi li.h_01 a{
  background-image:url(img/icon_member02.png);
}

#h_navi li.h_02{
  position:relative;
}

#h_navi li.h_02 a{
  background-image:url(img/icon_cart02.png);
}

#h_navi li.h_02 a span{
  text-indent:0;
  background:#ff9933;
  border-radius:50px;
  padding:3px 2px;
  position:absolute;
  top:0;
  left:5px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 global navi

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#g_navi{
  position:static;
  background:#94836f;
  margin:34px 0 0 0;
}

#g_navi li{
  width:20%;
  text-align:center;
  float:left;
}

#g_navi li a{
  color:#fff;
  font-size:68.75%;
  height:17px;
  display:block;
  padding:33px 5px 0 5px;
  background-repeat:no-repeat;
  background-position:50% 23%;
  background-size:20px 20px;
}

#g_navi li:last-child a{
  border-right:none;
}

#g_navi li.g_01 a{
  background-image:url(img/icon_search.png);
}

#g_navi li.g_02 a{
  /*font-size:62.5%;*/
    letter-spacing: -0.2em;
  padding:33px 0 0 0;
  background-image:url(img/icon_brace.png);
}

#g_navi li.g_03 a{
  background-image:url(img/icon_quill.png);
}

#g_navi li.g_04 a{
  background-image:url(img/icon_book1.png);
}

#g_navi li.g_05{
  position:relative;
}

#g_navi li.g_05 a{
  background-image:url(img/icon_help.png);
}
/*
#g_navi li.g_05 a span{
  background:#ff9933;
  border-radius:50px;
  padding:3px 2px;
  position:absolute;
  top:6px;
  left:12px;
}*/

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 easy_search

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.easy_search{
  background:#fbf8f4;
}

.easy_search .search_form{
  display: none;
}

/* keyword search
------------------------*/
.k_search{
  width:80%;
  padding:10px 5px;
  float:left;
}

.k_search form{}

.k_search input[type="text"]{
  width:70%;
  padding:6px 5px;
  border:1px solid #6b5b51;
  border-radius:0;
}

.sbmt_search{
  width:21%;
  text-indent:-9999px;
  overflow:hidden;
  padding:7px 5px;
  background:#6b5b51 url(img/icon_search.png) no-repeat 50% 50%;
  background-size:20px 20px;
  border-radius:0;
}

/* detail search
------------------------*/
.detail_search{
  color:#94836f;
  font-size:68.75%;
  text-align:center;
  margin:20px 0 0 0;
  float:left;
}

.easy_search .search_form{
  clear:both;
  margin:0;
}

.easy_search .search_form h2{
  text-align:center;
  margin:0 5px;
  background-image:none;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 topicpath

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#topicpath{
  padding:0 5px;
  margin:70px 0 15px 0;
  overflow-x:scroll;
  font-size: 16px;
}

#topicpath ul{
  list-style:none;
  display:table;
}

#topicpath li{
  font-size:75%;
  line-height:150%;
  padding:0 5px 0 12px;
  margin:0 5px 0 0;
  background:url(img/icon_arrow3.png) no-repeat 0 50%;
  background-size:6px 11px;
  word-wrap:break-word;
  display:table-cell;
  white-space:nowrap;
}

#topicpath li a{
  font-size:100%;
}

#topicpath li.home{
  padding:0 5px 0 0;
  background:none;
}

#topicpath li span{
  color:#6ec8c0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents form

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* submit
------------------------*/
.sbmt_box{
  text-align:center;
  margin:20px 0 0 0;
}

.sbmt_box .sbmt{
  display:inline;
}

.sbmt_box .btn{
  margin:0;
}

.sbmt{
  text-align:center;
  margin:20px 0 0 0;
}

.sbmt input[type="submit"]{
  width:80%;
  color:#fff;
  font-size:75%;
  font-weight:bold;
  display:inline-block;
  padding:10px 6.5px;
  border-radius:3px;
  border:1px solid #6b5b51;
  background:#6b5b51;
  background:linear-gradient(#6b5b51, #6b5b51);
}

.sbmt input[type="button"]{
  width:80%;
  color:#fff;
  font-size:75%;
  font-weight:bold;
  display:inline-block;
  padding:10px 6.5px;
  border-radius:3px;
  border:1px solid #6b5b51;
  background:#6b5b51;
  background:linear-gradient(#6b5b51, #6b5b51);
}

.sbmt_box .sbmt input[type="submit"],
.sbmt_box .sbmt input[type="button"]{
  width:48%;
}


/* form
------------------------*/
.form{
  margin:20px 0 0 0;
}

.form h3{
  font-size:87.5%;
  padding:0 5px;
  margin:20px 0 5px 0;
  border-left:5px solid #94836f;
}

.form textarea{
  width:98%;
}

.form dl{
  border-top:1px solid #d3c6b3;
  border-bottom:1px solid #d3c6b3;
  padding:10px 0;
  margin:5px 0 0 0;
}

.form dt{
  font-size:75%;
  font-weight:bold;
  margin:0 0 7px 0;
}

.form dd{
  font-size:75%;
  line-height:150%;
  padding:0 0 7px 0;
  margin:0 0 7px 0;
  border-bottom:1px dotted #d3c6b3;
}

.form dd:last-child{
  padding:0;
  margin:0;
  border-bottom:none;
}

.nec{
  color:#ff0000;
  margin:0 3px;
}

.form dd .note{
  font-size:80%;
}

.form dd .note a{
  color:#6ec8c0;
}

.form dd select{
  margin:10px 3px;
}

.form dd input[type="text"],
.form dd input[type="tel"],
.form dd input[type="email"],
.form dd input[type="password"]{
  padding:10px 3px;
  margin:3px;
  border: solid 1px rgb(118, 118, 118);
}

.form label{
  display:block;
  padding:5px 0;
  margin:3px 0;
}

.form label input{
  padding:2px;
  margin:0 3px 3px 0;
  position:relative;
}

.form dd.row label{
  width:48%;
  margin:0 5px 5px 0;
  float:left;
}

.form dd ul{
  margin:7px 0 0 25px;
  clear:left;
}

.form dd li{
  list-style:disc;
  margin:0 0 5px 0;
}

.form dd table{
  margin:7px 0 0 5px;
  border:1px solid #d3c6b3;
}

.form dd th,
.form dd td{
  padding:7px;
  border-bottom:1px dotted #d3c6b3;
}

.form dd th{
  width:20%;
  text-align:right;
}

.form .c_txt{
  color:#ff9933;
  font-size:75%;
  margin:10px 0 0 0;
}

/* check form
------------------------*/
.check_form{
  margin:20px 0 0 0;
}

.check_form h3{
  font-size:87.5%;
  padding:0 5px;
  margin:10px 0;
  border-left:5px solid #94836f;
}

.check_form dl{
  position:relative;
  zoom:1;
  display: flex;
  flex-wrap: wrap;
}

.check_form dt,
.check_form dd{
  font-size:75%;
  line-height:140%;
}

.check_form dt{
  width:30%;
  text-align:left;
  padding: 6px 0;
}

.check_form dd{
  width:70%;
  padding: 6px 0;
}

/* error
------------------------*/
.error{
  margin:10px auto;
}

.error .msg{
  font-size:87.5%;
  font-weight:bold;
  color:#ff0000;
  line-height:150%;
  padding:0 0 0 20px;
  background:url(img/icon_alert.png) no-repeat 0 3px;
  background-size:16px 16px;
}

.error ul{
  padding:0 10px;
  margin:5px 0 0 0;
}

.error li{
  color:#ff0000;
  font-size:75%;
  line-height:150%;
  padding:0 0 0 10px;
  background:url(img/icon_arrow7.png) no-repeat 0 7px;
  background-size:4px 5px;
}

/* message
------------------------*/
.comp dl{
  padding:20px;
}

.comp dt{
  font-size:75%;
  line-height:160%;
  margin:0 0 20px 0;
}

.comp dt p.center{
  text-align:center;
}

.comp dd{
  text-align:center;
}

.comp dd p a{
  font-size:75%;
  line-height:150%;
  display:inline;
  padding:0 0 0 16px;
  margin:0 10px;
  background:url(img/icon_arrow5.png) no-repeat 0 0;
  background-size:12px 12px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents member

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.member{
  margin:0 5px;
}

.member h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.member h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.member .lnk{
  font-size:75%;
  margin:10px 0 0 0;
}

.ag{
  font-size:75%;
  font-weight:bold;
  margin:10px 0 0 0;
}

.ag input{
  margin:0 3px 0 0;
  position:relative;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents login

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.login{
  margin:0 5px;
}

.login h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.login h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.login h3{
  font-size:87.5%;
  padding:0 5px;
  margin:0 0 5px 0;
  border-left:5px solid #94836f;
}

/* form
------------------------*/
.login .form{
  margin:0 0 25px 0;
}

/* button
------------------------*/
.btn_member{
  margin:10px 0 0 0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents contact

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.contact{
  margin:0 5px;
}

.contact h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.contact h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

/*----- subject-list -----*/
.contact .subject-list{
  margin:0 0 40px 0;
  width:100%;
}

.contact .subject-list .box{
  box-sizing:border-box;
  margin:40px 20px 0 0;
  padding:0 20px;
  width:100%;
}

.contact .subject-list .box:first-child{
  border-bottom:1px dotted #d3c6b3;
  margin:20px 0 0 0;
  padding-bottom:40px;
}

.contact .subject-list .btn{
  margin:0;
  width:100%;
}

.contact .subject-list .box p{
  line-height:1.35;
  margin-bottom:20px;
  width:100%;
}

.contact .subject-list .box .ex{
  margin:10px 0 0 0;
  width:100%;
}

.contact .subject-list .box .btn a{
  color:#94836f;
  text-decoration:none;
  padding:30px 35px 30px 25px;
  display:block;
  background:url(img/icon_arrow3.png) no-repeat 98% 50%;
  background-size:6px 11px;
  border:1px solid #d3c6b3;
  box-sizing:border-box;
  width:100%;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents reminder

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.reminder{
  margin:0 5px;
}

.reminder h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.reminder h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents cart

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.cart_style{}

.cart_style footer{
  padding:0;
}

/* cart
------------------------*/
.cart{
  margin:0 5px;
}

#app .cart{
  margin:15px 5px 0 5px;
}

.cart h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.cart h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.cart .btn_box{
  margin:20px 0;
}

/* login
------------------------*/
.cart .login{
  padding:10px;
  margin:0;
  border:1px solid #d3c6b3;
}

.cart .login .ex{
  font-size:68.75%;
  text-align:center;
}

.cart .login .btn{
  margin-top:10px;
}

/* item list
------------------------*/
.cart .item_list{
  padding:0;
  margin:15px 0 0 0;
}

.cart .item_list li,
.order_info .item_list li{
  background:none;
}

.cart .item_list input[type="text"]{
  width:20%;
  padding:2px;
  margin:0 3px 0 0;
}

.cart .item_list .sbmt{
  display:inline;
}

.cart .item_list .reload input{
  font-size:100%;
  width:25%;
  padding:2px 0;
  background:#6b5b51;
  background:linear-gradient(#6b5b51, #6b5b51);
}

.cart .btn_delete{
  float:right;
  margin:5px 0 5px 0;
}

/* sum
------------------------*/
.sum{
  padding:10px 10px 5px 10px;
  margin:10px 0;
  border:1px solid #d3c6b3;
}

.sum table{
  width:100%;
}

.sum table th,
.sum table td{
  font-size:75%;
  padding:5px 0;
  text-align:right;
}

.sum table th{
  width:80%;
}

.sum table td span{
  color:#ff9933;
  font-weight:bold;
}

.sum table td span#item_pay,
.sum table td span#delivery_cost,
.sum table td span#pay_cod,
.sum table td span#total_pay{
  color:initial;
  font-weight:initial;
}

.amount{
  background:#fbf8f4;
}

/* form
------------------------*/
.cart .form{
  margin:20px 0 0 0;
}

.cart .form dl .wrap_color{
  display: none;
}

.cart .form dl .wrap_color label{
  margin-right:20px;
  display:inline;
}

.cart .form dl .wrap_color p{
  font-weight: bold;
}

.s_cart input[type="submit"]{
  border:1px solid #ff9933;
  background:#ff9933;
  background:linear-gradient(#ff9933, #ff9933);
}

.cart .form ul{
  margin:7px 0 0 25px;
  clear:left;
}

.cart .form li{
  list-style:disc;
  margin:0 0 5px 0;
}

.wrap_select_text{
  line-height:150%;
}

/* total
------------------------*/
.total{
  margin:0 0 10px 0;
}

.total table{
  width:100%;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:1px;
  background:#d3c6b3;
}

.total table th,
.total table td{
  font-size:75%;
  padding:5px;
  background:#fff;
}

.total table th{
  width:40%;
  text-align:center;
}

.total table td{
  text-align:right;
}

.total table td.price{
  text-align:center;
  padding:15px 5px;
}

.total table td.price strong{
  color:#ff0000;
  font-size:120%;
  margin:0 0 0 10px;
}

/* cart check
------------------------*/
.cart_check{}

.cart_check dl{
  padding:20px;
  background:#fbf8f4;
  border:1px solid #d3c6b3;
}

.cart_check dt,
.cart_check dd{
}

.cart_check dt{
  font-size:87.5%;
  font-weight:bold;
  line-height:140%;
  margin:0 0 7px 0;
}

.cart_check dd{
  margin:0 0 20px 0;
}

.cart_check dd:last-child{
  margin:0;
}

/* att
------------------------*/
.att{}

.att h3{
  font-size:87.5%;
  padding:0 5px;
  margin:20px 0 5px 0;
  border-left:5px solid #94836f;
}

.att ul{
  margin:0 0 0 10px;
}

.att li{
  font-size:75%;
  line-height:150%;
  list-style:disc;
  margin:0 0 10px 0;
}

/* window
------------------------*/
#privacy{
  display:none;
}

#privacy .privacy{
  max-width:680px;
}

/* cancel eturn
------------------------*/
.cancel_return{
  border: dotted #d3c6b3;
  border-width: 1px 0;
  line-height:160%;
  margin:30px 0;
  padding:0 20px;
}

.cancel_return h3{
  font-size:87.5%;
  margin:20px 0 10px;
}

.cancel_return p{
  font-size:75%;
  margin:10px 0;
}

.cancel_return .title{
  font-weight:bold;
  margin:20px 0 0;
}

.cancel_return ul{
  margin:10px 0;
}

.cancel_return ul li{
  list-style:disc inside;
}

.cancel_return > *:last-child{
  margin-bottom: 20px;
}

.comp .cancel_return{
  font-size:75%;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item search form

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.search_form{
  margin:0 5px 10px 5px;
}

.search_form .bana_item{
  margin:0 0 10px 0;
}

.search_form h2{
  color:#fff;
  font-size:100%;
  padding:7px 5px;
  background:#94836f url(img/icon_arrow2.png) no-repeat 98% 50%;
  background-size:11px 6px;
}

.search_form h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

/* form
------------------------*/
.search_form form{
  border:5px solid #fbf8f4;
}

.search_form dl{
  padding:5px;
  background:#fff;
}

.search_form dt{
  font-size:75%;
  font-weight:bold;
  margin:0 0 7px 0;
}

.search_form dd{
  font-size:75%;
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  border-bottom:1px dotted #d3c6b3;
}

.search_form dd:last-child{
  margin:0;
}

.search_form dd input[type="text"]{
  margin:3px;
}

.search_form dd label{
  margin:0 10px 0 0;
}

.search_form dd label input{
  padding:2px;
  margin:0 3px 3px 0;
  position:relative;
}

.search_form dd.row label{
  width:48%;
  margin:0 5px 5px 0;
  float:left;
}

.search_form .sbmt{
  text-align:center;
  margin:10px 0;
}

/* search list
------------------------*/
.search_list{
  margin:0 5px;
}

.search_list h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.search_list h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.search_list .r_lnk{
  font-size:75%;
  margin:0 0 10px 0;
}


.search_list .btn_delete{
  float:right;
}

/* button
------------------------*/
.btn_delete{
  width:15px;
  margin:10px 0 0 0;
}

.btn_delete a{
  text-indent:-9999px;
  display:block;
  overflow:hidden;
  background:url(img/icon_delete.png) no-repeat 0 0;
  background-size:15px 15px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item sort

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.sort{
  font-size:75%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #94836f;
}

.sort .title{
  font-weight:normal;
  margin:0 0 10px 0;
}

.sort strong{
  color:#ff9933;
  margin:0 3px;
}

.sort select{
  margin:0 5px 0 0;
}

.sort label{
  margin:0 10px 0 0;
}

.sort label input{
  margin:0 3px 0 0;
  position:relative;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents page navi

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.page_navi{}

.page_navi ul{
  text-align:center;
}

.page_navi li{
  font-size:75%;
  display:inline;
}

.page_navi li span{
  color:#fff;
  display:inline-block;
  padding:6px 10px;
  background-color:#94836f;
  border:1px #94836f solid;
  font-weight:bold;
}

.page_navi li a{
  color:#94836f;
  display:inline-block;
  padding:6px 10px;
  border:1px #d3c6b3 solid;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item search

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.search{}

.search h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.search h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.search h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:20px 0 10px 0;
  border-bottom:1px solid #6b5b51;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents stone name list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

ul.s_name_list{}

ul.s_name_list li{
  font-size:75%;
  line-height:150%;
  min-height:14px;
  padding:0 0 0 20px;
  background-repeat:no-repeat;
  background-position:0 2px;
  background-size:14px 14px;
}

ul.s_name_list li a{
  color:#94836f;
  text-decoration:none;
  display:block;
}

ul.s_name_list li a:hover{
  text-decoration:underline;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.item_list{
  padding:0 5px;
  margin:0 0 0 0;
}

.item_list h2{
  color:#fff;
  font-size:87.5%;
  padding:7px 5px 7px 30px;
  background:#94836f url(img/icon_search.png) no-repeat 5px 50%;
  background-size:20px 20px;
}

/* item list1
------------------------*/
ul.list{
  text-align:left;
}

.item_list ul.list{
  margin:15px 0 0 0;
    letter-spacing:-0.4em;
    box-sizing:border-box;
}

ul.list li{
  text-align:left;
  display:inline-block;
  margin:0 0 20px 0;
    letter-spacing:normal;
  vertical-align:top;
}

.item_list ul.list li{
  margin:0 5px 20px;
    box-sizing:border-box;
}

.item_list ul.list li{
    position:relative;
  width:calc(100% / 3 - 10px);
}

ul.list li .thumb{
  background-color: #f9fafc;
}

ul.list li img{
  mix-blend-mode: multiply;
}

ul.list li .name{
  font-size:75%;
  line-height:140%;
  /*overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;*/
  word-break: break-all;
}

ul.list li p{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
  word-break: break-all;
}

ul.list li .price{
  line-height:inherit;
}

ul.list li .price span{
  color:#aaa;
  font-size:80%;
  margin:0 0 0 5px;
}

ul.list li .price .sold_out{
  color:#d13121;
  font-size:100%;
  display:inline-block;
  margin-left:0;
  white-space:nowrap;
}

/* item list2
------------------------*/
ul.list2{
  border:5px solid #fbf8f4;
  background:#fff;
  margin:5px 0 0 0;
}

ul.list2 li{
  padding:10px;
  border-bottom:5px solid #fbf8f4;
}

ul.list2 li .btn_box{
  margin:10px 0 0 0;
}

ul.list2 li .btn_box .btn a{
  width:44%;
}

ul.list2 li:last-child{
  margin:0;
  border-bottom:none;
}

ul.list2 h3{
  font-size:80%;
  line-height:150%;
  margin:0 0 10px 0;
}

ul.list2 h3 a{
  display:block;
  padding:0 5% 0 0;
  background:url(img/icon_arrow3.png) no-repeat right 50%;
  background-size:6px 11px;
}

ul.list2 li img{
  width:32%;
  margin:0 0 10px 0;
  border:1px solid #d8d8d8;
  float:left;
}

.img li h3{
  width:62%;
  margin:0 0 0 10px;
  float:left;
}

ul.list2 li .btn_box{
  clear:both;
}

.list2 li dl{
  width:63%;
  margin:0 0 10px 0;
  float:right;
}

.list2 li dl dt,
.list2 li dl dd{
  font-size:75%;
  margin:5px 0 0 0;
}

/* table */
.list2 li table{
  width:100%;
  border-top:1px solid #d3c6b3;
  border-bottom:1px solid #d3c6b3;
  clear:both;
}

#app .list2 li table{
  margin:5px 0 0 0;
}

.list2 li table caption{
  font-size:75%;
  text-align:left;
  margin:0 0 5px 0;
}

.list2 li th,
.list2 li td{
  font-size:75%;
  line-height:150%;
  padding:5px;
  border-bottom:1px dotted #d3c6b3;
}

.list2 li th{
  width:30%;
  text-align:center;
  background:#fbf8f4;
}

.list2 li td{
  background:#fff;
}

/* item list3
------------------------*/
ul.list3{}

ul.list3 li{
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  border-bottom:1px dashed #d3c6b3;
  background:url(img/icon_arrow3.png) no-repeat 98% 50%;
  background-size:6px 11px;
}

ul.list3 li:last-child{
  margin:0;
  border-bottom:0;
}

ul.list3 li .thumb{
  width:25%;
  margin:0 15px 0 0;
  float:left;
}

ul.list3 li img{
  border:1px solid #d8d8d8;
}

ul.list3 li .info{
  width:68%;
  float:left;
}

ul.list3 li .name{
  font-size:87.5%;
  line-height:140%;
  /*overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;*/
}

ul.list3 li p{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

ul.list3 li .price{
  line-height:inherit;
}

ul.list3 li .price span{
  color:#aaa;
  font-size:80%;
  margin:0 0 0 5px;
}

/* review list
------------------------*/
.item_list .review_list li:last-child{
  margin-bottom:10px;
}


/* label
------------------------*/
.item_list .label{
  box-sizing:border-box;
  display:inline-block;
  font-size:75%;
  line-height:1;
  height:22px;
  text-transform:uppercase;
  padding:5px;
}

.item_list .label.new{
  background-color:rgba(255,255,255,0.7);
  color:#d13121;
}

.item_list .label.off{
  background-color:#d13121;
  color:#fff;
}

/*----- item_list_info -----*/
.item_list_info{
  position:absolute;
  top:6px;
  left:1px;
  z-index:1;
}

/*----- item_list_price -----*/
.item_list_price{
  position:absolute;
  left:1px;
  margin-top:-23px;
  z-index:1;
}

/* cat_keywords
------------------------*/
.cat_keywords{
  padding:5px 0;
}

.cat_keywords .keywords li{
  display:inline-block;
  margin:5px 5px 5px 0;
}

.cat_keywords .keywords li a{
  border:1px solid #918472;
  border-radius:3px;
  color:#918472;
  display:block;
  font-size:75%;
  line-height:1;
  padding:5px;
  text-decoration:none;
}

.cat_keywords .keywords li a:hover{
  opacity:0.7;
}

@media all and (max-width:567px){
  /* item list1
    ------------------------*/
    .item_list ul.list li{
        width:calc(50% - 10px);
        box-sizing:border-box;
    }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item info

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.main_img{
  padding:0 5px;
  text-align:center;
}

.main_img img{}

.main_name{
  color:#94836f;
  text-align:center;
  font-size:100%;
  margin-bottom:10px;
  padding:10px 5px;
  line-height:120%;
  border-bottom:1px solid #d3c6b3;
}

.main_item{
  padding:0 5px;
}

/* item info
------------------------*/
.item_info{
  margin:10px 0 0 0;
}

.item_info ul{
  padding:0 5px;
}

.item_info li{
  text-align:center;
  padding:15px 0 0 0;
  margin:10px 0 0 0;
  background:url(img/border1.png) repeat-x 0 0;
  background-size:400px 5px;
}

.item_info li:last-child{
  padding-bottom:0;
}

.item_info li img{
  width:80%;
  height:auto;
}

.item_info li .thumb{}

.item_info li h3{
  color:#94836f;
  font-size:100%;
  margin:10px 0 0 0;
}

.item_info li p{
  font-size:75%;
  line-height:140%;
  margin:10px 0 0 0;
}

.item_info li p.lnk{
  width: 100%;
  text-align: right;
  padding-right: 10px;
}

.item_info li p .note{
  text-align:left;
  margin:10px 0 0 0;
}

.item_info .bana_customize{
  max-width:640px;
  margin:5% auto 0 auto;
}

/* ordermade block
------------------------*/
.om_block{
  padding:0 5px;
  margin:20px 0 0 0;
}

.om_block h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #6b5b51;
}

.om_block .thumb{
  text-align:center;
}

.om_block .thumb img{
  width:80%;
  height:auto;
}

.om_block .info{}

.om_block p{
  font-size:75%;
  line-height:140%;
}

/* use
------------------------*/
.use{
  padding:0 5px;
  margin:20px 0 0 0;
}

.use h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

.use ul.s_name_list{
  margin:0 5px;
}

.use .s_name_list li{
  margin:0 0 10px 0;
}

.use .s_name_list li a{
  display:inline;
  color:#6ec8c0;
  text-decoration:underline;
}

/* identification
------------------------*/
.ident{
  padding:0 5px;
  margin:20px 0 0 0;
}

.ident h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

.ident .thumb{
  margin:10px 0 0 0;
}

.ident .thumb img{
  width:100%;
}

.ident p{
  font-size:75%;
  line-height:140%;
}

.ident .labo{
  background:#fbf8f4;
  margin:10px 0 20px 0;
  padding:10px;
  text-align:center;
  width:100%;
  box-sizing:border-box;
}

.ident ul.s_name_list{
  margin:0 5px;
}

.ident .s_name_list li{
  margin:0 0 10px 0;
}

.ident.s_name_list li a{
  display:inline;
  color:#6ec8c0;
  text-decoration:underline;
}

/* ident_box */
.ident .ident_box .ident_contents{
  margin:0;
}

.ident .ident_box .ident_detail{
  margin:0;
}

.ident .ident_box h4{
  color: #6b5b51;
  height:auto;
  padding:20px 20px 10px;
  margin:10px 0 0 0;
  text-align:center;
  background-color:#eee9d9;
  border-bottom:0px;
}

.ident .ident_box h5{
  color:#6b5b51;
  padding:0;
  margin:10px 0 10px 0;
  padding:15px 0;
  border-top:2px solid #d3c6b3;
  border-bottom:1px solid #d3c6b3;
  border-left:0px;
}

.ident .ident_box h5 span{
  font-size:75%;
  font-weight:normal;
}

.ident .ident_box .thumb{
  margin:0;
  line-height:100%;
}

.ident .ident_box .thumb a{
  color:#fff;
}

.ident .ident_box .thumb img{
  margin:0;
  border:1px solid #d3c6b3;
  box-sizing:border-box;
}

.ident .ident_box .thumb .btn{
  position:relative;
  background:#c7b681;
  display:block;
  margin:10px 0 0 0;
  padding:4px 3px 3px;
  text-align:center;
  width:100%;
  height:auto;
  line-height:140%;
  border-radius:3px;
  text-indent:inherit;
  box-sizing:border-box;
  z-index:0;
}

/* color variation
------------------------*/
.color_var{
  padding:0 5px;
  margin:20px 0 0 0;
}

.color_var h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #6b5b51;
}

.color_var ul{
  margin:0;
}

.color_var li{
  padding:0 0 7px 0;
  margin:0 0 7px 0;
  border-bottom:1px dashed #d3c6b3;
}

.color_var li:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:none;
}

.color_var li .thumb{
  width:40%;
  float:left;
}

.color_var li .info{
  width:57%;
  float:right;
}

.color_var li .title{
  color:#94836f;
  font-weight:bold;
}

.color_var li p{
  font-size:75%;
  line-height:140%;
  margin:0 0 10px 0;
}

/* introductions
------------------------*/
.intro{
  padding:0 5px;
  margin:20px 0 0 0;
}

.intro h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #6b5b51;
}

.intro ul{}

.intro li{
  text-align:center;
  margin:0 0 10px 0;
}

.intro li div{
  width:48.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}

.intro li h4{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
  text-align:left;
}

.intro li h4 span{
  color:#fff;
  display:block;
  padding:3px;
  margin:0 0 10px 0;
  border-radius:3px;
  background:#94836f;
  text-align:center;
}

.intro li p{
  font-size:68.75%;
  line-height:140%;
  margin:5px 0 0 0;
  text-align:left;
}

.intro li p.lnk{
  text-align:left;
}

/* quality
------------------------*/
.quality{
  padding:0 5px;
  margin:20px 0 0 0;
}

.quality h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #6b5b51;
}

.quality .thumb{
  text-align:center;
}

.quality .thumb img{
  width:100%;
  height:auto;
}

.quality .info{}

.quality .rank{
  margin:20px 0 10px 0;
}

.quality .rank span{
  width:17.5%;
  color:#bbb;
  font-size:87.5%;
  text-align:center;
  display:block;
  padding:3px 10px;
  margin:0 3px 0 0;
  background:#eee;
  float:left;
}

.quality .rank .current{
  color:#fff;
  font-weight:bold;
  background:#905093;
}

.quality p{
  font-size:75%;
  line-height:140%;
}

/* sample
------------------------*/
.sample{
  padding:0 5px;
  margin:20px 0 0 0;
}

.sample h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #6b5b51;
}

.sample ul{}

.sample li{
  text-align:center;
  padding:0 0 20px 0;
  margin:0 0 15px 0;
  background:url(img/border1.png) repeat-x 0 bottom;
  background-size:400px 5px;
}

.sample li:last-child{
  padding-bottom:0;
  margin-bottom:0;
  background:none;
}

.sample li .thumb{}

.sample li .thumb img{
  width:100%;
  height:auto;
}

.sample li p{
  font-size:75%;
  line-height:140%;
  margin:10px 0 0 0;
}

/* related item
------------------------*/
.related_item{
  padding:0 5px;
  margin:20px 0;
}

.related_item h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #6b5b51;
}

.related_item li{
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  border-bottom:1px dashed #d3c6b3;
}

.related_item li .thumb{}

.related_item li .thumb img{
  width:50%;
}

.related_item li h4{
  font-size:75%;
  font-weight:normal;
  line-height:140%;
  margin:5px 0 0 0;
}

.related_item li .price{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

.related_item li .price span{
  color:#aaa;
  font-size:80%;
  margin:0 0 0 5px;
}

.related_item li .btn{
  margin:10px 0 0 0;
}

/* bana review
------------------------*/
.bana_review{
  margin:0 5px;
  text-align:center;
}

/* bana campaign
------------------------*/
.bana_campaign{
  margin:0 5px;
}

/* main photo
------------------------*/
.photo{
  margin:10px 5px 0 5px;
  position:relative;
}

.photo .flex-prev{
  position:absolute;
  top:40%;
  left:5px;
}

.photo .flex-next{
  position:absolute;
  top:40%;
  right:5px;
}

.photo .custom-navigation > a{
  font-size:125%;
  color:#94836f;
  background-color:inherit;
}

.photo li{
  text-align:center;
  margin:0 0 10px 0;
}

.photo li img{
  width:80%;
  border:1px solid #d8d8d8;
}

/* item info photo
------------------------*/
.item_info .photo{
  margin:0 5px;
  position:relative;
}

.item_info .photo li{
  padding:0;
  text-align:center;
  background:none;
}

.item_info .slides{
  padding:0;
}

.item_info .photo .flex-prev{
  position:absolute;
  top:40%;
  left:5px;
}

.item_info .photo .flex-next{
  position:absolute;
  top:40%;
  right:5px;
}

.item_info .photo .custom-navigation-photo > a{
  font-size:125%;
  color:#94836f;
  background-color:inherit;
}
.item_info .photo .custom-navigation-photo-top > a{
  font-size:125%;
  color:#94836f;
  background-color:inherit;
}

/* ordermade flow
------------------------*/
#om_flow0,
#om_flow1,
#om_flow2,
#om_flow3,
#om_flow4,
#om_flow5{
  display:none;
}

.om_flow_wrap{}

.om_flow_wrap{
  max-width:414px;
  text-align:center;
  margin:3%;
}

.om_flow_wrap p{
  font-size:100%;
  line-height:140%;
  margin:5% 0;
}

.om_flow_wrap .pager{
  font-size:100%;
  margin:0 4%;
}

.om_flow_wrap .next a,
.om_flow_wrap .prev a,
.om_flow_wrap .start a,
.om_flow_wrap .skip a{
  width:30%;
  font-size:100%;
  text-decoration:none;
  text-align:center;
  display:inline-block;
  padding:2%;
  border-radius:3px;
}

.om_flow_wrap .next a,
.om_flow_wrap .prev a,
.om_flow_wrap .skip a{
  color:#94836f;
  border:1px solid #d3c6b3;
}

.om_flow_wrap .next a{
  background:url(img/icon_arrow9.png) no-repeat 92% 50%;
}

.om_flow_wrap .prev a{
  background:url(img/icon_arrow10.png) no-repeat 8% 50%;
}

.om_flow_wrap .start a{
  color:#fff;
  border:1px solid #d3c6b3;
  background:#d3c6b3 url(img/icon_arrow11.png) no-repeat 92% 50%;
}

/*
.om_flow_wrap .next a:hover,
.om_flow_wrap .prev a:hover,
.om_flow_wrap .skip a:hover{
  border:1px solid #94836f;
}

.om_flow_wrap .start a:hover{
  background-color:#94836f;
}*/

.om_flow_wrap input{
  margin:0 4px 4px 4px;
  padding:2px;
  position:relative;
  top:1px;
}

.om_flow_wrap label{
  font-size:87.5%;
  display:block;
  margin:3% 0;
}

@media all and (max-width:414px){
  .om_flow_wrap{
    max-width:300px;
  }

  /*
  .om_flow_wrap label{
    display:block;
    margin:0;
  }

  .om_flow_wrap .pager{
    font-size:87.5%;
    display:block;
    margin:10px 0;
  }


  .om_flow_wrap .next,
  .om_flow_wrap .prev,
  .om_flow_wrap .start{
    display:block;
  }*/

  .om_flow_wrap p{
    font-size:87.5%;
  }

  .om_flow_wrap .next a,
  .om_flow_wrap .prev a,
  .om_flow_wrap .start a,
  .om_flow_wrap .skip a{
    font-size:75%;
    padding:3%;
  }

  .om_flow_wrap .pager{
    font-size:75%;
  }

  .om_flow_wrap label{
    font-size:75%;
  }
}

@media all and (max-width:375px){
  .om_flow_wrap{
    max-width:260px;
  }
}

@media all and (max-width:320px){
  .om_flow_wrap{
    max-width:220px;
  }
}

/* player
------------------------*/
.photo li.player{
  position:relative;
}

.photo li.player:before{
  content:"";
  display:block;
  padding-top:56.25%;/* 9/16*100=56.25 */
}

.photo li.player iframe{
  position:absolute;
  top:26.875%;
  left:10%;
  height:80%;
  width:80%;
}

section#cart.slider.photo{
  padding:15px 0 0 0;
  background:url(img/border1.png) repeat-x 0 0;
  background-size:400px 5px;
}
/* cart box
------------------------*/
.cart_box{
  padding:0 5px;
}

.cart_box h2{
  font-size:100%;
  line-height:150%;
  text-align:center;
  margin:15px 0 5px 0;
}

.cart_box p{
  margin:10px 0 0 0;
  text-align:center;
}

.item_info .level1,
.item_info .level1h,
.item_info .level2,
.item_info .level2h,
.item_info .level3,
.item_info .level3h,
.item_info .level4,
.item_info .level4h,
.item_info .level5{
  text-align:center;
}

.cart_box .price{
  text-align:center;
  line-height:inherit;
}

.cart_box .price span{
  color:#aaa;
  font-size:68.75%;
  margin:0 0 0 5px;
}

.cart_box .point{
  font-size:68.75%;
  text-align:center;
}

.cart_box .campaign{
  font-size:75%;
  margin:5px 0 0 0;
}

.cart_box .discount_rate{
  background-color:#d13121;
  color:#fff;
  display:inline-block;
  margin-right:0.5em;
  padding:0.5em;
  text-transform:uppercase;
}

.cart_box .period{
  display: block;
  margin:5px 0 0 0;
}

.cart_box .price.special{
  color:#d13121;
}

.cart_box .price .sold_out{
  color:#d13121;
  font-size:100%;
  display:inline-block;
  margin-left:0;
  white-space:nowrap;
}

/* button
------------------------*/
.cart_box .btn_box{
  margin:10px 0 0 0;
}

.cart_box .btn_box .btn a,
.cart_box .btn_box .b_none{
  width:44%;
}

.cart_box .b_cartin{
  margin-top:20px;
}

.cart_box .b_book{
  margin-top:20px;
}


/* share button
------------------------*/
#share{
  margin:20px 0 0 0;
  display:block;
  position:relative;
  border-top:1px solid #d3c6b3;
  border-bottom:1px solid #d3c6b3;
}

#share ul{
  text-align:center;
  overflow:hidden;
  padding:20px 0;
  _zoom:1;
}

#share li{
  width:20px;
  height:20px;
  display:inline-block;
  margin:0 10px;
  position:relative;
}

#share li:first-child{
  margin-left:0;
}

#share li a{
  width:20px;
  height:20px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:20px 20px;
  position:absolute;
  left:10px;
  bottom:0;
}

#share li.twitter a{
  background-image:url(img/share_twitter.png);
}

#share li.facebook a{
  background-image:url(img/share_facebook.png);
}

#share li.gplus a{
  background-image:url(img/share_gplus.png);
}

#share li.line a{
  background-image:url(img/share_line.png);
}

#share li a:hover{
  filter:alpha(opacity=90);
  opacity:0.9;
}

/* share button
------------------------*/
.share{
  margin:20px 0 0 0;
  display:block;
  position:relative;
}

.share ul{
  text-align:center;
  overflow:hidden;
  _zoom:1;
}

.share li{
  width:40px;
  height:40px;
  display:inline-block;
  margin:0 10px;
  position:relative;
  background:none;
  padding: 0;
}

.share li:first-child{
  margin-left:0;
}

.share li a{
  width:40px;
  height:40px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:40px 40px;
  position:absolute;
  left:10px;
  bottom:0;
}

.share li.twitter a{
  background-image:url(img/share_twitter.png);
}

.share li.facebook a{
  background-image:url(img/share_facebook.png);
}

.share li.gplus a{
  background-image:url(img/share_gplus.png);
}

.share li.line a{
  background-image:url(img/share_line.png);
}

.share li.instagram a{
  background-image:url(img/share_instagram.png);
}

.share li a:hover{
  filter:alpha(opacity=90);
  opacity:0.9;
}

/* cart in
------------------------*/

.cartin{
  margin:20px 0;
}

.cartin dl{
  padding:10px 0;
  border-top:1px solid #d3c6b3;
  border-bottom:1px solid #d3c6b3;
  position:relative;
  zoom:1;
}

.cartin dt,
.cartin dd{
  font-size:75%;
  line-height:140%;
}

.cartin dt{
  width:35%;
  font-weight:bold;
  text-align:center;
  padding:3px 0 0 0;
  position:absolute;
}

.cartin dd{
  padding:0 0 0 38%;
  margin:0 0 7px 0;
}

.cartin dd textarea{
  width:90%;
}

/* info
------------------------*/
.cart_box .info{
  margin:20px 0 0 0;
}

.cart_box .info dl{
  position:relative;
  zoom:1;
}

.cart_box .info dt,
.cart_box .info dd{
  font-size:75%;
}

.cart_box .info dt{
  width:22%;
  line-height:150%;
  font-weight:bold;
  text-align:right;
  position:absolute;
}

.cart_box .info dd{
  line-height:150%;
  padding:0 0 0 25%;
  margin:0 0 7px 0;
  word-break:break-all;
}

.cart_box .info .lnk{
        font-size:75%;
        margin:10px 0 0 0;
        width: 100%;
        text-align: right;
        padding-right: 10px;
}

/*----- stone list -----*/
.cart_box ul.s_name_list{
  margin:0 5px;
}

.cart_box .s_name_list li{
  margin:0 0 10px 0;
}

.cart_box .s_name_list li a{
  display:inline;
  color:#6ec8c0;
  text-decoration:underline;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents review

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* review
------------------------*/
.review{
  padding:0 5px;
  margin:20px 0 0 0;
}

.review h3{
  font-size:87.5%;
  font-weight:normal;
  padding:0 0 3px 0;
  border-bottom:1px solid #6b5b51;
}

.review .lnk{
  font-size:75%;
  margin:10px 0 0 0;
}

/*----- review list -----*/

ul.review_list{}

ul.review_list li{
  padding:5px;
  margin:10px 0 0 0;
  background:#fbf8f4;
}

dl.all{
  margin:0 0 10px 0;
  border:5px solid #6b5b51;
}

dl.all dt,
dl.all dd{
  font-size:87.5%;
  text-align:center;
}

dl.all dt{
  color:#fff;
  padding:3px 0 7px 0;
  background:#6b5b51;
}

dl.all dd{
  padding:10px;
  background:#fff;
}

.level1 span,
.level1h span,
.level2 span,
.level2h span,
.level3 span,
.level3h span,
.level4 span,
.level4h span,
.level5 span{
  color:#ff9933;
  font-weight:bold;
  min-height:15px;
  padding:0 0 0 106px;
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:96px 15px;
}

.level1 span{
  background-image:url(img/level1.png);
}

.level1h span{
  background-image:url(img/level1.5.png);
}

.level2 span{
  background-image:url(img/level2.png);
}

.level2h span{
  background-image:url(img/level2.5.png);
}

.level3 span{
  background-image:url(img/level3.png);
}

.level3h span{
  background-image:url(img/level3.5.png);
}

.level4 span{
  background-image:url(img/level4.png);
}

.level4h span{
  background-image:url(img/level4.5.png);
}

.level5 span{
  background-image:url(img/level5.png);
}

table.one{
  width:100%;
  margin:0 0 10px 0;
  background:#94836f;
  border-collapse:separate;
  border-spacing:1px;
}

table.one caption{
  color:#fff;
  font-size:87.5%;
  text-align:center;
  padding:7px;
  background:#94836f;
}

table.one th,
table.one td{
  font-size:75%;
  padding:5px;
  background:#fff;
}

table.one th{
  width:27%;
  text-align:center;
}

table.one td{
  text-align:right;
}

table.one td p{
  padding:3px;
  background:#ff9933;
}

table.one td span{
  color:#fff;
}

.bar5{
  width:auto;
}

.bar4{
  width:70%;
}

.bar3{
  width:50%;
}

.bar2{
  width:30%;
}

.bar1{
  width:10%;
}

/*----- arrow box -----*/
.arrow_box{
  font-size:75%;
  line-height:160%;
  padding:5px;
  position:relative;
}
.arrow_box:after,
.arrow_box:before{
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
}

.arrow_box:after{
  border-color:rgba(255, 255, 255, 0);
  border-width:5px;
}

.arrow_box:before{
  border-color:rgba(148, 131, 111, 0);
  border-width:6px;
}

/*----- reviewer -----*/
.reviewer{
  margin:0 0 10px 0;
}

.reviewer dl{
  padding:0 0 0 59px;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:44px 56px;
  position:relative;
  zoom:1;
  display: flex;
  flex-wrap: wrap;
}

.female dl{
  background-image:url(img/icon_female.png);
}

.male dl{
  background-image:url(img/icon_male.png);
}

.reviewer dl dt,
.reviewer dl dd{
  font-size:75%;
  line-height:150%;
}

.reviewer dl dt{
  width:30%;
}

.reviewer dl dd{
  width:70%;
}

.reviewer .arrow_box{
  margin:10px 0 0 0;
  background:#fff;
  border:1px solid #94836f;
}

.reviewer .arrow_box:after,
.reviewer .arrow_box:before{
  bottom:100%;
  left:7%;
}

.reviewer .arrow_box:after{
  border-bottom-color:#fff;
  margin-left:-5px;
}


.reviewer .arrow_box:before{
  border-bottom-color:#94836f;
  margin-left:-6px;
}

/*----- admin -----*/
.admin{
  min-height:55px;
  padding:0 55px 0 0;
  margin:5px 0 0 0;
  background:url(img/icon_admin.png) no-repeat right 0;
  background-size:35px 55px;
}

.admin .arrow_box{
  color:#fff;
  background:#d3c6b3;
  border:1px solid #d3c6b3;
}

.admin .arrow_box:after,
.admin .arrow_box:before{
  left:100%;
  top:50%;
}

.admin .arrow_box:after{
  border-left-color:#d3c6b3;
  margin-top:-5px;
}

.admin .arrow_box:before{
  border-left-color:#d3c6b3;
  margin-top:-6px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents related

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.related{
  padding:0 5px;
  margin:20px 0;
}

.related .title{
  font-size:75%;
  line-height:140%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #6b5b51;
}

.related ul.slides li{
  text-align:center;
  margin:0 0 10px 0;
}

.related ul.slides li div{
  width:31.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents product

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.product{
  padding:0 5px;
  margin:20px 0 0 0;
  clear:both;
}

.product .title{
  font-size:87.5%;
  line-height:140%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #6b5b51;
}

.product .r_lnk{
  font-size:75%;
  margin:20px 0 0 0;
}

.product ul.slides li{
  margin:0 0 10px 0;
}

.product ul.slides li div{
  width:31.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents history

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.history{
  padding:0 5px;
}

.history h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.history h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents dictionary

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.dic{}

.dic h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.dic h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.dic h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:20px 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

/* dic menu
------------------------*/
.dic_menu{
  padding:0 5px;
}

.dic_menu ul{
  margin:0 0 10px 0;
}

.dic_menu li{
  width:48%;
  font-size:75%;
  display:inline-block;
  margin:0 0 5px 0;
  border:1px solid #d3c6b3;
  background:url(img/icon_arrow3.png) no-repeat 98% 50%;
  background-size:6px 11px;
}

.dic_menu li a{
  color:#94836f;
  padding:7px 5px 7px 25px;
  display:block;
  background:url(img/icon_book2.png) no-repeat 5px 50%;
  background-size:15px 12px;
}

.dic_menu li#current a{
  color:#fff;
  background-color:#94836f;
  border:1px solid #94836f;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents dictionary top

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.dic_top{
  padding:0 5px;
}

.dic_top h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:20px 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

.dic_top .top_info{}

.dic_top .top_info p{
  font-size:75%;
  line-height:160%;
  margin:5px 0 0 0;
}

/* birth
------------------------*/
.s_birth_list dl{
  position:relative;
  zoom:1;
}

.s_birth_list dt{
  width:15%;
  font-size:75%;
  text-align:center;
  padding:10px 5px 5px 5px;
  position:absolute;
}

.s_birth_list dt a{
  display:block;
  color: #296eb8;
}

.s_birth_list dd{
  padding:5px 0 5px 20%;
  border-bottom:1px dotted #d3c6b3;
}

.s_birth_list dd:last-child{
  border:none;
}

.s_birth_list dd ul.s_name_list{}

.s_birth_list dd .s_name_list li{
  margin:0 0 5px 0;
}

/* color
------------------------*/
.s_color_list{}

.s_color_list ul{}

.s_color_list li{
  width:48.6%;
  font-size:75%;
  display:inline-block;
  margin:0 0 5px 0;
}

.s_color_list li a{
  color:#94836f;
  padding:10px 10px 10px 30px;
  text-decoration:none;
  display:block;
  background-repeat:no-repeat;
  background-position:10px center;
  border:1px solid #d3c6b3;
}

.s_color_list .white a{background-image:url(img/icon_c14_white.png);}

.s_color_list .black a{background-image:url(img/icon_c14_black.png);}

.s_color_list .gray a{background-image:url(img/icon_c14_gray.png);}

.s_color_list .brown a{background-image:url(img/icon_c14_brown.png);}

.s_color_list .orange a{background-image:url(img/icon_c14_orange.png);}

.s_color_list .yellow a{background-image:url(img/icon_c14_yellow.png);}

.s_color_list .green a{background-image:url(img/icon_c14_green.png);}

.s_color_list .blue a{background-image:url(img/icon_c14_blue.png);}

.s_color_list .purple a{background-image:url(img/icon_c14_purple.png);}

.s_color_list .pink a{background-image:url(img/icon_c14_pink.png);}

.s_color_list .red a{background-image:url(img/icon_c14_red.png);}

.s_color_list .multi a{background-image:url(img/icon_c14_multi.png);}

/* fortune
------------------------*/
.s_fortune_list{}

.s_fortune_list ul{}

.s_fortune_list li{
  width:31.6%;
  font-size:75%;
  text-align:center;
  margin:0 0 5px 0;
  display:inline-block;
}

.s_fortune_list li a{
  color:#94836f;
  padding:10px 0;
  text-decoration:none;
  display:block;
  border:1px solid #d3c6b3;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents dictionary name

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.s_name{
  padding:0 5px;
}

/* name list
------------------------*/
.s_stone_list ul{}

.s_stone_list li{
  width:31.6%;
  font-size:75%;
  text-align:center;
  margin:0 0 5px 0;
  display:inline-block;
}

.s_stone_list li a{
  color:#94836f;
  padding:10px 0;
  text-decoration:none;
  display:block;
  border:1px solid #d3c6b3;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents dictionary birth

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.birth{
  padding:0 5px;
}

.birth .r_lnk{
  font-size:75%;
  margin:10px 0 0 0;
}

/* birth list
------------------------*/
.birth .s_birth_list ul{}

.birth .s_birth_list li{
  width:31.6%;
  font-size:75%;
  text-align:center;
  margin:0 0 5px 0;
  display:inline-block;
}

.birth .s_birth_list li a{
  color:#94836f;
  padding:10px 0;
  text-decoration:none;
  display:block;
  border:1px solid #d3c6b3;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents dictionary color

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.color{
  padding:0 5px;
}

.color .r_lnk{
  font-size:75%;
  margin:10px 0 0 0;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents dictionary fortune

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.fortune{
  padding:0 5px;
}

.fortune .r_lnk{
  font-size:75%;
  margin:10px 0 0 0;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents stone top

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.stone_top{
  padding:0 5px;
}

.stone_top .top_info h2{
  font-size:87.5%;
  padding:0 0 0 5px;
  margin:5px 0 5px 0;
  border-left:5px solid #6b5b51;
}

.stone_top .top_info p{
  font-size:75%;
  line-height:150%;
}

.stone_top .top_info .r_lnk{
  font-size:75%;
  margin:10px 0 0 0;
}

/* dectionary list
------------------------*/
.dec_list{
  padding:0 5px;
  margin:20px 0 0 0;
  clear:both;
}

.dec_list h3{
  font-size:87.5%;
  font-weight:normal;
  padding:0 0 3px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

.dec_list ul{}

.dec_list li{
  text-align:center;
  margin:0 0 10px 0;
}

.dec_list li div{
  width:48.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}

.dec_list li h4{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

.dec_list li h4 span{
  color:#fff;
  text-align:center;
  display:block;
  padding:3px;
  margin:0 0 10px 0;
  border-radius:3px;
  background:#94836f;
}

.dec_list li p{
  font-size:68.75%;
  line-height:140%;
  margin:5px 0 0 0;
}

/* more info
------------------------*/
.dec_list .more_info{
  width:100%;
  margin:15px 0 0 0;
}

.dec_list .more_info h5{
  font-size:75%;
  padding:0 0 3px 20px;
  background:url(img/icon_book2.png) no-repeat 0 0;
  border-bottom:1px solid #d3c6b3;
  background-size:15px 12px;
}

.dec_list .more_info{}

.dec_list .more_info span{
  font-size:68.75%;
  line-height:140%;
  display:block;
  padding:0 0 5px 0;
  margin:5px 0 0 0;
  border-bottom:1px dotted #d3c6b3;
}

.dec_list .more_info span:last-child{
  padding:0;
  border:none;
}

/* stone list
------------------------*/
ul.stone_list{}

.stone_list li{
  width:31.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
  margin-bottom: 20px;
}

.stone_list .thumb{
  text-align:center;
  margin:0 0 5px 0;
  position:relative;
  border:1px solid #d8d8d8;
}

.stone_list .thumb span{
  width:34px;
  height:37px;
  text-indent:-9999px;
  overflow:hidden;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:34px 37px;
  position:absolute;
  top:0;
  left:0;
  z-index:20;
}

.stone_list li .name{
  font-size:75%;
  line-height:140%;
  padding:0;
  margin:0 0 10px 0;
  border:none;
}

.stone_list li p{
  font-size:68.75%;
  line-height:140%;
}

/* tag
------------------------*/
.thumb{
  position:relative;
}

.thumb span{
  width:68px;
  height:74px;
  text-indent:-9999px;
  overflow:hidden;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:34px 37px;
  position:absolute;
  top:0;
  left:0;
  z-index:20;
}

.thumb .jan{background-image:url(img/icon_b_jan.png);}
.thumb .feb{background-image:url(img/icon_b_feb.png);}
.thumb .mar{background-image:url(img/icon_b_mar.png);}
.thumb .apr{background-image:url(img/icon_b_apr.png);}
.thumb .may{background-image:url(img/icon_b_may.png);}
.thumb .jun{background-image:url(img/icon_b_jun.png);}
.thumb .jul{background-image:url(img/icon_b_jul.png);}
.thumb .aug{background-image:url(img/icon_b_aug.png);}
.thumb .sep{background-image:url(img/icon_b_sep.png);}
.thumb .oct{background-image:url(img/icon_b_oct.png);}
.thumb .nov{background-image:url(img/icon_b_nov.png);}
.thumb .dec{background-image:url(img/icon_b_dec.png);}

.thumb .aries{background-image:url(img/icon_c_ari.png);}
.thumb .taurus{background-image:url(img/icon_c_tau.png);}
.thumb .gemini{background-image:url(img/icon_c_gem.png);}
.thumb .cancer{background-image:url(img/icon_c_cra.png);}
.thumb .leo{background-image:url(img/icon_c_leo.png);}
.thumb .virgo{background-image:url(img/icon_c_vir.png);}
.thumb .libra{background-image:url(img/icon_c_lib.png);}
.thumb .scorpio{background-image:url(img/icon_c_sco.png);}
.thumb .sagittarius{background-image:url(img/icon_c_sag.png);}
.thumb .capricorn{background-image:url(img/icon_c_cap.png);}
.thumb .aquarius{background-image:url(img/icon_c_aqu.png);}
.thumb .pisces{background-image:url(img/icon_c_pis.png);}

/* else list
------------------------*/
.else{
  padding:0 5px;
  margin:20px 0 0 0;
}

.else h3{
  font-size:87.5%;
  font-weight:normal;
  padding:0 0 3px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

/*----- stone list -----*/
.else ul.s_name_list{}

.else .s_name_list li{
  margin:0 0 15px 0;
}

/* accessories material
------------------------*/
.accessories h3,
.material h3{
  font-size:87.5%;
  min-height:10px;
  padding:0 0 5px 20px;
  margin:0 0 5px 0;
  background-position:0 0;
  background-repeat:no-repeat;
  border-bottom:1px solid #6b5b51;
  background-size:15px 15px;
}

.accessories h3{
  background-image:url(img/icon_30_brace.png);
}

.material h3{
  background-image:url(img/icon_30_stone.png);
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents article list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.article_list{
  padding:0 5px;
  margin:20px 0 0 0;
}

.article_list h2{
  color:#fff;
  font-size:87.5%;
  padding:7px;
  background:#94836f;
  position:relative;
}

.article_list .box{
  border:1px solid #d3c6b3;
}

.article_list ul{}

.article_list li{
  padding:5px;
  margin:0 0 5px 0;
  border-bottom:1px dotted #d3c6b3;
}

.article_list li:last-child{
  margin:0;
  border-bottom:none;
}

.article_list li img{
  width:10%;
  float:left;
}

.article_list li p{
  width:88%;
  font-size:75%;
  line-height:140%;
  float:right;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents stone info

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.stone_info{
  padding:0 5px;
}

.stone_info .top_info h2{
  font-size:87.5%;
  padding:0 0 0 5px;
  margin:5px 0 5px 0;
  border-left:5px solid #6b5b51;
}

.stone_info .top_info p{
  font-size:75%;
  line-height:150%;
}

.stone_info .top_info .r_lnk{
  font-size:75%;
  margin:10px 0 0 0;
}

/* bana
------------------------*/
.bana_app{
  padding:0 5px;
  margin:10px 0;
}

.bana_app img{
  margin:0 0 5px 0;
}

.bana_app p{
  font-size:75%;
  line-height:150%;
}

.bana_customize{
  text-align:center;
  padding:0 5px;
  margin:10px 0;
}

.bana_customize img{
  margin:0 0 5px 0;
}

.bana_customize p{
  font-size:75%;
  line-height:150%;
}

/* contents
------------------------*/
.stone_info ul.contents{
  margin:20px 0 0 0;
}

.stone_info ul.contents li{
  font-size:75%;
  line-height:150%;
  margin:0 0 10px 0;
}

.stone_info ul.contents li a{
  display:block;
  padding:0 0 0 17px;
  background:url(img/icon_arrow5.png) no-repeat 0 2px;
  background-size:12px 12px;
  color: #6ec8c0;
}

/* detail
------------------------*/
.stone_info .detail{
  margin:20px 0 0 0;
}

.stone_info .detail h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:30px 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

.stone_info .detail h4{
  color:#94836f;
  font-size:87.5%;
  padding:2px 0 2px 7px;
  margin:15px 0 5px 0;
  border-left:5px solid #94836f;
}

.stone_info .detail .img{
  text-align:center;
  margin:15px 0;
}

/* slider
------------------------*/
.s_color{
  padding:0 5px;
  margin:20px 0 0 0;
}

.s_color h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:30px 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

.s_color ul.slides li{
  text-align:center;
  margin:0 0 10px 0;
}

.s_color ul.slides li div{
  width:48.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}

.s_color ul.slides li p{
  font-size:68.75%;
  line-height:140%;
  margin:5px 0 0 0;
}

.s_color ul.slides li p strong{
  display:block;
  margin:0 0 5px 0;
}

/* data
------------------------*/
.data{}

.data h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:30px 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

.data .thumb{
  width:30%;
  margin:0 10px 0 0;
  border:1px solid #d8d8d8;
  float:left;
  position:relative;
}

.data dl{
  width:66%;
  position:relative;
  zoom:1;
  float:left;
}

.data dt,
.data dd{
  font-size:75%;
  line-height:140%;
}

.data dt{
  width:30%;
  text-align:center;
  font-weight:bold;
  position:absolute;
}

.data dd{
  padding:0 0 0 32%;
  margin:0 0 7px 0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents index

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* top navi
------------------------*/
.holiday{
  padding:10px;
  margin:5px 5px 5px 5px;
  border:double #ff9933;
}

.holiday .info_title{
  color:#ff9933;
  font-size:87.5%;
  text-align:center;
  margin:0 0 10px 0;
  background:none;
  border:none;
}

.holiday p{
  font-size:75%;
  line-height:160%;
}

/* top navi
------------------------*/
.t_navi{
  padding:0 5px;
  margin:0 0 10px 0;
}

.t_navi ul{}

.t_navi li{}

.t_navi li{
  width:48.6%;
  display:inline-block;
  margin:5px 0 0 0;
}

.t_navi li a{
  /*color:#94836f;*/
  font-size:68.5%;
  line-height:140%;
  padding:5px 5px 5px 23px;
  border:1px solid #94836f;
  display:block;
  background-repeat:no-repeat;
  background-position:3px center;
  background-size:15px 15px;
}

.t_navi li.tn_01 a{
  background-image:url(img/icon_30_cart.png);
}

.t_navi li.tn_02 a{
  background-image:url(img/icon_30_repair.png);
}

.t_navi li.tn_03 a{
  background-image:url(img/icon_30_car.png);
}

.t_navi li.tn_04 a{
  background-image:url(img/icon_30_return.png);
}

.t_navi li.tn_05 a{
  background-image:url(img/icon_30_point.png);
}

.t_navi li.tn_06 a{
  background-image:url(img/icon_30_wrap.png);
}

/* top feature
------------------------*/
.top_feature{
  padding:0 5px;
  margin:5px 0 0 0;
}

.top_feature ul.top_main li{
  margin:0 0 10px 0;
}

.top_feature ul.top_main li img{
  width:100%;
}

.top_feature ul.top_main li h2{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

.top_feature ul.top_main li p{
  font-size:68.75%;
  line-height:140%;
  margin:5px 0 0 0;
}

/* slider
------------------------*/
.feature{
  padding:0 5px;
  margin:20px 0 20px 0;
}

.feature ul.slides li{
  text-align:center;
  margin:0 0 10px 0;
}

.feature ul.slides li div{
  width:48.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}

.feature ul.slides li h2{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

.feature ul.slides li p{
  font-size:68.75%;
  line-height:140%;
  margin:5px 0 0 0;
}

/* brand
------------------------*/
.top_brand{
  padding:0 5px;
  margin:20px 0 30px 0;
}

.top_brand h2{
  color:#94836f;
  font-size:100%;
  padding:0 0 3px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #94836f;
}

.top_brand h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.top_brand ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/*.top_brand ul::after{
  content: "";
  width:31%;
}*/

.top_brand ul li{
  text-align:center;
  width:31%;
  margin: 0 0 10px 0;
}

.top_brand ul li h3{
  font-size:78%;
  line-height:140%;
  margin:5px 0 0 0;
}

/* ranking
------------------------*/
.ranking{
  padding:0 5px;
  margin:20px 0 0 0;
}

.ranking h2{
  color:#94836f;
  font-size:100%;
  padding:0 0 3px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #94836f;
}

.ranking h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.ranking .list3 li .rank1,
.ranking .list3 li .rank2,
.ranking .list3 li .rank3,
.ranking .list3 li .rank4,
.ranking .list3 li .rank5{
  width:25px;
  height:14px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  margin:5px 0 0 0;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:25px 14px;
}

.ranking .list3 li .rank1{
  background-image:url(img/icon_rank1.png);
}

.ranking .list3 li .rank2{
  background-image:url(img/icon_rank2.png);
}

.ranking .list3 li .rank3{
  background-image:url(img/icon_rank3.png);
}

.ranking .list3 li .rank4{
  background-image:url(img/icon_rank4.png);
}

.ranking .list3 li .rank5{
  background-image:url(img/icon_rank5.png);
}

/* new item
------------------------*/
.new_item{
  padding:0 5px;
  margin:20px 0 0 0;
  overflow: hidden;
}

.new_item h2{
  color:#94836f;
  font-size:100%;
  padding:0 0 3px 0;
  margin:0 0 10px 0;
  border-bottom:1px solid #94836f;
}

.new_item h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.new_item ul.list li{
  width:31.6%;
}

.new_item .r_lnk{
  font-size: 75%;
  margin: auto auto 0px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents guide

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.guide{
  padding:0 5px;
}

.guide h2{
  font-size:87.5%;
  text-align:center;
  line-height:150%;
  padding:140px 0 0 0;
  margin:0 0 20px 0;
  border-top:1px solid #94836f;
  background:url(img/guide_logo.png) no-repeat center 30px;
  background-size:200px 80px;
}

.guide .catch{
  font-size:75%;
  line-height:150%;
}

.guide ul.brand{
  text-align:center;
  margin:20px 0 0 0;
}

.guide .brand li{
  width:20%;
  display:inline-block;
}

.guide_list{
  margin:20px 0 0 0;
}

.guide_list ul{}

.guide_list li{
  padding:10px;
  border-top:1px dashed #d3c6b3;
  background-repeat:no-repeat;
  background-position:10px 40px;
  background-size:65px 60px;
}

.guide_list li:last-child{
  border-bottom:1px dashed #d3c6b3;
}

.guide_list li h3{
  font-size:87.5%;
  margin:0 0 10px 0;
}

.guide_list li .ex{
  padding:0 0 0 25%;
}

.guide_list li .lnk{
  font-size:75%;
  margin:20px 0 0 0;
}

.gl_01{
  background-image:url(img/icon_130_brace.png);
}

.gl_02{
  background-image:url(img/icon_130_material.png);
}

.gl_03{
  background-image:url(img/icon_130_stone.png);
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents help

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.help{
  margin:0 5px;
}

.help h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.help h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

/* faq
------------------------*/
.faq{
  margin:0 0 20px 0;
}

.faq h3{
  text-align:center;
  height:40px;
  padding:8px 0 0 0;
  margin:0 0 20px 0;
  background:url(img/icon_q.png) no-repeat 15% 0;
  background-size:30px 30px;
}

.faq ul{}

.faq li{
  font-size:87.5%;
  margin:0 0 10px 0;
  border:1px solid #d3c6b3;
}

.faq li a{
  color:#94836f;
  text-decoration:none;
  padding:10px;
  display:block;
  background:url(img/icon_arrow3.png) no-repeat 98% 50%;
  background-size:6px 11px;
}

/* help menu
------------------------*/
.help_menu{
  padding:20px 10px;
  margin:20px 0 0 0;
  background:#fbf8f4;
}

.help_menu h3 {
  text-align: center;
  height: 22px;
  padding: 16px 0 16px 40px;
  margin: 0 0 20px 0;
  background: url(img/icon_info.png) no-repeat 0% 0;
  background-size: 30px 30px;
  display: flex;
  align-items: center;
}

.help_menu .box{
  margin:20px 0 0 0;
}

.help_menu h4{
  font-size:87.5%;
  min-height:10px;
  padding:0 0 5px 20px;
  margin:0 0 5px 0;
  background-position:0 0;
  background-repeat:no-repeat;
  border-bottom:1px solid #6b5b51;
  background-size:15px 15px;
}

.help_menu .hm_01 h4{
  background-image:url(img/icon_30_stone.png);
}

.help_menu .hm_02 h4{
  background-image:url(img/icon_30_brace.png);
}

.help_menu .hm_03 h4{
  background-image:url(img/icon_30_cart.png);
}

.help_menu .hm_04 h4{
  background-image:url(img/icon_30_repair.png);
}

.help_menu .hm_05 h4{
  background-image:url(img/icon_30_wrap.png);
}

.help_menu .hm_06 h4{
  background-image:url(img/icon_30_mail.png);
}

.help_menu .hm_07 h4{
  background-image:url(img/icon_30_account.png);
}

.help_menu ul{}

.help_menu li{
  font-size:87.5%;
  padding:10px 0;
  border-bottom:1px dotted #d3c6b3;
}

.help_menu li a{
  color:#94836f;
  display:block;
  background:url(img/icon_arrow3.png) no-repeat 98% 50%;
  background-size:6px 11px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about common

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.about{
  margin:0 5px;
}

.about h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.about h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.about h3{
  font-size:87.5%;
  min-height:10px;
  padding:0 0 5px 20px;
  margin:0 0 15px 0;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:15px 15px;
  border-bottom:1px solid #6b5b51;
}

.about h4{
  color:#94836f;
  font-size:87.5%;
  padding:2px 0 2px 5px;
  margin:20px 0 10px 0;
  border-left:5px solid #94836f;
}

.about .img{
  margin:20px 0;
}

.about .img::before{
  display: none!important;
}


/* contents
------------------------*/
.about ul.contents{}

.about ul.contents li{
  font-size:75%;
  margin:0 0 10px 0
}

.about ul.contents li a{
  padding:0 0 0 17px;
  background:url(img/icon_arrow6.png) no-repeat 0 50%;
  background-size:12px 12px;
  color: #6ec8c0;
}

/* list
------------------------*/
.about dl{
  margin:15px 0 0 0;
}

.about dt{
  font-size:87.5%;
  font-weight:bold;
  margin:0 0 5px 0;
}

.about dd{
  margin:0 0 15px 0;
}

.about dd p{
  font-size:75%;
  line-height:150%;
  margin:0 0 10px 0;
}

.about dd ul{
  margin:0 0 0 20px;
}

.about dd li{
  font-size:75%;
  list-style:disc;
  line-height:150%;
  margin:0 0 10px 0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about stone

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.h_stone{}

.h_stone h3{
  background-image:url(img/icon_30_stone.png);
}

.h_stone dl{
  margin:15px 0 0 0;
}

.h_stone .r_lnk{
  clear:right;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about item

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.h_item{}

.h_item h3{
  background-image:url(img/icon_30_brace.png);
}

.h_item h5{
  font-size:87.5%;
  font-weight:normal;
  margin:20px 0 5px 0;
}

.h_item table.common{
  table-layout:fixed;
}

.h_item table.common td{
  text-align:center;
}

/* howto
------------------------*/
ul.howto{}

.howto li{
  padding:160px 20px 20px 20px;
}

.howto li p{
  font-size:75%;
  line-height:150%;
}

.howto li.ht_01{
  background: url(img/howto_01.png) no-repeat center 20px;
}

.howto li.ht_02{
  background: url(img/howto_02.png) no-repeat center 20px;
}

.howto li.ht_03{
  background: url(img/howto_03.png) no-repeat center 20px;
}

/* banner
------------------------*/
.h_item .bana{
  text-align:center;
}

.h_item .bana p{
  margin:0 10px;
  display:inline-block
}

.h_item .bana p a{
  width:108px;
  height:32px;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:108px 32px;
}

.bana_iphone a{
  background-image:url(../img/bana_apple.gif);
}

.bana_android a{
  background-image:url(../img/bana_android.gif);
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about order

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.h_order{}

.h_order h3{
  background-image:url(img/icon_30_cart.png);
}

.h_order h5{
  font-size:87.5%;
  font-weight:normal;
  margin:20px 0 5px 0;
}

/* flow
------------------------*/
.h_order .flow{}

.h_order .flow li{
  margin:20px 0 0 0;
}

.h_order .flow p{
  font-size:75%;
}

.h_order .flow li .img{
  display:block;
  text-align:center;
}

/*----- table -----*/
.h_order table.common{
  margin:15px 0;
}

.h_order table.common th{
  width:50%;
}

.h_order table.common td{
  text-align:center;
  vertical-align:middle;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about return

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.h_return{}

.h_return h3{
  background-image:url(img/icon_30_repair.png);
}

.h_return .lnk{
  font-size:75%;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about wrapping

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.h_wrapping{}

.h_wrapping h3{
  background-image:url(img/icon_30_wrap.png);
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents delivery

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.delivery{
  padding:0 5px;
}

.delivery h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.delivery h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

/* table
------------------------*/
.delivery table{
  width:100%;
  border-collapse:separate;
  border-spacing:1px;
  background:#d3c6b3;
}

.delivery table th,
.delivery table td{
  font-size:75%;
  text-align:center;
  line-height:150%;
  padding:10px;
  background:#fbf8f4;
  vertical-align:middle;
}

.delivery table .even th,
.delivery table .even td{
  background:#fff;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

#main contents about member

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.h_member{}

.h_member h3{
  background-image:url(img/icon_30_account.png);
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents intuitive

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.intuitive{
  padding:0 5px;
}

.intuitive h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.intuitive h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.intuitive ul{
  text-align:center;
  margin:20px -5px -5px 0;
}

.intuitive li{
  width:31.6%;
  float:left;
  margin:0 5px 5px 0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents brand

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.brand{
  padding:0 5px;
}

.brand .top_info ul{}

.brand .top_info li{
  width:48.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}

.brand .top_info li.row1{
  width:100%;
  margin-bottom:20px;
}

.brand .top_info li h2{
  font-size:87.5%;
  line-height:140%;
  margin:5px 0 0 0;
}

.brand .top_info li p{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents brand

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.brand_list{
  padding:0 5px;
}

/* brand list
------------------------*/
.brand_list ul{
  margin:0 0 -10px 0;
}

.brand_list li{
  width:48.6%;
  margin:0 0 10px 0;
  display:inline-block;
  vertical-align:top;
}

.brand_list li h3{
  padding:0;
  margin:7px 0 0 0;
  border:none;
}

.brand_list li p{
  font-size:75%;
  line-height:140%;
  margin:7px 0 0 0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents brand fine bracelet 3mm

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#fine_brace3 .main_img {
  padding:0;
  width:100%;
}

/* point
------------------------*/
#fine_brace3 .point dl {
  display:block;
  width:100%;
}

#fine_brace3 .point dt{
  display:block;
  margin: 0 0 10px 0;
  text-align:center;
}

#fine_brace3 .point dd{
  display:block;
  font-size:75%;
  line-height:160%;
  margin:0 0 40px 0;
  padding:0 3% 0 3%;
}

#fine_brace3 .point01 dt{
  padding:12% 0 15% 50%;
  background:url(img/fine_brace3/img_point1.jpg) no-repeat left 0;
  background-size:50% auto;
}

#fine_brace3 .point02 dt{
  padding:12% 50% 15% 0;
  background:url(img/fine_brace3/img_point2.jpg) no-repeat right 10%;
  background-size:50% auto;
}

#fine_brace3 .point03 dt{
  padding:12% 0 15% 50%;
  background:url(img/fine_brace3/img_point3.jpg) no-repeat left 0;
  background-size:50% auto;
}

/* lineup
------------------------*/
.lineup {
  padding:0 5px;
  margin:20px 0;
}

.lineup h2{
  color:#9baeb5;
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #e1e7e9;
}

.lineup h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
}

.item_lineup li{
  padding:0 0 5% 0;
  margin:0 0 10px 0;
  background-color:#fafbfb;
}

.item_lineup .thumb{
  width:50%;
  float:left;
}

.item_lineup .even .thumb{
  float:right;
}

.lineup h3{
  font-size:100%;
  font-weight:normal;
  line-height:140%;
  margin:5% 0 0 3%;
  width:44%;
  float:left;
}

.item_lineup p{
  font-size:75%;
  line-height:140%;
  width:44%;
  margin:10px 0 0 0;
  padding:0 3% 0 3%;
  float:left;
}

.item_lineup .price{
  font-size:75%;
  line-height:140%;
  padding:0 0 0 3%;
  width:44%;
}

.item_lineup .price span{
  color:#aaa;
  font-size:80%;
  margin:0 0 0 5px;
}

.item_lineup .s_name_list{
  display:block;
  margin:10px 0 0 0;
  padding:0 0 0 3%;
  float:left;
  width:44%;
}

.item_lineup .s_name_list li{
  display:block;
  margin:0 0 0.25em 0;
}

.item_lineup .s_name_list li a{
  display:block;
  color:#6ec8c0;
  text-decoration:underline;
}

.item_lineup .quality{
  padding-top:10px;
}

.item_lineup .btn{
  margin:10px 0 0 0;
  padding:0;
  width:50%;
}

@media all and (max-width:414px){
/* point
------------------------*/
  #fine_brace3 .point01 dt{
    padding:8% 0 10% 50%;
    background-size:50% auto;
  }

  #fine_brace3 .point02 dt{
    padding:8% 50% 10% 0;
    background-size:50% auto;
  }

  #fine_brace3 .point03 dt{
    padding:8% 0 10% 50%;
    background-size:50% auto;
  }

/* lineup
------------------------*/
  .item_lineup .quality,
  .item_lineup .fortune{
    clear:both;
    width:auto;
    margin:0 0 10px 0;
  }

  .item_lineup .quality{
    padding-top:10px;
  }

  .item_lineup .btn{
    float:none;
    clear:both;
    width:100%;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents brand winQ pierce

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
#winq_pierce .main_img {
  padding:0;
  width:100%;
}

#winq_pierce .item_info{
  margin:20px 0 0 0;
}

#winq_pierce .greeting{
  height: auto;
  padding:0 3% 3%;
  text-align: center;
}

#winq_pierce .greeting dt{
  float:left;
  color:#92836d;
  display:block;
  line-height:140%;
  margin: 5% auto 20px;
  text-align:left;
}

#winq_pierce .greeting dd{
  font-size:87.5%;
  line-height:160%;
  display:block;
}

#winq_pierce .greeting dd img{
  float:right;
  width:50%;
}

#winq_pierce .greeting dd p{
  float:left;
  display:block;
  text-align:left;
  width:50%;
}

/* detail
------------------------*/
#winq_pierce .detail_item{
  padding:3%;
  margin:0 0 3% 0;
}

#winq_pierce .item_info ul.detail_item li{
  padding:0;
  margin:0;
  background-image:none;
}

#winq_pierce .item_info ul.detail_item .thumb{
  float:left;
  width:40%;
}

#winq_pierce .item_info ul.detail_item .info{
  float:right;
  width:57%;
  margin:5% 0 0 0;
}

#winq_pierce .item_info li img{
  width: 100%;
}

#winq_pierce .item_info ul.detail_item li h3{
  font-size:87.5%;
  padding:15px 10px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

#winq_pierce .item_info ul.detail_item li span{
  display:block;
  font-size:77%;
  font-weight:normal;
  margin:5px 0 0 0;
}

/* item
------------------------*/
#winq_pierce h2{
  color:#94836f;
  font-size:87.5%;
  line-height:140%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #94836f;
}

#winq_pierce ul.list li{
  width:31.6%;
}

#winq_pierce ul.list li img{
  border:1px solid #d8d8d8;
}

#winq_pierce ul.list li .name{
  font-size:75%;
  line-height:140%;
  text-align:center;
}

#winq_pierce ul.list li p{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

#winq_pierce .item li a{
  font:87.5% "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position:relative;
}

#winq_pierce .thumb span.fortune{
  color:#fff;
  background-color:#cfc79c;
  width:100%;
  height:auto;
  margin: -2.05em 0 0 0;
  padding:0.75em 0;
  text-align:center;
  text-indent:inherit;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
  z-index:20;
}

@media all and (max-width:568px){
  #winq_pierce .item_info ul.detail_item{
    margin:3% 0;
  }
}

@media all and (max-width:480px){
  #winq_pierce .greeting dt{
    float:none;
    text-align: center;
  }

#winq_pierce .greeting dd img{
  float:none;
  width:100%;
}

#winq_pierce .greeting dd p{
  float:none;
  display:block;
  text-align:center;
  width:100%;
}

  #winq_pierce .item_info ul.detail_item li{
    margin:4% 0 0 0;
  }

  #winq_pierce .item_info ul.detail_item .thumb,
  #winq_pierce .item_info ul.detail_item .info{
    width:100%;
    float:none;
  }

  #winq_pierce .item_info ul.detail_item .info{
    margin:4% 0 0 0;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents brand event

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.event .top_info img{
  vertical-align: bottom;
  border: 0;
}

.event .main_img {
  padding:0;
  width:100%;
}

.event .greeting{
  height: auto;
  padding:5% 5% 10%;
  text-align: center;
}

.brand .top_info li .greeting h2{
  display:block;
  margin: 5% auto 20px;
}

/* newyear */
#event_newyear .greeting{
  background:url(img/event/bg_newyear.jpg);
  background-size: 100% auto;
}

/* christmas */
#event_christmas .greeting{
  background:url(img/event/bg_christmas.jpg) no-repeat top right;
  background-size: 100% auto;
}

#event_christmas .top_info li .greeting h2{
  display:block;
  width: 50%;
}

/* top info
------------------------*/
.event .top_info h2{
  font-size:87.5%;
  margin:5px 0 0 0;
}

.event .top_info p{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}


/* detail
------------------------*/
.event .item_info{
  margin:20px 0 0 0;
}

.event .detail_item{
  padding:3%;
  margin:2% 0 0 0;
  background:#fbf8f4;
}

.event .item_info ul.detail_item li{
  padding:0;
  margin:0;
  background-image:none;
}

.event .item_info ul.detail_item .thumb{
  width: 40%;
  float:left;
}

.event .item_info ul.detail_item .info{
  width: 57%;
  float:right;
}

.event .item_info li img{
  width: 100%;
}

.event .item_info ul.detail_item li h3{
  font-size:87.5%;
  padding:15px 10px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

/*----- btn -----*/
.event .item_info .detail_item .btn_item{
  margin:10px 0;
  text-align:center;
}

.btn_item a{
  width:180px;
  height:30px;
  margin:0 auto 0;
  display:block;
  color:#fff;
  line-height:2.5;
  text-indent:inherit;
  overflow:inherit;
  background:#6b5b51;
  background-image:none;
  border-radius: 3px;
}

@media all and (max-width:568px){
  .event .item_info ul.detail_item{
    margin:3% 0;
  }
}

@media all and (max-width:480px){
  .event .item_info ul.detail_item li{
    margin:4% 0 0 0;
  }

  .event .item_info ul.detail_item .thumb,
  .event .item_info ul.detail_item .info{
    width:100%;
    float:none;
  }

  .event .item_info ul.detail_item .info{
    margin:4% 0 0 0;
  }
}


/* event contents
------------------------*/
.event_content h2{
  font-size:112.5%;
  margin:20px 0 15px 0;
  padding:7px 0 7px 50px;
  background-repeat:no-repeat;
  background-position:0 0;
  border-bottom:1px solid #6b5b51;
}

.event_content h2 span{
  display:block;
  font-size:70%;
  font-weight:normal;
  margin: 0.25em 0 0 0;
}

.event_content .item_list{
  padding:3%;
  margin:20px 0 0 0;
}

.event_content .item_list li{
  margin:0;
  padding:5px 20px 5px 5px;
  background-color: #fff;
  border-bottom: 1px dashed #d3c6b3;
}

.event_content .item_list li:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}

.event_content .item_list li h3{
  font-size:87.5%;
  margin-bottom: 8px;
}

.event_content .item_list li img{
  width:30%;
  border:none;
}

.event_content .item_list li .info{
  display: block;
  width:68%;
  margin: 10px 0 0 0;
  float:right;
}

.event_content .item_list li p{
  font-size:75%;
  line-height: 140%;
}

.event_content .item_list li .price{
  font-size:87.5%;
  margin-top: 10px;
}

/* newyear */
#event_newyear #event01 h2{
  background:url(img/event/icon_ny_01.png)no-repeat;
  background-size: auto 45px;
}

#event_newyear #event02 h2{
  background:url(img/event/icon_ny_02.png)no-repeat;
  background-size: auto 45px;
}

#event_newyear #event03 h2{
  background:url(img/event/icon_ny_03.png)no-repeat;
  background-size: auto 45px;
}

#event_newyear #event04 h2{
  background:url(img/event/icon_ny_04.png)no-repeat;
  background-size: auto 45px;
}

#event_newyear #event05 h2{
  background:url(img/event/icon_ny_05.png)no-repeat;
  background-size: auto 45px;
}

#event_newyear #event06 h2{
  background:url(img/event/icon_ny_06.png)no-repeat;
  background-size: auto 45px;
}

#event_newyear #event07 h2{
  background:url(img/event/icon_ny_07.png)no-repeat;
  background-size: auto 45px;
}

#event_newyear #event08 h2{
  background:url(img/event/icon_ny_08.png)no-repeat;
  background-size: auto 45px;
}

#event_newyear .item_list{
  background:url(img/event/bg_newyear.jpg);
  background-size: 100% auto;
}

/*
.event_content .item_list li .r_lnk{
  width:68%;
  margin: 0;
  text-align: right;
}
*/

/* summer */
#event_summer .event_content h2{
  margin:20px 0 15px 0;
  padding:7px 0 7px 0;
  border-bottom:1px solid #6b5b51;
}

#event_summer .event_content .item_list{
  margin:0;
  padding:3%;
}

#event_summer .event_content .item_list li{
  display: block;
}

/* point
------------------------*/
#event_summer .point dl{
  display:block;
  width:100%;
}

#event_summer .point dt{
  display:block;
  margin:0 0 10px 0;
  text-align:center;
}

#event_summer .point dt img{
  width: auto;
  padding:0 5px 10px 5px;
  border-bottom:1px solid #613d1f;
}

#event_summer .point dd{
  display:block;
  font-size:75%;
  line-height:160%;
  margin:0 0 40px 0;
  padding:0 3% 0 3%;
}

#event_summer .point01 dt{
  padding:12% 0 15% 50%;
  background:url(img/event/img_sum_wood.jpg) no-repeat left center;
  background-size:50% auto;
}

#event_summer .point02 dt{
  padding:12% 50% 15% 0;
  background:url(img/event/img_sum_turquoise.jpg) no-repeat right center;
  background-size:50% auto;
}

#event_summer .point03 dt{
  padding:12% 0 15% 50%;
  background:url(img/event/img_sum_pearl.jpg) no-repeat left center;
  background-size:50% auto;
}

#event_summer .point04 dt{
  padding:12% 50% 15% 0;
  background:url(img/event/img_sum_silver.jpg) no-repeat right center;
  background-size:50% auto;
}

@media all and (max-width:736px){
  #event_summer .event_content .item_list{
    padding:0 3% 3%;
  }

  #event_summer .point dt img{
    height: 15px;
    width: auto;
  }
}

/* guide
------------------------*/
.brand .top_info .event_guide,
.brand .top_info .event_guide02{
  text-align:center;
}

.brand .top_info .event_guide{
  padding:20px;
  color:#fff;
}

.brand .top_info .event_guide ul{
  margin:0;
}

.brand .top_info .event_guide li,
.brand .top_info .event_guide02 li{
  text-align: center;
}

.brand .top_info .event_guide li{
  float: left;
}

.brand .top_info .event_guide li{
  width:40%;
  margin:5% 5% 3%;
}

.brand .top_info .event_guide li.event_point{
  background-color:rgba(255,255,255,0.1);
}

.event_point{
  width: 100%;
}

li.event_point p{
  padding:0 5% 30px;
}

.brand .top_info .event_guide02 .event_point,
.brand .top_info .event_guide02 .event_bottom{
  margin-bottom:20px;
  width:100%;
}

.brand .top_info .event_guide02 .event_point{
  padding: 5% 0 0;
}

.brand .top_info .event_guide02 .event_point li{
  padding:0 5%;
  width:38%;
}

.brand .top_info .event_guide li.event_bottom,
.brand .top_info .event_guide02 li.event_bottom{
  display: block;
  color:#6b5b51;
  width: auto;
  padding: 10px;
  background:#fff;
}

.brand .top_info .event_guide02 li.event_bottom{
  border: 1px solid #6b5b51;
}

.brand .top_info .event_guide li.event_bottom h2,
.brand .top_info .event_guide02 li.event_bottom h2{
  margin-bottom:15px;
  padding:10px 5px;
  color:#fff;
  background:#6b5b51;
}

.brand .top_info li.event_bottom ul{
  margin:10px 0 0;
}

.brand .top_info .event_guide li.event_bottom li{
  display: inline-block;
  width:32%;
  margin:0 2% 0 0;
}

.brand .top_info .event_guide02 li.event_bottom li{
  display: inline-block;
  width:31%;
  margin:0 2% 0 0;
}

.brand .top_info .event_guide li.event_bottom li:last-child,
.brand .top_info .event_guide02 li.event_bottom li:last-child{
  margin-right:0;
}

.brand .top_info .event_guide li.event_bottom{
  width:84%;
}

.brand .top_info .event_guide .event_bottom p{
  margin-top: 10px;
}

/* setsubun */
#event_setsubun .top_info .event_point{
  background:#fff url(img/event/bg_point_setsubun.jpg);
  background-size: 100% auto;
}

/* christmas */
#event_christmas .top_info .event_guide{
  background:#b82626 url(img/event/bg_guide_cm.png) no-repeat;
}

#event_christmas .event_guide li.event_bottom{
  color:#b82626;
  padding: 20px;
}

#event_christmas .event_guide li.event_bottom h2{
  background:#b82626;
}

@media all and (max-width:414px){
  .event .greeting{
    padding:20px 20px 40px;
  }

  .brand .top_info .event_guide li{
    width:100%;
    margin:0 0 20px;
    text-align: center;
    float: none;
  }

  .brand .top_info .event_guide02 .event_point{
    padding:10% 0 5%;
  }

  .brand .top_info .event_guide02 .event_point li{
    padding:0 5% 0;
    width:90%;
  }

  .brand .top_info li .greeting h2{
    margin: 10px auto 20px;
  }

  li.event_point p{
    padding:0 30px 30px;
  }

  .brand .top_info .event_guide li.event_bottom{
    display: block;
    width: auto;
    margin-bottom:0;
    padding: 10px;
    color:#b82626;
    background:#fff;
  }

  .brand .top_info .event_guide li.event_bottom li,
  .brand .top_info .event_guide02 li.event_bottom li{
    display: block;
    width:100%;
  }

  .brand .top_info .event_guide .event_bottom p,
  .brand .top_info .event_guide02 .event_bottom p{
    margin-bottom: 10px;
  }

/* setsubun */
  #event_setsubun .top_info .event_point{
    background-size:auto 100%;
  }

}

/* item block
------------------------*/
.event .item_block{
  margin:0 0 0 0;
}

.event .item_block ul{
  margin:20px 0 0 0;
}

.event .item_block li{
  padding:10px 0 0 0;
  margin:0 0 10px 0;
  border-top:1px dashed #d3c6b3;
}

.event .item_block li h3{
  font-size:87.5%;
  border:none;
  margin:0 0 5px 0;
}

.event .item_block li h3 a{
  color:#94836f;
  display:block;
}

.event .item_block li .catch{
  font-size:87.5%;
  color:#905093;
  line-height:140%;
  margin:0 0 5px 0;
}

.event .item_block li .thumb{
  width:25%;
  float:left;
}

.event .item_block li .info{
  width:68%;
  margin:0 0 0 15px;
  float:left;
}

.event .item_block li .price{
  font-size:75%;
  margin:0 0 10px 0;
}

.event .item_block li .r_lnk{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

.event .item_block li .price span{
  color:#aaa;
  font-size:80%;
  margin:0 0 0 5px;
}

.event .item_block li .info dl{
  margin:0 0 10px 0;
}

.event .item_block li .info dt,
.event .item_block li .info dd{
  font-size:75%;
}

.event .item_block li .info dt{
  font-weight:bold;
  margin:0 0 5px 0;
}

.event .item_block li .info dd{
  line-height:140%;
}


/* ranking
------------------------*/
ul.list3{}

.event ul.list3 li{
  padding: 15px;
  border: 1px solid #d3c6b3;
}

.event ul.list3 li img{
  width: 30%;
  border:none;
}

.event ul.list3 li .info {
  width:65%;
  float:right;
  margin-right:1%;
}

.event .ranking h2 {
  margin: 0 0 5px 0;
  border-bottom: none;
}

/* christmas */
#event_christmas ul.list3 li{
  border: 1px solid #d8d8d8;
}

#event_christmas #tab1 ul.list3 li,
#event_christmas #tab2 ul.list3 li{
  background:url(img/event/bg_cm_mens.png) no-repeat right top;
}

#event_christmas #tab3 ul.list3 li,
#event_christmas #tab4 ul.list3 li{
  background:url(img/event/bg_cm_ladys.png) no-repeat right top;
}

#event_christmas .ranking h2 {
  margin: 0 0 5px 0;
  color: #516a6b;
  border-bottom: none;
}

#event_christmas .ranking #tab1 h2,
#event_christmas .ranking #tab2 h2{
  color: #516a6b;
}

#event_christmas .ranking #tab3 h2,
#event_christmas .ranking #tab4 h2{
  color: #b82626;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents new year

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#newyear{}

/* top info */
#newyear .top_info{
  text-align:center;
  padding:4%;
  margin:0 auto;
  box-sizing:border-box;
}

#newyear .top_info .text{
  font-size:87.5%;
  line-height:160%;
  margin:3% 0 0 0;
}

#newyear .top_info .limited{
  width:30%;
  font-size:87.5%;
  font-weight:bold;
  padding:0.7%;
  margin:2% auto 0 auto;
  box-sizing:border-box;
  border-radius:40px;
}

/* list */
#newyear .list{
  text-align:center;
  margin:4% 0 0 0;
}

#newyear .list h2{}

#newyear .list h2 span{
  font-size:60%;
  font-weight:normal;
}

#newyear .list ul{
  margin:2% 0 0 0;
}

#newyear .list li{
  width:14%;
  margin:0 1%;
  vertical-align:top;
  display:inline-block;
  position:relative;
  z-index:1;
}

#newyear .list li img{
  border:1px solid #ccc;
  box-sizing:border-box;
  display:block;
}

#newyear .list li .label{
  width:64px;
  height:64px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  background:url(img/newyear/label_off.png) no-repeat 0 0;
  background-size:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}

#newyear .list li h3{
  font-size:87.5%;
  line-height:140%;
  font-weight:normal;
  margin:3% 0 0 0;
}

#newyear .list li h3 a{
  color:#6b5b51;
  text-decoration:none;
}

#newyear .list li .price{
  font-size:100%;
  line-height:140%;
  margin:5% 0 0 0;
}

#newyear .list li .price span{
  color:#aaa;
  font-size:50%;
  margin:0 0 0 1.5%;
}

#newyear .list li .price .down{
  color:red;
}

/* detail */
#newyear .detail{
  margin:8% 0 0 0;
  padding:0 1%;
  box-sizing:border-box;
}

#newyear .detail .thumb{
  width:40%;
  float:left;
}

#newyear .detail .info{
  width:52%;
  float:right;
}

#newyear .detail .info h3{
  font-size:150%;
}

#newyear .detail .info p{
  font-size:100%;
  line-height:160%;
  margin:5% 0 0 0;
}

#newyear .detail .info p .note{
  font-size:75%;
  margin:1% 0 0 0;
}

#newyear .detail .info img{
  display:block;
  margin:5% 0 0 0;
}

/* newyear item */
#newyear .newyear_item{
  margin:8% 0 0 0;
  padding:0 1%;
  box-sizing:border-box;
}

#newyear .newyear_item .item ul li{
  margin:5% 0 0 0;
  padding:0 0 6% 0;
  background:url(img/newyear/border_bg.gif) repeat-x 0 bottom;
}

#newyear .newyear_item .item ul li img{
  width:40%;
  float:left;
}

#newyear .newyear_item .item ul li .info{
  width:52%;
  float:right;
}

#newyear .newyear_item .item ul li:nth-child(2n) img{
  float:right;
}

#newyear .newyear_item .item ul li:nth-child(2n) .info{
  float:left;
}

#newyear .newyear_item .item li h2{
  line-height:140%;
}

#newyear .newyear_item .item li h2 span{
  font-size:70%;
  display:block;
}

#newyear .newyear_item .item li .text{
  font-size:87.5%;
  line-height:160%;
  margin:2% 0 0 0;
}

#newyear .newyear_item .item li .btn a{
  width:60%;
  color:#fff;
  font-size:120%;
  font-weight:normal;
  line-height:120%;
  text-align:center;
  text-decoration:none;
  display:block;
  margin:4% auto 0 auto;
  border-radius:3px;
  background-image:url(img/newyear/icon_arrow_02.png);
  background-repeat:no-repeat;
  background-position:94% center;
  background-size:5% auto;
  border:none;
}

/* newyear bana */
#newyear .bana{
  max-width:800px;
  margin:8% 1% 0 1%;
}

#newyear .bana img{
  width:100%;
}

@media all and (max-width:823px){
  #newyear .top_info .text{
    font-size:75%;
  }

  #newyear .top_info .limited{
    width:35%;
    font-size:75%;
  }

  #newyear.money .top_info li{
    width:28%;
  }

  #newyear .list li .label{
    background-size:80%;
  }

  #newyear.money .top_info li img{
    width:60%;
  }

  #newyear .list h2{
    font-size:140%;
  }

  #newyear .list li h3{
    font-size:75%;
  }

  #newyear .list li .price{
    font-size:75%;
  }

  #newyear .list li .price span{
    font-size:80%;
  }

  #newyear .detail .info h3{
    font-size:130%;
  }

  #newyear .detail .info p{
    font-size:87.5%;
  }

  #newyear .newyear_item .item ul li{
    background-size:3%;
  }

  #newyear .newyear_item .item li .btn a{
    font-size:100%;
    line-height:100%;
    background-size:7% auto;
  }
}

@media all and (max-width:736px){
  #newyear .top_info .text{
    font-size:68.75%;
  }

  #newyear .newyear_item .item ul li{
    background-size:3%;
    padding:0 0 8% 0;
  }
}

@media all and (max-width:667px){
  #newyear .top_info .limited{
    width:50%;
  }

  #newyear .list li{
    width:13.75%;
  }

  #newyear .list h2{
    font-size:120%;
  }

  #newyear .list li h3{
    font-size:68.75%;
  }

  #newyear .list li .price{
    font-size:68.75%;
  }

  #newyear .list li .label{
    background-size:60%;
  }

  #newyear .detail .info h3{
    font-size:120%;
  }

  #newyear .newyear_item .item li h2{
    font-size:120%;
  }

  #newyear .newyear_item .item li .btn a{
    font-size:75%;
    line-height:75%;
  }

  #newyear .newyear_item .item li .text{
    font-size:75%;
  }
}

@media all and (max-width:414px){
  #newyear .top_info .limited{
    width:70%;
  }

  #newyear .list ul{
    margin:3% 0 0 0;
  }

  #newyear .list h2{
    font-size:100%;
  }

  #newyear .list h2 span{
    font-size:60%;
    font-weight:normal;
  }

  #newyear .list li{
    width:29%;
    line-height:0;
    margin:0 1.5% 1.5% 1.5%;
  }

  #newyear .list li .label{
    background-size:70%;
  }

  #newyear .detail .info h3{
    font-size:100%;
    line-height:120%;
  }

  #newyear .detail .info p{
    font-size:75%;
  }

  #newyear .detail .info p .note{
    font-size:80%;
  }

  #newyear .newyear_item .item ul li{
    text-align:center;
    padding:0 0 10% 0;
  }

  #newyear .newyear_item .item ul li img{
    width:50%;
    float:none;
  }

  #newyear .newyear_item .item ul li .info{
    width:100%;
    float:none;
  }

  #newyear .newyear_item .item ul li:nth-child(2n) img{
    float:none;
  }

  #newyear .newyear_item .item ul li:nth-child(2n) .info{
    float:none;
  }

  #newyear .newyear_item .item li .text{
    font-size:75%;
  }

  #newyear .newyear_item .item li .btn a{
    font-size:75%;
    line-height:100%;
    background-size:6% auto;
  }
}

@media all and (max-width:375px){
  #newyear .top_info .limited{
    width:85%;
  }

  #newyear .list h2{
    font-size:87.5%;
  }

  #newyear .detail .info h3{
    font-size:87.5%;
  }

  #newyear .detail .info p{
    font-size:68.75%;
  }

  #newyear .newyear_item .item li h2{
    font-size:100%;
  }

  #newyear .newyear_item .item li .text{
    font-size:68.75%;
  }
}

/* money
------------------------*/
/* top info */
#newyear.money .top_info{
  max-width:1080px;
  max-height:820px;
  background:url(img/newyear/top_info_money_bg.jpg) no-repeat 0 0;
  background-size:cover;
}

#newyear.money .top_info .text{
  color:#bca75f;
}

#newyear.money .top_info .limited{
  color:#242e42;
  background:#bca75f;
}

#newyear.money .top_info ul{
  margin:6% 0 0 0;
}

#newyear.money .top_info li{
  width:25%;
  display:inline-block;
  margin:0 2%;
  vertical-align:top;
}

#newyear.money .top_info li p{
  color:#fff;
  font-size:75%;
  line-height:160%;
}

/* newyear item */
#newyear.money .newyear_item .item li h2{
  color:#bca75f;
}

#newyear.money .newyear_item .item li .btn a{
  background-color:#232e42;
}

@media all and (max-width:736px){
  #newyear.money .top_info li p{
    font-size:68.75%;
  }
}

/* challenge
------------------------*/
/* top info */
#newyear.challenge .top_info{
  padding:5% 1% 25% 1%;
  background:url(img/newyear/top_info_challenge_bg.gif) no-repeat 0 0;
  background-size:cover;
  position:relative;
  box-sizing:border-box;
}

#newyear.challenge .top_info .text{
  color:#a00217;
}

#newyear.challenge .top_info .limited{
  color:#f7f3ea;
  background:#a00217;
}

#newyear.challenge .top_info .stone_list .s01,
#newyear.challenge .top_info .stone_list .s02,
#newyear.challenge .top_info .stone_list .s03,
#newyear.challenge .top_info .stone_list .s04,
#newyear.challenge .top_info .stone_list .s05{
  width:16%;
  position:absolute;
}

#newyear.challenge .top_info .stone_list img{
  width:100%;
}

#newyear.challenge .top_info .stone_list .s01{
  top:33%;
  left:3%;
}

#newyear.challenge .top_info .stone_list .s02{
  top:60%;
  left:12%;
}

#newyear.challenge .top_info .stone_list .s03{
  bottom:5%;
  left:40%;
}

#newyear.challenge .top_info .stone_list .s04{
  top:60%;
  right:12%;
}

#newyear.challenge .top_info .stone_list .s05{
  top:33%;
  right:3%;
}

#newyear.challenge .top_info .stone_list .s01 span,
#newyear.challenge .top_info .stone_list .s02 span,
#newyear.challenge .top_info .stone_list .s03 span,
#newyear.challenge .top_info .stone_list .s04 span,
#newyear.challenge .top_info .stone_list .s05 span{
  color:#a00217;
  font-size:75%;
  font-weight:bold;
  text-shadow:0 0 2px #f7f3ea;
  line-height:160%;
  display:block;
  margin:-15px 0 0 0;
}

/* newyear item */
#newyear.challenge .newyear_item .item li h2{
  color:#a00217;
}

#newyear.challenge .newyear_item .item li .btn a{
  background-color:#f38f9b;
}

@media all and (max-width:736px){
  #newyear.challenge .top_info .stone_list .s01{
    top:35%;
    left:3%;
  }

  #newyear.challenge .top_info .stone_list .s02{
    top:63%;
    left:10%;
  }

  #newyear.challenge .top_info .stone_list .s03{
    bottom:2%;
    left:41%;
  }

  #newyear.challenge .top_info .stone_list .s04{
    top:63%;
    right:10%;
  }

  #newyear.challenge .top_info .stone_list .s05{
    top:35%;
    right:3%;
  }
}

@media all and (max-width:667px){
  #newyear.challenge .top_info .stone_list .s01{
    top:59%;
    left:2%;
  }

  #newyear.challenge .top_info .stone_list .s02{
    top:73%;
    left:19%;
  }

  #newyear.challenge .top_info .stone_list .s03{
    bottom:1%;
    left:41%;
  }

  #newyear.challenge .top_info .stone_list .s04{
    top:73%;
    right:19%;
  }

  #newyear.challenge .top_info .stone_list .s05{
    top:59%;
    right:2%;
  }

  #newyear.challenge .top_info .stone_list .s01 span,
  #newyear.challenge .top_info .stone_list .s02 span,
  #newyear.challenge .top_info .stone_list .s03 span,
  #newyear.challenge .top_info .stone_list .s04 span,
  #newyear.challenge .top_info .stone_list .s05 span{
    font-size:68.75%;
    margin:-13px 0 0 0;
  }
}

@media all and (max-width:414px){
  #newyear.challenge .top_info .stone_list{
    margin:5% 0 0 0;
  }

  #newyear.challenge .top_info .stone_list .s01,
  #newyear.challenge .top_info .stone_list .s02,
  #newyear.challenge .top_info .stone_list .s03,
  #newyear.challenge .top_info .stone_list .s04,
  #newyear.challenge .top_info .stone_list .s05{
    width:16%;
  }

  #newyear.challenge .top_info .stone_list .s01{
    top:inherit;
    bottom:2%;
    left:2%;
  }

  #newyear.challenge .top_info .stone_list .s02{
    top:inherit;
    bottom:2%;
    left:22%;
  }

  #newyear.challenge .top_info .stone_list .s03{
    bottom:2%;
    left:42%;
  }

  #newyear.challenge .top_info .stone_list .s04{
    top:inherit;
    bottom:2%;
    right:22%;
  }

  #newyear.challenge .top_info .stone_list .s05{
    top:inherit;
    bottom:2%;
    right:2%;
  }

  #newyear.challenge .top_info .stone_list .s01 span,
  #newyear.challenge .top_info .stone_list .s02 span,
  #newyear.challenge .top_info .stone_list .s03 span,
  #newyear.challenge .top_info .stone_list .s04 span,
  #newyear.challenge .top_info .stone_list .s05 span{
    font-size:58%;
    line-height:100%;
    margin:0 0 5% 0;
  }
}

@media all and (max-width:360px){
  #newyear.challenge .top_info .stone_list .s01,
  #newyear.challenge .top_info .stone_list .s02,
  #newyear.challenge .top_info .stone_list .s03,
  #newyear.challenge .top_info .stone_list .s04,
  #newyear.challenge .top_info .stone_list .s05{
    width:19%;
  }

  #newyear.challenge .top_info .stone_list .s01{
    bottom:1%;
    left:0.5%;
  }

  #newyear.challenge .top_info .stone_list .s02{
    bottom:1%;
    left:20.5%;
  }

  #newyear.challenge .top_info .stone_list .s03{
    bottom:1%;
    left:40.5%;
  }

  #newyear.challenge .top_info .stone_list .s04{
    bottom:1%;
    right:20.5%;
  }

  #newyear.challenge .top_info .stone_list .s05{
    bottom:1%;
    right:0.5%;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents birth bracelet

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.birth_brace{
  padding:0 5px;
}

.birth_brace h3{
  font-size:112.5%;
  padding:0 0 3px 0;
  margin:0 0 15px 0;
  border-bottom:1px solid #6b5b51;
  position:relative;
}

/*----- more -----*/
.birth_brace h3 .more{
  font-weight:normal;
  position:absolute;
  bottom:5px;
  right:0;
}

.birth_brace h3 .more a{
  font-size:70%;
  min-height:14px;
  color:#94836f;
  text-decoration:none;
  display:block;
  padding:0 17px 0 0;
  background:url(img/icon_arrow2.png) no-repeat right 0;
}

/* top info
------------------------*/
.birth_brace .top_info{}

.birth_brace .top_info h2{
  font-size:87.5%;
  margin:7px 0 0 0;
}

.birth_brace p{
  font-size:75%;
  line-height:140%;
  margin:7px 0 0 0;
}

/* month item
------------------------*/
.birth_brace .month{
  margin:0 0 0 0;
}

.birth_brace .month ul{
  margin:20px 0 0 0;
}

.birth_brace .month li{
  padding:10px 0 0 0;
  margin:0 0 10px 0;
  border-top:1px dashed #d3c6b3;
}

.birth_brace .month li h3{
  font-size:87.5%;
  border:none;
  margin:0 0 5px 0;
}

.birth_brace .month li h3 a{
  color:#94836f;
  display:block;
}

.birth_brace .month li .catch{
  font-size:87.5%;
  color:#905093;
  line-height:140%;
  margin:0 0 5px 0;
}

.birth_brace .month li .thumb{
  width:25%;
  float:left;
}

.birth_brace .month li .info{
  width:68%;
  margin:0 0 0 15px;
  float:left;
}

.birth_brace .month li .price{
  font-size:75%;
  margin:0 0 10px 0;
}

.birth_brace .month li .price span{
  color:#aaa;
  font-size:80%;
  margin:0 0 0 5px;
}

.birth_brace .month li .info dl{
  margin:0 0 10px 0;
}

.birth_brace .month li .info dt,
.birth_brace .month li .info dd{
  font-size:75%;
}

.birth_brace .month li .info dt{
  font-weight:bold;
  margin:0 0 5px 0;
}

.birth_brace .month li .info dd{
  line-height:140%;
}

/* bana box
------------------------*/
.bana_box{
  padding:0 5px;
  margin:20px 0 20px 0;
}

.bana_box ul{}

.bana_box li{
  width:48.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}

.bana_box li img{
  width:100%;
}

.bana_box li p{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

.bana_box li strong{
  display:block;
  margin:0 0 5px 0;
}

/* pop item
------------------------*/
.pop{
  padding:0 5px;
  margin:20px 0 0 0;
}

.pop h3{
  font-size:87.5%;
  font-weight:normal;
  line-height:140%;
  padding:0 0 3px 0;
  margin:0 0 5px 0;
  border-bottom:1px solid #6b5b51;
}

/* slider
------------------------*/
.pop ul.slides{
  margin:0 0 20px 0;
}

.pop ul.slides li{
  text-align:center;
  margin:0 0 10px 0;
}

.pop ul.slides li div{
  width:31.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}

/* button
------------------------*/
.btn_brand{
  margin:20px 5px 0 5px;
}

/* stone
------------------------*/
.birth_brace .stone{
  margin:50px 0 0 0;
}

/* new
------------------------*/
.birth_brace .new{
  margin:50px 0 0 0;
}

/* item
------------------------*/
.birth_brace .item{
  margin:50px 0 0 0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents aura bracelet

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.aura{
  padding:0 5px;
}

/* top info
------------------------*/
.aura .top_info{}

.aura .top_info h2{
  font-size:87.5%;
  margin:5px 0 0 0;
}

.aura p{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

.aura .box{
  margin:20px 0 0 0;
  border-bottom:1px dashed #d3c6b3;
}

.aura h3{
  font-size:87.5%;
  margin:5px 0 0 0;
}

/* item list
------------------------*/
.aura .list{
  margin:10px 0 0 0;
}

.aura .list li{
  width:48.6%;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents wrap bracelet

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.wrap{
  padding:0 5px;
}

.wrap h2{
  font-size:87.5%;
  margin:5px 0 0 0;
}

.wrap p{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

/* top info
------------------------*/
.wrap .top_info ul{}

.wrap .top_info li{
  width:48.6%;
  text-align:left;
  display:inline-block;
  vertical-align:top;
}

.wrap .top_info li.row1{
  width:100%;
  margin-bottom:20px;
}

.wrap .top_info li h2{
  font-size:87.5%;
  line-height:140%;
  margin:5px 0 0 0;
}

.wrap .top_info li p{
  font-size:75%;
  line-height:140%;
  margin:5px 0 0 0;
}

/* wrap item
------------------------*/
.wrap_item{
  margin:50px 0 0 0;
}

.wrap_item ul{
  clear:both;
}

.wrap_item li{
  padding:10px 0 0 0;
  margin:0 0 10px 0;
  border-top:1px dashed #d3c6b3;
  background:url(img/icon_arrow3.png) no-repeat 98% 50%;
  background-size:6px 11px;
}

.wrap_item li h3{
  font-size:87.5%;
  margin:0 0 5px 0;
}

.wrap_item li h3 a{
  color:#94836f;
  display:block;
}

.wrap_item li .thumb{
  width:25%;
  float:left;
}

.wrap_item li .info{
  width:68%;
  padding:0 0 13% 0;
  margin:0 0 0 15px;
  background-position:left bottom;
  background-repeat:no-repeat;
  background-size:75px 50px;
  float:left;
}

.wrap_item .wrap_01 .info{background-image:url(img/wrap/tu_n4mm.jpg);}
.wrap_item .wrap_02 .info{background-image:url(img/wrap/tu_b4mm.jpg);}
.wrap_item .wrap_03 .info{background-image:url(img/wrap/rh4mm.jpg);}
.wrap_item .wrap_04 .info{background-image:url(img/wrap/aa4mm.jpg);}
.wrap_item .wrap_05 .info{background-image:url(img/wrap/so4mm.jpg);}
.wrap_item .wrap_06 .info{background-image:url(img/wrap/ca4mm.jpg);}
.wrap_item .wrap_07 .info{background-image:url(img/wrap/am4mm.jpg);}
.wrap_item .wrap_08 .info{background-image:url(img/wrap/am_la4mm.jpg);}
.wrap_item .wrap_09 .info{background-image:url(img/wrap/rq4mm.jpg);}
.wrap_item .wrap_10 .info{background-image:url(img/wrap/ar4mm.jpg);}
.wrap_item .wrap_11 .info{background-image:url(img/wrap/ci4mm.jpg);}
.wrap_item .wrap_12 .info{background-image:url(img/wrap/te_pi4mm.jpg);}

.wrap_item li .price{
  font-size:75%;
  margin:0 0 10px 0;
}

.wrap_item li .price span{
  color:#aaa;
  font-size:80%;
  margin:0 0 0 5px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents company

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.company{
  margin:0 5px;
}

.company h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.company h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.company dl{
  padding:20px;
  background:#fbf8f4;
  border:1px solid #d3c6b3;
}
.company dt,
.company dd{
  font-size:75%;
  line-height:140%;
}
.company dt{
  font-weight:bold;
  margin:0 0 5px 0;
}

.company dd{
  margin:0 0 20px 0;
}

.company dd:last-child{
  margin:0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents privacy policy

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.privacy{
  margin:0 5px;
}

.privacy h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.privacy h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.privacy ul{}

.privacy li{
  font-size:75%;
  line-height:160%;
  padding:0 0 5px 0;
  margin:0 0 5px 20px;
  list-style:decimal;
}

.privacy li a{
  color: #6ec8c0;
}

.privacy_modal li{
  font-size:70%;
}

.privacy ul.ml_5{
  margin-left: 5px;
}

.privacy .privacy_text{
  font-size:75%;
  line-height:160%;
  padding:0 0 5px 0;
  margin:0 0 5px 5px;
  list-style:decimal;
}

.privacy .contact_text{
  font-size:75%;
  line-height:160%;
  padding:0 0 5px 0;
  margin:0 0 5px 0;
  list-style:decimal;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents review info

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.review_info h2{}

.review_info h3{
  text-align:center;
  margin:20px 0;
}

.step1,
.step2,
.step3{
  background:url(img/review/step_bg.gif) repeat 0 0;
  padding:0 10px 10px 10px;
  margin:0 0 30px 0;
}

.step1 h4 img,
.step2 h4 img,
.step3 h4 img{
  margin:-20px 0 10px 0;
}

.step1 ul,
.step2 ul,
.step3 ul{
  padding:10px 10px 1px 10px;
  background-color:#fff;
}

.step1 li,
.step2 li,
.step3 li{
  margin:0 0 20px 0;
}

.step1 li.s_03{
  height:180px;
  background:url(img/review/step1_bg.gif) no-repeat 50% bottom;
  background-size:250px 140px;
}


.step2 li.s_01{
  height:180px;
  background:url(img/review/step2_1_bg.gif) no-repeat 50% bottom;
  background-size:250px 125px;
}

.step2 li.s_02{
  height:280px;
  background:url(img/review/step2_2_bg.gif) no-repeat 50% bottom;
  background-size:250px 105px;
}

.step2 li.s_03{
  height:300px;
  background:url(img/review/step2_3_bg.gif) no-repeat 50% bottom;
  background-size:250px 200px;
}

.step3 li.s_01{
  height:200px;
  background:url(img/review/step3_1_bg.jpg) no-repeat 50% bottom;
  background-size:136px 116px;
}

.step1 li h5,
.step2 li h5,
.step3 li h5{
  font-size:87.5%;
  line-height:160%;
}

.step1 li h5{
  padding:0 0 0 25px;
  background:url(img/review/icon_check.gif) no-repeat 0 3px;
  background-size:15px 15px;
}

.step2 li.s_01 h5,
.step2 li.s_02 h5,
.step2 li.s_03 h5{
  padding:0 0 0 30px;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:20px 20px;
}

.step2 li.s_01 h5{
  background-image:url(img/review/icon_1.gif);
}

.step2 li.s_02 h5{
  background-image:url(img/review/icon_2.gif);
}

.step2 li.s_03 h5{
  background-image:url(img/review/icon_3.gif);
}

.step1 strong,
.step2 strong,
.step3 strong{
  color:red;
}

.step1 p,
.step2 p,
.step3 p{
  font-size:75%;
  line-height:150%;
  margin:0 0 10px 0;
}

.step2 p{
  padding:0 0 0 30px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents sitemap

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.sitemap{
  margin:0 5px;
}

.sitemap h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.sitemap h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.sitemap h3{
  font-size:87.5%;
  padding:0 5px;
  margin:15px 0 10px 0;
  border-left:5px solid #94836f;
}

.sitemap ul{
  margin:0 0 0 10px;
}

.sitemap li{
  font-size:75%;
  line-height:150%;
  padding:0 0 0 16px;
  margin:0 0 7px 0;
  background:url(img/icon_arrow5.png) no-repeat 0 50%;
  background-size:12px 12px;
}

.sitemap li a{
  display:block;
  color: #6ec8c0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents ordermade_new

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.ordermade_new{}

/* top info
------------------------*/
#top_info_om_new{
  padding:5% 3% 20% 3%;
  margin:1% 0 0 0;
  background:url(img/ordermade/top_info_om.png) no-repeat 90% top;
  background-size:cover;
}

#top_info_om_new h2{
  width:65%;
  margin:0 0 3% 0;
  font-size:130%;
  font-weight:normal;
  text-shadow:1px 1px 0px #fff;
  line-height:140%;
}

#top_info_om_new p{
  font-size:87.5%;
  line-height:140%;
  text-shadow:1px 1px 0px #fff;
}

@media all and (max-width:568px){
  #top_info_om_new{
    padding-bottom:10%;
    background-size: contain;
  }
}

@media all and (max-width:414px){
  #top_info_om_new{
    padding-top:3%;
    padding-bottom:7%;
  }

  #top_info_om_new h2{
    font-size:120%;
  }

  #top_info_om_new p{
    font-size:75%;
  }
}

@media all and (max-width:320px){
  #top_info_om_new h2{
    font-size:100%;
  }
}

/* top detail
------------------------*/
.ordermade_new .top_detail{
  margin:5% 3%;
}

.ordermade_new .top_detail ul{
  margin:0 0 10% 0;
}

.ordermade_new .top_detail li{
  padding:0 0 30% 0;
  margin:0 0 10% 0;
}

.ordermade_new .top_detail li.td_01{
  background:url(img/ordermade/td_01_om.jpg) no-repeat center bottom;
}

.ordermade_new .top_detail li.td_02{
  background:url(img/ordermade/td_02_om.jpg) no-repeat center bottom;
}

.ordermade_new .top_detail li h3{
  width:auto;
  font-weight:normal;
  line-height:160%;
  text-align:center;
}

/*
.ordermade_new .top_detail li:nth-child(2n) h3,
.ordermade_new .top_detail li:nth-child(2n) p{
  margin-left:0;
}*/

.ordermade_new .top_detail li p{
  width:40%;
  font-size:100%;
  line-height:160%;
  text-align:center;
  margin:3% auto 0 auto;
}

.ordermade_new .top_detail li p span{
  font-size:120%;
  line-height:160%;
  display:block;
  margin:0 0 3% 0;
}

.ordermade_new p.btn_om{
  width:80%;
  margin:0 auto;
}

.ordermade_new p.btn_om a{
  color:#fff;
  font-size:150%;
  text-align:center;
  text-decoration:none;
  line-height:120%;
  display:block;
  background:#6b5b51;
  padding:3%;
}

@media all and (max-width:1279px){
  .ordermade_new .top_detail li{
    padding:0 0 50% 0;
  }

  .ordermade_new .top_detail li p{
    width:60%;
  }
/*
  .ordermade_new .top_detail li:nth-child(2n) h3,
  .ordermade_new .top_detail li:nth-child(2n) p{
    margin-left:0;
  }*/

  .ordermade_new .top_detail li.td_01,
  .ordermade_new .top_detail li.td_02{
    background-size:60% auto;
  }
}

@media all and (max-width:667px){
  .ordermade_new .top_detail li p{
    width:auto;
    font-size:87.5%;
  }

  .ordermade_new p.btn_om{
    width:auto;
  }

  .ordermade_new p.btn_om a{
    font-size:120%;
  }
}

@media all and (max-width:479px){
  .ordermade_new .top_detail li h3{
    font-size:120%;
  }

  .ordermade_new .top_detail li p{
    font-size:75%;
  }

  .ordermade_new p.btn_om a{
    font-size:100%;
  }
}

@media all and (max-width:360px){
  .ordermade_new .top_detail li h3{
    font-size:110%;
  }
}

/* about app
------------------------*/
.ordermade_new .about_om ul{
  width:100%;
  margin:1px 0 0;
  border-top: 1px solid #d3c6b3;
}

.ordermade_new .about_om li{
  padding:2% 0 2% 0;
  font-size:100%;
  background:url(img/icon_arrow8.png) no-repeat 96% 50%;
  background-size:8px auto;
  border-bottom: 1px solid #d3c6b3;
}

.ordermade_new .about_om h2{
  width:88%;
  margin:0;
  font-size:150%;
  line-height:160%;
}

.ordermade_new .about_om li p{
  width:88%;
  font-size:100%;
  line-height:160%;
}

.ordermade_new .about_om a{
  min-height:106px;
  padding:3% 0 3% 32%;
  display: block;
  color: #6b5b51;
}

.ordermade_new .about_om li.aap_02 a{
  background:url(img/ordermade/about_app02.png) no-repeat 3% 50%;
  background-size:18%;
}

.ordermade_new .about_om li.aap_03 a{
  background:url(img/ordermade/about_app03.png) no-repeat 3% 50%;
  background-size:18%;
}

@media all and (max-width:768px){
  .ordermade_new .about_om li.aap_02 a,
  .ordermade_new .about_om li.aap_03 a{
    background-size:25%;
  }
}

@media all and (max-width:667px){
}

@media all and (max-width:568px){
  .ordermade_new .about_om li{
    padding:2% 0 2% 0;
  }

  .ordermade_new .about_om a{
    min-height:80px;
  }

  .ordermade_new .about_om h2{
    width:90%;
    font-size:100%;
  }

  .ordermade_new .about_om li p{
    width:90%;
    font-size:75%;
    line-height:140%;
  }
}

@media all and (max-width:414px){
  .ordermade_new .about_om a{
    min-height:72px;
  }
}

@media all and (max-width:375px){
  .ordermade_new .about_om li{
    padding:2% 0 2% 0;
  }

  .ordermade_new .about_om li.aap_02 a,
  .ordermade_new .about_om li.aap_03 a{
    background-position:2% 50%;
    background-size:30%;
  }
}

@media all and (max-width:360px){
  .ordermade_new .about_om li{
    padding:0;
  }
}

/* banner
------------------------*/
.ordermade_new .bana_customize{
  max-width:640px;
  margin:5% auto 0 auto;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents ordermade

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/* contents
------------------------*/
#contents.ordermade{
  margin:0;
  border-bottom: 1px solid #d3c6b3;
}

.index #contents.ordermade{
  margin:5%;
}

.ordermade #main{
  max-width:1279px;
  margin:0 auto;
  overflow:hidden;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.ordermade .item_list{
  padding:0 3% 3% 3%;
  margin:20px 0 0 0;
}

.ordermade .item_list h2{
  color:#fff;
  font-size:87.5%;
  padding:7px 5px 7px 30px;
  background:#94836f url(img/icon_search.png) no-repeat 5px 50%;
  background-size:20px 20px;
}
/*
.ordermade #md.item_list h2{
  max-width:1279px;
  color: #6b5b51;
  font-size:150%;
  font-weight:normal;
  line-height:160%;
  text-align:center;
  padding:1% 0;
  background:#fff none;
  border-top:1px solid #6b5b51;
  border-bottom:1px solid #d3c6b3;
  position:relative;
}*/

.my h2{
  margin:0 0 3% 0;
}

/* user profile
------------------------*/
.ordermade .user_profile{
  padding:30px 30px 0 30px;
}

.ordermade .user_profile .left{
  display: inline-block;
  width: 20%;
}

.ordermade .user_profile img{
  border-radius:45px;
  float: left;
  margin: 0 0 4% 0;
  max-width:90px;
  width: 25%;
  height: auto;
  vertical-align:middle;
}

.ordermade .user_profile {
  text-align: left;
}

.ordermade .user_profile .user_name{
  float: right;
  font-size:120%;
  margin:10px 0 0 0;
  width: 70%;
}

.ordermade .user_profile .user_name span{
  font-size:77%;
  color:#aaa;
}

.ordermade .user_profile .value{
  float: right;
  font-size:87.5%;
  margin:3% 0;
  text-align: left;
  width: 70%;
}

.ordermade .user_profile .value span{
  color:#ff9933;
  margin:0 0.5% 0 0;
}

.ordermade .user_profile table{
  clear: both;
  text-align: left;
  width: 100%;
  border:5px solid #d3c6b3;
}

.ordermade .user_profile th,
.ordermade .user_profile td{
  background-color:#fff;
  font-size:87.5%;
  font-weight:normal;
  line-height:150%;
}

.ordermade .user_profile th{
  padding:10px 10px 10px 20px;
  width: auto;
  white-space:nowrap;
}

.ordermade .user_profile td{
  padding:10px 20px 10px 10px;
}

.ordermade .user_profile tr:first-child th,
.ordermade .user_profile tr:first-child td{
  padding-top:20px;
}

.ordermade .user_profile tr:last-child th,
.ordermade .user_profile tr:last-child td{
  padding-bottom:20px;
}

/* item list
------------------------*/
.ordermade ul.list{
  text-align:left;
}

.ordermade .item_list ul.list{
  margin:3% -1%;
    letter-spacing:-0.4em;
}

.ordermade ul.list li{
  text-align:left;
  display:inline-block;
  margin:0 0 5% 0;
    letter-spacing:normal;
  vertical-align:top;
}

.ordermade .item_list ul.list li{
  width:calc(100% / 3 - 2%);
  margin:0 1% 2%;
}

.ordermade ul.list li .thumb{}

.ordermade ul.list li img{
  border:1px solid #d8d8d8;
}

.ordermade ul.list li .name{
  font-size:87.5%;
  line-height:140%;
  margin:1% 0 0 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ordermade ul.list li .value{
  font-size:87.5%;
  text-align:right;
  margin:2% 0 0 0;
  line-height:inherit;
}

.ordermade ul.list li .value span{
  color:#ff9933;
  margin:0 1% 0 0;
}

.ordermade ul.list li .user_name{
  font-size:50%;
  line-height: 1.05em;
  margin:10px 0 0 0;
  /*padding: 0 0 0 25px;
  text-indent: -25px;*/
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ordermade ul.list li .user_name a{
  color:#6b5b51;
  text-decoration: none;
}

.ordermade ul.list li .user_name a:hover{
}

.ordermade ul.list li .user_name img{
  border-style: none;
  border-radius:10px;
  height:20px;
  width:20px;
  margin-right:5px;
  vertical-align:middle;
}

.ordermade ul.list li .user_name span{
  font-size:77%;
  color:#aaa;
}

@media all and (max-width:480px){
  .ordermade ul.list li .name{
    font-size:75%;
    /*margin:3% 0 0 0;*/
  }

  .ordermade ul.list li .value{
    font-size:75%;
    /*margin:4% 0 0 0;*/
  }
}

@media all and (max-width:375px){
  .ordermade ul.list li .name{
    font-size:68.75%;
  }

  .ordermade ul.list li .value{
    font-size:68.75%;
  }
}

@media all and (max-width:360px){
}

/*----- photo -----*/
.ordermade .photo{
  margin:5% 0 0 0;
}

.ordermade .photo p{
  border:1px solid #94836f;
}

.ordermade .photo img{
  display: block;
}

.ordermade .photo ul{}

.ordermade .photo li{
  width:25%;
  display:block;
  padding:0 !important;
  margin:2% 0 0 0;
  float:left;
}

.ordermade .photo li img{
  width: 100%;
  border: none;
  cursor:pointer;
}

@media all and (max-width:768px){
  .ordermade .photo{
    width:40%;
    margin:0;
    float:left;
  }
}

@media all and (max-width:414px){
  .ordermade .photo{
    width:100%;
    margin:0 0 5% 0;
    float:none;
  }
}

/*----- one -----*/
.ordermade table.one{
  width:100%;
  margin:0 0 3% 0;
  background:#94836f;
  border-collapse:separate;
  border-spacing:1px;
}

.ordermade table.one caption{
  color:#fff;
  font-size:100%;
  text-align:center;
  padding:1.5% 1% 1% 1%;
  background:#94836f;
}

.ordermade table.one th,
.ordermade table.one td{
  font-size:87.5%;
  padding:1%;
  background:#fff;
}

.ordermade table.one th{
  width:25%;
  text-align:center;
}

.ordermade table.one td{
  text-align:right;
}

.ordermade table.one td p{
  text-align:right;
  padding:2%;
  background:#ff9933;
}

.ordermade table.one td span{
  color:#fff;
  display:inline-block;
}

.ordermade .bar5{
  width:auto;
}

.ordermade .bar4{
  width:70%;
}

.ordermade .bar3{
  width:50%;
}

.ordermade .bar2{
  width:30%;
}

.ordermade .bar1{
  width:10%;
}

@media all and (max-width:1024px){
  .ordermade table.one{
    width:100%;
    margin:0 0 3% 0;
    float:none;
  }
}

@media all and (max-width:640px){
  .ordermade table.one caption{
    font-size:87.5%;
  }

  .ordermade table.one th,
  .ordermade table.one td{
    font-size:75%;
  }
}

@media all and (max-width:480px){
  .ordermade table.one{
    display:block;
    background:none;
  }

  .ordermade table.one caption{
    display:block;
  }

  .ordermade table.one tbody{
    display:block;
  }

  .ordermade table.one tbody tr{
    display:block;
    margin-bottom:3%;
  }

  .ordermade table.one tbody th,
  .ordermade table.one tbody td{
    font-size:87.5%;
    text-align:left;
    display:list-item;
    list-style-type:none;
    border:none;
    background:none;
  }

  .ordermade table.one tbody th{
    width:100% !important;
    line-height:130%;
    padding:0 0 0 1%;
    margin:4% 0 2% 0;
    border-left:5px solid #94836f;
  }

  .ordermade table.one tbody td{
    padding:0 2%;
  }

  .ordermade table.one td p{
    padding:1%;
  }
}

@media all and (max-width:360px){
  .ordermade table.one tbody th,
  .ordermade table.one tbody td{
    font-size:75%;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item info

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.ordermade .item_info{
  margin:4% 2% 0 2%;
  text-align:center;
}

.ordermade .item_info .img{
  width:50%;
  text-align:center;
  border:1px solid #d4d4d4;
  margin:0 auto 3% auto;
}

.ordermade .item_info h2{
  font-size:150%;
  line-height:140%;
  margin:0 0 2% 0;
}

.ordermade .item_info .sex{
  font-size:100%;
  font-weight:bold;
}

.ordermade .item_info .size{
  font-size:87.5%;
  margin:1% 0 0 0;
}

.ordermade .item_info .user_name{
  margin:30px 0 0 0;
}

.ordermade .item_info .user_name a{
  font-size:120%;
  color:#6b5b51;
  text-decoration: none;
}

.ordermade .item_info .user_name a:hover{
}

.ordermade .item_info .user_name img{
  border-radius:20px;
  height:40px;
  width:40px;
  margin-right:10px;
  vertical-align:middle;
}

.ordermade .item_info .user_name span{
  font-size:77%;
  color:#aaa;
}

.ordermade .item_info .value{
  font-size:100%;
  margin:3% 0 0 0;
}

.ordermade .item_info .value span{
  color:#ff9933;
  margin:0 0.5% 0 0;
}

.ordermade .item_info .detail{
  font-size:87.5%;
  line-height:160%;
  margin:3% 0 0 0;
  clear:both;
}

.ordermade .price{
  margin:4% 0 0 0;
  text-align:center;
  line-height:inherit;
}

.ordermade .price span{
  color:#aaa;
  font-size:68.75%;
  margin:0 0 0 5px;
}

.ordermade .point{
  font-size:68.75%;
    margin:10px 0 0 0;
  text-align:center;
}

/* detail item
------------------------*/
.ordermade .item_info .detail_item li p {
  text-align: left;
}

/* detail hashtag
------------------------*/
.ordermade .item_info .hashtag{
  font-size:100%;
  line-height:160%;
  margin:3% 0 0 0;
}

.ordermade .hashtag span{
  margin: 0 5px 5px 5px;
}

/* category icon
------------------------*/
.ordermade .category span{
  color:#fff;
  display: block;
  line-height: 1;
  padding:0.25em 0.5em;
  text-decoration: none;
  text-align: center;
}

.ordermade .icon_cat01 {
  background-color: #0064D8;
}

.ordermade .icon_cat02 {
  background-color: #F26868;
}

.ordermade .icon_cat03 {
  background-color: #b69de0;
}

.ordermade .icon_cat04 {
  background-color: #fad237;
}

@media all and (max-width:480px){
  .ordermade .item_info .img{
      width:auto;
      margin:0 auto 4% auto;
  }

  .ordermade .item_info .size{
      margin:2% 0 0 0;
  }

  .ordermade .item_info .value{
      margin:5% 0 0 0;
  }

  .ordermade .item_info .detail{
      text-align:left;
      margin:5% 0 0 0;
  }

  .ordermade .item_info .hashtag{
      text-align:left;
      margin:5% 0 0 0;
  }
}

@media all and (max-width:375px){
  .ordermade .item_info h2{
      font-size:120%;
      margin:0 0 3% 0;
  }

  .ordermade .item_info .sex,
  .ordermade .item_info .value{
      font-size:87.5%;
  }

  .ordermade .item_info .size{
      font-size:75%;
  }

  .ordermade .item_info .detail{
      font-size:75%;
  }

  .ordermade .item_info .hashtag{
    font-size:87.5%;
  }
}

/* fortune table
------------------------*/
.ordermade .fortune{
  margin:3% 0 0 0;
}

.ordermade .fortune table{
  width:100%;
  table-layout:fixed;
  border-bottom:1px solid #f0eae1;
  border-top:1px solid #f0eae1;
  background-color:#fcf8f5;
}

.ordermade .fortune th,
.ordermade .fortune td{
  font-size:87.5%;
  text-align:center;
  padding:1%;
}

.ordermade .fortune th:before{
  content:"●";
}

.ordermade .fortune th.love:before{
  color:#f29c9f;
}

.ordermade .fortune th.healing:before{
  color:#80c26a;
}

.ordermade .fortune th.job:before{
  color:#00a0ea;
}

.ordermade .fortune th.goal:before{
  color:#ff4b4c;
}

.ordermade .fortune th.money:before{
  color:#d5cf77;
}

.ordermade .fortune th.amulet:before{
  color:#c0c0c0;
}

@media all and (max-width:480px){
  .ordermade .fortune{
    margin:4% 0 0 0;
  }

  .ordermade .fortune th,
  .ordermade .fortune td{
    padding:2% 1%;
  }
}

@media all and (max-width:375px){
  .ordermade .fortune th,
  .ordermade .fortune td{
    font-size:75%;
    padding:2% 1%;
  }
}

@media all and (max-width:320px){
  .ordermade .fortune th,
  .ordermade .fortune td{
    font-size:68.75%;
  }
}

/* stone table
------------------------*/
.ordermade .stone_list{
  padding:1%;
  margin:3% 0 0 0;
  background:#fff;
  border:5px solid #d3c6b3;
}

.ordermade .stone_list table{
  width:100%;
}

.ordermade .stone_list tr{
  border-bottom:1px dotted #d3c6b3;
}

.stone_list tr:last-child{
  border-bottom:none;
}

.ordermade .stone_list th,
.ordermade .stone_list td{
  padding:2% 1%;
  vertical-align:middle;
}

.ordermade .stone_list th{
  width:10%;
}

.ordermade .stone_list td.name{
  width:55%;
  font-size:87.5%;
  font-weight:bold;
  line-height:140%;
  text-align:left;
}

.ordermade .stone_list td.size{
  width:15%;
  font-size:87.5%;
  text-align:right;
}

.ordermade .stone_list td.stone{
  width:20%;
}

.ordermade .stone_list td.stone p{
  color:#fff;
  font-size:75%;
  padding:7% 2%;
}

.ordermade .stone_list .main_s{
  background:#ff9933;
}

.ordermade .stone_list .sub_s{
  background:#dadada;
}

@media all and (max-width:480px){
  .ordermade .stone_list{
    margin:4% 0 0 0;
  }
}

@media all and (max-width:375px){
  .ordermade .stone_list td.name{
    font-size:75%;
  }

  .ordermade .stone_list td.size{
    font-size:75%;
  }

  .ordermade .stone_list td.stone p{
    font-size:68.75%;
  }
}

@media all and (max-width:320px){
  .ordermade .stone_list td.name{
    font-size:68.75%;
  }

  .ordermade .stone_list td.size{
    font-size:68.75%;
  }
}

/* slide
------------------------*/
.ordermade .slider.intro h3{
  text-align: left;
}

.ordermade .slides.stone_list{
  border:none;
  margin: 0;
  padding: 0;
}

.ordermade .slides.stone_list li{
  background:none;
  padding: 0;
}

.ordermade .intro .flex-control-nav li,
.ordermade .intro li.flex-prev,
.ordermade .intro li.flex-nav-next {
  background:none;
}

/* item_info btn
------------------------*/
.ordermade .item_info .btn_box{
  text-align:center;
  margin:3% 0;
}

.ordermade .item_info .btn{}

.ordermade .item_info .btn_box .btn a,
.ordermade .item_info .btn a{
  color:#fff;
  font-size:100%;
  padding:2%;
  border:1px solid #6b5b51;
  background:#6b5b51;
  background:linear-gradient(#6b5b51, #6b5b51);
  border-radius: 0;
}

.ordermade .item_info .btn_box .btn a{
  width:41%;
}

.ordermade .item_info .btn a{
  width:auto;
  display:block;
  margin:3% auto;
}

@media all and (max-width:480px){
  .ordermade .item_info .btn_box,
  .ordermade .item_info .btn{
    margin:4% 0;
  }

  .ordermade .item_info .btn_box .btn a,
  .ordermade .item_info .btn a{
    font-size:87.5%;
    padding:3% 2%;
  }

  .ordermade .item_info .btn_box .btn a{
    width:40%;
  }
}

@media all and (max-width:320px){
  .ordermade .item_info .btn_box .btn a,
  .ordermade .item_info .btn a{
    font-size:75%;
  }

  .ordermade .item_info .btn_box .btn a{
    width:38%;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents ordermade recommended design

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.ordermade .reco_design{
  margin:0;
  width: 100%;
}

.sample_list>li {
  margin:0;
  padding:10px;
}

.sample_design{
  background-color:#fbf8f4;
  display:flex;
  flex-direction:column;
  font-size:87.5%;
  line-height: 150%;
  padding:15px 10px 0;
}

.img_sample{
  letter-spacing: -0.4em;
  margin:0 0 20px 0;
  padding:0;
  width: 100%;
}

.img_sample .thumb{
  box-sizing:border-box;
  display:inline-block;
  padding:0 5px;
  letter-spacing: normal;
  vertical-align: top;
  width: 50%;
}

.img_sample .thumb img{
  width:100%;
}

.img_sample .thumb a img{
  border:1px solid #d3c6b3;
}

.sample_list h2{
  margin:0 0 20px 0;
  text-align: center;
}

ul.color_sample{
  letter-spacing:-0.4em;
  margin:0 0 15px;
  padding:0;
}

.color_sample li{
  box-sizing:border-box;
  display:inline-block;
  padding:0 5px;
  letter-spacing:normal;
  width:25%;
}

.color_sample li img{
  width:100%;
}

.ordermade .reco_design .btn{
  text-align: center;
}

.ordermade .reco_design .btn_order a{
  font-size: 100%;
  color:#fff;
  margin:20px auto;
  padding: 10px;
  display: block;
  border-radius: 3px;
  background:#6b5b51;
  width:70%;
}

.ordermade .reco_design .btn_type{
  margin-top:0;
}

.ordermade .reco_design .btn_type a{
  font-size: 100%;
  color:#fff;
  margin:0 -10px;
  padding:15px 10px;
  display:block;
  text-decoration:none;
  border-style: none;
  border-radius:0px;
  background:#d3c6b3 url(img/ordermade/icon_arrow1.png) no-repeat 4% center;
  background-size:12px 12px;
  width:100%;
}

/* app dl -----*/
.app_dl{
  width:88%;
  margin:5% auto 5% auto;
  padding:3%;
  background:#fff;
  vertical-align:top;
  text-align: center;
  border: 1px solid #d3c6b3;
}

.app_dl li .ex{
  font-size:100%;
}

@media all and (max-width:767px){
  .app_dl h3{
    font-size:120%;
    margin: 0 0 3% 0;
  }
}

/* app dl btn
------------------------*/
.app_dl .btn_box p{
  margin:0 1% 0 0;
}
.app_dl .btn_box .btn_app{
  width:38%;
}

.app_dl .btn_box .btn_google{
  width:32%;
}

.app_dl .btn_box p{
  float:none;
  display:inline-block;
}

@media all and (max-width:479px){
  .app_dl .btn_box p{
  }

  .app_dl .btn_box .btn_app{
    width:34%;
  }

  .app_dl .btn_box .btn_google{
    width:30%;
  }
}

/*----- menu -----*/
.info_contents{
  max-width:1279px;
  margin:0 auto 0 auto;
  padding:2% 0 2% 0;
  background: #f3f0e9;
  border-bottom: 1px solid #d3c6b3;/**/
}

.info_contents ul{
  margin: 0;
  text-align:center;
}

.info_contents li{
  display:inline-block;
  padding:4% 2%;
  margin:0 1%;
  background:#fff;
  vertical-align:top;
}

.info_contents li h3{
  font-size:150%;
  margin:0 0 3% 0;
}

.info_contents li .ex{
  font-size:100%;
}

.ic_01,
.ic_02,
.ic_03{
  width:26%;
}

/* info contents btn
------------------------*/
.info_contents .btn a{
  font-size:100%;
  color:#fff;
  /*padding:5% 10% 5% 5%;*/
  border-radius:3px;
  background:#6b5b51 url(img/ordermade/icon_arrow1.png) no-repeat 96% 50%;
  background-size:12px 12px;
}

@media all and (max-width:480px){
  .info_contents .btn_box{
    margin:4% 0;
  }

  .info_contents .btn a{
    width:80%;
    font-size:87.5%;
    padding:3% 5%;
  }
}

@media all and (max-width:1279px){
  .info_contents li h3{
    font-size:100%;
  }

  .info_contents li .ex{
    font-size:75%;
  }

  .info_contents .btn a{
    width: 80%;
    font-size:75%;
  }
}

@media all and (max-width:767px){
  .info_contents{
    padding:2% 0 4% 0;
  }

  .info_contents li{
    margin-top:2%;
  }

  .info_contents li h3{
    font-size:112.5%;
  }
  .ic_01{
    width:88%;
  }

  .ic_02,
  .ic_03{
    width:40%;
  }

  .info_contents .ic_01 .btn a{
    width:50%;
  }

}

@media all and (max-width:320px){
  .info_contents .btn a{
    width:85%;
    font-size:68.75%;
  }
}

/* review
------------------------*/
.ordermade .review{
  padding:0 3% 3% 3%;
}

.ordermade .review h2{
  color:#fff;
  font-size:112.5%;
  padding:1% 1% 1% 3.5%;
  background:#94836f url(img/icon_search.png) no-repeat 1% 50%;
  background-size:20px 20px;
}
/*
.ordermade #rs.review h2{
  max-width:1279px;
  color: #6b5b51;
  font-size:150%;
  font-weight:normal;
  line-height:160%;
  text-align:center;
  padding:1% 0;
  background:#fff none;
  border-top:1px solid #6b5b51;
  border-bottom:1px solid #d3c6b3;
  position:relative;
}*/
/*
.ordermade .review .lnk{
  font-size:100%;
}

.ordermade .review .more{
  font-size:100%;
  text-decoration:none;
  margin:2% 0;
  float:right;
}*/

/*.ordermade .review .more a{
  display:block;
  padding:0 19px 0 0;
  background:url(img/icon_arrow3.png) no-repeat right 50%;
  background-size:14px 14px;
}*/

@media all and (max-width:768px){
  .ordermade .review h2{
    padding:1% 1% 1% 4.5%;
  }
}

@media all and (max-width:667px){
  .ordermade .review h2{
    font-size:100%;
    padding:1% 1% 1% 5%;
  }
}

@media all and (max-width:480px){
  .ordermade .review h2{
    font-size:87.5%;
    padding:2% 2% 2% 7%;
    background-position:2% 50%;
  }

  .ordermade .review h3{
    font-size:150%;
  }

  .ordermade .review .more{
    font-size:87.5%;
    margin:4% 0;
  }
}

@media all and (max-width:360px){
  .ordermade .review h2{
    font-size:75%;
    padding:2% 2% 2% 9%;
  }
}

/*----- page navi -----*/
.ordermade .page_navi{}

.ordermade .page_navi ul{
  text-align:right;
  margin:0 0 -1% 0;
}

.ordermade .page_navi li{
  font-size:100%;
  display:inline;
}

.ordermade .page_navi li span{
  color:#fff;
  display:inline-block;
  padding:1%;
  margin:0 0 1% 0;
  background-color:#94836f;
  border:1px solid #94836f;
  font-weight:bold;
}

.ordermade .page_navi li a{
  color:#94836f;
  display:inline-block;
  padding:1%;
  margin:0 0 1% 0;
  border:1px solid #d3c6b3;
}

@media all and (max-width:736px){
  .ordermade .page_navi li span{
    padding:1% 1.5%;
  }

  .ordermade .page_navi li a{
    padding:1% 1.5%;
  }
}

@media all and (max-width:667px){
  .ordermade .page_navi li{
    font-size:87.5%;
  }
}

/*----- sort -----*/
.ordermade .sort{
  font-size:100%;
    margin-bottom:0;
    border-top-style:none;
    border-bottom-style:none;
}

.ordermade .sort .title{
  font-size:87.5%;
  margin:0 0 1% 0;
}

.ordermade .sort strong{
  color:#ff9933;
  margin:0 1% 0 0;
}

.ordermade .sort span{
  margin:0 0 0 2%;
}

.ordermade .sort span a{
  color:#fff;
  padding:1% 2%;
  background:#ff9933;
  display:inline-block;
  border-radius:3%;
}

/*.ordermade .sort p{
  font-size:100%;
}*/

.ordermade .sort select{
  margin:0 1% 0 0;
}

.ordermade .sort label{
  margin:0 5% 0 0;
}

.ordermade .sort label input{
  margin:0 1% 0 0;
  position:relative;
}

@media all and (max-width:414px){
  .ordermade .sort{
    padding:3% 0;
  }

  .ordermade .sort .title{
    margin:0 0 2% 0;
  }

  /*.ordermade .sort p{
    font-size:87.5%;
  }*/
}

/*----- box -----*/
.ordermade .box{
  padding:2% 0;
  margin:0 0 2% 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #94836f;
}

/*----- k_search -----*/
.ordermade .k_search {
  padding-top:0;
  float:none;
}

/*----- float -----*/
.ordermade .left{
  width:25%;
  float:left;
}

.ordermade .right{
  width:72%;
  float:right;
}

@media all and (max-width:768px){
  .ordermade .left{
    width:100%;
    margin:0 0 3% 0;
    float:none;
  }

  .ordermade .right{
    width:100%;
    float:none;
  }
}

/*----- level -----*/
.ordermade dl.all dd span{}
.ordermade .level1 span,
.ordermade .level1h span,
.ordermade .level2 span,
.ordermade .level2h span,
.ordermade .level3 span,
.ordermade .level3h span,
.ordermade .level4 span,
.ordermade .level4h span,
.ordermade .level5 span{
  min-height:22px;
  padding:0 0 0 65%;
  background-repeat:no-repeat;
  background-position:0 40%;
  background-size:140px 22px;
  vertical-align:top;
}

.ordermade .level1 span{
  background-image:url(img/level1.png);
}

.ordermade .level1h span{
  background-image:url(img/level1.5.png);
}

.ordermade .level2 span{
  background-image:url(img/level2.png);
}

.ordermade .level2h span{
  background-image:url(img/level2.5.png);
}

.ordermade .level3 span{
  background-image:url(img/level3.png);
}

.ordermade .level3h span{
  background-image:url(img/level3.5.png);
}

.ordermade .level4 span{
  background-image:url(img/level4.png);
}

.ordermade .level4h span{
  background-image:url(img/level4.5.png);
}

.ordermade .level5 span{
  background-image:url(img/level5.png);
}

@media all and (max-width:1024px){
  .ordermade dl.all dd{
    font-size:120%;
  }

  .ordermade .level1 span,
  .ordermade .level1h span,
  .ordermade .level2 span,
  .ordermade .level2h span,
  .ordermade .level3 span,
  .ordermade .level3h span,
  .ordermade .level4 span,
  .ordermade .level4h span,
  .ordermade .level5 span{
    padding:0 0 0 80%;
  }
}

@media all and (max-width:768px){
  .ordermade dl.all{
    width:50%;
    float:right;
  }

  .ordermade .level1 span,
  .ordermade .level1h span,
  .ordermade .level2 span,
  .ordermade .level2h span,
  .ordermade .level3 span,
  .ordermade .level3h span,
  .ordermade .level4 span,
  .ordermade .level4h span,
  .ordermade .level5 span{
    padding:0 0 0 55%;
  }
}

@media all and (max-width:667px){
  .ordermade .level1 span,
  .ordermade .level1h span,
  .ordermade .level2 span,
  .ordermade .level2h span,
  .ordermade .level3 span,
  .ordermade .level3h span,
  .ordermade .level4 span,
  .ordermade .level4h span,
  .ordermade .level5 span{
    padding:0 0 0 67%;
  }
}

@media all and (max-width:480px){
  .ordermade dl.all dd{
    font-size:120%;
  }

  .ordermade .level1 span,
  .ordermade .level1h span,
  .ordermade .level2 span,
  .ordermade .level2h span,
  .ordermade .level3 span,
  .ordermade .level3h span,
  .ordermade .level4 span,
  .ordermade .level4h span,
  .ordermade .level5 span{
    min-height:11px;
    padding:0 0 0 53%;
  }
}
@media all and (max-width:414px){
  .ordermade dl.all{
    width:auto;
    margin:0 0 3% 0;
    float:none;
  }

  .ordermade dl.all dd{
    padding:7% 5%;
  }
}

@media all and (max-width:375px){
  .ordermade .level1 span,
  .ordermade .level1h span,
  .ordermade .level2 span,
  .ordermade .level2h span,
  .ordermade .level3 span,
  .ordermade .level3h span,
  .ordermade .level4 span,
  .ordermade .level4h span,
  .ordermade .level5 span{
    padding:0 0 0 58%;
  }
}

@media all and (max-width:320px){
  .ordermade .level1 span,
  .ordermade .level1h span,
  .ordermade .level2 span,
  .ordermade .level2h span,
  .ordermade .level3 span,
  .ordermade .level3h span,
  .ordermade .level4 span,
  .ordermade .level4h span,
  .ordermade .level5 span{
    padding:0 0 0 65%;
  }
}

/*----- review list -----*/
.ordermade dl.all dt{
  color:#fff;
  font-size:100%;
  padding:2% 0 3% 0;
  background:#6b5b51;
}

.ordermade dl.all dd{
  color:#ff9933;
  font-size:160%;
  font-weight:bold;
  background:#fff;
}

.ordermade ul.review_list{
  margin:2% 0;
  clear:both;
}

.ordermade ul.review_list li{
  padding:3%;
  margin:2% 0 0 0;
  background:#fbf8f4;
}

@media all and (max-width:568px){
  .ordermade ul.review_list{
    margin:3% 0;
  }
}

@media all and (max-width:480px){
  .ordermade ul.review_list li{
    margin:4% 0 0 0;
  }
}

/*----- reviewer -----*/
.ordermade .reviewer{
  margin:0 0 3% 0;
  clear:both;
}

.ordermade .reviewer dl{
  width:100%;
  padding:0 0 0 15%;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:88px 112px;
  position:relative;
  zoom:1;
}

.ordermade .reviewer dl dt,
.ordermade .reviewer dl dd{
  font-size:87.5%;
  line-height:150%;
  padding:1% 0;
}

.ordermade .reviewer dl dt{
  width:7%;
  font-weight:bold;
  position:absolute;
}

.ordermade .reviewer dl dd{
  padding-left:8%;
}

.ordermade .reviewer .arrow_box{
  font-size:87.5%;
  margin:2% 0 0 0;
  background:#fff;
  border:1px solid #94836f;
}

.ordermade .reviewer .arrow_box:after,
.ordermade .reviewer .arrow_box:before{
  bottom:100%;
  left:40px;
}

.ordermade .reviewer .arrow_box:after{
  border-bottom-color:#fff;
  margin-left:-5px;
}

.ordermade .reviewer .arrow_box:before{
  border-bottom-color:#94836f;
  margin-left:-6px;
}

@media all and (max-width:1024px){
  .ordermade .reviewer dl{
    padding:0 0 0 15%;
    background-size:contain;
  }

  .ordermade .reviewer dl dt{
    width:8%;
  }

  .ordermade .reviewer dl dd{
    padding-left:9%;
  }

  .ordermade .reviewer .arrow_box{
    margin:3% 0 0 0;
  }
}

@media all and (max-width:667px){
  .ordermade .reviewer dl{
    padding:0 0 0 20%;
    background-size:contain;
  }

  .ordermade .reviewer dl dt{
    width:9%;
  }

  .ordermade .reviewer dl dd{
    padding-left:10%;
  }
}

@media all and (max-width:568px){
  .ordermade .reviewer dl dt,
  .ordermade .reviewer dl dd{
    font-size:75%;
  }

  .ordermade .reviewer .arrow_box{
    font-size:75%;
  }
}

@media all and (max-width:480px){
  .ordermade .reviewer dl dt{
    width:11%;
  }

  .ordermade .reviewer dl dd{
    padding-left:12%;
  }
}

@media all and (max-width:412px){
  .ordermade .reviewer dl{
    padding:0 0 0 21%;
  }

  .ordermade .reviewer dl dt{
    width:15%;
  }

  .ordermade .reviewer dl dd{
    padding-left:16%;
  }

  .ordermade .reviewer .arrow_box{
    margin:4% 0 0 0;
  }
}

/*----- sub navi -----*/

#s_navi{
  background:#f3f0e9;
  margin:0;
}

#s_navi li{
  width:25%;
  text-align:center;
  float:left;
}

/*#s_navi li.s_01{
  width:34%;
}*/

#s_navi li a{
  color:#94836f;
  font-size:68.75%;
  display:block;
  padding:33px 5px 5px 5px;
  background-repeat:no-repeat;
  background-position:50% 23%;
  background-size:20px 20px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

#s_navi li:last-child a{
  border-right:none;
}

#s_navi li.s_01 a{
  background-image:url(img/ordermade/icon_sp01.png);
}

#s_navi li.s_02 a{
  background-image:url(img/ordermade/icon_star01.png);
}

#s_navi li.s_03 a{
  background-image:url(img/ordermade/icon_bubbles01.png);
}

#s_navi li.s_04 a{
  background-image:url(img/ordermade/icon_imgs01.png);
}

#s_navi .select{
  background:#94836f;
}

#s_navi li.select{
  background:#94836f;
}

#s_navi li.select a{
  color:#fff;
}

#s_navi li.s_01.select a{
  background-image:url(img/ordermade/icon_sp02.png);
}

#s_navi li.s_02.select a{
  background-image:url(img/ordermade/icon_star02.png);
}

#s_navi li.s_03.select a{
  background-image:url(img/ordermade/icon_bubbles02.png);
}

#s_navi li.s_04.select a{
  background-image:url(img/ordermade/icon_imgs02.png);
}

/* modal content
------------------------*/
#select_app{
  width: 80%;
  max-width: 400px;
}

#select_app .message{
  margin:20px 0;
  text-align:center;
  width: 100%;
}

#select_app .btn_group{
  display:flex;
  align-items:center;
  justify-content:space-around;
  margin:20px 0;
}

#select_app .btn{
  display:block;
  margin:0 10px;
  position:relative;
  width:45%;
}

#select_app .btn a{
  background-position:center 40%;
  background-repeat:no-repeat;
  background-size:auto 30%;
  display:inline-block;
  box-sizing:border-box;
  height:100%;
  padding:70% 5% 5%;
  position:absolute;
  top:0;
  left:0;
  text-align:center;
  text-decoration:none;
  width:100%;
}

#select_app .btn::before{
  content:"";
  display:block;
  padding-top:100%;
}

#select_app .btn:hover{
  opacity:0.7;
}

/*#select_app .btn a:hover{
  background-color:#6b5b51;
  color:#fff;
}*/

#select_app .btn_web a{
  background-image:url(img/ordermade/icon_globe.png);
}

/*.btn_web a:hover,
.btn_web a:active{
  background-image:url(img/ordermade/icon_globe_w.png);
}*/

#select_app .btn_app a{
  background-image:url(img/ordermade/icon_app_fill.png);
}

/*.btn_app a:hover,
.btn-app a:active{
  background-image:url(img/ordermade/icon_app_fill_w.png);
}*/

/* irodoriya
------------------------ */
.irodoriya .sample_design{
  background-color:#f9f9f9;
}

.ordermade.irodoriya .reco_design .btn_order{
  margin-bottom:10px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents ordermade_app

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* contents
------------------------*/
#contents.ordermade_app{
  margin:0;
  border-bottom: 1px solid #d3c6b3;
}

.index #contents.ordermade_app{
  margin:5%;
}

.ordermade_app #main{
  max-width:1279px;
  margin:0 auto;
  overflow:hidden;
}

/* top info
------------------------*/
#top_info_om_app{
  padding:5% 5% 7% 5%;
  margin:1% 0 0 0;
  background:url(img/ordermade/top_info.png) no-repeat center top;
  background-size:cover;
}

#top_info_om_app h2{
  width:65%;
  margin:0 0 3% 0;
  color:#fff;
  font-size:130%;
  font-weight:normal;
  text-shadow:1px 1px 0px #666;
  line-height:140%;
}

#top_info_om_app p{
  font-size:87.5%;
  color:#fff;
  text-shadow:1px 1px 0px #666;
  line-height:140%;
}

/* top info btn
------------------------*/
#top_info_om_app .btn_box{
  margin:3% 0 0 0;
}

#top_info_om_app .btn_box p{
  height:50%;
  margin:0 1% 0 0;
  float:left;
}

/*footer .f_menu li .btn_box p{
  float:none;
  display:inline-block;
}*/

@media all and (max-width:667px){
  #top_info_om_app .btn_box .btn_app{
    width:34%;
  }

  #top_info_om_app .btn_box .btn_google{
    width:30%;
  }
}

/* catch
------------------------*/
.ordermade_app .catch{
  padding:3% 3% 5% 3%;
  background:url(img/ordermade/catch_bg.png) no-repeat 25% bottom;
  background-size:270px 532px;
}

.ordermade_app .catch h2{
  margin:2% 0 0 0;
  font-size:150%;
  font-weight:normal;
  line-height:160%;
  text-align:center;
}

.ordermade_app .catch p{
  font-size:87.5%;
  text-align:center;
  line-height:190%;
  padding:30% 0 0 0;
  margin:5% 0 0 35%;
  background:url(img/ordermade/bracelete.png) no-repeat center top;
  background-size:285px 350px;
}

@media all and (max-width:1279px){
  .ordermade_app .catch p{
    padding-top:40%;
    margin-left:40%;
  }
}

@media all and (max-width:823px){
  .ordermade_app .catch{
    background-position:20% bottom;
    background-size:30% auto;
  }

  .ordermade_app .catch p{
    padding:50% 0 0 0;
    background-position:center 20%;
    background-size:50% auto;
  }
}

@media all and (max-width:667px){
  .ordermade_app .catch{
    background-position:10% bottom;
    background-size:25% auto;
  }

  .ordermade_app .catch h2{
    font-size:120%;
  }

  .ordermade_app .catch p{
    font-size:75%;
    padding:32% 0 0 0;
    background-position:center top;
    background-size:40% auto;
  }
}

@media all and (max-width:479px){
  .ordermade_app .catch{
    background-position:10% 65%;
  }

  .ordermade_app .catch h2{
    font-size:100%;
  }
}

@media all and (max-width:320px){
  .ordermade_app .catch{
    background-position:10% 50%;
  }

  .ordermade_app .catch h2{
    font-size:87.5%;
  }
}



/* step
------------------------*/
.ordermade_app .step{
  margin:10% 3% 0 3%;
}

.ordermade_app .step h2{
  font-size:150%;
  font-weight:normal;
  line-height:160%;
  text-align:center;
  margin:0 0 3% 0;
  padding:1% 0;
  border-top:1px solid #6b5b51;
  border-bottom:1px solid #d3c6b3;
}

.ordermade_app .step ul{
  text-align:center;
  margin:0 0 -3% 0;
}

.ordermade_app .step li{
  width:auto;
  text-align:center;
  padding:20% 0;
  margin:0 0 5% 0;
  vertical-align:top;
  display:inherit;
}

.ordermade_app .step li h3{
  font-size:150%;
  font-weight:normal;
  margin:0 0 1% 40%;
}

.ordermade_app .step li p{
  font-size:87.5%;
  line-height:160%;
  margin-left:40%;
}

.ordermade_app .step li.step1{
  background:url(img/ordermade/step1.png) no-repeat 22% top;
  background-size:270px auto;
}

.ordermade_app .step li.step2{
  background:url(img/ordermade/step2.png) no-repeat 22% top;
  background-size:270px auto;
}

.ordermade_app .step li.step3{
  background:url(img/ordermade/step3.png) no-repeat 22% top;
  background-size:270px auto;
}

@media all and (max-width:667px){
  .ordermade_app .step h2{
    font-size:130%;
  }

  .ordermade_app .step li.step1,
  .ordermade_app .step li.step2,
  .ordermade_app .step li.step3{
    background-position:15% top;
    background-size:25% auto;
  }
}

@media all and (max-width:479px){
  .ordermade_app .step li h3{
    font-size:120%;
  }

  .ordermade_app .step li p{
    font-size:75%;
  }
}

/* top detail
------------------------*/
.ordermade_app .top_detail{
  margin: 10% 3%;
}

.ordermade_app .top_detail ul{}

.ordermade_app .top_detail li{
  padding:0 0 40% 0;
  margin:10% 0 0 0;
}

.ordermade_app .top_detail li.td_01{
  background:url(img/ordermade/td_01.png) no-repeat 60% 0;
  background-position:center bottom;
  background-size:570px 400px;
}

.ordermade_app .top_detail li.td_02{
  background:url(img/ordermade/td_02.png) no-repeat 60% 0;
  background-position:center bottom;
  background-size:570px 400px;
}

.ordermade_app .top_detail li.td_03{
  background:url(img/ordermade/td_03.png) no-repeat 60% 0;
  background-position:center bottom;
  background-size:570px 400px;
}

.ordermade_app .top_detail li h3{
  width:auto;
  font-size:150%;
  font-weight:normal;
  line-height:160%;
  text-align:center;
  padding:1% 0;
  border-top:1px solid #6b5b51;
  border-bottom:1px solid #d3c6b3;
}

/*
.ordermade_app .top_detail li:nth-child(2n) h3,
.ordermade_app .top_detail li:nth-child(2n) p{
  margin-left:0;
}*/

.ordermade_app .top_detail li p{
  width:40%;
  font-size:100%;
  line-height:190%;
  text-align:center;
  margin:3% auto 0 auto;
}

@media all and (max-width:1279px){
  .ordermade_app .top_detail li{
    padding:0 0 50% 0;
  }

/*
  .ordermade_app .top_detail li:nth-child(2n) h3,
  .ordermade_app .top_detail li:nth-child(2n) p{
    margin-left:0;
  }*/

}

@media all and (max-width:823px){
  .ordermade_app .top_detail li.td_01,
  .ordermade_app .top_detail li.td_02,
  .ordermade_app .top_detail li.td_03{
    background-size:60% auto;
  }

  .ordermade_app .top_detail li p{
    width:auto;
  }
}

@media all and (max-width:667px){
  .ordermade_app .top_detail li h3{
    font-size:130%;
  }

  .ordermade_app .top_detail li p{
    font-size:87.5%;
  }
}


@media all and (max-width:479px){
  .ordermade_app .top_detail li h3{
    font-size:120%;
  }

  .ordermade_app .top_detail li p{
    font-size:75%;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents pascle_quality

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.pascle_quality{
  padding:0 1% 0 1%;
}

/* top info
------------------------*/
.pascle_quality #top_info{
  text-align:center;
  margin:8% 0 0 0;
}

.pascle_quality #top_info h2{}

.pascle_quality #top_info p.text{
  margin:5% auto 0 auto;
  font-size:100%;
  line-height:200%;
}

@media all and (max-width:414px){
  .pascle_quality #top_info p.text{
    width:80%;
    font-size:80%;
  }
}

/* quality elements
------------------------*/
.pascle_quality .quality_elements{
  margin:8% 0 0 0;
  text-align:center;
}

.pascle_quality .quality_elements h2{
  font-size:160%;
}

.pascle_quality .quality_elements ul{
  margin:3% 0 0 0;
}

.pascle_quality .quality_elements li{
  text-align:center;
  border:1px solid #6b5b51;
  box-sizing:border-box;
  padding:3%;
  margin:1% 0 0 0;
}

.pascle_quality .quality_elements li h3{
  font-weight:normal;
  font-size:130%;
}

.pascle_quality .quality_elements li h3 a{
  color:#6b5b51;
  text-decoration:none;
}

.pascle_quality .quality_elements li p{
  font-size:90%;
  margin:3% 0 0 0;
}

.pascle_quality .quality_elements li p span{
  font-size:75%;
  display:block;
  margin:2% 0 0 0;
}

.pascle_quality .quality_elements li.ele01{
  background:url(img/quality/icon_brace.png) no-repeat 10% center,url(img/quality/icon_arrow1.png) no-repeat 90% center;
  position: relative;
}

.pascle_quality .quality_elements li.ele02{
  background:url(img/quality/icon_operator.png) no-repeat 11.5% center,url(img/quality/icon_arrow1.png) no-repeat 90% center;
  position: relative;
}

.pascle_quality .quality_elements li.ele03{
  background:url(img/quality/icon_book.png) no-repeat 11% center,url(img/quality/icon_arrow1.png) no-repeat 90% center;
  position: relative;
}

.pascle_quality .quality_elements li.ele01 a,
.pascle_quality .quality_elements li.ele02 a,
.pascle_quality .quality_elements li.ele03 a
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media all and (max-width:414px){
  .pascle_quality .quality_elements h2{
    font-size:120%;
  }

  .pascle_quality .quality_elements li h3{
    font-size:100%;
  }

  .pascle_quality .quality_elements li p{
    font-size:75%;
  }

  .pascle_quality .quality_elements li p span{
    font-size:55%;
  }

  .pascle_quality .quality_elements li.ele01{
    background-size:auto 25%,auto 15%;
    background-position:6% center,94% center;
  }

  .pascle_quality .quality_elements li.ele02{
    background-size:auto 50%,auto 15%;
    background-position:8% center,94% center;
  }

  .pascle_quality .quality_elements li.ele03{
    background-size:auto 40%,auto 15%;
    background-position:7% center,94% center;
  }
}

@media all and (max-width:375px){
  .pascle_quality .quality_elements h2{
    font-size:100%;
  }

  .pascle_quality .quality_elements li p{
    font-size:70%;
  }

  .pascle_quality .quality_elements li h3{
    font-size:80%;
  }

  .pascle_quality .quality_elements li p{
    font-size:70%;
  }
}

@media all and (max-width:320px){
  .pascle_quality .quality_elements li.ele01{
    background-size:auto 17%,auto 12%;
    background-position:4% center,96% center;
  }

  .pascle_quality .quality_elements li.ele02{
    background-size:auto 40%,auto 12%;
    background-position:5% center,96% center;
  }

  .pascle_quality .quality_elements li.ele03{
    background-size:auto 30%,auto 12%;
    background-position:5% center,96% center;
  }
}

/* top detail
------------------------*/
.pascle_quality .top_detail{
  /* margin:8% 0 0 0;*/
  margin-top: calc(8% - 54px);
  padding-top: 54px;
}

.pascle_quality .top_detail h2{
  font-size:160%;
  font-weight:normal;
  text-align:center;
  border-top:1px solid #d3c6b3;
  border-bottom:1px solid #d3c6b3;
  padding:2% 0;
}

.pascle_quality .top_detail h2 span{
  font-size:50%;
  margin:2% 0 0 0;
  display:block;
}

.pascle_quality #ele01.top_detail h2{
  background:url(img/quality/icon_ametrine.png) no-repeat 25% center,url(img/quality/icon_ametrine.png) no-repeat 75% center;
}

.pascle_quality #ele02.top_detail h2{
  background:url(img/quality/icon_amethyst.png) no-repeat 25% center,url(img/quality/icon_amethyst.png) no-repeat 75% center;
}

.pascle_quality #ele03.top_detail h2{
  background:url(img/quality/icon_garnet.png) no-repeat 20% center,url(img/quality/icon_garnet.png) no-repeat 80% center;
}

.pascle_quality .top_detail ul{
  margin:5% 0 0 0;
}

.pascle_quality .top_detail li{
  padding:0 0 40% 0;
  margin:0 0 10% 0;
}

.pascle_quality .top_detail li h3{
  width:auto;
  font-size:140%;
  text-align:center;
}

.pascle_quality .top_detail li p{
  width:60%;
  font-size:100%;
  line-height:160%;
  text-align:center;
  margin:3% auto 0 auto;
}

@media all and (max-width:768px){
  .pascle_quality .top_detail h2{
    font-size:140%;
  }

  .pascle_quality .top_detail h2 span{
    margin:2% 0 0 0;
  }

  .pascle_quality #ele01.top_detail h2,
  .pascle_quality #ele02.top_detail h2,
  .pascle_quality #ele03.top_detail h2{
    background-size:auto 70%;
  }

  .pascle_quality .top_detail li h3{
    font-size:120%;
  }

  .pascle_quality .top_detail li p{
    font-size:87.5%;
  }
}

@media all and (max-width:414px){
  .pascle_quality .top_detail h2{
    font-size:120%;
  }

  .pascle_quality #ele01.top_detail h2{
    background-position:20% center,80% center;
  }

  .pascle_quality #ele02.top_detail h2{
    background-position:20% center,80% center;
  }

  .pascle_quality #ele03.top_detail h2{
    background-position:10% center,90% center;
  }

  .pascle_quality .top_detail li h3{
    font-size:100%;
  }

  .pascle_quality .top_detail li p{
    font-size:75%;
  }
}

@media all and (max-width:375px){
  .pascle_quality .top_detail h2{
    font-size:100%;
  }

  .pascle_quality #ele01.top_detail h2{
    background-position:10% center,90% center;
  }

  .pascle_quality #ele02.top_detail h2{
    background-position:10% center,90% center;
  }

  .pascle_quality #ele03.top_detail h2{
    background-position:5% center,95% center;
  }

  .pascle_quality .top_detail li h3{
    font-size:90%;
  }

  .pascle_quality .top_detail li p{
    font-size:70%;
  }
}

/*ele01*/
.pascle_quality #ele01.top_detail li.td_01{
  background:url(img/quality/td_img_01.jpg) no-repeat center bottom;
}

.pascle_quality #ele01.top_detail li.td_02{
  background:url(img/quality/td_img_02.jpg) no-repeat center bottom;
}

.pascle_quality #ele01.top_detail li.td_03{
  background:url(img/quality/td_img_03.jpg) no-repeat center bottom;
}

.pascle_quality #ele01.top_detail li.td_04{

  background:url(img/quality/td_img_04.jpg) no-repeat center bottom;
}

.pascle_quality #ele01.top_detail li.td_05{
  background:url(img/quality/td_img_05.jpg) no-repeat center bottom;
}

/*ele02*/
.pascle_quality #ele02.top_detail li.td_01{
  background:url(img/quality/td_img_06.jpg) no-repeat center bottom;
}

.pascle_quality #ele02.top_detail li.td_02{
  background:url(img/quality/td_img_07.jpg) no-repeat center bottom;
}

.pascle_quality #ele02.top_detail li.td_03{
  background:url(img/quality/td_img_08.jpg) no-repeat center bottom;
}

/*ele03*/
.pascle_quality #ele03.top_detail li.td_01{
  background:url(img/quality/td_img_09.jpg) no-repeat center bottom;
}

.pascle_quality #ele03.top_detail li.td_02{
  background:url(img/quality/td_img_10.jpg) no-repeat center bottom;
}

.pascle_quality #ele03.top_detail li.td_03{
  background:url(img/quality/td_img_11.jpg) no-repeat center bottom;
}

@media all and (max-width:768px){
  .pascle_quality .top_detail li{
    padding:0 0 45% 0;
    margin:0 0 10% 0;
  }

  .pascle_quality #ele01.top_detail li.td_01,
  .pascle_quality #ele01.top_detail li.td_02,
  .pascle_quality #ele01.top_detail li.td_03,
  .pascle_quality #ele01.top_detail li.td_04,
  .pascle_quality #ele01.top_detail li.td_05,

  .pascle_quality #ele02.top_detail li.td_01,
  .pascle_quality #ele02.top_detail li.td_02,
  .pascle_quality #ele02.top_detail li.td_03,

  .pascle_quality #ele03.top_detail li.td_01,
  .pascle_quality #ele03.top_detail li.td_02,
  .pascle_quality #ele03.top_detail li.td_03{
    background-size:70% auto;
  }
}

@media all and (max-width:568px){
  .pascle_quality .top_detail li p{
    width:80%;
  }
}

/* story
------------------------*/
.pascle_quality .story{
  margin:10% 0 0 0;
  text-align:center;
}

.pascle_quality .story h2{
  line-height:140%;
  margin:0 auto 3% auto;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  background:url(img/quality/h2_story.png) no-repeat 50% center;
  background-size:contain;
}

@media all and (max-width:667px){
  .pascle_quality .story h2{
    line-height:120%;
  }
}

@media all and (max-width:414px){
  .pascle_quality .story h2{
    line-height:90%;
  }
}

@media all and (max-width:360px){
  .pascle_quality .story h2{
    line-height:75%;
  }
}

/* btn
------------------------*/
.pascle_quality p.b_item{
  width:80%;
  margin:5% auto 3% auto;
}

.pascle_quality p.b_item a{
  color:#fff;
  font-size:150%;
  text-align:center;
  text-decoration:none;
  display:block;
  padding:3%;
  border-radius:5px;
  background:#6b5b51 url(img/quality/icon_arrow2.png) no-repeat 94% center;
}

@media all and (max-width:667px){
  .pascle_quality p.b_item a{
    font-size:130%;
    background-size:auto 50%;
  }
}

@media all and (max-width:414px){
  .pascle_quality p.b_item a{
    font-size:100%;
  }
}

@media all and (max-width:360px){
  .pascle_quality p.b_item a{
    font-size:80%;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents post

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.post{}

.post h2{
  font-size:150%;
  color:#94836f;
  text-align:center;
  padding:2%;
  margin:0 0 3% 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.post h2 span{
  font-size:80%;
  font-weight:normal;
  margin:0 0 0 2%;
}

.post .img{
  width:50%;
  text-align:center;
  border:1px solid #d4d4d4;
  margin:0 auto 3% auto;
}

@media all and (max-width:480px){
  .post h2{
    font-size:120%;
  }
}

@media all and (max-width:320px){
  .post h2{
    font-size:100%;
    padding:3%;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents sub

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* sub category list
------------------------*/
.category_list{
  margin:0 0 15px 0;
}

.category_list h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 5px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.category_list h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.category_list table{
  width:98%;
  margin:0 auto;
  border-collapse:separate;
  border-spacing:1px;
  table-layout:fixed;
  background:#fff;
}

.category_list table td{
  font-size:75%;
  background:#fff;
}

.category_list table td a{
  color:#94836f;
  display:block;
  padding:10px;
  background:url(img/icon_arrow3.png) no-repeat 95% 50%;
  background-size:6px 11px;
  font-size: 14px;
}

/* list */
.category_list.category{
  margin:0;
}

.category_list.category h2{
  margin:0;
}

.category_list ul{
  width:100%;
  margin:0 auto;
  border-collapse:separate;
  border-spacing:1px;
  table-layout:fixed;
  background:#fff;
}

.category_list li{
  font-size:75%;
  background:#fff;
  border-bottom:1px solid #d3c6b3;
}

.category_list li:last-child{
  border-bottom:none;
}

.category_list li a{
  color:#94836f;
  display:block;
  padding:20px 20px 20px 50px;
  background-position:10px 10px;
  background-repeat: no-repeat;
  background-size:30px 30px;
}

.category_list li.f_cat01 a{
  background-image: url(img/icon_f_cat1.png);
}

.category_list li.f_cat02 a{
  background-image: url(img/icon_f_cat2.png);
}

.category_list li.f_cat03 a{
  background-image: url(img/icon_f_cat3.png);
}

.category_list li.f_cat04 a{
  background-image: url(img/icon_f_cat4.png);
}

.category_list li.f_cat05 a{
  background-image: url(img/icon_f_cat5.png);
}

.category_list li.f_cat06 a{
  background-image: url(img/icon_f_cat6.png);
}

.category_list li.f_cat07 a{
  background-image: url(img/icon_f_cat7.png);
}

.category_list li.f_cat08 a{
  background-image: url(img/icon_f_cat8.png);
}

/* sub navi
------------------------*/
.s_navi{
  background:#f3f0e9;
}

.s_navi li{
  border-bottom:1px solid #e5dbc4;
}

.s_navi li a{
  font-size:75%;
  color:#94836f;
  display:block;
  padding:10px;
  background:url(img/icon_arrow3.png) no-repeat 98% 50%;
  background-size:6px 11px;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents combi

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.combi{
  padding:0 5px;
}

.combi h2{
  font-size:137.5%;
  line-height:140%;
  text-align:center;
  margin:0 0 10px 0;
}

.combi .title{
  font-size:87.5%;
  line-height:140%;
  padding:0 0 3px 0;
  margin:15px 0 5px 0;
  border-bottom:1px solid #6b5b51;
  text-align: initial;
}

.combi .ex{
  text-align:center;
}

.combi .combi_check{
  padding:0;
  margin:20px 0 0 0;
}

.combi .combi_rank{
  padding:0;
  margin:30px 0 0 0;
}

/* combi check
------------------------*/
.combi_check{
  padding:0 5px;
  background:url(img/icon_cross.png) no-repeat center 30px;
  background-size:30px 30px;
}

.combi_check h3{
  font-size:75%;
  font-weight:normal;
  text-align:center;
  line-height:140%;
  margin:5px 0 0 0;
}

.combi_check img{
  border:1px solid #d4d4d4;
}

.combi_check .left{
  width:40%;
  text-align:center;
  margin:0 0 20px 0;
  float:left;
}

.combi_check .right{
  width:40%;
  text-align:center;
  margin:0 0 20px 0;
  float:right;
}

/* combi ranking
------------------------*/
.combi_rank{
  padding:0 5px;
  margin:30px 0 0 0;
}

.combi_rank.combi_rank_fortune{
  margin:0;
}

.combi_rank h3{
  font-size:87.5%;
  line-height:140%;
  min-height:14px;
  padding:0 0 5px 20px;
  margin:0 0 15px 0;
  background:url(img/icon_crown.png) no-repeat 0 0;
  background-size:16px 14px;
  border-bottom:1px solid #6b5b51;
  position:relative;
  font-weight: bold;
}

.combi_rank ul.rank_list{
  margin:0 -10px -10px 0;
}

.combi_rank .rank_list li{
  width:43%;
  text-align:center;
  padding:5px 5px 20px 5px;
  margin:0 10px 10px 0;
  float:left;
  border:1px solid #94836f;
}

.combi_rank .rank{
  color:#fff;
  font-size:68.75%;
  padding:2px;
  margin:0 0 20px 0;
  background:#94836f;
}

.combi_rank .img{
  background:url(img/icon_cross_s.png) no-repeat center 50%;
  background-size:8px 8px;
}

.combi_rank .img img{
  margin:0 10px;
  border:none;
}

.combi_rank h4{
  font-size:75%;
  font-weight:normal;
  line-height:160%;
  margin:10px 0 0 0;
}

.combi_rank .rank_list li h4{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.combi_rank .rank_list li h4 a{
  color: #6ec8c0;
}

.combi_rank .r_lnk{
  font-size:75%;
  margin:20px 0 0 0;
}

/* slider */
.combi_rank ul.slides li{
  text-align:center;
  margin:0 0 10px 0;
}

.combi_rank ul.slides li div{
  width:44.8%;
  text-align:center;
  display:inline-block;
  padding:5px 5px 10px 5px;
  border:1px solid #94836f;
  vertical-align:top;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents combi info

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.combi_info{}

.combi_info h2{
  font-size:137.5%;
  line-height:140%;
  text-align:center;
  margin:0 0 10px 0;
}

.combi_info .combi_check .lnk{
  font-size:87.5%;
  clear:both;
}

.combi_info .combi_rank{
  margin:40px 0 0 0;
}

/* product
------------------------*/
.combi_info .product{
  margin:40px 0 0 0;
}

.combi_info .product h3{
  font-size:112.5%;
  height:25px;
  padding:0 0 3px 0;
  margin:50px 0 15px 0;
  border-bottom:1px solid #6b5b51;
  background-position:0 0;
  background-repeat:no-repeat;
  position:relative;
}

/* fortune data
------------------------*/
.fortune_data{
  padding:30px 5px 0 5px;
  margin:30px 0 0 0;
  background:url(img/border1.png) repeat-x 0 0;
}

.combi_info .fortune_data{
  padding:0 5px;
  background:none;
}

.fortune_data h3{
  font-size:112.5%;
  text-align:center;
  padding:10px 0;
  margin:0 0 25px 0;
  border-top:1px solid #6b5b51;
  border-bottom:1px solid #d3c6b3;
}

/* thumb */
.fortune_data .thumb{}

.fortune_data .thumb .graph{
  width:250px;
  height:250px;
  margin:0 auto;
}

.fortune_data .thumb ul.img{
  text-align:center;
  margin:30px 0 0 0;
}

.fortune_data .thumb .img li{
  width:45%;
  display:inline-block;
  margin:0 auto 0;
}

.fortune_data .thumb .img li img{
  border:1px solid #d4d4d4;
}

/* detail */
.fortune_data .detail{
  margin:20px 0 0 0;
}

.fortune_data .detail h4{
  color:#94836f;
  padding:0 0 0 5px;
  margin:15px 0 10px 0;
  border-left:5px solid #94836f;
  clear:both;
}

.fortune_data .detail table{
  width:100%;
  border-collapse:separate;
  border-spacing:1px;
  table-layout:fixed;
  background:#d3c6b3;
}

.fortune_data .detail th,
.fortune_data .detail td{
  color:#94836f;
  font-size:75%;
  font-weight:normal;
  text-align:center;
  padding:5px;
}

.fortune_data .detail th{
  background:#f3f0e9;
}

.fortune_data .detail td{
  background:#fff;
}

.fortune_data .detail .lnk{
  font-size:75%;
  clear:both;
  margin:0 0 20px 0;
}

/* data list
------------------------*/
.data_list{
  padding:0 5px;
}

.data_list .box{
  padding:10px;
  margin:20px 0 0 0;
  border:1px solid #d4d4d4;
  clear:both;
}

.data_list h3{
  color:#94836f;
  font-size:100%;
  padding:0 0 0 5px;
  margin:0 0 15px 0;
  border-left:5px solid #94836f;
}

.data_list .thumb{
  width:40%;
  float:left;
}

.data_list table{
  width:55%;
  margin:0 0 15px 0;
  border-collapse:separate;
  border-spacing:1px;
  background:#d3c6b3;
  table-layout:fixed;
  float:right;
}

.data_list th,
.data_list td{
  color:#94836f;
  font-size:75%;
  font-weight:normal;
  text-align:center;
  padding:5px;
}

.data_list th{
  background:#f3f0e9;
}

.data_list td{
  background:#fff;
}

.data_list .lnk{
  font-size:87.5%;
  clear:both;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents column list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.column_list{
  padding:0 5px;
  margin:0 0 20px 0;
}

.column_list .top_info{
  margin:0 0 20px 0;
}

.column_list .top_info h2{
  font-size:75%;
  line-height:160%;
  margin:5px 0 0 0;
  font-weight:normal;
}

.column_list .title{
  color:#fff;
  font-size:87.5%;
  padding:7px 5px 7px 30px;
  background:#94836f url(img/icon_search.png) no-repeat 5px 50%;
  background-size:20px 20px;
}

.column_list .number{
  font-size:75%;
  padding:10px 5px;
  margin:0 0 10px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.column_list .number strong{
  font-size:120%;
  color:#ff9933;
  margin:0 5px;
}

.column_list ul{}

.column_list li{
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  border-bottom:1px dashed #d3c6b3;
}

.column_list li .left{
  width:30%;
  float:left;
}

.column_list li .right{
  width:66%;
  float:right;
}

.column_list li h3{
  font-size:75%;
  line-height:140%;
  margin:0 0 10px 0;
}

.column_list li p{
  font-size:68.75%;
  line-height:140%;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents column info

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* categroy
------------------------*/
ul.categroy{
  margin:0 0 15px 0;
}

ul.categroy li{
  font-size:75%;
  float:left;
}

ul.categroy li a{
  color:#94836f;
  text-decoration:none;
  display:block;
  padding:4px 10px;
  margin:0 5px 5px 0;
  border:1px solid #94836f;
  border-radius:20px;
}

ul.categroy li a:hover{
  background:#fbf8f4;
}

/* info
------------------------*/
.column_info{
  padding:0 5px;
}

.column_info h2{
  font-size:20px;
  line-height:140%;
  padding:20px 0 0 0;
  margin:0 0 15px 0;
  border-top:double #94836f;
  color: #6b5b51;
  font-weight: bold;
}

.column_info h3{
  font-size:100%;
  padding:0 10px 0 20px;
  margin:20px 0 15px 0;
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:15px 15px;
  color: #6b5b51;
  font-weight: bold;
}

.column_info .ico_stone{
  background-image:url(img/icon_30_stone.png);
}

.column_info .ico_wrap{
  background-image:url(img/icon_30_wrap.png);
}

.column_info .ico_brace{
  background-image:url(img/icon_30_brace_3.png);
}

.column_info .ico_nenjyu{
  background-image:url(img/icon_30_nenjyu.png);
}

.column_info .ico_glass{
  background-image:url(img/icon_30_glass.png);
}

.column_info .ico_checkbox{
  background-image:url(img/icon_30_checkbox.png);
}

.column_info .ico_question{
  background-image:url(img/icon_30_question.png);
}

.column_info .ico_book{
  background-image:url(img/icon_30_book.png);
}

.column_info .ico_star{
  background-image:url(img/icon_30_star.png);
}

.column_info .ico_moon{
  background-image:url(img/icon_30_moon.png);
}

.column_info .ico_heart{
  background-image:url(img/icon_30_heart.png);
}

.column_info .ico_ribbon{
  background-image:url(img/icon_30_ribbon.png);
}

.column_info .img{
  text-align:center;
  display:block;
  margin:0 0 5px 0;
}

.column_info p{
  font-size:87.5%;
  line-height:180%;
  margin:15px 0;
}

.column_info p a{
  color: #6ec8c0;
}

.column_info p span{
  display:block;
}

.column_info p span.txtb{
  font-weight:bold;
  display:inline;
}

.column_info > p:first-of-type{
  color:#888;
  font-size:75%;
  line-height:160%;
  margin:0 0 20px 0;
}

.column_info .photo_title{
  color:#888;
  font-size:75%;
  line-height:160%;
  margin:0 0 20px 0;
}

.column_info .photo_title::before{
  content:'▲';
}

/*----- stone list -----*/
.column_info ul.s_name_list{
    margin:15px  0;
}

.column_info .s_name_list li{
  color:#94836f;
  line-height:none;
  margin:0 0 10px 0;
}

.column_info .s_name_list li.none_stone{
  background-image:url(img/s_name/stone_img.png);
}


/* related
------------------------*/
.related_column{
  padding:10px;
  margin:45px 5px 0 5px;
  border:1px solid #d3c6b3;
}

.related_column h2{
  font-size:87.5%;
  padding:0 0 0 5px;
  margin:0 0 10px 0;
  border-left:5px solid #6b5b51;
}

.related_column ul{}

.related_column li{
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  border-bottom:1px dashed #d3c6b3;
}

.related_column li:last-child{
  padding:0;
  margin:0;
  border-bottom:none;
}

.related_column li .thumb{
  width:20%;
  float:left;
}

.related_column li h3{
  width:77%;
  font-size:75%;
  font-weight:normal;
  line-height:140%;
  float:right;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents column search

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.c_search{
  margin:0 0 20px 0;
}

.c_search h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 10px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.c_search span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.c_search form{
  padding:10px;
  background:#fbf8f4;
}

.c_search input[type="text"]{
  width:70%;
  padding:6px 5px;
  border:1px solid #6b5b51;
  border-radius:0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents new column list
 #main contents pop column list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.pop_column,
.new_column{
  padding:0 5px;
  margin:0 0 20px 0;
  font-size: 16px;
}

.pop_column .r_lnk,
.new_column .r_lnk{
  font-size:75%;
}

.pop_column h2,
.new_column h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 10px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.pop_column h2 span,
.new_column h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.pop_column span,
.new_column span{
  font-size:80%;
  font-weight:normal;
  margin:0 0 0 10px;
}

.pop_column ul,
.new_column ul{}

.pop_column li,
.new_column li{
  padding:0 0 10px 0;
  margin:0 0 10px 0;
  border-bottom:1px dashed #d3c6b3;
}

.pop_column li .thumb,
.new_column li .thumb{
  width:20%;
  float:left;
}

.pop_column li h3,
.new_column li h3{
  width:77%;
  font-size:75%;
  font-weight:normal;
  line-height:140%;
  float:right;
}

.pop_column li h3 strong{
  color:#ff9933;
  display:block;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #member contents

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#member{}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents my page

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.my_page{
  padding:0 5px;
}

.my_page h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.my_page h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

/* contents
------------------------*/
.my_page ul.contents{
  border:1px solid #d3c6b3;
}

.my_page .contents li{
  font-size:75%;
  border-bottom:1px solid #d3c6b3;
}

.my_page .contents li:last-child{
  border-bottom:0;
}

.my_page .contents li a{
  color:#94836f;
  display:block;
  padding:10px;
  background:url(img/icon_arrow3.png) no-repeat 98% 50%;
  background-size:6px 11px;
}

.my_page .r_lnk{
  clear:right;
  font-size: 75%;
  line-height: 150%;
  margin: 0 0 10px 0;
}

/*----- user profile -----*/
.my_page .user_profile{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:10px;
}

.my_page .user_profile .left{
  float:none;
  width:20%;
  max-width:100px;
  margin-left: auto;
  padding-right: 20px;
}

.my_page .user_profile .left .img_rank img{
  height:auto;
  width:100%;
}

.my_page .user_profile .left .img{
  border:1px solid #d4d4d4;
  border-radius:50%;
  box-sizing:border-box;
  overflow:hidden;
  width:100%;
}

.my_page .user_profile .left .img img{
  height:auto;
  vertical-align:middle;
  width:100%;
}

.my_page .user_profile .right{
  float:none;
  margin-right: auto;
}

.my_page .profile{
  display:flex;
  align-items:center;
}

.my_page .profile .user_name{
  font-size:150%;
}

.my_page .user_profile .user_name span{
  font-size:68.75%;
  color:#aaa;
  margin:0 0 0 10px;
}

.my_page .user_profile .user_data{
  font-size:68.75%;
  margin-top:20px;
}

.my_page .user_profile .user_data .rank{
  margin-top:10px;
}

.my_page .user_profile.standard .user_data .rank span{
  background-color:#6b5b51;
  color:#fff;
  border-radius:3px;
  padding:5px;
}

.my_page .user_profile.premium .user_data .rank span{
  background-color:#b9ced7;
  color:#fff;
  border-radius:3px;
  padding:5px;
}

.my_page .user_profile .user_data .point{
  margin-top:10px;
}

.my_page .user_profile .user_data .point span{
  font-size:163.6%;
}

/* message */
.my_page .user_profile .message{
  margin-left:auto;
  padding:10px;
  text-align:center;
  width:50%;
}

.my_page .user_profile .message p{
  font-size:85%;
  line-height:1.4;
}

.my_page .user_profile .message p span{
  font-size:117.5%;
}

.my_page .user_profile .progress_bar{
  padding:10px 0;
  text-align:center;
  width:100%;
}

.my_page .user_profile .progress_bar .price{
  display:flex;
  justify-content:space-between;
  color:#aaa;
  font-size:77%;
  margin:0 auto 5px;
  width:300px;
}

/* progress */
.user_profile progress{
  background-color:#f3f3f3;
  border:1px solid #d4d4d4;
  border-radius:10px;
  width:300px;
  height:20px;
}

.user_profile progress::-webkit-progress-bar{
  background-color:#f3f3f3;
  border-radius:10px;
}

.user_profile progress::-webkit-progress-value{
  background-color:#b89179;
  border-radius:10px;
}

.user_profile progress::-moz-progress-bar{
  background-color:#b89179;
  border-radius:10px;
}

.user_profile progress::-ms-fill{
  background-color:#b89179;
  border-radius:10px;
}

@media all and (max-width:767px){
  /*----- user profile -----*/
  .my_page .user_profile{
    margin-bottom:0;
  }

  /* message */
  .my_page .user_profile .message{
    border-top:1px solid #d4d4d4;
    margin-top:20px;
    padding:20px 10px;
    width:100%;
  }

  .my_page .user_profile .progress_bar{
    padding-top:0;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents bookmark list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.bookmark_list{}

.bookmark_list ul.list li{
  width:31.6%;
}

.bookmark_list .btn_delete{
  float:right;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents edit box

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#edit_box{
  display:none;
}

.edit_box_wrap{
  max-width:414px;
  text-align:center;
  margin:3%;
}

.edit_box_wrap .thumb{
  border:1px solid #ccc;
  line-height:0;
}

.edit_box_wrap .button{
  margin:5% 0 0 0;
}

.edit_box_wrap ul{
  margin:0 0 20px 0;
}

.edit_box_wrap li{
  font-size:100%;
  text-align:left;
  margin:0 0 3% 0;
}

.edit_box_wrap li a{
  color:#fff;
  text-decoration:none;
  display:block;
  border-radius:3px;
}

.edit_box_wrap li.edit_design a{
  padding:7% 3% 7% 20%;
  background-color:#6c5b51;
  background:#6c5b51 url(img/icon_brace.png) no-repeat 5% center;
  background-size:40px auto
}

.edit_box_wrap li.cartin{
  max-width:100%;
}

.edit_box_wrap li.cartin input{
  width:100%;
  height:auto;
  color:#fff;
  text-align:left;
  padding:3% 4% 3% 15%;
  border:none;
  border-radius:3px;
  display:block;
  background:#ff9933 url(img/icon_cart.png) no-repeat 5% center;
  background-size:25px auto;
  box-sizing:border-box;
}

.edit_box_wrap li.post a{
  padding:4% 4% 4% 15%;
  background:#a0917f url(img/icon_star2.png) no-repeat 5% center;
  background-size:25px auto;
}

.edit_box_wrap p .copy_design{
  margin:0 3% 0 0;
}

.edit_box_wrap p .copy_design a,
.edit_box_wrap p .delete_design a{
  width:48%;
  font-size:87.5%;
  line-height:140%;
  text-align:center;
  text-decoration:none;
  padding:2%;
  display:inline-block;
  border-radius:3px;
  box-sizing:border-box;
}

.edit_box_wrap p .copy_design a{
  color:#94836f;
  border:1px solid #d3c6b3;
}

.edit_box_wrap p .delete_design a{
  color:#fff;
  border:1px solid #aeaeae;
  background-color:#aeaeae;
}

@media all and (max-width:414px){
  .edit_box_wrap{
    max-width:300px;
  }

  .edit_box_wrap li.edit_design a{
    background-size:30px auto;
  }

  .edit_box_wrap li.post a,
  .edit_box_wrap li.cartin input{
    font-size:87.5%;
    background-size:20px auto;
  }

  .edit_box_wrap p .copy_design a,
  .edit_box_wrap p .delete_design a{
    width:48%;
    font-size:75%;
  }
}

@media all and (max-width:375px){
  .edit_box_wrap{
    max-width:260px;
  }

  .edit_box_wrap li.edit_design a{
    padding:7% 3% 7% 20.5%;
  }

  .edit_box_wrap li.cartin input{
    padding:3% 4% 3% 16.5%;
  }

  .edit_box_wrap li.post a{
    padding:4.5% 4% 4.5% 16.5%;
  }

  .edit_box_wrap p .copy_design a,
  .edit_box_wrap p .delete_design a{
    padding:3%;
  }
}

@media all and (max-width:320px){
  .edit_box_wrap{
    max-width:220px;
  }

  .edit_box_wrap li.edit_design a{
    padding:8% 3% 8% 20.5%;
    background-size:25px auto;
  }

  .edit_box_wrap li.cartin input{
    font-size:75%;
    padding:4% 4% 4% 17%;
    background-size:18px auto;
  }

  .edit_box_wrap li.post a{
    font-size:75%;
    padding:5.5% 4% 5.5% 17%;
    background-size:18px auto;
  }

  .edit_box_wrap p .copy_design a,
  .edit_box_wrap p .delete_design a{
    font-size:70%;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents order list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.order_list{}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents order

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* order list
------------------------*/
.order .list2 li th{
  width:35%;
}

/* order info
------------------------*/
.order_info{}

.order_info .item_list{
  margin:0;
}

.order_info table.common{
  margin:20px 0 0 0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents point list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.point_list{}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents address list

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.address_list{}

.address_list .r_lnk{
  font-size:75%;
  margin:0 0 15px 0;
}

.address_list .list2{
  clear:right;
}

.address_list .btn_delete{
  float:right;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents address

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.address{}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents member info

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.member_info{}

.member_info dl{
  padding:20px;
  background:#fbf8f4;
  border:1px solid #d3c6b3;
}

.member_info dt,
.member_info dd{
}

.member_info dt{
  font-size:87.5%;
  font-weight:bold;
  line-height:140%;
  margin:0 0 7px 0;
}

.member_info dd{
  margin:0 0 20px 0;
}

.member_info dd:last-child{
  margin:0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents passowrd

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.password{}


#n01, #n02, #n03, #n04, #n05, #n06, #n07, #n08, #n09, #n10, #n11, #n12{
  padding-top: 50px;
  margin-top: -50px;
}

#b01, #b02, #b03, #b04, #b05, #b06, #b07, #b08, #b09, #b10, #b11, #b12{
  padding-top: 50px;
  margin-top: -50px;
}

#aries, #taurus, #gemini, #cancer, #leo, #virgo, #libra, #scorpio, #sagittarius, #capricorn, #aquarius, #pisces{
  padding-top: 50px;
  margin-top: -50px;
}

#c01, #c02, #c03, #c04, #c05, #c06, #c07, #c08, #c09, #c10, #c11, #c12{
  padding-top: 50px;
  margin-top: -50px;
}

#f01, #f02, #f03, #f04, #f05, #f06, #f07, #f08, #f09, #f10, #f11, #f12, #f13{
  padding-top: 50px;
  margin-top: -50px;
}

#as01, #as02, #as03, #as04{
  padding-top: 50px;
  margin-top: -50px;
}

#ao01, #ao02, #ao03, #ao04, #ao05, #ao06, #ao07, #ao08, #ao09{
  padding-top: 50px;
  margin-top: -50px;
}

#ao094{
  padding-top: 60px;
  margin-top: -60px;
}

#ar01, #ar02, #ar03{
  padding-top: 50px;
  margin-top: -50px;
}

#aw01, #aw02{
  padding-top: 50px;
  margin-top: -50px;
}

#ai01, #ai02, #ai03, #ai04{
  padding-top: 50px;
  margin-top: -50px;
}

#si01, #si02, #si03, #si04, #si05, #si06, #si07, #si08, #si09, #si10{
  padding-top: 70px;
  margin-top: -50px;
}

#main-sidebar{
  display: none;
}

.red{
  color:#F00;
}

.img_border{
  border: 1px solid #d8d8d8;
}

.mt_10{
  margin-top:10px;
}

dd.check_size{
  font-size: 75%;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 15px;
}

span.check_size{
  font-size: 75%;
  color: #ff0000;
  padding-left: 10px
}

#delivery_method label{
  display: initial;
}

#delivery_method .delivery_radio{
  height: 30px
}

#delivery_method .delivery_type_MDT001,
#delivery_method .delivery_type_MDT002
{
  margin-bottom: 15px;
}

#cod_cost label{
  display: initial;
}

.v-middle{
  vertical-align:middle;
}

.no_cod{
  color:#878787;
}

.adsense{
  text-align:center;
}

.adsense2{
  padding-top:60px;
  text-align:center;
}

.mb_10{
  margin-bottom:10px;
}

.mb_20{
  margin-bottom:20px;
}

.mt_20{
  margin-top:20px;
}

/* header#make
------------------------*/
header#make{
  padding:3% 5% 0 5%;
  width: inherit;
  background: initial;
  border-bottom: initial;
  position: initial;
}

@media all and (max-width:768px){
  header#make{
    margin:0 0 5% 0;
  }
}

/* logo_make
------------------------*/
#logo_make{
  width:160px;
  margin:0 auto 5% auto;
}

#logo_make a{
  width:160px;
  height:68px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  background:url(img/logo.png) no-repeat center 0;
  background-size:100% auto;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 topicpath_make

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#topicpath_make{
  padding:1% 3%;
  margin:2% 0;
  background:#fbf8f4;
}

#topicpath_make .clearfix li{
  font-size:87.5%;
  line-height:140%;
  padding:0 0 0 4%;
  margin:0 2% 0 0;
  background:url(img/icon_arrow2_1.png) no-repeat 0 50%;
  background-size:contain;
  word-wrap:break-word;
  float:left;
}

#topicpath_make .clearfix li a{}

#topicpath_make .clearfix li.home{
  padding:0;
  background:none;
}

#topicpath_make li strong{}

#topicpath_make li span{
  color:#878787;
}

@media all and (max-width:480px){
  #topicpath_make li{
    font-size:75%;
  }
}

@media all and (max-width:320px){
  #topicpath_make li{
    padding:0 0 0 5%;
    margin:0 2% 0 0;
  }
}

#wrapper_make{
  padding:1% 0 0 0;
  margin:0 auto;
  background:#fff;
  position:relative;
}

.sbmt_make{
  text-align:center;
  margin:20px 0 0 0;
}

.sbmt_make input[type="submit"]{
  width:80%;
  color:#fff;
  font-size:75%;
  font-weight:bold;
  display:inline-block;
  padding:10px 6.5px;
  border-radius:3px;
  border:1px solid #ff9933;
  background:#ff9933;
  background:linear-gradient(#ff9933, #ff9933);
}

.ex_mess{
  color: #F00;
  padding: 5px 0 10px 0;
  text-align: center;
}

.product ul.list li .category span{
  color:#fff;
  display: block;
  line-height: 1;
  padding:0.25em 0.5em;
  text-decoration: none;
  text-align: center;
}

.product ul.list li .category span.icon_cat01 {
  background-color: #0064D8;
}

.product ul.list li .category span.icon_cat02 {
  background-color: #F26868;
}

.product ul.list li .category span.icon_cat03 {
  background-color: #b69de0;
}

.product ul.list li .category span.icon_cat04 {
  background-color: #fad237;
}

.mb_50{
  margin-bottom:50px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents identification top

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.ident_top{
  padding:0 5px;
}

.ident_top .top_info{
 margin: 0 0 10px 0;
}

.ident_top .main_img{
  padding:0;
  width:100%;
}

.ident_top h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

.ident_top h2 span{
  font-size:68.75%;
  font-weight:normal;
  margin:0 0 0 15px;
}

.ident_top h3{
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:20px 0 10px 0;
  border-bottom:1px solid #6b5b51;
}

.ident_top p{
  font-size:75%;
  line-height:160%;
}

.ident_sample{
  border:1px solid #c7b681;
  margin: 0 0 20px 0;
  padding:19px;
}

.ident_sample .title{
  display:block;
}

.ident_sample .title h3{
  display:block;
  background:#fbf8f4;
  border-bottom:0px;
  margin: 20px 0;
  padding:10px;
  text-align:center;
}

.ident_sample ol{
  padding:0 0 0 1em;
}

.ident_sample ol li{
  font-size:75%;
  line-height: 160%;
  list-style:decimal;
  margin: 0 0 20px 0;
}

.ident_sample ol li strong{
  display: block;
  margin: 0 0 10px 0;
}

/* name
------------------------*/
.i_name_list>dt,
.i_name_list>dd,
.i_name_list ul,
.i_name_list li{
  display:block;
}

.i_name_list>dt{
  border:1px solid #d3c6b3;
  margin:0 10px 0 0;
  text-align:center;
  width:33%;
}

.i_name_list>dt a{
  font-weight:bold;
  color:#94836f;
  text-align:center;
  text-decoration:none;
  padding:10px;
  display:block;
}

.i_name_list>dt.select a{
  color:#fff;
  background:#d3c6b3;
}

.i_name_list ul{
  margin:10px 0;
}

.ident_list li{
  font-size:75%;
  width:auto;
  height: auto;
  line-height:140%;
  padding:10px;
  margin:0 0 10px 0;
  border:10px solid #eee9d9;
}

.ident_list li:after{
  content:"";
  height:0;
  display:block;
  clear:both;
}

.ident_list li .thumb{
  width:45%;
  float:left;
}

.ident_list li .thumb img{
  width:100%;
}

.ident_list li h4{
  background:#c7b681;
  color:#fff;
  margin:0;
  padding:4px 3px 3px;
  text-align:center;
  width:calc(55% - 15px);
  float:right;
}

.ident_list .data{
  display:block;
  padding:10px 0 0;
  width:calc(55% - 15px);
  text-align:center;
  float:right;
}

.ident_list .data img{
  padding:5px 10px;
  width:15%;
  max-width:42px;
}

.ident_list .data dl{
  display:block;
  letter-spacing:-1em;
  width:100%;
  float:none;
}

.ident_list .data dt,
.ident_list .data dd{
  display:inline-block;
  letter-spacing:normal;
  position:relative;
  vertical-align:top;
}

.ident_list .data dt{
  width:30%;
  text-align:left;
}

.ident_list .data dd{
  position: relative;
  margin:0;
  padding:0 0 0 1em;
  width:calc(70% - 1em);
  text-align:left;
}

.ident_list .data dd:before{
  content:"：";
  display: block;
  position: absolute;
  left:0;
}

@media all and (max-width:480px){
  .ident_list .data img{
    padding:5px 10px;
    width:42px;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents identification info

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.ident_info{
  padding: 0 5px;
}

.btn.ident_btn a{
  background:none;
  background-color:#c7b681;
  color:#fff;
  width:80%;
  border:0px;
}

.ident_info p{
  font-size:75%;
  line-height:160%;
}

.ident_info .r_lnk{
  font-size:75%;
  margin:10px 0 0 0;
}

/* top info
------------------------*/
.ident_info .top_info{}

.ident_info .top_info .title{
  position:relative;
  display:block;
  width:100%;
  height:135px;
  text-align:center;
  border:1px solid #c7b681;
}

.ident_info .top_info .title img{
  max-height:110px;
}

.ident_info .top_info .title h2{
  position:absolute;
  bottom:0;
  font-size:87.5%;
  display:block;
  width:100%;
  padding:10px;
  vertical-align:middle;
  background-color: rgba(255,255,255,0.6);
  box-sizing:border-box;
}

.ident_info .top_info .title h2 span{
  display:block;
  font-family:sans-serif;
  font-size:75%;
  font-weight:normal;
  margin:5px 0 0 0;
  text-transform:uppercase;
}


/* contents
------------------------*/
.ident_info ul.contents{
  margin:20px 0 0 0;
}

.ident_info ul.contents li{
  font-size:75%;
  line-height:150%;
  margin:0 0 10px 0;
}

.ident_info ul.contents li a{
  display:block;
  padding:0 0 0 17px;
  background:url(img/icon_arrow5.png) no-repeat 0 2px;
  background-size:12px 12px;
}

/* detail
------------------------*/
.ident_info .detail{
  margin:20px 0 0 0;
}

.ident_info .detail h3{
  color:#c7b681;
  font-size:87.5%;
  padding:0 0 3px 0;
  margin:30px 0 10px 0;
  border-bottom:1px solid #c7b681;
}

.ident_info .detail h4{
  color:#c7b681;
  font-size:87.5%;
  padding:2px 0 2px 7px;
  margin:15px 0 5px 0;
  border-left:5px solid #c7b681;
}

.ident_info .detail .img{
  text-align:center;
  margin:15px 0;
}

/* ident
------------------------*/
#ident{
  margin:20px 0 0 0;
}

#ident h3{
  color: #6b5b51;
  height:auto;
  padding:20px 20px 10px;
  margin:0;
  text-align:center;
  background-color:#eee9d9;
  border-bottom:0px;
}

#ident h4{
  color:#6b5b51;
  padding:0;
  margin:10px 0 0 0;
  padding:15px 0;
  border-top:2px solid #d3c6b3;
  border-left:0px;
}

#ident h4 span{
  font-size:75%;
  font-weight:normal;
}

.ident_info .ident_box .ex{
  font-size:75%;
}

.ident_contents{
  border:10px solid #eee9d9;
  margin:0 0 20px 0;
  padding:10px;
}

.ident_content img{
  width:100%;
}

.ident_detail{
  margin:0 0 10px 0;
}

/* box
------------------------*/
.list_box{
  font-size:75%;
  letter-spacing:-1em;
  padding:15px;
  margin-bottom:10px;
  border:1px solid #d8d8d8;
}

.list_box dt,
.list_box dd{
  display:inline-block;
  letter-spacing:normal;
  line-height:140%;
  margin-bottom:10px;
  vertical-align:top;
}

.list_box dt:last-child,
.list_box dd:last-child{
  margin-bottom:0;
}

.list_box dt{
  font-weight:bold;
  width:20%;
}

.list_box dd{
  width:80%;
}

@media all and (max-width:480px){
  .list_box dt{
    width:35%;
  }

  .list_box dd{
    width:65%;
  }
}

/* list
------------------------*/
.list_photo{
  text-align:center;
}

.list_photo li{
  display:block;
  font-size:75%;
  margin-bottom:20px;
  padding:0 10px;
  text-align:center;
}

.list_photo li img{
  width:50%;
}

.list_img{
  letter-spacing:-1em;
  margin:0;
}

.list_img li{
  display:inline-block;
  font-size:68.75%;
  letter-spacing:normal;
  margin:0 5px 20px 0;
  padding:0;
  text-align:center;
}

.list_img .items{
  display:block;
  margin:0 5px 0 0;
  padding:0;
}

.list_img .thumb{
  display:block;
  height:100%;
  width:100%;
  margin:0 0 10px 0;
  border:1px solid #d8d8d8;
}

.list_img li .thumb img{
  width:100%;
  vertical-align:middle;
}

/* table
------------------------*/
.ident_info table.common th,
.ident_info table.common td{
  background:#fff;
}

.ident_info table.common .even th,
.ident_info table.common .even td{
  background:#eee9d9;
}

.ident_info table.common th{
  width:50%;
  text-align:left;
}

.ident_info table.common th a{
  color: #6ec8c0;
}

/*
#tab accordion 1
------------------------
#tab_accordion{
  width:100%;
  height:auto;
  position:relative;
}

#tab_accordion h4.tab{
  color:#c7b681;
  display:block;
  position:absolute;
  top:0;
  left:0;
  font-size:68.75%;
  font-weight:normal;
  height:46px;
  width:calc(20% - 1px);
  margin:0;
  padding:16px 3px;
  border:1px solid #c7b681;
  background:#fff;
  box-sizing:border-box;
  text-align:center;
  word-break:keep-all;
  text-overflow:ellipsis;
  overflow:hidden;
  cursor:pointer;
  -moz-transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
  transition:all 0.2s linear;
}

#tab_accordion h4.tab:nth-of-type(2){
  left:20%;
}

#tab_accordion h4.tab:nth-of-type(3){
  left:40%;
}

#tab_accordion h4.tab:nth-of-type(4){
  left:60%;
}

#tab_accordion h4.tab:nth-of-type(5){
  left:80%;
}

#tab_accordion h4.tab.active{
  border-bottom:none;
  background:#c7b681;
  color:#fff;
}

#tab_accordion .ident_content{
  width:100%;
  height:auto;
  padding:60px 0 0 0;
  text-align:left;
  overflow-y:auto;
  display:none;
  box-sizing:border-box;
}

#tab_accordion .ident_content .title{
  margin:10px 0 0 0;
  text-align:center;
}
*/

/*
#tab accordion 2
------------------------*/
#tab_accordion{
  width:100%;
  height:auto;
  position:relative;
}

#tab_accordion h4.tab{
  color:#c7b681;
  display:block;
  font-size:87.5%;
  font-weight:normal;
  height:46px;
  width:100%;
  margin:0 0 10px 0;
  padding:16px 3px;
  border:1px solid #c7b681;
  background:#fff;
  box-sizing:border-box;
  text-align:center;
  cursor:pointer;
  -moz-transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
  transition:all 0.2s linear;
}

#tab_accordion h4.tab.active{
  border-bottom:none;
  background:#c7b681;
  color:#fff;
}

#tab_accordion .ident_content{
  width:100%;
  height:auto;
  padding:0 0 10px 0;
  text-align:left;
  overflow-y:auto;
  display:none;
  box-sizing:border-box;
}

#tab_accordion .ident_content .title{
  margin:10px 0 0 0;
  text-align:center;
}

/* blockquote
------------------------*/
blockquote{
  margin:0;
}

blockquote,
.bq{
  background-color:#fdfbf9;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic";
  font-style:oblique;
  margin-bottom:20px;
  padding:20px;
}

blockquote p:last-child,
blockquote p.ex:last-child,
.bq p:last-child,
.bq p.ex:last-child{
  margin-bottom:0;
}

blockquote .list_box{
  margin:0;
}

.bq_normal{
  background-color:#fff;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  font-style:normal;
  padding:0;
}

q{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic";
  font-style:italic;
}

.source{
  color:#878787;
  font-size:75%;
  margin:10px 0 20px 0;
  text-align:right;
}

.list_box+.source,
blockquote+.source{
  margin-top:-10px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

video flexslider

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.video .flexslider-video{
  position:relative;
  clear:both;
}

.video .slides li{
  position:relative;
}

.video .slides li:before{
  content:"";
  display:block;
  padding-top:56.25%;/* 9/16*100=56.25 */
}

.video .slides li iframe{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
}

/* detail
------------------------*/
.item_info .video{
  clear:both;
  margin:10px auto 0;
}

.item_info .video ul.flex-viewport{
  width:740px;
  margin:0 auto;
}

.item_info .slides{
  padding:0;
}

.item_info .video li{
  padding:0;
  margin:0;
  background:none;
}

.item_info .video .flex-control-thumbs{
  width:calc(100% + 5px);
  margin:5px 0 0 -2.5px;
  overflow:hidden;
  text-align:center;
}

.item_info .video .flex-control-thumbs li{
  width:calc(25% - 5px);
  margin:0 5px 0 0;
  box-sizing:border-box;
}

.item_info .video .flex-control-thumbs li:nth-child(4n){
  margin:0;
}

.item_info .video li img{
  width:100%;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

japanese stone

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#top_info_jpn_stone{
  max-width:1080px;
  height:auto;
  margin:0 auto 5% auto;
}

#top_info_jpn_stone h2{}

#top_info_jpn_stone .text{
  font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size:180%;
  color:#3e3e3e;
  text-align:center;
  line-height:160%;
  padding:0 0.5%;
  margin:5% 0 0 0;
}

@media all and (max-width:768px){
  #top_info_jpn_stone .text{
    font-size:140%;
    line-height:140%;
  }
}

@media all and (max-width:480px){
  #top_info_jpn_stone .text{
    font-size:100%;
  }
}


/* japanese stone
------------------------*/
.jpn_beads_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height: auto!important;
  margin: 0 0 40px!important;
  width: 100%!important;
}

.jpn_beads_list li {
  width: 30%;
}

.jpn_beads_list li h3 {
  text-align: center;
  font-size: 12px;
}

.japanese_stone{
  max-width:1080px;
  font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color:#3e3e3e;
  /* margin:0 auto !important; */
}


/* jpn stone list
------------------------*/
.japanese_stone .jpn_stone_list{
  padding:0 1%;
  margin:0 0 5% 0;
}


/* line up
------------------------*/
.japanese_stone .jpn_lineup{}

.japanese_stone .jpn_lineup ul{}

.japanese_stone .jpn_lineup li{
  text-align:center;
}

.japanese_stone .jpn_lineup li.bg_01{
  background:url(img/jpn_stone/bg_01.gif) repeat 0 0;
}

.japanese_stone .jpn_lineup li.bg_02{
  background:url(img/jpn_stone/bg_02.gif) repeat 0 0;
}

.japanese_stone .jpn_lineup li.bg_03{
  background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.7),rgba(255, 255, 255, 0)) ,url(img/jpn_stone/bg_03.gif) repeat 0 0;
  background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.7),rgba(255, 255, 255, 0)) ,url(img/jpn_stone/bg_03.gif) repeat 0 0;
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0.7),rgba(255, 255, 255, 0)) ,url(img/jpn_stone/bg_03.gif) repeat 0 0;
}

.japanese_stone .jpn_lineup li.bg_04{
  background:url(img/jpn_stone/bg_04.gif) repeat 0 0;
}

.japanese_stone .jpn_lineup .bgblack div{
  padding:6% 6% 10% 6%;
  background-image:url(img/jpn_stone/bgblack_brc.png),url(img/jpn_stone/bgblack_brc.png);
  background-position:108% -33px,-33px 108%;
  background-repeat:no-repeat,no-repeat;
}

.japanese_stone .jpn_lineup .bgwhite div{
  padding:6% 6% 10% 6%;
  background-image:url(img/jpn_stone/bgwhite_brc.png),url(img/jpn_stone/bgwhite_brc.png);
  background-position:108% -33px,-33px 108%;
  background-repeat:no-repeat,no-repeat;
}

.japanese_stone .jpn_lineup li img{
  max-width:600px;
  margin:0 auto;
}

.japanese_stone .jpn_lineup li h3{
  font-size:180%;
  display:block;
  margin:0 0 7% 0;
}

.japanese_stone .jpn_lineup li h3 span{
  font-size:70%;
  line-height:160%;
  display:block;
  margin:2% 0 0 0;
}

.japanese_stone .jpn_lineup li .text{
  font-size:80%;
  line-height:180%;
}

.japanese_stone .jpn_lineup .bgblack{
  color:#fff;
}

@media all and (max-width:667px){
  .japanese_stone .jpn_lineup li img{
    width:80%;
  }

  .japanese_stone .jpn_lineup .bgblack div{
    background-size:30% auto,30% auto;
  }

  .japanese_stone .jpn_lineup .bgwhite div{
    background-size:30% auto,30% auto;
  }
}

@media all and (max-width:414px){
  .japanese_stone .jpn_lineup li h3{
    font-size:140%;
  }
}

/* button */
.japanese_stone .jpn_lineup li .btn_jpn_stone{
  width:60%;
  font-size:140%;
  margin:7% auto 0 auto;
}

.japanese_stone .jpn_lineup li .btn_jpn_stone a{
  color:#fff;
  padding:3%;
  text-decoration:none;
  display:block;
  border-radius:3px;
}

.japanese_stone .jpn_lineup .bgblack .btn_jpn_stone a{
  background:url(img/jpn_stone/btnbg_black.gif) repeat-x 0 0;
}

.japanese_stone .jpn_lineup .bgwhite .btn_jpn_stone a{
  background:url(img/jpn_stone/btnbg_white.gif) repeat-x 0 0;
}

@media all and (max-width:414px){
  .japanese_stone .jpn_lineup li .btn_jpn_stone{
    font-size:100%;
  }

  .japanese_stone .jpn_lineup li .btn_jpn_stone a{
    padding:5% 3%;
  }

}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

universe stone

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#top_info_unv_stone{
  max-width:1080px;
  height:auto;
  margin:0 auto 5% auto;
}

#top_info_unv_stone h2{}


/* universe stone
------------------------*/
.universe_stone{
  max-width:1080px;
  font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color:#3e3e3e;
  /* margin:0 auto !important; */
}


/* jpn stone list
------------------------*/
.universe_stone .unv_stone_list{
  padding:0 1%;
  margin:0 0 5% 0;
}


/* line up
------------------------*/
.universe_stone .unv_lineup{}

.universe_stone .unv_lineup ul{}

.universe_stone .unv_lineup li{
  text-align:center;
}

.universe_stone .unv_lineup div{
  padding:6% 6% 10% 6%;
  background:#fff url(img/unv_stone/bg_01.png) no-repeat left bottom;
  background-size:contain;
}


.universe_stone .unv_lineup li:nth-child(2n) div{
  background:#000 url(img/unv_stone/bg_02.png) no-repeat right top;
  background-size:contain;
}

.universe_stone .unv_lineup li img{
  max-width:600px;
  margin:0 auto;
}

.universe_stone .unv_lineup li h3{
  font-size:180%;
  display:block;
  margin:0 0 7% 0;
}

.universe_stone .unv_lineup li h3 span{
  font-size:70%;
  line-height:160%;
  display:block;
  margin:2% 0 0 0;
}

.universe_stone .unv_lineup li .text{
  font-size:80%;
  line-height:180%;
}

.universe_stone .unv_lineup li:nth-child(2n){
  color:#fff;
}

@media all and (max-width:667px){
  .universe_stone .unv_lineup li img{
    width:80%;
  }
}

@media all and (max-width:414px){
  .universe_stone .unv_lineup li h3{
    font-size:140%;
  }
}

/* button */
.universe_stone .unv_lineup li .btn_unv_stone{
  width:60%;
  font-size:140%;
  margin:7% auto 0 auto;
}

.universe_stone .unv_lineup li .btn_unv_stone a{
  color:#fff;
  padding:3%;
  text-decoration:none;
  display:block;
  border-radius:3px;
  background-color:#000;
}

.universe_stone .unv_lineup li:nth-child(2n) .btn_unv_stone a{
  color:#202020;
  background-color:#fff;
}

@media all and (max-width:414px){
  .universe_stone .unv_lineup li .btn_unv_stone{
    font-size:100%;
  }

  .universe_stone .unv_lineup li .btn_unv_stone a{
    padding:5% 3%;
  }

}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

Crystal stone

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#top_info_cry_stone{
  max-width:1080px;
  height:auto;
  margin:0 auto 8% auto;
}

#top_info_cry_stone h2{
  margin:0 0 4% 0;
}

#top_info_cry_stone .text{
  width:80%;
  text-align:center;
  font-size:110%;
  line-height:180%;
  padding:0 0.5%;
  margin:0 auto;
}

@media all and (max-width:667px){
  #top_info_cry_stone .text{
  font-size:100%;
  }
}

@media all and (max-width:414px){
  #top_info_cry_stone .text{
  font-size:85%;
  }
}


/* crystal stone
------------------------*/
.crystal_stone{
  max-width:1080px;
}


/* cry stone list
------------------------*/
.crystal_stone .cry_stone_list{
  padding:0 1%;
  margin:0 0 5% 0;
}


/* line up
------------------------*/
.crystal_stone .cry_lineup{}

.crystal_stone .cry_lineup ul{}

.crystal_stone .cry_lineup li{
  color:#202020;
  text-align:center;
}

.crystal_stone .cry_lineup div{
  padding:6% 6% 10% 6%;
  background-repeat:no-repeat;
  background-position:left bottom;
  background-color:#fff;
  background-size:contain;
}

.crystal_stone .cry_lineup li#cry_01 div{
  background-image:url(img/cry_stone/bg_01.png);
}

.crystal_stone .cry_lineup li#cry_02 div{
  background-image:url(img/cry_stone/bg_02.png);
}

.crystal_stone .cry_lineup li#cry_03 div{
  background-image:url(img/cry_stone/bg_03.png);
}

.crystal_stone .cry_lineup li#cry_04 div{
  background-image:url(img/cry_stone/bg_04.png);
}

.crystal_stone .cry_lineup li#cry_05 div{
  background-image:url(img/cry_stone/bg_05.png);
}

.crystal_stone .cry_lineup li img{
  max-width:600px;
  margin:0 auto;
}

.crystal_stone .cry_lineup li h3{
  font-size:180%;
  font-weight:normal;
  display:block;
  margin:0 0 7% 0;
}

.crystal_stone .cry_lineup li h3 span{
  font-size:70%;
  line-height:160%;
  display:block;
  margin:2% 0 0 0;
}

.crystal_stone .cry_lineup li h3 span:before{
  content:"－";
  margin:0 5px 0 0;
}

.crystal_stone .cry_lineup li h3 span:after{
  content:"－";
  margin:0 0 0 5px;
}

.crystal_stone .cry_lineup li .text{
  font-size:80%;
  line-height:180%;
}

@media all and (max-width:667px){
  .crystal_stone .cry_lineup li img{
    width:80%;
  }
}

@media all and (max-width:414px){
  .crystal_stone .cry_lineup li h3{
    font-size:140%;
  }
}


/* button */
.crystal_stone .cry_lineup li .btn_cry_stone{
  width:50%;
  font-size:85%;
  text-align:center;
  margin:5% auto 0 auto;
}

.crystal_stone .cry_lineup li .btn_cry_stone a{
  color:#fff;
  padding:3%;
  text-decoration:none;
  display:block;
  background:#202020;
}

@media all and (max-width:414px){
  .crystal_stone .cry_lineup li .btn_cry_stone a{
  padding:5% 3%;
  }
}

/* cry beads list
------------------------*/
.cry_beads_list{
  text-align:center;
  padding:0 1%;
  margin:8% 0 0 0;
}

.cry_beads_list h2{
  font-size:180%;
  font-weight:normal;
  margin:0 0 3% 0;
}

.cry_beads_list p.text{
  font-size:80%;
  line-height:180%;
  margin:0 0 4% 0;
}

.cry_beads_list ul{
  display:flex;
  justify-content:center;
}

.cry_beads_list li{
  max-width:260px;
  max-height:auto;
  text-align:left;
  margin:0 1%;
}

.cry_beads_list li img{
  display:block;
}

.cry_beads_list li h3{
  font-size:100%;
  margin:4% 0;
}

.cry_beads_list li p{
  font-size:80%;
  line-height:160%;
}

@media all and (max-width:414px){
  .cry_beads_list h2{
    font-size:140%;
  }

  .cry_beads_list li h3{
    font-size:75%;
    line-height:160%;
  }

  .cry_beads_list li p{
    font-size:70%;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

dzi stone

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#top_info_dzi_stone{
  max-width:1080px;
  height:auto;
  margin:0 auto 8% auto;
}

#top_info_dzi_stone h2{
  margin:0 0 4% 0;
}

#top_info_dzi_stone .text{
  width:80%;
  color:#445866;
  text-align:center;
  font-size:110%;
  line-height:180%;
  padding:0 0.5%;
  margin:0 auto;
}

@media all and (max-width:667px){
  #top_info_dzi_stone .text{
  font-size:100%;
  }
}

@media all and (max-width:414px){
  #top_info_dzi_stone .text{
  font-size:85%;
  }
}

/* dzi stone
------------------------*/
.dzi_stone{
  max-width:1080px;
  padding:0 5%;
}

/* about dzi
------------------------*/
.dzi_stone .about_dzi{
  text-align:center;
  margin:0 0 8% 0;
}

.dzi_stone .about_dzi h3{
  font-size:160%;
  font-weight:normal;
  margin:0 0 4% 0;
}

.dzi_stone .about_dzi p{
  font-size:85%;
  line-height:180%;
  margin:0 0 3% 0;
}

/*pascle dzi*/
.dzi_stone .about_dzi .pascle_dzi{
  margin:0 auto 8% auto;
}

.dzi_stone .about_dzi .pascle_dzi p{
  font-size:85%;
  line-height:180%;
  margin:3% auto 0 auto;
}

@media all and (max-width:414px){
  .dzi_stone .about_dzi h3{
  font-size:140%;
  }

  .dzi_stone .about_dzi p{
  font-size:80%;
  }

  .dzi_stone .about_dzi .pascle_dzi p{
  font-size:80%;
  }
}

/* dzi stone list
------------------------*/
.dzi_stone .dzi_stone_list{
  text-align:center;
  margin:0 0 8% 0;
}

.dzi_stone .dzi_stone_list ul{
  letter-spacing: -.4em;
}

.dzi_stone .dzi_stone_list ul li{
  width:23%;
  letter-spacing:normal;
  margin:0 1% 5% 1%;
  display:inline-block;
}

.dzi_stone .dzi_stone_list ul li img{
  max-width:230px;
  width:80%;
}

.dzi_stone .dzi_stone_list ul li h3{
  font-size:100%;
  font-weight:normal;
  margin:4% 0 0 0;
}

.dzi_stone .dzi_stone_list ul li p{
  font-size:85%;
  color:#a89a8a;
  margin:4% 0 0 0;
}

@media all and (max-width:414px){
  .dzi_stone .dzi_stone_list ul li{
  width:45%;
  }

  .dzi_stone .dzi_stone_list ul li h3{
  font-size:85%;
  }

  .dzi_stone .dzi_stone_list ul li p{
  font-size:80%;
  }
}

/* line up
------------------------*/
.dzi_stone .dzi_lineup{}

.dzi_stone .dzi_lineup ul{}

.dzi_stone .dzi_lineup li{
  text-align:center;
  padding:4% 0;
  margin:0 0 8% 0;
  /*background:-moz-linear-gradient(top, rgba(0, 0, 0, 2%),rgba(255, 255, 255, 0));
  background:-webkit-linear-gradient(top, rgba(0, 0, 0, 2%),rgba(255, 255, 255, 0));
  background:linear-gradient(to bottom, rgba(0, 0, 0, 2%),rgba(255, 255, 255, 0));*/
}

.dzi_stone .dzi_lineup li img{
  width:80%;
  max-width:560px;
  margin:0 auto 4% auto;
}

.dzi_stone .dzi_lineup li h3{
  width:100%;
  font-size:160%;
  font-weight:normal;
  margin:0 0 3% 0;
}

.dzi_stone .dzi_lineup li h3:before{
  content:"";
  width:80px;
  height:auto;
  background-size:contain;
  display:inline-block;
  margin:0 2% 0 0;
  vertical-align:middle;
}

.dzi_stone .dzi_lineup li .dzi_1 h3:before{
  /*height:25px;*/
  background:url(img/dzi_stone/dzi_ic_ryugan.png) no-repeat 0 0;
}

.dzi_stone .dzi_lineup li .dzi_2 h3:before{
  height:25px;
  background:url(img/dzi_stone/dzi_ic_kugan.png) no-repeat 0 0;
}

.dzi_stone .dzi_lineup li .dzi_3 h3:before{
  height:25px;
  background:url(img/dzi_stone/dzi_ic_hobyo.png) no-repeat 0 0;
}

.dzi_stone .dzi_lineup li .dzi_4 h3:before{
  height:27px;
  background:url(img/dzi_stone/dzi_ic_suirenka.png) no-repeat 0 0;
}

.dzi_stone .dzi_lineup li .dzi_5 h3:before{
  height:26px;
  background:url(img/dzi_stone/dzi_ic_ryujin.png) no-repeat 0 0;
}

.dzi_stone .dzi_lineup li .dzi_6 h3:before{
  height:25px;
  background:url(img/dzi_stone/dzi_ic_kannon.png) no-repeat 0 0;
}

.dzi_stone .dzi_lineup li .dzi_7 h3:before{
  height:27px;
  background:url(img/dzi_stone/dzi_ic_kikkotyojyu.png) no-repeat 0 0;
}

.dzi_stone .dzi_lineup li .dzi_8 h3:before{
  height:26px;
  background:url(img/dzi_stone/dzi_ic_sisenkoga.png) no-repeat 0 0;
}

.dzi_stone .dzi_lineup li h3 span{
  font-size:55%;
  margin:0 0 0 1%;
  vertical-align:middle;
}

.dzi_stone .dzi_lineup li h3 span:before{
  content:"－";
  margin:0 5px 0 0;
}

.dzi_stone .dzi_lineup li h3 span:after{
  content:"－";
  margin:0 0 0 5px;
}

.dzi_stone .dzi_lineup li .power{
  color:#a89a8a;
  font-size:100%;
  margin:0 0 4% 0;
}

.dzi_stone .dzi_lineup li .text{
  width:80%;
  margin:0 auto;
  font-size:85%;
  line-height:180%;
}

@media all and (max-width:667px){
  .dzi_stone .dzi_lineup li h3{
  font-size:150%;
  }
}

@media all and (max-width:414px){
  .dzi_stone .dzi_lineup li h3{
  font-size:120%;
  }

 .dzi_stone .dzi_lineup li h3:before{
   display:none;
  }

  .dzi_stone .dzi_lineup li h3 span{
  font-size:60%;
  }

  .dzi_stone .dzi_lineup li .power{
  font-size:85%;
  }

  .dzi_stone .dzi_lineup li .text{
  font-size:80%;
  }
}

/* button */
.dzi_stone .dzi_lineup li .btn_dzi_stone{
  width:50%;
  font-size:85%;
  text-align:center;
  margin:5% auto 0 auto;
}

.dzi_stone .dzi_lineup li .btn_dzi_stone a{
  color:#6b5b51;
  padding:3%;
  text-decoration:none;
  display:block;
  border:1px solid #6b5b51;
}

.dzi_stone .dzi_lineup li .btn_dzi_stone a:hover{
  color:#a89a8a;
  border:1px solid #a89a8a;
}

@media all and (max-width:414px){
  .dzi_stone .dzi_lineup li .btn_dzi_stone a{
  padding:5% 3%;
  }
}

/* dzi story
------------------------*/
.dzi_stone .dzi_story{
  text-align:center;
  margin:0 0 8% 0;
  padding:0 0 30% 0;
  background:url(img/dzi_stone/dzi_story_bg.jpg) no-repeat 0 bottom;
  background-size:contain;
}

.dzi_stone .dzi_story h3{
  font-size:160%;
  font-weight:normal;
  margin:0 0 4% 0;
}

.dzi_stone .dzi_story p{
  font-size:85%;
  line-height:180%;
  margin:0 0 3% 0;
}

@media all and (max-width:414px){
  .dzi_stone .dzi_story h3{
  font-size:140%;
  }

  .dzi_stone .dzi_story p{
  font-size:80%;
  }
}

/* sns
------------------------*/
.sns {
  letter-spacing: normal;
  line-height: 1;
  padding: 0;
  text-align:center;
}

.sns h3{
  width:87px;
  height:15px;
  margin:0 auto 4% auto;
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
  background:url(img/dzi_stone/followus.gif) no-repeat 50% 0;
  background-size:contain;
}

.sns ul {
  letter-spacing: -.4em;
}

.sns li {
  display:inline-block;
  letter-spacing:normal;
  margin:0 3%;
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
}

.sns li a {
  height:40px;
  width:40px;
  border-radius:40px;
  -webkit-border-radius:40px;
  -moz-border-radius:40px;
  display:block;
  background-color:#d3c6b3;
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:contain;
}

.sns .ic_blog a {
  background-image:url(img/dzi_stone/ic_blog.png);
}

.sns .ic_twitter a {
  background-image:url(img/dzi_stone/ic_twitter.png);
}

.sns .ic_instagram a {
  background-image:url(img/dzi_stone/ic_instagram.png);
}

.sns .ic_facebook a {
  background-image:url(img/dzi_stone/ic_facebook.png);
}

@media all and (max-width:414px){
  .sns h3{
  background-size:80% 80%;
  }

  .sns li a {
  height:30px;
  width:30px;
  border-radius:30px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  }
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

#main contents notice & complete

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* logo */
#make #logo{
  width:160px;
  margin:0 auto 5% auto;
  height:68px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
  background:url(img/logo.png) no-repeat center 0;
  background-size:100% auto;
}

/* common
------------------------*/
#wrapper_make .notice,
#wrapper_make .complete{
  margin:0 5px;
}

#wrapper_make .notice h2,
#wrapper_make .complete h2{
  color:#94836f;
  text-align:center;
  font-size:100%;
  padding:10px 5px;
  margin:0 0 15px 0;
  border-top:1px solid #94836f;
  border-bottom:1px solid #d3c6b3;
}

#wrapper_make .notice h3,
#wrapper_make .complete h3{
  font-size:87.5%;
  padding:0 0 0 5px;
  margin:0 20px 5px;
  border-left:5px solid #94836f;
}

#wrapper_make .notice p,
#wrapper_make .complete p{
  font-size:87.5%;
  line-height: 150%;
  margin: 0 20px 10px;
}

#wrapper_make .notice p.ex,
#wrapper_make .complete p.ex{
  font-size:75%;
}

#wrapper_make .notice .note,
#wrapper_make .complete .note{
  font-size:75%;
}

#wrapper_make .notice br.disnone,
#wrapper_make .complete br.disnone{
  display:none;
}

#wrapper_make .notice .btn,
#wrapper_make .complete .btn{
  margin:20px 0;
}

#wrapper_make .notice .btn a,
#wrapper_make .complete .btn a{
  width:80%;
  color:#fff;
  font-size:inherit;
  font-weight:bold;
  display:inline-block;
  padding:10px 6.5px;
  border-radius:3px;
  border:1px solid #6b5b51;
  background:#6b5b51;
}

/* upload */
#wrapper_make #upload{
  padding:20px;
  margin:20px;
  border:1px solid #d3c6b3;
}

#wrapper_make #upload h3{
  border-left-style:none;
  margin:5px 0 20px;
  padding-left:0;
  text-align: center;
}

#wrapper_make #upload .ex{
  margin:0 0 10px;
  text-align: center;
}

/* download */
#wrapper_make #download{
  margin:20px 5px 0;
}

#wrapper_make .download_app{
  display:flex;
  justify-content:center;
}

#wrapper_make .btn_download_app{
  margin:0 15px;
}

#wrapper_make .download_app .btn_download_app{
  text-align:center;
}

#wrapper_make .download_app .btn_download_app p{
  margin:5px 0;
}

/* notice
------------------------*/
#wrapper_make .notice .message{
  margin: 20px 0;
  text-align:center;
}

/* complete
------------------------*/
#wrapper_make .complete .message{
  margin: 60px 0;
  text-align:center;
}

#wrapper_make .complete .note{
  margin:0 20px 5px;
}

#wrapper_make .complete .btn_back a{
  background-color:#d4d4d4;
  border-color:#d4d4d4;
}

@media screen and (max-width: 600px) and (max-height: 960px) {

  #wrapper_make .notice h3,
  #wrapper_make .complete h3{
    margin:0 15px 5px 15px;
  }

  #wrapper_make .notice p,
  #wrapper_make .complete p{
    margin:0 10px 10px 10px;
  }

  #wrapper_make .notice .note,
  #wrapper_make .complete .note{
    margin:0;
    font-size:75%;
  }

  #wrapper_make .notice br.disnone,
  #wrapper_make .complete br.disnone{
    display:inline;
  }
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

loading - custom-made

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* overlay
------------------------*/
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(27, 31, 39, 0.7);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.overlay .holder_basis {
  position: relative;
  margin: 0 auto;
  width: 90vw;
  max-width: 1200px;
}


/* loading
------------------------*/
@-webkit-keyframes loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
#design_dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 42px;
}
#design_dialog .panel_message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 26px 0;
  font-family: "BIZ UDPGothic", "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.15em;
  line-height: 1.6;
  text-align: center;
  color: #FFF;
}
#design_dialog .panel_message .container_image {
  padding-bottom: 12px;
}
#design_dialog .panel_message .txt_main {
  font-weight: 700;
}
#design_dialog .symbol {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 23px;
  aspect-ratio: 1/1;
  overflow: visible;
  font-family: "symbols";
  font-weight: normal;
  font-style: normal;
  font-display: block;
  letter-spacing: 0;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #404553;
}
#design_dialog .symbol .inner_symbol {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 15px;
  height: 15px;
  overflow: visible;
  letter-spacing: 0;
  line-height: 1;
  transform-origin: 50% 50% 0;
  transform: translate3d(-50%, -50%, 0);
  transition: transform 0.8s ease 0s;
}
#design_dialog .symbol .inner_symbol > * {
  fill: none;
  stroke-width: 1px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-origin: 50% 50% 0;
  transition: transform 0.8s ease 0s;
}
#design_dialog .symbol.size-badge {
  width: 84px;
}
#design_dialog .symbol.size-badge .inner_symbol {
  width: 56px;
  height: 56px;
}
#design_dialog .symbol.size-badge .inner_symbol > * {
  stroke-width: 2px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
#design_dialog .panel_message .symbol.type-loading {
  -webkit-animation-name: loading;
          animation-name: loading;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#design_dialog .panel_message .symbol.type-loading .inner_symbol > * {
  stroke-width: 2px;
}
#design_dialog .panel_message .symbol.type-loading .inner_symbol .symbol_track {
  color: rgba(27, 31, 39, 0.4);
}
#design_dialog .panel_message .symbol.type-loading .inner_symbol .symbol_runner {
  color: #FFF;
}

.spFooter {
  width: 90vw;
  margin: auto;
}

.spFooter section {
  margin: 60px auto 0px auto;
}