@charset "UTF-8";
#main{margin-bottom: 20px;}
#main .pc{display: none;}
.about{padding: 15px 17px; background: #fff297; text-align: left; font-size: 1.4rem; font-size: 14px; line-height: 1.8em; margin-bottom: 25px;}
.about .pc{display: none;}
.about .abouttext{width: 100%;}

.text table{font-size: 1.6rem; font-size: 16px; margin-top: 15px; font-weight: 600;}
.text table tr{border-bottom: 1px dotted #41b25d;}
.text table tr th{padding-right: 7px;}
.text table tr th, .text table tr td{margin: 15px 10px 15px 0; padding: 12px 0;}
.fa-thumbs-o-up{color: #41b25d; margin-right: 10px; padding-left: 10px; font-size: 17px; font-size: 1.7rem;}
h4.title{font-size: 20px; font-size: 2.0rem; color: #41b25d;}
#notes{border: 1px solid #666; margin-bottom: 25px; background-color: #ffffe7; padding: 20px;}
#notes .pc{display: none;}
#notes h4{font-size: 2rem; font-size:20px; padding-bottom: 5px; text-align: left; margin-left: 10px;}
#notes .photo{margin-top: 10px; text-align: center;}
#notes .photo img{border: 1px solid #333;}
.note{position: relative; background-color: #ffffe7; text-align: left; padding: 0 10px;
    background-image:
    linear-gradient(rgba(241,207,164,0.5) .1em, transparent .1em);
    background-size: 100% 2em;
    line-height:2em;}

.checkpoint{margin-top: 25px; margin-bottom: 25px; text-align: center;}
.check{margin-bottom: 15px;}
.pointbox{margin: 10px 0;}
.pointbox .pc{display: none;}
.pointbox img{width: 100%;}
.multi{margin-top: 15px; font-size: 1.4rem; font-size: 14px; text-align: left;}
.multi .pc{display: none;}
.multi span{font-weight: 600;}

@media screen and (min-width: 650px) {
#main .pc{display: inherit;}
#main .sp{display: none;}
.pointbox{float: left; width: 48%; margin:5px 2% 5px 0;}
table.price .sp{display: none;}
}


@media screen and (min-width: 800px) {
.pointbox .pc{display: inherit;}
.pointbox .sp{display: none;}
.pointbox{width: 100%; float: none; margin: 10px 0;}
}

@media screen and (min-width: 865px) {
.about .abouttext{float: left; width: 72%;}
}


    @media screen and (min-width : 900px) {
.multi .pc{display: inherit;}
.multi span{margin-left: 17px;}
}

    @media screen and (min-width : 960px) {
.about .pc{display: inherit;}
.about .abouttext{float: left; width: 71%; margin-right: 10px;}
#notes .pc{display: inherit;}
#notes .photo{float: right; width: 39%;}
#notes .note p{float: left; width: 60%;}
table.price{float: left; width: 49%; margin-right: 1%;}
}