@charset "UTF-8";

/* index
----------------------------------------------- */
.category_list a{margin: 0 auto 6vw;width: 80%;}
.category_list a img{width: 100%;margin-bottom:2%;}
.category_list a p{font-weight:bold;font-size:120%;line-height:1.2;}

/* 詳細
----------------------------------------------- */
.intro{margin-bottom: 10vw;}
.recommend{margin-bottom: 10vw;}
.recommend ul{margin-bottom: 8vw;}
.recommend li{padding: 3.5% 4% 3.5% 2em;margin-bottom: 2%;font-weight: 600;text-indent: -1.3em;line-height: 1.4;border-bottom: 1px dashed #d8d3c8;}
.recommend li:before {content:"\f058";font-family: icon;color: var(--gold);margin-right: 5px;}
.recommend li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.recommend .read{color: var(--black);font-weight: 600;font-size: 5vw;line-height: 1.5;font-family: var(--mincho);margin-bottom: 2vw;}

.tbl {width: 100%;margin-bottom: 6vw;}
.tbl th,.tbl td {vertical-align:middle;line-height: 1.6;letter-spacing: .04em;}
.tbl th {text-align:center;width: 30%;font-weight: 600;padding: 3.5% 3% 3.5% 0;color: var(--gold);}
.tbl td {width: 70%;padding: 3.5% 0;}
.tbl tr{border-bottom: 1px solid #d8d3c8;}
.tbl tr:last-child { border-bottom: none;}
.tbl td a span:before {margin-right: 3px;font-family:icon;content:'\f095';font-size: 80%;}

.category li{margin-bottom: 3vw;}
.category li span{display: block;background: #e3ded3;padding: 2%;font-weight: bold;color: #333;margin-bottom: 1vw;}
p.list{margin-bottom: 0;}
p.list span{display: block;text-indent: -1em;padding-left: 1em;}


/* form
----------------------------------------------- */
.formbox .mb80{margin-bottom: 10vw;}


/* thanks
----------------------------------------------- */
.thanks .more01{margin: 0 auto 0 0;}



/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 

/* index
----------------------------------------------- */
.category_list{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.category_list a{margin-bottom: 50px;width: 31%;}


/* 詳細
----------------------------------------------- */
.intro{margin-bottom: 100px;}
.intro p{text-align: center;}

.recommend{margin-bottom: 70px;}
.recommend ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;margin-bottom: 60px;}
.recommend li{padding: 16px 16px 16px 36px;margin-bottom: 10px;width: 49.5%;}
.recommend li:before {content:"\f058";font-family: icon;color: var(--gold);margin-right: 6px;}
.recommend .read{font-size: 22px;margin-bottom: 20px;}

.tbl {margin-bottom: 40px;}
.tbl th {padding: 20px 20px 20px 0;}
.tbl td {padding: 20px 0;}

.category li{margin-bottom: 30px;}
.category li span{padding: 10px;margin-bottom: 10px;}
.more01{width: 400px;}


/* form
----------------------------------------------- */
.formbox .mb80{margin-bottom: 80px;}

}