@charset "utf-8";
@import "style_third.css";

/**** 共通パーツ *************************/
.layout_w{padding:0 10px;}
.mt34{margin-top:34px;}
.pb40{padding-bottom:40px;}

/* trip */
#CDSWIDEXC{max-width: 480px !important;width:95% !important;margin:0 auto !important;}

/**** Shop_page(共通部分) *************************/
.indexpage,.exppage,.newspage{padding:30px 0 40px 0;}
.indexpage h2,.exppage h2,.newspage h2,.menu_area h2{font-weight:bold;font-size:18px;margin-bottom:20px;border-left:3px solid;padding-left:10px;line-height: 1;}

/* TOP_紹介 */
.parent_b .about{width:100%;display:flex;overflow:auto;-webkit-overflow-scrolling: touch;}
.parent_b .about .scroll_area{}
.parent_b .about .scroll_area{display:flex;}
.parent_b .about .scroll_area li{}
.parent_b .about .scroll_area li span{display:block;}

/* box1 */
.parent_b .about .scroll_area li.box1{margin-right:20px;margin-left:20px;}
.parent_b .about .scroll_area li.box1 .txt_area{margin-top:20px;margin-left:15px;width:325px;height:150px;overflow: auto;}
.parent_b .about .scroll_area li.box1 .txt_area .title{font-size:19px;margin-bottom:10px;}
.parent_b .about .scroll_area li.box1 .image1{border:1px solid #f1efef;background:url(../images/sp_no_image.png) #fff;width:355px;height:451px;background-position:center;background-size:cover;background-repeat:no-repeat;}

/* box2 */
.parent_b .about .scroll_area li.box2{margin-right:18px;}
.parent_b .about .scroll_area li.box2 .image2{border:1px solid #f1efef;background:url(../images/sp_no_image2.png) #fff;width:1105px;height:180px;background-position:center;background-size:cover;background-repeat:no-repeat;}

.parent_b .about .scroll_area li.box2 .image3{border:1px solid #f1efef;background:url(../images/sp_no_image.png) #fff;width:355px;height:390px;background-position:center;background-size:cover;background-repeat:no-repeat;margin-right:18px;}

.parent_b .about .scroll_area li.box2 .image4{border:1px solid #f1efef;background:url(../images/sp_no_image.png) #fff;width:355px;height:251px;background-position:center;background-size:cover;background-repeat:no-repeat;}

.parent_b .about .scroll_area li.box2 .txt_area{width: 312px;height:140px;overflow: auto; margin-top:20px;margin-left:15px;}
.parent_b .about .scroll_area li.box2 .txt_area .title{font-size:19px;margin-bottom:10px;}

/* box3 */
.parent_b .about .scroll_area li.box3{margin-right:20px;}
.parent_b .about .scroll_area li.box3 .image5{border:1px solid #f1efef;background:url(../images/sp_no_image.png) #fff;width:355px;height:390px;background-position:center;background-size:cover;background-repeat:no-repeat;}
.parent_b .about .scroll_area li.box3 .image6{border:1px solid #f1efef;background:url(../images/sp_no_image.png) #fff;width:355px;height:180px;background-position:center;background-size:cover;background-repeat:no-repeat;}

/* box4 */
.parent_b .about .scroll_area li.box4{padding-right:20px;}
.parent_b .about .scroll_area li.box4 .image7{border:1px solid #f1efef;background:url(../images/sp_no_image.png) #fff;width:166px;height:185px;background-position:center;background-size:cover;background-repeat:no-repeat;}

.parent_b .about .scroll_area li.box4 .image8{border:1px solid #f1efef;background:url(../images/sp_no_image.png) #fff;width:355px;height:385px;background-position:center;background-size:cover;background-repeat:no-repeat;}

/* TOP_section_about */
.section_about{padding: 0 10px;}
.section_about .in{width:100%;display:flex;overflow:auto;-webkit-overflow-scrolling: touch;}
.section_about .scroll_area{display:flex;}
.section_about .scroll_area li{width:250px;margin-right:20px;}
.section_about .scroll_area li:last-of-type{margin-right:0;}
.section_about .scroll_area li .image{border:1px solid #f1efef;display:block;background:url(../images/sp_no_image.png) 50% 50% #fff;width:250px;height:250px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.section_about .scroll_area li span{display:block;}
.section_about .scroll_area li .txt_area{width:250px;height:150px;overflow: auto;margin-top:15px;}
.section_about .scroll_area li .ttl{font-weight:bold;font-size:15px;}
.section_about .scroll_area li .txt{margin-top:10px;}


/* TOP_手作り体験内容 */
.colom_list ul{clear: both;}
.colom_list li{margin-bottom:26px;font-size:13px;}
.colom_list li:nth-of-type(2n) .catch{margin-left:auto;}
.colom_list .catch .image{border: 1px solid #f1efef;display: block;background: url(../images/sp_no_image.png) 50% 50% #fff;width: 100%;height: 130px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.colom_list .catch h3{font-size:16px;font-weight: bold;margin-bottom:5px;}
.colom_list .catch .data{margin-bottom:15px;}
.colom_list .catch .data li{color:#fff;background-color:#d71217;margin-bottom:5px;padding:1px 10px;display:inline-block;}
.colom_list .catch .data li:last-of-type{margin-bottom:0;}
.colom_list a.simple_btn_m{font-size:13px;}

/* タグの色 */
#churak .colom_list .catch .data li{background-color:#0D3386;}
#kannon .colom_list .catch .data li{background-color:#d75813;}
#yawata .colom_list .catch .data li{background-color:#0f9d3f;}
#sushi .colom_list .catch .data li{background-color:#0069af;}
#akazawa .colom_list .catch .data li{background-color:#f9ac33;}
#sakura .colom_list .catch .data li{background-color:#b9c31f;}
#yukoubou .colom_list .catch .data li{background-color:#8ec31f;}
#kiyomizu .colom_list .catch .data li{background-color: #990000;}
#sannen .colom_list .catch .data li{background-color: #eb7eaa;}
#kaisan .colom_list .catch .data li{background-color: #d01f1f;}

/* TOP_お客様の声 */
.voice_list{}
.voice_list ul{width:100%;display:flex;overflow:auto;-webkit-overflow-scrolling: touch;}
.voice_list li{width:200px;margin-right:16px;}
.voice_list li:last-of-type{margin-right:0;}
.voice_list li .image{border:1px solid #f1efef;display:block;background:url(../../images/home_news_thumb_def.png) 50% 50% #fff;width:200px;height:200px;background-position:center;background-repeat:no-repeat;}
.voice_list li .data{text-decoration: underline;}

.voice_list li{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.voice_list li.loading{cursor:pointer;}
.voice_list li.loading span{display:block;text-align:center;width:100px;height:100%;background:url(../images/sp_more.png) no-repeat 50% 50% #F5F5F5;position:relative;}
.voice_list li.loading span img{display:none;width:32px;height:32px;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;}
.voice_list li.loading.on span{background:#fff;}
.voice_list li.loading.on span img{display:inline;}

.scroll_img{margin:10px 10px 48px 0;}
.scroll_img.mbno{margin-bottom:0px;}
.scroll_img img{zoom:.5;}

/* TOP_店舗紹介 */
.store_info{}
.store_info .text{padding:20px 10px 0 10px;}
.store_info .area_banner{text-align: center;padding: 20px 10px 0;}

/*** infopage_店舗案内 *************************/
.storeinfo{}
.storeinfo .shop_txt{padding:0px 10px 20px 10px;}
.storeinfo .social{padding:10px;margin: 10px;border:1px solid #e6e6e6;}
.storeinfo .social .comment{margin-bottom:5px;}

/* 会社案内 */
.table{padding:0 10px;margin-bottom:40px;}
.table dt,.table dd{padding:10px;}
.table dt{border-top: 1px solid #e6e6e6;}
.table dt{background:#f1f6f8;font-weight:bold;}
.table dl:last-of-type dd{border-bottom: 1px solid #e6e6e6;}

/* 店舗案内 */
.parent_a .about{padding-bottom:30px;}
.parent_a .about:last-of-type{padding-bottom:0;}
.parent_a .about .img{padding-bottom:10px;}
.parent_a .about h3{padding:0 10px 10px 10px;font-size:20px;font-weight:bold;}
.parent_a .about .txt{padding:0 10px 15px 10px;}
.parent_a .about .btn{padding:0 10px;}
.parent_a .about .btn a{padding: 5px 25px 5px 10px;}

/* インドアビュー */
.idv{padding:0 10px 40px 10px;}

/* YouTube */
.ytube{padding:0 10px 40px 10px;}
.ytube ul li{padding-bottom:10px;}

/* アクセス */
.g_map {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.g_map iframe,.g_map object,.g_map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.access_code{padding: 0 0 10px 15px; position:relative;margin-left:10px;}
.access_code::before{content: "";display: block;width: 4px;height: 4px;position: absolute;top: 6px;left: 3px;z-index: 10;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.access_code::before{border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.access_code .txtbox{padding: 5px 0 0 83px;background: url(../images/indexpage_map_code.png) no-repeat 0 5px;background-size: 78px 24px;}
.access_code .txtbox p{float: left;padding: 3px 15px;border: 1px solid #77037A;background: #fff;}
.access_code::after{content: "";display: block;width: 12px;height: 12px;border-radius: 10px;position: absolute;top: 4px;left: 0;z-index:-10;}

/* 円色 */
#ryukyu .access_code::after{background:#d71318;}
#churak .access_code::after{background:#0D3386;}
#obcafe .access_code::after{background:#05B5E1;}
#kannon .access_code::after{background:#d75813;}
#yawata .access_code::after{background:#0f9d3f;}
#sushi .access_code::after{background: #0069af;}
#akazawa .access_code::after{background:#f9ac33;}
#sakura .access_code::after{background:#b9c31f;}
#yukoubou .access_code::after{background:#8ec31f;}
#kiyomizu .access_code::after{background: #990000;}
#sannen .access_code::after{background: #eb7eaa;}
#kaisan .access_code::after{background: #d01f1f;}

/*** infopage_体験内容(一覧) *************************/
.works_list{padding:0 10px 20px 10px;margin-bottom:20px;border-bottom:1px solid #f8f6f4;}
.works_list:last-of-type{margin-bottom:0px;border-bottom:none;}
.works_list h3{font-size:16px;font-weight:bold;margin-bottom:10px;}
.works_list .image{border: 1px solid #f1efef;display: block;background: url(../images/sp_no_image.png) 50% 50% #fff;width: 50%;height: 140px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.works_list .data{margin-left:10px;width:46%;}
.works_list .data li{color:#fff;display:inline-block;background-color:#d71217;margin-bottom:5px;padding:1px 10px;font-size:13px;}
.works_list .txt{margin-bottom:10px;font-size:12px;}

/* タグ色 */
#churak .works_list .data li{background-color:#0D3386;}
#obcafe .works_list .data li{background-color: #008cba;}
#kannon .works_list .data li{background-color:#d75813;}
#yawata .works_list .data li{background-color:#0f9d3f;}
#sushi .works_list .data li{background:#0069af;}
#akazawa .works_list .data li{background-color:#f9ac33;}
#sakura .works_list .data li{background-color:#b9c31f;}
#yukoubou .works_list .data li{background-color:#8ec31f;}
#kiyomizu .works_list .data li{background-color: #990000;}
#sannen .works_list .data li{background-color: #eb7eaa;}
#kaisan .works_list .data li{background-color: #d01f1f;}

/*** infopage_体験内容(詳細) *************************/
.indexdata .sumb{margin-bottom:10px;text-align: center;}
.indexdata h3{font-size:16px;font-weight:bold;padding:0 10px;margin-bottom:10px;}
.sumb_txt{font-size:12px;padding:0 10px 10px 10px;}

/* 値段 */
.time_price{padding:15px 10px;border-top:1px solid #d71217;border-bottom:1px solid #d71217;margin-bottom:20px;}
.time_price p.bag,.time_price p.price{margin-top:5px;}

/* 値段（色） */
#churak .time_price{border-top:1px solid #0D3386;border-bottom:1px solid #0D3386}
#kannon .time_price{border-top:1px solid #d75813;border-bottom:1px solid #d75813}
#yawata .time_price{border-top:1px solid #0f9d3f;border-bottom:1px solid #0f9d3f}
#sushi .time_price{border-top:1px solid #0069af;border-bottom:1px solid #0069af}
#sakura .time_price{border-top:1px solid #b9c31f;border-bottom:1px solid #b9c31f}
#yukoubou .time_price{border-top:1px solid #8ec31f;border-bottom:1px solid #8ec31f;}
#kiyomizu .time_price{border-top:1px solid #990000;border-bottom:1px solid #990000;}
#sannen .time_price{border-top:1px solid #eb7eaa;border-bottom:1px solid #eb7eaa;}
#kaisan .time_price{border-top:1px solid #d01f1f;border-bottom:1px solid #d01f1f;}

/* art_一覧 */
.art{margin-bottom:30px;}
.art .imgs p{width:50%;float: left;}
.art .txt{padding:10px 10px;}

/* sns */
.exppage .social{padding:10px;margin: 10px;border:1px solid #e6e6e6;border-radius:4px;}
.exppage .social .comment{margin-bottom:5px;}

/* reserv_btn */
.reserv{background-color:#f1efef;padding: 10px;margin:0 10px 0 10px;}
.reserv .txt{padding-bottom:10px;font-size:12px;}
.reserv .btn a{text-align: center;border-radius:4px;display:block;width:100%;background:#28abe0;color:#fff;padding:5px 0;}

.reserv .btn a{background:#28abe0;}
#ryukyu .reserv .btn a{background:#d71217;}
#churak .reserv .btn a{background:#0D3386;}
#kannon .reserv .btn a{background: #d75813;}
#yawata .reserv .btn a{background:#0f9d3f;}
#sushi .reserv .btn a{background:#0069af;}
#sakura .reserv .btn a{background:#b9c31f;}
#yukoubou .reserv .btn a{background:#8ec31f;}
#kiyomizu .reserv .btn a{background: #990000;}
#sannen .reserv .btn a{background: #eb7eaa;}
#kaisan .reserv .btn a{background: #d01f1f;}

/* btn */
.return_btn{padding:10px;}

/*** infopage_お客様の声・お知らせ(一覧) *************************/
.news_box {float:left;width:48%;margin-bottom:20px;}
.news_box:nth-of-type(2n) {float:right;}
.news_box .image{border:1px solid #f1efef;display:block;background:url(../images/sp_no_image.png) 50% 50% #fff;width:100%;height:140px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.news_box .data{text-decoration: underline;}

.category_name{margin: 0 0 20px;padding: 0 0 5px;text-align: center;font-size: 15px;position: relative;}
.category_name::before{content: "";display: block;width: 200px;height: 1px;position: absolute;left: 50%;bottom: 0;margin: 0 0 0 -100px;}

#ryukyu .category_name{color:#d71318;}
#ryukyu .category_name::before{background-color:#d71318;}

#churak .category_name{color:#0D3386;}
#churak .category_name::before{background-color:#0D3386;}

#obcafe .category_name{color:#008cba;}
#obcafe .category_name::before{background-color:#008cba;}

#kannon .category_name{color:#d75813;}
#kannon .category_name::before{background-color:#d75813;}

#yawata .category_name{color:#0f9d3f;}
#yawata .category_name::before{background-color:#0f9d3f;}

#sushi .category_name{color:#0069af;}
#sushi .category_name::before{background:#0069af;}

#akazawa .category_name{color:#f9ac33;}
#akazawa .category_name::before{background-color:#f9ac33;}

#sakura .category_name{color:#b9c31f;}
#sakura .category_name::before{background-color:#b9c31f;}

#yukoubou .category_name{color:#8ec31f;}
#yukoubou .category_name::before{background-color:#8ec31f;}

#kiyomizu .category_name{color:#990000;}
#kiyomizu .category_name::before{background-color:#990000;}

#sannen .category_name{color:#eb7eaa;}
#sannen .category_name::before{background-color:#eb7eaa;}

#kaisan .category_name{color:#d01f1f;}
#kaisan .category_name::before{background-color:#d01f1f;}


.indexpage .pager a,.indexpage .pager span{border:1px solid #f1efef;}
.indexpage .pager span,.indexpage .pager a:hover{background:#f1efef;color:#333;}

.news_category{margin-bottom:20px;}
.news_category li{display:inline-block;background:#d71318;color:#fff;margin-bottom:5px;border-radius:4px;}
.news_category li a{color:#fff;display:block;padding:2px 10px;}

#churak .news_category li{background: #0D3386;}
#obcafe .news_category li{background: #008cba;}
#kannon .news_category li{background: #d75813;}
#yawata .news_category li{background: #0f9d3f;}
#sushi .news_category li{background:#0069af}
#akazawa .news_category li{background: #f9ac33;}
#sakura .news_category li{background: #b9c31f;}
#yukoubou .news_category li{background: #8ec31f;}
#kiyomizu .news_category li{background: #990000;}
#sannen .news_category li{background: #eb7eaa;}
#kaisan .news_category li{background: #d01f1f;}

/*** infopage_お客様の声・お知らせ(詳細) *************************/
.newspage h4{font-weight:bold;font-size:16px;padding:0 10px;}
.newspage .time{font-size:12px;text-align: right;margin-right:10px;margin-bottom:20px;}
.newspage .txt{padding:10px;}



/*** infopage_料理メニュー(詳細) *************************/
.menu_category{padding:30px 0;}
.menu_category li{text-align: center;float:left;width:50%;margin-bottom:10px;}
.menu_category li span{display:block;color:#fff;background-color:#ccc;width:94%;margin: 0 auto;padding:3px 0;}

#obcafe .menu_category li span{background-color:#008cba;}
#akazawa .menu_category li span{background-color:#f9ac33;}
#sannen .menu_category li span{background-color:#eb7eaa;}
#kaisan .menu_category li span{background-color:#d01f1f;}

.menu_area{margin-bottom:40px;}
.menu_area h3{margin-bottom:20px;text-align: center;font-size:15px;font-weight:bold;border:1px solid;padding:8px 5px;}

#obcafe .menu_area h3{color:#008cba;}
#akazawa .menu_area h3{color:#f9ac33;}
#sannen .menu_area h3{color:#eb7eaa;}
#kaisan .menu_area h3{color:#d01f1f;}

.menu_area.soba .menu_list{border-bottom:1px solid #ccc;margin-bottom:20px;}
.menu_area.soba .menu_list:last-of-type{border-bottom:none;margin-bottom:0;}

.menu_list {}
.menu_list li{margin-bottom:20px;}
.menu_list li:nth-of-type(2n) .menu_item{margin-left:auto;}
.menu_list li .image{border: 1px solid #f1efef;display: block;background: url(../images/sp_no_image.png) 50% 50% #fff;width: 100%;height: 140px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.menu_list .description{min-height:99px;max-height:153px;overflow-y:auto;}
.menu_list .description .name{font-weight:bold;font-size:15px;}
.menu_list .description .price{font-size:13px;}
.menu_list .description .txt{font-size:12px;}

.drink_list{}
.drink_list .menu_item{margin-bottom:15px;}
.drink_list .menu_item .image{border:1px solid #f1efef;display:block;background:url(../images/sp_no_image.png) 50% 50% #fff;width:30%;height:90px;background-position:center;background-repeat:no-repeat;background-size:cover;}
.drink_list .description{width:60%;}
.drink_list .description span{display:block;}
.drink_list .description .title{background-color:#fdf4e9;padding:5px 10px;font-weight:bold;}
#obcafe.drink_list .description .title{background-color: #f2fafd;}
#sannen.drink_list .description .title{background-color: #fff5f9;}

.drink_list .description .txt{font-size:12px;}
.drink_list .description .price{font-size:12px;}