@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 84%    11px = 92%    12px = 100%   13px = 109%
 14px = 117%    15px = 125%    16px = 133.3%    17px = 141.7%
 18px = 150%    19px = 158.3%    20px = 166.7%    21px = 175%
 22px = 183.3%    23px = 191.7%    24px = 200%    25px = 208.3%
 26px = 216.7%
=================================================================== */
/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
* {
    box-sizing: border-box
    }
img {
    max-width: 100%
    }
body {
    font-size: 12px
    }
.pc_cont {
    display: none
    }
.sp_cont {
    display: block
    }
/* btn */
.btn a {
    border-radius: 35px;
    display: block;
    line-height: auto;
    margin: 0 auto;
    padding: 10px 20px 10px 0;
    text-align: center;
    width: 100%
    }
.bx-wrapper .bx-controls-direction a {
    z-index: 9000 !important
    }
/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/
#content {
    margin: 0;
    width: auto
    }
#pagetop {
    bottom: 40px;
    right: 10px
    }
/*----------------------------------------------------
	header | ヘッダー
----------------------------------------------------*/
header {
    position: relative
    }
#top_mainvisual_sp .bx-viewport {
    border: 0;
    box-shadow: none;
    left: 0;
    padding-top: 0
    }
#top_mainvisual_sp .bx-wrapper .bx-pager.bx-default-pager a:hover, #top_mainvisual_sp .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #4FA4AF
    }
#top_mainvisual_sp .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc
    }
#top_mainvisual_sp .bx-controls-direction {
    display: none
    }
#top_mainvisual_sp .bx-wrapper .bx-pager {
    bottom: -38px
    }
/*#header_top {
  background: #fff;
  border-radius: 0;
  box-shadow: 0px 0px 4px #aaa;
  margin-left: 0;
  left: 0;
  position: relative;
  top: 0;
  z-index:10;
}*/
#header_top .header_wrap {
    margin: 0;
    padding: 7px 8px;
    width: 100%;
    overflow: hidden
    }
#header_top .logo {
    float: left;
    padding-top: 0;
    width: 150px
    }
#header_top .logo img {
    max-width: 100%
    }
#header_top .right {
    display: none
    }
#header_top #menu_open {
    float: right;
    margin-top: 5px
    }
/*#menu {
  background: rgba(0,0,0,0.6);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}

#menu #menu_close_t {
  position: absolute;
  right: 230px;
  top: 10px;
}

#menu .inner {
  background: #fff;
  padding: 15px 10px 25px 10px;
  position: absolute;
  top: 0;
  right: 0;
  width: 220px;
}*/
#menu .select_language, #menu .select_language select {
    width: 100%
    }
#menu .gnav_list {
    margin-bottom: 20px
    }
#menu .gnav_list li {
    border-bottom: 1px dashed #ccc
    }
/*#menu .gnav_list li a {
  background: url(../img/ico_arrow_rdc.png) right center no-repeat;
  background-size: 15px;
  display: block;
}*/
#menu .gnav_list li a {
    display: block;
    line-height: 50px
    }
#menu .gnav_list li.sp_nav01 a img {
    max-width: 128px
    }
#menu .gnav_list li.sp_nav02 a img {
    max-width: 143px
    }
#menu .gnav_list li.sp_nav03 a img {
    max-width: 115px
    }
#menu .gnav_list li.sp_nav04 a img {
    max-width: 117px
    }
#menu .gnav_list li.sp_nav05 a img {
    max-width: 161px
    }
#menu .gnav_list li.sp_nav06 a img {
    max-width: 181px
    }
#menu .gnav_list li.sp_nav07 a img {
    max-width: 99px
    }
#menu .gnav_list li.sp_nav08 a img {
    max-width: 133px
    }
#menu .gnav_list li.sp_nav09 a img {
    max-width: 174px
    }
#menu .gnav_list li.sp_nav10 a img {
    max-width: 99px
    }
#menu .gnav_list li.sp_nav11 a img {
    max-width: 99px
    }
#menu .gnav_list li.sp_nav12 a img {
    max-width: 99px
    }
#menu .snav_list {
    background: #f4f4f4;
    margin-bottom: 10px;
    padding: 0 10px
    }
#menu .snav_list li {
    border-top: 1px solid #fff
    }
#menu .snav_list li:first-child {
    border: 0
    }
#menu .snav_list li a {
    display: block
    }
#menu .primary_list li {
    margin: 10px 0
    }
#menu .primary_list li a {
    background: url(../img/ico_arrow_rg.png) left center no-repeat;
    background-size: 6px 11px;
    display: block;
    padding-left: 12px;
    text-decoration: none
    }
#menu #menu_close_b {
    background: #4fa4af;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    text-align: center
    }
#menu #menu_close_b .ico {
    background: url(../img/ico_cross.png) left center no-repeat;
    background-size: 20px;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    padding-left: 30px
    }
/*----------------------------------------------------
	footer | フッター
----------------------------------------------------*/
footer {
    background: #F4F4F4;
    margin-top: 30px
    }
footer .inner {
    margin: 0 auto;
    padding: 20px 0 70px 0;
    width: 100%
    }
.footer_mid {
    margin: 0 10px;
    width: auto
    }
.footer_mid .ttl {
    margin: 10px 0;
    text-align: center
    }
.footer_mid .txt {
    line-height: 1.6;
    margin: 0 0 10px 0
    }
.footer_mid .btn a {
    line-height: 30px;
    width: auto
    }
.footer_mid .cont_left {
    background: #fff;
    border-radius: 10px;
    float: none;
    margin-bottom: 15px;
    padding: 10px 10px 14px 10px;
    width: 100%
    }
.footer_mid .cont_left .ttl img {
    width: 131px
    }
.footer_mid .cont_left .btn img {
    width: 175px
    }
.footer_mid .cont_right {
    background: #fff;
    border-radius: 10px;
    float: none;
    padding: 10px 10px 14px 10px;
    width: 100%
    }
.footer_mid .cont_right .ttl img {
    width: 161px
    }
.footer_mid .cont_right .btn img {
    width: 175px
    }
footer .copyright {
    background: #4FA4AF;
    color: #fff;
    font-size: 8px;
    line-height: 30px;
    text-align: center
    }
/*----------------------------------------------------
	top | トップページ
----------------------------------------------------*/
.page_top .sec1 {
    margin-bottom: 20px
    }
.page_top .sec1 .search_area {
    float: none;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    width: 100%
    }
.page_top .sec1 .search_area h2 img {
    width: 95px
    }
.page_top .sec1 .search_area h2 .sp_arrow {
    position: absolute;
    right: 5px;
    top: 0
    }
.page_top .sec1 .search_area h2 .sp_arrow.rotate {
    transform: rotate(180deg)
    }
.page_top .sec1 .search_area h2 .sp_arrow img {
    width: 25px
    }
.page_top .sec1 .search_area .inner {
    display: none
    }
.page_top .sec1 .search_area .inner .desc {
    font-size: 10px
    }
.page_top .sec1 .search_area .inner .btn img {
    width: 146px
    }
.page_top .sec1 .right {
    float: none;
    width: 100%
    }
.page_top .sec1 .right .sec1_rt {
    margin-bottom: 0
    }
.page_top .sec1 .right .sec1_rt li:first-child {
    float: none
    }
.page_top .sec1 .right .sec1_rt li {
    float: none;
    margin-bottom: 20px;
    width: 100%
    }
/* page.php */
#container #content.page_top .sec1.side, #container #content.page_top .sec1.side .search_area, #container #content.page_top .main {
    width: 100%
    }
#container #content.page_top .sec1.side .search_area h2 {
    padding-left: 0;
    height: 45px;
    text-align: center
    }
#container #content.page_top .sec1.side .search_area h2 img {
    margin: 0 auto;
    padding-top: 10px
    }
#container #content.page_top .sec1.side .search_area h2 span img {
    padding-top: 0
    }
#container #content.page_top .main.right {
    float: none;
    margin: 0 10px;
    width: auto
    }
#container #content.page_top .sec1.side.left {
    float: none;
    margin-bottom: 30px
    }
#container #content.page_top .sec1.side .search_area {
    margin-bottom: 0
    }
#container #content.page_top .sec1.side .search_area h2 {
    padding-left: 0;
    height: 45px;
    text-align: center
    }
#container #content.page_top .main .list_wrap .page_list, #container #content.page_top .main .list_wrap .page_list a.detail {
    width: 100%
    }
#container #content.page_top .main .list_wrap {
    padding: 10px 15px 60px
    }
/*#container #content.page_top .main .list_wrap p.intro{
  margin: 0 -10px 20px;
}*/
#container #content.page_top .main .list_wrap p.intro img {
    width: 100%
    }
#container #content.page_top .main .list_wrap .page_list {
    margin-bottom: 15px
    }
#container #content.page_top .main .list_wrap .page_list h1 {
    height: auto
    }
#container #content.page_top .main .list_wrap .page_list .info {
    padding-bottom: 0
    }
#container #content.page_top .main .list_wrap .page_list, #container #content.page_top .main .list_wrap .page_list:nth-of-type(even), #container #content.page_top .main .list_wrap .page_list .info .left, #container #content.page_top .main .list_wrap .page_list .info .right {
    float: none
    }
#container #content.page_top .main .list_wrap .page_list {
    padding: 10px 10px 20px
    }
#container #content.page_top .main .list_wrap .page_list .info {
    height: auto
    }
#container #content.page_top .main .list_wrap .page_list .info .left {
    margin-bottom: 10px
    }
#container #content.page_top .main .list_wrap .page_list .info .right /*#container #content.page_top .main .list_wrap .page_list .info .left img*/ {
    width: 100%
    }
#container #content.page_top .main .list_wrap .page_list .info dl dd {
    margin-bottom: 10px;
    height: auto
    }
#container #content.page_top .main .list_wrap .page_list p.txt {
    margin-bottom: 10px;
    height: auto
    }
#container #content.page_top .main .list_wrap .pagenation {
    margin-left: 0
    }
#container #content.page_top .main .list_wrap .pagenation ul li.pc_cont {
    display: none
    }
#top_mainvisual_sp.sp_cont img, #container #content.page_top .main img.sp_cont {
    width: 100%
    }
/* footer */
.footer_mid p.btn {
    height: auto
    }
.footer_mid p.btn a {
    height: auto;
    line-height: 30px
    }
.footer_mid p.btn a img {
    margin: 0 auto;
    padding-top: 0
    }
/*----------------------------------------
 gourmet グルメ紹介
----------------------------------------*/
#container #content.page_top .main p.sp_cont.intro {
    margin-bottom: 20px;
    padding: 5px;
    background: url(../img/page/gourmet/img_page_intro_bg_sp.png);
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color: #4c3c22
    }
/*----------------------------------------
 onsen
----------------------------------------*/
#container.onsen #content.page_top .main .list_wrap img.map {
    width: 100%
    }
/*------------------------------------------
 history 世界遺産を巡る
------------------------------------------*/
#container.history main .main_bg {
    padding: 10px
    }
#container.history main .main_bg .wrap_border {
    border-bottom: 5px solid #993a30;
    border-top: 5px solid #993a30;
    padding: 10px
    }
#container.history main .main_bg .wrap_border h2 {
    font-size: 17px;
    line-height: 1.8
    }
#container.history main .main_bg .map_data {
    margin-bottom: 10px
    }
#container.history main .main_bg .map_data .left {
    float: none;
    width: auto
    }
#container.history main .main_bg .map_data .left .table_data th {
    width: 70px
    }
#container.history main .main_bg .map_data .img-right {
    float: none;
    margin-top: 10px;
    width: auto
    }
#container.history main .main_bg .map_data .img-right img {
    width: 100%
    }
#container.history main .main_bg .map_data .btn {
    margin-bottom: 15px;
    padding: 0 10px
    }
#container.history main .main_bg .map_data .btn a {
    background: url(../img/page/history/ico_arrow_rbc.png) 97% center no-repeat #b26862;
    background-size: 18px
    }
#container.history main .main_bg .img_sep {
    margin-bottom: 30px
    }
#container.history main .main_bg .img_sep .img_left {
    width: 48%
    }
#container.history main .main_bg .img_sep .img_right {
    width: 48%
    }
#container.history main .main_bg .note {
    background: #f9f9f9;
    padding: 3px
    }
#container.history main .main_bg .note .note_border {
    border: 1px solid #ad9e60;
    padding: 10px
    }
#container.history main .main_bg .border_center {
    line-height: 1.4 !important;
    margin: 10px 0 0 0 !important
    }
#container.history main .main_bg .border_center:before {
    width: 40px
    }
#container.history main .main_bg .border_center:after {
    width: 40px
    }
#container.history main .main_bg .spot_list li {
    border-top: 1px solid #e5dbda;
    padding: 20px 0
    }
#container.history main .main_bg .spot_list li:first-child {
    border-top: 0
    }
#container.history main .main_bg .spot_list li .left {
    float: none;
    margin-bottom: 10px;
    width: auto
    }
#container.history main .main_bg .spot_list li .left h3 {
    font-size: 15px
    }
#container.history main .main_bg .spot_list li .left h3 .num {
    line-height: 18px;
    width: 18px
    }
#container.history main .main_bg .spot_list li .left .txt {
    line-height: 1.3;
    margin-bottom: 10px
    }
#container.history main .main_bg .spot_list li .left table th {
    width: 70px
    }
#container.history main .main_bg .spot_list li .left .link, #container.history main .main_bg .spot_list li .left .link a {
    color: #993a30
    }
#container.history main .main_bg .spot_list li .right {
    float: none;
    width: auto
    }
#container.history main .main_bg .spot_list li .right img {
    width: 100%
    }
#container.history main .bg_radius {
    padding: 10px
    }
#container.history main .bg_radius .block h2 {
    font-size: 17px
    }
#container.history main .bg_radius .block .txt {
    margin-bottom: 10px
    }
#container.history main .bg_radius .block .caption {
    font-size: 10px
    }
#container.history main .bg_radius .block .txt_left {
    float: none;
    width: auto
    }
#container.history main .bg_radius .block .img_right {
    float: none;
    padding: 0 10px;
    width: auto
    }
#container.history main .bg_radius .block .txt_right {
    float: none;
    width: auto
    }
#container.history main .bg_radius .block .img_left {
    float: none;
    padding: 0 10px;
    width: auto
    }
#container.history main .bg_radius .block.block_half .txt_right {
    width: auto
    }
#container.history main .bg_radius .block.block_half .img_left {
    width: auto
    }
#container.history main .bg_radius .block.block_min .img_left {
    width: auto
    }
#container.history main .bg_radius .block.block_min .txt_right {
    width: auto
    }
#container.history main .bg_radius .block.block_min .txt_left {
    width: auto
    }
#container.history main .bg_radius .block.block_min .img_right {
    width: auto
    }
#container.history main .bg_radius .block .img_list {
    margin-top: 10px
    }
#container.history main .bg_radius .block .img_list li {
    float: none;
    margin-left: 0;
    padding: 0 10px;
    width: auto
    }
#container.history main .bg_radius .block .img_list li:first-child {
    margin-left: 0
    }
#container.history main .bg_radius .history_table {
    background: url(../img/page/history/bg_morphological_left.png) left top repeat-y, url(../img/page/history/bg_morphological_base.png);
    background-size: 114px 100%, 100%;
    padding-bottom: 10px;
    margin-bottom: 30px
    }
#container.history main .bg_radius .history_table h2 {
    background: url(../img/page/history/bg_morphological_top.png);
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 2;
    margin-bottom: 10px;
    text-align: center
    }
#container.history main .bg_radius .history_table table th {
    font-size: 10px;
    padding: 0 0 0 5px;
    position: relative;
    width: 120px
    }
#container.history main .bg_radius .history_table table th:after {
    color: #c16965;
    content: "●";
    font-size: 16px;
    position: absolute;
    right: -1px
    }
#container.history main .bg_radius .history_table table td {
    font-size: 10px;
    padding: 3px 5px 0 5px
    }
#container.history main .bg_radius .history_table table td span {
    display: none
    }
#container.history main .bg_radius .history_table table td:first-letter {
    color: #333
    }
#container.history main .btn-list {
    padding: 0 10px
    }
#container.history main .btn-list li {
    float: none;
    margin-bottom: 20px
    }
#container.history main .btn-list li {
    margin: 0 0 20px 0 !important
    }
#container.history main .btn-list li.btn01 a {
    background: url(../img/list/history/ico_arrow_b.png) 97% center no-repeat #b24242;
    background-size: 18px
    }
#container.history main .btn-list li.btn02 {
    float: none;
    margin-right: 0
    }
#container.history main .btn-list li.btn02 a {
    background: url(../img/list/history/ico_arrow_lb.png) 97% center no-repeat #d68525;
    background-size: 18px
    }
/*------------------------------------------
 single 詳細ページ
------------------------------------------*/
#container #content.single.page_top .sec1.side {
    margin-top: 30px
    }
#container #content.single.page_top .main .list_wrap {
    padding: 10px
    }
#container #content.single.page_top .main p.sp_cont.intro {
    margin-bottom: 10px
    }
#container #content.single.page_top .main .list_wrap .page_list h1 {
    margin: 0 -10px 10px;
    padding: 10px;
    font-size: 18px
    }
/* bx_slider */
#container #content.single.page_top .main .list_wrap .page_list p.genre.left {
    float: none;
    margin: 0 0 10px 0
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper {
    margin-bottom: 0;
    width: 100%
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper ul li p {
    margin-bottom: 0
    }
#container #content.single.page_top .main .list_wrap .page_list #bx-pager {
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
    font-size: 0
    }
#container #content.single.page_top .main .list_wrap .page_list #bx-pager a {
    display: inline-block;
    margin: 0 10px 0 0
    }
#container #content.single.page_top .main .list_wrap .page_list table tr th, #container #content.single.page_top .main .list_wrap .page_list table tr td {
    display: block;
    padding: 10px;
    width: 100%;
    border-right: none
    }
#container #content.single.page_top .main .list_wrap .page_list table tr th {
    text-align: left
    }
#container #content.single.page_top .main .list_wrap .page_list table tr:last-child td {
    border-bottom: none
    }
#container #content.single.page_top .main .list_wrap .page_list .map_wrap {
    position: relative;
    padding-bottom: 58.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden
    }
#container #content.single.page_top .main .list_wrap .page_list .map_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper .bx-viewport {
    height: 250px !important
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper li {
    min-height: 200px
    }
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper li a {
    bottom: -10px
    }
#container #content.single.page_top .main ul.operation {
    width: 270px
    }
#container #content.single.page_top .main ul.operation li {
    width: 130px;
    font-size: 14px
    }
#container #content.single.page_top .main ul.operation li:first-child {
    margin-right: 10px
    }
#container #content.single.page_top .main ul.operation li input {
    height: 62px;
    line-height: 42px;
    box-sizing: border-box
    }
/*#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper .bx-viewport{
  height: 200px !important;
      min-height: 200px !important;
}*/
#container #content.single.page_top .main .list_wrap .page_list .bx-wrapper li img {
    min-height: inherit;
    height: 200px
    }
/*------------------------------------------
 kisetsu 季節の特集
------------------------------------------*/
/* mikaku */
/*#container.kisetsu{
  margin-top: 25px;
}*/
#container.kisetsu #content.page_top .main.mikaku {
    padding: 10px
    }
#container.kisetsu #content.page_top .main.mikaku h1 {
    margin: -10px -10px 20px
    }
#container.kisetsu #content.page_top .main.mikaku ul li, #container.kisetsu #content.page_top .main.mikaku ul li:nth-child(even) {
    float: none;
    margin-bottom: 20px;
    width: auto
    }
#container.kisetsu #content.results_list.page_top .results_wrap .main .list_wrap {
    padding-top: 20px
    }
/*------------------------------------------
 shizen アクティビティ
------------------------------------------*/
#container.shizen #content.page_top .main .list_wrap {
    padding-top: 25px
    }
#container.shizen #content.page_top .main .list_wrap .page_list a.detail {
    line-height: 50px;
    border-radius: 25px
    }
/*------------------------------------------
 search 観光情報検索
------------------------------------------*/
/* サイド */
#container #content.results_list.page_top .results_wrap {
    margin-top: 60px
    }
#container #content.results_list.page_top .sec1.side .search_area .inner {
    padding: 10px;
    background: none
    }
#container #content.results_list.page_top .sec1.side .search_area .block {
    position: relative;
    margin-bottom: 15px
    }
#container #content.results_list.page_top .sec1.side .search_area .block h2 img {
    margin: 0 0 0 10px
    }
#container #content.results_list.page_top .sec1.side .search_area .block .box {
    display: none;
    padding: 10px 10px 0 10px
    }
#container #content.results_list.page_top .sec1.side .search_area .block h2 {
    background: #649bbc
    }
#container #content.results_list.page_top .sec1.side .search_area .block h2 + img.ttl_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px
    }
#container #content.results_list.page_top .sec1.side .search_area .block h2 + img.ttl_btn.rotate, #container #content.results_list.page_top .sec1.side .search_area .block h3 + img.ttl_btn.rotate {
    transform: rotate(180deg)
    }
#container #content.results_list.page_top .sec1.side .search_area .block h2 img.ttl_btn.sp_cont {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px
    }
/* block01 */
#container #content.results_list.page_top .sec1.side .search_area .block01 {
    background: #e7f1f7
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 h2 img {
    width: 156px
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check .area {
    position: relative;
    margin-bottom: 10px
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check .area p {
    padding: 10px 0 10px 15px;
    background: #817baf;
    text-align: left;
    color: #fff
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check .area:nth-of-type(2) p {
    background: #8db749
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check .area:nth-of-type(3) p {
    background: #db6e88
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check .area:nth-of-type(4) p {
    background: #ea9357
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check .area:nth-of-type(5) p {
    background: #5bacd8
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check:after {
    content: none
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check .area img.ttl_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check .area ul {
    padding: 10px 15px 0 15px;
    background: #fff
    }
#container #content.results_list.page_top .sec1.side .search_area .block01 .box .check .area ul li {
    float: left;
    margin-bottom: 10px;
    width: 50%;
    text-align: left;
    border: none
    }
/* block02 */
#container #content.results_list.page_top .sec1.side .search_area .block02 {
    background: #fcf0f0
    }
#container #content.results_list.page_top .sec1.side .search_area .block02 h2 {
    background: #d88080
    }
#container #content.results_list.page_top .sec1.side .search_area .block02 h2 img {
    width: 140px
    }
#container #content.results_list.page_top .sec1.side .search_area .block02 h2 img.rotate {
    transform: rotate(180deg)
    }
#container #content.results_list.page_top .sec1.side .search_area .block02 .box {
    padding-bottom: 0
    }
#container #content.results_list.page_top .sec1.side .search_area .block02 .box ul li {
    float: left;
    margin-bottom: 10px;
    width: 50%;
    border: none
    }
/* block03 */
#container #content.results_list.page_top .sec1.side .search_area .block03 {
    background: #e9f2e9
    }
#container #content.results_list.page_top .sec1.side .search_area .block03.box {
    display: none;
    padding: 10px
    }
#container #content.results_list.page_top .sec1.side .search_area .block03 .search_wrap {
    margin-bottom: 10px
    }
#container #content.results_list.page_top .sec1.side .search_area .block03 .search_wrap:last-child {
    margin-bottom: 0
    }
#container #content.results_list.page_top .sec1.side .search_area .block03 .box {
    padding: 10px
    }
#container #content.results_list.page_top .sec1.side .search_area .block03 h2 {
    background: #6f9e78
    }
#container #content.results_list.page_top .sec1.side .search_area .block03 h2 img {
    width: 171px
    }
#container #content.results_list.page_top .sec1.side .search_area .block03 .box .search_wrap {
    position: relative;
    background: #fff
    }
#container #content.results_list.page_top .sec1.side .search_area .block03 .box h3 {
    padding: 10px 0 10px 15px;
    background: #9eb262;
    color: #fff
    }
#container #content.results_list.page_top .sec1.side .search_area .block03 .box img.ttl_btn {
    position: absolute;
    top: 10px;
    right: 15px
    }
#container #content.results_list.page_top .sec1.side .search_area .block03 .box ul li, #container #content.results_list.page_top .sec1.side .search_area .block03 .box ul li:nth-of-type(4n) {
    float: left;
    margin-bottom: 10px;
    width: 50%;
    border: none
    }
/* block04 */
#container #content.results_list.page_top .sec1.side .search_area .block04 {
    background: #f9f2ef
    }
#container #content.results_list.page_top .sec1.side .search_area .block04 h2 {
    background: #ea965c
    }
#container #content.results_list.page_top .sec1.side .search_area .block04 h2 img {
    width: 186px
    }
#container #content.results_list.page_top .sec1.side .search_area .block04 .inner {
    padding: 10px
    }
#container #content.results_list.page_top .sec1.side .search_area .block04 .inner input.search-field {
    padding: 5px;
    width: 100%;
    border: #eee 1px solid
    }
/* btn_search */
#container #content.results_list.page_top .sec1.side .search_area .btn_search {
    text-align: center
    }
#container #content.results_list.page_top .sec1.side .search_area .btn_search button {
    padding: 10px 0;
    width: 130px;
    box-sizing: border-box;
    border-radius: 30px;
    border: none;
    font-size: 18px;
    color: #fff
    }
#container #content.results_list.page_top .sec1.side .search_area .btn_search button:hover {
    opacity: 0.7
    }
#container #content.results_list.page_top .sec1.side .search_area .btn_search button[type="reset"] {
    margin-right: 20px;
    background: #b8c8c9
    }
#container #content.results_list.page_top .sec1.side .search_area .btn_search button[type="submit"] {
    background: #4fa4af
    }
.sy-noimage {
    display: block;
    margin: 0 auto;
    width: 170px
    }