/* Google fonts */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Text:wght@100&family=Josefin+Sans:wght@700&family=Orbitron&family=Shippori+Mincho+B1&family=Zen+Old+Mincho&display=swap');

/* postgridの画像拡大を非表示 */ 
.rt-tpg-container .layout1 .rt-holder .rt-img-holder:hover img, .rt-tpg-container .isotope1 .rt-holder .rt-img-holder:hover
img, .rt-tpg-container .carousel1 .rt-holder .rt-img-holder:hover img { transform: scale(1.0) !important; }

/* 横スクロールバー非表示 */ 
#wrapper { overflow: hidden !important; }

/* 画像オンマウス */ 
a:hover { opacity: 0.8 !important; -webkit-transform: scale(1) !important; }
a:hover img { opacity: 0.8 !important; -webkit-transform: scale(1) !important; }
.eyecatch_thumb img:hover { opacity: 1 !important; -webkit-transform: scale(1) !important; }

/* post grid */ 
.rt-img-holder { line-height: 0 !important; }
.fa { display: none !important; }
.widget_tpg_post_grid img { width: 100% !important; }

/* 共通指定 */
#comments { display: none; }
.icon-folder3 { display: none; }
.home .wrap .main .pad { display: none; }
#move-page-top .fa { display: inline-block !important; }
.fa { display: none !important; }
#head_space { display: none; }
.sp { display: none; }
.entry { font-family: "游ゴシック", YuGothic, " ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",Century Gothic; }

/* clearfix */ 
.clearfix:after { /*floatの解除、ここがポイント*/
display:block; clear:both; visibility:hidden; content:" "; }
.clearfix { min-height: 1px; /*IE6、7対策*/ }
* html .clearfix { height: 1px; /*¥*//*/ /*MAC IE5.x対策*/ height: auto; overflow: hidden; /**/ }

/* Youtube */
.youtube { width:100%; padding-bottom: 56.25%; height:0px; position: relative; margin-bottom: 20px; }
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
ul { list-style-type: none !important; }

/* table */
/* tableタグ */
table { font-size: 15px !important; color: #333333; border: 1px solid #ccc !important;
font-family: "游ゴシック", YuGothic, " ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",Century Gothic !important;
margin: 0 auto; }
table th { width: 14rem; color: #fff; vertical-align: middle; background: rgb(30 64 175 / var(--tw-bg-opacity, 1)); }
table td { padding: 10px !important; text-align: left;}
td,th { border: 1px solid #ccc !important; }
table th small { display: inline-block; background: #fff; color: #5dad56; margin-left: 10px !important; padding: 0 5px !important; border-radius: 5px; line-height: 2.5;
font-size: 12px; font-weight: 600; float: left; }
table td small { display: inline-block; background: #5dad56; color: #fff; margin-left: 10px !important; padding: 0 5px !important; border-radius: 5px; line-height: 2.5;
font-size: 12px; font-weight: 600; float: left; }
table a { color: #ff9d95; }

/* もっと見るボタン */
.morebtn { text-align: center; margin-bottom: 25px; padding-top: 60px; }
.morebtn a { font-family: "游ゴシック", YuGothic, " ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",Century Gothic; background: linear-gradient(84.87deg, #0c520a 29.45%, #01A5E1 109.07%); color: #fff; font-weight: 900; padding: 20px 60px; border-radius: 100px; font-size: 1rem; margin: 0 auto; transition: 2s;  }
.morebtn a:hover { opacity: 0.7; transition: 0.8s; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3); border-radius: 0; }
#freeareaitem-2 .morebtn a { background: #0181C0; margin-bottom: 40px; }

/* CSS3アニメーションセット */
/* 線が伸びる */
@keyframes border_anim {
0% { width: 15%; }
100%{ width: 100%; }
}
@keyframes border_anim_sp {
0% { width: 50%; }
100%{ width: 100%; }
}
/* 線の色が変わる */
@keyframes color-change {
0%,100%{ border-color:#ff1493; }
25%{ border-color:#8b4513; }
50%{ border-color:#0091EA; }  
75%{ border-color:#9400d3; }
}

/* フッター謎余白 */
.oi_soc_icons { padding: 0; }

/* トップページ・PC版非表示要素 */
.hamburger-demo-menubox { display: none; }
.sp-head { display: none; }
.float-nav { display: none; }

/* スライダーナビ */
#slider-up-nav { height: 210px; }
#slider-up-nav { width: 100%; text-align: center; top: 0; position: absolute; z-index: 11; }
#slider-up-nav .nav-wrap { background: rgb(30 64 175 / var(--tw-bg-opacity, 1)); text-align: right; padding-right: 0; }
#slider-up-nav .nav-wrap li { margin: 0; }
#slider-up-nav .nav-wrap a { color: #ffffff !important; font-size: 0.8vw; font-weight:900; padding: 25px 20px; position: relative; }
#slider-up-nav .nav-wrap ul li:last-child a { background: rgb(30 58 138 / var(--tw-bg-opacity, 1)); color: #ffffff !important; }
#slider-up-nav .menu_description { display: none; }

.nav ul li { width: 250px; }

/* グロナビ */
.home .navigation { display: none; }
.navigation { width: 100%; text-align: center; }
.navigation .nav-wrap { background: #fff; text-align: right; padding-right: 0; }
.navigation ul { max-width: 100%; background: rgb(30 64 175 / var(--tw-bg-opacity, 1)); }
.navigation .nav-wrap li { margin: 0; }
.navigation .nav-wrap a { color: #fff !important; font-size: 0.8vw; font-weight:900; padding: 25px 20px; position: relative; }
.navigation .nav-wrap ul li:last-child a { background: rgb(30 58 138 / var(--tw-bg-opacity, 1)); color: #ffffff !important; }
.navigation .menu_description { display: none; }
#smart-logo img { max-height: 45px; }

/* メインビジュアル */
.site-branding { top: 0; left: 0; right: 0; margin: 0; z-index: 11; max-width: 250px; }
.site-title a { display: block; max-width: 100%; font-size: 16px; text-indent: -9999px; background: #fff;
display: inline-block; padding: 50px 25px; }
.site-title a img { margin: 0; max-width: 170px; }
.overlayer { background-color: rgba(0,0,0,0); background: linear-gradient(rgba(28,239,255,0.3), rgba(192,192,170,0.3)); box-sizing: border-box; overflow: hidden;}
.bg_image { border-radius: 0; background: #fff; }

#poool-header .text-box { z-index: 11; position: absolute; top: 50%; left: 12%; display: flex; max-width: 800px; width: 800px;
padding-bottom: 15px; border-bottom: 2px solid #ca4343; color: #fff; animation: color-change 3s linear infinite; }
#poool-header .text01 { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-weight: 900; letter-spacing: 1px; padding-top: 5px; }
#poool-header .text03 { font-size: 3.8vw; font-weight: 900; line-height: 1.25; padding-left: 20px; padding-top: 0; }
#poool-header .text03 small { display: block; font-size: 20px; margin-bottom: 10px; font-weight: normal; }
#poool-header .text-box02 { position: absolute; top: 65%; margin: auto; z-index: 11; display: inline-block; font-size: 15px;
line-height: 2; letter-spacing: 4px; right: 20%; font-weight: 900; }
#poool-header .text-box02 span { color: #fff; display: inline-block; }
#poool-header .text04 { position: absolute; right: 30px; top: 50%; z-index: 11; padding: 2px 10px; writing-mode: vertical-rl;
transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #fff;
border-right: 2px solid #fff; border-left: 2px solid #fff; font-weight: 900; letter-spacing: 2px; }

.h-sns { position: absolute; right: 30px; top: 10%; z-index: 11; text-align: center; }
.h-sns li { background: #fff; padding: 6px 8px; margin-bottom: 1px; }
.h-sns a { color: #0c520a; font-size: 1rem; }
.h-sns li:nth-child(1) { border-radius: 10px 10px 0 0; }
.h-sns li:nth-child(2) { border-radius: 0 0 10px 10px; }

/*スクロールダウン全体の場所*/
.scrolldown2{ /*描画位置※位置は適宜調整してください*/ position:absolute; bottom: 5%; left:20px; z-index: 11; }
/*Scrollテキストの描写*/ .scrolldown2 span{ /*描画位置*/ position: absolute; left:10px; bottom:60px; /*テキストの形状*/
color: #105d31; font-size: 0.7rem; letter-spacing: 0.05em; /*縦書き設定*/ -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }
/* 丸の描写 */
.scrolldown2:before { content: ""; /*描画位置*/ position: absolute; bottom:0; left:-4px; /*丸の形状*/
width:10px; height:10px; border-radius: 50%; background:#105d31; /*丸の動き1.6秒かけて透過し、永遠にループ*/
animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; }
/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{ 0%{bottom:95px;} 100%{bottom:-5px;} }
/*上から下にかけて丸が透過→不透明→透過する*/ @keyframes cirlemovehide{ 0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;} }
/* 線の描写 */ .scrolldown2:after{ content:""; /*描画位置*/ position: absolute; bottom:0; left:0; /*線の形状*/ width:2px; height: 100px; background:#ddd; }

/* トップページ導入 */
#freeareaitem-3 { background: #cde2fe; }
#freeareaitem-3 .widget-meta { color: 1px solid #000000; max-width: 1500px; margin: 0 auto; }
#freeareaitem-3 .widget_frame { padding: 0; }
#freeareaitem-3 .widgettitle { color: #155dac; border-bottom: 2px solid #155dac; text-align: left; font-weight: 900; 
animation: border_anim 4s linear forwards infinite; }
#freeareaitem-3 .subtitle { color: #216019; text-align: left; padding: 20px 0 0 25px; }
#freeareaitem-3 .container-inner { padding: 0 0 35px 0; max-width: 1500px; width: 80%; margin: 0 auto; }
#freeareaitem-3 .AreA-txt01 { justify-content: space-around; align-items: center; text-align: center;
max-width: 1200px; margin: 0 auto 60px auto; }
#freeareaitem-3 .text01 { color: #155dac; font-weight: 900; font-size: 3vw; letter-spacing: 2px; line-height: 1.5; white-space: nowrap; text-align: left; }
#freeareaitem-3 .text02 { max-width: 600px; }
#freeareaitem-3 .text02 img { width: 100%; }
#freeareaitem-3 .AreA-txt02 { display: flex; justify-content: space-around; align-items: center; text-align: center;
color: #155dac; max-width: 1200px; margin: 0 auto; }
#freeareaitem-3 .text03 { font-size: 2vw; font-weight: 900; line-height: 1.3em; white-space: nowrap; }
#freeareaitem-3 .text03 small { font-size: 1.2vw; font-weight: 900; }
#freeareaitem-3 .text04 { font-size: 17px; font-weight: 500; line-height: 2; text-align: left; padding-left: 50px; }
#freeareaitem-3 .morebtn a { background: #155dac; }
#freeareaitem-3 i { padding-left: 5px; }


/* お知らせ */
#widget_tpg_post_grid-2 { padding: 75px 0 75px 0; position: relative; background: #fafafa; }
#widget_tpg_post_grid-2 .widgettitle { position: absolute; top: 0; left: 10.8rem; width: 1.5rem; height: 100%; border-left: 3px solid #155dac;
color: #155dac; font-size: 1rem; writing-mode: vertical-rl; font-weight: 900; animation: color-change 3s linear infinite;
font-family: Century Gothic, Meiryo, メイリオ, 'MS PGothic', Helvetica, Arial, sans-serif; }
#widget_tpg_post_grid-2 .entry-title { display: inline-block; margin-bottom: 0 !important; padding-right: 20px; font-size: 1rem; }
#widget_tpg_post_grid-2 .entry-title a { text-decoration: underline; color: #155dac; letter-spacing: 0.06em; font-weight: 500; }
#widget_tpg_post_grid-2 .rt-container-fluid { max-width: 1000px; }
#widget_tpg_post_grid-2 .rt-col-md-6 { border: dashed 2px white; background: rgba(0,0,0,0.1); }
#widget_tpg_post_grid-2 .rt-detail { padding: 5px 10%; background: none; display: flex; align-items: center; justify-content: space-around; }
#widget_tpg_post_grid-2 .post-meta-user { display: inline-block; margin-bottom: 0 !important; }
#widget_tpg_post_grid-2 h2.widgettitle { padding: 5px; }
#widget_tpg_post_grid-2 .subtitle { margin-bottom: 0 !important; }
#widget_tpg_post_grid-2 .rt-col-md-12 { padding: 20px; background: #F4F4F4; border-radius: 4.0em; }
#widget_tpg_post_grid-2 .widget_frame { padding: 15px 0 0 0; }
#widget_tpg_post_grid-2 .rt-col-sm-1 { display: none; }
#widget_tpg_post_grid-2 .rt-col-sm-11 { width: auto !important; }
#widget_tpg_post_grid-2 .tpg-excerpt { display: inline-block; }
#widget_tpg_post_grid-2 .date { color: #666666; }
#widget_tpg_post_grid-2 .read-more { padding: 0; }
#widget_tpg_post_grid-2 .read-more a { background: #155dac; background-size: 1.4rem auto; width: 2.4rem; height: 2.4rem;
border-radius: 50%; color: #fff; text-align: center; font-size: 30px; font-weight: 900; }

/* 分岐ボタン */
#freeareaitem-5 { padding-bottom: 100px; }
#freeareaitem-5 .container-inner { max-width: 1200px; display: flex; justify-content: space-around; }
#freeareaitem-5 .widget_frame { padding: 0; }
#freeareaitem-5 .widgettitle { display: none; }
#freeareaitem-5 .container-inner .flex-bOx { position: relative; width: 33%; background: #fff; padding-bottom: 30px; }
#freeareaitem-5 .container-inner .flex-bOx a { position: relative; }
#freeareaitem-5 .overray { background: rgba(72,209,249,0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#freeareaitem-5 .title { color: #fff; font-weight: 900; font-size: 20px; position: absolute; top: 50%; left: 50%; text-shadow: 0 0 15px #777;
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); letter-spacing: 0.19em; }
#freeareaitem-5 .title i { font-size: 15px; vertical-align: top; padding-right: 5px; }
#freeareaitem-5 .description { padding: 0 30px 5px 30px; font-size: 15px; line-height: 2; color: #0c520a;
font-family: "Noto Sans Japanese",Century Gothic !important; letter-spacing: .04em; }
#freeareaitem-5 .readmore { padding: 5px 20px; display: block; text-align: right; letter-spacing: .08em; color: #0c520a; }
#freeareaitem-5 .readmore i { vertical-align: middle; padding-right: 5px; color: #0c520a; font-size: 10px; }

/* 全国に届ける -ことぶき流通の力- */
#freeareaitem-2 .freespace-pad { position: relative; }
#freeareaitem-2 .widgettitle { display: inline-block; padding: 15px; font-weight: 900; letter-spacing: 1px; writing-mode: vertical-rl; top: 30px; right: 50px;
color: #155dac; position: absolute; font-size: 4vw; background: lighten(brown, 5%); transform: rotate(-7.5deg); line-height: 1.5; z-index: 11; }
#freeareaitem-2 .subtitle{ position: absolute; top: 0; left: 10.8rem; width: 1.5rem; height: 100%; border-left: 3px solid #5dd5ab;
color: #5dd5ab; font-size: 1rem; writing-mode: vertical-rl; font-weight: 900;
font-family: Century Gothic, Meiryo, メイリオ, 'MS PGothic', Helvetica, Arial, sans-serif; }
#freeareaitem-2 .container-inner { background: linear-gradient(90deg, #C6F1FF, #F4FFE8); max-width: 1266px; position: relative;
box-shadow: 0px 3px 50px rgba(0, 255, 255, 0.1); }
#freeareaitem-2 .widget_frame { padding: 160px 0; }
#freeareaitem-2 .container-inner .text01 { display: inline-block; position: absolute; top: -20px; left: -20px; }
#freeareaitem-2 .container-inner .text01 li { position: relative; padding: 10px 15px; font-weight: 900; margin-bottom: 15px;
font-size: 20px; background: linear-gradient(84.87deg, #00479D 29.45%, #01A5E1 109.07%); letter-spacing: 0.15em; color: #fff; }
#freeareaitem-2 .text01 li:nth-child(1) {  }
#freeareaitem-2 .text01 li:nth-child(2) {  }
#freeareaitem-2 .text01 li:nth-child(3) {  }
#freeareaitem-2 .text02 { color: #155dac !important; position: absolute; top: 160px; right: 100px; max-width: 800px; line-height: 2.6;
font-size: 15px; background: rgba(255,255,255,0.5); padding: 25px 40px; }
#freeareaitem-2 .text02 h3 { position: absolute; top: -30px; left: 50%; margin: 0 auto; font-size: 1.5vw; color: #0181C0; letter-spacing: 0.1em;
border-bottom: 3px solid #0181C0; line-height: 1.3; transform: translate(-50%, 0%); display: inline-block; font-weight: 900;
animation: border_anim_sp 3s linear forwards infinite; text-align: right; }
#freeareaitem-2 .map { text-align: center; padding: 10px; }
#freeareaitem-2 .map img { max-width: 700px; }

/* 中間スライダー */
#widget_tpg_post_grid-3 .widgettitle { display: none; }
#widget_tpg_post_grid-3 .overlay { display: none; }
#widget_tpg_post_grid-3 .owl-controls { display: none; }
#widget_tpg_post_grid-3 .owl-carousel .owl-item img { display: inline-block; }
#widget_tpg_post_grid-3 a:hover img { opacity: 1.0 !important; }
.rt-img-responsive:hover { opacity: 1.0 !important; }

/* アイキャッチ */
#eyecatch_bloc { }
.eyecatch-style-2 ul { max-width: 100%; margin: 0 auto; }
.eyecatch-style-2 ul li { background: #23b361; }
.eyecatch-style-2 ul li:nth-child(2n+1) .eyecatch_thumb { width: 50%; }
.eyecatch-style-2 ul li:nth-child(2n+1) .eyecatch_content { right: 0; top: 0; bottom: 0; background: none; padding: 2%; width: 46%; position: absolute;
float: right; left: auto; text-align: right; }
.eyecatch-style-2 ul li:nth-child(2n) { width: 100%; }
.eyecatch-style-2 .eyecatch_title { font-size: 2rem; color: #fff; padding-bottom: 20px; font-weight: 900; }
.eyecatch-style-2 .eyecatch_description { font-size: 1rem; line-height: 2; border-top: 2px solid #fff; padding-top: 15px; color: #fff; font-weight: 900; }
.eyecatch-style-2 .eyecatch_description small { background: #54bdc3; color: #fff; padding: 5px 15px; letter-spacing: 2px; display: inline-block; margin-bottom: 10px; }
.eyecatch-style-2 ul li:nth-child(2n) .eyecatch_thumb { width: 50%; }
.eyecatch-style-2 ul li:nth-child(2n) .eyecatch_content { top: 0; bottom: 0; background: none; width: 46%; left: 10px; padding: 2%; }
.eyecatch_link a { border: none; color: #fff; border-radius: 3px; font-weight: 900; padding: 0; }

/******* Q&A *******/
#freeareaitem-4 { background: #eafdf2; padding: 70px 0 100px 0; position: relative; }
#freeareaitem-4 .widget-meta { margin-bottom: 50px; }
#freeareaitem-4 .widgettitle { color: #0c520a; font-weight: 900; }
#freeareaitem-4 .subtitle { position: absolute; top: 0; left: 10.8rem; width: 1.5rem; height: 100%; border-left: 3px solid #0181C0; color: #0181C0;
font-size: 1rem; writing-mode: vertical-rl; font-weight: 900; font-family: Century Gothic, Meiryo, メイリオ, 'MS PGothic', Helvetica, Arial, sans-serif;
animation: color-change 3s linear infinite; }
.qablock{ position: relative; margin-bottom: 30px; border-bottom: 1px solid #0181C0; }
.question_txt { margin: 0px !important; color: #333; font-weight: 900; font-size: 1rem; border-bottom: 1px dotted #0181C0; padding: 5px 0 22px 0; }
.qicon { font-weight: bold; margin-right: 15px; border: 1px solid #23b361; border-radius: 2em; display: inline-block;
padding: 3px 15px; color: #23b361; font-size: 0.8rem; }
.answer_txt { margin: 0px !important; padding: 15px 15px 35px 15px; font-weight: 900; font-size: 1rem; color: #23b361; display: block !important; }
.show_button { position: absolute; bottom: 25px; right: 0px; width: 25px; height: 25px; background: #0181C0; border-radius: 2em; display: none; }
.show_button::after { content: '-' !important; display: block; text-align: center; width: 25px; height: 43px; line-height: 25px;
top: 0; left: 0; margin-left: 0px; margin-top: 0px; color: #fff; font-size: 2rem; }
.show_button.closebutton::after { content: '▼' !important; display: block; text-align: center; width: 25px; height: 10px; line-height: 28px;
top: 0; left: 0; margin-left: 0px; margin-top: 0px; color: #fff; font-size: 0.6rem; }
#freeareaitem-4 .fa-question-circle { color: #23b361; padding: 5px; font-size: 1.2rem; }

/******* フッター *******/
/* 電話番号・お問い合わせフォーム */
#custom_html-2 .textwidget { display: flex; }
.telbtn, .joinbtn { font-family: "游ゴシック", YuGothic, " ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",Century Gothic;
background: linear-gradient(84.87deg, #0c520a 29.45%, #01A5E1 109.07%); color: #fff; font-weight: 700; padding: 9vw 3% 9vw 3%;
margin: 0 auto; transition: 0.4s; text-align: center; width: 44.5%; float: left; font-size: 1.5rem; letter-spacing: 5px; }
.telbtn .morebtn, .joinbtn .morebtn { padding-top: 0; }
.joinbtn { float: right; background: linear-gradient(90deg, #0FD8B1, #46C4DB); color: #fff !important; }
.telbtn i, .joinbtn i { font-size: 1.2rem; vertical-align: top; padding: .08em; }
.telbtn .morebtn a, .joinbtn .morebtn a { background: linear-gradient(90deg, #C6F1FF, #F4FFE8); color: #192f60 !important; letter-spacing: 2px;
font-weight: 900; }
.telbtn p, .joinbtn p { margin-bottom: 25px !important; }
.telbtn small, .joinbtn .small { font-size: 1rem; font-weight: normal; }
#footer { text-align: center; background: rgb(30 64 175 / var(--tw-bg-opacity, 1)); }
.icon-map-marker3 { color: #fff !important; }
#nav-footer li a { color: #fff !important; }
#copyright { display: none; }
#footer02 { color: #fff !important; background: rgb(30 64 175 / var(--tw-bg-opacity, 1)); padding: 10px 0; }
.info-name { color: #fff !important; }
.contact-info-icon { color: #fff !important; }

/******* 中ページ *******/
.post-template-default .page-title .post-title, .page-template-default .page-title .post-title, .archive .container-inner .page-title .post-title {
color: #105d31; font-weight: 900; border-bottom: 5px solid #192f60; text-align: left;
border-image: linear-gradient(84.87deg, #105d31 29.45%, #01A5E1 109.07%); border-image-slice: 1;
padding-bottom: 10px; display: inline-block; font-size: 30px; }
.post-template-default #page h2, .page-template-default .page h2, .archive .page h2 {
line-height: 1.4; padding: 0.4em 0.5em 0.4em 1em; margin: 2em 0 0.5em; color: #fff; background: rgb(30 64 175 / var(--tw-bg-opacity, 1)); font-size: 20px; }
.post-template-default #page h3, .page-template-default .page h3, .archive .page h3 { border-left: 15px solid #0181C0; padding-left: 10px; font-weight: 900; font-size: 18px; }
.post-template-default #page p, .page-template-default .page p, .archive .page p { font-size: 17px; line-height: 2; }
.post-template-default #page a, .page-template-default .page a, .archive .page a { color: #23b361; text-decoration: underline; }

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td { display:block!important; width:100%!important; border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important; }
.inquiry tr:first-child th{  border-top:1px solid #d7d7d7!important; 
  }
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any { font-size:10px; }
}
.inquiry input { box-shadow: 1px 2px 3px #ccc inset; border-radius: 5px; }
/*見出し欄*/
.inquiry th { text-align: left; font-size: 14px; color: #444; padding-right: 5px; width: 30%; background: #f7f7f7; border: solid 1px #d7d7d7 !important;
text-align: left !important; padding-left: 10px !important; vertical-align: middle; }
/*通常欄*/
.inquiry td{ font-size:13px; border:solid 1px #d7d7d7 !important; text-align: left !important; background: #fff !important; }
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{ border:solid 1px #d7d7d7; }
.inquiry tr { border: none; }
/*必須の調整*/
.haveto{ font-size:11px; padding:5px; background:#ff9393; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px; }
/*任意の調整*/
.any{ font-size:11px; padding:5px; background:#93c9ff; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px; }
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{ display:block; }
/*送信ボタンのデザイン変更*/
#formbtn { display: block; padding: 15px; width: 200px; background: #1aa7c7; color: #fff; font-size: 18px;
font-weight: bold; border-radius: 5px; margin: 25px auto 0; }
/*送信ボタンマウスホバー時*/
#formbtn:hover{ background:#ffaa56; color:#fff; border:2px solid #ffaa56; }
.page-id-132 .entry .telbtn { float: none !important; padding: 30px 3% 50px; }
.acceptance-236 { text-align: center; }
.wpcf7-list-item-label { font-size: 0.8rem; }

/************* スマートフォン *********/

@media only screen and (max-width: 769px) {
.bg_image { background-position: 30% 10%; height: 100vh; background-size: auto 100vh; width: 100%; }
.overlayer { background: linear-gradient(rgba(28,239,255,0.3), rgba(192,192,170,0.3)); border-left: none; }
.site-title a { padding: 15px 15px; }
.site-title a img { max-width: 90px; }
.fixbtn01 { display: none; }
#poool-header .text01 { display: none; }
#poool-header .text-box { top: 35%; left: 5%; max-width: 80%; }
#poool-header .text03 { font-size: 8vw; }
#poool-header .text03 small { font-size: 4vw; }
#poool-header .text-box02 { display: none; }
.h-sns { right: 22px; }
.scrolldown2 span { color: #fff; }
#freeareaitem-3 .container-inner { width: 96%; }
#freeareaitem-3 .widgettitle { padding: 0 0 5px 0; }
#freeareaitem-3 .AreA-txt01 { padding-top: 10px; }
#freeareaitem-3 .text01 { font-size: 7vw; text-align: center; }
#freeareaitem-3 .AreA-txt02 { display: block; }
#freeareaitem-3 .text03 { font-size: 7vw; }
#freeareaitem-3 .text03 small { font-size: 4vw; }
#freeareaitem-3 .text04 { padding-left: 5px; padding-top: 10px;}

.morebtn a { font-size: 0.7rem; padding: 15px 40px; }

/* 導入 */
#freeareaitem-3 .freespace-pad { padding: 20px 15px; }
		
/* 分岐ボタン */		
#freeareaitem-5 .container-inner { display: block; }
#freeareaitem-5 .container-inner .flex-bOx { width: 92%; margin: 0 auto 30px auto; }
#freeareaitem-5 .description { padding: 0 20px 5px 20px; }
#freeareaitem-5 .title { font-size: 18px; }
#freeareaitem-5 .readmore i { font-size: 13px; }
		
/* お知らせ */
#widget_tpg_post_grid-2 { padding: 20px 0 0 25px; }
#widget_tpg_post_grid-2 .widgettitle { margin-bottom: 0; white-space: nowrap; font-size: 14px !important; padding: 0 !important; left: 0;
border-left: 5px solid #155dac; }
#widget_tpg_post_grid-2 .rt-container-fluid { padding: 25px 0 25px 25px !important; }
#widget_tpg_post_grid-2 .rt-col-md-12 { padding: 20px 10px; border-radius: 0; }
#widget_tpg_post_grid-2 .rt-detail { display: block; padding: 10px 20px 10px 15px; }
#widget_tpg_post_grid-2 .entry-title { padding-left: 0; padding-bottom: 10px; text-align: left; }
#widget_tpg_post_grid-2 .entry-title a { font-size: 0.9rem !important; }		
#widget_tpg_post_grid-2 .post-meta-user { text-align: center; float: none; margin: 0 auto; display: block; }
#widget_tpg_post_grid-2 .date { font-size: 0.6rem; }
#widget_tpg_post_grid-2 .read-more a { font-size: 20px; width: 1.5rem; height: 1.5rem; }
		
/* 配送の力 */
#freeareaitem-2 .widget_frame { padding: 80px 0 0 0; }
#freeareaitem-2 .widgettitle { right: 10px; padding: 0; text-shadow: none; }
#freeareaitem-2 .container-inner .text01 { top: 20px; left: 0; }
#freeareaitem-2 .container-inner .text01 li { font-size: 14px; padding: 8px 13px; }
#freeareaitem-2 .freespace-pad { padding: 0; }
#freeareaitem-2 .text02 { padding: 200px 20px 10px 20px; position: static; background: url(https://eggpoool.xsrv.jp/cotobuki/wp-content/uploads/2022/01/map02.png);
background-size: 100%; background-repeat: no-repeat; background-position: 50%; }
#freeareaitem-2 .text02 h3 { font-size: 5vw; position: static; display: inline-block !important; margin: 0 auto;
transform: none; margin-bottom: 15px; }
#freeareaitem-2 .text02 p { font-weight: 500; }
#freeareaitem-2 .map { display: none; }
#freeareaitem-2 .map img { max-width: 100%; }
#freeareaitem-2 .morebtn { }

/* アイキャッチブロック */
#freeareaitem-4 .freespace-pad { padding: 20px 20px; }
#freeareaitem-3 .widgettitle { animation: border_anim_sp 2s linear forwards infinite; }
.eyecatch-style-2 ul { max-width: 100%; }
.eyecatch-style-2 ul li .eyecatch_thumb { width: 100% !important; }
.eyecatch_content { width: 93% !important; position: static !important; margin: 0 auto; float: none !important; padding: 10px 20px 30px 20px !important; }
.eyecatch-style-2 .eyecatch_title { font-size: 1.2rem; }
.eyecatch-style-2 .eyecatch_description { font-size: 0.9rem; text-align: left; font-weight: 500; }
.eyecatch-style-2 .eyecatch_description small { padding: 2px 10px; font-size: 12px; font-weight: 900; }
.eyecatch_link a { margin: 20px 0; }

/* Q&A */
#freeareaitem-4 { padding-bottom: 80px; }
#freeareaitem-4 .widgettitle { font-size: 20px !important; }
#freeareaitem-4 .widget-meta { margin-bottom: 0; }
.question_txt { font-size: 0.9rem; line-height: 2;}
.qicon { display: block; text-align: center; margin-bottom: 15px; }
.show_button { bottom: 15px; }
.answer_txt { display: block !important; font-size: 0.8rem; font-weight: 500 !important; }
.show_button::after { display: none !important; }
.show_button.closebutton::after { display: none !important }
		
/* フッター */
#custom_html-2 .textwidget { display: block !important; }
.telbtn, .joinbtn { width: 90% !important; padding: 10% 5%; float: none; font-size: 0.9rem; }
.telbtn i, .joinbtn i { font-size: 0.8rem; vertical-align: middle; }
.telbtn small, .joinbtn .small { font-size: 0.8rem; font-weight: 900 !important; letter-spacing: 0; }
.telbtn .morebtn a, .joinbtn .morebtn a { font-size: 0.8rem; }
#footer .nav-wrap { display: block !important; padding-top: 0; }
#footer .nav-wrap a { font-weight: 900; font-size: 12px; }
		
/* 中ページ */
.home .sp-head { display: none; }
.sp-head { display: block; margin-bottom: 20px; text-align: center; padding: 20px 0; background: #ffffff; }
.sp-logo { max-width: 200px; margin: 0 auto; }
.sp-logo img { width: 100%; max-width: 500px; }
.post-template-default .page-title .post-title, .page-template-default .page-title .post-title, .archive .container-inner .page-title .post-title { font-size: 24px; }		
.post-template-default #page h2, .page-template-default .page h2, .archive .page h2 { font-size: 17px; }
.post-template-default #page h3, .page-template-default .page h3, .archive .page h3 { padding-left: 5px; font-size: 16px; }
.post-template-default #page p, .page-template-default .page p, .archive .page p { font-size: 15px; }
table { font-size: 13px !important; }
table th { width: 40% !important; }
		
/* ハンバーガーメニュー */
.navigation { display: none; }	
.hamburger-demo-menubox *{ font-size: 16px; }
.hamburger-demo-menubox { position: fixed; top: 0; right: 0; z-index: 100; display: block; }
.hamburger-demo-menubox li{ font-size: 14px; }
/* hamburgerここから */
	/* input非表示 */
.input-hidden{ display: none; }
	/* label */
.hamburger-demo-switch{ cursor: pointer; position: absolute; right: 5px; top: 5px; z-index: 9999; width: 4em; height: 4em; }
/* メニュー展開時にハンバーガーアイコンを固定 */
#hamburger-demo4:checked ~ .hamburger-demo-switch{ position: fixed; }
/* 円を用いたハンバーガーデザイン */
	/* 外側の円 */
.hamburger-demo-switch4:before { content: ""; position: absolute; width: 3em; height: 3em; top: 50%; left: 50%;
transform: translate(-50%, -50%); border-radius: 50%; background: rgb(30 64 175 / var(--tw-bg-opacity, 1)); }
	/* 真ん中の円 */
.hamburger-switch-circle{ height: 3px; width: 25px; background: #fff; /* 真ん中の線（円）の色 */ position: absolute;
top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s; }
	/* 上下の線 */
.hamburger-switch-circle:before, .hamburger-switch-circle:after { content: ""; position: absolute; width: 25px;
top: 50%; left: 50%; transition: .3s; }
.hamburger-switch-circle:before{ border-top: 3px solid #fff; /* ハンバーガーアイコン上側の線の色 */ transform: translate(-50%, -300%); }
.hamburger-switch-circle:after{ border-bottom: 3px solid #fff; /* ハンバーガーアイコン下側の線の色 */ transform: translate(-50%, 200%); }
/* アイコン･アニメーション */
#hamburger-demo4:checked ~ .hamburger-demo-switch .hamburger-switch-circle{ height: 25px; border-radius: 50%; }
#hamburger-demo4:checked ~ .hamburger-demo-switch .hamburger-switch-circle:before{ width: 0; }
#hamburger-demo4:checked ~ .hamburger-demo-switch .hamburger-switch-circle:after{ width: 0; }
	/* 真ん中の×印 */
.hamburger-demo-switch4:after { content: "×"; font-size: 0px; position: absolute; color: #00479D; /* ハンバーガーの"×"マークの色 */
top: 50%; left: 50%; transform: translate(-50%,-50%); transition: .2s; font-weight: 900; }
#hamburger-demo4:checked ~ .hamburger-demo-switch4:after{ font-size: 25px; }
/* メニューエリア */
.hamburger-demo-menubox h2 { color: #333 !important; font-size: 1.5rem; font-weight: 900; font-family: 'Staatliches', cursive;
color: #FF8C00; background: -webkit-linear-gradient(0deg, #40E0D0, #FF8C00, #FF0080);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 5px; margin-bottom: 10px;
text-align: center; text-shadow: 1px 1px #333; }
.hamburger-demo-menubox h2 img { max-width: 70px; }
.hamburger-sns { text-align: center; margin-bottom: 10px; }
.hamburger-sns li { display: inline-block; }
.hamburger-sns li a { color: #3c3c3c; }
.hamburger-sns li i { font-size: 1.5rem; margin: 0 5px; color: #fff; }
.hamburger-demo-menuwrap { position: fixed; height: 100%; background: rgb(30 64 175 / var(--tw-bg-opacity, 1)); /* メニューエリアの背景色 */ padding: 3em 3% 2em;
z-index: 9998; transition: .3s; overflow-y: scroll; /* メニュー内容が多い場合に縦スクロール */ top: 0; left: 100%; width: 80%; }
/* メニューリスト */
.hamburger-demo-menulist { margin-right: 3%; list-style: none; }
.hamburger-demo-menulist li a{ text-decoration: none; color: #fff; /* メニューエリアの文字色 */ display: block; font-weight: 900; font-size: 12px; }
.hamburger-demo-menulist li small { display: inline-block; background: #eafdf2; color: #333; margin-right: 10px !important; padding: 0 5px !important;
border-radius: 5px; line-height: 2.5; font-size: 9px; float: left; }
	/* 円を用いたメニューリスト */
.hamburger-menulist-circle li { margin-bottom: 5px; border-radius: 2em; }
.hamburger-menulist-circle li a { padding: .5em 2.5em .5em 1em; position: relative; }
.hamburger-menulist-circle a:before{ content: ""; position: absolute; width: 1.5em; height: 1.5em; background: #000; /* メニューリスト矢印背景（円）の色 */
border-radius: 50%; top: 50%; right: .5em; transform: translate(0, -50%); }
.hamburger-menulist-circle a:after { content: ""; position: absolute; width: 5px; height: 5px; border: 2.5px solid;
border-color: #fff #fff transparent transparent; /* メニューリスト矢印の色（#fffのみ変更） */ top: 50%; right: .5em;
transform: translate(-80%, -50%) rotate(45deg); }
/* メニューエリア･アニメーション */
/* 右から */
#hamburger-demo4:checked ~ .hamburger-demo-menuwrap{ left: 20%; }
	/* コンテンツカバー */
#hamburger-demo4:checked ~ .hamburger-demo-cover { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9997;
background: rgba(3,3,3,.5); display: block; }
/* PCではハンバーガーメニューを表示しない */
@media (min-width: 992px){ .hamburger-demo-menubox{ display: none; }
}
/* フローティングメニュー */
.float-nav { display: block; }
.float-nav ul { position: fixed; bottom: 0; z-index: 9999999; width: 100%; display: flex; }
.float-nav ul li { text-align: center; padding: 2% 0; }
.float-nav ul li a { padding: 2%; display: block; color: #fff; font-weight: 900; }
.float-nav ul li a i { padding: 2px; font-size: 0.9rem; }
.float-nav ul li:nth-child(1) { width: 35%; background: #23b361; }
.float-nav ul li:nth-child(2) { width: 35%; background: #54bdc3; }
.float-nav ul li:nth-child(3) { width: 15%; background: rgba(0,0,0,0.9); }
.float-nav ul li:nth-child(4) { width: 15%; background: rgba(0,0,0,0.9); }
}