@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@800&display=swap');

.font10	 { font-size: 10px; line-height: 125% }
.font12	 { font-size: 12px; line-height: 125% }
.font14	 { font-size: 14px; line-height: 125% }	

A  {text-decoration: none }
A:link     { color: #00c; font-weight: bold; line-height: 125%; text-decoration: underline }
A:visited   { color: #00c; font-weight: bold; line-height: 125%; text-decoration: underline }
A:hover    { color: #990000; font-weight: bold; line-height: 125%; text-decoration: underline }

.index_osechi,.index_hanami{ padding: 7px;}
.index_osechi h1{ font-size: 22px; font-weight: bold; color: #900; text-align: center; margin: 3px 0 -1px; font-family: 'Shippori Mincho', serif;}
.index_osechi .text01{font-size: 16px; color: #900; text-align: center; line-height: 1.2em;}
.index_osechi .text02{font-size: 18px; font-weight: bold; color: #900; text-align: center; line-height: 1.2em; margin: 7px 0 10px;}

.index_hanami .textbox01{background: #f75e5e; padding: 5px 0px;}
.index_hanami h1{ font-size: 26px; line-height: 1em; font-weight: bold; color: #f75e5e; text-align: center; margin: 0px; font-family: 'Shippori Mincho', serif;}
.index_hanami .text01,.index_hanami .text02{font-weight: bold; color: #f75e5e; text-align: center; line-height: 1.2em;}
.index_hanami .text01{font-size: 16px; margin: 10px 0px 0px;}
.index_hanami .text02{font-size: 18px; margin: 7px 0 10px;}
.index_hanami .text03{font-size: 14px; color: #000; text-align: center; line-height: 1.2em;}
.index_hanami img{margin-bottom: 10px;}

.index_plan{
    background-color: #FFF;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 10px;
}
.index_plan .border{
    border-bottom: solid 1px #C96;
}
.index_plan .box{
    display: table;
    background-color: #FC9;
    padding: 3px 30px;
    color: #600;
    margin-bottom: 10px;
    text-align: center;
}
.index_plan p{
    margin: 10px 0 5px;
}
.index-title{
    border-top: solid 1px #600;
    padding-top: 15px;
}
.index-title h1{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px;
    text-align: center;
}
.index-title p{
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    margin: 0;
}

#enkai{
    display: flex;
    max-width: 685px;
    border-bottom: solid 5px #F93;
    border-left: solid 5px #F93;
    padding: 0 0px 10px 10px;
    margin: 0 0 5px;
}
#enkai .img,#bentou .img{
    max-width: 300px;
    margin: 0 15px 0 0;
}
#enkai .img .text,#plan .text,#bentou .img .text{
    font-size: 13px;
    text-align: right;
    margin-top: 3px;
}
#enkai .textbox,#bentou .textbox{
    text-align: left;
    width: 100%;
}
#enkai .textbox02{
    display: flex;
    text-align: left;
    align-items: center;
    margin-bottom: 10px;
}
#bentou .textbox02{
    background-color: #CC6;
    padding: 5px;
    display: flex;
    text-align: left;
    flex-direction: column;
    margin-bottom: 10px;
}
#enkai .textbox p,#bentou .textbox p{
    font-weight: bold;
    margin: 0;
    line-height: 1.4em;
}
#enkai h1{
    font-size: 32px;
    color: #C00;
    margin: 0 15px 0 -5px;
    font-family: 'Shippori Mincho', serif;
    white-space: nowrap;
}
#enkai h2,.plan-sushi01 .textarea h2,.plan-box02 h2,#bentou h2{
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin: 0px;
    font-family: 'Shippori Mincho', serif;
    white-space: nowrap;
}
#enkai .comment,#bentou .comment{
    font-size: 14px;
}
#enkai .comment02{
    font-size: 15px;
    font-weight: bold;
    color: #660033;
    max-width: 100%;
    padding: 5px;
    border: solid 2px #660033;
    background-color: #FFFFFF80;
    text-align: center;
    margin-top: 15px;
}
#enkai .botton,#bentou .botton{
    text-align: right;
    margin-top: 15px;
}

#bentou{
    display: flex;
    max-width: 685px;
    border-bottom: solid 5px #990;
    border-left: solid 5px #990;
    padding: 0 0px 10px 10px;
    margin: 0 0 5px;
}
#bentou h1{ color: #990;}
#bentou h1{
    font-size: 32px;
    color: #990;
    margin: 0 0 10px;
    font-family: 'Shippori Mincho', serif;
    white-space: nowrap;
}

.zei{
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin: 0px;
    font-family: 'Shippori Mincho', serif;
    white-space: nowrap;
}

.plan-sushi01 .textarea h2{
    border-bottom: solid 1px #999;
    padding: 9px 5px;
    line-height: 1.35em;
}

.plan-box02 h2{
    text-align: right;
    margin-bottom: 10px;
}


.back{
    max-width: 700px;
    text-align: right;
    font-size: 14px;
    margin-bottom: 50px;
}

.order a{
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    text-decoration: none;
    color: #1D2087;
}
.order a:hover{
    opacity: 0.7;
}

#plan{
    display: flex;
    max-width: 700px;
}
.plan-box01,.plan-box02{
    border-bottom: solid 5px #C63;
    border-left: solid 5px #C63;
    padding: 0 0px 10px 10px;
    margin: 0 0 5px;
}
.plan-box01{
    flex-basis: 64%;
    margin-right: 20px;
}
.plan-sushi01{
    display: flex;
}
.plan-sushi01 .img{
    margin: 0 15px 0 0;
}
.plan-sushi01 .textarea{
    text-align: left;
}
.plan-sushi02{
    display: flex;
    align-items: center;
}
.plan-sushi02 .yosan{
    font-size: 13px;
    padding: 5px;
    background-color: #FC9;
    text-align: center;
    margin-right: 25px;
}
.plan-box02{
    flex-basis: 30%;
}
#plan h1{
    font-size: 26px;
    color: #930;
    margin: -7px 0 0 0;
    font-family: 'Shippori Mincho', serif;
    white-space: nowrap;
    text-align: left;
}
.plan-box02 h1{
    margin: -7px 0 5px 0;
}
.yosan{
    font-size: 13px;
    padding: 5px;
    background-color: #FC9;
    text-align: center;
    
}
.textarea .yosan{
    margin-top: 10px;
}
.plan-sushi01 .botton,.plan-box02 .botton{
    text-align: right;
    margin-top: 10px;
}
.yosan2 {
    margin-top: 15px;
    font-size: 17px;
    padding: 5px;
    background-color: #FC9;
    text-align: center;
}