@charset "utf-8";
html{font-size:62.5%;/*16px×62.5%=10px*/}
body{margin:0;color:#333;font-family:'Noto Sans JP',sans-serif;}
a{text-decoration:none;color:#333;}
a:hover{opacity:.8;}
img{height:auto;}
/*---------------------------------フッター---------------------------------*/
footer{display:block;background-color:#564d44;width:100%;padding:30px 0;color:#fff;text-align:center;}
/*---------------------------------メイン---------------------------------*/
.wrap_all{width:100%;margin:0 auto;text-align:center;padding-top:150px;}
.fv{margin:40px auto 0;}
.fv img{max-width:850px;}
.start_text{font-size:1.4rem;line-height:1.8;font-weight:400;margin:60px auto 0;}
.top_button{display:block;margin:0 auto 40px;width:200px;border:1px solid #333;border-radius:100px;padding:10px 0;}
.top_button a{font-size:1.4rem;}
/*---------------------------------選べる3種類のこたつ---------------------------------*/
.choice{margin-bottom:150px;}
.choice_title{display:block;width:450px;border:1px solid #333;border-radius:50px;margin:60px auto 30px;font-size:1.6rem;box-sizing:border-box;padding:10px 0;font-weight:500;}
.choice_grid{display:grid;max-width:850px;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:0 auto;}
.choice_grid_inner{background-color:#eee;}
.choice_grid_inner img,.choice_grid_inner a{width:280px;}
.choice_grid_inner p{font-size:1.4rem;padding:20px 0;}
/*---------------------------------メインアイテム---------------------------------*/
.main-item{display:flex;margin:120px auto 0;max-width:850px;}
.main-item_text{display:flex;flex-direction:column;width:350px;}
.main-item_title{font-size:3rem;font-weight:700;border-bottom:4px solid #dcdcdc;color:#999;text-align:left;margin:0;box-sizing:border-box;padding-bottom:20px;}
.main-item_explanation{font-size:1.4rem;text-align:left;display:block;box-sizing:border-box;padding-right:20px;line-height:1.8;margin-bottom:20px;margin-top:10px;}
.btn{border:1px solid #333;display:block;width:200px;font-size:1.4rem;}
.btn p{color:#333;}
.btn a:hover{opacity:.8;}
.main-item_photo img{width:500px;}
/*---------------------------------アザーアイテム---------------------------------*/
.other{font-size:2rem;font-weight:700;display:flex;align-items:center;/*垂直中心*/justify-content:center;/*水平中心*/box-sizing:border-box;color:#999;margin:50px auto 30px;}
.other:before,.other:after{border-top:3px solid #dcdcdc;content:"";width:300px;/*線の長さ*/}
.other:before{margin-right:30px;/*文字の右隣*/}
.other:after{margin-left:30px;/*文字の左隣*/}
.other-item{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:850px;margin:0 auto 60px;}
.other-item_inner{width:250px;margin:0 auto 20px;}
.other-item_inner img,.other-item_inner a{width:250px;}
.other-item_title{font-size:1.6rem;font-weight:600;text-align:left;margin:10px auto 5px;position:relative;}
.other-item_explanation{font-size:1.4rem;text-align:left;box-sizing:border-box;margin:8px auto 0;line-height:1.8;}
.size_other{font-size:1rem;box-sizing:border-box;padding:3px;margin-left:10px;background-color:#8f4936;color:#fff;position:absolute;top:2px;}
/*---------------------------------カテゴリー検索---------------------------------*/
.cate_title{font-size:2.5rem;color:#333;font-weight:600;margin:100px auto 0;}
.cate_sub{font-size:1.2rem;color:#333;margin:5px auto 40px;}
.grid_box{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin:0 auto 100px;max-width:850px;gap:10px;}
.column{display:flex;flex-direction:column;align-items:center;}
.column img,.column a{width:110px;}
.column p{margin:0;color:#333;}
/*---------------------------------レスポンシブ対応---------------------------------*/
@media screen and (max-width:1200px){.header{width:100%;}}
@media screen and (max-width:850px){.wrap_all{width:90%;}
.column img,.column a,.main-item,.main-item_photo img,.other-item,.other-item_inner,.other-item_inner img,.other-item_inner a,.choice_grid,.choice_grid_inner img,.choice_grid_inner a,.fv img,.main-item_text{width:100%;}
.main-item{display:flex;flex-direction:column;}.btn{display:none;}.grid_box{grid-template-columns:1fr 1fr 1fr 1fr;}.other{font-size:2rem;}.other:before,.other:after{width:250px;/*線の長さ*/}.other:before{margin-right:20px;/*文字の右隣*/}.other:after{margin-left:20px;/*文字の左隣*/}.other-item{gap:10px;}.size_other{font-size:0.8rem;top:5px;}}
@media screen and (max-width:768px){.wrap_all{padding-top:50px;}}
@media screen and (max-width:470px){.rogo a,.rogo img{width:130px;}.item p{font-size:1.1rem;}.top-logo img{width:150px;}.item{padding:0 5px;}.grid-box{grid-template-columns:1fr 1fr 1fr}.start_text{font-size:1.4rem;}.main-item_title{font-size:2.5rem;}.other{font-size:1.6rem;}.other-item{grid-template-columns:1fr;}.other-item_inner{margin-bottom:20px;}.other-item_inner:last-child{margin-bottom:0;}.choice{margin-bottom:100px;}.choice_title{width:300px;font-size:1.4rem;}.choice_grid{grid-template-columns:1fr;}.main-item{margin:80px auto 0;}}