/* --------------------------------
共通
-------------------------------- */
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 768px) and (max-width: 979px) {
}

/* --------------------------------
main_img
-------------------------------- */
#main_img{
	background: url(img/main_img.jpg) no-repeat top center;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	#main_img{
		background: url(img/main_img_sp.jpg) no-repeat center 50px;
		background-size: cover;
	}
}

#about #main{
    margin-top: 0;
}
#info_box{
	padding-top: 80px;
	padding-bottom: 80px;
	background: url(img/bg.jpg) repeat 0 0;
}

ul.ul_list_photo{ width: 100%; }
	ul.ul_list_photo li:nth-child(1){
		float: left;
		width: 40%;
	}
	ul.ul_list_photo li:nth-child(2){
		float: right;
		width: 55%;
	}

ul.ul_list_photo li img{ width: 100%; }

#info_box ul.ul_list_2w{
	margin-bottom: 50px; 
}
	#info_box ul.ul_list_2w li{
		float: left;
		width: 48% !important;	
	}

dl.dl_list{
  width: 100%;
  overflow: hidden;
  border-bottom: 1px dotted #999;
  border-top: none;
  background: rgba(255,255,255,0.5);
}
	dl.dl_list dt{
	  width: 25%;
	  float: left;
	  padding: 15px 10px 0;
	  border-top: 1px dotted #999;
	  box-sizing: border-box;
	  line-height: 1.5;
	  color: #9F8059;
	}
	dl.dl_list dd{
	  margin-left: 25%;
	  padding: 15px 10px 15px;
	  border-top: 1px dotted #999;
	  line-height: 1.5;
	}
	dl.dl_list dd:after{
	  display: block;
	  content: "";
	  clear: both;
	}

#map_box{
	padding: 50px 0 0;
	/*background: #FFF;*/
}
.ggmap {
    position: relative;
    margin: 10px 0 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    /*height: 300px;*/
}
    .ggmap iframe,
    .ggmap object,
    .ggmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
@media screen and (max-width: 767px) {
    .ggmap {
        margin: 10px 0 0;
    }
}

@media screen and (max-width: 767px) {
#info_box{
	padding-top: 30px;
	padding-bottom: 0;
	margin-bottom: 0 !important;
}
.box_in{ padding: 0; }
	ul.ul_list_photo figure{ padding: 0 15px; }
	ul.ul_list_photo li:nth-child(1),
	ul.ul_list_photo li:nth-child(2){
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	@media screen and (max-width: 767px) {
		ul.ul_list_photo li:nth-child(2){ margin-bottom: 0; }
	}

	#info_box ul.ul_list_2w{
		margin-bottom: 20px; 
		padding: 0 15px;
	}
		ul.ul_list_2w li{
			width: 48% !important;	
		}
			ul.ul_list_2w li:nth-child(1){ float: left !important;}
			ul.ul_list_2w li:nth-child(2){ float: right !important;}
			ul.ul_list_2w li figure{ padding: 0 !important; }
			


	dl.dl_list{
	  border-bottom: none;
	}
		dl.dl_list dt{
		  width: 100%;
		  float: none;
		  padding: 8px 10px;
		  border-top: none;
		  background: #9F8059;
		  color: #FFF;
		}
		dl.dl_list dd{
		  margin-left: 0;
		  padding: 10px 10px 15px;
		  border-top: none;
		}
	#map_box{
		margin-bottom: 0 !important;
		padding: 0 15px 20px;
	}
}





/* --------------------------------
クーポンボックス
-------------------------------- */
#coupon_box1,
#coupon_box2{
    width: 100%;
    height: auto;
    display: flex;
    background: #D3EDFB 0%, #D3EDFB 50%, #D3EDFB 50%, #D3EDFB 100%);
    /*background: linear-gradient(90deg, #F2AD0C 0%, #F2AD0C 50%, #08529A 50%, #08529A 100%);*/
    justify-content: center;
    align-items: center;
}
#coupon_box2{
    width: 100%;
    height: auto;
    display: flex;
    background: linear-gradient(90deg, #D3EDFB 0%, #D3EDFB 50%, #D3EDFB 50%, #D3EDFB 100%);
}
#coupon_box1 ul,
#coupon_box2 ul{
    list-style: none;
}
#coupon_box1 ul li,
#coupon_box2 ul li{
    width: 48%;
}

#coupon_box1{/*background: linear-gradient(90deg, #F2AD0C 0%, #F2AD0C 50%, #F2AD0C 50%, #F2AD0C 100%);*/
            background: linear-gradient(90deg, #D3EDFB 0%, #D3EDFB 50%, #D3EDFB 50%, #D3EDFB 100%);}
#coupon_box1 ul li{ width: 100%;}

#coupon_box1 ul li:nth-child(1),
#coupon_box2 ul li:nth-child(1){ float: left; }
#coupon_box1 ul li:nth-child(2),
#coupon_box2 ul li:nth-child(2){ float: right; }
#goto_box .box_in,
#eat_box .box_in,
#tabi_box .box_in,
#omotenashi_box .box_in{
    width: 100% !important;
    padding: 0 !important;
}
@media screen and (max-width: 767px) {
    #coupon_box1,
    #coupon_box2{
        display: block;
        background: none;
    }
    #coupon_box1{margin-bottom: 0 !important;}
    #coupon_box1 .box_in,
    #coupon_box2 .box_in{ padding: 0 !important; }
    #goto_box .box_in,
    #eat_box .box_in,
    #tabi_box .box_in,
    #omotenashi_box .box_in{
        width: auto;
        padding: 0 15px !important;
    }
    #coupon_box1 ul li,
    #coupon_box2 ul li{ width: 100%; }
}
/* --------------------------------
Goto 地域共通クーポン、大分旅割クーポン
-------------------------------- */
#goto_box,
#tabi_box,
#omotenashi_box{
    display: block;
    padding: 40px 0;
    /*background: #08529A;*/
}
#tabi_box{
    /*background: #00A0E9;*/
    background: #D3EDFB;
}
#omotenashi_box{
    /*background: #00A0E9;*/
    background: #C1D4E6;
}
#goto_box h2,
#tabi_box h2{
    width: 100%;
    margin-bottom: 0;
    text-align: center;
}
    #goto_box h2 img,
    #tabi_box h2 img,
    #omotenashi_box h2 img{ width: 150px; margin: 0 auto 10px;}
  #goto_box h3,
  #omotenashi_box h2{
    color: #FFF;
    margin-bottom: 5px !important;
    padding: 5px !important;
    border-bottom: none !important;
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
  }
  #omotenashi_box h2{color: #222; font-size: 16px; font-weight: bold;}
      #goto_box h3 span.fs_big,
      #omotenashi_box h3 span.fs_big{ font-size: 30px; }
  #goto_box h3:after,
  #omotenashi_box h3:after {
    border-bottom: none !important;
  }
.goto_coupon,
.omotenashi_coupon,
.tabi_coupon,
.tabi_coupon2{
    width: 100%;
    margin: 0 auto;
    background: #FFF;
    background-size: 1300px;
    border-radius:30px;
}
.goto_coupon,{
    background: #FFF url(img/bg_goto.png) no-repeat center center;
 }
    .goto_coupon .in,
    .omotenashi_coupon .in,
    .tabi_coupon .in,
    .tabi_coupon2 .in{
        padding: 20px;
    }
    .goto_coupon figure,
    .omotenashi_coupon figure,
    .tabi_coupon figure{
        /*float: left;*/
        max-width: 280px;
        margin: 0 auto;
    }
    .tabi_coupon2 figure{
        /*float: left;*/
        max-width: 380px;
        margin: 0 auto;
    }
        .goto_coupon figure img,
        .omotenashi_coupon figure img,
        .tabi_coupon figure img,
        .tabi_coupon2 figure img{ width: 100%; }
    .f_box{
        /*margin-left: 20px;*/
        float: left;
    }
    .f_box p{ 
        font-size: 20px;
        font-weight: bold;
        color: #F00;
    }
    .f_box p span.riyou{ font-size: 80%;}
    .f_box p.fuka{ font-size: 110%; color: #000;}

@media screen and (max-width: 767px) {
    #goto_box{
        background: #08529A;
    }
    .goto_coupon .in,
    .tabi_coupon .in,
    .omotenashi_coupon .in{
        padding: 10px 20px;
    }
    .goto_coupon{
        background: #FFF url(img/bg_goto.png) no-repeat center center;
        background-size: 1150px;
    }
    #goto_box,
    #omotenashi_box,
    #tabi_box{
        padding: 20px 0;
    }
        #goto_box h2{ width: 100%; margin-bottom: 0;}
        #goto_box h3{font-size: 16px;}
        #goto_box h3 span.fs_big{ font-size: 22px; }
        .f_box p{ font-size: 16px; margin-bottom: 5px;}
        .f_box p.fuka{ margin-bottom: 0px;}
        .tabi_coupon2{
            border-radius:0px;
        }
           .tabi_coupon2 .in{
                padding: 0;
            }
}
@media screen and (max-width: 414px) {
        .goto_coupon{
        background: #FFF url(img/bg_goto.png) no-repeat -550px center;
        background-size: 1200px;
    }
}

/* --------------------------------
Goto Eat キャンペーン
-------------------------------- */
#eat_box{
    display: block;
    padding: 40px 0;
    /*background: #F2AD0C;*/
}
#eat_box ul.ul_list_2w li{
    float: none;
    width: 100%;}

#eat_box h2{
    width: 150px;
    margin: 0 auto 10px;
}
  #eat_box h3{
    color: #FFF;
    padding: 5px !important;
    border-bottom: none !important;
    text-align: center;
    font-size: 25px;
    line-height: 1.2;
  }
  #eat_box h3:after {
    border-bottom: none !important;
  }

#eat_box dl{
    border: 1px solid #F00;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
    #eat_box dl dt{
        padding: 2px 10px; 
        background: #F00;
        color: #FFF;
    }
    #eat_box dl dd{
        padding: 15px 10px; 
        font-size: 140%;
        background: #FFF;
        line-height: 1.2;
        color: #F00; 
    }
        #eat_box dl dd small{ font-size: 60% !important; }
        #eat_box dl dd small.bl{ color: #000; }



@media screen and (max-width: 767px) {
    #eat_box{
        background: #F2AD0C;
    }
    #eat_box{ padding: 20px 0;}

    #eat_box ul.ul_list_2w li{width: 100% !important;}
    #eat_box h2{
        margin-bottom: 0 !important; 
        text-align: center;
    }
    #eat_box h2 img{ width: 90px; margin-bottom: 0!important;}
    #eat_box h3{font-size: 16px; margin-bottom: 5px !important;}   
    #eat_box dl{font-size: 16px;}
    #eat_box dl dd{ padding: 5px 10px; }
}

.small{ font-size: 90%;}