@chaset "UTF-8";

 /*-----------------------

   common

-----------------------*/
 .pc_none {
     display: none
 }

 @media screen and (max-width: 751px) {
     .pc_none {
         display: block
     }
 }


 p {
     line-height: 1.5rem;
     word-break: break-all;
 }

 .bg_yellow {
     background-color: #FFFF8A;
 }

 .red {
     color: #a30000;
 }

 .small {
     font-size: 0.7rem;
 }

 .bold {
     font-weight: bold;
 }

 .center {
     text-align: center
 }

 .right {
     text-align: right
 }

.attention {
     font-size: 0.7rem;
     color: #a30000;
     margin-top: 10px;
 }

.attention li::before {
     content: "※";
 }




 body {
     background-color: #ADE8F6;
     font-size: 0.9rem;
 }

 #wrapper {
     background-color: #fff;
     max-width: 800px;
     margin: 0px auto;
     word-break: break-all;
 }

 img {
     max-width: 100%;
 }

 @media screen and (max-width: 751px) {
     #wrapper {
         padding: 10px;
     }
 }

 /*-------------------------------------header*/

 #wrapper header {
     background-image: url(../images/bg.png);
     background-repeat: no-repeat;
     background-position: right bottom;
 }

 #wrapper header h1 {
     background-color: #a30000;
     padding: 10px;
     font-weight: bold;
     font-size: 2rem;
     color: #fff;
     text-align: center;
     line-height: 2.5rem;
 }

 @media screen and (max-width: 751px) {
     #wrapper header h1 {
         font-size: 1.2rem;
         line-height: 1.5rem;
     }
 }

 #wrapper header p {
     padding: 20px;
 }

 #wrapper .doboku {
     background-color: #f4fff0;
     padding: 10px;
 }

 #wrapper .akabira {
     background-color: #faf1d3;
     padding: 10px;
 }

 #wrapper .other {
     background-color: #f4fff0;
     padding: 10px;
 }

 /*-------------------------------------line_up*/

 #wrapper #line_up {
     margin-bottom: 20px;
 }

 #wrapper #line_up h2 {
     background-color: #2f6c12;
     text-align: center;
     font-size: 1.2rem;
     font-weight: bold;
     padding: 10px 0px;
     margin-bottom: 10px;
     color: #fff;
 }

 #wrapper #line_up .akabira h2 {
     background-color: #e6763a;
 }

 @media screen and (max-width: 751px) {

     #wrapper #line_up h2 {
         font-size: 1rem;
     }

 }

 #wrapper #line_up ul li {
     background-color: #fff;
     padding: 10px;
     margin: 10px 0px;
     border: 1px solid #ddd;
 }

 #wrapper #line_up ul li h3 {
     background-color: #b1e798;
     font-weight: bold;
     margin-bottom: 5px;
     color: #2f6c12;
     font-size: 1.2rem;
     text-align: center;
     padding: 10px 0px;
 }


 @media screen and (max-width: 751px) {

     #wrapper #line_up ul li h3 {
         font-size: 1rem;
     }

     #wrapper #line_up ul li {
         font-size: 0.8rem;
     }

 }

 #wrapper #line_up ul li .block p {
     color: #2f6c12;
 }

 #wrapper #line_up .akabira h3 {
     background-color: #fde4d5;
     color: #e6763a;
 }

 #wrapper #line_up .akabira ul li .block p {
     color: #e6763a;
 }

 #wrapper #line_up ul li .block img {
     display: block;
     width: 100%;
     max-width: 400px;
     margin: 20px auto;
 }

 #wrapper #line_up ul li .block dl {
     display: flex;
     flex-wrap: wrap;
     margin: 10px 0px;
     line-height: 1.2rem;
 }

 #wrapper #line_up ul li .block dl dt {
     width: 5rem;
     border-bottom: 1px solid #ddd;
     padding: 10px 0px;
     font-weight: bold;
 }

 #wrapper #line_up ul li .block dl dd {
     width: calc(100% - 5rem);
     border-bottom: 1px solid #ddd;
     padding: 10px 0px;
 }


 /*-------------------------------------shop*/

 #wrapper #shop {
     background-color: #ffeded;
     padding: 10px;
     margin-bottom: 20px;
 }

 #wrapper #shop h2 {
     background-color: #FFCCCC;
     text-align: center;
     font-size: 1.2rem;
     font-weight: bold;
     padding: 5px;
     margin-bottom: 10px;
     color: #805151;
 }

 #wrapper #shop .shop_list {
     list-style: disc;
     padding-left: 2rem;
 }

 #wrapper #shop .shop_list li {
     line-height: 1rem;
     margin-bottom: 10px;
 }

 #wrapper #shop .shop_list li h3 {
     font-size: 1rem;
     font-weight: bold;
     line-height: 1.5rem;
     color: #ea8181;
 }

 #wrapper #shop .base {
     background-color: #fff;
     padding: 10px;
     margin-bottom: 20px;
 }

 #wrapper #shop .base h3 {
     font-size: 1.2rem;
     font-weight: bold;
     padding: 5px;
     margin-bottom: 10px;
     border-bottom: 2px solid #FFCCCC;
     color: #ea8181;
 }

 #wrapper #shop .base dl {
     display: flex;
     flex-wrap: wrap;
     margin: 10px 0px;
 }

 #wrapper #shop .base dl dt {
     background: #fff5f5;
     width: 8rem;
     padding: 10px;
     margin-bottom: 5px;
     color: #ea8181;
 }

 #wrapper #shop .base dl dd {
     width: calc(100% - 8rem);
     padding: 10px;
     margin-bottom: 5px;
 }


@media screen and (max-width: 751px) {
     #wrapper #shop .base dl dt,
    #wrapper #shop .base dl dd {
        width: 100%;
    }
}

 #wrapper #shop .goods_list li{
     background-color: #fff;
     padding: 10px;
     margin-bottom: 10px;
 }

#wrapper #shop .goods_list li h3{
     font-size: 1rem;
     font-weight: bold;
     padding: 5px;
     margin-bottom: 10px;
     color: #ea8181;
}

#wrapper #shop .goods_list li dl {
     display: flex;
     flex-wrap: wrap;
     margin: 10px 0px;
 }

#wrapper #shop .goods_list li dl dt{
   background: #fff5f5;
     width: 200px;
     padding: 10px;
     margin-bottom: 5px;
     color: #ea8181;
 }

#wrapper #shop .goods_list li dl dd {
     width: calc(100% - 200px);
     padding: 10px;
     margin-bottom: 5px;
 }


@media screen and (max-width: 751px) {
     #wrapper #shop .goods_list li dl dt,
    #wrapper #shop .goods_list li dl dd {
        width: 100%;
    }
}


 #wrapper #shop .table_block {
     width: 100%;
     height: auto;
     overflow-x: scroll;
     border: 2px solid #deafaf;
     margin-bottom: 20px;
 }

 #wrapper #shop table {
     width: 750px;
     margin: 0px auto;
     color: #805151;
     overflow-x: scroll;
     font-size: 0.7rem;
 }

 #wrapper #shop table tr:nth-child(odd) {
     background-color: rgba(255, 255, 255, 0.8);
 }

 #wrapper #shop table tr:nth-child(even) {
     background-color: rgba(255, 255, 255, 0.3);
 }

 #wrapper #shop table tr:first-child {
     background-color: #ffeded;
     color: #ea8181;
 }

 #wrapper #shop table th,
 #wrapper #shop table td {
     min-width: 100px;
     padding: 10px;
     text-align: center;
     border-right: 1px solid #fff;
 }

 #wrapper #shop table td span {
     font-size: 0.8rem;
     margin-left: 20px;
 }

 #wrapper #shop table th {
     font-weight: bold;
 }



 @media screen and (max-width: 751px) {
     #wrapper #shop h3 {
         font-size: 1rem;
     }

     #wrapper #shop table th,
     #wrapper #shop table td {
         padding: 5px;
     }

 }



 /*========================================

house

========================================*/

#wrapper #house{
    padding: 10px;
}

#wrapper #house h2 {
     font-size: 1.2rem;
     font-weight: bold;
     padding: 5px;
     margin: 20px 0px;
     border-bottom: 2px solid #FFCCCC;
     color: #ea8181;
    text-align: center;
 }
#wrapper #house .main_img{
    text-align: center;
}

#wrapper #house .main_img img{
    display: inline-block;
    width: calc(50% - 5px);
}

#wrapper #house p{
    padding: 10px;
}