@charset "utf-8";
body {
  color: #555;
}

#header {
  background: #fff url(/html/user_data/common/h_bk.jpg) repeat-x 0 0;
  border-top: 5px solid #660066;
  padding-top: 10px;
}
#header .copy {
  font-size: 1.2rem;
  padding-bottom: 5px;
}
#header .category-nav {
  border-bottom: 1px solid #dcb5dc;
  border-top: 1px solid #dcb5dc;
}
.category-nav a {
  font-size: 1.4rem;
}
.front_page .comment_area h4 {
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  color: #333;
}

/*ホームボタン*/
.home_link a {
  background: url(/html/user_data/common/home.png) no-repeat 10px center;
  padding-left: 46px;
}

/*ヘッダーお問い合わせ、電話番号*/
#h_box {
  position:absolute;
  right: 16px;
  top: 50px;
  text-align: right;
  overflow: hidden;
}
#h_box ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
#h_box ul li:last-child {
  margin-right: 0;
}
.h_contact a {
  padding: 10px 15px;
  font-size: 1.8rem;
  text-align: center;
  background: #660066;
  color: #ffffff;
}
.h_contact a:hover {
  opacity: 0.6;
}
.h_contact p {
  margin: 0;
}
.h_tel p {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.2;
}
.h_tel p.tel_txt {
  font-size: 3rem;
  color: #BA0006;
}
#h_tel p.tel_txt span {
  font-size: 2rem;
}
/*強調、テキスト装飾*/
.bold {
  font-weight: bold;
}
.color01 {
  color: #660066;
}
.color02 {
  color: #C79CCB;
}
.color_red {
  color: #ba0006;
}
.big {
  font-size: 3rem;
}
.small {
  font-size: 1.2rem;
}
.f_l {
    float: left;
}
.f_r {
    float: right;
}
.txt_c {
    text-align: center;
}
.txt_l {
    text-align: left;
}
.txt_r {
    text-align: right;
}
.txt_m {
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
img.f_l {
  margin: 0 15px 15px 0;
}
img.f_r {
  margin: 0 0 15px 15px;
}
.border_t {
  border-top: 1px dotted #ccc;
  padding-top: 10px;
  margin-top: 10px;
}
.border_b {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
/*Hタグ*/
#contents h1 {
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  margin-left: 0;
  color: #000;
  font-weight: normal;
}
#contents h2 {
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  color: #000;
  padding-bottom: 4px;
  border-bottom: 4px solid #660066;
}
#contents h2 span {
  font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;
  font-size: 1rem;
  color: #999;
  font-weight: normal;
  padding-left: 10px;
}
#contents h2.sp_t {
  border-bottom: 4px solid #ba0006;
}
#contents #news_area h2 {
  border-bottom: 0;
}
#contents h3 {
  background: #999;
  color: #fff;
  border-radius: 6px;
  padding: 5px 8px;
  font-weight: normal;
}
#contents #shopping_confirm h3 {
  background: none;
  color: #333;
}
#shopping_confirm .heading02 {
  background: none;
}
#contents h3 span {
  font-size: 1rem;
  padding-left: 5px;
}
#contents h4 {
  color: #660066;
}

/*テーブル*/
table.border {
  width: 100%;
  margin: 25px 0;
}
table.border th,
table.border td {
  border-bottom: 1px dotted #ccc;
  text-align: left;
  padding: 8px;
}
table.f_border {
  width: 100%;
  margin: 25px 0;
  border-top: 1px solid #ccc;
}
table.f_border th {
    box-shadow: 1px 1px 0 #FFFFFF inset;
    border: 1px solid #CCCCCC;
    vertical-align: top;
    font-weight: bold;
    background-color: #F0F0F0;
    padding: 5px;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
table.f_border th {
    box-shadow: 1px 1px 0 #FFFFFF inset;
    border: 1px solid #CCCCCC;
    vertical-align: top;
    font-weight: bold;
    background-color: #F0F0F0;
    padding: 5px 0;
    white-space: nowrap;
}
}

table.f_border td {
    border: 1px solid #CCCCCC;
    padding: 5px;
    vertical-align: middle;
}
table.f_border thead th {
  text-align: center;
}
/*リスト*/
ul.list_style {
  list-style: disc outside;
  margin-left: 15px;
  margin-bottom: 15px;
}
ol.list_style {
  list-style: decimal outside;
  margin-left: 15px;
  margin-bottom: 15px;
}
ul.li_border {
  border-top: 1px dotted #ccc;
}
ul.li_border li {
  border-bottom: 1px dotted #ccc;
  padding: 15px 0;
  overflow: hidden;
}
ul.li_border li h3 {
  margin-top: 0;
}
ul.li_border li h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.li_border p {
  margin: 0;
}
/*ボックス*/
#main {
  margin-bottom: 45px;
  overflow: hidden;
}
.front_page #main {
  margin-bottom: 0;
}
.wrap {
    clear: both;
    overflow: hidden;
    padding-bottom: 10px;
}
.box01 {
  background: #F8F8F8;
  padding: 20px;
  border-radius: 8px;
  overflow: hidden;
}
.box02 {
  background: #F8F8F8;
  padding: 20px;
  border-radius: 8px;
  overflow: hidden;
}
.box01 p,
.box02 p {
  margin: 0;
}
.box01 h3, .box01 h4,
.box02 h3, .box02 h4 {
  margin-top: 0;
}
/*バナー風ボックス*/
.sp_box {
  background: #E8D7EA url(/html/user_data/common/bg_box.jpg) repeat 0 0;

}
.sp_box.sp01 {
  border: 1px solid #ba0006;
}
.sp_box.sp02 {
  border: 1px solid #660066;
}
#contents .sp_box h4 {
  background: #660066;
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 1.9rem;
  font-weight: normal;
  text-align: center;
  padding: 8px 0;
  color: #ffffff;
  margin: 0;
}
#contents .sp_box p {
  padding: 10px;
  margin: 0;
  font-size: 1.2rem;
}
#contents .sp_box a {
  text-align: center;
  display: block;
}
#contents .sp_box.sp01 a img {
  width: 52%;
  padding: 5px 0 0;
  height: auto;
}
#contents .sp_box.sp02 a img {
  width: 80%;
  padding: 5px 10px 0;
  height: auto;
}
/*リンクボタン*/
.btn-success {
  background-color: #660066;
  border-color: #660066;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #C79CCB;
    border-color: #C79CCB;
}
/*おすすめカテゴリー*/
#item_list02 a:hover {
  opacity: 0.6;
}
.more_link {
  display: inline-block;
  padding: 3px 6px;
  background: #E8D7EA;
  color: #660066;
  text-align: center;
  border-radius: 6px;
  font-size: 1.4rem;
  font-weight: bold;
}
.top_cat {
  font-size: 1.4rem;
  letter-spacing: -0.4em;
  padding: 10px;
  background: #f8f8f8;
  border-radius: 6px;
}
.top_cat li {
  display: inline-block;
  letter-spacing: normal;
  box-sizing: border-box;
  vertical-align: top;
  width: 50%;
  padding-right: 5px;
}
.top_cat li:last-child {
  padding-right: 0;
}
a .top_cat {
  display: block;
  color: #444;
}
.top_cat span {
  display: block;
  font-weight: bold;
}
/*おすすめ注目商品*/
.item_gallery {
  font-size: 1.2rem;
}
.item_gallery a.item_photo {
  min-height: 178px;
}
/*テキストバナー*/
.txt_bnr strong {
  color: #ba0006;
}
.txt_bnr strong strong {
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
/*お客様の声*/
.voice {
  background: #F8F8F8;
  padding: 5px 20px;
  border-radius: 8px;
}
.voice ul {

}
.voice ul li {
  padding: 15px 0 15px 80px;
  margin: 10px 0;
  position: relative;
}
.voice ul li:before {
  position: absolute;
  content: url(/html/user_data/common/p_voice.png);
  left: 0;
  top: 0;
}
/*コンテンツメニュー*/
.bn_menu li a img:hover {
  opacity: 0.6;
}
.txt_menu li a {
  background: #E8D7EA url(/html/user_data/common/bg_menu.png) no-repeat right center;
  color: #660066;
  text-align: center;
  padding: 15px;
  border-radius: 8px;
}
.txt_menu li a:hover {
  opacity: 0.8;
}
/*ショップインフォメーション*/
#information {
  background: #F8F8F8;
  padding: 5px 20px;
  border-radius: 8px;
}
.card_li li {
  letter-spacing: -0.4em;
}
.card_li li {
  display: inline-block;
  letter-spacing: normal;
  box-sizing: border-box;
  vertical-align: top;
  padding: 3px 2px;
}
.card_li li img {
  width: 35px;
  height: auto;
}
/*カレンダー*/
#calendar {
  margin: 0 !important;
}
#calendar ul li .calendar_inner {
  padding: 5px 20px 20px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
}
#calendar th {
  text-align: center;
}
#calendar th,
#calendar td {
  padding: 3px 0;
}
#calendar .holiday {
  background: #C79CCB !important;
}
#footer_info dl dt {
  font-weight: bold;
  border-bottom: 1px dashed #ccc; 
}
#footer_info dl dt {
  padding-bottom: 3px;
}
#footer_info dl dd {
  padding: 3px 0 6px;
}
#footer_info img {
  text-align: center;
  display: block;
  margin: auto;
}
#footer_info p {
  word-break:break-all;
}
/*商品関連*/
.item_name {
  color: #660066;
  font-weight: bold;
  margin: 0 0 4px;
}
.item_price {
  color: #ba0006;
}
/*はんこの製作工程*/
.box_flow {
  overflow: hidden;
  margin-left: 0;
}
.box_flow li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 40px;
  padding: 15px;
  background: #f8f8f8;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.box_flow li::before {
  content: '';
  position: absolute;
  border-color: #C79CCB transparent transparent transparent;
  border-style: solid;
  border-width: 20px;
  bottom: -50px;
  left: 46.5%;
}
.box_flow li:last-child {
  margin-bottom: 0;
}
.box_flow li:last-child::before {
  border: 0;
}
.box_flow li p {
  padding-bottom: 0;
}
ul.box_flow h3 {
  margin-top: 0;
}
.box_flow li span {
  display: block;
  color: #c79ccb;
  font-size: 1.8rem;
  font-weight:  bold;
  border-bottom: 1px dotted #c79ccb;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
/*お客様の声*//*印鑑の材質について*/
ul.box_customer,
ul.box_material {
  border-top: 1px dotted #ccc;
}
ul.box_customer li,
ul.box_material li {
  overflow: hidden;
  padding: 15px;
  margin: 0;
  border-bottom: 1px dotted #ccc;
}
ul.box_customer li img,
ul.box_material li img {
  width: 14%;
  height: auto;
  margin-bottom: 0;
}
ul.box_customer li p,
ul.box_customer li a,
ul.box_material li p,
ul.box_material li a {
  display: block;
  margin-top: 0;
}
/*よくある質問*/
dl.faq {

}
dl.faq dt,
dl.faq dd {
  padding: 10px 10px 10px 45px;
  margin: 10px 0;
  position: relative;
}
dl.faq dt {
  background: #F8F8F8;
  border-radius: 6px;
  font-weight: bold;
}
dl.faq dd {

}
dl.faq dt:before,
dl.faq dd:before {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 3rem;
  font-weight: normal;
}
dl.faq dt:before {
  content: 'Q';
  color: #c79ccb;
}
dl.faq dd:before {
  content: 'A';
  color: #ba0006;
}
/*商品ページ補足*/
#contents h3.item_name {
  background: none;
  color: #000;
  border-radius: 0;
  padding:0;
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.text-primary {
  color: #ba0006;
}
.btn-info {
    background-color: #666;
    border-color: #666;
    color: #fff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.btn-primary {
    color: #fff;
    background-color: #ba0006;
    border-color: #ba0006;
}
/*.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #D85145;
    border-color: #D85145;
}*/
/*商品オプション*/
.cart_area .classcategory_list li {
  margin: 0 0 8px;
}
.cart_area .classcategory_list li:nth-child(odd) {
  margin: 0;
}
/*ページトップ*/
.page_top {
  background: url(/html/user_data/common/arrows.png) no-repeat center center;
  opacity: 0.8;
  width: 64px;
  height: 64px;
  position: absolute;
  right: 2%;
  z-index: 99999;
}
.page_top:hover {
  opacity: 0.2;
}

@media only screen and (max-width: 767px) {
    #h_box {
	position: static;
	text-align: center;
    }
    #h_box ul li {
	margin-top: 5px;
	margin-bottom: 5px;
    }
    .h_contact a {
	font-size: 1.4rem;
	padding: 10px;
	}
    .h_tel p {
	margin: 0;
	font-size: 1rem;
	line-height: 1.2;
    }
    .h_tel p.tel_txt {
	font-size: 2.5rem;
	color: #BA0006;
    }
    .h_tel p.tel_txt span {
	font-size: 1rem;
    }
    .f_l, .f_r {
        float: none;
    }
    img.f_l, img.f_r {
      margin: 15px auto;
      display: block;
      text-align: center;
    }
    table.f_border th,table.f_border td {
	font-size: 1.2rem;
    }
    table.f_border td .big {
	font-size: 2rem;
    }
    .item_gallery a.item_photo {
      min-height: 150px;
    }



}