@charset "utf-8";
/*======================================
  
  sp.css

======================================*/
/* ----------------------------------------
 *
 *  タブレット縦～スマホ 899px
 *
 * ---------------------------------------- */
@media screen and (max-width:899px) {
    /* ----------------------------------------
 *
 *  1.基本設定
 *
 * ---------------------------------------- */
    html {
        font-size: 56%;
    }
    /* box　------------------------ */
    .contents1200, .contents980 {
        padding: 0 3rem;
    }
    /*--flexbox--*/
    .f-container_spcol {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
    .f-container_spcol > .col2, .f-container_spcol > .col3 {
        width: 100%;
        max-width: 100%;
    }
    /*3カラム*/
    .col3 {
        width: calc((100% - 2rem) /3);
    }
    /*2カラム*/
    .col2 {
        width: calc((100% - 2rem) /2);
    }
    /* 見出し　--------------- */
    /* ボタン　------------------------- */
    /* 画像　------------------------- */
    .icon_logo {
        width: 16rem;
        height: 3.8rem;
    }
    /*SVG サイズ*/
    /* ----------------------------------------
 *
 *  3.共通パーツ
 *
 * ---------------------------------------- */
    /* header
======================================================*/
    .header-fix {
        padding: 1rem 2rem;
    }
/*
    .header-fix nav ul {
        display: none;
    }
*/
    .header-fix nav ul li{
        display: none;
    }
    .header-fix nav ul li.header_insta{
        display: inherit;
        margin-inline: 1rem;
    }
    /*ハンバーガー　------------------ */
    header.open .hamburger__line {
        background-color: #e0dddb;
    }
    .hamburger__line--1 {
        top: 2rem;
    }
    .hamburger__line--2 {
        top: 3rem;
    }
    .hamburger__line--3 {
        top: 4rem;
    }
    /*展開メニュー　------------------ */
    .toggle_menu {
        overflow-y: scroll;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 6rem;
    }
    .toggle_menu .toggle_left {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }
    .toggle_menu .toggle_left ul:nth-child(2) {
        padding-right: 0;
    }
    .toggle_menu .toggle_right {
        display: none;
    }
    /*グロナビ*/
    .toggle_menu .gnav {
        width: calc((100% - 2rem) / 2);
    }
    .gnav .nav_en {
        font-size: 2.2rem;
    }
    .gnav .nav_ja {
        font-size: 1.4rem;
    }
    /* footer
======================================================*/
    /*footer_plan--------------*/
    .footer_plan {
        padding: 6rem 0;
    }
    .footer_plan h2 {
        margin-bottom: 3rem;
    }
    .footer_plan p {
        margin-bottom: 1rem;
    }
    .footer_plan .f-container_spcol .col2:first-child {
        margin-bottom: 3rem;
    }
    /*footer_nav--------------*/
    .footer_nav ul:nth-child(1) {
        margin-right: 4rem;
    }
    /* RSS
======================================================*/
    .rss_wp {
        margin-bottom: 3rem;
    }
    /* 空室検索
======================================================*/
    .form_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .form_box input[type="text"], .form_box select {
        width: 100%;
    }
    .form_box .check_in, .form_box .guests, .form_box .type {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .form_box .price select {
        width: 46%;
    }
    .form_box .price .kara {
        padding: 0;
        width: 6%;
        text-align: center;
        display: inline-block;
    }
    .form_box .undecided {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .form_box .undecided .title {
        display: inline-block;
        margin-bottom: 0;
    }
    .form_box .checkbox::before {
        height: 2.4rem;
        width: 2.4rem;
    }
    .form_box .checkbox::after {
        left: 8px;
        margin-top: -7px;
        width: 8px;
        height: 12px;
    }
    .search_btn {
        width: 100%;
        text-align: center;
    }
    .search_btn button {
        width: 28rem;
        margin-left: 0;
        margin-top: 3rem;
    }
    /* ===================================================
	トップページ #index
======================================================*/
    /*動画エリア--------------*/
    #index .top_hero_mv {
        border: 20px solid #302924;
    }
    /*contents01 NEWS--------------*/
    #index .contents01 {
        padding: 1rem 0 3rem 0;
    }
    #index .news_wp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #index .news_wp .news_inner {
        width: 100%;
        margin-bottom: 3rem;
    }
    #index .news_wp h2 {
        margin-bottom: 3rem;
    }
    /*contents02 Greeting--------------*/
    #index .contents02 {
        padding: 0 0 6rem 0;
    }
    #index .contents02 .f-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #index .contents02 .greeting_box {
        max-width: 100%;
        padding: 7rem 3rem;
        margin-left: auto;
        margin-top: 0;
    }
    #index .contents02 .greeting_img {
        position: static;
        width: 100%;
    }
    /*contents03 Pickup--------------*/
    #index .contents03 {
        padding-top: 6rem;
    }
    #index .contents03 h2 {
        margin-bottom: 4rem;
    }
    #index .contents03 .point_wp {
        position: relative;
        padding: 6rem 0;
    }
    #index .contents03 .point_wp h3 {
        margin-bottom: 3rem;
    }
    /*室生寺*/
    #index .contents03 .point3 {
        background: url("../img/common/dragon_left.png") no-repeat, url("../img/common/cloud_right.png") no-repeat;
        background-position: calc(50% - 40rem) 2rem, calc(50% + 44rem) 8rem;
    }
    /*contents04 Plan--------------*/
    #index .contents04 {
        padding: 6rem 0 3rem 0;
    }
    #index .contents04 h2 {
        margin-bottom: 3rem;
    }
    #index .contents04 h2 .sectiontitle_large_en {
        margin-bottom: 0;
    }
    /*龍巡りプラン*/
    #index .contents04 .special_plan_wp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-position: top right;
        padding: 0 3rem;
        margin-top: 4rem;
    }
    #index .contents04 .special_plan_wp .col2 {
        width: 100%;
    }
    #index .contents04 .special_plan_wp .col2:nth-child(2) {
        margin-top: 3rem;
    }
    #index .contents04 .special_plan_wp .footer_plan_btn {
        text-align: center;
    }
    #index .contents04 .special_plan_wp .footer_plan_btn a {
        max-width: 100%;
    }
    /*contents05 Blog--------------*/
    #index .contents05 {
        padding: 6rem 0 4rem 0;
    }
    #index .contents05 h2 {
        margin-bottom: 3rem;
    }
    /*blog*/
    #index .contents05 .blog_wp {
        margin-bottom: 4rem;
    }
    #index .contents05 .btn_brown {
        right: 3rem;
    }
    #index .contents05 .blog_box article {
        margin-bottom: 2rem;
    }
    #index .contents05 .blog_pickup h3 {
        font-size: 2rem;
    }
    /*insta*/
    .banner_insta {
        text-align: center;
    }
    .banner_insta a {
        padding: 2.4rem 2rem;
        width: auto;
    }
    .banner_insta .insta_text {
        display: inline-block;
    }
    .banner_insta .insta_id {
        display: inline-block;
    }
    /*contents06 Gallery--------------*/
    #index .contents06 {
        padding: 6rem 0;
    }
    #index .contents06 h2 {
        margin-bottom: 3rem;
    }
    #index .slider_controller {
        margin: 3rem auto 0 auto;
        position: static;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #index .left_slide {
        padding-left: 3rem;
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    #index .left_slide::before {
        width: calc((100% - 62rem) / 2);
    }
    /*contents08 YOU TUBE--------------*/
    #index .contents08 {
        padding: 6rem 0 3rem;
    }
    #index .contents08 h2 {
        padding-right: 6rem;
    }
    /*contents07 Others--------------*/
    #index .contents07 {
        padding: 6rem 0;
    }
    #index .contents07 .btn_brown {
        margin-bottom: 2rem;
    }
    /* 下層ページ共通 .subpage
======================================================*/
    /*kv--------------*/
    .kv_wp,.kv_wp_n {
        border: 20px solid #302924;
    }
    /* 下層ページタイトル .subpage
======================================================*/
    .pagetitle_en {
        font-size: 4.6rem;
    }
    .pagetitle_ja {
        font-size: 1.8rem;
    }
    /* ===================================================
	客室・館内 #room
======================================================*/
    /*contents01 LEAD--------------*/
    #room .contents01 {
        padding: 6rem 0 3rem 0;
    }
    #room .contents01 .f-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #room .contents01 .col2, #room .contents03 .hall_wp .col2 {
        width: 100%;
    }
    #room .contents01 .col2:nth-child(2) .a_bgtext_slide, #room .contents03 .hall_wp .col2:nth-child(2) .a_bgtext_slide {
        padding-top: 56.25%;
    }
    #room .contents01 .room_lead_text {
        margin: 3rem 0;
    }
    #room .contents01 .footer_plan_btn {
        margin-bottom: 5rem;
    }
    /*contents02 ROOM--------------*/
    #room .contents02 .room_text br {
        display: none;
    }
    /*room_box*/
    #room .room_tsuki .sectiontitle.middle {
        line-height: 1.2;
    }
    #room .room_tsuki .sectiontitle_en {
        margin-left: 0;
    }
    #room .room_box .f-container {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    /*contents03 FACILITY--------------*/
    /*広間*/
    #room .contents03 .hall_wp {
        padding: 6rem 0 3rem 0;
    }
    #room .contents03 .room_text {
        margin: 0 0 3rem 0;
    }
    /*食事処*/
    /*spot_main*/
    #sightseeing .restaurant_wp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    #room .contents03 .restaurant_wp > div {
        width: 100%;
    }
    #room .contents03 .restaurant_wp .restaurant_inner {
        max-width: 100%;
    }
    #room .restaurant_wp > div:first-child {
        background-size: 40% auto;
        padding: 6rem 3rem 4rem 3rem;
    }
    /*お風呂*/
    #room .bath_wp {
        padding: 6rem 0;
    }
    /*contents04 GALLERY--------------*/
    #room .contents04 {
        padding: 6rem 0;
    }
    /* ===================================================
	お料理 #cuisine
======================================================*/
    /*contents01 LEAD--------------*/
    #cuisine .contents01 {
        padding: 0 0 6rem 0;
    }
    #cuisine .contents01 .cuisine_lead_wp {
        padding: 10rem 0;
        position: relative;
    }
    #cuisine .contents01 .cuisine_lead_wp::before {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(28, 28, 28, .6);
        top: 0;
        left: 0;
        right: 0;
    }
    #cuisine .contents01 .cuisine_lead {
        max-width: 100%;
    }
    #cuisine .contents01 .cuisine_lead p br {
        display: none;
    }
    /*山菜料理*/
    #cuisine .contents01 .sansai_wp {
        padding-top: 6rem;
    }
    #cuisine .contents01 .sansai_wp .f-container02 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #cuisine .contents01 .sansai_wp h4 {
        margin-bottom: 3rem;
    }
    #cuisine .contents01 .sansai_menu_wp > div:nth-child(1), #cuisine .contents01 .sansai_menu_wp > div:nth-child(2) {
        width: 100%;
    }
    #cuisine .contents01 .sansai_menu_wp > div:nth-child(1) {
        margin-bottom: 4rem;
    }
    /*contents02 FOURS SASONS--------------*/
    #cuisine .contents02 {
        padding: 6rem 0 2rem 0;
    }
    /*contents04 ROAST BEEF--------------*/
    #cuisine .contents03 {
        padding: 0 0 6rem 0;
    }
    /*contents05 LADIES PLAN--------------*/
    #cuisine .contents04 {
        padding: 6rem 0;
    }
    #cuisine .contents04 .f-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #cuisine .contents04 .f-container .col2 {
        width: 100%;
    }
    #cuisine .contents04 .f-container .col2:nth-child(1) {
        margin-bottom: 4rem;
    }
    /*contents05 BOUTIQUE SAKE--------------*/
    #cuisine .contents05 {
        padding: 6rem 0;
    }
    /*contents06 MORNING--------------*/
    #cuisine .contents06 {
        padding: 6rem 0 2rem 0;
    }
    #cuisine .contents06 h3 {
        text-align: center;
        margin-bottom: 3rem;
    }
    /* ===================================================
	アクセス #access
======================================================*/
    #access h3 {
        margin-bottom: 3rem;
    }
    /*contents01 MAP--------------*/
    #access .contents01 {
        padding: 4rem 0 6rem 0;
    }
    /*contents02 Access--------------*/
    #access .contents02 {
        padding: 6rem 0;
    }
    /*方法*/
    #access .rote_way {
        margin-top: 0;
    }
    /*contents03 Contact--------------*/
    #access .contents03 {
        padding: 6rem 0;
    }
    /* ===================================================
	周辺観光 #sightseeing
======================================================*/
    #sightseeing .kv_wp p {
        font-size: 1.5rem;
        margin-top: 4rem;
    }
    #sightseeing h3 {
        margin-bottom: 3rem;
    }
    /*contents01--------------*/
    #sightseeing .contents01 .bg_brown {
        padding: 4rem 0 0 0;
    }
    /*spot_main*/
    #sightseeing .spot_wp, #sightseeing .spot_wp.spot_murouji {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    #sightseeing .spot_wp > div {
        width: 100%;
    }
    #sightseeing .spot_wp .spot_inner {
        max-width: 100%;
    }
    #sightseeing .spot_wp .spot_inner .btn_brown {
        text-align: center;
    }
    /*室生寺*/
    #sightseeing .spot_wp.spot_murouji > div:first-child {
        background-size: 50% auto;
        padding: 6rem 4rem;
    }
    /*龍穴神社*/
    #sightseeing .spot_wp.spot_ryuketsu > div:first-child {
        background-size: 50% auto;
        padding: 6rem 4rem;
    }
    #sightseeing .spot_wp.spot_ryuketsu .swiper .slider_controller {
        right: 3rem;
        left: auto;
    }
    /*spot_sub*/
    #sightseeing .spot_sub {
        padding: 6rem 0 0 0;
    }
	
	
	


/* ===================================================
	ブログ #blog
======================================================*/
#blog .menu nav ul li:nth-child(7) .a_link::before {
    opacity: 1;
}
.news .menu nav ul li:nth-child(7) .a_link::before {
    opacity: 0!important;
}	
	
#blog .kv_wp {
    background: url("../img/blog/kv.jpg") no-repeat center center;
    background-size: cover;
}
#blog .kv_wp_n {
    background: url("../img/news/kv.jpg") no-repeat center center;
    background-size: cover;
}
#blog h3 {
    text-align: center;
    margin-bottom: 5rem;
}
/*contents01 MAP--------------*/
#blog .contents01 {
    padding: 10rem 0 10rem 0;
}
#blog .contents01 .f-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f2efed;
    background: url("../img/access/map_bg.png") no-repeat bottom right;
}
#blog .contents01 .iframe_wp {
    position: relative;
    padding-top: 35%;
}
#blog .contents01 iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
#blog .access_yado_info .yado_name {
    font-size: 2rem;
}
#blog .access_yado_info .yado_detail {
    font-size: 1.6rem;
    line-height: 2;
    letter-spacing: 0.075em;
    margin-top: 2.4rem;
}
/*contents02 Access--------------*/
#blog .contents02 {
    padding: 10rem 0;
}
/*ルートガイド*/
#blog .contents02 .rote_guide h4 {
    margin-bottom: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#blog .contents02 .rote_guide .col2 {
    margin-bottom: 4rem;
}
#blog .contents02 .rote_guide h4 .rote_number {
    display: inline-block;
    width: 3.4rem;
    height: 3.4rem;
    background: #302924;
    color: #ffffff;
    font-size: 2rem;
    font-family: 'Montserrat', serif;
    font-weight: 500;
    border-radius: 50%;
    text-align: center;
    line-height: 3.4rem;
    margin-right: .6rem;
}
#blog .contents02 .rote_guide .rote_title {
    font-size: 1.7rem;
    letter-spacing: 0.075em;
    white-space: nowrap;
    width: calc(100% - 4rem);
}
#blog .contents02 .col2 img {
    width: 100%;
    height: auto;
}
/*方法*/
#blog .rote_way {
    margin-top: 4rem;
    font-size: 1.7rem;
}
#blog .contents02 .sectiontitle.line_left {
    margin-bottom: 2rem;
}
#blog .contents02 .sectiontitle.line_left::before {
    height: 2px;
}
#blog .contents02 .rote_car .box_brown {
    padding: 2rem 3rem;
}
#blog .contents02 .box_brown {
    margin-bottom: 4rem;
}
#blog .contents02 .rote_train .box_brown {
    padding: 2rem 0;
}
#blog .contents02 .rote_train h5 {
    background: #40322a;
    color: #f2efed;
    display: inline-block;
    font-size: 1.7rem;
    padding: .8rem 2rem .8rem 3rem;
    margin-bottom: 2rem;
}
#blog .contents02 .rote_train ul {
    padding: 0 3rem;
}
#blog .rote_box p {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
}
/*contents03 Contact--------------*/
#blog .contents03 {
    padding: 10rem 0;
}


#blog .wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template: 400px / 48.5% 1fr;
  grid-auto-rows: 200px 200px;
  gap: 10px;
    width: 100%;
}

 #blog .wrapper div{
	 background-color: #fff; 
	 font-size: 10px;
	 position: relative;
 }


 #blog .wrapper div:nth-child(1) {
   grid-column: 1 / 3;
   grid-row: 1 / 2;
	 background-color: #fff; 
	 font-size: 17px;
}
 #blog .wrapper div:nth-child(2) {
    grid-column: 1/ 2;
    grid-row: 3 / 2;
background-color: #fff; 
	 font-size: 10px;
 }
 #blog .wrapper div:nth-child(4) {
grid-column: 1/ 3;
    grid-row: 4 / 3;
background-color: #fff; 
	 font-size: 14px;
 }
#blog .wrapper div .blog_img{
	 display: block;
	 height: 60%;
	 overflow: hidden;
 }

#blog .wrapper div .blog_img img{
	 width: 100%;
 }



#blog .wrapper .blog_text{
	 margin: 8px;
	line-height: 15px;
	 text-align: left;
	 color: #000000;
	word-break: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
 }
	


#blog .wrapper div:nth-child(1) .pc {
	 margin: 8px;
	line-height: 25px;
	 text-align: left;
	 color: #000000;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}		
	
#blog .wrapper div:nth-child(2) .pc {
display: block;
    margin: 8px;
    line-height: 15px;
    text-align: left;
    color: #000000;
    word-break: normal;

 }
	

#blog .wrapper div:nth-child(4) .pc {
	 margin: 8px;
	line-height: 15px;
	 text-align: left;
	 color: #000000;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}		
	
	
/*
#blog .wrapper .blog_text.pc {
	 display: block;
	 margin: 8px;
	line-height: 15px;
	 text-align: left;
	 color: #000000;
	
 }
	
#blog .wrapper .blog_text.sp {

	 margin: 5px 10px;
	line-height: 15px;
	 text-align: left;
	 color: #000000;
		display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
 }

*/
	
	
	
#blog .wrapper div .blog_day{
position:absolute;
right:5px;
bottom:5px;
 font-size: 8px;
color: #a9a7a6;
}

#blog .wrapper div .blog_cat{

font-size: 6px;
color: #fff;
background-color: #302924;
padding: 1px 3px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
/* ----------------------------------------
 *
 *  スマホ 767px
 *
 * ---------------------------------------- */
@media screen and (max-width: 767px) {
    html {
        font-size: 52%;
    }
    /*--flexbox--*/
    .f-container, .f-container02 {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
    /*3カラム*/
    .f-container > .col2, .f-container > .col3, .f-container02 > .col2, .f-container02 > .col3 {
        width: 100%;
        max-width: 100%;
    }
    .pagetop {
        margin-bottom: 4rem;
    }
    .footer_inner .f-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .footer_nav {
        border-bottom: 1px solid rgba(229, 227, 225, .3);
        margin-bottom: 4rem;
    }
    .footer_nav ul {
        width: calc((100% - 4rem) / 2);
    }
    .footer_nav ul:nth-child(1) {
        margin-right: 4rem;
    }
    /* 定義リスト　------------------------- */
    .dl_amenity {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.4rem 0;
    }
    .dl_amenity dt {
        padding: .6rem 0 2rem 0;
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .dl_amenity dt::after {
        width: 5rem;
        height: 1px;
        top: auto;
        right: auto;
        bottom: 0;
    }
    .dl_amenity dd {
        line-height: 1.8;
    }
    /* ===================================================
	トップページ #index
======================================================*/
    /*contents05 Blog--------------*/
    #index .contents05 .blog_box {
        margin-top: 2rem;
    }
    /*contents08 YOU TUBE--------------*/
    #index .contents08 > .f-container03 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #index .contents08 h2 {
        padding-right: 0;
        margin-bottom: 3rem;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    /* ===================================================
	客室・館内 #room
======================================================*/
    /*contents02 ROOM--------------*/
    #room .contents02 h4 {
        background: url("../img/common/icon_title.png") no-repeat left top;
        background-size: 4rem auto;
    }
    /*room_box*/
    #room .room_box .room_detail {
        margin-bottom: 3rem;
    }
    #room .room_tsuki .sectiontitle.middle {
        line-height: 1.8;
    }
    #room .room_tsuki .sectiontitle_en {
        margin-left: 2rem;
    }
    /*お風呂*/
    #room .bath_wp .col2:first-child {
        margin-bottom: 6rem;
    }
    /* ===================================================
	お料理 #cuisine
======================================================*/
    /*contents04 ROAST BEEF--------------*/
    /*リード*/
    #cuisine .contents03 .roastbeef_lead_wp {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 6rem;
        border-bottom: none;
    }
    #cuisine .contents03 .roastbeef_lead {
        width: 100%;
        min-width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    #cuisine .contents03 .roastbeef_lead_img {
        width: 50%;
    }
    #cuisine .contents03 .roastbeef_lead_img:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    #cuisine .contents03 .roastbeef_lead_img:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    /*BOX*/
    #cuisine .contents03 .roastbeef_imgbox .col2:nth-child(1) {
        margin-bottom: 2rem;
    }
    /*ジビエ*/
    #cuisine .contents03 .roastbeef_box:last-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    #cuisine .contents03 .roastbeef_box:last-child .col2:nth-child(1) {
        margin-top: 2rem;
    }
    /*contents05 BOUTIQUE SAKE--------------*/
    #cuisine .contents05 h3 {
        margin-bottom: 3rem;
    }
    /*contents06 MORNING--------------*/
    #cuisine .contents06 .col2 {
        margin-bottom: 2rem;
    }
    /* ===================================================
	周辺観光 #sightseeing
======================================================*/
    /*spot_sub*/
    #sightseeing .spot_sub .col2:first-child {
        margin-bottom: 4rem;
    }
    /*龍穴神社*/
    #sightseeing .spot_wp.spot_ryuketsu .event_inner {
        width: 100%;
    }
    /* ===================================================
	アクセス #access
======================================================*/
    /*contents01 MAP--------------*/
    #access .contents01 .f-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    #access .contents01 .iframe_wp {
        margin-bottom: 3rem;
        padding-top: 50%;
    }
    /*contents02 Access--------------*/
    /*ルートガイド*/
    #access .contents02 .rote_guide .rote_title {
        white-space: normal;
        line-height: 1.6;
    }
    /*方法*/
    #access .rote_box p {
        text-align: left;
    }
    /*contents03 Contact--------------*/
    #contact .form_wp dt {
        width: 100%;
        padding-top: 0;
        margin-bottom: 1rem;
    }
    #contact .form_wp dd {
        width: 100%;
        margin-bottom: 3rem;
    }
}
/* ----------------------------------------
 *
 *  以下微調整 656px
 *
 * ---------------------------------------- */
@media screen and (max-width: 656px) {
    /* ===================================================
	トップページ #index
======================================================*/
    /*contents04 Plan--------------*/
    /*龍巡りプラン*/
    #index .contents04 .special_plan_wp .sectiontitle.middle br {
        display: none;
    }
}
/* ----------------------------------------
 *
 *  599px
 *
 * ---------------------------------------- */
@media screen and (max-width: 599px) {
    .toggle_menu .toggle_info {
        text-align: center;
    }
    .toggle_menu .toggle_info_adress {
        display: block;
/*        margin-top: 2rem;*/
    }
    .toggle_menu {
        padding: 6rem 3rem;
    }
    .toggle_menu .toggle_info_link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .toggle_menu .toggle_info_link div {
        width: 100%;
    }
    .toggle_menu .toggle_info_link div:first-child {
        margin-bottom: 2rem;
    }
    .form_box .price .kara {
        width: 4%;
    }
    /* ===================================================
	トップページ #index
======================================================*/
    /*contents04 Plan--------------*/
    /*龍巡りプラン*/
    #index .contents04 .special_plan_wp .sectiontitle.middle br {
        display: none;
    }
    /* ===================================================
	客室・館内 #room
======================================================*/
    /*contents04 GALLERY--------------*/
    #room .contents04 .swiper-pagination-bullet {
        width: 20px;
    }
    /* ===================================================
	お料理 #cuisine
======================================================*/
    /*contents01 LEAD--------------*/
    /*山菜料理*/
    #cuisine .contents01 .sansai_wp h4 {
        padding-left: 0;
    }
    #cuisine .contents01 .sansai_wp h4 .sectiontitle {
        line-height: 1.4;
    }
    #cuisine .contents01 .sansai_wp h4 .sectiontitle_en {
        margin-left: 0;
        display: block;
    }
    /* ===================================================
	アクセス #access
======================================================*/
    /*contents03 Contact--------------*/
    #contact .mail_min_br {
        display: block;
    }
}
/* ----------------------------------------
 *
 *  498px
 *
 * ---------------------------------------- */
@media screen and (max-width: 498px) {
    /* ===================================================
	客室・館内 #room
======================================================*/
    /*contents02 ROOM--------------*/
    /*room_box*/
    #room .room_tsuki .sectiontitle.middle {
        line-height: 1.2;
    }
    #room .room_tsuki .sectiontitle_en {
        margin-left: 0;
        display: block;
    }
}
/* ----------------------------------------
 *
 *  470px
 *
 * ---------------------------------------- */
@media screen and (max-width: 470px) {
    .min_br {
        display: block;
        margin-bottom: 1rem;
    }
    /* box　------------------------ */
    .f-container03 {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
    .col2, .col3 {
        width: 100%;
        max-width: 100%;
    }
    /*sectiontitle_en*/
    .sectiontitle_en {
        font-size: 2.6rem;
    }
    /*sectiontitle middle*/
    .sectiontitle.middle {
        font-size: 2.6rem;
    }
    /* 見出し　------------------------- */
    /*sectiontitle_large_en*/
    .sectiontitle_large_en {
        font-size: 3.4rem;
    }
    /*sectiontitle_small_ja*/
    .sectiontitle_small_ja {
        font-size: 1.7rem;
    }
    /* スライダー上書き　------------------ */
    #index .slider_controller {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 3rem 3rem 0 3rem;
    }
    #index .slider_controller .swiper-pagination {
        width: 100% !important;
        margin-bottom: 2rem;
    }
    #index .slider_controller > div:nth-child(1), #index .slider_controller > div:nth-child(2) {
        margin-left: 0;
    }
    /* footer
======================================================*/
    .footer_nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .toggle_menu .gnav, .footer_nav .gnav {
        width: 100%;
    }
    .toggle_menu .gnav li, .footer_nav .gnav li {
        margin-bottom: 2.6rem;
    }
    .toggle_menu .toggle_info {
        padding-top: 4rem;
        padding-bottom: 14rem;
    }
    .footer_detail {
        text-align: center;
    }
    .footer_plan .col2:nth-child(2) div {
        width: 100%;
    }
    .footer_plan .col2:nth-child(2) div:last-child {
        margin-top: 2rem;
    }
    /* RSS
======================================================*/
    .rss_wp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .rss_wp .mini {
        margin-right: 0;
        margin-bottom: 3rem;
    }
    .rss_wp .mini:last-child {
        margin-bottom: 0;
    }
    /* ===================================================
	トップページ #index
======================================================*/
    /*contents01 NEWS--------------*/
    #index .news_wp .news_inner li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 1.8rem;
    }
    /*contents04 Plan--------------*/
    /*龍巡りプラン*/
    #index .contents04 .special_plan_wp .special_plan_btn_wp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #index .contents04 .special_plan_wp .footer_plan_btn {
        width: 100%;
    }
    #index .contents04 .special_plan_wp .footer_plan_btn:nth-child(1) {
        margin-bottom: 2rem;
    }
    /*contents05 Blog--------------*/
    /*blog*/
    #index .contents05 .btn_brown {
        position: static;
        margin: 0 auto 4rem auto;
    }
    #index .contents05 .blog_box article:nth-child(3) {
        margin-bottom: 2rem;
    }
    #index .contents05 .blog_pickup h3 {
        font-size: 1.6rem;
        margin: 1.4rem 1.4rem 1rem 1.4rem;
    }
    #index .contents05 .blog_pickup .blog_data {
        margin: auto 1.4rem 1.4rem 1.4rem;
    }
    /*contents06 Gallery--------------*/
    #index .left_slide::before {
        width: calc((100% - 24rem) / 2);
    }
    /*contents08 YOU TUBE--------------*/
    #index .contents08 .movie_inner {
        width: 100%;
    }
/*
    #index .contents08 .movie_inner:first-child {
        margin-bottom: 2rem;
    }
    #index .contents08 .movie_inner:nth-child(2) {
        margin-bottom: 2rem;
    }
*/
    /*contents07 Others--------------*/
    #index .contents07 .f-container03 p:first-child {
/*        margin-bottom: 2rem;*/
    }
    /* 下層ページタイトル .subpage
======================================================*/
    .pagetitle_en {
        font-size: 3.4rem;
        letter-spacing: 0.14em;
    }
    /* ===================================================
	客室・館内 #room
======================================================*/
    /*contents03 FACILITY--------------*/
    /*広間*/
    #room .contents03 .hall_wp p br {
        display: none;
    }
    /* ===================================================
	お料理 #cuisine
======================================================*/
    /*contents04 ROAST BEEF--------------*/
    #cuisine .contents03 .roastbeef_lead p {
        text-align: left;
    }
    #cuisine .contents03 .roastbeef_lead p br {
        display: none;
    }
}
/* ----------------------------------------
 *
 *  374px
 *
 * ---------------------------------------- */
@media screen and (max-width: 374px) {
    html, body {
        min-width: 374px;
    }
}




@media only screen and (max-width: 1024px){
.contents_post{ margin:0 auto 0 auto; padding: 0 20px; width:80%;}
}



@media only screen and (max-width: 767px){
.contents_post{ margin:0 0 40px 0; padding: 0 20px;  width:auto;}
.contents_post .left_box{width:100%;}
.contents_post .right_box{width:100%;}
.contents_post .right_box h2{text-align: left; text-align: center; font-size:17px; color:#2d5440; border-bottom:#00561f 3px solid; border-top:#00561f 3px double; padding:10px 0 10px 0;}
}