@charset "utf-8";
/* CSS Document */
*, *:before, *:after{
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
#wrapper{background: #171514;width: 100%;height:100%;margin: 0;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
#header_container{
    border-top:8px solid #F08300;
    width: 100%;
    height:770px;
    margin: 0;
    background: url("../img/ichimatsu_bg.png");
    background-repeat: repeat-x;
}
.header_content{max-width: 960px;margin:0 auto;display: flex;justify-content: center;position: relative;}
@media screen and (max-width:960px){
    .header_content{width: 100%;}
}
.header_content::before{content:url(../img/header_bg1.png);position: absolute;top: 0; left: -90px;}
.header_content::after{content:url(../img/header_bg2.png);position: absolute;top: 200px; right: -300px;mix-blend-mode: screen;opacity: .8;}
@media screen and (max-width:960px){
    .header_content::after{ right: 0;margin-right: -300px;}
}
.header_content img{width: auto;height: 100%;margin-top: 50px;}
.header_text{position: absolute;margin:0;font-size: 16px;line-height: 24px;top:30px;right:30px;color: #9B9B9C;font-weight: lighter;}

#main_container{max-width: 960px;margin:auto;display:flex;justify-content: center;}
@media screen and (max-width:960px){
    #main_container{width: 100%;}
}
.content{width:100%;margin: 0 auto;}
.content h2{margin:-50px auto 0 auto;font-size: 24px; color: #B09621;letter-spacing: 12px;font-weight: lighter;text-align: center;}
.content img.main-img1{margin:70px auto;width: 570px;height: auto;display: flex;}
.content img.main-img2{margin:35px 0 0 80px;width:auto;height: auto;display: flex;justify-content: center;}
@media screen and (max-width:960px){
    .content img.main-img2{width: 100%;margin-left: 50px;}
}
.content_text{font-size: 18px;line-height: 33px;color: #AAAFB4;margin: auto;text-align: center;}
dl.content_list{margin: 60px auto;width: 570px;}
@media screen and (max-width:960px){
    dl.content_list{width: 100%;margin-left: 100px;}
}
dl.content_list dt.title{color:#AAAFB4;font-size: 20px;margin-bottom: 30px;}
dl.content_list dt.subtitle1{color:#FFF;font-size: 24px;margin-bottom: 12px;padding-left: 30px;position: relative;}
dl.content_list dt.subtitle1::before{content: "1.";position: absolute;top:0;left: 0;}
dl.content_list dt.subtitle2{color:#FFF;font-size: 24px;margin-bottom: 12px;padding-left: 30px;position: relative;}
dl.content_list dt.subtitle2::before{content: "2.";position: absolute;top:0;left: 0;}
dl.content_list dt.subtitle3{color:#FFF;font-size: 24px;margin-bottom: 12px;padding-left: 30px;position: relative;}
dl.content_list dt.subtitle3::before{content: "3.";position: absolute;top:0;left: 0;}
dl.content_list dd{color:#AAAFB4;font-size: 16px;margin-bottom: 30px;}
.lineup{width: 100%;margin: auto;}
h3.title{
    width: 100%;
    margin: 0 auto 40px;
    padding-top: 30px;
    background: url(../img/border_grade.png) top center no-repeat;
    text-align: center;
    color: #B09621;
    font-size: 24px;
    letter-spacing: 12px;
    font-weight: lighter;
}
h3.title_jpn{
    width: 100%;
    margin: auto;
    padding-top: 35px;
    padding-bottom: 30px;
    background: url(../img/border_grade.png) top center no-repeat;
    text-align: center;
    color: #B09621;
    font-size: 20px;
    letter-spacing: 5px;
    font-weight:lighter;
}
ul.lineup_item{width: 100%;margin: 0;padding:0;display: flex;flex-wrap: wrap;justify-content: space-between;}
ul.lineup_item li{flex-basis: 320px;list-style: none;margin-bottom: 50px;}
@media screen and (max-width:960px){
    ul.lineup_item li{flex-basis: 33%;}
}
ul.lineup_item li img{width: 269px; height: 269px;margin: auto;display: flex;}
@media screen and (max-width:960px){
    ul.lineup_item li img{width: 100%;height: auto;}
}
ul.lineup_item li p{color: #AAAFB4;font-size: 14px;font-weight: lighter;margin: auto;text-align: center;}
ul.lineup_item li p.item_title{font-size: 16px;font-weight: bold;text-align: center;margin: auto;}
.lineup_footer{width: 100%;margin-bottom: 50px; display: flex;justify-content: center;position: relative;}
.lineup_footer img{width: 145px; height: auto;}
.lineup_footer_text{position: absolute;top:0;right:0;color: #AAAFB4;font-size: 14px;margin: 0;}

.content_box{min-width:493px;margin: auto;padding:0;text-align: center;}
.content_box img{margin: auto;text-align: center;}
@media screen and (max-width:960px){
    .content_box img{width: 70%;height: auto;}
}
.content_box_text{max-width:493px;color:#AAAFB4;font-size: 14px;line-height: 28px;margin: auto;text-align: left;margin-bottom: 30px;}
.content_box_text2{max-width:800px;color:#AAAFB4;font-size: 14px;line-height: 28px;margin: auto;text-align: left;margin: 30px auto;}
@media screen and (max-width:800px){
    .content_box_text2{width:100%;padding: 0 10px;}
}
.content_box_title{width: 100%;text-align: center;margin: auto;font-size: 18px;font-weight: bold;display: block;margin: 30px auto 15px auto;}


#footer_container{
    width: 100%;
    height:770px;
    margin: 0;
    background: url("../img/ichimatsu_footer_bg.png");
    background-repeat: repeat-x;
}
.footer_content{width: 100%;margin:0 auto;}
.info_box_container{width: 870px;margin:80px auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
@media screen and (max-width:960px){
    .info_box_container{width: 100%;justify-content: space-around;}
}
.info_box{width: 400px;height: 235px;border-radius: 10px;background: linear-gradient(to right,#eee 0%,#c6c6c6 100%);padding: 25px 0;display:flex;flex-wrap: wrap;margin: 0;}
@media screen and (max-width:960px){
    .info_box{width: 40%;height: auto;}
}
.info_box_title{flex-basis:100%;color: #171514;font-size: 22px;text-align: center;}
.link{margin:0 auto;}
.link a{flex-basis:100%;background:#E2801E;color: #FFF;font-size: 24px;text-align: center;text-decoration: none;padding: 10px 30px; border-radius: 5px;margin: auto;align-self: center;display: flex;}
.phone_number{flex-basis:100%;color:#E2801E;font-size: 40px;line-height:40px;text-align: center;margin:0 auto;}
.reception_time{flex-basis:75%;color:#E2801E;background:#fff;border:1px solid #E2801E;font-size: 14px;border-radius: 5px;margin:0 auto 5px auto;padding:5px 0;text-align: center;}
.info_box_subtext{display: block;margin: auto;padding-top: 10px;}
.footer_info_box{width: 100%;margin: auto;display: flex;flex-wrap: wrap;justify-content: center;}
.footer_info_box h4{flex-basis:100%;border-bottom:8px solid #E2801E;margin: 0 auto 20px auto;text-align:center;padding-bottom: 20px;}
dl.footer_info_box_dl{width: 960px;display: flex;justify-content: center;flex-wrap: wrap;}
@media screen and (max-width:960px){
    dl.footer_info_box_dl{width: 100%;}
}
dl.footer_info_box_dl dt{flex-basis: 100%;color: #AAAFB4;font-size: 18px;text-align: center;padding-bottom: 20px;}
dl.footer_info_box_dl dd{flex-basis: 100%;text-align: center;margin: auto;}
dl.footer_info_box_dl dd.title1{font-size: 14px;color: #fff;}
dl.footer_info_box_dl dd.title2{font-size: 26px;color: #fff;padding-bottom: 20px;}
dl.footer_info_box_dl dd.text{font-size: 16px;color: #AAAFB4;padding-bottom: 20px;}
dl.footer_info_box_dl dd.web_address{font-size: 18px;color: #E2801E;}