/******************************************************************
サイトコンテンツスタイルシート
Author: T.Sugiyama
Author URI: http://fromdime.com
******************************************************************/

/*-------------------------------------------
共通

-------------------------------------------*/
@font-face {
    font-family: 'JyukuGothic';
    src: url('fonts/JyukuGothic-web/WindowsIE eot/JyukuGothic.eot');
    src: url('fonts/JyukuGothic-web/WindowsIE eot/JyukuGothic.eot') format('embedded-opentype'), url('fonts/JyukuGothic-web/JyukuGothic.woff') format('woff'), url('fonts/fonts/JyukuGothic-web/JyukuGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
* {
    font-family: "JyukuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}
html {
    font-size: 0.9375rem; /* 15px */
    /*    font-size: 0.875rem;  14px */
    /*    line-height: 1.6;*/
}

#main a,
#before-footer a {
    text-decoration: none;
    color: #1D96F7;
}
#main a:hover,
#before-footer a:hover {
    color: #f39800;
}
#main li a {
    color: inherit;
}
.post-type-archive-newspaper #main li a {
    color: #1D96F7;
}
a:hover, a:focus, a:active {
    color: #f39800;
    opacity: 0.7;
}
a.button {
    color: #ffffff !important;
}


/* ページナビ */
.wrap_pagination {
    text-align: center;
    margin: 20px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 6px 11px;
    margin: 3px;
    background-color: #f39800;
    color: #fff;
    border-radius: 0;
    font-size: 0.9rem;
    display: inline-block;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color: #dddddd;
}

/* ボタン */
.linkbtn_inner {
    text-align: center;
}
.button {
    /* border: 1px solid #fff; */
    background-color: #f39800;
    color: #ffffff;
    border-radius: 2px;
    /*    border-radius: 8px;*/
    display: inline-block;
    /* width: 100%; */
    -webkit-transition: 0.8s;
    transition: 0.8s;
    padding: 0.5rem 2rem;
    font-size: 1.0rem;
    cursor: pointer;
}
.button.button_thin {
    padding: 0.4rem 1rem;
    line-height: 1;
}
.button.button_border {
    color: #f39800;
    border: 2px solid #f39800;
    background: none;
}
button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active {
    background-color: #D2D4D5;
}
.button .fa {
    /*    color: #ffffff;*/
    color: inherit;
    margin-left: 8px;
}
.base_button {
    background-color: #f39800;
    padding: 1rem 2rem;
    color: #ffffff !important;
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
}
a.base_button:hover {
    color: inherit;
}


/*-------------------------------------------
前テーマとの互換性保持
-------------------------------------------*/
.spT5 {
    margin-top:5px;
}
.spT10 {
    margin-top:10px;
}
.spT20 {
    margin-top:5px;
}
.spR3 {
    margin-right:3px;
}
.spR5 {
    margin-right:5px;
}
.spR10 {
    margin-right:10px;
}
.spR20 {
    margin-right:20px;
}
.spB5 {
    margin-bottom:5px;
}
.spB10 {
    margin-bottom:10px;
}
.spB15 {
    margin-bottom:15px;
}
.spB20 {
    margin-top: 5px;
}
.spB40 {
    margin-bottom:40px;
}
.spB50 {
    margin-bottom:50px;
}
.spL10 {
    margin-left:10px;
}
.spL17 {
    margin-left:17px;
}
.spL20 {
    margin-left:20px;
}
.pdA10 {
    padding:10px;
}


/*-------------------------------------------
構造調整タグ
-------------------------------------------*/
.base_width {
    max-width: 1110px !important;
    width: auto !important;
}
.inner_width {
    width: 82% !important;
    margin: 0 auto !important;
}
#main {
    width: 100%;

}
#sidebar {
    /*    display: none;*/
    /*    position: relative;*/
    /*
    position: absolute;
    top: 0;
    width: 18%;
    left: -18%;
    margin-bottom: 0;
    */
}
.breadcrumb {
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 1rem 0 2rem;
}

/*
セクション関係
*/
.section_title_wrapper {
    /*    margin-bottom: 2rem;*/
    margin-bottom: 3rem;
}
.section_title {
    text-align: center;
}
.section_title:after {
    content: "";
    background-image: url(assets/images/section_title_bottom.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 430px;
    height: 11px;
    display: block;
    margin: 0 auto;
}
.section_sub_title {
    text-align: center;
}
.home #main > section {
    padding: 2rem 0;
}
section{
    margin-bottom: 5rem;
}
section .section_inner {
    margin-bottom: 5rem;
}
.home section .section_inner {
    margin-bottom: 0;
}
.section_inner_title {
    font-size: 1.3rem;
}


/*
テーブルの基本レイアウト
*/
table.base_table {
    table-layout:fixed;
}
table.base_table tr:first-child {
    border-top: 1px solid #e7e7e7;
}
table.base_table tr th {
    text-align: left;
    font-weight: normal;
    width: 24%;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
table.base_table tr td{
    padding-bottom: 1rem;
    padding-top: 1rem;
}
table.base_table tr{
    border-bottom: 1px solid #e7e7e7;
}


/*
サイドバー対象
*/
#sidebar {
    display: none;
    margin-bottom: 0;
}
.single-whatsnew #inner-content:after,
.category-whatsnew #inner-content:after,
.date #inner-content:after,
.single-blog-child #inner-content:after,
.single-blog #inner-content:after,
.category-blog-child #inner-content:after,
.category-blog #inner-content:after {
    clear: both;
    display: block;
    content: "";
}
.single-whatsnew #main,
.category-whatsnew #main,
.date #main,
.single-blog-child #main,
.single-blog #main,
.category-blog-child #main,
.category-blog #main {
    width: 70% !important;
    float: right;
}
.single-whatsnew #sidebar,
.category-whatsnew #sidebar,
.date #sidebar,
.single-blog-child #sidebar,
.single-blog #sidebar,
.category-blog-child #sidebar,
.category-blog #sidebar {
    width: 27%;
    float: left;
    padding-bottom: 3rem;
    display: block;
}

.widgettitle {
    border: 2px solid #f39800;
    padding: 0.5rem 1rem 0.4rem;
    line-height: 1.5;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    color: #f39800;
}
.sidebox {
    padding-bottom: 2rem;
}
.sidebox > ul > li {
    border-bottom: 1px dashed #e7e7e7;
    padding: 0.4rem 0 0.3rem;
    font-size: 0.86rem;
}


/*-------------------------------------------
汎用パーツ
-------------------------------------------*/
h1.page-title, h1.single-title {
    color: #999999;
    background: #f7f7f7;
    text-align: center;
    font-weight: bold;
    padding: 2rem 1.0rem 1.2rem;
    letter-spacing: 1.2rem;
    font-weight: normal;
}
.intlink-button {
    text-align: center;
}
.kurasusaki-color {
    color: #f39800;
}
.page-ijuinterview-child .entry-content hr,
.page-ijuinterview-child .entry-content img,
.single .entry-content img {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*-------------------------------------------
プラグイン
-------------------------------------------*/
.slick-slide a {
    display: block;
}
.pickup_contents .slick-slide {
    padding: 10px;
}
.pickup_contents.slick-slider,
.productslist .slick-slider {
    width: 95%;
    margin: 0 auto 30px;
}
.slick-prev {
    left: -45px;
}
.slick-next {
    right: -45px;
}
.slick-prev, .slick-next {
    width: 40px;
    height: 40px;
}
.slick-prev:before, .slick-next:before {
    font-size: 40px;
    color: #f39800;
}

/* アーカイブカレンダープラグイン */
.calendar-archives {
    margin-bottom: 20px;
}
.calendar-archives.arw-theme1 .calendar-navigation {
    background-color: #87bb49 !important;
}
.calendar-archives.arw-theme1 .week-row.weekdays {
    background-color: #a8d473 !important;
}
.calendar-archives.arw-theme1 .month, .calendar-archives.arw-theme1 .day {
    background-color: #d8f5b4 !important;
}
.calendar-archives.arw-theme1 .month.has-posts a, .calendar-archives.arw-theme1 .day.has-posts a {
    background-color: #87bb49 !important;
}
.calendar-archives.arw-theme1 .month.has-posts a, .calendar-archives.arw-theme1 .day.has-posts a:hover {
    background-color: #7e7e7e !important;
    opacity: 1;
}
.calendar-archives.arw-theme1 .calendar-navigation a.title {
    color: inherit;
    padding-top: inherit;
    padding-right: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    padding-right: inherit;
    font-size: inherit;
    background-color: inherit;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
/*.calendar-archives.arw-theme1 .arrow-down:hover,*/
.calendar-archives.arw-theme1 .prev-year:hover,
.calendar-archives.arw-theme1 .next-year:hover,
.calendar-archives.arw-theme1 .menu-container:hover {
    /*
    background-color: inherit !important;
    opacity: 0.7 !important;
    */
}

/*
fancyzoom
*/
#zoom {
    z-index: 999;
}

/*-------------------------------------------
ヘッダー
-------------------------------------------*/
/*
ヘッダーバー
*/
#header .logo-area {
    position: fixed;
    /*    width: 86px;*/
    height: 70px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    width: 100%;
    background-color: #f39800;
    box-shadow: 0px 1px 12px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 12px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 12px rgba(0,0,0,0.4);
}
#header .logo-area .logo-area-inner {
    position: relative;
    height: 100%;
}
#header .logo-area .menu-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /*    right: 10px;*/
    height: 70px;
    width: 70px;
    margin: auto;
    z-index: 999;
}
#header .logo-area .logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65%;
    margin: auto;
    text-align: center;
}
#header .logo-area .logo img {
    height: 100%;
}
#header .logo-area .ps_logo {
    position: absolute;
    top: 0;
    bottom: 0;
    /*    left: 0;*/
    right: 10px;
    height: 70%;
    margin: auto;
    z-index: 999;
}
#header .logo-area .ps_logo img {
    height: 100%;
}

#head-bar-wrapper {
    position: relative;
    overflow: hidden;
}
#head-bar-wrapper:before {
    content: "";
    padding-top: 38.415%;
    display: block;
}
#head-bar {
    display: block;
    width: 100%;
    height: 100%;
    /*    min-height: 125px;*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#head-bar-inner {
    width: 100%;
    height: 100%;
    /*    max-height: 300px;*/
    background-image: url(assets/images/main_image.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
#head-bar .logo {
    width: 86px;
}
#head-bar .logo_name {
    position: absolute;
    left: 3%;
    bottom: 5%;
    width: 200px;
}
#head-bar .header_title_wrapper {
    width: 350px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#head-bar .header_title {
    text-align: center;
}
#head-bar .header_title:after {
    content: "";
    background-image: url(assets/images/section_title_bottom.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 342px;
    height: 11px;
    display: block;
    margin: 0 auto;
}
#head-bar .header_sub_title {
    text-align: center;
}

/*
*/
#head-bar-wrapper:before {
    padding-top: 10.421%;
    min-height: 125px;
}
#head-bar-inner {
    background-image: url(assets/images/header_image.jpg);
}
#head-bar .logo_name {
    display: none;
}

.home #head-bar-wrapper:before {
    padding-top: 38.415%;
}
.home #head-bar-inner {
    background-image: url(assets/images/main_image.jpg);
}
.home #head-bar .logo_name {
    position: absolute;
    left: 3%;
    bottom: 5%;
    width: 200px;
    display: block;
}
.home #head-bar .header_title_wrapper {
    top: 23%;
    bottom: auto;
}


/*
グローバルナビゲーション
(overlayメニュー)
*/

.menu-btn {
    /*
    position: absolute;
    top: -5px;
    left: 10px;
    */
    z-index: 999;
    position: relative;
    /*
    display: inline;
    font-size: 32px;
    */
}

.menu-btn a {
    display: inline-block;
    text-decoration: none;
    /* safari hack */
}

.menu-btn .btn-open:after {
    color: #333;
    content: "";
    width: 70px;
    height: 70px;
    background: url(assets/images/menu-open.png);
    background-size:contain;
    background-position: center center;
    vertical-align:middle;
    display: inline-block;
    background-repeat: no-repeat;
    /*    content: "\f394";*/
    /*    font-family: "Ionicons";*/
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}
.menu-btn .btn-open:hover:after {
    color: #34B484;
}

.menu-btn .btn-close:after {
    color: #fff;
    content: "";
    width: 70px;
    height: 70px;
    background: url(assets/images/menu-close.png);
    background-size:contain;
    background-position: center center;
    vertical-align:middle;
    display: inline-block;
    background-repeat: no-repeat;
    /*
    content: "\f2d7";
    font-family: "Ionicons";
    */
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition-property: all .2s linear 0s;
}

.menu-btn .btn-close:hover:after {
    color: #f39800;
}
.overlay {
    position: fixed;
    top: 0;
    z-index: 9999;
    display: none;
    overflow: auto;
    width: 100%;
    /*    height: 100%;*/
    background-color: #f39800;
    color: #ffffff;
    opacity: 0.95;
    overflow-y: scroll;
    box-shadow: 0px 3px 12px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.6);
    padding-top: 70px;
}
.overlay_inner {
    padding: 0 2rem;
    position: relative;
}
.overlay_inner .logo-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    z-index: 99;
}

.overlay .menu_navi {
    width: 100%;
    margin: 0 auto;
    /*
    float: right;
    width: 82%;
    margin-right: 8%;
    */
    padding: 2rem 0;
}
.overlay a {
    color: #ffffff;
}
.overlay .menu {
    margin: 10% auto;
    width: 100%;
}
.overlay > .menu > ul {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 60px;
}
.overlay .menu ul li {
    /*    float: left;*/
    /*    padding: 10px 0;*/
    /*    width: 100%;*/
    list-style: none;
    /*    text-align: center;*/
    text-transform: uppercase;
}
.overlay .menu ul li a {
    color: #ffffff;
    font-weight: bold;
    font-size: 1rem;
    border-bottom: 1px solid #ffffff;
    display: block;
    padding: 0.8rem 1rem;
    position: relative;
}
.overlay .menu ul li a:after {
    font-family: FontAwesome;
    content: "\f105";
    color: inherit;
    font-weight: normal;
    position: absolute;
    right: 15px;
}
.overlay .menu ul ul {
    /*    margin-top: 50px;*/
}
.overlay .menu ul ul li {
    position: relative;
    float: none;
    margin: 0;
    width: 100%;
    border: 0;
}
.overlay .menu ul ul li a {
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 0.9rem;
}
.overlay .menu ul ul li a:hover {
    color: #ffffff;
}
#header .contact-area {
    display: none;
}

/*-------------------------------------------
フッター
-------------------------------------------*/


/*
フッターナビゲーション
*/
#footer a {
    color: #ffffff;
}
#inner-footer {
    background-color: #f39800;
    color: #ffffff;
    padding: 0 0 0;

    position: relative;
    z-index: 0;
    margin-bottom: 180px;
}
#banner-area {
    margin-bottom: 2rem;
}
#banner-area ul li {
    float: left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 0.5rem;
}
#footer-main {
    padding: 3rem 0 4rem;
    background-color: #f39800;
}
.nav-area {
    margin-bottom: 1rem;
}
.nav-area:after {
    clear: both;
    display: block;
    content: "";
}
.nav-area .search-useful {
    width: 9%;
    float: left;
}
.nav-area .search-contents {
    position: relative;
    margin-bottom: 1rem;
}
.nav-area .search-contents:before {
    padding-top: 245.5%;
    content: "";
    display: block;
}
.nav-area .search-contents-inner {
    background-image: url(assets/images/search-contents.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    padding: 22px 10px;
}
.nav-area .search-box {
    position: absolute;
    bottom: 0;
}
.nav-area .search-box div {
    margin-bottom: 6px;
}
.nav-area .search-box div img {
    width: 100%;
}
.nav-area .menu-navi {
    width: 88%;
    float: right;
}
.globalnavi-sp-ul:after {
    clear: both;
    display: block;
    content: "";
}
.globalnavi-sp-ul li.menu-item-has-children {
    width: 31%;
    float: left;
    margin-right: 3.5%;
}
.globalnavi-sp-ul li.menu-item-has-children:nth-child(3n+3) {
    margin-right: 0;
}
.globalnavi-sp-ul li.menu-item-has-children > a {
    font-size: 1.1rem;
    color: #fff100 !important;
}
.globalnavi-sp-ul li.menu-item-has-children > .sub-menu {
    padding: 0.5rem 0;
}
.globalnavi-sp-ul li.menu-item-has-children > .sub-menu li {
    border-bottom: 1px dashed #ffffff;
    /*    margin-bottom: 0.4rem;*/
    padding: 0.6rem 0 0.2rem;
    font-size: 0.86rem;
}
.globalnavi-sp-ul li.menu-item-has-children > .sub-menu li > a {
}
.utility-navi .utilitynavi {
    text-align: right;
    margin-bottom: 2rem;
}
.utility-navi .utilitynavi .utilitynavi-ul {
    display: inline-block;
}
.utility-navi .utilitynavi .utilitynavi-ul li {
    display: inline-block;
    margin-right: 1rem;
    font-weight: bold;
}
.utility-navi .utilitynavi .utilitynavi-ul li:last-child {
    margin-right: 0;
}

header .bottom-area-left {
    width: 49%;
    float: left;
}
header .bottom-area-right {
    width: 49%;
    float: right;
}
header .bottom-area-left:after,
header .bottom-area-right:after {
    clear: both;
    display: block;
    content: "";
}
footer .logo-area {
    width: 25%;
    float: left;
    padding: 0% 3% 0 0;
}
header .contact-area {
    width: 25%;
    float: left;
    padding: 0% 3% 0 0;
}
header .contact-area:after {
    clear: both;
    display: block;
    content: "";
}
.contact-area .icon-tel {
    float: left;
    width: 15%;
}
.contact-area .contact-info {
    float: right;
    width: 82%;
}
.contact-area .contact-info .telno {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.0;
    margin-bottom: 0.2rem;
}
.contact-area .contact-info .biz_hours {
    font-size: 0.7rem;
    line-height: 1.5;
}
.contact-area .contact-info .address {
    font-size: 0.7rem;
    line-height: 1.5;
}
header .bottom-area-left a {
    float: left;
    width: 17%;
    margin-right: 3%;
}
header .bottom-area-right .qa-area {
    width: 50%;
    float: left;
    padding: 0 3%;
}
header .bottom-area-right .sns-area {
    width: 50%;
    float: left;
}

footer .qa-area {
    width: 25%;
    float: left;
    padding: 0% 3% 0 0;
}
footer .sns-area {
    width: 25%;
    float: left;
}
.sns-area > a {
    display: inline-block;
    width: 20%;
/*    margin-right: 2%*/
}
.sns-area > a:last-child {
    margin-right: 0;
}

footer .bottom-area-left {
    width: 50%;
    float: left;
}
footer .bottom-area-right {
    width: 50%;
    float: right;
}
footer .bottom-area-left:after,
footer .bottom-area-right:after {
    clear: both;
    display: block;
    content: "";
}
footer .logo-area {
    width: 50%;
    float: left;
    padding: 0% 6% 0 0;
}
footer .contact-area {
    width: 50%;
    float: left;
    padding: 0% 6% 0 0;
}
footer .contact-area:after {
    clear: both;
    display: block;
    content: "";
}
footer .bottom-area-left a {
    float: left;
    width: 100%;
    margin-right: 3%;
}
footer .bottom-area-right .qa-area {
    width: 50%;
    float: left;
    padding: 0 6% 0 0;
}
footer .bottom-area-right .sns-area {
    width: 50%;
    float: left;
}
footer .qa-area {
    width: 50%;
    float: left;
    padding: 0% 6% 0 0;
}
footer .sns-area {
    width: 50%;
    float: left;
}



/*
フッター下部固定
*/
#header,
#after-header,
#wrap-content,
#before-footer {
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}
#header {
    z-index: 9;
    padding-top: 70px;
}
#before-footer {
    /*    display: none;*/
}
#footer-bottom {
    z-index: -1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    /*
    padding-top: 75px;
    height: 150px;
    */
    height: 180px;
    background-color: #a0c912;
    text-align: center;
    color: #fff;
    border-top: 1px solid #ffffff;
}
#footer-bottom .footer-bottom-inner {
    text-align: center;
    padding: 1rem 0;
}
#footer-bottom .copyright {
    font-size: 0.7rem;
}
footer {
    /*
    z-index: -1;
    position: fixed;
    bottom: 0;
    left: 0;
    */
}
.footer-msg {
    padding: 2rem 0;
    text-align: center;
}
.footer-msg p {
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
}


/*-------------------------------------------
サイドバー
-------------------------------------------*/


/*-------------------------------------------
トップページ(toppage)
-------------------------------------------*/
/*
トップリード
*/
.home #top-lead {
    background-color: #e8f5fd;
    padding: 2rem 0;
}
.home #top-lead .top-lead_width {
    width: 67% !important;
    margin: 0 auto !important;
}
.home #top-lead .top-lead-sent {
    margin-bottom: 2rem;
}
.home #top-lead .top-lead-thumb {
    margin-bottom: 2rem;

}
.home #top-lead .top-lead-thumb img {
    float: left;
    width: 30%;
    margin-right: 5%;
}
.home #top-lead .top-lead-thumb img:last-child {
    margin-right: 0;
}
.home #top-lead .top-lead-thumb:after {
    clear: both;
    display: block;
    content: "";
}
.home #top-lead .top-lead-intlink {
    text-align: center;
    /*    margin-bottom: 2rem;*/

}
.home #top-lead .top-lead-map {
    margin-bottom: 2rem;
}
.home #top-lead {
    background-image: url(assets/images/top-lead-bg.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}

/*
ピックアップ
*/
.home #pickup_contents .pickup01,
.home #pickup_contents .pickup02,
.home #pickup_contents .pickup03,
.home #pickup_contents .pickup04 {
    width: 25%;
    float: left;
}
.home #pickup_contents #whatsnew {
    background-color: #f7f8f8;
}
.home #pickup_contents .whatsnew-inner .relative {
    height: auto;
}
.home #pickup_contents .whatsnew-inner .linkbtn {
    display: inline-block;
}
.home #pickup_contents .whatsnew-inner .linkbtn .button {
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-size: 0.8rem;
    position: absolute;
    bottom: 0;
    right: 0.5rem;
}
.home #pickup_contents .whatsnewlist {
/*    padding: 1.0rem 1rem;*/
    padding: 1.0rem 1rem 1rem 3rem;
}
.home #pickup_contents .whatsnewlist li {
    padding: 0.5rem 0 0.2rem;
    border-bottom: 1px dotted #e7e7e7;
}
.home #pickup_contents .whatsnewlist .date {
    line-height: 1;
    font-size: 0.6rem;
}
.home #pickup_contents .whatsnewlist .text h2 {
    font-size: 0.9rem;
    font-weight: normal;
    white-space: nowrap; /* 横幅のMAXに達しても改行しない */
    overflow: hidden; /* ハミ出した部分を隠す */
    text-overflow: ellipsis; /* 「…」と省略 */
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}
.home #pickup_contents .pickup01 .inner_title {
    background-color: #f39800;
    color: #ffffff;
    display: inline-block;
    padding: 0.2rem 1.2rem;
    font-weight: normal;
}
.home #pickup_contents .pickup03 {

}
.home #pickup_contents .pickup03:after {
    clear: both;
    display: block;
    content: "";
}
.home #pickup_contents .pickup03 img {
    float: left;
    width: 50%;
}
li .thumb a {
    position: relative;
    display: block;
}
li .thumb a .new_mark {
    position: absolute;
    top: -20px;
    left: 5px;
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border: 2px solid #f39800;
    color: #f39800;
/*    font-weight: bold;*/
    border-radius: 25px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    transform: rotate(-10deg);
}
.home .whatsnewlist .new_mark {
    position: absolute;
    top: 0px;
    left: -2.5rem;
    width: 31px;
    height: 31px;
    background-color: #ffffff;
    border: 1px solid #f39800;
    color: #f39800;
    /* font-weight: bold; */
    border-radius: 25px;
    text-align: center;
    vertical-align: middle;
    line-height: 31px;
    transform: rotate(-10deg);
    font-size: 0.7rem;
}


/*
移住お役立ち情報
*/
.home #wrap-useful {
    margin-bottom: 5rem;
}
.home .usefullist:after {
    clear: both;
    display: block;
    content: "";
}
.home .usefullist li {
    float: left;
    width: 50%;
}

.useful-menutab-wrapper .menutab {
}
.useful-menutab-wrapper .menutab:after {
    content: "";
    display: block;
    clear: both;
}
.useful-menutab-wrapper .menutab li {
    display: block;
    float: left;
    cursor: pointer;
    text-align: center;
    font-size: 1rem;
    /*    color: #fff;*/
    width: 33.333334%;

}
.useful-menutab-wrapper .menutab li:not(:first-child) {
    /*    padding-left: 1%;*/
}
.useful-menutab-wrapper .menutab li:not(:first-child) .btn {
    border-left: none;
}

.useful-menutab-wrapper .menutab li .btn {
    /*    border-radius: 15px 15px 0 0;*/
    border: 1px solid #999999;
    border-bottom: none;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    background-color: #ffffff;
    color: #000000;
    margin-bottom: -1px;
    font-size: 1.2rem;
}
.useful-menutab-wrapper .menutab li .btn:hover {
    background-color: #f39800;
    color: #fff;
    /*    background-color: #e5e5e5;*/
}
.useful-menutab-wrapper .menutab li .btn:before {
    /*
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
    width: 45px;
    height: 31px;
    background-image: url(assets/images/icon_title_leaf.png);
    */
}
.useful-menutab-wrapper .menutab li.select .btn {
    /*
    background-color: #f39800;
    */
    color: #333333;
    border-bottom: 1px solid #ffffff;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+98 */
    background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.useful-menutab-wrapper .menutab li.select {
    position: relative;
}
.useful-menutab-wrapper .menutab li.select:before {
    position: absolute;
    top: -9px;
    width: 100%;
    content: "";
    display: block;
    border-top: 10px solid #f39800;
}
.useful-menutab-wrapper .menulist {
    display: none;
    padding: 3.5rem 3rem 2.5rem;
    border-top: 1px solid #999999;
    background-color: #ffffff;
}
.useful-menutab-wrapper .menulist.select {
    display: block;
}
.useful-menutab-wrapper .menulist .usefullist {
}
.useful-menutab-wrapper .menulist li {
    /*    margin-bottom: 1rem;*/
    border-bottom: 1px solid #e7e7e7;
    padding: 2.0rem 0;
}
.useful-menutab-wrapper .menulist li:nth-child(odd) {
    width: 48%;
    float: left;
}
.useful-menutab-wrapper .menulist li:nth-child(even) {
    width: 48%;
    float: right;
}
.useful-menutab-wrapper .menulist li:nth-child(1),
.useful-menutab-wrapper .menulist li:nth-child(2) {
    border-top: 1px solid #e7e7e7;
}
#main .useful-menutab-wrapper .menulist li a {
    text-decoration: none;
    position: relative;
}
#main .useful-menutab-wrapper .menulist li .thumb a .negotiations_mark {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
}
#main .useful-menutab-wrapper .menulist li .thumb a .negotiations_mark img {
    border: none;
}
.useful-menutab-wrapper .menulist li .text:after {
    clear: both;
    display: block;
    content: "";
}
.useful-menutab-wrapper .menulist li .text > div {
    float: left;
    width: 10%;
}
.useful-menutab-wrapper .menulist li .text > h3 {
    /*
    float: right;
    width: 88%;
    */
    /*    font-weight: normal;*/
    font-size: 1.05rem;
    /*
    font-size: 0.9rem;
    text-align: center;
    */
    line-height: 1.4;
    margin-bottom: 0.4rem;
}
.useful-menutab-wrapper .menulist li .com-box:after {
    clear: both;
    display: block;
    content: "";
}
.useful-menutab-wrapper .menulist li .com-box .thumb {
    width: 40%;
    float: left;
}
.useful-menutab-wrapper .menulist li .com-box .thumb img {
    border-radius: 15px;
    border: 1px solid #eeeeee;
}
.useful-menutab-wrapper .menulist li .com-box .text {
    width: 55%;
    float: right;
}
.useful-menutab-wrapper .menulist li .com-box .text .excerpt_table {
}
.useful-menutab-wrapper .menulist li .com-box .text .excerpt_table tr {
    border-bottom: 1px dashed #e7e7e7;
    font-size: 0.86rem;
}
.useful-menutab-wrapper .menulist li .com-box .text .excerpt_table tr th,
.useful-menutab-wrapper .menulist li .com-box .text .excerpt_table tr td {
    padding-top: 0.4rem;
    padding-bottom: 0.2rem;
    line-height: 1.5;
}
.useful-menutab-wrapper .menulist li .com-box .text .excerpt_table tr th {
    text-align: left;
    font-weight: normal;
    width: 20%;
    padding-right: 1rem;
}


/*
移住者インタビュー
*/
.home #ijuinterview-wrapper {
    background-color: #f8f2de;
}
.home #ijuinterview-wrapper .ijuinterview-ul li img {
    border-radius: 15px;
    width: 100%;
}
.home #ijuinterview-wrapper .ijuinterview-ul li .relative:before {
    content: "";
    display: block;
    background-image: url(assets/images/icon-mike.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 48%;
    left: -17%;
    width: 70px;
    height: 70px;
    z-index: 1;
}
.home #ijuinterview-wrapper .ijuinterview-ul li .thumb {
    margin-bottom: 0.5rem;
}
.home #ijuinterview-wrapper .ijuinterview-ul li .text p {
    line-height: 1.6;
}
.home #ijuinterview-wrapper .ijuinterview-ul > .slick-list > .slick-track > li {
    /* margin: 10px; */
    /*    width: 100%;*/
    height: 100%;
    padding: 2rem;
}


/*
お仕事レポート
*/
.home #wrap-companyreport .inner-companyreport {
    border: 1px dashed #999999;
    padding: 2rem;
}
.home #wrap-companyreport .companyreport-description {
    margin-bottom: 1rem;
}
.home #wrap-companyreport .inner-companyreport > .com-box {
    padding: 2rem 0 0;
}
.home #wrap-companyreport .companyreport-loop {
    float: left;
    width: 67%;
}
.home #wrap-companyreport .companyreport-guide {
    float: right;
    width: 33%;
}
.home #wrap-companyreport .companyreport-guide .intlink-button {
    margin-left: auto;
    width: 90%;
}
.home #wrap-companyreport .companyreport-guide .intlink-button .button {
    width: 100%;
}
.home #wrap-companyreport .companyreport-ul:after {
    clear: both;
    display: block;
    content: "";
}
.home #wrap-companyreport .companyreport-ul .companyreport-li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 1.5rem;
}
.home #wrap-companyreport .companyreport-ul .companyreport-li:nth-child(3n+3) {
    margin-right: 0;
}
.home #wrap-companyreport .companyreport-ul .companyreport-li img {
    width: 100%;
    margin-bottom: 0.5rem;
}
.home #wrap-companyreport .companyreport-ul .companyreport-li .text h3 {
    line-height: 1.3;
    font-size: 0.7rem;
    /*    text-align: center;*/
}


/*-------------------------------------------
投稿（お知らせ）
-------------------------------------------*/
/*
カテゴリー基本レイアウト
*/
.category .categorylist:after {
    clear: both;
    display: block;
    content: "";
}
.category .categorylist li {
    float: left;
    width: 32%;
    margin-right: 2%;
    /*
    width: 23.5%;
    margin-right: 2%;
    */
    margin-bottom: 2rem;
    border: 1px solid #e7e7e7;
}
/*.category .categorylist li:nth-child(4n+4) {*/
.category .categorylist li:nth-child(3n+3) {
    margin-right: 0;
}
.category .categorylist li .thumb {
    /*    margin-bottom: 0.5rem;*/
}
.category .categorylist li .thumb img {
    width: 100%;
}
.category .categorylist li .text {
    margin: 0.3rem 0;
}
.category .categorylist li .text h2 {
    font-size: 1.0rem;
    line-height: 1.2;
}
.category .categorylist li .cat {
    font-size: 0.8rem;
    display: inline-block;
    background-color: #f39800;
    padding: 0.3rem 0.7rem;
    line-height: 1;
    border-radius: 15px;
    color: #ffffff !important;
}
.category.category-otherservices .categorylist li .cat {
    display: none;
}
.category .categorylist li .date {
    font-size: 0.8rem;
    display: inline-block;
    margin-right: 5px;
}
.category .categorylist li .bottom-box {
    /*
    border: 1px solid #e7e7e7;
    */
    border-top: 1px solid #e7e7e7;

    padding: 1rem;
}


/*
ブログ
*/
.date .categorylist:after,
.category-blog .categorylist:after {
    clear: both;
    display: block;
    content: "";
}
.date .categorylist li,
.category-blog .categorylist li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2rem;
    border: 1px solid #e7e7e7;
}
.date .categorylist li:nth-child(3n+3),
.category-blog .categorylist li:nth-child(3n+3) {
    margin-right: 0;
}
.date .categorylist li .thumb,
.category-blog .categorylist li .thumb {
    /*    margin-bottom: 0.5rem;*/
}
.date .categorylist li .thumb img,
.category-blog .categorylist li .thumb img {
    width: 100%;
}
.date .categorylist li .text,
.category-blog .categorylist li .text {
    margin: 0.3rem 0;
}
.date .categorylist li .text h2,
.category-blog .categorylist li .text h2 {
    font-size: 1.0rem;
    line-height: 1.2;
}
.date .categorylist li .cat,
.category-blog .categorylist li .cat {
    font-size: 0.8rem;
    display: inline-block;
    background-color: #f39800;
    padding: 0.3rem 0.7rem;
    line-height: 1;
    border-radius: 15px;
    color: #ffffff !important;
}
.date .categorylist li .date,
.category-blog .categorylist li .date {
    font-size: 0.8rem;
    display: inline-block;
    margin-right: 5px;
}
.date .categorylist li .bottom-box,
.category-blog .categorylist li .bottom-box {
    /*
    border: 1px solid #e7e7e7;
    */
    border-top: 1px solid #e7e7e7;

    padding: 1rem;
}

/* ブログsingle */
.single-blog-child article,
.single-blog article {
    border: 1px solid #e7e7e7;
    padding: 2rem;
    border-radius: 15px;
    margin-bottom: 3rem;
}
.single-blog-child .article-header,
.single-blog .article-header {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 0.2rem;
    margin-bottom: 2rem;
}
.single-blog-child .article-header .thumb-box,
.single-blog .article-header .thumb-box {
    float: left;
    max-width: 150px;
    width: 18%;
}
.single-blog-child .article-header .title-box,
.single-blog .article-header .title-box {
    float: right;
    width: 80%;
}
.single-blog-child .article-header .title-box h1,
.single-blog .article-header .title-box h1 {
    font-size: 2rem;
    color: #f39800;
    line-height: 1.3;
}
.single-blog-child .article-header .date,
.single-blog .article-header .date {
    text-align: right;
    font-size: 0.8rem;
}
.single-blog-footer .post_link {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 3rem;
    display: table;
    width: 100%;
}
/*
.single-blog-footer .post_link:after {
clear: both;
display: block;
content: "";
}
*/
.single-blog-footer .post_link .post_link-left,
.single-blog-footer .post_link .post_link-right {
    padding: 1rem 0;
    display: table-cell;
    vertical-align: middle;
}
.single-blog-footer .post_link .post_link-left {
    /*    float: left;*/
    text-align: left;
    width: 50%;
    padding-right: 1rem;
    border-right: 1px solid #e7e7e7;
}
.single-blog-footer .post_link .post_link-right {
    /*    float: right;*/
    text-align: right;
    padding-left: 1rem;
    width: 50%;
}





/*-------------------------------------------
固定ページ(page)
-------------------------------------------*/
/*
当団体の紹介
*/
/*
「特定非営利活動法人 暮らすさき」とは
*/
.page-about #aboutus .introduction{
/*    width: 80%;*/
    margin: 0 auto 5rem;
/*    text-align: center;*/
}

/*
須崎をまっぷで見てみると
*/
.page-area section .section_inner {
    margin-bottom: 0;
}
.page-area .area_info {
    border: 1px solid #999999;
    padding: 2rem;
}
.page-area .area_info .introduction {
    margin-bottom: 2rem;
}
.page-area .area_info .thumb {
    width: 30%;
    /*    float: left;*/
    margin: 0 auto;
}
.page-area .area_info .area_relation_info {
    /*
    width: 68%;
    float: right;
    */
}
.page-area .area_info .area_relation_info .area_relation_detail {
    margin-bottom: 3rem;
}
.page-area .area_info .area_relation_info h2 {
    font-size: 1.0rem;
    font-weight: normal;
    /* line-height: 1.1; */
    margin-bottom: 0.4rem;
    border-left: 7px solid #f39800;
    /* border-bottom: 1px solid #e7e7e7; */
    background-color: #f5f5f5;
    padding: 0.3rem 0.7rem;
}
.page-area .area_info .area_relation_info .ijuinterview-ul:after {
    clear: both;
    display: block;
    content: "";
}
.page-area .area_info .area_relation_info .ijuinterview-ul li {
    width: 18%;
    margin-right: 2%;
    float: left;
}
.page-area .area_info .area_relation_info .ijuinterview-ul li .ijuinterview-text h3 {
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1.4;
}
.page-area .area_info .area_relation_info .area_relation_detail-ul:after {
    clear: both;
    display: block;
    content: "";
}
.page-area .area_info .area_relation_info .area_relation_detail-ul li {
    width: 18%;
    margin-right: 2%;
    float: left;
}
.page-area .area_info .area_relation_info .area_relation_detail-ul li .area_relation_detail-text h3 {
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1.4;
}

/*
「特定非営利活動法人 暮らすさき」とは
*/
.home #top-lead .introduction{
    width: 67%;
    margin: 0 auto;
    text-align: center;
}


/*
「暮らすさき」はこんなことをする団体です！
*/
.npokind{
    float: left;
    width: 48%;
}
.nposervice{
    float: right;
    width: 48%;
}
.npokind ol {
    padding:0 0 0 0.5rem;
    margin:0;
}
.npokind ol li {
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
.npokind ol li:before{
    display: marker;
    content: "(" counter(cnt) ") ";
}

.nposervice_list {
    padding:0 0 0 0.5rem;
}
.nposervice ul {
    padding:0 0 0 1rem;
    margin:0;
}
.nposervice ol li {
}


/*
須崎市の概要
*/
.summary_photo {
    width: 80%;
    margin: 0 auto;
}
.summary_photo img {
    float: left;
    width: 30%;
    margin-right: 5%;
}
.summary_photo img:last-child {
    margin-right: 0;
}
#susaki-summary .section_inner_title {
    color: #f39800;
    /*    font-size: 1.7rem;*/
    text-align: center;
    /*    margin-bottom: 0.5rem;*/
}
#susaki-information .section_inner_title {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 1.5rem;
}
#susaki-information .section_inner_title:before {
    content: "";
    /* margin-left: 10px; */
    margin-right: 8px;
    display: inline-block;
    width: 100px;
    height: 70px;
    background-image: url(assets/images/icon-section_inner_title.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
    position: relative;
    top: 23px;
    left: 0px;
}
#susaki-information table.base_table tr:first-child {
    background-color: #fdecd3;
    font-weight: bold;
}
#susaki-information table.base_table tr th,
#susaki-information table.base_table tr td {
    font-size: 0.9rem;
}
#susaki-information table.base_table tr th {
    font-weight: bold;
    width: 20%;
}
#susaki-information table.base_table tr td {
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
}
#susaki-information .transport_map {
    float: left;
    width: 65%;
}
#susaki-information .transport_info {
    float: right;
    width: 30%;
    border: 1px solid #eeeeee;
    padding: 1rem;
}


/*
スタッフ紹介
*/
.staff_name {
    font-weight: bold;
    text-align: center;
}
.staff_position {
    text-align: center;
}
.staff_intro {
    margin-bottom: 1rem;
}
ul.staff_list li {
    float: left;
    width: 30%;
    margin-right: 5%;
}
ul.staff_list li:nth-child(3n+3) {
    margin-right: 0px;
}
.staff_greeting.base_button {
    background-color: #717071;
    width: 100%;
}
.staff_name_box {
    border: 1px solid #e7e7e7;
    padding: 1rem;
}



/*
会員登録
*/
.members {
    float: left;
    width: 30%;
    margin-right: 2%;
}
.members_box {
    border: 1px solid #000000;
    padding: 2rem;
}
.account_box {
    background-color: #EFEFEF;
    padding: 1rem;
}

/*
須崎の仕事事情
*/
.work_situation_box {
    background-color: #EFEFEF;
    padding: 1rem;
    border-left: 6px solid #f39800;
}


/*
あなたの街へ伺います
*/
.schedule-title {
    color: #f39800;
    font-size: 26;
}


/*
自然体験活動
*/
.kurasusaki-flyers {
    margin: 0 auto;
}

/*
事務局長
*/
.executive_director_photo {
    width: 30%;
    float: right;
    margin-left: 2rem;
    margin-bottom: 1rem;
}

/*
空き家情報
*/
.vacant_house_text {
    text-align: center;
    margin-bottom: 7rem;
}

.vacant_house_secondtitle {
    font-weight: bold;
}


/*
視察について
*/
.inspection_box {
    background-color: #EFEFEF;
    padding: 2rem;
    border: 1px solid #000000;
    font-size: 1.35rem;
}
.inspection_box:after {
    clear: both;
    display: block;
    content: "";
}
.inspection_box_left {
    float: left;
    width: 48%;
}

.inspection_box_right {
    float: right;
    width: 48%;
}

.inspection-price {
    color: #727171;
    font-size: 1.7rem;
}


/*
移住相談実績
*/
.results .section_inner {
    margin-bottom: 2rem;
}
.results .base_table {
    font-size: 0.9rem;
}
.results .base_table th {
    width: auto;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.results .base_table th:first-child {
    width: 50%;
}
.results .base_table thead tr {
    background-color: #efefef;
}
.results .base_table td,
.results .base_table thead th {
    text-align: center;
}
.results .movein .base_table th:first-child {
    width: auto;
}
.results .movein .base_table thead tr {
    background-color: #feecd2;
}


/*
すさき暮らしツアー
*/
#susaki-life-tour-lead .section_header {
    text-align: center;
}
#susaki-life-tour-lead .section_header p {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: bold;
    color: #f39800;
}
#susaki-life-tour-lead .section_header img {
    width: 12%;
    margin: 1rem auto;
}
.susaki-life-tour-report .section_inner_title {
    border-left: 10px solid #f39800;
    padding: 0.3rem 0.8rem;
    margin-bottom: 1rem;
}
.susaki-life-tour-report .discontinued {
    color: #e60012;
    font-size: 1.2rem;
    font-weight: bold;
}


/*
写ルンです utsurundesu
*/
#utsurundesu .section_header {
/*    text-align: center;*/
}
#utsurundesu .utsurundesu_thumb {
    width: 15%;
    text-align: center;
    margin: 0 auto 3rem;
}
#utsurundesu .utsurundesu_lead {
    color: #666666;
    margin-bottom: 3rem;
}
#utsurundesu .lecturer .lecturer_thumb {
    float: left;
    width: 29%;
    padding: 0 2rem;
    text-align: center;
}
#utsurundesu .lecturer .lecturer_profile {
    float: right;
    width: 69%;
    padding: 1rem 2rem;
    border-left: 1px solid #e7e7e7;
}
#utsurundesu .lecturer .lecturer_profile h2 {
    font-size: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
#utsurundesu .lecturer .lecturer_profile h3 {
    font-size: 1rem;
}
#utsurundesu .lecturer .lecturer_profile p {
    font-size: 0.86rem;
}


/*
須崎市の支援制度
*/
.page-support_system .section_header {
    margin-bottom: 3rem;
}
.page-support_system .ss_msg {
    text-align: center;
    border: 1px solid #e7e7e7;
    padding: 1rem 1rem;
}
.page-support_system .ss_box {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #e7e7e7;

}
.page-support_system .ss_title {
    color: #f39800;
}
.page-support_system .ss_box p {
}
.page-support_system .ss_poc {
    color: #f39800;
}


/*
アクセス
*/
.page-access .access-subtitle {
    color: #f39800;
    margin-bottom: 1rem;
    font-weight: bold;   
}
.page-access .access_icon {
    width: 40%;
}
.page-access ul.access_time li {
    border-left: 1px solid #e7e7e7;
    float: left;
    width: 30%;
    margin-right: 3%;
    text-indent: 1.5rem;
}
.page-access .access_time:last-child {
    border-right: 1px solid #e7e7e7;
}


/*
躍動祭
*/
#ac_event .ac_event_title {
    text-align: center;
    font-size: 2rem;
    color: #f39800;
    line-height: 1.4;
}
#ac_event .section_header {
    margin-bottom: 5rem;
}
#ac_event .ac_event_logo {
    width: 13%;
    margin-bottom: 3rem;
}
#ac_event .section_inner_title {
    border-left: 12px solid #f39800;
    padding: 0.2rem 0 0.2rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}
#ac_event ul.ac_event_thumblist li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1rem;
}
#ac_event ul.ac_event_thumblist li img {
    width: 100%;
}
#ac_event ul.ac_event_thumblist li:nth-child(3n+3) {
    margin-right: 0px;
}


/*
自然と暮らすさき
*/
#nature_life .nl_lead .section_inner_title {
    text-align: center;
    color: #f39800;
    margin-bottom: 0.5rem;
}
#nature_life .nl_flyer:after {
    clear: both;
    display: block;
    content: "";
}
#nature_life .nl_flyer img {
    float: left;
    width: 50%;
    padding: 0rem 3%;
}
#nature_life .past_list {
    border: 1px solid #efefef;
    padding: 1.5rem;
}


/*
須崎の産業
*/
#susaki-industry .section_header {
    margin-bottom: 5rem;
}
#susaki-industry .section_inner_title {
    background-color: #f39800;
    padding: 0.4rem 2rem;
    color: #ffffff;
     font-size: 1.0rem; 
    display: inline-block;
    margin-bottom: 1rem;
}
#susaki-industry .table_title {
    margin-bottom: 0.5rem;
}
#susaki-industry table.base_table tr th {
    width: auto;
/*    font-weight: bold;*/
}
#susaki-industry table.base_table tr th,
#susaki-industry table.base_table tr td {
    padding-bottom: 0.6rem;
    padding-top: 0.6rem;
}
/* ぷち情報 */
#susaki-industry .industry-introbox {
    border: 1px solid #efefef;
    margin-bottom: 3rem;
}
#susaki-industry .industry-introbox_inner {
    
}
#susaki-industry .industry-introbox_inner:after {
    clear: both;
    display: block;
    content: "";
}
#susaki-industry .industry-introbox_left {
    float: left;
    width: 66%;
    padding: 1.5rem 2rem;
}
#susaki-industry .industry-introbox_left h3 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
#susaki-industry .industry-introbox_right {
    float: right;
    width: 34%;
}




/*
よくある質問
*/
.page-qa #qa-area .qa-lead {
    margin-bottom: 3rem;
    text-align: center;
    border: 1px solid #efefef;
    padding: 2rem 1rem;
}
.page-qa #qa-area .qa-list {
/*    border-top: 1px solid #cccccc;*/
}
.page-qa #qa-area .qa_title {
    font-size: 1.3rem;
    color: #f39800;
    position: relative;
    margin-bottom: 1rem;
}
.page-qa #qa-area .qa_title:before {
    position: relative;
    left: -6px;
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    vertical-align: middle;
    /* margin-right: 1rem; */
    top: -3px;
    background-image: url(assets/images/icon-qa.png);
}
.page-qa #qa-area .qa-list ul {
    margin-bottom: 5rem;
}
.page-qa #qa-area .qa-list li {
/*    border-bottom: 1px solid #cccccc;*/
}
.page-qa #qa-area .qa-list li .question,
.page-qa #qa-area .qa-list li .answer {
    position: relative;
/*
    padding-left: 5%;
    padding-right: 5%;
*/
    padding-bottom: 0.0rem;
}
.page-qa #qa-area .qa-list li .question {
    font-size: 1.3rem;
    padding-top: 0.5rem;
    padding-left: 1.8rem;
    padding-bottom: 0.2rem;
}
.page-qa #qa-area .qa-list li .answer {
    font-size: 1.0rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    border: 1px solid #efefef;
}
.page-qa #qa-area .qa-list li .related_post {
    margin-top: 1.0rem;
    padding-top: 1.0rem;
    border-top: 1px solid #efefef;
}
.page-qa #qa-area .qa-list li .answer_text {
    padding-left: 1.5rem;
    position: relative;
}
.page-qa #qa-area .qa-list li .question:before,
.page-qa #qa-area .qa-list li .answer_text:before {
    position: absolute;
    left: 0px;
    content: "";
    display: inline-block;
    /* width: 20px; */
    /* height: 20px; */
    /* vertical-align: middle; */
/*    margin-right: 0.5rem;*/
}
.page-qa #qa-area .qa-list li .question:before {
    content: "Q.";
    top: 7px;
/*    background-image: url(assets/images/icon-question.png);*/
}
.page-qa #qa-area .qa-list li .answer_text:before {
    content: "A.";
    top: 0;
/*    background-image: url(assets/images/icon-answer.png);*/
}
.page-qa #qa-area .qa-list li .question:after {
    position: absolute;
    top: 17px;
    /* right: 5px; */
    content: " ";
    display: inline-block;
    text-align: right;
    width: 15px;
    height: 15px;
    background-image: url(assets/images/icon-arrow-closed.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    vertical-align: middle;
    margin-left: 1rem;
}
.page-qa #qa-area .qa-list li .question.opened:after {
    background-image: url(assets/images/icon-arrow-opened.png);
}


/*********************
お問い合わせフォーム
*********************/
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], select, textarea, [type=number] {
    /*    display: block;*/
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    /*
    height: 2.4375rem;
    */
    padding: .5rem;
    /*    border: 1px solid #cacaca;*/
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    /*    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);*/
    /*    border-radius: 0;*/
    transition: box-shadow .5s,border-color .25s ease-in-out;
    /*    border-radius: 4px;*/
    margin-bottom: 0;
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}
[type=text], textarea {
    /*    width: 100%;*/
}
span.wpcf7-list-item {
    display: block;
}

#contact-thumb {
    width: 85%;
    margin: 0 auto;
    max-width: 315px;
}
#contact-form {
    padding: 2rem 0;
    background-image: url(assets/images/contact-form-bg.png);
    background-repeat: repeat;
}
#contact-form form .contact-form-left {
    width: 49%;
    float: left;
}
#contact-form form .contact-form-right {
    width: 49%;
    float: right;
}
#contact-form form .input-area {
    height: 2.4375rem;
    margin-bottom: 0.5rem;
    display: table;
    table-layout: fixed;
    width: 100%;
}
#contact-form form label {
    display: table-cell;
    width: 33%;
    /* height: 100%; */
    background-color: #feeed7;
    padding: 0.8rem 1rem;
    vertical-align: middle;
    font-weight: bold;
    font-size: 0.86rem;
}
#contact-form form .wpcf7-form-control-wrap {
    display: table-cell;
    height: 100%;
    background-color: #ffffff;
}

#contact-form form .contact-form-right label {
    display: block;
    width: 100%;
}
#contact-form form .contact-form-right .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
#contact-form form .contact-form-right .wpcf7-form-control-wrap textarea {
    width: 100%;
}
#contact-form form .wpcf7c-conf {
    background-color: #eef6ff !important;
    border: 1px solid #d6e4f3;
}
#contact-form form input.wpcf7c-conf:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #eef6ff inset;
}
#contact-form form .contact-text {
    font-size: 0.86rem;
}



#contact-form .confirm-area {
    text-align: right;
}
#contact-form .confirm-area .button {
    padding: 0.8rem 5rem;
}
#contact-form .confirm-area .confirm-button {
}
#contact-form .confirm-area .back-button {
    background-color: #999999;
}
#contact-form .confirm-area .send-button {
    /*    background-color: #999999;*/
}


/*********************
視察申し込みフォーム
*********************/
#apply-inspection-form-wrapper [type=text],
#apply-inspection-form-wrapper [type=password],
#apply-inspection-form-wrapper [type=date],
#apply-inspection-form-wrapper [type=datetime],
#apply-inspection-form-wrapper [type=datetime-local],
#apply-inspection-form-wrapper [type=month],
#apply-inspection-form-wrapper [type=week],
#apply-inspection-form-wrapper [type=email],
#apply-inspection-form-wrapper [type=number],
#apply-inspection-form-wrapper [type=search],
#apply-inspection-form-wrapper [type=tel],
#apply-inspection-form-wrapper [type=time],
#apply-inspection-form-wrapper [type=url],
#apply-inspection-form-wrapper [type=color],
#apply-inspection-form-wrapper select,
#apply-inspection-form-wrapper textarea,
#apply-inspection-form-wrapper [type=number] {
    /*    display: block;*/
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    /*
    height: 2.4375rem;
    */
    padding: .5rem;
    /*    border: 1px solid #cacaca;*/
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    /*    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);*/
    /*    border-radius: 0;*/
    transition: box-shadow .5s,border-color .25s ease-in-out;
    /*    border-radius: 4px;*/
    margin-bottom: 0;
}
#apply-inspection-form-wrapper [type=text],
#apply-inspection-form-wrapper [type=password],
#apply-inspection-form-wrapper [type=date],
#apply-inspection-form-wrapper [type=datetime],
#apply-inspection-form-wrapper [type=datetime-local],
#apply-inspection-form-wrapper [type=month],
#apply-inspection-form-wrapper [type=week],
#apply-inspection-form-wrapper [type=email],
#apply-inspection-form-wrapper [type=number],
#apply-inspection-form-wrapper [type=search],
#apply-inspection-form-wrapper [type=tel],
#apply-inspection-form-wrapper [type=time],
#apply-inspection-form-wrapper [type=url],
#apply-inspection-form-wrapper [type=color],
#apply-inspection-form-wrapper textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}
#apply-inspection-form-wrapper [type=text],
#apply-inspection-form-wrapper textarea {
    /*    width: 100%;*/
}
#apply-inspection-form-wrapper .your-org-category-area span.wpcf7-list-item {
    display: inline-block;
}
#apply-inspection-form-wrapper [type=text],
#apply-inspection-form-wrapper [type=password],
#apply-inspection-form-wrapper [type=date],
#apply-inspection-form-wrapper [type=datetime],
#apply-inspection-form-wrapper [type=datetime-local],
#apply-inspection-form-wrapper [type=month],
#apply-inspection-form-wrapper [type=week],
#apply-inspection-form-wrapper [type=email],
#apply-inspection-form-wrapper [type=number],
#apply-inspection-form-wrapper [type=search],
#apply-inspection-form-wrapper [type=tel],
#apply-inspection-form-wrapper [type=time],
#apply-inspection-form-wrapper [type=url],
#apply-inspection-form-wrapper [type=color],
#apply-inspection-form-wrapper select,
#apply-inspection-form-wrapper textarea,
#apply-inspection-form-wrapper [type=number] {
    border: 1px solid #e7e7e7;
}
#apply-inspection-form-wrapper [type=date],
#apply-inspection-form-wrapper [type=number],
#apply-inspection-form-wrapper select {
    width: auto;
}
#apply-inspection-form-wrapper {
    padding: 2rem 0;
}
#apply-inspection-form-wrapper form .form_inner.base_info {
    margin-bottom: 5rem;
}
#apply-inspection-form-wrapper form .form_inner_title {
    text-align: center;
    margin-bottom: 3rem;
}
#apply-inspection-form-wrapper form .form_inner_title:after {
    content: "";
    background-image: url(assets/images/section_title_bottom.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 430px;
    height: 11px;
    display: block;
    margin: 0 auto;
}
#apply-inspection-form-wrapper form .input-area {
    height: 2.4375rem;
    margin-bottom: 0.5rem;
    display: table;
    width: 100%;
}
#apply-inspection-form-wrapper form label {
    display: table-cell;
    width: 33%;
    /* height: 100%; */
    background-color: #feeed7;
    padding: 0.8rem 1rem;
    vertical-align: middle;
    font-weight: bold;
    font-size: 0.86rem;
}
#apply-inspection-form-wrapper form .wpcf7-form-control-wrap {
    display: table-cell;
    /*    border: 1px solid #e7e7e7;*/
    /*    vertical-align: middle;*/
    height: 100%;
}
#apply-inspection-form-wrapper form .your-org-category-area .wpcf7-form-control-wrap {
    /*    display: table-cell;*/
    /*    border: 1px solid #e7e7e7;*/
    vertical-align: middle;
}
#apply-inspection-form-wrapper form .your-number-people-area .wpcf7-form-control-wrap {
    display: inline-block;
    height: 100%;
}
#apply-inspection-form-wrapper form .your-option-area .wpcf7-form-control-wrap {
    display: block;
}
#apply-inspection-form-wrapper form .your-option-area .input-area-value {
    display: block;
    border: 1px solid #e7e7e7;
}

#apply-inspection-form-wrapper form .wpcf7c-conf {
    background-color: #eef6ff !important;
    border: 1px solid #d6e4f3;
}
#apply-inspection-form-wrapper form input.wpcf7c-conf:-webkit-autofill,
#apply-inspection-form-wrapper form select.wpcf7c-conf:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #eef6ff inset;
}
#apply-inspection-form-wrapper form .contact-text {
    font-size: 0.86rem;
}



#apply-inspection-form-wrapper .confirm-area {
    text-align: right;
}
#apply-inspection-form-wrapper .confirm-area .button {
    padding: 0.8rem 5rem;
}
#apply-inspection-form-wrapper .confirm-area .confirm-button {
}
#apply-inspection-form-wrapper .confirm-area .back-button {
    background-color: #999999;
}
#apply-inspection-form-wrapper .confirm-area .send-button {
    /*    background-color: #999999;*/
}


div.wpcf7-mail-sent-ok {
    border: 2px solid #f39800;
}

/*-------------------------------------------
カスタム投稿
-------------------------------------------*/
/*
移住者インタビュー
*/
.page #ijuinterview-wrapper,
.archive #ijuinterview-wrapper {
}
.page #ijuinterview-wrapper .ijuinterview-ul:after,
.archive #ijuinterview-wrapper .ijuinterview-ul:after {
    clear: both;
    display: block;
    content: "";
}
.page #ijuinterview-wrapper .ijuinterview-ul li,
.archive #ijuinterview-wrapper .ijuinterview-ul li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
}
.page #ijuinterview-wrapper .ijuinterview-ul li:nth-child(3n+3),
.archive #ijuinterview-wrapper .ijuinterview-ul li:nth-child(3n+3) {
    margin-right: 0;
}
.page #ijuinterview-wrapper .ijuinterview-ul li,
.archive #ijuinterview-wrapper .ijuinterview-ul li {
    margin-bottom: 2rem;
}
.page #ijuinterview-wrapper .ijuinterview-ul li .text,
.archive #ijuinterview-wrapper .ijuinterview-ul li .text {
    padding: 1rem;
    text-align: center;
    border: 1px solid #e7e7e7;
    border-top: none;
}
.page #ijuinterview-wrapper .ijuinterview-ul li .text .ijuinterview-label,
.archive #ijuinterview-wrapper .ijuinterview-ul li .text .ijuinterview-label {
}
.page #ijuinterview-wrapper .ijuinterview-ul li .text .ijuinterview-excerpt,
.archive #ijuinterview-wrapper .ijuinterview-ul li .text .ijuinterview-excerpt {
    text-align: left;
}
.page #ijuinterview-wrapper .ijuinterview-ul li .text hr,
.archive #ijuinterview-wrapper .ijuinterview-ul li .text hr {
    border: none;
    border-bottom: 1px solid #e7e7e7;
    margin: 0.6rem 0 1rem;
}
.page #ijuinterview-wrapper .ijuinterview-ul li img,
.archive #ijuinterview-wrapper .ijuinterview-ul li img {
    width: 100%;
}
.page #ijuinterview-wrapper .ijuinterview-ul li.foldbr,
.archive #ijuinterview-wrapper .ijuinterview-ul li.foldbr {
    position: relative;
    /*
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
    */
}
.page #ijuinterview-wrapper .ijuinterview-ul li.foldbr:before,
.archive #ijuinterview-wrapper .ijuinterview-ul li.foldbr:before {
    content: "";
    position: absolute;
    bottom: 0%;
    right: 0%;
    width: 0px;
    height: 0px;
    border-bottom: 35px solid #eee;
    border-left: 35px solid transparent;
    -webkit-box-shadow: -4px -4px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: -4px -4px 5px rgba(0,0,0,0.3);
    box-shadow: -4px -4px 5px rgba(0,0,0,0.3);
}
.page #ijuinterview-wrapper .ijuinterview-ul li.foldbr:after,
.archive #ijuinterview-wrapper .ijuinterview-ul li.foldbr:after {
    content: "";
    position: absolute;
    bottom: 0%;
    right: 0%;
    width: 0px;
    height: 0px;
    border-top: 34px solid #d4d4d4;
    border-right: 34px solid #ffffff;
}


/*
コラボポスター
*/
.page #collab_poster-wrapper,
.archive #collab_poster-wrapper {
}
.page #collab_poster-wrapper .collab_poster-ul:after,
.archive #collab_poster-wrapper .collab_poster-ul:after {
    clear: both;
    display: block;
    content: "";
}
.page #collab_poster-wrapper .collab_poster-ul li,
.archive #collab_poster-wrapper .collab_poster-ul li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
}
.page #collab_poster-wrapper .collab_poster-ul li:nth-child(3n+3),
.archive #collab_poster-wrapper .collab_poster-ul li:nth-child(3n+3) {
    margin-right: 0;
}
.page #collab_poster-wrapper .collab_poster-ul li,
.archive #collab_poster-wrapper .collab_poster-ul li {
    margin-bottom: 3rem;
}
.page #collab_poster-wrapper .collab_poster-ul li .thumb,
.archive #collab_poster-wrapper .collab_poster-ul li .thumb {
    margin-bottom: 1rem;
}
.page #collab_poster-wrapper .collab_poster-ul li .text,
.archive #collab_poster-wrapper .collab_poster-ul li .text {
}
.page #collab_poster-wrapper .collab_poster-ul li .text h3,
.archive #collab_poster-wrapper .collab_poster-ul li .text h3 {
    font-size: 1rem;
    border-left: 12px solid #dddddd;
    padding: 0.3rem 0 0.3rem 0.7rem;
    line-height: 1.3;
}
.page #collab_poster-wrapper .collab_poster-ul li img,
.archive #collab_poster-wrapper .collab_poster-ul li img {
    width: 100%;
}

.collab_poster_header .collab_poster_phrase {
    font-size: 1.8rem;
    font-weight: bold;
    color: #f39800;
    text-align: center;
    margin-bottom: 2rem;
}
.collab_poster_header .collab_poster_thumb {
    width: 18%;
    margin: 0 auto;
    margin-bottom: 4rem;
}
.collab_poster_header .collab_poster_text {
    margin-bottom: 3rem;
}
.collab_poster_header .collab_poster_title {
    border-left: 8px solid #f39000;
    padding: 0.1rem 0 0.1rem 1rem;
    margin-bottom: 1rem;
}


/*
須崎DE暮らす
*/
.post-type-archive-newspaper .newspaperlist li {
    border-bottom: 1px solid #e7e7e7;
    padding: 1rem 0 0.8rem;
    line-height: 1.4;
}
.post-type-archive-newspaper .newspaperlist li .vol {
    float: left;
    width: 10%;
}
.post-type-archive-newspaper .newspaperlist li .topics {
    float: right;
    width: 88%;
}



/*
ポケットすさき
*/
h1.ps-title {
    text-align: center;
    padding: 3rem 0 0;
}
h1.ps-title img {
    max-width: 200px;
}
.psmenu-ul {
    margin-bottom: 3rem;
}
.psmenu-ul:after {
    clear: both;
    display: block;
    content: "";
}
.psmenu-ul > li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.psmenu-ul > li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1rem;
}
.psmenu-ul > li:nth-child(3n+3) {
    margin-right: 0;
}
.psmenu-ul > li.depth-cat > .child-categories-wrapper {
    padding: 1rem;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    display: none;
}
.psmenu-ul > li.depth-cat {
    border-radius: 15px;
    padding: 0.5rem 1rem 0.5rem;
    position: relative;
}
.psmenu-ul > li.depth-cat > a > img {
    /*    padding-bottom: 0.5rem;*/
}
.psmenu-ul > li.depth-cat-gourmet {
    background-color: #e8546b;
}
.psmenu-ul > li.depth-cat-tourism {
    background-color: #0098d8;
}
.psmenu-ul > li.depth-cat-shopping {
    background-color: #c966a3;
}
.psmenu-ul > li.depth-cat-health {
    background-color: #f9be00;
}
.psmenu-ul > li.depth-cat-education {
    background-color: #8cc456;
}
.psmenu-ul > li.depth-cat-medical {
    background-color: #ed86b3;
}
.psmenu-ul > li.depth-cat-life {
    background-color: #a8977f;
}
.psmenu-ul > li.depth-cat-work {
    background-color: #5d8134;
}
.psmenu-ul > li.depth-cat-etc {
    background-color: #f29600;
}
.psmenu-ul > li.depth-cat-gourmet .child-categories-wrapper {
    background-color: #e8546b;
    z-index: 4;
}
.psmenu-ul > li.depth-cat-tourism .child-categories-wrapper {
    background-color: #0098d8;
    z-index: 4;
}
.psmenu-ul > li.depth-cat-shopping .child-categories-wrapper {
    background-color: #c966a3;
    z-index: 4;
}
.psmenu-ul > li.depth-cat-health .child-categories-wrapper {
    background-color: #f9be00;
    z-index: 3;
}
.psmenu-ul > li.depth-cat-education .child-categories-wrapper {
    background-color: #8cc456;
    z-index: 3;
}
.psmenu-ul > li.depth-cat-medical .child-categories-wrapper {
    background-color: #ed86b3;
    z-index: 3;
}
.psmenu-ul > li.depth-cat-life .child-categories-wrapper {
    background-color: #a8977f;
    z-index: 2;
}
.psmenu-ul > li.depth-cat-work .child-categories-wrapper {
    background-color: #5d8134;
    z-index: 2;
}
.psmenu-ul > li.depth-cat-etc .child-categories-wrapper {
    background-color: #f29600;
    z-index: 2;
}

.psmenu-ul > li.depth-cat > .child-categories-wrapper > ul.child-categories {
    padding: 1rem;
    background-color: #ffffff;
    border-radius: 15px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* ポケットすさきメニューアコーディオン装飾 */
.child-categories .children li a {
    /*    padding: 1rem 0.5rem 1rem 1.5rem;*/
}
.child-categories > li a {
    position: relative;
    display: inline-block;
    width: 100%;
}
.child-categories > li a:after {
    font-family: FontAwesome;
    content: "\f105";
    color: inherit;
    font-weight: normal;
    position: absolute;
    /*    right: 15px;*/
    right: 10px;
    color: #cccccc;
}
.child-categories > li.has_children > a:after {
    content: "\f196";
}
.child-categories > li.has_children.opened > a:after {
    content: "\f147";
}
.child-categories > li.cat-item {
    font-size: 0.9rem;
    border-bottom: 1px solid #eeeeee;
    padding: 0.2rem 0;
}


.pocket_susakilist li {
    border-bottom: 1px solid #e7e7e7;
    padding: 1.5rem 0;
}
.pocket_susakilist li:after {
    clear: both;
    display: block;
    content: "";
}
.pocket_susakilist li .thumb {
    float: left;
    width: 20%;
}
.pocket_susakilist li .thumb img {
    width: 100%;
    border-radius: 15px;
}
.pocket_susakilist li .text {
    float: right;
    width: 78%;
}
.pocket_susakilist li .text h2 {
    /*    display: inline;*/
}
.pocket_susakilist li .text .cat_area {
    margin-bottom: 1rem;
}
.pocket_susakilist li .text .cat {
    display: inline-block;
    padding: 0.4rem 1rem;
    color: #ffffff;
    border-radius: 10px;
    line-height: 1;
    font-size: 0.8rem;
    margin-left: 5px;
}
.pocket_susakilist li.depth-cat .text .cat {
    background-color: #f39800;
}
.pocket_susakilist li.depth-cat-life .text .cat {
    background-color: #a8977f;
}
.pocket_susakilist li.depth-cat-gourmet .text .cat {
    background-color: #e8546b;
}
.pocket_susakilist li.depth-cat-shopping .text .cat {
    background-color: #c966a3;
}
.pocket_susakilist li.depth-cat-work .text .cat {
    background-color: #5d8134;
}
.pocket_susakilist li.depth-cat-etc .text .cat {
    background-color: #f29600;
}
.pocket_susakilist li.depth-cat-medical .text .cat {
    background-color: #ed86b3;
}
.pocket_susakilist li.depth-cat-education .text .cat {
    background-color: #8cc456;
}
.pocket_susakilist li.depth-cat-health .text .cat {
    background-color: #f9be00;
}
.pocket_susakilist li.depth-cat-tourism .text .cat {
    background-color: #0098d8;
}

.pocket_susakilist li .text .closed_day span,
.pocket_susakilist li .text .open_time span {
    background-color: #9d9e9e;
    color: #ffffff;
    padding: 0.2rem 0.8rem;
    margin-right: 0.5rem;
}
.pocket_susakilist li .text .date {
    text-align: right;
}

.category-pocket_susaki .wrap_pagination,
.category-pocket_susaki-child .wrap_pagination {
    margin-bottom: 5rem;
}

/* ポケットすさきカテゴリーアコーディオン装飾 */
.pocket_susaki-categories .children li a {
    /*    padding: 1rem 0.5rem 1rem 1.5rem;*/
}
.pocket_susaki-categories > li > ul > li > ul > li a {
    position: relative;
    display: inline-block;
    width: 100%;
}
.pocket_susaki-categories > li > ul > li > ul > li a:after {
    font-family: FontAwesome;
    content: "\f105";
    color: inherit;
    font-weight: normal;
    position: absolute;
    /*    right: 15px;*/
    right: 10px;
    color: #cccccc;
}
.pocket_susaki-categories > li > ul > li > ul > li.has_children > a:after {
    content: "\f196";
}
.pocket_susaki-categories > li > ul > li > ul > li.has_children.opened > a:after {
    content: "\f147";
}


/* カテゴリーメニュー */
li.categories > ul:after {
    clear: both;
    display: block;
    content: "";
}
li.categories > ul > li.cat-item {
    float: left;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 2rem;
}
li.categories > ul > li.cat-item > a {
    display: block;
    padding: 0.3rem 1rem;
    background-color: #999999;
    color: #ffffff !important;
    margin-bottom: 0.5rem;
}
li.categories > ul > li.cat-item-life > a {
    background-color: #a8977f;
}
li.categories > ul > li.cat-item-gourmet > a {
    background-color: #e8546b;
}
li.categories > ul > li.cat-item-shopping > a {
    background-color: #c966a3;
}
li.categories > ul > li.cat-item-work > a {
    background-color: #5d8134;
}
li.categories > ul > li.cat-item-etc > a {
    background-color: #f29600;
}
li.categories > ul > li.cat-item-medical > a {
    background-color: #ed86b3;
}
li.categories > ul > li.cat-item-education > a {
    background-color: #8cc456;
}
li.categories > ul > li.cat-item-health > a {
    background-color: #f9be00;
}
li.categories > ul > li.cat-item-tourism > a {
    background-color: #0098d8;
}
li.categories > ul > li.cat-item > ul.children > li.cat-item {
    font-size: 0.8rem;
    border-bottom: 1px solid #eeeeee;
    padding: 0.2rem 0;
}

.thumb_link {
    margin-bottom: 0.5rem;
}
.thumb_link img {
    width: 100%;
}
.single .thumb_link {
    margin-bottom: 0.8rem;
}
.plist_info:after {
    clear: both;
    display: block;
    content: "";
}
.plist_info a {
/*    position: relative; */
    display: block;
    float: left;
    /* width: 100px; */
    width: 48%;
    margin-right: 4%;
    /* margin: 0 0px 10px 10px; */
    padding: 0.6rem 0;
    background: #f6f7f8;
    color: #727171;
    text-decoration: none;
    text-align: center;
    /* line-height: 25px; */
    border-radius: 15px;
    border: 1px solid #999999;
    font-size: 0.8rem;
    line-height: 1.5;
}
.plist_info a:last-child {
    margin-right: 0;
}
.plist_map:before {
    font-family: FontAwesome;
    font-size: 1.3em;
    content: "\f041\A";
    white-space: pre;
}
.plist_info i {
    position: absolute;
    top: 0;
    left: 10px;
    /*
    width: 40px;
    height: 40px;
    */
    margin: 0;
    /*  background: #bcaf68;*/
    line-height: 40px;
    text-align: center;
}

.plist_box_lay {
    width: 61%;
}
.plist_tel:before {
    font-family: FontAwesome;
    font-size: 1.3em;
    content: "\f095\A";
    white-space: pre;
}


/*
ポケットすさきシングルページ
*/
.single-pocket_susaki-child article.ps_wrapper {
    border: 1px solid #dddddd;
    border-radius: 20px;
    padding: 2rem;
    margin-bottom: 2rem;
}
.single-pocket_susaki-child .title-box {
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #dddddd;
}
.single-pocket_susaki-child .title-box .ps_title {
    font-size: 1.6rem;
}
.ps_cat {
    font-size: 0.8rem;
    border-radius: 15px;
    padding: 0.1rem 0.7rem;
    margin-right: 0.5rem;
    vertical-align: text-bottom;
    display: inline-block;
}
.ps_area_cat {
    font-size: 0.8rem;
    border-radius: 15px;
    padding: 0.1rem 0.7rem;
    margin-right: 0.5rem;
    vertical-align: text-bottom;
    display: inline-block;
}
.ps_cat {
    background-color: #f39800;
    color: #ffffff !important;
}
.ps_cat-life {
    background-color: #a8977f;
}
.ps_cat-gourmet {
    background-color: #e8546b;
}
.ps_cat-shopping {
    background-color: #c966a3;
}
.ps_cat-work {
    background-color: #5d8134;
}
.ps_cat-etc {
    background-color: #f29600;
}
.ps_cat-medical {
    background-color: #ed86b3;
}
.ps_cat-education {
    background-color: #8cc456;
}
.ps_cat-health {
    background-color: #f9be00;
}
.ps_cat-tourism {
    background-color: #0098d8;
}


.ps_area_cat {
    background-color: #999999;
    color: #ffffff !important;
}


.single-pocket_susaki-child .thumb-box {
    float: left;
    width: 40%;
}
.single-pocket_susaki-child .ps_info-box {
    float: right;
    width: 57%;
}
.single-pocket_susaki-child .ps_info_title {
    background-color: #f39800;
    color: #ffffff;
    font-size: 1rem;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 0.2rem 2rem;
    margin-bottom: 0.5rem;
}
.single-pocket_susaki-child .ps_info tr {
    border-bottom: 1px solid #dddddd;
}
.single-pocket_susaki-child .ps_info th,
.single-pocket_susaki-child .ps_info td {
    text-align: left;
    padding: 0.4rem 0;
    font-size: 0.9rem;
}
.single-pocket_susaki-child .ps_info th {
}
.single-pocket_susaki-child .ps_info td {
    padding-left: 1rem;
}
.single-pocket_susaki-child .map-box {
}


/*
空き家情報一覧
空き店舗情報一覧
仕事情報一覧
*/
table tr td.attention {
    color: #f39800 !important;
    font-size: 1.3rem !important;
    font-weight: bold !important;
    line-height: 1.1 !important;
}

.search_usefullist-wrapper .search_usefullist:after {
    clear: both;
    display: block;
    content: "";
}
.search_usefullist-wrapper .search_usefullist li {
    float: left;
    width: 32%;
    margin-right: 2%;
    /*
    width: 23.5%;
    margin-right: 2%;
    */
    margin-bottom: 2rem;
    /*    border: 1px solid #e7e7e7;*/
}
/*.search_usefullist-wrapper .search_usefullist li:nth-child(4n+4) {*/
.search_usefullist-wrapper .search_usefullist li:nth-child(3n+3) {
    margin-right: 0;
}
.search_usefullist-wrapper .search_usefullist li .thumb {
    margin-bottom: 1rem;
}
.search_usefullist-wrapper .search_usefullist li .thumb a {
    position: relative;
    display: block;
}
.search_usefullist-wrapper .search_usefullist li .thumb a .finished_mark {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
}
.finished {
    color: #ff0000;
    font-size: 150%;
    font-weight: bold;
    border: 3px solid #ff0000;
    border-radius: 10px;
    padding: 15px 0;
    margin-bottom: 15px;
    text-align: center;
}
.search_usefullist-wrapper .search_usefullist li .thumb a .negotiations_mark {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
}
.negotiations {
    color: #07913a;
    font-size: 150%;
    font-weight: bold;
    border: 3px solid #07913a;
    border-radius: 10px;
    padding: 15px 0;
    margin-bottom: 15px;
    text-align: center;
}
.search_usefullist-wrapper .search_usefullist li .thumb img {
    width: 100%;
}
.search_usefullist-wrapper .search_usefullist li .text {
    margin: 0.3rem 0;
}
.search_usefullist-wrapper .search_usefullist li .text h3 {
    /*    font-size: 1.0rem;*/
    line-height: 1.3;
}
.search_usefullist-wrapper .search_usefullist li table.base_table tr th {
    text-align: left;
    font-weight: bold;
    width: 25%;
}
.search_usefullist-wrapper .search_usefullist li table.base_table tr td {
}
.search_usefullist-wrapper .search_usefullist li table.base_table tr th,
.search_usefullist-wrapper .search_usefullist li table.base_table tr td {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    font-size: 0.9rem;
    line-height: 1.5;
}

/*
空き家情報シングルページ
空き家店舗シングルページ
仕事情報シングルページ
*/
.single .search_useful_content .floor-plan {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 3rem;
}
.single .search_useful_content .floor-plan img {
    width: 100%;
}
.single .search_useful_content .thumb-gallery {
    margin-right: -1%;
    margin-left: -1%;
    margin-bottom: 3rem;
}
.single .search_useful_content .thumb-gallery:after {
    clear: both;
    display: block;
    content: "";
}
.single .search_useful_content .thumb-gallery .photo {
    float: left;
    width: 31.3%;
    /*    margin-right: 2%;*/
    margin: 1%;
    /*    margin-bottom: 1rem;*/
    border: 1px solid #e7e7e7;
}
.single .search_useful_content .thumb-gallery .photo:nth-of-type(3n+3) {
    /*    margin-right: 0;*/
}
.single .search_useful_content .thumb-gallery .photo img {
    width: 100%;
}
.single .search_useful_content .detail {
    margin-bottom: 3rem;
}
.detail-title {
    color: #ffffff;
    background-color: #f39800;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
}
.single .search_useful_content table.base_table tr:first-child {
    border-top: none;
}
.single .search_useful_content table.base_table tr th {
    text-align: left;
    font-weight: bold;
    width: 10%;
}
.single .search_useful_content table.base_table tr th,
.single .search_useful_content table.base_table tr td {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    /*    font-size: 0.9rem;*/
}
.single .search_useful_content table.base_table tr td .ps_area_cat {
    margin-left: 1rem;
}
.single .search_useful_content .more-detail {
    margin-bottom: 3rem;
}
.more-detail-title {
    color: #ffffff;
    background-color: #9fa0a0;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
}
.single .search_useful_content .more-detail .more-detail-box {
    border: 1px solid #e7e7e7;
    padding: 1rem;
}
.single .search_useful_header {
    margin-bottom: 2rem;
}
.single .search_useful_header .thumb {
    width: 27%;
    /*    float: left;*/
}
.single .search_useful_header .text {
    /*
    width: 60%;
    float: right;
    */
    vertical-align: middle;
    padding: 0 10%;
    text-align: center;
}
.single .search_useful_header .text .text-phrase {
    color: #f39800;
    font-size: 1.3rem;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
}
.single .search_useful_header .text h1 {
    padding: 1rem 0;
    font-size: 1.5rem;
    line-height: 1.5;
}
.single .search_useful_footer .caution {
    margin-bottom: 3rem;
}
.single .search_useful_footer .viewing {
    margin-bottom: 3rem;
}
.single .search_useful_footer .caution p,
.single .search_useful_footer .viewing p {
    font-size: 0.86rem;
}
.caution-title {
    color: #ffcd31;
    background-color: #e0001d;
    padding: 0.1rem 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}
.caution-text {
    color: #e0001d;
    font-weight: bold;
}
.viewing-title {
    color: #ffffff;
    background-color: #9fa0a0;
    padding: 0.1rem 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}
.detail-inner-title {
    border: 2px solid #f39800;
    color: #f39800;
    font-weight: bold;
    display: inline-block;
    padding: 0.5rem 1rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

/*
空き店舗情報
*/
.single-search_store .rental {
    margin-bottom: 3rem;
}
.single-search_store .rental-title {
    color: #ffffff;
    background-color: #f39800;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
}
.single-search_store .detail-baseinfo {
    margin-bottom: 2rem;
}
.single-search_store .search_useful_content table.base_table tr th {
    width: 20%;
}

/*
仕事情報
*/
.single-search_work .search_useful_content table.base_table tr th {
    width: 20%;
}


/*-----------------------------
検索フォーム
-----------------------------*/
input#searchsubmit {
    font-family: FontAwesome;
}
.searchbox {
    width: 100%;
    /*    height: 80px;*/
    padding: 3%;
    /*    margin-top: 1rem;*/
    margin-bottom: 3rem;
    background-color: #dcdddd;
    /*
    background-image:url(images/searchbox.png);
    background-size:contain;
    background-repeat: no-repeat;
    */
}
.search_area {
    width: 100%;
    height: 44px;
    background-color: #dcdddd;
    /*    padding: 4px;*/
    /*
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    */
}
.search_area #s {
    width: 65%;
    padding-left: 1%;
    height: 44px;
    border: none;
    float: left;
}
.search_area_hline {
    height: 44px;
    /*    margin: 4px 0;*/
    /*    border-left: 1px solid #000000;*/
    width: 4%;
    background-color: #dcdddd;
    float: left;
}
.search_area #searchsubmit {
    width: 30%;
    height: 44px;
    border: none;
    box-shadow: none;
    /*    font-size: 1.2em;*/
    background-color: #ffffff;
    /*    border-left: 1px solid #b2b2b2;*/
    /*    margin-left: -3px;*/
    /*
    background-image: url(images/search.png);
    background-repeat: no-repeat;
    background-size: contain;
    */
    background-position:50% 50%;
    float: left;
    border-radius: 15px;
}

/*-------------------------------------------
404 Page Not Found
-------------------------------------------*/




/******************************************************************
メディアクエリー
******************************************************************/
/* 1281px ~ : PC Large screens -> Default */

/* ~ 1280px : PC screens */
@media only screen and (max-width: 80em) {
    .useful-menutab-wrapper .menulist {
        padding: 3.5rem 1rem 2.5rem;
    }
}

/* ~ 1024px : Medium screens */
@media only screen and (max-width: 64em) {

    /*-------------------------------------------
    トップページ(toppage)
    -------------------------------------------*/
    .home #pickup_contents .pickup01{
        width: 66%;
        float: none;
        margin: 0 auto;
    }
    .home #pickup_contents .pickup02, .home #pickup_contents .pickup03, .home #pickup_contents .pickup04 {
        width: 22%;
        float: left;
    }
    .home #pickup_contents .pickup02 {
        margin-left: 17%;
    }
    .home #ijuinterview-wrapper .ijuinterview-ul li .relative:before {
        display: none;
    }
    .home #ijuinterview-wrapper .ijuinterview-ul > .slick-list > .slick-track > li {
        padding: 1rem;
    }
    .useful-menutab-wrapper .menulist .usefullist {
        width: 90% !important;
    }
}

/* ~ 960px : Tablet screens */
@media only screen and (max-width: 60em) {
    .useful-menutab-wrapper .menulist {
        /*        padding: 3.5rem 0rem 2.5rem;*/
    }
    .useful-menutab-wrapper .menulist .usefullist {
        width: 82% !important;
    }
    .useful-menutab-wrapper .menulist li .com-box .thumb {
        width: 85%;
        float: none;
        margin: 0 auto 0.5rem;
    }
    .useful-menutab-wrapper .menulist li .com-box .text {
        width: 85%;
        float: none;
        margin: 0 auto;
    }

    .pocket_susakilist li .thumb .plist_info a {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }

}

/* ~ 812px : iphone X screens */
@media only screen and (max-width: 50.750em) {

    #susaki-information .section_inner_title:before {
        content: none;
    }

    li.categories > ul > li.cat-item {
        /*        float: left;*/
        width: 32%;
        margin-right: 2%;
        /*        margin-bottom: 2rem;*/
    }
    li.categories > ul > li.cat-item:nth-child(3n+3) {
        margin-right: 0;
    }

    .psmenu-ul > li {
        /*        float: left;*/
        width: 49%;
        margin-right: 2%;
        margin-bottom: 1rem;
    }
    .psmenu-ul > li:nth-child(3n+3) {
        margin-right: 2%;
    }
    .psmenu-ul > li:nth-child(2n+2) {
        margin-right: 0;
    }

}

/* ~ 767px : Tablet screens */
@media only screen and (max-width: 47.938em) {

    /*
    メニュー
    */
    .bottom-area-left {
        width: 100%;
        float: none;
        margin-bottom: 1.5rem;
    }
    .bottom-area-right {
        width: 100%;
        float: none;
    }


    .nav-area .search-useful {
        width: 50%;
        float: none;
        padding: 0 0rem;
        margin: 0 auto;
    }
    .nav-area .menu-navi {
        width: 100%;
        float: none;
    }
    /*
    .globalnavi-sp-ul li.menu-item-has-children {
    width: 100%;
    float: none;
    margin-right: 0;
}
    .globalnavi-sp-ul li.menu-item-has-children > a {
    font-size: 1rem;
    color: #333333 !important;
    font-weight: bold;
}
    */
    .nav-area .search-contents:before {
        content: none;
    }
    .nav-area .search-contents-inner {
        background: none;
        position: static;
        width: 100%;
        margin: auto;
        padding: 0;
    }
    .nav-area .search-box {
        position: static;
    }
    .nav-area .search-box:after {
        clear: both;
        display: block;
        content: "";
    }
    .nav-area .search-box div {
        margin-bottom: 6px;
        width: 31%;
        float: left;
        margin-right: 3.5%;
    }
    .nav-area .search-box div:nth-child(3n+3) {
        margin-right: 0;
    }
    .nav-area .search-box div img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .nav-area .search-useful .pocketsusaki {
        display: none;
    }







    /*
    お役立ち情報
    */
    .useful-menutab-wrapper .menulist .usefullist {
        width: 90% !important;
    }

    /*
    テーブルの基本レイアウト
    */
    .scroll_table {
        overflow: auto;
        white-space: nowrap;
        margin-bottom: 0.5rem;
    }
    .scroll_table::-webkit-scrollbar{
        height: 10px;
    }
    .scroll_table::-webkit-scrollbar-thumb {
        background: #999999;
        border-radius: 5px;
    }
    .scroll_table::-webkit-scrollbar-track-piece{
        background: #efefef;
    }
    .scroll_table > table.base_table tr {
        border-bottom: 1px solid #e7e7e7;
    }
    .scroll_table > table.base_table tr:first-child {
        border-top: 1px solid #e7e7e7;
    }
    .scroll_table > table.base_table tr th,
    .scroll_table > table.base_table tr td {
        display: table-cell;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .scroll_table > table.base_table tr th {
        text-align: left !important;
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }
    .scroll_table > table.base_table tr td {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important;
    }

    /*-------------------------------------------
    カスタム投稿
    -------------------------------------------*/
    /*
    移住者インタビュー
    */
    .page #ijuinterview-wrapper .ijuinterview-ul li, .archive #ijuinterview-wrapper .ijuinterview-ul li {
        float: left;
        width: 49%;
        margin-right: 2%;
    }
    .page #ijuinterview-wrapper .ijuinterview-ul li:nth-child(3n+3), .archive #ijuinterview-wrapper .ijuinterview-ul li:nth-child(3n+3) {
        margin-right: 2%;
    }
    .page #ijuinterview-wrapper .ijuinterview-ul li:nth-child(2n+2), .archive #ijuinterview-wrapper .ijuinterview-ul li:nth-child(2n+2) {
        margin-right: 0;
    }

}

/* 641px ~ 1024px : Medium only */
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
}

/* 640px以下:Small screens */
@media only screen and (max-width: 40em) {

    /* float: none */
    .sp-float-none {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 2rem;
    }

    /*-------------------------------------------
    構造調整タグ
    -------------------------------------------*/
    .inner_width {
        width: 100% !important;
        margin: 0 auto !important;
    }
    .single-whatsnew #main,
    .category-whatsnew #main,
    .date #main,
    .single-blog-child #main,
    .single-blog #main,
    .category-blog-child #main,
    .category-blog #main {
        width: 100% !important;
        float: none;
    }
    .single-whatsnew #sidebar,
    .category-whatsnew #sidebar,
    .date #sidebar,
    .single-blog-child #sidebar,
    .single-blog #sidebar,
    .category-blog-child #sidebar,
    .category-blog #sidebar {
        width: 100%;
        float: none;
        padding-bottom: 1rem;
        display: block;
    }

    /*
    セクション関係
    */
    .section_title:after {
        width: 100%;
    }


    /*
    テーブルの基本レイアウト
    */
    table.base_table tr:first-child {
    }
    table.base_table tr th,
    table.base_table tr td {
        /*        text-align: left;*/
        display: block;
        width: 100%;
    }
    table.base_table tr th {
        font-weight: bold;
        padding-top: 1rem;
        padding-bottom: 0.2rem;
    }
    table.base_table tr td{
        padding-top: 0.2rem;
        padding-bottom: 1rem;
    }
    table.base_table tr{
    }

    /*-------------------------------------------
    汎用パーツ
    -------------------------------------------*/
    h1.page-title, h1.single-title {
        letter-spacing: 0;
    }


    /*-------------------------------------------
    ヘッダー
    -------------------------------------------*/
    #header .logo-area .logo {
        height: 90%;
    }
    #header .logo-area .ps_logo {
        height: 75%;
    }
    .overlay {
        opacity: 1;
        color: #333333;
        height: 100%;
    }
    .overlay a {
        color: #333333;
    }
    .overlay .menu_navi {
        padding: 2rem 0;
    }
    .overlay_inner {
        padding: 1rem;
    }
    .wrap-globalnavi {
        background-color: #ffffff;
        border-radius: 15px;
    }
    .wrap-globalnavi > .base_width {
        width: 100% !important;
        margin: 0;
        padding: 0;
    }
    .nav-area .search-useful {
        width: 100%;
        float: none;
        padding: 0 1rem;
    }
    .nav-area .menu-navi {
        width: 100%;
        float: none;
    }
    .globalnavi-sp-ul li.menu-item-has-children {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .globalnavi-sp-ul li.menu-item-has-children > a {
        font-size: 1rem;
        color: #333333 !important;
        font-weight: bold;
    }
    .nav-area .search-contents:before {
        content: none;
    }
    .nav-area .search-contents-inner {
        background: none;
        position: static;
        width: 100%;
        margin: auto;
        padding: 0;
    }
    .nav-area .search-box {
        position: static;
    }
    .nav-area .search-box:after {
        clear: both;
        display: block;
        content: "";
    }
    .nav-area .search-box div {
        margin-bottom: 6px;
        width: 31%;
        float: left;
        margin-right: 3.5%;
    }
    .nav-area .search-box div:nth-child(3n+3) {
        margin-right: 0;
    }
    .nav-area .search-box div img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .nav-area .search-useful .pocketsusaki {
        display: none;
    }
    /* アコーディオン装飾 */
    .globalnavi-sp-ul > li > .dropdown {
        display: none;
    }
    .globalnavi-sp-ul > li a {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .globalnavi-sp-ul > li a:after {
        font-family: FontAwesome;
        /*        content: "\f105";*/
        content: "";
        color: inherit;
        font-weight: normal;
        position: absolute;
        /*    right: 15px;*/
        right: 1rem;
        color: #cccccc;
        font-size: 1.5rem;
        line-height: 1.2;
    }
    .globalnavi-sp-ul > li.menu-item-has-children > a:after {
        content: "\f107";
    }
    .globalnavi-sp-ul > li.menu-item-has-children.opened > a:after {
        content: "\f106";
    }
    .globalnavi-sp-ul li.menu-item-has-children a {
        border-bottom: 1px dashed #eeeeee;
    }
    .globalnavi-sp-ul li.menu-item-has-children > a {
        padding: 0.6rem 1rem 0.6rem;
        /*        color: #231815;*/
    }
    .globalnavi-sp-ul li.menu-item-has-children > .sub-menu {
        padding: 0;
        background-color: #fbfbfb;
    }
    .globalnavi-sp-ul li.menu-item-has-children > .sub-menu li {
        padding: 0;
    }
    .globalnavi-sp-ul li.menu-item-has-children > .sub-menu li > a {
        padding: 0.6rem 1rem 0.6rem;
        color: #727171;
    }

    .utility-navi {
        padding: 1rem;
    }
    .utility-navi .utilitynavi {
        text-align: center;
        margin-bottom: 0.5rem;
    }
    header .menu-bottom-area {
        padding: 0 1rem;
    }
    header .bottom-area-left {
        width: 100%;
        float: none;
        margin-bottom: 2rem;
    }
    header .bottom-area-right {
        width: 100%;
        float: none;
        margin-bottom: 0rem;
    }
    header .bottom-area-right .qa-area {
        width: 48%;
        /* float: none; */
        margin: 0 4% 2rem 0;
        padding: 0;
    }
    header .bottom-area-right .sns-area {
        width: 78%;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    header .bottom-area-right .sns-area img {
        border: 2px solid #f39800;
        border-radius: 50%;
    }

    footer .bottom-area-left a {
        float: none; 
        width: 100%;
        margin-right: 0; 
    }
    footer .menu-bottom-area {
        padding: 0 1rem;
    }
    footer .bottom-area-left {
        width: 100%;
        float: none;
        margin: 0;
    }
    footer .bottom-area-right {
        width: 100%;
        float: none;
    }
    footer .bottom-area-right .qa-area {
        margin: 0;
    }

    #header .contact-area {
        display: block;
    }
    #header .contact-area {
        width: 48%;
        margin: 0 auto 2rem;
        /* float: none; */
        padding: 0;
    }
    #header .contact-area .icon-tel {
        float: left;
        width: 16%;
    }
    #header .contact-area .contact-info {
        float: right;
        width: 79%;
        color: #f39800;
    }


    /*-------------------------------------------
    トップページ(toppage)
    -------------------------------------------*/
    .home #top-lead .top-lead_width {
        width: 100% !important;
    }

    .home #pickup_contents .pickup01{
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .home #pickup_contents .pickup02, .home #pickup_contents .pickup03, .home #pickup_contents .pickup04 {
        width: 33.33333%;
    }
    .home #pickup_contents .pickup02 {
        margin-left: 0%;
    }
    .home #pickup_contents .pickup03 {
        float: none;
        width: auto;
    }
    .home #pickup_contents .pickup03 a {
        float: left;
        width: 33.33333%;
    }
    .home #pickup_contents .pickup03 a img {
        float: none;
        width: 100%;
    }
    .home #pickup_contents .pickup03:after {
        clear: none;
        display: block;
        content: "";
    }


    .useful-menutab-wrapper .menulist {
        padding: 3.5rem 0rem 2.5rem;
    }
    .useful-menutab-wrapper .menulist li .com-box .thumb {
        /*
        width: 30%;
        float: left;
        margin: 0 auto;
        */
    }
    .useful-menutab-wrapper .menulist li .com-box .text {
        /*
        width: 65%;
        float: right;
        margin: 0 auto;
        */
    }
    .useful-menutab-wrapper .menulist li:nth-child(2) {
        border-top: none;
    }
    .useful-menutab-wrapper .menulist .usefullist {
        width: 100% !important;
    }

    #ijuinterview-wrapper .inner_width {
        width: 90% !important;
    }

    .home #wrap-companyreport .companyreport-loop {
        float: none;
        width: 100%;
    }
    .home #wrap-companyreport .companyreport-guide {
        float: none;
        width: 100%;
    }
    .home #wrap-companyreport .companyreport-guide .intlink-button {
        margin: 1rem auto;
        width: 80%;
    }


    /*-------------------------------------------
    フッター
    -------------------------------------------*/
    #footer a {
        color: #ffffff !important;
    }
    .globalnavi-sp-ul li.menu-item-has-children > .sub-menu {
        padding: 0;
        background: none;
    }
    #banner-area ul li {
        float: left;
        width: 49%;
        margin-right: 2%;
    }
    #banner-area ul li:nth-child(2n+2) {
        margin-right: 0;
    }
    footer .logo-area {
        width: 50%;
        float: left;
        padding: 0% 12% 0 0;
        margin-bottom: 1.5rem;
    }
    footer .contact-area {
        width: 50%;
        float: left;
        margin-bottom: 1.5rem;
    }
    footer .qa-area {
        width: 50%;
        float: left;
        padding: 0 5% 0 0;
    }
    footer .sns-area {
        width: 50%;
        float: left;
    }


    /*-------------------------------------------
    投稿(post)
    -------------------------------------------*/
    /*
    カテゴリー基本レイアウト
    */
    .category .categorylist li {
        width: 49%;
        margin-right: 2%;
    }
    /*.category .categorylist li:nth-child(4n+4) {*/
    .category .categorylist li:nth-child(3n+3) {
        margin-right: 2%;
    }
    .category .categorylist li:nth-child(2n+2) {
        margin-right: 0;
    }


    /*-------------------------------------------
    固定ページ(page)
    -------------------------------------------*/
    /*
    当団体の紹介
    */
    /*
    「特定非営利活動法人 暮らすさき」とは
    */
    .page-about #aboutus .introduction{
        width: 100%;
    }

    /*
    須崎市の概要
    */
    .summary_photo {
        width: 100%;
    }

    /*
    視察について
    */
    .inspection_box {
        padding: 1.5rem;
        font-size: 1.1rem;
    }
    .inspection_box .inspection_box_left,
    .inspection_box .inspection_box_right {
        margin-bottom: 0;
    }

    /*
    移住相談実績
    */

    /*
    すさき暮らしツアー
    */
    #susaki-life-tour-lead .section_header p {
        font-size: 1.5rem;
    }
    #susaki-life-tour-lead .section_header img {
        width: 50%;
    }
    .susaki-life-tour-report .section_inner_title {
        font-size: 1.0rem;
    }
    .susaki-life-tour-report .discontinued {
        font-size: 1.0rem;
    }


    /*
    写ルンです utsurundesu
    */
    #utsurundesu .utsurundesu_thumb {
        width: 50%;
    }
    #utsurundesu .lecturer .lecturer_thumb {
        float: none;
        width: 60%;
        padding: 0 2rem;
        text-align: center;
        margin: 0 auto;
    }
    #utsurundesu .lecturer .lecturer_profile {
        float: none;
        width: 100%;
        padding: 1rem 1rem;
        border-left: none;
    }
    #utsurundesu .lecturer .lecturer_profile h2 {
        font-size: 1rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    #utsurundesu .lecturer .lecturer_profile h3 {
        font-size: 1rem;
    }
    #utsurundesu .lecturer .lecturer_profile p {
        font-size: 0.86rem;
    }


    /*
    アクセス
    */
    .page-access .access_time:last-child {
        border: none;
    }
    .page-access ul.access_time li {
        border-right: 1px solid #e7e7e7;
    }


    /*
    躍動祭
    */
    #ac_event .ac_event_title {
        font-size: 1.5rem;
    }
    #ac_event .section_header {
    }
    #ac_event .ac_event_logo {
        width: 50%;
    }
    #ac_event .section_inner_title {
        font-size: 1.0rem;
    }
    #ac_event ul.ac_event_thumblist li {
        width: 49%;
        margin-right: 2%;
    }
    #ac_event ul.ac_event_thumblist li:nth-child(3n+3) {
        margin-right: 2%;
    }
    #ac_event ul.ac_event_thumblist li:nth-child(2n+2) {
        margin-right: 0px;
    }


    /*
    須崎の産業
    */
    /* ぷち情報 */
    #susaki-industry .industry-introbox {
        border: 1px solid #efefef;
        margin-bottom: 3rem;
    }
    #susaki-industry .industry-introbox_inner {

    }
    #susaki-industry .industry-introbox_left {
        float: none;
        width: 100%;
        padding: 1.5rem 1.5rem 0.7rem;
    }
    #susaki-industry .industry-introbox_left h3 {
        border: none;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }
    #susaki-industry .industry-introbox_right {
        float: none;
        width: 100%;
        padding: 0.7rem 1.5rem 1.5rem;
    }



    /*********************
    お問い合わせフォーム
    *********************/
    #contact-form form .input-area {
        height: auto; 
        margin-bottom: 1rem;
        display: block;
        width: 100%;
    }
    #contact-form form label {
        display: block;
        width: 100%;
    }
    #contact-form form .wpcf7-form-control-wrap {
        display: block;
        width: 100%;
    }
    #contact-form form .contact-form-left {
        width: 100%;
        float: none;
    }
    #contact-form form .contact-form-right {
        width: 100%;
        float: none;
    }
    #contact-form .confirm-area {
        text-align: center;
    }
    [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], select, textarea, [type=number] {
        min-height: 3rem;
    }
    #contact-form form .contact-text {
        margin-bottom: 1rem;
    }


    /*********************
    視察申し込みフォーム
    *********************/
    #apply-inspection-form-wrapper [type=date],
    #apply-inspection-form-wrapper [type=number],
    #apply-inspection-form-wrapper select {
        width: 100%;
        height: 2.4375rem;
    }
    #apply-inspection-form-wrapper [type=radio] {
        background-color: #000000 !important;
        border: 1px solid #000000;
    }
    #apply-inspection-form-wrapper form .input-area {
        height: auto; 
        margin-bottom: 1rem;
        display: block;
        width: 100%;
    }
    #apply-inspection-form-wrapper form label {
        display: block;
        width: 100%;
    }
    #apply-inspection-form-wrapper form .wpcf7-form-control-wrap {
        display: block;
        width: 100%;
    }
    #apply-inspection-form-wrapper form .your-org-category-area .wpcf7-form-control-wrap {
        border: 1px solid #e7e7e7;
        padding: 1rem 0.3rem;
    }
    #apply-inspection-form-wrapper form .your-option-area .input-area-value {
        padding: 1rem 0.3rem;
    }
    #apply-inspection-form-wrapper form .contact-text {
        margin-bottom: 1rem;
    }
    #apply-inspection-form-wrapper .confirm-area {
        text-align: center;
    }


    /*-------------------------------------------
    カスタム投稿
    -------------------------------------------*/
    /*
    移住者インタビュー
    */


    /*
    コラボポスター
    */
    .page #collab_poster-wrapper,
    .archive #collab_poster-wrapper {
    }
    .page #collab_poster-wrapper .collab_poster-ul:after,
    .archive #collab_poster-wrapper .collab_poster-ul:after {
    }
    .page #collab_poster-wrapper .collab_poster-ul li,
    .archive #collab_poster-wrapper .collab_poster-ul li {
        width: 49%;
        margin-right: 2%;
    }
    .page #collab_poster-wrapper .collab_poster-ul li:nth-child(3n+3),
    .archive #collab_poster-wrapper .collab_poster-ul li:nth-child(3n+3) {
        margin-right: 2%;
    }
    .page #collab_poster-wrapper .collab_poster-ul li:nth-child(2n+2),
    .archive #collab_poster-wrapper .collab_poster-ul li:nth-child(2n+2) {
        margin-right: 0;
    }
    .page #collab_poster-wrapper .collab_poster-ul li,
    .archive #collab_poster-wrapper .collab_poster-ul li {
    }
    .page #collab_poster-wrapper .collab_poster-ul li .thumb,
    .archive #collab_poster-wrapper .collab_poster-ul li .thumb {
    }
    .page #collab_poster-wrapper .collab_poster-ul li .text,
    .archive #collab_poster-wrapper .collab_poster-ul li .text {
    }
    .page #collab_poster-wrapper .collab_poster-ul li .text h3,
    .archive #collab_poster-wrapper .collab_poster-ul li .text h3 {
        font-size: 1rem;
        border-left: 12px solid #dddddd;
        padding: 0.3rem 0 0.3rem 0.7rem;
        line-height: 1.3;
    }
    .page #collab_poster-wrapper .collab_poster-ul li img,
    .archive #collab_poster-wrapper .collab_poster-ul li img {
        width: 100%;
    }

    .collab_poster_header .collab_poster_phrase {
        font-size: 1.5rem;
    }
    .collab_poster_header .collab_poster_thumb {
        width: 50%;
    }
    .collab_poster_header .collab_poster_text {
    }
    .collab_poster_header .collab_poster_title {
        font-size: 1rem;
    }


    /*
    須崎をまっぷで見てみると
    */
    .page-area .area_info .thumb {
        width: 90%;
    }



    /*
    ポケットすさき
    */
    h1.ps-title {
        /*
        text-align: center;
        padding: 3rem 0 0;
        */
    }
    h1.ps-title img {
        /*        max-width: 200px;*/
    }
    .psmenu-ul:after {
        /*
        clear: both;
        display: block;
        content: "";
        */
    }
    .psmenu-ul > li > a {
        /*
        display: inline-block;
        width: 100%;
        height: 100%;
        */
    }
    .psmenu-ul > li {
        /*
        width: 49%;
        margin-right: 2%;
        margin-bottom: 1rem;
        */
    }
    .psmenu-ul > li:nth-child(3n+3) {
        /*        margin-right: 2%;*/
    }
    .psmenu-ul > li:nth-child(2n+2) {
        /*        margin-right: 0;*/
    }
    .psmenu-ul > li.depth-cat > .child-categories-wrapper {
        /*
        padding: 1rem;
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 0;
        right: 0;
        display: none;
        */
    }
    .psmenu-ul > li.depth-cat {
        /*
        border-radius: 15px;
        padding: 0.5rem 1rem 0.5rem;
        position: relative;
        */
    }
    .psmenu-ul > li.depth-cat > a > img {
    }
    .psmenu-ul > li.depth-cat-gourmet {
        /*        background-color: #e8546b;*/
    }
    .psmenu-ul > li.depth-cat-tourism {
        /*        background-color: #0098d8;*/
    }
    .psmenu-ul > li.depth-cat-shopping {
        /*        background-color: #c966a3;*/
    }
    .psmenu-ul > li.depth-cat-health {
        /*        background-color: #f9be00;*/
    }
    .psmenu-ul > li.depth-cat-education {
        /*        background-color: #8cc456;*/
    }
    .psmenu-ul > li.depth-cat-medical {
        /*        background-color: #ed86b3;*/
    }
    .psmenu-ul > li.depth-cat-life {
        /*        background-color: #a8977f;*/
    }
    .psmenu-ul > li.depth-cat-work {
        /*        background-color: #5d8134;*/
    }
    .psmenu-ul > li.depth-cat-etc {
        /*        background-color: #f29600;*/
    }
    .psmenu-ul > li.depth-cat-gourmet .child-categories-wrapper {
        /*
        background-color: #e8546b;
        z-index: 4;
        */
    }
    .psmenu-ul > li.depth-cat-tourism .child-categories-wrapper {
        /*
        background-color: #0098d8;
        z-index: 4;
        */
    }
    .psmenu-ul > li.depth-cat-shopping .child-categories-wrapper {
        /*
        background-color: #c966a3;
        z-index: 4;
        */
    }
    .psmenu-ul > li.depth-cat-health .child-categories-wrapper {
        /*
        background-color: #f9be00;
        z-index: 3;
        */
    }
    .psmenu-ul > li.depth-cat-education .child-categories-wrapper {
        /*
        background-color: #8cc456;
        z-index: 3;
        */
    }
    .psmenu-ul > li.depth-cat-medical .child-categories-wrapper {
        /*
        background-color: #ed86b3;
        z-index: 3;
        */
    }
    .psmenu-ul > li.depth-cat-life .child-categories-wrapper {
        /*
        background-color: #a8977f;
        z-index: 2;
        */
    }
    .psmenu-ul > li.depth-cat-work .child-categories-wrapper {
        /*
        background-color: #5d8134;
        z-index: 2;
        */
    }
    .psmenu-ul > li.depth-cat-etc .child-categories-wrapper {
        /*
        background-color: #f29600;
        z-index: 2;
        */
    }

    .psmenu-ul > li.depth-cat > .child-categories-wrapper > ul.child-categories {
        /*
        padding: 1rem;
        background-color: #ffffff;
        border-radius: 15px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        */
    }

    /* ポケットすさきメニューアコーディオン装飾 */
    .child-categories .children li a {
    }
    .child-categories > li a {
        /*
        position: relative;
        display: inline-block;
        width: 100%;
        */
        padding: 0.4rem 0;
    }
    .child-categories > li a:after {
        /*
        font-family: FontAwesome;
        content: "\f105";
        color: inherit;
        font-weight: normal;
        position: absolute;
        right: 10px;
        color: #cccccc;
        */
    }
    .child-categories > li.has_children > a:after {
        /*        content: "\f196";*/
    }
    .child-categories > li.has_children.opened > a:after {
        /*        content: "\f147";*/
    }
    .child-categories > li.cat-item {
        /*
        font-size: 0.9rem;
        border-bottom: 1px solid #eeeeee;
        padding: 0.2rem 0;
        */
    }


    .pocket_susakilist li {
        /*
        border-bottom: 1px solid #e7e7e7;
        padding: 1.5rem 0;
        */
    }
    .pocket_susakilist li:after {
        /*
        clear: both;
        display: block;
        content: "";
        */
    }
    .pocket_susakilist li .thumb {
        float: none;
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .pocket_susakilist li .thumb:after {
        clear: both;
        display: block;
        content: "";
    }
    .pocket_susakilist li .thumb .thumb_link {
        float: left;
        width: 60%;
    }
    .pocket_susakilist li .thumb .plist_info {
        float: right;
        width: 38%;
    }
/*
    .pocket_susakilist li .thumb .plist_info a {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
*/
    .pocket_susakilist li .thumb img {
        /*
        width: 100%;
        border-radius: 15px;
        */
    }
    .pocket_susakilist li .text {
        float: none;
        width: 100%;
    }
    .pocket_susakilist li .text h2 {
    }
    .pocket_susakilist li .text .cat {
        /*
        display: inline-block;
        padding: 0.4rem 1rem;
        color: #ffffff;
        border-radius: 10px;
        line-height: 1;
        font-size: 0.8rem;
        margin-left: 5px;
        */
    }
    .pocket_susakilist li.depth-cat .text .cat {
        /*        background-color: #f39800;*/
    }
    .pocket_susakilist li.depth-cat-life .text .cat {
        /*        background-color: #a8977f;*/
    }
    .pocket_susakilist li.depth-cat-gourmet .text .cat {
        /*        background-color: #e8546b;*/
    }
    .pocket_susakilist li.depth-cat-shopping .text .cat {
        /*        background-color: #c966a3;*/
    }
    .pocket_susakilist li.depth-cat-work .text .cat {
        /*        background-color: #5d8134;*/
    }
    .pocket_susakilist li.depth-cat-etc .text .cat {
        /*        background-color: #f29600;*/
    }
    .pocket_susakilist li.depth-cat-medical .text .cat {
        /*        background-color: #ed86b3;*/
    }
    .pocket_susakilist li.depth-cat-education .text .cat {
        /*        background-color: #8cc456;*/
    }
    .pocket_susakilist li.depth-cat-health .text .cat {
        /*        background-color: #f9be00;*/
    }
    .pocket_susakilist li.depth-cat-tourism .text .cat {
        /*        background-color: #0098d8;*/
    }

    .pocket_susakilist li .text .closed_day span,
    .pocket_susakilist li .text .open_time span {
        /*
        background-color: #9d9e9e;
        color: #ffffff;
        padding: 0.2rem 0.8rem;
        margin-right: 0.5rem;
        */
    }
    .pocket_susakilist li .text .date {
        /*        text-align: right;*/
    }

    /* ポケットすさきカテゴリーアコーディオン装飾 */
    .pocket_susaki-categories .children li a {
        padding: 0.4rem 0;
    }
    .pocket_susaki-categories > li > ul > li > ul > li a {
        /*
        position: relative;
        display: inline-block;
        width: 100%;
        */
    }
    .pocket_susaki-categories > li > ul > li > ul > li a:after {
        /*
        font-family: FontAwesome;
        content: "\f105";
        color: inherit;
        font-weight: normal;
        position: absolute;
        right: 10px;
        color: #cccccc;
        */
    }
    .pocket_susaki-categories > li > ul > li > ul > li.has_children > a:after {
        /*        content: "\f196";*/
    }
    .pocket_susaki-categories > li > ul > li > ul > li.has_children.opened > a:after {
        /*        content: "\f147";*/
    }


    /* カテゴリーメニュー */
    li.categories > ul:after {
        /*
        clear: both;
        display: block;
        content: "";
        */
    }
    li.categories > ul > li.cat-item {
        /*        float: left;*/
        width: 49%;
        margin-right: 2%;
        /*        margin-bottom: 2rem;*/
    }
    li.categories > ul > li.cat-item:nth-child(3n+3) {
        margin-right: 2%;
    }
    li.categories > ul > li.cat-item:nth-child(2n+2) {
        margin-right: 0;
    }
    li.categories > ul > li.cat-item > a {
        /*
        display: block;
        padding: 0.3rem 1rem;
        background-color: #999999;
        color: #ffffff;
        margin-bottom: 0.5rem;
        */
    }
    li.categories > ul > li.cat-item-life > a {
        /*        background-color: #a8977f;*/
    }
    li.categories > ul > li.cat-item-gourmet > a {
        /*        background-color: #e8546b;*/
    }
    li.categories > ul > li.cat-item-shopping > a {
        /*        background-color: #c966a3;*/
    }
    li.categories > ul > li.cat-item-work > a {
        /*        background-color: #5d8134;*/
    }
    li.categories > ul > li.cat-item-etc > a {
        /*        background-color: #f29600;*/
    }
    li.categories > ul > li.cat-item-medical > a {
        /*        background-color: #ed86b3;*/
    }
    li.categories > ul > li.cat-item-education > a {
        /*        background-color: #8cc456;*/
    }
    li.categories > ul > li.cat-item-health > a {
        /*        background-color: #f9be00;*/
    }
    li.categories > ul > li.cat-item-tourism > a {
        /*        background-color: #0098d8;*/
    }
    li.categories > ul > li.cat-item > ul.children > li.cat-item {
        /*
        font-size: 0.8rem;
        border-bottom: 1px solid #eeeeee;
        padding: 0.2rem 0;
        */
    }

    /*
    ポケットすさきシングルページ
    */
    .single-pocket_susaki-child article.ps_wrapper {
        /*
        border: 1px solid #dddddd;
        border-radius: 20px;
        */
        padding: 2rem 1rem;
        /*        margin-bottom: 2rem;*/
    }
    .single-pocket_susaki-child .title-box {
        /*
        padding-bottom: 0.5rem;
        margin-bottom: 1.5rem;
        border-bottom: 1px solid #dddddd;
        */
    }
    .single-pocket_susaki-child .title-box .ps_title {
        font-size: 1.4rem;
        line-height: 1.3;
        margin-bottom: 1rem;
    }
    .ps_cat {
        font-size: 0.7rem;
        /*
        border-radius: 15px;
        padding: 0.3rem 0.7rem;
        margin-right: 0.5rem;
        vertical-align: text-bottom;
        */
    }
    .ps_area_cat {
        font-size: 0.7rem;
        /*
        border-radius: 15px;
        padding: 0.3rem 0.7rem;
        margin-right: 0.5rem;
        vertical-align: text-bottom;
        */
    }
    .ps_cat {
        /*
        background-color: #f39800;
        color: #ffffff;
        */
    }
    .ps_cat-life {
        /*        background-color: #a8977f;*/
    }
    .ps_cat-gourmet {
        /*        background-color: #e8546b;*/
    }
    .ps_cat-shopping {
        /*        background-color: #c966a3;*/
    }
    .ps_cat-work {
        /*        background-color: #5d8134;*/
    }
    .ps_cat-etc {
        /*        background-color: #f29600;*/
    }
    .ps_cat-medical {
        /*        background-color: #ed86b3;*/
    }
    .ps_cat-education {
        /*        background-color: #8cc456;*/
    }
    .ps_cat-health {
        /*        background-color: #f9be00;*/
    }
    .ps_cat-tourism {
        /*        background-color: #0098d8;*/
    }


    .ps_area_cat {
        /*
        background-color: #999999;
        color: #ffffff;
        */
    }


    .single-pocket_susaki-child .thumb-box {
        float: none;
        width: 100%;
        margin-bottom: 1rem;
    }
    .single-pocket_susaki-child .ps_info-box {
        float: none;
        width: 100%;
    }
    .single-pocket_susaki-child .ps_info_title {
        background-color: #f39800;
        color: #ffffff;
        font-size: 1rem;
        font-weight: normal;
        display: inline-block;
        text-align: center;
        padding: 0.2rem 2rem;
        margin-bottom: 0.5rem;
    }
    .single-pocket_susaki-child .ps_info tr {
        border-bottom: 1px solid #dddddd;
    }
    .single-pocket_susaki-child .ps_info th,
    .single-pocket_susaki-child .ps_info td {
        text-align: left;
        padding: 0.4rem 0;
        font-size: 0.9rem;
    }
    .single-pocket_susaki-child .ps_info th {
    }
    .single-pocket_susaki-child .ps_info td {
        padding-left: 1rem;
    }
    .single-pocket_susaki-child .map-box {
    }





    /*
    空き家情報一覧
    空き店舗情報一覧
    仕事情報一覧
    */
    table tr td.attention {
    }

    .search_usefullist-wrapper .search_usefullist:after {
    }
    .search_usefullist-wrapper .search_usefullist li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 3rem;
    }
    .search_usefullist-wrapper .search_usefullist li:nth-child(3n+3) {
        margin-right: 2%;
    }
    .search_usefullist-wrapper .search_usefullist li:nth-child(2n+2) {
        margin-right: 0;
    }
    .search_usefullist-wrapper .search_usefullist li .thumb {
    }
    .search_usefullist-wrapper .search_usefullist li .thumb img {
    }
    .search_usefullist-wrapper .search_usefullist li .text {
        margin: 0.3rem 0 0.8rem;
    }
    .search_usefullist-wrapper .search_usefullist li .text h3 {
    }
    .search_usefullist-wrapper .search_usefullist li table.base_table tr th {
        width: 100%;
        padding-bottom: 0.3rem;
        padding-top: 1rem;
    }
    .search_usefullist-wrapper .search_usefullist li table.base_table tr td {
        padding-bottom: 1rem;
        padding-top: 0.3rem;
    }
    .search_usefullist-wrapper .search_usefullist li table.base_table tr th,
    .search_usefullist-wrapper .search_usefullist li table.base_table tr td {
        padding-left: 0;
        padding-right: 0;
    }

    /*
    空き家情報シングルページ
    空き家店舗シングルページ
    仕事情報シングルページ
    */
    .single .search_useful_content .floor-plan {
    }
    .single .search_useful_content .floor-plan img {
    }
    .single .search_useful_content .thumb-gallery {
    }
    .single .search_useful_content .thumb-gallery:after {
    }
    .single .search_useful_content .thumb-gallery .photo {
    }
    .single .search_useful_content .thumb-gallery .photo:nth-of-type(3n+3) {
    }
    .single .search_useful_content .thumb-gallery .photo img {
    }
    .single .search_useful_content .detail {
    }
    .detail-title {
    }
    .single .search_useful_content table.base_table tr:first-child {
    }
    .single .search_useful_content table.base_table tr th {
        width: 100%;
        padding-bottom: 0.3rem;
        padding-top: 1rem;
    }
    .single .search_useful_content table.base_table tr td {
        width: 100%;
        padding-bottom: 1rem;
        padding-top: 0.3rem;
    }
    .single .search_useful_content table.base_table tr th,
    .single .search_useful_content table.base_table tr td {
        padding-left: 0;
        padding-right: 0;
        /*    font-size: 0.9rem;*/
    }
    .single .search_useful_content table.base_table tr td .ps_area_cat {
    }
    .single .search_useful_content .more-detail {
    }
    .more-detail-title {
    }
    .single .search_useful_content .more-detail .more-detail-box {
    }
    .single .search_useful_header {
    }
    .single .search_useful_header .thumb {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
    }
    .single .search_useful_header .text {
        display: block;
        padding: 0;
    }
    .single .search_useful_header .text .text-phrase {
    }
    .single .search_useful_header .text h1 {
    }
    .single .search_useful_footer .caution {
    }
    .single .search_useful_footer .viewing {
    }
    .single .search_useful_footer .caution p,
    .single .search_useful_footer .viewing p {
    }
    .caution-title {
    }
    .caution-text {
    }
    .viewing-title {
    }
    .detail-inner-title {
    }

    /*
    空き店舗情報
    */
    .single-search_store .rental {
    }
    .single-search_store .rental-title {
    }
    .single-search_store .detail-baseinfo {
    }
    .single-search_store .search_useful_content table.base_table tr th {
        width: 100%;
    }

    /*
    仕事情報
    */
    .single-search_work .search_useful_content table.base_table tr th {
        width: 100%;
    }



} /* 641以下end */

/* 479px以下: SP screens */
@media only screen and (max-width: 29.938em) {

    /*-------------------------------------------
    共通

    -------------------------------------------*/
    .base_button {
        width: 100%;
        margin: 0.5rem 0 1rem;
        padding: 1rem;
    }
    #head-bar .header_title_wrapper {
        width: 100%;

    }
    #head-bar .header_title:after {
        width: 100%;
        height: 11px;
    }
    #apply-inspection-form-wrapper form .form_inner_title:after {
        width: 100%;
        height: 11px;
    }

    /*-------------------------------------------
    プラグイン、jqueryなど
    -------------------------------------------*/
    #zoom {
        width: 100% !important;
        z-index: 1 !important;
        left: 0 !important;
        right: 0 !important;
    }


    /*-------------------------------------------
    ヘッダー
    -------------------------------------------*/
    header .bottom-area-left a:nth-child(1),
    header .bottom-area-left a:nth-child(2) {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 1rem;
    }
    header .bottom-area-left a:nth-child(2) {
        margin-right: 0;
    }
    header .bottom-area-left a:nth-child(3),
    header .bottom-area-left a:nth-child(4),
    header .bottom-area-left a:nth-child(5) {
        width: 32%;
        margin-right: 2%;
    }
    header .bottom-area-left a:nth-child(5) {
        margin-right: 0;
    }

    /*-------------------------------------------
    フッター
    -------------------------------------------*/
    footer .menu-bottom-area {
        padding: 0;
    }
    footer .logo-area {
        width: 60%;
        float: none;
        padding: 0;
        margin: 0 auto 1rem;
    }
    footer .contact-area {
        width: 50%;
        float: none;
        margin: 0 auto 2rem;
        padding: 0;
    }
    footer .qa-area {
        width: 48%;
        /* float: none; */
        padding: 0;
        margin-bottom: 1.5rem;
    }
    footer .sns-area {
        width: 100%;
        float: none;
        padding: 0;
    }

    /*-------------------------------------------
    トップページ(toppage)
    -------------------------------------------*/
    /*
    移住お役立ち情報
    */
    .useful-menutab-wrapper .menulist li:nth-child(odd) {
        width: 100%;
        float: none;
    }
    .useful-menutab-wrapper .menulist li:nth-child(even) {
        width: 100%;
        float: none;
    }
    .useful-menutab-wrapper .menutab li .btn {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
        font-size: 0.8rem;
    }

    /*
    お仕事レポート
    */
    .home #wrap-companyreport .inner-companyreport {
        padding: 1rem;
    }



    /*-------------------------------------------
    シングルページ(single)
    -------------------------------------------*/
    .page-ijuinterview-child .entry-content hr,
    .page-ijuinterview-child .entry-content img,
    .single .entry-content img {
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    /* ブログsingle */
    .single-blog-child article,
    .single-blog article {
        padding: 2rem 1rem;
    }
    .single-blog-child .article-header,
    .single-blog .article-header {
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 0.2rem;
        margin-bottom: 2rem;
    }
    .single-blog-child .article-header .thumb-box,
    .single-blog .article-header .thumb-box {
        float: none;
        max-width: 150px;
        width: 40%;
        margin: 0 auto 1rem;
        text-align: center;
    }
    .single-blog-child .article-header .title-box,
    .single-blog .article-header .title-box {
        float: none;
        width: 100%;
    }
    .single-blog-child .article-header .title-box h1,
    .single-blog .article-header .title-box h1 {
        font-size: 1.5rem;
    }
    .single-blog-child .article-header .date,
    .single-blog .article-header .date {
        text-align: left;
    }
    .single-blog-footer .post_link {
    }
    /*
    .single-blog-footer .post_link:after {
    clear: both;
    display: block;
    content: "";
}
    */
    .single-blog-footer .post_link .post_link-left,
    .single-blog-footer .post_link .post_link-right {
    }
    .single-blog-footer .post_link .post_link-left {
    }
    .single-blog-footer .post_link .post_link-right {
    }


    /*-------------------------------------------
    固定ページ(page)
    -------------------------------------------*/
    /*
    事務局長あいさつ
    */
    .executive_director_photo {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 1rem;
    }

    /*
    会員募集
    */
    .members_box {
        padding: 1rem;
    }
    .account_box {
        font-size: 0.9rem;
    }

    /*
    須崎をまっぷで見てみると
    */
    .page-area .area_info {
        padding: 1rem;
    }
    .page-area .area_info .thumb {
        width: 100%;
    }
    .page-area .area_info .area_relation_info .area_relation_detail-ul li {
        width: 31%;
        margin-right: 3.5%;
        margin-bottom: 0.5rem;
    }
    .page-area .area_info .area_relation_info .area_relation_detail-ul li:nth-child(3n+3) {
        margin-right: 0;
    }
    .page-area .area_info .area_relation_info .ijuinterview-ul li {
        width: 31%;
        margin-right: 3.5%;
        margin-bottom: 0.5rem;
    }
    .page-area .area_info .area_relation_info .ijuinterview-ul li:nth-child(3n+3) {
        margin-right: 0;
    }

    /*-------------------------------------------
    カスタム投稿
    -------------------------------------------*/
    /*
    移住者インタビュー
    */
    /*
    .page #ijuinterview-wrapper .ijuinterview-ul li, .archive #ijuinterview-wrapper .ijuinterview-ul li {
    float: none;
    width: 100%;
    margin-right: 0;
}
    */
    .page #ijuinterview-wrapper .ijuinterview-ul li .text h3,
    .archive #ijuinterview-wrapper .ijuinterview-ul li .text h3 {
        line-height: 1.4;
    }
    .page #ijuinterview-wrapper .ijuinterview-ul li.foldbr:before,
    .archive #ijuinterview-wrapper .ijuinterview-ul li.foldbr:before {
        content: none;
    }
    .page #ijuinterview-wrapper .ijuinterview-ul li.foldbr:after,
    .archive #ijuinterview-wrapper .ijuinterview-ul li.foldbr:after {
        content: none;
    }

    /*
    須崎DE暮らす
    */
    .post-type-archive-newspaper .newspaperlist li .vol {
        float: none;
        width: 100%;
        display: inline-block;
        margin-bottom: 0.5rem;

        border: 1px solid #dddddd;
        padding: 10px 0 7px;
        background-color: #efefef;
        text-align: center;
        border-radius: 15px;
    }
    .post-type-archive-newspaper .newspaperlist li .topics {
        float: none;
        width: 100%;
    }

    /*
    写ルンです
    */
    .fg-default .fg-image {
        width: 100px;
        height: 100px;
        /*
        width: 125px;
        height: 125px;
        */
    }


    /*
    ポケットすさき
    */
    .psmenu-ul > li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
    .psmenu-ul > li:nth-child(3n+3) {
        margin-right: 0;
    }
    .psmenu-ul > li:nth-child(2n+2) {
        margin-right: 0;
    }
    .psmenu-ul > li.depth-cat > a > img {
        width: 70%;
    }
    li.categories > ul > li.cat-item {
        float: none;
        width: 100%;
        margin-right: 0;
        /*        margin-bottom: 2rem;*/
    }
    li.categories > ul > li.cat-item:nth-child(3n+3) {
        margin-right: 0;
    }
    li.categories > ul > li.cat-item:nth-child(2n+2) {
        margin-right: 0;
    }


    /*
    空き家情報一覧
    空き店舗情報一覧
    仕事情報一覧
    */
    .search_usefullist-wrapper .search_usefullist li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5rem;
    }
    .search_usefullist-wrapper .search_usefullist li:nth-child(3n+3) {
        margin-right: 0;
    }
    .search_usefullist-wrapper .search_usefullist li:nth-child(2n+2) {
        margin-right: 0;
    }



    /*
    お問い合わせ
    */
/*
    .bottom-area-right .qa-area {
        width: 100%;
        float: none;
        margin: 0 auto 2rem;
        padding: 0;
    }
*/
    .bottom-area-right .sns-area {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    .bottom-area-right .sns-area img {
        border: 2px solid #f39800;
        border-radius: 50%;
    }
    #header .contact-area {
        display: block;
    }
/*
    #header .contact-area {
        width: 100%;
        margin: 0 auto 2rem;
        float: none;
        text-align: center;
    }
    #header .contact-area .icon-tel {
        display: none;
        float: none;
        width: 100%;
    }
    #header .contact-area .contact-info {
        float: none;
        width: 100%;
        color: #f39800;
    }
*/

}