/*
Theme Name: 小谷食品株式会社
*/


/*リンクテキスト設定*/
body{ line-height: 1.5; overflow-x: hidden;}
a{ text-decoration: none; transition: 0.5s ;}
a:hover img{ opacity: 0.7; transition: 0.5s ;}

/*フェードイン*/
.effect-fade {
opacity : 0;
transform : translate(0, 0);
transition : all 4000ms;
}

.effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}

/*シャドウ*/
.shadow    {
box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
-moz-box-shadow: 1px 1px 5px #999;
}
.txshadow{ text-shadow: 1px 1px 5px rgba(39, 51, 135, .90);}

/*角丸*/
.kadomaru{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius:5px;
}
.kadomaru-l{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius:10px;
}
.kadomaru-ll{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;
border-radius:20px;
}
.kadomaru-xl{
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;
-ms-border-radius: 25px;
border-radius:25px;
}
.circle-120{
-moz-border-radius: 120px;
-webkit-border-radius: 120px;
-o-border-radius: 120px;
-ms-border-radius: 120px;
border-radius:120px;
}

/*縦書き*/
.tategaki {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
 font-feature-settings:normal;
}
/*明朝体*/
.min{font-family:'Noto Serif JP', "游明朝", YuMincho, 'Noto Serif Japanese', 'Noto Serif JP', serif, sans-serif;}
/*ゴシック体*/
.gos{ font-family:"メイリオ", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;}
.impact{font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif}
.abel{font-family: 'Abel', sans-serif; }

/*拡大画像調整*/
img.object-fit-img{ object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'}

/*ページネーション*/
.pagenation {
    margin: 1em auto;
    clear:both;
    padding-top:10px;
    width:100%;
}
.pagenation:after, .pagenation ul:after {
}
.pagenation ul {
    margin: 0;
    text-align:center;
}
.pagenation li {
    list-style: none outside none;
    margin-left: 3px;
    display:inline-block;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #5673b7;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
.navigation.pagination{ display:none;}
.nodisplay{ display: none;}

.slide{
  visibility: hidden;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-initialized .slide{
  visibility: visible;
  display: block;
}


/*BASE*/
.site-header { border-bottom:10px solid #2cbfe0; padding:25px 0 10px 0}
.site-header .wrap{width:90%; max-width:1100px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
.site-header .wrap .branding a{ font-size: 36px; font-weight: bold; color: #005ab4;}

.site-header .wrap ul{ display: flex!important; justify-content: flex-end; align-items: center; margin-top:-15px}
.site-header .wrap li{ margin:0 5px }
.site-header .wrap li a{ display: flex; padding: 5px 10px; border: 1px solid #000000; align-items: center; font-size:12px; border-radius: 5px; color: #000;}
.site-header .wrap li a:hover{ background-color:#e50012; border:1px solid #e50012; color: #ffffff;}
.navigation { position:relative;}
.navigation .menu { background-color: rgba(0, 90, 180, 0.9); width:100%;}
.page-template-front-page .navigation .menu{ position: absolute; top:0; left:0; right:0;}
.navigation .menu ul{width:100%; max-width:1100px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
.navigation .menu li{ width:20%}
.navigation .menu a{ color: #ffffff; display: flex; justify-content: center; align-items: center; font-size:18px; height:80px}
.navigation .menu a:hover{ background-color: rgba(0, 90, 180, 1);}
.navigation figure{ margin:0; padding:0}
.navigation figcaption{ width:100%; max-width:1100px; position: absolute; margin: 0 auto; top:0; left:0; right:0}
.navigation figcaption .wrap{ position: relative;}
.navigation figcaption .copy{ font-size:72px; font-weight:bold; color: #ffffff; position: absolute; top:150px; left:10%;text-shadow:0 0 20px rgba(0, 90, 180, 1); line-height: 1.2;}
.navigation figcaption .spot{ position: absolute; top:78px; right:-32px; height:440px;}
.navigation figcaption .spot img{ height:100%}
.navigation .panel{ height: 500px; width:auto}
.site-content{ background-position: center;}


/*トップページ*/
.news{ position: relative; border-top:20px solid #2cbfe0;width:100%; border-bottom:20px solid #005ab4;width:100%; text-align: center; min-height: 308px;}
.news .spot1{ position: absolute; width:360px; top:-8px; left:-50px;}
.news .spot2{ position: absolute; right:-70px; top:0; width:390px;}
.news .wrap{ position: relative; z-index: 10; text-align: center; width:700px; background-color:rgba(255,255,255,0.8); margin: 0 auto;}
.news h2{ font-size:32px; font-weight:bold; position: relative; text-align: center; display: inline-block; margin:25px 0 0 0}
.news h2 img{ top:-110px; left:-200px; position: absolute;}
.news ul{ text-align: left; padding:25px 0 45px 0; max-width:600px; margin:0 auto}
.news li{ display: flex; border-bottom: 1px solid #000000; padding:15px 0}
.news li .date{ margin-right:15px; color: #fd812b;}
.news li a{ color: #000000;}
.bukken{ background-color:#e2e8ec; text-align: center; padding-bottom:25px}
.bukken h2{ font-size:32px; font-weight:bold; position: relative; text-align: center; display: inline-block; margin:45px 0 0 0; color: #005ab4;}
.bukken h2 img{ top:-110px; left:-200px; position: absolute; z-index: 11;}
.bukken-news{ max-width:1100px; width:80%; margin:25px auto; position: relative;}
.bukken-news .swiper-slide{ min-height:1000px}
.swiper-slide>ul{ display: flex; flex-wrap: wrap; margin-left:20px;}
.swiper-slide>ul>li{ width:30%; margin:15px 1.66%; background-color:#ffffff; box-shadow: 0 0 10px 0 #005ab4; position: relative; padding-bottom:35px}
.prev-arrow{ left:-50px; top:50%; position: absolute; z-index: 15;}
.next-arrow{ right:-50px; top:50%; position: absolute; z-index: 15;}
.swiper-slide figure{ margin:10px; position: relative;}
.swiper-slide figure img{ width:100%; height: 200px;}
.swiper-slide figcaption { position: absolute; top:0; right:0; background-color:#e50012; color:#ffffff; font-size:12px; padding: 5px;}
.swiper-slide h3 a{ font-size:18px; text-align: left; font-weight:bold; display: block; color: #005ab4; margin:0 10px}
.swiper-slide .data-list{ text-align: left; margin:10px;}
.swiper-slide .chinryou{ display: flex; align-items: center;}
.swiper-slide .chinryou i{ display: inline-block; font-size:14px; border:1px solid #000000; padding: 2px 5px;}
.swiper-slide .chinryou strong{ font-size:32px; font-weight:bold; color: #e50012; margin:0 5px}
.swiper-slide .chinryou .tanni{ font-size:18px; font-weight:bold; padding-top: 10px;}
.swiper-slide .data{ font-size:14px}
.swiper-slide .data::before{ content: "■"; color: #005ab4; margin-right:5px}
.swiper-slide .text{ margin: 10px; background-color:#bee3fd; text-align: center; color: #005ab4; font-size:14px; padding: 5px 0}
.swiper-slide .button a{ background-color: #005ab4; text-align: center; padding:5px 0; display: block; color: #ffffff; width:100%; position: absolute; bottom:0}
.swiper-slide .button a:hover{ background-color: #fd812b;}
.bukken-news>.button{ width:90%; max-width:300px; padding:15px 0; margin:0 auto}
.bukken-news>.button>a{ display: block; background-color: #FFFFFF; border:1px solid #005ab4; color: #005ab4; padding:5px 15px}
.bukken-news>.button>a:hover{ background-color: #fd812b; color:#ffffff; border:1px solid #fd812b;}
.block.search{ width:95%; max-width:900px; margin:50px auto; background-color: #ffffff; padding:25px 0}
.block.search .box{ background-color: #bee3fd; margin:0 25px; padding-bottom:25px}
.block.search .box h2{ margin:25px 0}
.block.search dl{ display: flex; margin:0 25px 5px 25px}
.block.search dt{ background-color: #2cbfe0; width:200px; padding:15px 0; color: #ffffff; text-align: center; display: flex; align-items: center; justify-content: center;}
.block.search dd{ width:100%; background-color: #ffffff; display: flex; flex-wrap: wrap; padding:15px 0; justify-content: center;}
.block.search dd a{ margin: 5px 10px; display: inline-block; color: #000000;}
.block.search dd a::first-letter{ color: #2cbfe0;}
.block.search dd a:hover::first-letter{ color: #fd812b;}
.block.search dd.kingamudesagasu a{ width: calc(25% - 30px);}
.about-miyazu{ background-position: center;}
.about-miyazu .box{ width:80%; max-width:600px; margin:0 auto; padding:75px 0; position: relative; }
.about-miyazu .box h2{font-size:32px; font-weight:bold; text-align: center; margin:25px 0}
.about-miyazu .box .text{ font-size:21px; line-height: 1.8;}
.about-miyazu .box .button { text-align: center; padding:25px 0}
.about-miyazu .box .button a{ display: inline-block; padding:5px 0; text-align: center; background-color: #005ab4; color: #ffffff; width:35%}
.about-miyazu .box .spot{ position: absolute; top:-25px; right:50px}
.mailform h2{ background-color: #005ab4; font-size:32px; color: #ffffff; text-align: center; padding:15px 0; position: relative;}
.mailform h2 img{ position: absolute; width:57px; top:-65px; margin: 0 auto; left:0; right:0}
.mailform h3{ font-size:24px; font-weight:bold; text-align: center;}
.mailform .block{ width:90%; max-width:800px; margin:50px auto 0 auto; padding-bottom:50px}
.mailform th,.mailform td{ padding:15px 0}
.mailform th{ vertical-align: top; width:200px; position: relative; background-color: #bee3fd; border-right:5px solid #ffffff; border-bottom:5px solid #ffffff; text-indent: 15px;}
.mailform th i{ color: #e50012; font-size:12px; position: absolute; top:20px; right:5px; }
.mailform td input[type="text"],.mailform td input[type="email"]{ padding:5px; font-size:18px; width:calc(100% - 10px)}
.mailform td textarea{ height:100px; width:calc(100% - 10px); padding:5px; font-size:18px;}
.mailform td textarea[name="your-juusyo"]{ height: 50px;}
.site-footer{ background-color: #000000; padding:25px 0}
.site-footer .wrap{ text-align: center;}
.top-profile{ margin:0 auto; color:#ffffff; text-align: center; display: inline-block;}
.top-profile .business{ font-size:14px; padding:5px 0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff}
.top-profile .companyname{ font-size:42px; font-weight:bold; display: flex; align-items: center; padding:5px 0}
.top-profile .companyname i{ font-size:24px; margin-right: 5px; padding:15px 0}
.top-profile .data{ font-size:14px;}

/*個別物件ページ*/
.single-bukken .site-content>.wrap{ padding-top:150px}
section.bukken-data{ width:95%; max-width:1000px; margin:0 auto 100px auto; background-color:#bee3fd; padding: 50px 0;}
section.bukken-data .midashi{ text-align: center; font-size:32px; font-weight:bold; color: #005ab4; margin-bottom:25px}
section.bukken-data .midashi i{ display: block; text-align: center; position: relative;}
section.bukken-data .midashi img{ position: absolute; top:-185px; left:calc(50% - 130px)}
section.bukken-data article{ margin:0 50px; background-color: #ffffff;}
section.bukken-data article h1{ background-color: #005ab4; text-align: center; color: #ffffff; padding:15px 0; font-size:24px}
section.bukken-data article .freeblock{ font-size:24px; font-weight: bold; line-height: 1.5; padding:15px 0;}
section.bukken-data article .freeblock p{font-weight:bold}
section.bukken-data article .main-data{ display: flex; justify-content: space-between; margin:25px}
section.bukken-data article .main-data .text{ width:40%; text-align: left;}
section.bukken-data article .main-data .osusume{ border-left:10px solid #fd812b; padding-left:15px; margin-bottom:25px}
section.bukken-data article .main-data .osusume dt{ font-size:21px; font-weight:bold; color: #fd812b; margin-bottom: 5px;}
section.bukken-data article .main-data .osusume dd{ font-size:16px; margin-bottom: 5px;}
section.bukken-data article .main-data .osusume dd p{ font-weight: bold;}
section.bukken-data article .main-data .osusume dd p::before{ content: "■"; color: #fd812b;}
.hiyou { padding:0 15px 15px 15px; border-top:1px solid #000000; border-bottom:1px solid #000000;}
.hiyou .chinryou{ display: flex; align-items: center;}
.hiyou .chinryou i{ display: inline-block; font-size:18px; border:1px solid #000000; padding: 5px 15px;}
.hiyou .chinryou strong{ font-size:52px; font-weight:bold; color: #e50012; margin:0 5px}
.hiyou .chinryou .tanni{ font-size:28px; font-weight:bold; padding-top: 10px;}
.hiyou .data-block,.hiyou .data-inline{ font-size:14px;}
.hiyou .data-inline{ display: inline-block;}
section.bukken-data article .main-data figure{ width:55%;}
section.bukken-data article .main-data figure img{ width:100%; height: 350px; object-fit: contain;}
section.bukken-data article .image-data dl{ display: flex; justify-content: space-between; margin:25px; flex-wrap: wrap; border-bottom:1px solid #000000; padding-bottom:15px}
section.bukken-data article .image-data dt{ font-size:21px; font-weight:bold;width:100%; text-align: left; margin-bottom: 15px;}
section.bukken-data article .image-data .madori{ width:30%}
section.bukken-data article .image-data .madori img{ width:100%}
section.bukken-data article .image-data .optionpic{ width:65%; display: flex; flex-wrap: wrap; justify-content: space-between;}
section.bukken-data article .image-data .optionpic i{ display: block; width:31%;}
section.bukken-data article .image-data .optionpic i img{ width:100%; height:130px}
section.bukken-data article .sub-data { text-align: left; display: flex; justify-content: space-between; margin:25px}
section.bukken-data article .sub-data dl{ width:40%;}
section.bukken-data article .sub-data dt{ font-size:21px; font-weight:bold; margin-bottom:15px}
section.bukken-data article .sub-data dd{ font-size:14px; margin-bottom:5px}
section.bukken-data article .sub-data dd .wrap{ margin-left:15px}
section.bukken-data article .sub-data dd .setsubi::after{ content: ","; margin:0 1px; display: inline;}
section.bukken-data article .sub-data dd .setsubi:last-child::after{ content: none; margin:0;}
section.bukken-data article .map { width:55%}
section.bukken-data article .map iframe{ width:100%; height:320px}
section.bukken-data article .map p{ font-size:21px; font-weight:bold; margin-bottom:15px; position: relative;}
section.bukken-data article .map p a{ font-size:14px; position: absolute; right:0}
.page-profile{ text-align: center; color: #ffffff; display: flex; justify-content: center; align-items: center;}
.page-profile .companyname{ font-size:42px; font-weight:bold; display: flex; align-items: center;}
.page-profile .companyname i{ font-size:21px; margin-right: 5px; padding:15px 0}
.page-profile .wrap{ text-align: left; margin-left: 15px;}
.page-profile .business{ font-size:14px; display: block;}
.page-profile .data{ font-size:14px; display: block;}



/*物件一覧ページ*/
.archive-title { padding-top:200px;}
.archive-title h1{ text-align: center; font-size:32px; font-weight:bold; color: #005ab4; margin-bottom:25px}
.archive-title h1 i{ display: block; text-align: center; position: relative; padding-bottom:15px;}
.archive-title h1 img{ position: absolute; top:-185px; left:calc(50% - 130px)}
.archive-title h1 .note{ display: block; font-size:18px; width:80%; max-width:1100px; padding:5px 0; text-align: center; margin:15px auto; background-color: #005ab4; color: #ffffff; border-radius: 10px;}

.bukken-archives{ max-width:1100px; width:80%; margin:25px auto; position: relative;}
.bukken-archives{ display: flex; flex-wrap: wrap;}
.bukken-archives article{ width:30%; margin:1.66%; background-color:#ffffff; box-shadow: 0 0 10px 0 #005ab4; position: relative;}
.bukken-archives article figure{ margin:10px; position: relative;}
.bukken-archives article figure img{ width:100%; height: 200px;}
.bukken-archives article figcaption { position: absolute; top:0; right:0; background-color:#e50012; color:#ffffff; font-size:12px; padding: 5px;}
.bukken-archives article h3 a{ font-size:18px; text-align: left; font-weight:bold; display: block; color: #005ab4; margin:0 10px}
.bukken-archives article .data-list{ text-align: left; margin:10px;}
.bukken-archives article .chinryou{ display: flex; align-items: center;}
.bukken-archives article .chinryou i{ display: inline-block; font-size:14px; border:1px solid #000000; padding: 2px 5px;}
.bukken-archives article .chinryou strong{ font-size:32px; font-weight:bold; color: #e50012; margin:0 5px}
.bukken-archives article .chinryou .tanni{ font-size:18px; font-weight:bold; padding-top: 10px;}
.bukken-archives article .data{ font-size:14px}
.bukken-archives article .data::before{ content: "■"; color: #005ab4; margin-right:5px}
.bukken-archives article .text{ margin: 10px; background-color:#bee3fd; text-align: center; color: #005ab4; font-size:14px; padding: 5px 0}
.bukken-archives article .button a{ background-color: #005ab4; text-align: center; padding:5px 0; display: block; color: #ffffff; position: absolute; bottom: 0; width: 100%;}
.bukken-archives article .button a:hover{ background-color: #fd812b;}
.bukken-archives article.bukken{ padding-bottom: 35px;}

/*物件404*/
.error-404.bukken { background-color: #ffffff;}
.error-404.bukken h1{ font-size:32px; font-weight:bold; padding:50px 0}
.error-404.bukken h1+p{  padding:15px 0}
.error-404.bukken .block.search{ width:80%; max-width: none; margin:0 auto}

/*固定ページ*/

header.kotei { padding-top:200px;}
header.kotei h1{ text-align: center; font-size:32px; font-weight:bold; color: #005ab4; margin-bottom:25px}
header.kotei h1 i{ display: block; text-align: center; position: relative; padding-bottom:15px;}
header.kotei h1 img{ position: absolute; top:-185px; left:calc(50% - 130px)}
header.kotei h1 .note{ display: block; font-size:18px; width:80%; max-width:1100px; padding:5px 0; text-align: center; margin:15px auto; background-color: #005ab4; color: #ffffff; border-radius: 10px;}
div.kotei{ width:95%; max-width:900px; margin: 0 auto; padding-bottom: 50px;}

.nagare div.kotei{display: flex; justify-content: space-between;}
.nagare div.kotei .block{ padding-bottom:50px; border-left:3px dotted #2cbfe0}
.nagare div.kotei h2{ background-color: #005ab4; position: relative; font-size:21px; color: #ffffff; font-weight:bold; padding: 5px 0 5px 50px; margin-bottom: 15px; border-radius:5px}
.nagare div.kotei h2 i{ position: absolute; left:-37px; top:-15px}
.nagare div.kotei h2+p{ padding-left:50px}
.nagare div.kotei .image{ width:245px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.nagare div.kotei .box{ margin:25px; border: 3px dotted #e50012; border-radius: 15px; padding:25px}
.nagare div.kotei .block:last-child{ border-left:none;}
.nagare div.kotei h3{ font-size:21px; color: #e50012; position: relative; margin-bottom:25px; padding-left:75px}
.nagare div.kotei h3 i{ position: absolute; left:0px; top:-10px}
.nagare div.kotei h3 .note{ font-size:16px; display: block;}

.company div.kotei table{ border-top:2px solid #005ab4; border-bottom:2px solid #005ab4; width:100%; margin-bottom:100px}
.company div.kotei table:last-child{ margin-bottom: 0;}
.company div.kotei tr{ border-bottom:1px solid #808080}
.company div.kotei th{ padding:15px 0; color: #005ab4; font-weight: bold; width:180px}
.company div.kotei td{ padding:15px 0}
.company div.kotei td iframe{ width:100%; height:400px; margin:25px 0}

.miyazu div.kotei { width:100%; max-width:1254px}
.miyazu div.kotei .block{ margin-bottom: 100px;}
.miyazu div.kotei figure{ text-align: center;}
.miyazu div.kotei figure img{ width:100%}
.miyazu div.kotei .box{ position: relative;}
.miyazu div.kotei .box h2{ font-size:28px; color: #005ab4; font-weight: bold; margin-bottom: 15px;}
.miyazu div.kotei .miyazushi .text{ position: absolute; bottom:0; left:0; right:0; margin:0 auto; width:95%; max-width: 900px; line-height: 1.8; font-size:14px}
.miyazu div.kotei ul{ width:95%; max-width: 900px; margin: 25px auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.miyazu div.kotei li{ width:30%; margin-bottom:15px;}
.miyazu div.kotei li img{ width:100%}
.miyazu div.kotei li i{ font-weight: bold; }
.miyazu div.kotei .activitycenter .text{ position: absolute; bottom:0; left:0; right:0; margin:0 auto; width:95%; max-width: 900px; line-height: 1.8; font-size:14px}
.miyazu div.kotei .activitycenter .spot{ position: absolute; bottom:300px; left:0; right:0; margin:0 auto; width:95%; max-width: 900px; line-height: 1.8; color: #ffffff; font-size:21px; font-weight:bold; display: flex; justify-content: flex-end;}


/*お知らせ*/
.single-format-standard .entry-header{ padding: 50px 0 25px 0;}
.single-format-standard .entry-header .date{ padding: 15px 0;}
.single-format-standard .entry-header figure{ width:90%; max-width:800px; margin: 25px auto 0 auto;}
.single-format-standard .entry-header figure img{ width:100%; height: auto;}
.single-format-standard .main-eyecatch{ width:100%; text-align: center;}
.single-format-standard h1 {font-size: 30px; display: flex; align-items: center; max-width:1000px; margin: 0 auto; width:95%}
.single-format-standard h1:before, .single h1:after {content: ""; flex-grow: 1; height: 1px; background:#000000; display: block;}
.single.single-bukken h1:after{ display: none;}
.single-format-standard h1:before {margin-right: .4em;}
.single-format-standard h1:after {margin-left: .4em;}
.single-format-standard section{ width:95%; max-width: 800px; margin: 0 auto;}
.single-format-standard section p{ padding: 25px 0; line-height: 1.8; font-size:16px}
.single-format-standard .site-content{ padding: 50px 0 100px 0;}
.single-format-standard .site-content .button{ width:250px; margin: 25px auto;}
.single-format-standard .site-content .button a{ background-color: #361b0b; color: #ffffff; text-align: center; border-radius: 5px; display: block; padding: 15px 0;}
.single-format-standard .site-content .button a:hover{ background-color: #fda62e;}


/*お問い合わせ*/
section.contact h3{ background-color:#008288; text-align:center; color: #ffffff; padding:5px 0; font-size:24px; color: #ffffff; border-radius:25px; width:90%; margin:0 auto 25px auto}
section.contact p{ font-size:19px; text-align: center}
section.contact p .tel{ font-size:33px; text-align: center; display: block; color: #008288;}
section.contact p .tel img{ margin-right:5px;}
section.contact table{ width:720px; margin:25px auto;}
section.contact th,section.contact td{ padding:15px 0; vertical-align: top;}
section.contact th{width:210px; text-indent:15px; position: relative;}
section.contact th i{ font-size:14px; color: #ff0000; position: absolute; right:15px; top:17px}
section.contact .youken th,section.contact .youken td{ border-top:1px dotted #000000}
section.contact .youken tr:last-child th,section.contact .youken tr:last-child td{ border-bottom:1px dotted #000000}
section.contact td .wpcf7-list-item{ display: block;}
section.contact td textarea{ width:95%; font-size:18px}
section.contact td input[type="text"],section.contact td input[type="email"]{ width:95%; font-size:18px; padding:5px 0}
.contact select{ font-size:18px;; padding:5px}
section.contact .acceptance{ font-size:16px; color:#e56325}
.wpcf7 .submit input:disabled{ background-color:#cccccc;}
.wpcf7 .submit input{ width:40%; max-width:300px; height:50px; background-color:#bee3fd; font-size: 18px; color:#005ab4; display: block; margin:25px auto 0 auto; border-radius: 5px; border: none; }

/*固定ボタン*/
.fix-top{ position:fixed; right:15px; bottom:15px; opacity: 0;}
.fix-top img{ width:75px; height:75px}
.fix-top.is_visible{ opacity: 1; transition: all 0.5s ease-in;}






/*===============================================
●PC版非表示
===============================================*/
.sp{ display:none!important;}

/*===============================================
●レスポンシブ  画面の横幅が600pxまで
===============================================*/
@media screen and (max-width:600px){
body{width:auto; min-width:320px; background-image:none;}
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
.pc{ display:none!important;}
.sp{ display:block!important;}
.site{ min-width:320px}


.site-header .wrap{ display: block;}
.site-header .wrap ul{ margin: 0 auto; padding:5px 0; justify-content: center;}
.navigation .panel{ height: 300px;}
.navigation figcaption .spot { top: 0;right: -50px;height: 310px;}
.navigation figcaption .copy{ font-size:48px; top:15px; left:15px}
.news .wrap{ width:95%}
.news .spot1,.news .spot2{display: none;}
.news h2 img {top: -100px;left: -5px;width: 100px;height: auto;}
.bukken h2 img{top: -100px;left: -30%; right:0; margin:auto; width: 100px;height: auto;}
.swiper-slide>ul{ display: block; margin-left: 0;}
.swiper-slide>ul>li{ width:100%;margin:0 0 15px 0;box-shadow:none}
.swiper-slide figure{ float: right; width:40%}
.swiper-slide h3{ padding-top: 10px;}
.swiper-slide .data{ display: inline-block;}
.swiper-slide figure img{ height: 100px;}
.swiper-slide .data-list{ line-height: 1.5;} 
.block.search dl{ display: block;}
.block.search dt{ width:100%}
.block.search dd{ width:100%; display: block; text-align: left;}
.block.search dd a{ display: block;}
.block.search dd.kingamudesagasu a{ width:100%}
.about-miyazu .box h2{ text-align: left;}
.about-miyazu .box .spot{ right:-15px}
.mailform th{ display: block; width:100%}
.mailform td{ display: block; width:100%}
.wpcf7 .submit input{ width:60%}
.top-profile{ width:95%}
.top-profile .companyname{ display: block;}
.top-profile .business{ font-size: 12px;}

.page-profile{ display: block;}
.page-profile .companyname{ display: block; font-size: 14px;}
.page-profile .companyname i{ display: block; text-align: center; padding: 0;}
.page-profile .companyname img{ width:70%}
.page-profile .wrap{ margin:0}
.page-profile .business{ text-align: center; font-size:12px}
.page-profile .data{ text-align: center; font-size:12px}

.archive-title h1 img{top: -100px;left: -10%; right:0; margin:auto; width: 100px;height: auto;}
.archive-title{ padding-top:150px}
.bukken-archives{ display: block;}
.bukken-archives article{ width:100%; margin:15px 0}
.bukken-archives article figure{ float: right; width:40%; margin:10px 10px 0 0}
.bukken-archives article figure img{ height: 100px;}
.bukken-archives article h3{ padding-top: 10px;}
.bukken-archives article .data{ display: inline-block;}

.single-bukken .site-content>.wrap { padding-top: 100px;}
section.bukken-data .midashi img{ top: -100px;left: -10%; right:0; margin:auto; width: 100px;height: auto;}
section.bukken-data article{ margin: 0 10px;}
section.bukken-data article .main-data{ flex-wrap: wrap; }
section.bukken-data article .main-data .text{ width:100%}
section.bukken-data article .main-data figure{ width:100%}
section.bukken-data article .main-data figure img{ height:270px}
section.bukken-data article .image-data dl{ flex-wrap: wrap;}
section.bukken-data article .image-data .madori{ width:100%; order: 3;}
section.bukken-data article .image-data .optionpic{ width:100%; order: 2;}
section.bukken-data article .image-data .optionpic i img{ height: 100px;}
section.bukken-data article .sub-data{ display: block;}
section.bukken-data article .sub-data dl{ width:100%}
section.bukken-data article .map{ width:100%}
section.bukken-data article .sub-data{ margin-bottom: 0;}

header.kotei{ padding-top:150px}
header.kotei h1 img{ top: -100px;left: -10%; right:0; margin:auto; width: 100px;height: auto;}
.nagare div.kotei .image{ display: none;}
.nagare div.kotei{ width:85%}
.nagare div.kotei .box{ margin-right:0; padding:15px}
.nagare div.kotei .block p{}
.nagare div.kotei h2 i{ left:-35px}
.miyazu div.kotei .miyazushi .text{ position: relative; top:-50px}
.miyazu div.kotei .block{ margin-bottom:50px}
.miyazu div.kotei .activitycenter .text{ position: relative; top:-30px}
.miyazu div.kotei .activitycenter .spot{ font-size:18px}
.miyazu div.kotei .activitycenter.box h2{ font-size:24px}
.miyazu div.kotei ul{ margin:0 auto}
.miyazu div.kotei li{ font-size:14px}
.company div.kotei th{ display: block; width:100%; padding-bottom:0; border-bottom:none}
.company div.kotei td{ display: block; width:100%; padding-top:0; }

.error-404.bukken .block.search{ width:100%;}
.error-404.bukken h1+p{ padding-bottom:55px}
.block.search .box{ margin: 0;}

/*以下メニュー調整*/
/*　ハンバーガーボタン　*/
.hamburger {
	display : block;
	position: fixed;
	z-index : 1001;
	right : 0;
	top   : 0;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
  }
.translated-ltr .hamburger{
	top   : 100px;
}
  .hamburger span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 3px ;
	left    : 6px;
	background : #005ab4;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
	top: 10px;
  }
  .hamburger span:nth-child(2) {
	top: 20px;
  }
  .hamburger span:nth-child(3) {
	top: 30px;
  }
  
  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
  }
  
  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
	top: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
  }
  
  nav.globalMenuSp {
	position: fixed;
	z-index : 1000;
	top  : 0;
	left : 0;
	color: #000;
	background: #fff;
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 100%;
  }
  
  nav.globalMenuSp ul {
	background: #ccc;
	margin: 0 auto;
	padding: 0;
	width: 90%;
  }
  
  nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #ffffff;
  }
  nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
  }
  nav.globalMenuSp ul li:hover{
	background :#ffffff;
  }
  
  nav.globalMenuSp ul li a {
	display: block;
  color: #ffffff;
	padding: 1em 0;
	text-decoration :none;
  }
  
  nav.globalMenuSp ul li div a{
    border-bottom: 1px solid #d4d4d4;
    display: block;
    color: #ffffff;
    padding: 1em 0;
    text-decoration :none;
    }
  nav.globalMenuSp ul li div a:last-child{
    border-bottom:none;
    }

  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
	transform: translateY(0%);
  }

/*メニュー内アコーディオン*/
.acd-check{
    display: none;
}
.acd-label{
    background: #008288;
    color:#ffffff;
    display: block;
    margin-bottom: 1px;
    padding: 1em;
}
.acd-content{
    background-color:#4ec9cf;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    /*transition: .5s;*/
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 0 10px;
    visibility: visible;
}

/*メニューレイアウト*/
.globalMenuSp .wrap{ z-index:99999; overflow-y: scroll; height: 100vh; position: relative; -webkit-overflow-scrolling: touch;}
.globalMenuSp .wrap .logo {width:75%; text-align:left; padding:75px 0 5px 0; margin:0 auto }
.translated-ltr .globalMenuSp .wrap .logo {padding:175px 0 5px 0;}
nav.globalMenuSp ul li{ background-color:#005ab4;}
nav.globalMenuSp ul li a{ color:#ffffff;}
nav.globalMenuSp ul li a:active{ background-color: #e56325;}
.globalMenuSp .wrap .contact{ width:90%; margin:0 auto; padding:25px 0; text-align: left;}
.globalMenuSp .wrap .contact p{ padding-bottom:15px}
.globalMenuSp .wrap .contact strong{ font-weight:bold;}
.globalMenuSp .wrap .contact .mail{ display:block; margin:15px auto; width:50%}


}