@charset "utf-8";

body{font-size:16px;}
img{max-width:100%;}

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

#container,#contents{width:1080px;}
#column-center{width:842px;}

.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{line-height:1.5;font-family: "Noto Sans JP", sans-serif;}
.contents_coin .serif{font-family: "Noto Serif JP", serif;}
.contents_coin .font_number{font-family: "Barlow Condensed", sans-serif;}

/** rest **/
.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;}

.contents_coin .title {margin-bottom:29px;background: #fff;position:relative;border:1px solid #000;}
.contents_coin .title::after{content:"";display:block;position:absolute;right:30px;top:50%;width:392px;height:100%;transform:translateY(-50%);background:url(../img/coin_title_bg.png) 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;}
.contents_coin .title h2{width:332px;color:#504326;line-height:1.6;font-size:32px;padding:24px 0 24px 41px;} 
.contents_coin .title h2 span{display:block;position:relative;}
.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{font-size:15px;margin-bottom:43px;padding:0 20px;} 

.coin_list{padding-bottom:84px;}
.coin_list h3{font-size:18px;margin-bottom:53px;padding:10px;text-align:center;background-color:#E1CA93;}
.coin_list .navi{margin-bottom:46px;}
.coin_list .navi ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;}
.coin_list .navi li{width:133px;margin-right:14px;}
.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 .navi li a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.coin_list .navi li a:hover{color:#fff;background-color:#504326;}

.coin_list .area{padding-bottom:38px;}
.coin_list .area h4{text-align:center;margin-bottom:10px;font-size:24px;color:#504326;font-weight:bold;padding:9px 10px 11px;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{width:33%;padding:18px 17px;position:relative;margin-right:0.5%;padding:10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.coin_list .box:nth-child(3n){margin-right:0;}

.coin_list .box{background:url(../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(../img/coin_list_head.jpg) 50% 0% no-repeat;}
.coin_list .box::before{bottom:0;background:url(../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:64px 17px 75px;z-index:20;}
.coin_list .tag{font-size:15px;width:calc(100% - 40px);text-align:right;position:absolute;top:19px;right:19px;}
.coin_list .image{ width: 128px;margin:0 auto 18px;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:15px;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(../img/coin_list_name.jpg) 50% 50% no-repeat;}
.coin_list .price{text-align:center;font-weight:bold;font-size:36px;}

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

.coin_list .box .image{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.coin_list .box:hover .image{transform:scale(1.1);}
.coin_list .box:hover .name,
.coin_list .box:hover .price {color:#AA0002;}

.contents_coin .delivery_link{text-align:right;display:-webkit-flex;display:flex;flex-direction: row-reverse;}
.contents_coin .delivery_link a{font-size:18px;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(../img/send_icon.png);}
.contents_coin .delivery_link a::after{width:12px;height:17px;right:0;background-image:url(../img/arrow_link.png);}

.contents_coin .delivery_link a:hover{text-decoration:underline;}

.coin_contact .area{padding:41px 46px 45px 23px;border-bottom:1px solid #000;border-top:1px solid #000;}

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

.coin_contact .to_form .btn{width:242px;position:absolute;right:26px;bottom: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:18px;line-height:1.1;text-align:center;color:#fff;background:url(../img/arrow_right_w.png) 95% 50% no-repeat #504326;}
.coin_contact .to_form .btn a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.coin_contact .to_form .btn a:hover{background-color:#AA0002;}

.coin_contact .box{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}

.coin_contact .to_tel{width:348px;font-size:18px;line-height:1.2;}
.coin_contact .to_tel .name{margin-bottom:10px;float:none;width:100%;}
.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(../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: 395px;position: relative;}
.coin_contact .map:before{ padding-top: 53.16%;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;font-size:24px;font-weight:bold;margin-bottom:30px;}

.coin_visual{margin-bottom:10px;}
.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:25px;font-size:12px;padding:0 30px;}

.coin_price{margin-bottom:29px;position:relative;background:url(../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(../img/coin_price_head.png);background-position:50% 0%;}
.coin_price::after{height:30px;bottom:0;background-image:url(../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:24px;margin-bottom:4px;font-weight:bold;}
.coin_price .price{font-size:43px;font-weight:bold;margin-bottom:3px;letter-spacing:0;line-height:51px;}
.coin_price .price .unit{font-size:18px;position:relative;top:-4px;}
.coin_price .add{font-size:15px;}
.coin_price .stump{position:absolute;top:-38px;right:26px;}

.coin_guide{margin-bottom:33px;padding:39px 22px 61px 63px;position:relative;-webkit-border-radius: 10px; border-radius: 10px;border:1px solid #000;color:#504326;}
.coin_guide h3{margin-left:-4px;margin-bottom:12px;font-size:24px;}
.coin_guide .sub{margin-bottom:9px;font-size:18px;;}
.coin_guide .sub span{font-size:21px;}
.coin_guide .text{font-size:15px;}
.coin_guide .text span{display:block;margin-top:5px;font-size:18px;}
.coin_guide .btn{position:absolute;width:352px;min-height:116px;right:22px;bottom:21px;}
.coin_guide .btn a{position:relative;text-decoration:none;color:#fff;text-align:left;font-size:24px;display:block;padding:31px 49px 31px 39px;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:-18px;right:34px;width:23px;height:36px;background:url(../img/arrow_right_rb.png) 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;}
.coin_guide .btn a span{font-size:18px;display:block;}

.coin_guide .btn a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.coin_guide .btn a:hover{background:linear-gradient(to bottom, #AA0002, #4E4636);}

.coin_spec{margin-bottom:51px;}
.coin_spec table{width:100%;border-top:1px solid #000;}
.coin_spec th,
.coin_spec td{padding:16px 33px 17px;font-size:18px;border-right:1px solid #000;border-bottom:1px solid #000;}
.coin_spec th{background-color:#E1CA93;text-align:center;}
.coin_spec th.column_01{border-left:1px solid #000;max-width:101px;width:20.65%;}
.coin_spec th.column_02{max-width:203px;width:23.9%;}

.coin_detail{margin-bottom:55px;}
.coin_detail .box{margin-bottom:30px;font-size:18px;padding-bottom: 30px;border-bottom: 1px solid #cdcdcd;}
.coin_detail .box:last-child{margin-bottom:0;border-bottom: none;padding-bottom:0;}
.coin_detail .in_box.on_img{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
.coin_detail .in_box .image{width:292px;text-align:center;}
.coin_detail .in_box.on_img .text{width:calc(100% - 321px);}

.coin_faq{margin-bottom:30px;}
.coin_faq h3{margin-bottom:34px;font-size:18px;text-align:center;background-color:#E1CA93;padding:9px 10px 12px;}
.coin_faq .area{padding:0 4px 0 26px;font-size:18px;}
.coin_faq .box{padding-bottom:27px;}
.coin_faq .faq_q{color:#504326;}

.coin_relation{margin-bottom:84px;display:none;}
.coin_relation.is_active{display:block;}
.coin_relation .sub_title{position:relative;}
.coin_relation h3{margin-bottom:2px;font-size:18px;text-align:center;background-color:#E1CA93;padding:9px 10px 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(../img/arrow_right_w.png) 100% 100% no-repeat;}

.coin_relation .back a{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.coin_relation .back a:hover{background-color:#AA0002;}

.coin_relation .area{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.coin_relation .box{width:48.84%;margin-right:2.32%;border-bottom:1px solid #504326;}
.coin_relation .box:nth-child(2n){margin-right:0;}
.coin_relation .box a{color:#000;-webkit-box-sizing: border-box;box-sizing: border-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;align-items:center;text-decoration:none;padding:26px 20px 10px 27px;height:100%;}
.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% - 106px);}
.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:26px;font-weight:bold;padding-right:44px;text-align:right;color:#504326;}

.coin_relation .box a,
.coin_relation .box a .image{-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.coin_relation .box a:hover{background-color:rgba(225, 202, 147, 0.3);}
.coin_relation .box a:hover .image{transform:scale(1.1);}

.coin_flow{margin-bottom:75px;}
.coin_flow h3{margin-bottom:38px;padding:10px 0 11px 20px;font-size:18px;background: linear-gradient(to right, #E1CA93, #E1CA93);border-left:9px solid #504326;}
.coin_flow .area{padding:0 20px 51px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.coin_flow .step{width:36.88%;margin-right:13.12%;margin-bottom:31px;position:relative;}
.coin_flow .step_03{margin-right:5.22%;margin-bottom:0;}
.coin_flow .step .num{font-size:26px;position:absolute;top:0;left:0;font-weight:bold;line-height:1.1;text-align:center;display:block;padding:6px 0 7px;width:42px;height:42px;color:#fff;background:#504326;-webkit-box-sizing: border-box;box-sizing: border-box;}
.coin_flow .step .image{width:100%;height:166px;position:relative;}
.coin_flow .step .image img{max-width:91px;max-height:91px;display:block;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.coin_flow .step h4{font-size:18px;margin-bottom:9px;}
.coin_flow .step p{font-size:12px;margin-right:-20px;}

.coin_flow .etc{width:57.9%;padding-top:65px;}
.coin_flow .etc .in_box{padding:32px 46px 41px;border:1px solid #504326;-webkit-border-radius: 10px; border-radius: 10px;}
.coin_flow .etc h4{font-size:18px;text-align:center;margin-bottom:14px;}
.coin_flow .etc li{font-size:12px;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;}

@media (min-width: 678px) {
    .coin_contact .to_tel .tel a{
        pointer-events: none;
    }
}