.ryoukinhenkou{
	position: relative;
	width: 295px;
	padding: 7px 0 7px 30px;
	margin:40px auto 0;
	border: 1px solid #ccc;	
	font-size: 14px;
	letter-spacing: -1px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	background-color: #ffffffcc;
}

.ryoukinhenkou::before{
	content: '\f058';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left: 1.2em;
}

.center{
    max-width: 1000px;
}

.price-h-flex,.price-table-flex {
    display: flex;
    justify-content: space-evenly;
    box-sizing: border-box;
}

.price-h-flex{
    margin: 0 0 10px 0;
    justify-content: start;
    align-items: center;
}

.btn-w {
    width: 33%;
}

.btn-w a{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.type-box{
    padding: 50px 0;
}


.type-box:nth-of-type(1){
    padding: 100px 0;
}


.plan-box {
text-align: center;
}

.price-img{
    width: 70%;
}

.plan-box{
    margin: 0 auto;
    width: 300px;
}

.price-img img {
    margin: 0 auto 5px;
    width: 95%;
}

.plan-list {
    position: absolute;
    right: 0;
}

.planlist li a {
    color: var(--text-main);
}

.price-h3 {
    margin: 0 0 10px;
    text-align: center;
    font-size: 50px;
    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
    font-weight: normal;
    text-align: left;
    width: 30%;
    position: relative;
}

.price-h3 .kana {
    margin: -1em 0 0 0;
    font-size: 16px;
    letter-spacing: 3px;
    font-family: 'Zen Antique Soft', serif;
    font-weight: normal;
}

.price-h3::before{
    content: '';
    height: 1px;
    width: 100%;
    background-color: #ccc;
    position: absolute;
    left:0;
    bottom: 28px;
    z-index: 1;
}

.plan-box h4{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.plan-box h4 span{
    margin: -.8em 0 1em 0;
    display: block;
    font-size: 0.5em;
}

.room103-104{
    text-align: center;
    margin: 10px auto 20px;
    max-width: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.room103-104-img{
    width: 240px;
}

.room103-104-img img{
    width: 98%;
}

/*表の設定*/
.plan-anotation {
    color: #000;
    text-align: center;
    padding: 1em 0;
}

.plan-anotation p {
    font-size: 13px;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.planFlex {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.planSheet {
    margin: 0 auto;
    width: 300px;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.planSheet table {
    background-color:#ffffff ;
    color: #000;
    margin: 10px auto;
    width: 98%;
    table-layout: fixed;
    font-weight: bold;
}

.planSheet table,
tr,
th,
td {
    border: #ccc 1px solid;
    border-collapse: collapse;
}

thead {
    background-color: var(--main01);
}

thead tr td {
    padding: .6em 0;
}

thead tr td h4 {
    color: #000;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

h4 {
    margin: 0 auto;
    font-size: 16px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    color: var(--main01);
}
h5 {
    margin: 0 auto;
    font-size: 18px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    color: var(--main01);
    text-align: center;
}

h4 .eng {
    font-size: 10px;
}

h4 .title {
    color: #000000;
}

.tr-date{
    font-size: 12px;
    font-weight: bold;
}

.shorttime .tr-date{
    letter-spacing: -.05em;
}

.tr-date th {
    padding: .4em;
}

td {
    padding: .4em 0;
    
}

.weekday {
    text-align: center;
    background-color: #e3be5932;
    
}

.weekend {
    text-align: center;
    background-color: #e1b846c7;
}

.plantype {
    padding: .4em .5em .4em 0;
    text-align: right;
    width: 78px;
    font-size: 0.9em;
}


.tr-time td {
    font-size: .8em;
    font-weight: bold;
}

.extension {
    padding: .7em 0;
    text-align: center;
}



@media screen and (max-width:940px) {
    .price-table-flex {
        flex-wrap: wrap;
    }
}



@media screen and (max-width:767px) {
.price-h-flex .price-img{
    order: 2;
}

.price-h3{
    order: 1;
}

    .btn-w{
        font-size: 13px;
    }

    .price-box {
        flex-wrap: wrap;
    }

    .price-h-flex {
        flex-wrap: wrap;
    }

    .price-h3{
        width: 100%;
        text-align: center;
    }

    .price-img{
        text-align: center;
    }

    .price-img,
    .plan-box {
        width: 100%;
    }

    .price-img img{
        width: 100%;
    }

}