@charset "utf-8";

a:link,a:visited{color:#000;}
a:hover{color:#000;}

.breadcrumbs{max-width:1000px;margin-right:auto;margin-left:auto;}
.breadcrumbs p#pankuzu{font-size:12px;padding:17px 20px 31px;text-align:left;}
header{border-bottom:1px solid #cdcdcd;}

.contents_coin{font-size:14px;line-height:1.5;font-family: "Noto Sans JP", sans-serif;padding-top:20px;}
.contents_coin .serif{font-family: "Noto Serif JP", serif;}
.contents_coin .font_number{font-family: "Barlow Condensed", sans-serif;}

.pc{display:none;}

/** rest **/
#contents{padding:0;}
.contents_coin h2{margin:0;}
.contents_coin p.name{float:none;width:auto;}
.contents_coin .price{background:none;color:#000;width:auto;height:auto;margin:0;padding:0;font-weight:normal;font-size:16px;	float:none;display:block;}
.contents_coin .price p{text-align:left;padding:0;}
.htxt{text-indent:150%;overflow:hidden;white-space:nowrap;}
.fixlink{z-index:100;}


.contents_coin .title {margin:0 20px 20px;background: #fff;position:relative;border:1px solid #000;}
.contents_coin .title::after{content:"";display:block;position:absolute;left:0;top:17.5px;width:100%;height:70px;background:url(../../../coin/img/coin_title_bg.png) 50% 50% no-repeat;-webkit-background-size:auto 70px;background-size:auto 70px;}
.contents_coin .title h2{color:#504326;line-height:1.6;font-size:22px;padding:90px 20px 20px;} 
.contents_coin .title h2 span{display:block;position:relative;text-align:center;}
.contents_coin .title h2 span::after{content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#504326;}

.contents_coin .explain{margin-bottom:40px;padding:0 20px;line-height:1.75;} 

.coin_list{padding:0 20px 60px;}
.coin_list h3{font-size:16px;font-weight:bold;margin-bottom:20px;padding:10px;text-align:center;background-color:#E1CA93;}
.coin_list .navi{margin-bottom:20px;margin-right:-10px;}
.coin_list .navi ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.coin_list .navi li{width:98px;margin-right:10px;margin-bottom:10px;}
.coin_list .navi li:last-child{margin-right:0;}
.coin_list .navi li a{color:#504326;text-decoration:none;text-align:center;font-size:12px;line-height:1.1;padding:8px 6px 9px;display:block;border:1px solid #504326;-webkit-border-radius: 5px; border-radius: 5px;}

.coin_list .area{padding-bottom:30px;margin:0 -10px;}
.coin_list .area h4{text-align:center;font-size:18px;color:#504326;font-weight:bold;padding:6px 10px 7px;border-top:1px solid #E1CA93;border-bottom:1px solid #E1CA93;}
.coin_list .boxes{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.coin_list .box{margin-top:20px;width:49.5%;padding:18px 17px;position:relative;margin-right:1%;padding:10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.coin_list .box:nth-child(2n){margin-right:0;}
.coin_list .box:nth-child(n+3){margin-top:10px;}

.coin_list .box{background:url(../../../coin/img/coin_list_bg.jpg) 50% 50% repeat-y;}

.coin_list .box::after,
.coin_list .box::before{content:"";display:block;position:absolute;left:0;width:100%;height:60px;}

.coin_list .box::after{top:0;background:url(../../../coin/img/coin_list_head.jpg) 50% 0% no-repeat;}
.coin_list .box::before{bottom:0;background:url(../../../coin/img/coin_list_foot.jpg) 50% 100% no-repeat;}

.coin_list .box,
.coin_list .box::after,
.coin_list .box::before{-webkit-background-size:100% auto;background-size:100% auto;}

.coin_list .in_box{min-height:240px;text-decoration:none;display:block;position:relative;padding:45px 15px 60px;z-index:20;}

.coin_list .tag{font-size:13px;width:calc(100% - 40px);text-align:right;position:absolute;top:19px;right:19px;}
.coin_list .image{ width: 128px;margin:0 auto 9px;text-align:center;position: relative; }
.coin_list .image:before{ padding-top: 100%;content:"";display: block; }
.coin_list .image span{ background:none 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.coin_list .name{font-weight:bold;text-align:center;font-size:16px;letter-spacing:0;line-height:1.25;margin-bottom:5px;}
.coin_list .label{font-size:12px;margin-bottom:4px;text-align:center;padding:2px 0 6px;background:url(../../../coin/img/coin_list_name.jpg) 50% 50% no-repeat;}
.coin_list .price{text-align:center;font-weight:bold;font-size:28px;}

.coin_list .box > a {z-index:50;position:relative;display: block;position: absolute;text-align: center;width: 80%;padding: 5px 0;border-radius: 5px;bottom: 30px;left: 10%;background: #AA0002;border: 2px solid #AA0002;color: #fff;text-decoration: none;font-weight: bold;}

.contents_coin .delivery_link{max-width:268px;margin-right:auto;margin-left:auto;text-align:center;border-bottom:1px solid #504326;padding-bottom:10px;}
.contents_coin .delivery_link a{line-height:1.1;padding:2px 25px 7px 40px;color:#504326;display:block;position:relative;text-decoration:none;}
.contents_coin .delivery_link a::before,
.contents_coin .delivery_link a::after{content:"";;position:absolute;display:block;background:none 50% 50% no-repeat;-webkit-background-size:contain;background-size:cover;position:contain;top:50%;transform:translateY(-50%);}
.contents_coin .delivery_link a::before{width:32px;height:32px;left:0;background-image:url(../../../coin/img/send_icon.png);}
.contents_coin .delivery_link a::after{width:12px;height:17px;right:0;background-image:url(../../../coin/img/arrow_link.png);}

.coin_contact .area{padding:40px 20px 31px;border-bottom:1px solid #000;border-top:1px solid #000;}

.coin_contact .to_form{padding-bottom:10px;margin-bottom:30px;position:relative;}
.coin_contact .to_form h2{font-size:18px;margin:0 0 7px;letter-spacing:0;}
.coin_contact .to_form h2 span{background:url(../../../coin/img/glass_b.png) 5px 50% no-repeat;display:inline-block;padding-left:35px;}
.coin_contact .to_form .greeting{}

.coin_contact .to_form .btn{max-width:252px;margin:20px auto 0;}
.coin_contact .to_form .btn a{-webkit-border-radius: 50px; border-radius: 50px;text-decoration:none;display:block;padding:8px 5px 12px;font-size:16px;line-height:1.1;text-align:center;color:#fff;background:url(../../../coin/img/arrow_right_w.png) 95% 50% no-repeat #504326;}

.coin_contact .box{padding-top:30px;border-top:1px dashed #000;}

.coin_contact .to_tel{font-size:18px;max-width:420px;margin-right:auto;margin-left:auto;}
.coin_contact .to_tel .name{font-weight:bold;}
.coin_contact .to_tel .time{margin-bottom:10px;}
.coin_contact .to_tel .time span{display:block;font-size:12px;}
.coin_contact .to_tel .address{margin-bottom:10px;}
.coin_contact .to_tel .address span{display:block;margin-top:8px;font-size:12px;}
.coin_contact .to_tel .tel a{display:inline-block;padding-left:47px;background:url(../../../coin/img/tel_free_b.png) 0 50% no-repeat;margin-bottom:3px;}
.coin_contact .to_tel .tel span{display:block;font-size:12px;}

.coin_contact .map{ width: 100%;position: relative;margin-top:30px;}
.coin_contact .map:before{ padding-top: 66.66%;content:"";display: block; }
.coin_contact .in_map{ position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.coin_contact .in_map > iframe{display:block;width:100%;height:100%;}

/** **/

.contents_coin_detail h2{color:#504326;padding:0 20px;font-size:22px;font-weight:bold;margin-bottom:30px;}

.coin_visual{margin-bottom:40px;padding:0 20px;}
.coin_visual ul{max-width:755px;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
.coin_visual li{max-width:350px;width:46.3%;position: relative;}
.coin_visual li:before{ padding-top: 100%;content:"";display: block; }
.coin_visual li span{ display:block;background:none 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.coin_visual p{margin-top:20px;font-size:13px;}

.coin_price{margin:0 20px 30px;position:relative;background:url(../../../coin/img/coin_price_bg.png) 50% 50% repeat-y;-webkit-background-size:100% auto;background-size:100% auto;}
.coin_price::before,
.coin_price::after{content:"";display:block;position:absolute;left:0;width:100%;background:none 50% 50% no-repeat;-webkit-background-size:100% auto;background-size:100% auto;}
.coin_price::before{height:35px;top:0;background-image:url(../../../coin/img/coin_price_head.png);background-position:50% 0%;}
.coin_price::after{height:30px;bottom:0;background-image:url(../../../coin/img/coin_price_foot.png);background-position:50% 100%;}

.coin_price .box{padding:35px 20px 30px;position:relative;color:#504326;text-align:center;}
.coin_price .label{font-size:22px;margin-bottom:4px;font-weight:bold;}
.coin_price .price{font-size:48px;font-weight:bold;margin-bottom:3px;letter-spacing:0;line-height:51px;}
.coin_price .price .unit{font-size:16px;position:relative;top:-4px;}
.coin_price .add{text-align:left;}
.coin_price .stump{position:absolute;top:-30px;right:10px;width:80px;height:80px;}

.coin_guide{margin:0 20px 30px;padding:30px 20px;position:relative;-webkit-border-radius: 10px; border-radius: 10px;border:1px solid #000;color:#504326;}
.coin_guide h3{margin-bottom:10px;font-size:18px;font-weight:bold;}
.coin_guide .sub{margin-bottom:9px;font-size:16px;}
.coin_guide .sub span{font-size:18px;}
.coin_guide .text{}
.coin_guide .text span{display:block;margin-top:5px;font-size:16px;}
.coin_guide .btn{max-width:352px;margin:20px auto 0;}
.coin_guide .btn a{position:relative;text-decoration:none;color:#fff;text-align:left;font-size:18px;display:block;padding:20px;border:1px solid #8F6614;background: linear-gradient(to bottom, #CD9519, #8F6614);-webkit-border-radius: 10px; border-radius: 10px;}
.coin_guide .btn a::after{content:"";display:block;position:absolute;top:50%;margin-top:-13.5px;right:20px;width:18px;height:27px;background:url(../../../coin/img/arrow_right_rb.png) 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;}
.coin_guide .btn a span{font-size:14px;display:block;}

.coin_spec{margin-bottom:40px;padding:0 20px;}
.coin_spec table{width:100%;border-top:1px solid #000;}
.coin_spec table,
.coin_spec tbody,
.coin_spec th,
.coin_spec td{display:block;}
.coin_spec tr{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.coin_spec th,
.coin_spec td{padding:15px 10px;border-right:1px solid #000;border-bottom:1px solid #000;
-webkit-box-sizing: border-box;box-sizing: border-box;}
.coin_spec th{width:120px;background-color:#E1CA93;text-align:center;}
.coin_spec th.column_01{border-left:1px solid #000;}
.coin_spec th.column_02{border-left:1px solid #000;}
.coin_spec td{width:calc(100% - 120px);}
.coin_spec td.blank{display:none;}

.coin_detail{margin-bottom:40px;padding:0 20px;}
.coin_detail .box{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #cdcdcd;}
.coin_detail .box h3{font-weight:bold;font-size:16px;margin-bottom:10px;}
.coin_detail .box:last-child{padding-bottom:0;margin-bottom:0;border:none;}
.coin_detail .in_box .image{margin-top:20px;text-align:center;}

.coin_faq{margin:0 20px 40px;}
.coin_faq h3{margin-bottom:30px;font-size:18px;text-align:center;background-color:#E1CA93;padding:9px 20px 12px;}
.coin_faq .area{padding:0 20px}
.coin_faq .box{padding-bottom:20px;}
.coin_faq .box:last-child{margin-bottom:0;}
.coin_faq .faq_q{color:#504326;}

.coin_relation{margin-bottom:40px;padding:0 20px;}
.coin_relation .sub_title{position:relative;}
.coin_relation h3{margin-bottom:10px;font-size:18px;text-align:left;background-color:#E1CA93;padding:9px 20px 12px;}

.coin_relation .back{position:absolute;top:50%;right:16px;width:142px;margin-top:-12px;}
.coin_relation .back a{text-decoration:none;display:block;padding:6px 6px 7px;font-size:12px;line-height:1.1;text-align:center;color:#fff;background-color:#504326;}
.coin_relation .back a span{padding:0 10px;display:inline-block;background:url(../../../coin/img/arrow_right_w.png) 100% 100% no-repeat;}

.coin_relation .box{border-bottom:1px solid #504326;margin-bottom:10px;}
.coin_relation .box:nth-child{margin-bottom:0;}
.coin_relation .box a{color:#000;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;align-items:center;text-decoration:none;padding:16px 20px 10px 27px;}
.coin_relation .box .image{width:74px;position: relative;}
.coin_relation .box .image:before{ padding-top: 100%;content:"";display: block; }
.coin_relation .box .image span{ display:block;background:none 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.coin_relation .box .text{width:calc(100% - 96px);}
.coin_relation .box .tag{font-size:12px;}
.coin_relation .box .name{font-size:15px;font-weight:bold;}
.coin_relation .box .label{font-size:12px;}
.coin_relation .box .price{font-size:22px;font-weight:bold;padding-right:24px;text-align:right;color:#504326;}

.coin_flow{margin-bottom:60px;padding:0 20px;}
.coin_flow h3{margin-bottom:30px;padding:10px 0 11px 20px;font-size:18px;background: linear-gradient(to right, #E1CA93, #E1CA93);border-left:9px solid #504326;}
.coin_flow .area{margin-bottom:40px;}
.coin_flow .step{position:relative;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #000;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.coin_flow .step .num{font-size:16px;position:absolute;top:0;left:0;font-weight:bold;line-height:1.1;text-align:center;display:block;padding:3px 0 2px;width:24px;height:24px;color:#fff;background:#504326;-webkit-box-sizing: border-box;box-sizing: border-box;}
.coin_flow .step .image{width:90px;height:90px;position:relative;margin-left:10px;margin-right:20px;}
.coin_flow .step .image img{max-width:69px;max-height:69px;display:block;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.coin_flow .step .text{max-width:calc(100% - 120px)}
.coin_flow .step h4{font-size:16px;margin-bottom:5px;font-weight:bold;}
.coin_flow .step p br{display:none;}

.coin_flow .etc .in_box{padding:20px;border:1px solid #504326;-webkit-border-radius: 10px; border-radius: 10px;}
.coin_flow .etc h4{font-size:16px;text-align:center;margin-bottom:14px;}
.coin_flow .etc li{position:relative;padding-left:20px;}
.coin_flow .etc li::after{content:"・";display:block;position:absolute;left:0;top:0;height:100%;width:20px;text-align:right;}
