/*
Theme Name : かも川手延素麺株式会社
*/

@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
section, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1}
section, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}
img{ vertical-align:bottom;}
a img {outline:none; border:none;}
a {outline:none;}
a:focus{outline: none;}
area{border:none;outline:none;}

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html,body{ width:100%;height:100%;-webkit-font-smoothing: antialiased;}

.over {transition: 0.3s ;}
.over:hover {opacity: 0.5 ;}

/*clearfix*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}
 


/*========================================
BASIC
=======================================*/

html{-webkit-text-size-adjust:100%; font-size: 62.5%;}
body{font-size: 10px;font-size: 1.0rem; color:#000000; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Lucida Grande"; background: #ffffff; animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;}
_::-webkit-full-page-media, _:future, :root body {font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/* ios Safari */
@supports (-webkit-touch-callout: none) {body {height: -webkit-fill-available;}}

a{color:#333333; text-decoration:none;}
a:hover{color: #e60012;}

#container {padding: 0;}
body.pages #container {margin: 490px 0 0 0;background: #ffffff;position: relative;}

/* page header img */
#page_header{display: block; width: 100%; position: fixed; height: auto; min-height: 490px; top: 0;z-index: 0;}
@media screen and (max-width: 980px) {#page_header { min-height: 50vw;}body.pages #container {margin: 50vw 0 0 0;}}

/* pagetitle */
h2#pagetitle{height: 95px; display: flex;justify-content: center;align-items: center; flex-direction: column;background: #f5ecdc;font-size: 35px; font-size: 3.5rem; line-height: 1.6; font-weight: 300;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
h2#pagetitle span {display: block; font-size: 11px; font-size: 1.1rem; line-height: 1.4;letter-spacing: 0.2em;font-family: 'Playfair Display', serif;}

section { width: 100%; height: auto; max-width: 1240px; margin: 0 auto;}
body.pages section { width: 100%; height: auto; max-width: 1000px; margin: 0 auto;}
section.full_wrap { max-width: 100%;}

@media screen and (max-width: 1000px) {
body.pages section { width: 90%; height: auto; margin: 0 auto;}
}
@media screen and (max-width: 640px) {
h2#pagetitle{height: 15vw;}h2#pagetitle {font-size: 5.5vw;}h2#pagetitle span {font-size: 2vw;}
body.pages section { width: 90%; height: auto; margin: 0 auto;}
}

.pc {}
@media screen and (max-width: 980px) {
.pc { display: none;}
.over:hover {opacity: 1 ;} 
}

.mb_pb_00{margin-bottom: 0!important; padding-bottom: 0!important;}
.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.mb_30{margin-bottom: 30px;}

/* page-top */
#page-top {position: fixed;bottom: 20px;right: 20px;z-index:10000; max-width:50px; height:auto;transition: 0.5s;-webkit-transition: 0.5s}
#page-top img {max-width:50px; height:auto;}
#page-top:hover {transform: translate(0,-10px);}

/* tel */
#head_tel { position:absolute; right:0; top:0; z-index:20000;}
#head_tel img { width:auto; height:85px; }
.tel_sp {display: none;}
.tel_pc {display: inherit;}
@media screen and (max-width: 1080px) {#head_tel img { height: 50px; width: auto }}
@media screen and (max-width: 430px) {.tel_sp {display: inherit;}.tel_pc {display: none;}}

/* hr */

hr{}

/* icons */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?cqaudr');
  src:  url('fonts/icomoon.eot?cqaudr#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?cqaudr') format('truetype'),
url('fonts/icomoon.woff?cqaudr') format('woff'),
url('fonts/icomoon.svg?cqaudr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?kdvy2p');
  src:  url('fonts/icomoon.eot?kdvy2p#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?kdvy2p') format('truetype'),
url('fonts/icomoon.woff?kdvy2p') format('woff'),
url('fonts/icomoon.svg?kdvy2p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_right:before {
  content: "\e90a";
}
.icon-arrow_left:before {
  content: "\e90b";
}
.icon-sound_off:before {
  content: "\e908";
}
.icon-sound_on:before {
  content: "\e909";
}
.icon-mv_arrow:before {
  content: "\e907";
}
.icon-blank:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e902";
}
.icon-social-twitter:before {
  content: "\e901";
}
.icon-au:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e900";
}
.icon-ar:before {
  content: "\e903";
}
.icon-ad:before {
  content: "\e904";
}



@media(min-width: 980px){a[href^="tel:"]{pointer-events: none;}}

.br_sp{display: none;}
.br_pc{display: inline;}

@media screen and (max-width: 680px) {
.br_sp{display: inline;}
.br_pc{display: none;}
}


.txt_idt{text-indent: -1em;padding-left: 1em;}



/*========================================
業務用
=======================================*/

body.fbs_body footer {margin-top: 0!important; color:#000000;}
body.fbs_body #container{background: #b71c25;color: #ffffff;}

/* header img */
.fbs {background: url("../img/fbs_pagetitle.png") center left;background-size: cover;}

.fbs_wrap_01{padding: 90px 0 0 0;}
.fbs_wrap_01 > div {width: 100%; padding: 60px 0 0 0; border: 2px #ffffff solid; position: relative; }
.fbs_wrap_01 > div::after {content: ""; display: block; width:calc(100% - 8px);height:calc(100% - 8px); border: 6px #ffffff solid; position: absolute; top: 4px; left: 4px; }
.fbs_wrap_01 > div h3 {font-size: 6.5rem; font-weight: 600; line-height: 1.4; text-align: center; margin-bottom: 60px;}
.fbs_wrap_01 > div h3 span{font-size: 4.5rem; }
.fbs_wrap_01 > div > div {width: 100%; display: flex;justify-content: center; align-items: stretch;flex-direction: row; flex-wrap: nowrap; padding: 0 10px 10px 10px; position: relative;z-index: 1;}
.fbs_wrap_01 > div > div > a {width: 50%;font-size: 2.5rem; font-weight: 600; min-height: 50px; line-height: 1.4; color: #b71c25; text-align: center; background: #eddca6;display: flex;justify-content: center;align-items:center;transition: 0.3s;-webkit-transition: 0.3s;}
.fbs_wrap_01 > div > div > a:last-of-type {border-left: 2px #b71c25 solid;}
.fbs_wrap_01 > div > div > a:hover {color: #ffffff; background: #000000;}


.fbs_wrap_02{padding: 140px 0 0 0; text-align: center; }
.fbs_wrap_02 h4 {font-size: 2.5rem; font-weight: 600; line-height: 1.2; text-align: center; margin-bottom: 50px;}
.fbs_wrap_02 ul {width: 80%; margin: 0 auto 150px auto;}
.fbs_wrap_02 ul li {width: 100%; font-size: 3rem; font-weight: 600; height: auto; min-height: 70px; line-height: 1.4; color: #000000; text-align: center; background: #f8b62d; border-radius: 10px; display: flex;justify-content: center;align-items:center; margin-top: 35px;}
.fbs_wrap_02 h3 {font-size: 5.9rem; font-weight: 600; line-height: 1.2; text-align: center; margin-bottom: 50px; letter-spacing: -2px;}
.fbs_wrap_02 img {width: 148px; height: 50px;}

@media screen and (max-width: 640px) {
.fbs_wrap_01{padding: 13vw 0 0 0;}
.fbs_wrap_01 > div {width: 100%; padding: 10vw 0 0 0; border: 2px #ffffff solid; position: relative; }
.fbs_wrap_01 > div::after {content: ""; display: block; width:calc(100% - 8px);height:calc(100% - 8px); border: 6px #ffffff solid; position: absolute; top: 4px; left: 4px; }
.fbs_wrap_01 > div h3 {font-size: 10vw; font-weight: 600; line-height: 1.4; text-align: center; margin-bottom: 10vw;}
.fbs_wrap_01 > div h3 span{font-size: 5.5vw; }
.fbs_wrap_01 > div > div {width: 100%; display: flex;justify-content: center;align-items:center; flex-direction: column; flex-wrap: wrap; padding: 0 10px 10px 10px; position: relative;z-index: 1;}
.fbs_wrap_01 > div > div > a {width: 100%;font-size: 5vw; font-weight: 600; height: auto; padding: 5vw; line-height: 1.4; color: #b71c25; text-align: center; background: #eddca6;display: flex;justify-content: center;align-items:center;transition: 0.3s;-webkit-transition: 0.3s;}
.fbs_wrap_01 > div > div > a:last-of-type {border-left: none;border-top: 2px #b71c25 solid;}
.fbs_wrap_01 > div > div > a:hover {color: #ffffff; background: #000000;}

.fbs_wrap_02{padding: 15vw 0 0 0; text-align: center; }
.fbs_wrap_02 h4 {font-size: 5.5vw; font-weight: 600; line-height: 1.2; text-align: center; margin-bottom: 5vw;}
.fbs_wrap_02 ul {width: 100%; margin: 0 auto 15vw auto;}
.fbs_wrap_02 ul li {width: 100%; font-size: 5.5vw; font-weight: 600; height: auto; min-height: 70px; line-height: 1.2; color: #000000; text-align: center; background: #f8b62d; border-radius: 10px; display: flex;justify-content: center;align-items:center; margin-top: 5vw; padding: 3vw 0}
.fbs_wrap_02 h3 {font-size: 9.5vw; font-weight: 600; line-height: 1.2; text-align: center; margin-bottom: 5vw; letter-spacing: -2px;}
.fbs_wrap_02 img {width: 74px; height: 25px;}
}

.fbs_wrap_03 {max-width: 100%!important; height: 665px!important; margin-top: 55px!important; text-align: center;background: url("../img/fbs_wrap_03_bg.jpg") center center;background-size: cover;}
.fbs_wrap_03 > section {position: relative;} 
.fbs_wrap_03 > section > img {position: absolute; width: 400px; height: 400px; top: 435px; left: 0;}

@media screen and (max-width: 1000px) {
.fbs_wrap_03 {max-width: 100%!important; margin: 10vw 0 0 0 !important; width: 100%!important; }
}

.fbs_wrap_04 {padding: 225px 0 0 0; text-align: center; }
.fbs_wrap_04 h3 {font-size: 5.5rem; font-weight: 300; line-height: 1.7; text-align: center; margin-bottom: 60px;  letter-spacing: -1px;}
.fbs_wrap_04 h3 span{font-weight: 900; }
.fbs_wrap_04 p {font-size: 1.6rem; font-weight: 300; line-height: 1.7; text-align: center; letter-spacing: -1px;}
.fbs_wrap_04 p:last-of-type {font-size: 1.2rem; margin-bottom: 60px;}

.fbs_wrap_05 {padding: 70px 0 0 0; text-align: center; }
.fbs_wrap_05 > img {width: 120px; height: 120px; margin-bottom: 50px; line-height: 1;}
.fbs_wrap_05 h3 {font-size: 5.5rem; font-weight: 600; line-height: 1; text-align: center; margin-bottom: 50px;}
.fbs_wrap_05 p {font-size: 1.6rem; font-weight: 300; line-height: 1.7; text-align: center; margin-bottom: 40px;}
.fbs_wrap_05 div {width: 100%; display: flex;justify-content: space-between;align-items: flex-start; flex-direction: row; flex-wrap: wrap;}
.fbs_wrap_05 div > img {width: 47.6%; height: auto;}
.fbs_wrap_05_last {padding: 70px 0 115px 0;}

@media screen and (max-width: 640px) {
.fbs_wrap_03 {max-width: 100%!important; height: 90vw!important; margin: 10vw 0 0 0 !important; width: 100%!important; }
.fbs_wrap_03 > section {position: relative;} 
.fbs_wrap_03 > section > img {position: absolute; width: 50vw; height: 50vw; top: 60vw; left: 0;}

.fbs_wrap_04 {padding: 25vw 0 0 0; text-align: center; }
.fbs_wrap_04 h3 {font-size: 8.5vw; font-weight: 300; line-height: 1.7; text-align: center; margin-bottom: 5vw;}
.fbs_wrap_04 h3 span{font-weight: 900; }
.fbs_wrap_04 p {font-size: 3vw;}
.fbs_wrap_04 p:last-of-type {font-size: 2.8vw; margin-bottom: 10vw;}

.fbs_wrap_05 {padding: 10vw 0 0 0; text-align: center; }
.fbs_wrap_05 > img {width: 20vw; height: 20vw; margin-bottom: 5vw; line-height: 1;}
.fbs_wrap_05 h3 {font-size: 9vw; font-weight: 600; line-height: 1.2; text-align: center; margin-bottom: 8vw;}
.fbs_wrap_05 p {font-size: 3vw; font-weight: 300; line-height: 1.7; text-align: center; margin-bottom: 5vw;}
.fbs_wrap_05 div {width: 100%; display: flex;justify-content: space-between;align-items: flex-start; flex-direction: column; flex-wrap: wrap;}
.fbs_wrap_05 div > img {width: 100%; height: auto;}
.fbs_wrap_05 > div > img:last-of-type {margin-top: 5vw;}
.fbs_wrap_05_last {padding: 10vw 0 15vw 0;}
}


.fbs_wrap_06 {max-width: 100%!important; background: #ffffff; color: #000000; padding: 115px 0 115px 0; text-align: center; }
.fbs_wrap_06 section > div{max-width: 100%; padding: 50px 0; border: 1px solid #000000; border-radius: 10px; margin-bottom: 50px;}
.fbs_wrap_06 section > div h3 {font-size: 3.5rem; font-weight: 600; line-height: 1; text-align: center; margin-bottom: 30px;}
.fbs_wrap_06 section > div h4 {font-size: 3rem; font-weight: 300; line-height: 1;margin-bottom: 20px;}
.fbs_wrap_06 section > div h5 {font-size: 4.2rem; font-weight: 300; line-height: 1; margin-bottom: 20px;}
.fbs_wrap_06 section > div h5 span {font-size: 2.3rem; font-weight: 300; line-height: 1; vertical-align: middle;}
.fbs_wrap_06 section > div > p {font-size: 1.6rem; font-weight: 300; line-height: 1.7; text-align: center; margin-bottom: 40px;}

.fbs_wrap_06 section > div > a{width: 67%; height: 60px; font-size: 2.5rem; font-weight: 600; background:#f8b62d; color:#ffffff; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s; border-radius:10px; margin: 0 auto;}
.fbs_wrap_06 section > div > a::after {content: "＞" ; position: absolute; right: 10px; font-weight: 300; top: 50%;-webkit-transform: translate(-50%, -50%); /* Safari用 */transform: translate(-50%, -50%);}
.fbs_wrap_06 section > div > a:hover {background:#000000; }
.fbs_wrap_06 section > p {font-size: 1.6rem; font-weight: 300; line-height: 1.7; text-align:left; }


@media screen and (max-width: 1000px) {
.fbs_wrap_06  {max-width: 100%!important; width: 100%!important; background: #ffffff; color: #000000; padding: 15vw 0 15vw 0; text-align: center; }
}

@media screen and (max-width: 640px) {
.fbs_wrap_06 section > div{max-width: 100%; padding: 10vw 5vw 5vw 5vw; border: 1px solid #000000; border-radius: 10px; margin-bottom: 5vw;}
.fbs_wrap_06 section > div h3 {font-size: 7vw; font-weight: 600; line-height: 1.3; text-align: center; margin-bottom: 4vw;}
.fbs_wrap_06 section > div h4 {font-size: 5vw; font-weight: 300; line-height: 1;margin-bottom: 20px;}
.fbs_wrap_06 section > div h5 {font-size: 10vw; font-weight: 300; line-height: 1; margin-bottom: 20px;}
.fbs_wrap_06 section > div h5 span {font-size: 5.5vw; font-weight: 300; line-height: 1; vertical-align: middle;}
.fbs_wrap_06 section > div > p {font-size: 3vw; font-weight: 300; line-height: 1.7; text-align: center; margin-bottom: 10vw;}

.fbs_wrap_06 section > div > a{width: 100%; height: auto; min-height: 45px; font-size: 4vw; font-weight: 600; background:#f8b62d; color:#ffffff; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s; border-radius:8px; margin: 0 auto;}
.fbs_wrap_06 section > div > a::after {content: "＞" ; position: absolute; right: 0; font-weight: 300; top: 50%;-webkit-transform: translate(-50%, -50%); /* Safari用 */transform: translate(-50%, -50%);}
.fbs_wrap_06 section > div > a:hover {background:#000000; }
.fbs_wrap_06 section > p {font-size: 3vw; font-weight: 300; line-height: 1.7; text-align:left; }
}


.fbs_wrap_07{padding: 200px 0 0 0;}
.fbs_wrap_07 > h2 {font-size: 5.5rem; font-weight: 600; line-height: 1; text-align: center; margin-bottom: 40px;}
.fbs_wrap_07 > h3 {font-size: 3.5rem; font-weight: 600; line-height: 1; text-align: center; color: #000000; padding:15px; background: #f8b62d; margin-bottom: 40px;}
.fbs_wrap_07 article {width: 100%; max-width: 940px; margin: 0 auto;}
.fbs_wrap_07 article > p {font-size: 1.6rem; font-weight: 300; line-height: 1.75;}
.fbs_wrap_07 article > h4 {font-size: 2rem; font-weight: 600; line-height: 1; text-align: left;border-bottom: 1px solid #ffffff; margin: 50px 0 25px 0; padding-bottom: 10px;}
.fbs_wrap_07 article .scroll-table table {margin-bottom: 15px;white-space: nowrap!important;}
.fbs_wrap_07 article .scroll-table table td {font-size: 1.6rem; font-weight: 600; line-height: 1.2; text-align: center;padding: 10px 5px;border: 1px solid #ffffff;vertical-align: middle;}
.fbs_wrap_07 article .scroll-table table td img{width: 630px; height: auto;}
img.reito {width:335px!important; height: auto;}

.fbs_box_img {display: flex;justify-content: flex-start;align-items:flex-start; flex-direction: row; flex-wrap: nowrap;}
.fbs_box_img img {width: 100%; height: auto;}
.fbs_box_img img:first-of-type {margin-right: 50px;}

.fbs_detail_wrap{width: 100%; height: auto; display: flex;justify-content: space-between;align-items:flex-start; flex-direction: row; flex-wrap: wrap; background: #ffffff;padding: 30px; margin-top: 30px;}
.fbs_detail_wrap > div {width: 390px; height: auto; color: #000000;}
.fbs_detail_wrap > div > h5 {font-size: 3.5rem; font-weight: 600; line-height: 1; margin-bottom: 15px;}
.fbs_detail_wrap > div > p {font-size: 1.6rem; font-weight: 300; line-height: 1.75;}
.fbs_detail_wrap > div > table {width: 100%;text-align: left; margin-top: 20px;}
.fbs_detail_wrap > div > table th {width: 95px; font-size: 1.6rem; font-weight: 600; line-height: 1; vertical-align: middle;padding: 5px 0; }
.fbs_detail_wrap > div > table td {width: auto; font-size: 1.6rem; font-weight: 300; line-height: 1; vertical-align: middle;padding: 5px 0; }
.fbs_detail_wrap > div > table td img{width: 255px; height: auto;}
.fbs_detail_wrap > img {max-width: 370px; width: 100%; height: auto;}

.order_wrap {background: #ffffff;padding: 30px 30px 80px 30px; margin-top: 30px; color: #000000;margin-bottom: 150px;}
.order_wrap > h4 {font-size: 3.4rem; font-weight: 600; line-height: 1.5; margin: 90px 0 90px 0;text-align: center;}
.order_wrap > p {width: 85%; font-size: 1.8rem; font-weight: 300; line-height: 1.75; text-align: left; margin: 0 auto;}


@media screen and (max-width: 940px) {
.scroll-table table {display: block;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.fbs_detail_wrap > div {width: 100%; height: auto; color: #000000; margin-bottom: 30px;}
.fbs_box_img {display: flex;justify-content: center;align-items:center; flex-direction: column; flex-wrap: nowrap;}
.fbs_box_img img:first-of-type {margin: 0 auto 30px auto;}
}


@media screen and (max-width: 640px) {
.fbs_wrap_07{padding: 18vw 0 0 0;}
.fbs_wrap_07 > h2 {font-size: 9.5vw; font-weight: 600; line-height: 1; text-align: center; margin-bottom: 7vw;}
.fbs_wrap_07 > h3 {font-size: 6vw; font-weight: 600; line-height: 1; text-align: center; color: #000000; padding:3vw; background: #f8b62d; margin-bottom: 7vw;}
.fbs_wrap_07 article {width: 100%; max-width: 940px; margin: 0 auto;}
.fbs_wrap_07 article > p {font-size: 3.2vw; font-weight: 300; line-height: 1.75;}
.fbs_wrap_07 article > h4 {font-size: 5vw; font-weight: 600; line-height: 1; text-align: left;border-bottom: 1px solid #ffffff; margin: 7vw 0 6vw 0; padding-bottom: 2vw;}
.fbs_wrap_07 article .scroll-table table {margin-bottom: 15px;}
.fbs_wrap_07 article .scroll-table table td {font-size:3.2vw; font-weight: 600; line-height: 1.2; text-align: center;padding: 10px 5px;border: 1px solid #ffffff;vertical-align: middle;}
.fbs_wrap_07 article .scroll-table table td img{width: 630px; height: auto;}
img.reito {width:335px!important; height: auto;}

.fbs_box_img {display: flex;justify-content: flex-start;align-items:flex-start; flex-direction: row; flex-wrap: wrap;}
.fbs_box_img img {width: 80%; height: auto; margin: 0 auto;}
.fbs_box_img img:first-of-type {margin: 0 auto 5vw auto;}

.fbs_detail_wrap{width: 100%; height: auto; display: flex;justify-content: space-between;align-items:flex-start; flex-direction: row; flex-wrap: wrap; background: #ffffff;padding: 7vw; margin-top: 6vw;}
.fbs_detail_wrap > div {width: 100%; height: auto; color: #000000; margin-bottom: 10vw;}
.fbs_detail_wrap > div > h5 {font-size: 6.5vw; font-weight: 600; line-height: 1; margin-bottom: 3vw;}
.fbs_detail_wrap > div > p {font-size: 3.2vw; font-weight: 300; line-height: 1.75;}
.fbs_detail_wrap > div > table {width: 100%;text-align: left; margin-top: 5vw;}
.fbs_detail_wrap > div > table th {width: 18vw; font-size: 3.2vw; font-weight: 600; line-height: 1; vertical-align: middle;padding: 5px 0; }
.fbs_detail_wrap > div > table td {width: auto; font-size: 3.2vw; font-weight: 300; line-height: 1; vertical-align: middle;padding: 5px 0; }
.fbs_detail_wrap > div > table td img{width: 100%; height: auto;}
.fbs_detail_wrap > img {max-width: 370px; width: 100%; height: auto;}

.order_wrap {background: #ffffff;padding: 7vw 0; margin-top: 7vw; color: #000000;margin-bottom: 15vw;}
.order_wrap > h4 {font-size: 7vw; font-weight: 600; line-height: 1.5; margin: 7vw 0 11vw 0;text-align: center;}
.order_wrap > p {width: 90%; font-size: 3.5vw; font-weight: 300; line-height: 1.75; text-align: left; margin: 0 auto;}
}


/*========================================
お問い合わせ
=======================================*/

/* header img */
.contact {background: url("../img/contact_pagetitle.png") bottom right;background-size: cover;}

.contact_wrap_01{padding: 120px 0 0 0; max-width: 750px!important;}
.contact_wrap_01 p{font-size: 1.6rem; font-weight: 300; line-height: 1.75;}

.contact_wrap_02{padding: 80px 0 0 0;  max-width: 750px!important;}
.contact_wrap_02 h3 {font-size: 5rem; font-weight: 300; line-height: 1;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 30px;}
.contact_wrap_02 h4 {font-size: 4.2rem; font-weight: 300; line-height: 1; margin-bottom: 30px;}
.contact_wrap_02 h4 span {font-size: 2.3rem; font-weight: 300; line-height: 1; vertical-align: middle;}
.contact_wrap_02 p{font-size: 1.6rem; font-weight: 300; line-height: 1.75;}

.contact_wrap_03 {padding: 80px 0 0 0;  max-width: 750px!important;}
.contact_wrap_03 h3 {font-size: 5rem; font-weight: 300; line-height: 1;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 30px;}
.contact_wrap_03 p{font-size: 1.6rem; font-weight: 300; line-height: 1.75;}

.contact_wrap_04 {padding: 50px 0 0 0;  max-width: 750px!important;}
.contact_wrap_04 table {width: 100%; margin: 0; padding: 0;}
.contact_wrap_04 table th, .contact_wrap_04 table td{font-size: 1.47rem; font-weight: 300; line-height: 1; height: auto;text-align: left; vertical-align: middle;}
.contact_wrap_04 table th {font-weight: 600; width: 225px;background: #c9a77d;color: #ffffff; border-bottom: 2px solid #ffffff; padding: 20px 16px;}
.contact_wrap_04 table th div {display: flex;justify-content: space-between;align-items:center; flex-direction: row; flex-wrap: nowrap; }
.contact_wrap_04 table th span {font-weight: 300; display: block; color:#e50012; background: #ffffff; border-radius: 3px;padding: 5px; width: 50px;text-align: center; font-size: 1.4rem;}
.contact_wrap_04 table td {width: auto;padding: 16px 16px;}
.contact_wrap_04 table td input {width: 100%; height: 35px;border-radius: 5px; font-size: 1.47rem; font-weight: 300; line-height: 1; border: 1px solid #999999; padding: 5px;}
.contact_wrap_04 table td input.email_s {margin: 0 0 20px 0;}
.contact_wrap_04 table td input.zip-txt {margin: 0 0 20px 0;width: 8em!important;}
.contact_wrap_04 table td select {width: 100%; height: 35px;border-radius: 5px; font-size: 1.47rem; font-weight: 300; line-height: 1; border: 1px solid #999999; padding: 5px;}
.contact_wrap_04 table td textarea {width: 100%; height: 195px;border-radius: 5px; font-size: 1.47rem; font-weight: 300; line-height: 1; border: 1px solid #999999; padding: 10px;}

.contact_wrap_04 > form > div {text-align: center;padding: 60px 0 0 0;}
.contact_wrap_04 > form > div .submitbtn {width: 100%; max-width: 200px; height: 40px; font-size: 1.7rem; font-weight: 600; background:#888888; color:#ffffff; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s; border-radius:8px; border: none; cursor: pointer; margin: 0 auto;}
.contact_wrap_04 > form > div .submitbtn:hover {background:#000000; }

.ERR {color: #e50012}

@media screen and (max-width: 640px) {
.contact_wrap_01{padding: 15vw 0 0 0; max-width: 750px!important;}
.contact_wrap_01 p{font-size: 3vw; }

.contact_wrap_02{padding: 10vw 0 0 0;  max-width: 750px!important;}
.contact_wrap_02 h3 {font-size: 7vw; font-weight: 300; margin-bottom: 5vw;}
.contact_wrap_02 h4 {font-size: 6.5vw; font-weight: 300; margin-bottom: 5vw;}
.contact_wrap_02 h4 span {font-size: 4vw; font-weight: 300;}
.contact_wrap_02 p{font-size: 3vw; font-weight: 300; line-height: 1.75;}

.contact_wrap_03 {padding: 10vw 0 0 0;  max-width: 750px!important;}
.contact_wrap_03 h3 {font-size: 7vw; font-weight: 300;margin-bottom: 5vw;letter-spacing: -1px;}
.contact_wrap_03 p{font-size: 3vw; font-weight: 300;}

.contact_wrap_04 {padding: 8vw 0 0 0;  max-width: 750px!important;}
.contact_wrap_04 table {width: 100%; margin: 0; padding: 0;}
.contact_wrap_04 table th, .contact_wrap_04 table td{display: block; width: 100%; font-weight: 300; line-height: 1; height: auto;text-align: left; vertical-align: middle;}
.contact_wrap_04 table th {font-weight: 600; width: 100%; height: 60px;  border-bottom: none; padding: 0 15px; display: flex; justify-content:flex-start; align-items: center; }
.contact_wrap_04 table th div { width: 100%; display: flex;justify-content: space-between;align-items:center; flex-direction: row; flex-wrap: nowrap; }
.contact_wrap_04 table th span {font-weight: 300; display: block; color:#e50012; background: #ffffff; border-radius: 3px;padding: 5px; width: 50px;text-align: center; font-size: 3vw;}
.contact_wrap_04 table td {width: auto;padding: 15px 0 30px 0;}
.contact_wrap_04 table td input {width: 100%; height: 45px;border-radius: 5px; font-size: 3vw; font-weight: 300; line-height: 1; border: 1px solid #999999; padding: 5px;}
.contact_wrap_04 table td input.email_s {margin: 0 0 20px 0;}
.contact_wrap_04 table td select {width: 100%; height: 45px;border-radius: 5px; font-size: 3vw; font-weight: 300; line-height: 1; border: 1px solid #999999; padding: 5px;}
.contact_wrap_04 table td textarea {width: 100%; height: 195px;border-radius: 5px; font-size: 3vw; font-weight: 300; line-height: 1; border: 1px solid #999999; padding: 10px;}

.contact_wrap_04 > form > div {text-align: center;padding: 5vw 0 0 0;}
.contact_wrap_04 > form > div .submitbtn {width: 100%; max-width: 100%; height: 45px; font-size: 3.5vw; border-radius:8px; }



}





/*========================================
かも手の麺
=======================================*/

/* header img */
.kamote {background: url("../img/kamote_pagetitle.png") bottom right;background-size: cover;}

body.kamotemen h3 {font-size: 6.5rem; font-weight: 300; line-height: 1;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 80px;}
body.kamotemen h3 span {display: block; font-size: 2.5rem; margin-bottom: 35px;}
body.kamotemen h4 {font-size: 2.5rem; font-weight: 600; line-height: 1.7;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 30px;}
body.kamotemen h5 {font-size: 3.5rem; font-weight: 300; line-height: 1;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 30px;}
body.kamotemen p {font-size: 1.6rem; font-weight: 300; line-height: 1.75;}
body.kamotemen img {width: 100%; height: auto;}

@media screen and (max-width: 640px) {
body.kamotemen h3 {font-size: 10vw; font-weight: 300; line-height: 1;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 10vw;}
body.kamotemen h3 span {display: block; font-size: 4.5vw; margin-bottom: 5vw;}
body.kamotemen h4 {font-size: 4.5vw; font-weight: 600; line-height: 1.7;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 5vw;}
body.kamotemen h5 {font-size: 5.5vw; font-weight: 300; line-height: 1;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 5vw;}
body.kamotemen p {font-size: 3vw; font-weight: 300; line-height: 1.75;}
body.kamotemen img {width: 100%; height: auto;}
}

.kamote_wrap_01{padding: 90px 0 0 0; }
.kamote_wrap_01 > div{width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-bottom:70px; }
.kamote_wrap_01 > div > div:first-of-type {width: 53%; max-width: 530px;}
.kamote_wrap_01 > div > div:last-of-type {width: 42.6%; max-width: 426px;display: flex;justify-content: flex-end;align-items:flex-end; }
.kamote_wrap_01 > img:last-of-type {margin-top: 35px;}

@media screen and (max-width: 1000px) {
.kamote_wrap_01 > div > div:last-of-type {width: 42.6%; max-width: 426px;display: flex;justify-content: center;align-items:flex-start; }
}

@media screen and (max-width: 640px) {
.kamote_wrap_01{padding: 15vw 0 0 0; }
.kamote_wrap_01 > div{width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: wrap; margin-bottom:7vw; }
.kamote_wrap_01 > div > div:first-of-type {width: 100%; max-width: auto;}
.kamote_wrap_01 > div > div:last-of-type {width: 100%; max-width: 100%;display: block;text-align: center;}
.kamote_wrap_01 > div > div:last-of-type img {width: 80%; max-width: 80%; margin: 5vw auto 0;}
.kamote_wrap_01 > img:last-of-type {margin-top: 5vw;}
}

.kamote_wrap_02 {width: 100%; padding: 100px 0; margin: 135px 0 0 0;background: #f5e8cf;}
.kamote_wrap_03 {padding: 0; }
.kamote_wrap_03 > div:first-of-type {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap; }
.kamote_wrap_03 > div:first-of-type > div:first-of-type {width: 42%; max-width: 420px; display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap; }
.kamote_wrap_03 > div:first-of-type > div:last-of-type {width: 53%; max-width: 530px; display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap; }

.kamote_wrap_03 article {width: 100%; padding: 60px 30px; margin: 100px 0 0 0;background: #ffffff; border-radius: 20px;}
.swiper-slide {display: flex;justify-content: center;align-items:flex-start; flex-direction: row; flex-wrap: nowrap; }
.swiper-slide > img {width: 35%; max-width: 350px; height: auto!important;margin-right: 40px;}
.swiper-slide > div {width: 33.5%; max-width: 335px; }
.swiper-slide h3 {font-size: 3.5rem!important; font-weight: 300; line-height: 1;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 40px!important;}
.swiper-slide h4 {font-size: 2.3rem!important; letter-spacing: 3px; font-weight: 600; line-height: 1; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;  margin-bottom: 10px!important;}


@media screen and (max-width: 800px) {

.kamote_wrap_03 article {width: 100%; padding: 7vw 2vw; margin: 15vw 0 0 0;background: #ffffff; border-radius: 20px;}
.swiper-slide {display: block; text-align: left; display: 100%; padding: 0 10%;}
.swiper-slide::before {width: 100%; max-width: 100%; display: block; content: "伝統の手延べ製法"; font-size: 5.5vw!important; font-weight: 300; line-height: 1;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin: 0 auto 5vw!important;}
.swiper-slide > img {width: 100%; max-width: 100%; margin: 0 auto;}
.swiper-slide > div {width: 100%; max-width: 100%; margin: 5vw auto 0 auto; }
.swiper-slide h3 {display: none; }
.swiper-slide h4 {font-size: 4vw!important; letter-spacing: 3px; font-weight: 600; line-height: 1; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important;  margin-bottom: 10px!important;}

}

@media screen and (max-width: 640px) {
.kamote_wrap_02 {width: 100%; padding: 15vw 0; margin: 15vw 0 0 0;background: #f5e8cf;}
.kamote_wrap_03 {padding: 0; }
.kamote_wrap_03 > div:first-of-type {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap; }
.kamote_wrap_03 > div:first-of-type > div:first-of-type {width: 100%; max-width: 100%; }
.kamote_wrap_03 > div:first-of-type > div:first-of-type img { margin-top: 5vw;}
.kamote_wrap_03 > div:first-of-type > div:last-of-type {width: 100%; max-width: 100%; margin-top: 5vw;}

}


.kamote_wrap_04{padding: 100px 0 0 0; }
.kamote_wrap_04 > img {margin: 60px 0 0 0; }
.kamote_wrap_04 > div {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-top:70px; }
.kamote_wrap_04 > div > div:first-of-type {width: 42%; max-width: 420px;}
.kamote_wrap_04 > div > div:last-of-type {width: 53%; max-width: 530px;}

.kamote_wrap_05{padding: 80px 0 0 0; }
.kamote_wrap_05 > img {margin: 60px 0 0 0; }
.kamote_wrap_05 > div {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-top:60px; }
.kamote_wrap_05 > div > div:first-of-type {width: 42%; max-width: 420px;}
.kamote_wrap_05 > div > div:last-of-type {width: 53%; max-width: 530px;}

.kamote_wrap_06{padding: 100px 0 0 0; }
.kamote_wrap_06 > img {margin: 60px 0 0 0; }
.kamote_wrap_06 > div:first-of-type {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap;}
.kamote_wrap_06 > div:first-of-type > div:first-of-type {width: 53%; max-width: 530px;}
.kamote_wrap_06 > div:first-of-type > div:last-of-type {width: 42%; max-width: 420px;}
.kamote_wrap_06 > div:last-of-type {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-top:80px; }
.kamote_wrap_06 > div:last-of-type > div:first-of-type {width: 42%; max-width: 420px;}
.kamote_wrap_06 > div:last-of-type > div:last-of-type {width: 53%; max-width: 530px;}


@media screen and (max-width: 640px) {
.kamote_wrap_04{padding: 15vw 0 0 0; }
.kamote_wrap_04 > img {margin: 8vw 0 0 0; }
.kamote_wrap_04 > div {width: 100%; display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap; margin-top:10vw; }
.kamote_wrap_04 > div > div:first-of-type {width: 100%; max-width: auto;}
.kamote_wrap_04 > div > div:last-of-type {width: 100%; max-width: auto;}
.kamote_wrap_04 > div > div:last-of-type img {margin-top:5vw; }

.kamote_wrap_05{padding: 15vw 0 0 0; }
.kamote_wrap_05 > img {margin: 8vw 0 0 0; }
.kamote_wrap_05 > div {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap; margin-top:10vw; }
.kamote_wrap_05 > div > div:first-of-type {width: 100%; max-width: auto;}
.kamote_wrap_05 > div > div:last-of-type {width: 100%; max-width: auto;margin-top:5vw;}

.kamote_wrap_06{padding: 15vw 0 0 0; }
.kamote_wrap_06 > img {margin: 8vw 0 0 0; }
.kamote_wrap_06 > div:first-of-type {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap;}
.kamote_wrap_06 > div:first-of-type > div:first-of-type {width: 100%; max-width: auto;}
.kamote_wrap_06 > div:first-of-type > div:last-of-type {width: 100%; max-width: auto;margin-top:5vw;}
.kamote_wrap_06 > div:last-of-type {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap; margin-top:80px; }
.kamote_wrap_06 > div:last-of-type > div:first-of-type {width: 100%; max-width: auto;}
.kamote_wrap_06 > div:last-of-type > div:last-of-type {width: 100%; max-width: auto;margin-top:5vw;}

}



.kamote_wrap_07 {width: 100%; padding: 100px 0; margin: 110px 0 0 0;background: #f7f8f8;}
.kamote_wrap_08 {padding: 0; }
.kamote_wrap_08 > div {width: 100%;display: flex;justify-content: space-around;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-top:70px; }
.kamote_wrap_08 > div > div:first-of-type {width: 48%; max-width: 480px; text-align: center;}
.kamote_wrap_08 > div > div:last-of-type {width: 25%; max-width: 250px;text-align: center;}


.kamote_wrap_09 {padding: 50px 0 0 0; margin-top: 100px!important; border-top: 1px solid #999999;}
.kamote_wrap_09 > div {width: 100%;display: flex;justify-content: space-between;align-items:flex-start; flex-direction: row; flex-wrap: nowrap; margin-top:70px; }
.kamote_wrap_09 > div > img:nth-of-type(1){width: 28.7%; max-width:287px; height: auto;}
.kamote_wrap_09 > div > img:nth-of-type(2){width: 31.8%; max-width:318px; height: auto;}
.kamote_wrap_09 > div > img:nth-of-type(3){width: 31.8%; max-width:318px; height: auto;}


.kamote_wrap_10 {padding: 60px 0 0 0; margin-top: 120px!important; border-top: 1px solid #999999;}
.kamote_wrap_10 > img {width: 100%; height: auto; margin-top: 65px;}

.kamote_wrap_11 {padding: 60px 0 0 0; margin-top: 65px!important; border-top: 1px solid #999999;}
.kamote_wrap_11 > img {width: 100%; height: auto; margin-top: 50px;}
.kamote_wrap_11 > div {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-top:2%; }
.kamote_wrap_11 > div > div {width: 32%; max-width: 320px; }
.kamote_wrap_11 > div > div p {margin-top:2%;}


@media screen and (max-width: 640px) {
.kamote_wrap_07 {width: 100%; padding: 15vw 0; margin: 15vw 0 0 0;background: #f7f8f8;}
.kamote_wrap_08 {padding: 0; }
.kamote_wrap_08 > div {width: 100%;display: flex;justify-content: center;align-items:stretch; flex-direction: column; flex-wrap: wrap; margin-top:10vw; }
.kamote_wrap_08 > div > div:first-of-type {width: 80%; max-width: 480px; text-align: center; margin: 0 auto;}
.kamote_wrap_08 > div > div:last-of-type {width: 80%; max-width: 250px; text-align: center; margin: 10vw auto 0;}
.kamote_wrap_08 > div > div:first-of-type img {max-width: 480px!important; margin: 0 auto;}
.kamote_wrap_08 > div > div:last-of-type img {width: 65%;max-width: 250px!important; margin: 0 auto;}

.kamote_wrap_09 {padding: 10vw 0 0 0; margin-top: 15vw!important; border-top: 1px solid #999999;}
.kamote_wrap_09 > div {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap; margin-top:10vw; }
.kamote_wrap_09 > div > img:nth-of-type(1){width: 75%; max-width:287px; height: auto;margin: 0 auto 0;}
.kamote_wrap_09 > div > img:nth-of-type(2){width: 75%; max-width:318px; height: auto;margin: 5vw auto 0;}
.kamote_wrap_09 > div > img:nth-of-type(3){width: 75%; max-width:318px; height: auto;margin: 5vw auto 0;}


.kamote_wrap_10 {padding: 10vw 0 0 0; margin-top: 15vw!important; border-top: 1px solid #999999;}
.kamote_wrap_10 > img {width: 100%; height: auto; margin-top: 10vw;}

.kamote_wrap_11 {padding: 10vw 0 0 0; margin-top: 65px!important; border-top: 1px solid #999999;}
.kamote_wrap_11 > img {width: 100%; height: auto; margin-top: 10vw;}
.kamote_wrap_11 > div {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap; margin-top:10vw; }
.kamote_wrap_11 > div > div {width: 100%; max-width: 320px; margin: 5vw auto 0; }
.kamote_wrap_11 > div > div p {margin-top:3vw;}
}





/*========================================
お知らせ
=======================================*/

/* header img */
.news {background: url("../img/news_pagetitle.png") bottom center;background-size: cover;}

.news-cont-wrap {padding: 105px 0 0 0; max-width:850px!important;min-height: 500px; }

.tab_container {width: 100%;display: flex;justify-content: center;align-items:stretch; flex-direction: row; flex-wrap: wrap;}
.tab_item {font-size: 1.4rem; font-weight: 300; line-height: 1.2;width: auto;padding:20px 3.5%;height: 60px;text-align: center;display: block;transition: all 0.3s ease;cursor: pointer;position: relative;}
.tab_item:hover {color: #E52226;}
.tab_item::after {position: absolute;bottom: 0;left: 0;content: '';width: 100%;height: 4px;background: #e60012;transform: scale(0, 1);transition: transform .3s;transform-origin: left top;}
.tab_item:hover::after {transform: scale(1, 1);}

input[name="tab_item"] {display: none;}
.tab_content {height: 0; clear: both;overflow: hidden;width: 100%;transition: 0.3s;-webkit-transition: 0.3s;opacity: 0;}
.tab-box{width: 100%;display: block;border-top: 1px solid #999999;padding: 80px 0 0 0;}

#tab1:checked ~ .tab-box #tab1_content,
#tab2:checked ~ .tab-box #tab2_content,
#tab3:checked ~ .tab-box #tab3_content,
#tab4:checked ~ .tab-box #tab4_content,
#tab5:checked ~ .tab-box #tab5_content,
#tab6:checked ~ .tab-box #tab6_content { height: auto;opacity: 1;}

.tab_container input:checked + .tab_item {border-bottom: 4px solid #231815 ;}
.tab_container input:checked + .tab_item:after {display: none;}


.tab_content dl {width:100%; height: auto;border-bottom: 1px solid #999999; padding: 30px 0 30px 0; position: relative;}
.tab_content dl:first-of-type  {padding: 0 0 30px 0;}
.tab_content dl > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-9999px;z-index: 1;}
.tab_content dl dt {width:100%; height: auto; font-size: 15px; font-size: 1.5rem;line-height: 3; font-weight: 600; color: #595757;}
.tab_content dl dd {width:100%; height: auto; font-size: 13px; font-size: 1.3rem;line-height: 3; font-weight: 300; color: #595757;}
.tab_content dl dd:first-of-type {width:100%; height: auto; font-size: 1.8rem;line-height: 1.3; font-weight: 300; color: #595757;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

.tab_content dl:hover dt,.tab_content dl:hover dd {color:#b81c25;}


@media screen and (max-width: 640px) {
.news-cont-wrap {padding: 15vw 0 0 0; max-width:850px!important;min-height: 500px; }

.tab_container {width: 100%;display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: wrap;}
.tab_item {font-size: 2.4vw; font-weight: 300; line-height: 1.2;width: auto;padding:20px 2%;height: 60px;white-space: nowrap;}
.tab_item::after {display: none;}
.tab-box{width: 100%;display: block;border-top: 1px solid #999999;padding: 8vw 0 0 0;}

#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content {display: block;}

.tab_container input:checked + .tab_item {border-bottom: 2px solid #231815 ;}
.tab_container input:checked + .tab_item:after {display: none;}

.tab_content dl {width:100%; height: auto;border-bottom: 1px solid #999999; padding: 20px 0; position: relative;}
.tab_content dl:first-of-type  {padding: 0 0 20px 0;}
.tab_content dl > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-9999px;z-index: 1;}
.tab_content dl dt {width:100%; height: auto; font-size: 2.5vw;line-height: 3; font-weight: 600; color: #595757;}
.tab_content dl dd {width:100%; height: auto; font-size: 2.5vw;line-height: 3; font-weight: 300; color: #595757;}
.tab_content dl dd:first-of-type {width:100%; height: auto; font-size: 3.2vw;line-height: 1.3; font-weight: 300; color: #595757;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

.tab_content dl:hover dt,.tab_content dl:hover dd {color:#b81c25;}

}

/*========================================
SDGs
=======================================*/

/* header img */
.sdgs {background: url("../img/sdgs_pagetitle.png") bottom center;background-size: cover;}

.sdgs-wrap {padding: 130px 0 0 0;  max-width:850px!important; text-align: center;}
.sdgs-wrap h4 {font-size: 4rem; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #555555;}
.sdgs-wrap h5{font-size: 2rem; font-weight: 700; line-height: 1.75;text-align: left; padding-bottom: 40px;}
.sdgs-wrap p{font-size: 1.6rem; font-weight: 300; line-height: 1.75;text-align: left;}
.sdgs-wrap img {width: 100%; padding: 85px 0 0 0; max-width:850px!important;}
.sdgs-wrap img.sdgs_icon {width: 100%; padding: 20px 0 100px 0; max-width:476px!important;}

@media screen and (max-width: 640px) {
.sdgs-wrap {padding: 15vw 0 0 0;  max-width:850px!important; }
.sdgs-wrap h4 {font-size: 6.7vw; font-weight: 300; line-height: 1;margin-bottom: 3vw;padding-bottom: 3vw;}
.sdgs-wrap h5{font-size: 4vw; font-weight: 700; line-height: 1.75;padding-bottom: 4vw;}
.sdgs-wrap p{font-size: 3vw; font-weight: 300; line-height: 1.75;}
.sdgs-wrap img {width: 100%; padding: 10vw 0 0 0; max-width:850px!important;}
.sdgs-wrap img.sdgs_icon {width: 70%; padding: 2vw 0 10vw 0; max-width:476px!important;}
}



/*========================================
カタログ
=======================================*/

/* header img */
.catalog {background: url("../img/catalog_pagetitle.png") bottom center;background-size: cover;}

.catalog-wrap {padding: 130px 0 0 0;  max-width:850px!important; }
.catalog-wrap h4 {font-size: 4rem; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #555555;}
.catalog-wrap p{font-size: 1.6rem; font-weight: 300; line-height: 1.75;}

.catalog-wrap_02 {padding: 70px 0 0 0;  max-width:850px!important; }
.catalog-wrap_02 ul {width: 100%; height: auto; display: flex;justify-content: flex-start;align-items:stretch; flex-direction: row; flex-wrap: wrap;}
.catalog-wrap_02 ul li{width: 200px; height: auto; margin-left: 16px; margin-bottom: 50px; position: relative; text-align: center;} 
.catalog-wrap_02 ul li:first-child {margin-left: 0;}
.catalog-wrap_02 ul li a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
.catalog-wrap_02 ul li h5 {font-size: 1.6rem; font-weight: 600; line-height: 1.75;text-align: left;}
.catalog-wrap_02 ul li h5 span{display: block; font-size: 1.2rem; font-weight: 300; line-height: 1.75;}
.catalog-wrap_02 ul li img {max-width: 150px; width: 100%; height: auto; margin: 20px auto 20px auto;transition: 0.3s;-webkit-transition: 0.3s;}
.catalog-wrap_02 ul li div {width: 100%; background: #dbdcdc; padding: 5px; font-size: 1.6rem; font-weight: 300; line-height: 1;display: flex;justify-content: space-between;transition: 0.3s;-webkit-transition: 0.3s;}

.catalog-wrap_02 ul li:hover img {opacity: 0.7;} 
.catalog-wrap_02 ul li:hover div {background: #000000; color: #ffffff;} 



@media screen and (max-width: 640px) {
.catalog-wrap {padding: 15vw 0 0 0;  max-width:850px!important; }
.catalog-wrap h4 {font-size: 6.7vw; font-weight: 300; line-height: 1;margin-bottom: 3vw;padding-bottom: 3vw;}
.catalog-wrap p{font-size: 3vw; font-weight: 300; line-height: 1.75;}

.catalog-wrap_02 {padding: 10vw 0 0 0;  max-width:850px!important; }
.catalog-wrap_02 ul {width: 100%; height: auto; display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: wrap; }
.catalog-wrap_02 ul li{width: 45%; height: auto; margin-left: 0; margin-bottom: 10vw;position: relative; text-align: center;} 
.catalog-wrap_02 ul li:first-child {}
.catalog-wrap_02 ul li a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
.catalog-wrap_02 ul li h5 {font-size: 3vw; font-weight: 600; line-height: 1.75;text-align: left;}
.catalog-wrap_02 ul li h5 span{display: block; font-size: 2vw; font-weight: 300; line-height: 1.75;}
.catalog-wrap_02 ul li img {max-width: 150px; width: 100%; height: auto; margin: 3vw auto 3vw auto;transition: 0.3s;-webkit-transition: 0.3s;}
.catalog-wrap_02 ul li div {width: 100%; background: #dbdcdc; padding: 5px; font-size: 3vw; font-weight: 300; line-height: 1;display: flex;justify-content: space-between;transition: 0.3s;-webkit-transition: 0.3s;}

.catalog-wrap_02 ul li:hover img {opacity: 1;} 
.catalog-wrap_02 ul li:hover div {background: #000000; color: #ffffff;} 
}



/*========================================
採用情報
=======================================*/

/* header img */
.recruit {background: url("../img/recruit_pagetitle.png") bottom center;background-size: cover;}

.recruit-wrap {padding: 130px 0 0 0;  max-width:850px!important; }
.recruit-wrap h4 {font-size: 4rem; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 35px;}
.recruit-wrap dl {width: 100%; height: auto;font-size: 1.6rem; font-weight: 300; line-height: 1.75;text-align: left;display: flex;justify-content: flex-start;align-items:stretch; flex-direction: row; flex-wrap: nowrap; border-bottom: 1px solid #555555; padding: 20px 0;}
.recruit-wrap dl:first-of-type {border-top: 1px solid #555555; margin-top: 45px;}
.recruit-wrap dl dt {min-width: 150px!important; width: 150px; padding-left: 20px; font-weight: 600;}
.recruit-wrap dl dd {width: auto; }


@media screen and (max-width: 640px) {
.recruit-wrap {padding: 15vw 0 0 0;  max-width:850px!important; }
.recruit-wrap h4 {font-size: 6.7vw; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 3vw;}
.recruit-wrap dl {width: 100%; height: auto;font-size: 3vw; font-weight: 300; line-height: 1.75;text-align: left;display: flex;justify-content: flex-start;align-items:stretch; flex-direction: column; flex-wrap: nowrap; border-bottom: 1px solid #555555; padding: 20px 0;}
.recruit-wrap dl:first-of-type {border-top: 1px solid #555555; margin-top: 45px;}
.recruit-wrap dl dt {min-width: 100%!important; width: 100%; padding-left: 0; font-weight: 600; margin-bottom: 2vw;}
.recruit-wrap dl dd {width: 100%;}
}





/*========================================
会社概要
=======================================*/

/* header img */
.cop{background: url("../img/company_pagetitle.png") bottom center;background-size: cover;}

.cop-wrap-01  {padding: 100px 0 0 0; max-width:850px!important; }
.cop-wrap-01 h3 {font-size: 5rem; font-weight: 300; line-height: 1.2;text-align: center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.cop-wrap-01 p {font-size: 3rem; font-weight: 300; line-height: 1.7;margin-top: 35px; text-align: center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

.cop-wrap-02 {padding: 85px 0 0 0; max-width:850px!important;}
.cop-wrap-02 > img {width: 100%; height: auto;margin-top: 6%;}
.cop-wrap-02 > div {width: 100%; display: flex;justify-content: space-between;align-items:flex-start; flex-direction: row; flex-wrap: nowrap;}
.cop-wrap-02 > div > img {width: 47%; max-width: 400px; height: auto; margin-top: 6%;}

.cop-wrap-03 {padding: 170px 0 0 0;  max-width:850px!important; }
.cop-wrap-03 h4 {font-size: 4rem; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 35px;}
.cop-wrap-03 > div {width: 100%; display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap;}
.cop-wrap-03 > div > div {width:40.5%; hheight: auto;}
.cop-wrap-03 > div p {width:55.3%; height: auto;font-size: 1.6rem; font-weight: 300; line-height: 1.75;text-align: left;}
.cop-wrap-03 > div > div > img {width: 100%; height: auto;}
.cop-wrap-03 > div > div > p {width: 100%; font-size: 2.9rem; margin-top: 25px; font-weight: 300; line-height: 1;text-align: center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.cop-wrap-03 > div > div > p span {font-size: 1.7rem; vertical-align: middle;}

.cop-wrap-04 {padding: 170px 0 0 0;  max-width:850px!important; }
.cop-wrap-04 h4 {font-size: 4rem; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 35px;}
.cop-wrap-04 > img {width: 100%; height: auto;}
.cop-wrap-04 dl {width: 100%; height: auto;font-size: 1.6rem; font-weight: 300; line-height: 1.75;text-align: left;display: flex;justify-content: flex-start;align-items:stretch; flex-direction: row; flex-wrap: nowrap; border-bottom: 1px solid #555555; padding: 20px 0;}
.cop-wrap-04 dl:first-of-type {border-top: 1px solid #555555; margin-top: 45px;}
.cop-wrap-04 dl dt {min-width: 150px!important; width: 150px; padding-left: 20px; font-weight: 600;}
.cop-wrap-04 dl dd {width: auto; }

.cop-wrap-05 {padding: 140px 0 0 0;  max-width:850px!important; }
.cop-wrap-05 h4 {font-size: 4rem; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 70px;}
.cop-wrap-05 table th{min-width: 200px; width: 200px; font-size: 2.6rem; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; border-right: 1px solid #555555; vertical-align: top; padding-bottom: 40px;}
.cop-wrap-05 table th span{font-size: 1.6rem; font-weight: 300; line-height: 1.75;font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
.cop-wrap-05 table td {font-size: 1.6rem; font-weight: 300; line-height: 1.75;padding-left: 55px; position: relative; vertical-align: top; padding-bottom: 40px;}
.cop-wrap-05 table td::before {content: ""; display: block; height: 1px; font-size: 1px; position: absolute; top:15px; left:-8px;width: 16px; border-top: 1px solid #555555; }
.cop-wrap-05 table td img{width: 100%; height: auto; margin-top: 10px;}
.cop-wrap-05 table th.last,.cop-wrap-05 table td.last  {padding-bottom: 0;}

.cop-wrap-06 {padding: 125px 0 0 0; max-width:850px!important; }
.cop-wrap-06 h4 {font-size: 4rem; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 50px;}
.cop-wrap-06 iframe {width: 100%; height: 400px;}
.cop-wrap-06 p {font-size: 1.6rem; font-weight: 300; line-height: 1.75; position: relative; padding-top: 40px;}



@media screen and (max-width: 640px) {
.cop-wrap-01  {padding: 15vw 0 0 0; max-width:850px!important; }
.cop-wrap-01 h3 {font-size: 9vw; font-weight: 300; line-height: 1.2;text-align: center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.cop-wrap-01 p {font-size: 5vw; font-weight: 300; line-height: 1.7;margin-top: 5vw; text-align: center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

.cop-wrap-02 {padding: 10vw 0 0 0; max-width:850px!important;}
.cop-wrap-02 > img {width: 100%; height: auto;margin-top: 6%;}
.cop-wrap-02 > div {width: 100%; display: flex;justify-content: space-between;align-items:flex-start; flex-direction: row; flex-wrap: nowrap;}
.cop-wrap-02 > div > img {width: 47%; max-width: 400px; height: auto; margin-top: 6%;}

.cop-wrap-03 {padding: 15vw 0 0 0;  max-width:850px!important; }
.cop-wrap-03 h4 {font-size: 6.7vw; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 6vw;}
.cop-wrap-03 > div {width: 100%; display: flex;justify-content: space-between;align-items:stretch; flex-direction: column; flex-wrap: wrap;}
.cop-wrap-03 > div > div {width:100%; height: auto; text-align: center;margin: 0 auto 6vw auto; max-width: 345px;}
.cop-wrap-03 > div p {width:100%; height: auto;font-size: 3vw; font-weight: 300; line-height: 1.75;text-align: left;}
.cop-wrap-03 > div > div > img {width: 100%; height: auto;}
.cop-wrap-03 > div > div > p {width: 100%; font-size: 4vw; margin-top: 3vw; font-weight: 300; line-height: 1;text-align: center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.cop-wrap-03 > div > div > p span {font-size: 3vw; vertical-align: middle;}

.cop-wrap-04 {padding: 15vw 0 0 0;  max-width:850px!important; }
.cop-wrap-04 h4 {font-size: 6.7vw; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 6vw;}
.cop-wrap-04 > img {width: 100%; height: auto;}
.cop-wrap-04 dl {width: 100%; height: auto;font-size: 3vw; font-weight: 300; line-height: 1.75;text-align: left;display: flex;justify-content: flex-start;align-items:stretch; flex-direction: row; flex-wrap: nowrap; border-bottom: 1px solid #555555; padding: 20px 0;}
.cop-wrap-04 dl:first-of-type {border-top: 1px solid #555555; margin-top: 45px;}
.cop-wrap-04 dl dt {min-width: 100px!important; width: 100px; padding-left: 0; font-weight: 600;}
.cop-wrap-04 dl dd {width: auto; }

.cop-wrap-05 {padding: 15vw 0 0 0;  max-width:850px!important; }
.cop-wrap-05 h4 {font-size: 6.7vw; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 8vw;}
.cop-wrap-05 table th{min-width: 120px; width: 120px; font-size: 5vw; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; border-right: 1px solid #555555; vertical-align: top; padding-bottom: 40px;}
.cop-wrap-05 table th span{font-size: 3vw; font-weight: 300; line-height: 1.75;font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
.cop-wrap-05 table td {font-size: 3vw; font-weight: 300; line-height: 1.75;padding-left: 6vw; position: relative; vertical-align: top; padding-bottom: 8vw;}
.cop-wrap-05 table td::before {content: ""; display: block; height: 1px; font-size: 1px; position: absolute; top:12px; left:-8px;width: 16px; border-top: 1px solid #555555; }
.cop-wrap-05 table td img{width: 100%; height: auto; margin-top: 10px;}
.cop-wrap-05 table th.last,.cop-wrap-05 table td.last  {padding-bottom: 0;}

.cop-wrap-06 {padding: 15vw 0 0 0; max-width:850px!important; }
.cop-wrap-06 h4 {font-size: 6.7vw; font-weight: 300; line-height: 1;text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;  margin-bottom: 6vw;}
.cop-wrap-06 iframe {width: 100%; height: 400px;}
.cop-wrap-06 p {font-size: 3vw; font-weight: 300; line-height: 1.75; position: relative; padding-top: 4vw;}
}




/*========================================
お食事処・直売所 麺蔵人
=======================================*/

/* header img */
.mkd{background: url("../img/mkd_pagetitle.png") bottom center;background-size: cover;}

.mkd-wrap {padding: 120px 0 0 0; max-width:850px!important; }
.mkd-wrap > img {width: 100%; height: auto; }
.mkd-wrap > img.logo {width: 100%; height: auto; max-width: 725px;}
.mkd-wrap > img.logo_02 {width: 100%; height: auto; max-width: 705px;}
.mkd-wrap > p {font-size: 1.6rem; font-weight: 300; line-height: 1.75; margin-top: 45px;}

.mkd-wrap_02 {padding: 60px 0 0 0; max-width:850px!important; }
.mkd-wrap_02 > img {width: 100%; height: auto;}
.mkd-wrap_02 > div {width: 100%; display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: wrap;}
.mkd-wrap_02 > div > div {width: 31.1%; max-width: 265px; height: auto; margin-top: 27px;}
.mkd-wrap_02 > div > div img {width: 100%; height: auto;}
.mkd-wrap_02 > div > div p {font-size: 2rem; font-weight: 300; line-height: 1.2;margin-top: 15px; text-align: right;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

.mkd-wrap_03 {padding: 90px 0 0 0; max-width:850px!important; }
.mkd-wrap_03 > img {width: 100%; height: auto;}
.mkd-wrap_03 > div {width: 100%; display: flex;justify-content: space-between;align-items:flex-start; flex-direction: row; flex-wrap: wrap;}
.mkd-wrap_03 > div img {width: 48.47%; max-width: 412px; height: auto; margin-top: 27px;}
.mkd-wrap_03 p {font-size: 2rem; font-weight: 300; line-height: 1.7;margin-top: 15px; text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

.mkd-wrap_04 {padding: 90px 0 0 0; max-width:850px!important; }
.mkd-wrap_04 > img {width: 100%; height: auto; max-width:850px;}
.mkd-wrap_04 > p {font-size: 2rem; font-weight: 300; line-height: 1.7;margin-top: 15px; text-align: left;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

.mkd-wrap_05 {padding: 110px 0 0 0; max-width:850px!important; white-space: nowrap!important;}
.mkd-wrap_05 > img.logo {width: 100%; height: auto; max-width:553px; margin-bottom: 45px;}
.mkd-wrap_05 > img.logo_02 {width: 100%; height: auto; max-width:553px; margin-bottom: 45px;}
.mkd-wrap_05 > div {width: 100%; height: auto; display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap;}
.mkd-wrap_05 > div > div:first-of-type {width: 390px; height: auto; font-size: 1.6rem; font-weight: 300; line-height: 1.75; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.mkd-wrap_05 > div > div:last-of-type {width: 53.8%; max-width: 458px; height: auto; text-align: right;}
.mkd-wrap_05 > div > div:last-of-type img {width: 100%; max-width: 458px; height: auto; }
.mkd-wrap_05 > div > div:last-of-type img.w416 {max-width: 416px!important;}

.mkd-wrap_05 > div > div:first-of-type > p {}
.mkd-wrap_05 > div > div:first-of-type dl {width:100%;display: flex;justify-content: flex-start;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-top: 31px;}
.mkd-wrap_05 > div > div:first-of-type dl dt {width:95px; font-weight: 600;}
.mkd-wrap_05 > div > div:first-of-type dl dd {width:auto;}
.mkd-wrap_05 > div > div:first-of-type dl dd p{text-indent: -5em; padding-left: 5em;}

.mkd-wrap_06 {padding: 60px 0 0 0; max-width:850px!important; }
.mkd-wrap_06 iframe {width: 100%; height: 480px;}


.mkd-wrap_07 {padding: 40px 0 0 0; max-width:850px!important; white-space: nowrap!important; border-top: 1px solid #000000; margin-top: 80px!important;}
.mkd-wrap_07 > h5 {width: 100%; font-size: 2.6rem; font-weight: 300; line-height: 1.75; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin-bottom: 10px;white-space: wrap!important; }
.mkd-wrap_07 > p {width: 100%; font-size: 1.6rem; font-weight: 300; line-height: 1.75; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin-bottom: 40px;white-space: wrap!important; }

.mkd-wrap_07 img.logo_02 {width: 100%; height: auto; max-width:375px; margin-bottom: 20px;}
.mkd-wrap_07 img.logo_03 {display: none;}
.mkd-wrap_07 > div {width: 100%; height: auto; display: flex;justify-content: space-between;align-items:stretch; flex-direction: row; flex-wrap: nowrap;}
.mkd-wrap_07 > div > div:first-of-type {width: 390px; height: auto; font-size: 1.6rem; font-weight: 300; line-height: 1.75; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.mkd-wrap_07 > div > div:last-of-type {width: 53.8%; max-width: 458px; height: auto; text-align: right;}
.mkd-wrap_07 > div > div:last-of-type img {width: 100%; max-width: 458px; height: auto; }
.mkd-wrap_07 > div > div:last-of-type img.w416 {max-width: 416px!important;}

.mkd-wrap_07 > div > div:first-of-type > p {}
.mkd-wrap_07 > div > div:first-of-type dl {width:100%;display: flex;justify-content: flex-start;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-top: 31px;}
.mkd-wrap_07 > div > div:first-of-type dl dt {width:95px; font-weight: 600;}
.mkd-wrap_07 > div > div:first-of-type dl dd {width:auto;}
.mkd-wrap_07 > div > div:first-of-type dl dd p{text-indent: -5em; padding-left: 5em;}


@media screen and (max-width: 640px) {
.mkd-wrap {padding: 15vw 0 0 0; }
.mkd-wrap > img.logo,.mkd-wrap > img.logo_02 {width: 90%; }
.mkd-wrap > p {font-size: 3vw; margin-top: 6vw;}

.mkd-wrap_02 {padding: 10vw 0 0 0;}
.mkd-wrap_02 > div > div {width: 31.1%; margin-top: 2.6vw;}
.mkd-wrap_02 > div > div img {width: 100%; }
.mkd-wrap_02 > div > div p {font-size: 3.6vw; margin-top: 2.8vw;}

.mkd-wrap_03 {padding: 10vw 0 0 0; }
.mkd-wrap_03 > div {width: 100%; }
.mkd-wrap_03 > div img {width: 48.47%; margin-top: 2.6vw;}
.mkd-wrap_03 p {font-size: 3.6vw; margin-top: 2.6vw; }

.mkd-wrap_04 {padding: 10vw 0 0 0; }
.mkd-wrap_04 > p {font-size: 3.6vw; margin-top: 2.6vw; }

.mkd-wrap_05 {padding: 14vw 0 0 0; max-width:850px!important; }
.mkd-wrap_05 > img.logo {width: 90%; height: auto; max-width:553px; margin-bottom: 5vw;}
.mkd-wrap_05 > img.logo_02 {width: 90%; height: auto; max-width:553px; margin-bottom: 5vw;}
.mkd-wrap_05 > div {width: 100%; height: auto; display: flex;justify-content: center;align-items:center; flex-direction: column; flex-wrap: wrap;}
.mkd-wrap_05 > div > div:first-of-type {width: 100%; height: auto; font-size: 3.2vw; font-weight: 300; line-height: 1.75; order: 2;}
.mkd-wrap_05 > div > div:last-of-type {width: 100%; max-width: auto; height: auto; order: 1; margin-bottom: 7vw;  text-align: center;}
.mkd-wrap_05 > div > div:last-of-type img {width: 100%; max-width: 100%; height: auto; }

.mkd-wrap_05 > div > div:first-of-type > p {}
.mkd-wrap_05 > div > div:first-of-type dl {width:100%;display: flex;justify-content: flex-start;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-top: 5vw;}
.mkd-wrap_05 > div > div:first-of-type dl dt {width:20vw; font-weight: 600;white-space: nowrap!important; }
.mkd-wrap_05 > div > div:first-of-type dl dd {width:auto;}
.mkd-wrap_05 > div > div:first-of-type dl dd p{text-indent: -5em; padding-left: 5em;}

.mkd-wrap_06 {padding: 8vw 0 0 0; }
.mkd-wrap_06 iframe {width: 100%; height: 380px;}


.mkd-wrap_07 {padding: 5vw 0 0 0; max-width:850px!important;  margin-top: 12vw!important;}
.mkd-wrap_07 > h5 {width: 100%; font-size: 5vw; font-weight: 300; line-height: 1.75; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin-bottom: 10px;white-space: wrap!important; }
.mkd-wrap_07 > p {width: 100%; font-size: 3.2vw; font-weight: 300; line-height: 1.75; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin-bottom: 5vw;white-space: wrap!important; }
.mkd-wrap_07 img.logo_02 {width: 80%; height: auto; max-width:375px; margin-bottom: 2vw; display: none;}
.mkd-wrap_07 img.logo_03 {width: 80%; height: auto; max-width:375px; margin-bottom: 2vw; display: block;}
.mkd-wrap_07 > img.logo {width: 90%; height: auto; max-width:553px; margin-bottom: 5vw;}
.mkd-wrap_07 > div {width: 100%; height: auto; display: flex;justify-content: center;align-items:center; flex-direction: column; flex-wrap: wrap;}
.mkd-wrap_07 > div > div:first-of-type {width: 100%; height: auto; font-size: 3.2vw; font-weight: 300; line-height: 1.75; order: 2;}
.mkd-wrap_07 > div > div:last-of-type {width: 100%; max-width: auto; height: auto; margin-bottom: 7vw;  text-align: center; order: 1;}
.mkd-wrap_07 > div > div:last-of-type img {width: 100%; max-width: 100%; height: auto; }

.mkd-wrap_07 > div > div:first-of-type > p {}
.mkd-wrap_07 > div > div:first-of-type dl {width:100%;display: flex;justify-content: flex-start;align-items:stretch; flex-direction: row; flex-wrap: nowrap; margin-top: 5vw; padding-bottom: 5vw;}
.mkd-wrap_07 > div > div:first-of-type dl dt {width:20vw; font-weight: 600;white-space: nowrap!important; }
.mkd-wrap_07 > div > div:first-of-type dl dd {width:auto;}
.mkd-wrap_07 > div > div:first-of-type dl dd p{text-indent: -5em; padding-left: 5em;}

}

@media screen and (max-width: 340px) {
.mkd-wrap_02 > div {display: flex;justify-content: center;align-items:center; flex-direction: column; flex-wrap: wrap;}
.mkd-wrap_02 > div > div {width: 100%; max-width: 100%; margin-top: 4vw;}
.mkd-wrap_02 > div > div img {width: 100%; max-width: 100%;}
}





/*========================================
プライバシーポリシー
=======================================*/

/* header img */
.privacy{background:#ababab ;}

body.privacybody #page_header{display: block; width: 100%; position: fixed; height: auto; min-height: 490px; top: 0;z-index: 0;}
body.privacybody h2#pagetitle{background: #ababab; color: #ffffff;}
body.privacybody #container {margin: 148px 0 0 0;}
@media screen and (max-width: 980px) {body.privacybody #container {margin: 60px 0 0 0;}}

#privacy-wrap {padding: 100px 0 0 0; max-width: 900px; }
#privacy-wrap h3{font-size: 3.5rem; font-weight: 300; line-height: 1.2; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; }
#privacy-wrap h3 span{display: block; font-size: 1.6rem; font-weight: 300; line-height: 1.2; padding-top: 15px; }
#privacy-wrap p{font-size: 1.6rem; font-weight: 300; line-height: 1.75;margin-top: 65px;}
body.single #privacy-wrap h3{margin-bottom: 65px!important;}
body.single #privacy-wrap p{margin-top: 2em!important;}


#privacy_contact-wrap {margin-top: 65px!important; padding: 50px 0; max-width: 900px; border-bottom: 1px #555555 solid;border-top: 1px #555555 solid; display: flex;justify-content: space-between;align-items: flex-end; flex-direction: row; flex-wrap: wrap;}
#privacy_contact-wrap p{font-size: 1.6rem; font-weight: 300; line-height: 1.75;}
.single_pages {display: flex;justify-content: space-between;align-items: center; flex-direction: row; flex-wrap: nowrap;padding: 20px 0;}

#privacy_contact-wrap > a{width: 250px; height: 50px; font-size: 2rem; font-weight: 600; background:#888888; color:#ffffff; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s; border-radius:8px;}
#privacy_contact-wrap > a::after {content: "＞" ; position: absolute; right: 10px; font-weight: 300; top: 50%;-webkit-transform: translate(-50%, -50%); /* Safari用 */transform: translate(-50%, -50%);}
#privacy_contact-wrap > a:hover {background:#000000; }


@media screen and (max-width: 640px) {
#privacy-wrap {padding: 11vw 0 0 0; }
#privacy-wrap h3{font-size: 5.5vw; }
#privacy-wrap h3 span{display: block; font-size: 3vw; font-weight: 300; line-height: 1.2; }
#privacy-wrap p{font-size: 3vw; margin-top: 8vw;}

#privacy_contact-wrap {margin-top: 8vw!important; padding: 7vw 0; align-items: flex-start; flex-direction: column; flex-wrap: wrap;}
#privacy_contact-wrap p{font-size: 3vw; font-weight: 300; line-height: 1.75; margin-bottom: 6vw;}
.single_pages {align-items: space-between!important; flex-direction: row!important; flex-wrap: nowrap!important;}
.single_pages p{margin-bottom: 0!important;}

#privacy_contact-wrap > a{width: 100%; height: 50px; font-size: 4.5vw; font-weight: 600; background:#888888; color:#ffffff; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s; border-radius:8px;}
#privacy_contact-wrap > a::after {content: "＞"; position: absolute;  font-weight: 300;}
#privacy_contact-wrap > a:hover {background:#000000; }

}


/*========================================
手延麺師大学
=======================================*/

/* header img */
.college{background: url("../img/college_pagetitle.png") bottom center;background-size: cover;}


/* 手延べ麺づくり体験 & 工場見学 */
#exp_top-wrap {padding: 125px 0 0 0; }
#exp_top-wrap h3 {font-size: 6rem; font-weight: 300; line-height: 1.2; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin-bottom: 35px;}
#exp_top-wrap p {font-size: 1.6rem; font-weight: 300; line-height: 1.75; margin-bottom: 75px;}
#exp_top-wrap > img {width: 100%; height: auto; }
#exp_top-wrap > div {width: 100%; height: auto;display: flex;justify-content: space-between;align-items: flex-start; flex-direction: row; flex-wrap: wrap;}
#exp_top-wrap > div > img {width: 47.5%; height: auto;margin-top:5%;}

.exp-wrap {padding: 110px 0 0 0; }
.exp-wrap h4 {font-size: 2.8rem; font-weight: 300; line-height: 1.2; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin-bottom: 20px;}
.exp-wrap h4 .red {font-weight: 600; color: #a61f24!important;}
.exp-wrap p {font-size: 1.6rem; font-weight: 300; line-height: 1.75;}
.exp-wrap > div {width: 100%; height: auto;display: flex;justify-content: space-between;align-items: flex-start; flex-direction: row; flex-wrap: wrap;}
.exp-wrap > div > img {width: 47.5%; height: auto;margin-top:5%;}

/* 手延べ麺づくり体験 & 工場見学  テーブル*/
.exp-wraptable {width: 100%;}
.exp-wrap table th ,.exp-wrap table td {border: solid 1px #717071; padding:25px; font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.75; text-align: left;}
.exp-wrap table th {width: 120px; background: #e3d4c2; vertical-align: middle;font-weight: 600;}
.exp-wrap table td {width: auto;vertical-align: top;}
.exp-wrap table td p{text-indent: -1em;padding-left: 1em;}

.exp-wrap table td ul{width: 100%; display: flex;justify-content: flex-start;align-items: stretch; flex-direction: row; flex-wrap: wrap; }
.exp-wrap table td ul li{margin: 25px 25px 0 0;}
.exp-wrap table td ul li:last-child{margin-right: 0;}
.exp-wrap table td ul li img{width: 100%; margin-bottom: 5px;}
.exp-wrap table td > img{width: 100%; margin-bottom: 25px;}
.exp-wrap table td ul.rice li{width: 135px; font-weight: 600; line-height: 1.3;}
.exp-wrap table td ul.store li{width: 185px;}

.exp-wrap > a{width: 350px; height: 50px; font-size: 20px; font-size: 2rem; font-weight: 600; background:#b28146; color:#ffffff; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s; margin: 65px auto 0 auto; border-radius:8px;}
.exp-wrap > a:hover {background:#000000; }



@media screen and (max-width: 640px) {
#exp_top-wrap {padding: 15vw 0 0 0; }
#exp_top-wrap h3 {font-size: 9vw; font-weight: 300; line-height: 1.2; margin-bottom: 3.5vw;}
#exp_top-wrap p {font-size: 3vw; font-weight: 300; line-height: 1.75; margin-bottom: 7.5vw;}
.exp-wrap {padding: 13vw 0 0 0; }
.exp-wrap h4 {font-size: 5vw; font-weight: 300; line-height: 1.2; margin-bottom: 2vw;}
.exp-wrap p {font-size: 3vw; font-weight: 300; line-height: 1.75;}

.exp-wrap table th ,.exp-wrap table td {border: solid 1px #717071; padding:20px; font-size: 3vw;}
.exp-wrap table {border-bottom: 1px solid #717071;}
.exp-wrap table th {width: 100%; display: block;}
.exp-wrap table td {width: 100%; display: block; border-top: none;border-bottom: none;}

.exp-wrap table td ul{width: 100%; display: flex;justify-content: space-around;align-items: stretch; flex-direction: row; flex-wrap: wrap; }
.exp-wrap table td ul li{margin: 4vw 0 0 0;}
.exp-wrap table td ul li img{width: 100%; margin-bottom: 5px;}
.exp-wrap table td > img{width: 100%; margin-bottom: 4vw;}
.exp-wrap table td ul.rice li{width: 35vw; font-weight: 600; line-height: 1.3;}
.exp-wrap table td ul.store li{width: 50vw;}

.exp-wrap > a{width: 100%; height: 50px; font-size: 5vw; margin: 10vw auto 0 auto; border-radius:8px;}
.exp-wrap > a:hover {background:#000000; }
}



#clg_top-wrap {padding: 125px 0 0 0; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: wrap;}
#clg_top-wrap > div{width: 47.6%; height: auto; position: relative; margin: 0 0 110px 0;}
#clg_top-wrap div > div{width: 100%; height: auto; position: relative;}
#clg_top-wrap div > div > img{width: 100%; height: auto;-webkit-transition: all .3s;transition: all .3s;}
#clg_top-wrap div p {font-size: 16px; font-size: 1.6rem; line-height: 1.75; font-weight: 300;text-align: center; }
#clg_top-wrap div h5 {font-size: 3.5rem; line-height: 1.2; font-weight: 300;text-align: center; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; padding: 0; margin: 40px 0 40px 0;}
#clg_top-wrap div > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
#clg_top-wrap div > div::after {content: "詳しくはこちら"; font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: 300; color: #000000; width: 180px; height: 35px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; position: absolute; bottom:40px; right: calc(50% - 90px); opacity: 0; -webkit-transition: all .3s;transition: all .3s;}
#clg_top-wrap div:hover > div::after {bottom:70px;  opacity: 1;}
#clg_top-wrap div:hover img {opacity: .7;}

@media screen and (max-width: 640px) {
.college{background: url("../img/college_pagetitle.png") bottom center;background-size: cover;}
#clg_top-wrap {padding: 15vw 0 0 0;}
#clg_top-wrap > div{width: 100%; height: auto; position: relative; margin: 0 0 14vw 0;}
#clg_top-wrap div h5 {font-size: 6vw; margin: 4vw 0 4vw 0;}
#clg_top-wrap div p{font-size: 3vw; }
#clg_top-wrap div:hover > div::after,#clg_top-wrap div > div::after{font-size: 3vw;opacity: 1; bottom: calc(25% - 3.5vw); right: calc(50% - 17.5vw); width: 35vw; height: 7vw;}
}

/* header ナビゲーション */
#clg_hnavi-wrap {margin-top: 125px!important; padding: 65px 0 35px 0; background-size: auto auto;background-color: rgba(255, 238, 186, 1);background-image: repeating-linear-gradient(45deg, transparent, transparent 17px, rgba(255, 255, 255, 1) 17px, rgba(255, 255, 255, 1) 18px );font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 1.75; color: #853c2d; text-align: center;}
#clg_hnavi-wrap img {width: 100%; max-width:810px;height: auto; margin: 0 0 30px 11%; }
#clg_hnavi-wrap ul {width: 100%; max-width:792px; margin: 50px auto 0 auto; height: auto; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: wrap;}
#clg_hnavi-wrap ul li {width: 250px; height: 35px; font-size: 1.7rem; font-weight: 800; line-height: 1; color: #ffffff; margin: 0 0 15px 0; background: #0c4834; display: flex;justify-content: center;align-items: center; border-radius: 25px;-webkit-transition: all .3s;transition: all .3s;}
#clg_hnavi-wrap ul li:hover {background: #853c2d; }
#clg_hnavi-wrap ul::after {display: block;content:"";width: 250px;}


/* footer ナビゲーション */
#clg_fnavi-wrap {margin-top: 190px!important; padding: 30px 30px 15px 30px; background-size: auto auto;background-color: rgba(255, 238, 186, 1);background-image: repeating-linear-gradient(45deg, transparent, transparent 17px, rgba(255, 255, 255, 1) 17px, rgba(255, 255, 255, 1) 18px );font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 1.75; color: #853c2d; text-align: center;position: relative; }
#clg_fnavi-wrap img {width: 100%; max-width:158px;height: auto; margin: 0; position: absolute; right: 5px; bottom: -30px;}
#clg_fnavi-wrap ul {width: 100%; max-width:792px; margin: 0; height: auto; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: wrap;}
#clg_fnavi-wrap ul li {width: 250px; height: 35px; font-size: 1.7rem; font-weight: 800; line-height: 1; color: #ffffff; margin: 0 0 15px 0; background: #0c4834; display: flex;justify-content: center;align-items: center; border-radius: 25px;-webkit-transition: all .3s;transition: all .3s;}
#clg_fnavi-wrap ul li:hover {background: #853c2d; }
#clg_fnavi-wrap ul::after {display: block;content:"";width: 250px;}


.clg_01-wrap {padding: 100px 0 0 0;font-family: 'M PLUS Rounded 1c', sans-serif;color: #853c2d; }
.clg_01-wrap h3 {margin: 0 0 100px 0; font-size: 5.5rem; font-weight: 400; line-height: 1.3; text-align: center;}
.clg_01-wrap h4 {margin: 0;font-size: 3rem; font-weight: 400; line-height: 1.3; text-align: left;}
.clg_01-wrap p {margin: 0;font-size: 1.6rem; font-weight: 400; line-height: 1.75; text-align: left;}
.clg_01-wrap img.right {margin: 0 0 0 15px;float: right;width: 100%; height: auto;}
.clg_01-wrap img.left {margin: 0 30px 0 0;float: left;width: 100%; height: auto;}
.clg_01-wrap img.center {width: 100%; height: auto; margin: 0 auto;}

@media screen and (max-width: 1000px) {
#clg_hnavi-wrap {padding-left:30px; padding-right:30px; }
#clg_hnavi-wrap img {width: 80%; max-width:810px;height: auto; margin: 0 0 30px 11%; }
#clg_hnavi-wrap ul {justify-content: space-around;}
#clg_fnavi-wrap ul {justify-content: space-around; width: 80%;}
}

@media screen and (max-width: 640px) {
/* header ナビゲーション */
#clg_hnavi-wrap {width: 100%!important; margin-top: 12.5vw!important; padding: 6.5vw 3.5vw 3.5vw 3.5vw; background-size: auto auto;background-color: rgba(255, 238, 186, 1);background-image: repeating-linear-gradient(45deg, transparent, transparent 17px, rgba(255, 255, 255, 1) 17px, rgba(255, 255, 255, 1) 18px );font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 3vw; font-weight: 400; line-height: 1.75; color: #853c2d; text-align: center;}
#clg_hnavi-wrap img {width: 85%; max-width:810px;height: auto; margin: 0 0 6vw 11%; }
#clg_hnavi-wrap ul {width: 100%; max-width:792px; margin: 50px auto 0 auto; height: auto; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: wrap;}
#clg_hnavi-wrap ul li {width: 43vw; height: 35px; font-size: 3.2vw; font-weight: 800; line-height: 1; color: #ffffff; margin: 0 0 15px 0; background: #0c4834; display: flex;justify-content: center;align-items: center; border-radius: 25px;-webkit-transition: all .3s;transition: all .3s;}
#clg_hnavi-wrap ul::after {display: block;content:"";width: 42vw;}

#clg_fnavi-wrap {width:100%!important;margin-top: 15vw!important;}
#clg_fnavi-wrap img {width: 30%; bottom: 10px;}
#clg_fnavi-wrap ul {justify-content: flex-start;}
#clg_fnavi-wrap ul li {width: 50vw; height: 35px; font-size: 3.2vw; font-weight: 800; line-height: 1; color: #ffffff; margin: 0 0 15px 0; background: #0c4834; display: flex;justify-content: center;align-items: center; border-radius: 25px;-webkit-transition: all .3s;transition: all .3s;}
#clg_fnavi-wrap ul::after {display: block;content:"";width: 42vw;}


.clg_01-wrap {padding: 10vw 0 0 0;font-family: 'M PLUS Rounded 1c', sans-serif;color: #853c2d; }
.clg_01-wrap h3 {margin: 0 0 10vw 0; font-size: 9vw; font-weight: 400; text-align: center;}
.clg_01-wrap h4 {margin: 0 0 10px 0;font-size: 6vw; font-weight: 400; text-align: left;}
.clg_01-wrap p {margin: 0;font-size: 3vw; font-weight: 400; text-align: left;}
.clg_01-wrap img.right {margin:0 auto 5vw auto;float: none;width: 70%; height: auto; display: block;}
.clg_01-wrap img.left {margin:0 auto 5vw auto;float: none;width: 70%; height: auto;display: block;}
}


/*========================================
美味しい食べ方
=======================================*/

/* header img */
.howto{background: url("../img/howto_01_pagetitle.png") center center;background-size: cover;}



/* レシピ */
.recipe_wrap_04 {margin-top: 115px!important; padding: 35px 50px 50px 50px; background-image: url("../img/recipe_bg.jpg"); background-size: cover; background-position: center center;}
.recipe_wrap_04 h3{font-size: 5rem; font-weight: 300; line-height: 1.2; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin-bottom: 30px;}

@media screen and (max-width: 640px) {
.recipe_wrap_04 {width: 100%!important; margin-top: 10vw!important; margin-left: 0!important; margin-right: 0!important; padding: 4vw 8vw; }
.recipe_wrap_04 h3{font-size: 7vw;margin-bottom: 4vw;}
}

.recipe_img {display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: nowrap;}
.recipe_img > div:first-of-type{max-width:520px; }
.recipe_img > div:first-of-type img{width: 100%; height: auto;}
.recipe_img > div:last-of-type{width:340px; display: flex;justify-content: center;align-items: stretch; flex-direction: column; flex-wrap: wrap;font-size: 1.6rem; font-weight: 300; line-height: 1.7;}
.recipe_img > div:last-of-type > div {width:100%; min-height: 345px; color:#b28146; background: #ffffff; border: #b28146 1px solid; font-size: 1.5rem; font-weight: 600; text-align: center; display: flex;justify-content: space-between;align-items: center; flex-direction: column; flex-wrap: wrap; padding: 10px 10px 20px 10px; margin-top: auto; position: relative; -webkit-transition: all .3s;transition: all .3s;}
.recipe_img > div:last-of-type > div img {width: 100%; height: auto; margin:  0 auto;}
.recipe_img > div:last-of-type > div h6 {font-size: 1.8rem; font-weight: 300; line-height: 1.2;color:#231815;}
.recipe_img > div:last-of-type > div:hover {background: #f9f2ea;}
.recipe_img > div:last-of-type > div a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
.recipe_img > div:last-of-type > div p{width: 70%; max-width: 165px; height: 25px; font-size: 1.3rem; font-weight: 600; background:#b28146; color:#ffffff; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s; }
.recipe_img > div:last-of-type > div:hover p{background: #bc9f80;}

.recipe_img_02 {width: 100%;}
.recipe_img_02 > div:first-of-type{max-width:100%; }
.recipe_img_02 > div:first-of-type img{max-width:100%; height: auto; margin-bottom: 35px;}
.recipe_img_02 > div:last-of-type{width:100%; border: #b28146 1px solid;background: #ffffff; display: flex;justify-content: space-between;align-items: stretch; flex-direction:row; flex-wrap: nowrap; position: relative; padding: 15px;-webkit-transition: all .3s;transition: all .3s; }
.recipe_img_02 > div:last-of-type a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
.recipe_img_02 > div:last-of-type:hover {background: #f9f2ea;}

.recipe_img_02 > div:last-of-type > div:first-of-type{color:#b28146; font-size: 1.5rem; font-weight: 600;}
.recipe_img_02 > div:last-of-type > div:first-of-type > div {display: flex;justify-content: space-between;align-items: stretch; flex-direction:row; flex-wrap: nowrap;color:#b28146; font-size: 1.5rem; font-weight: 600;}
.recipe_img_02 > div:last-of-type > div:first-of-type > div img {margin: 10px 20px 0 20px; align-self: flex-start;}
.recipe_img_02 > div:last-of-type > div:first-of-type > div > div {display: flex;justify-content: flex-end;align-items: center; flex-direction:column; flex-wrap: wrap;padding-bottom: 10px;}
.recipe_img_02 > div:last-of-type > div:first-of-type > div > div h6 {font-size: 1.8rem; font-weight: 300; line-height: 1.5;color:#231815; text-align: center; margin-bottom: 10px;}
.recipe_img_02 > div:last-of-type > div:first-of-type > div > div p{width: 165px; height: 25px; font-size: 1.3rem; font-weight: 600; background:#b28146; color:#ffffff; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s; }

.recipe_img_02 > div:last-of-type > div:last-of-type{display: flex;justify-content: space-between;align-items: flex-start; flex-direction:row; flex-wrap: nowrap;}
.recipe_img_02 > div:last-of-type > div:last-of-type > p{font-size: 1.6rem; font-weight: 300; line-height: 1.5; margin:0 20px;}
.recipe_img_02 > div:last-of-type > div:last-of-type > img{width: 100%; height: auto;}


@media screen and (max-width: 1000px) {
.recipe_img > div:first-of-type{width: 48%; margin-right: 30px;}
.recipe_img > div:last-of-type{width:48%;}

.recipe_img_02 > div:last-of-type{flex-direction:column; flex-wrap: wrap; }
.recipe_img_02 > div:last-of-type > div:first-of-type > div {display: flex;justify-content:center;}
.recipe_img_02 > div:last-of-type > div:first-of-type {max-width:100%; margin-bottom: 20px;}
.recipe_img_02 > div:last-of-type > div:last-of-type > p{font-size: 1.6rem; font-weight: 300; line-height: 1.5; margin:0 20px 0 0;}
.recipe_img_02 > div:last-of-type > div:last-of-type > img{width: 50%; height: auto;}
}

@media screen and (max-width: 640px) {
.recipe_img {display: flex;justify-content: space-between;align-items: stretch; flex-direction: column; flex-wrap: wrap;}
.recipe_img > div:first-of-type{width: 100%; margin:0 0 4vw 0;}
.recipe_img > div:last-of-type{width:100%; font-size: 3vw;}
.recipe_img > div:last-of-type > div {margin:4vw 0 0 0;font-size: 3vw;}
.recipe_img > div:last-of-type > div h6{font-size: 4vw;}
.recipe_img > div:last-of-type > div img{margin: 3vw 0; }
.recipe_img > div:last-of-type > div p{max-width: 100%; height: 40px; font-size: 3vw; margin-top: 3vw; }


.recipe_img_02 > div:last-of-type > div:first-of-type > div > div p{max-width: 100%; height: 40px; font-size: 3vw; margin-top: 3vw; }
.recipe_img_02 > div:last-of-type > div:last-of-type{flex-direction:column; flex-wrap: wrap;}
.recipe_img_02 > div:last-of-type > div:last-of-type > p{font-size: 3vw; margin:0 0 3vw 0;}
.recipe_img_02 > div:last-of-type > div:last-of-type > img{width: 100%; height: auto; margin: 0 auto;}
}


.recipe_txt{margin-top: 30px; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: nowrap;}
.recipe_txt_02{flex-wrap: wrap!important;}
.recipe_txt > div.material {width:335px;}
.recipe_txt > div.make{width:505px;font-size: 1.6rem; font-weight: 300; line-height: 1.5;}
.recipe_txt > div.material h5,.recipe_txt > div.make h5{width: 100%; font-size: 1.8rem; font-weight: 600; line-height: 1.2;color:#b28146; border-bottom: 1px #b28146 solid; padding-bottom: 5px; margin-bottom: 15px;}
.recipe_txt > div.material h4{width: 100%; font-size: 3rem; font-weight: 300; line-height: 1.2;margin-bottom: 15px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.recipe_txt > div.make p{margin-bottom: 1.5em;font-size: 1.6rem; font-weight: 300; line-height: 1.5;text-indent: -1em;padding-left: 1em;}

.recipe_txt > div.material_02 {width:270px!important; margin-top: 30px;margin-right: 0;}
.recipe_txt  div.make_02 h5{width: 100%; font-size: 1.8rem; font-weight: 600; line-height: 1.2;color:#b28146; border-bottom: 1px #b28146 solid; padding-bottom: 5px; margin:30px 0 15px 0;}
.recipe_txt  div.make_02 p{margin-bottom: 1.5em;font-size: 1.6rem; font-weight: 300; line-height: 1.5;text-indent: -1em;padding-left: 1em; }

.recipe_txt > div.material dl{width:100%;display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: nowrap;}
.recipe_txt > div.material dl dt{width:100%;font-size: 1.6rem; font-weight: 300; line-height: 1.5;padding-right: 10px;white-space: nowrap;}
.recipe_txt > div.material dl dt p{display: flex;align-items: center;}
.recipe_txt > div.material dl dt p:after{content: ""; flex-grow: 1;height: 1px;border-top: 1px dotted #a69585;display: block;margin-left: 10px;}
.recipe_txt > div.material dl dd {width:auto; text-align: right;font-size: 1.6rem; font-weight: 300; line-height: 1.5;white-space: nowrap;}


@media screen and (max-width: 1000px) {
.recipe_txt > div.material {width:335px; margin-right: 20px;}
.recipe_txt > div.make{width:auto;}
.recipe_txt > div.material_02 {width:46%!important; margin-top: 30px; margin-right: 0;}
}

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

.recipe_txt > div.material_02 {width:100%!important; margin-top: 30px;}
}

@media screen and (max-width: 640px) {
.recipe_txt > div.material h4{font-size: 5.5vw;}
.recipe_txt{margin-top: 30px; display: flex;justify-content: space-between;align-items: stretch; flex-direction: column; flex-wrap: wrap;}
.recipe_txt > div.material {width:100%; margin-bottom: 6vw;}
.recipe_txt > div.make{width:100%;font-size: 3vw;}
.recipe_txt > div.make p{font-size: 3vw; }

.recipe_txt > div.material h5,.recipe_txt > div.make h5{font-size: 3.5vw; padding-bottom: 5px; margin-bottom: 15px;}
.recipe_txt > div.material dl dt{font-size: 3vw;}
.recipe_txt > div.material dl dt p{display: flex;align-items: center;}
.recipe_txt > div.material dl dt p:after{content: ""; flex-grow: 1;height: 1px;border-top: 1px dotted #a69585;display: block;margin-left: 10px;}
.recipe_txt > div.material dl dd {font-size: 3vw; }
}


.recipe_wrap_05{padding-top: 90px;}
.recipe_wrap_05 h3{width: 100%; font-size: 3.5rem; font-weight: 300; line-height: 1.2; text-align: center;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin-bottom: 30px;}
.recipe_wrap_05 > div {width: 100%; height: auto; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: wrap; }
.recipe_wrap_05 > div > div {width: 176px; height: auto; position: relative; font-size: 1.6rem; font-weight: 300; line-height: 1.5; margin-bottom: 50px;}
.recipe_wrap_05 > div > div a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
.recipe_wrap_05 > div > div > div {width: 176px;height: 176px; border: 1px solid #dcdddd; margin-bottom: 15px; overflow: hidden;}
.recipe_wrap_05 > div > div > div img {width: 100%; height: auto;-webkit-transition: all .3s;transition: all .3s;}
.recipe_wrap_05 > div > div:hover > div img {transform: scale(1.1);}
.recipe_wrap_05 > div > div:hover  {color:#e60012;}


@media screen and (max-width: 1000px) {
.recipe_wrap_05 > div {justify-content: space-around;}
}

@media screen and (max-width: 640px) {
.recipe_wrap_05 h3{width: 100%; font-size: 5vw;}
.recipe_wrap_05 > div > div {width: 40vw; height: auto; position: relative; font-size: 3.2vw; margin-bottom: 8vw;}
.recipe_wrap_05 > div > div > div {width: 40vw; height:40vw; }
}


/* レシピ　トップ */
.recipe_wrap_01 {padding: 80px 0 0 0;}
.recipe_wrap_01 h3{font-size: 60px; font-size: 6rem; font-weight: 300; line-height: 1.2; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; text-align: center;}

@media screen and (max-width: 640px) {
.recipe_wrap_01 {padding: 10vw 0 0 0;}
.recipe_wrap_01 h3{font-size: 9vw; }

}

.recipe_wrap_02 {padding: 70px 0 0 0;display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: wrap;}
.recipe_wrap_02::after {display: block;content:"";width: 310px;}
.recipe_wrap_02 > div {width: 310px; max-width: 310px; background: #e9dac1;margin: 0 0 35px 0; position: relative;-webkit-transition: all .3s;transition: all .3s;}
.recipe_wrap_02 > div > div {width: 100%; height: auto;overflow: hidden; position: relative;}
.recipe_wrap_02 > div > div > img{width: 100%; height: auto;-webkit-transition: all .3s;transition: all .3s;}
.recipe_wrap_02 > div:hover {background: #d8c5a9;}
.recipe_wrap_02 > div:hover > div > img{transform: scale(1.1);}
.recipe_wrap_02 > div > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
.recipe_wrap_02 > div dl {width: 100%; height: auto; padding: 20px 20px 80px 20px; }
.recipe_wrap_02 > div dl dt {height: auto;font-size: 2rem; font-weight: 300; line-height: 1.5; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin: 0 0 15px 0;}
.recipe_wrap_02 > div dl dd {height: auto;font-size: 1.6rem; font-weight: 300; line-height: 1.8; text-align:justify; }
.recipe_wrap_02 > div img.recipe_icon{width: 70px; height: 30px; position: absolute; bottom: 15px; right: 20px;}
.tume {letter-spacing: -1px;}

.recipe_wrap_03 {margin: 10px 0 0 0;}
.recipe_wrap_03 > div {margin: 10px 0 0 0;background: #e9dac1;display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: nowrap;-webkit-transition: all .3s;transition: all .3s;position: relative;}
.recipe_wrap_03 > div:hover {background: #d8c5a9; }
.recipe_wrap_03 > div > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
.recipe_wrap_03 > div > div:first-of-type {width: 310px;}
.recipe_wrap_03 > div > div:first-of-type dl {width: 100%; height: auto; padding: 20px; }
.recipe_wrap_03 > div > div:first-of-type dl dt {height: auto;font-size: 3.5rem; font-weight: 300; line-height: 1.5; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin: 0 0 15px 0;}
.recipe_wrap_03 > div > div:first-of-type dl dd {height: auto;font-size: 1.6rem; font-weight: 300; line-height: 1.8; text-align:justify; }

.recipe_wrap_03 > div > div:last-of-type {width: 690px;overflow: hidden; position: relative;}
.recipe_wrap_03 > div > div:last-of-type img {width: 100%; height: auto;-webkit-transition: all .3s;transition: all .3s;}
.recipe_wrap_03:hover > div > div:last-of-type img {transform: scale(1.1);}



@media screen and (max-width: 1000px) {
.recipe_wrap_02::after {display: block;content:"";width: 47.5%; max-width: 47.5%;}
.recipe_wrap_02  > div {width: 47.5%; max-width: 47.5%; min-height: auto;}
.recipe_wrap_03 > div > div:first-of-type {width: 31vw;}
.recipe_wrap_03 > div > div:last-of-type {width: 69vw;}
.recipe_wrap_03 > div {margin: 0 0 0 0;background: #e9dac1;display: flex;justify-content: space-between;align-items: stretch; flex-direction: column; flex-wrap: nowrap;}
.recipe_wrap_03 > div > div:first-of-type {width: 100%;}
.recipe_wrap_03 > div > div:last-of-type {width: 100%;}
.recipe_wrap_03 > div > div:first-of-type dl dd {height: auto;font-size: 1.6rem; }

}

@media screen and (max-width: 640px) {
.recipe_wrap_02 {padding: 10vw 0 0 0;}

.recipe_wrap_02 > div {width: 100%; max-width: 100%; min-height: auto;}
.recipe_wrap_02 > div dl {padding: 4vw 4vw 12vw 4vw; }
.recipe_wrap_02 > div dl dt {height: auto;font-size: 5vw;margin: 0 0 3vw 0;}
.recipe_wrap_02 > div dl dd {height: auto;font-size: 3vw;}
.recipe_wrap_02 > div img.recipe_icon{width: 56px; height: 24px; position: absolute; bottom: 3vw; right: 4vw;}
.recipe_wrap_02 > div > div::after {content: "詳しくはこちら"; font-size: 3.5vw; line-height: 1; font-weight: 300; color: #000000; width: 40vw; height: 35px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; position: absolute; bottom:8vw; right: calc(50% - 20vw); opacity: 1;}

.recipe_wrap_03 > div > div:first-of-type dl dt {font-size: 6vw;margin: 0 0 3vw 0;}
.recipe_wrap_03 > div > div:first-of-type dl dd {font-size: 3vw;}
.recipe_wrap_03 > div > div:last-of-type::after {content: "詳しくはこちら"; font-size: 3.5vw; line-height: 1; font-weight: 300; color: #000000; width: 40vw; height: 35px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; position: absolute; bottom:8vw; right: calc(50% - 20vw); opacity: 1;}
}




/* 手延べ麺の美味しい茹で方 */
.howto_wrap_01 {padding: 80px 0 0 0;}
.howto_wrap_01 h3{font-size: 60px; font-size: 6rem; font-weight: 300; line-height: 1.2; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.howto_wrap_01 p{font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.8; margin: 55px 0 0 0;}

@media screen and (max-width: 640px) {
.howto_wrap_01 {padding: 10vw 0 0 0;}
.howto_wrap_01 h3{font-size: 9vw; }
.howto_wrap_01 p{font-size: 3vw; margin: 8vw 0 0 0;}
}


/* 手延べ麺の美味しい茹で方詳細 */
.howto_wrap_02 {padding: 70px 0 0 0;display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: wrap;}
.howto_wrap_02 > div {width: 310px; max-width: 310px; min-height: 460px; background: #f5ecdc;margin: 0 0 35px 0;}
.howto_wrap_02 > div img{width: 100%; height: auto;}
.howto_wrap_02 > div dl {width: 100%; height: auto; display: flex;justify-content: flex-start;align-items: stretch; flex-direction: row; flex-wrap: nowrap; padding: 10px 25px 25px 0; }
.howto_wrap_02 > div dl dt {height: auto;font-size: 60px; font-size: 6rem; font-weight: 300; line-height: 1; color: #b28146;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; margin: 0 12px;}
.howto_wrap_02 > div dl dd {height: auto;font-size: 15px; font-size: 1.5rem; font-weight: 300; line-height: 1.8; text-align:justify;padding: 20px 0 0 0;}

@media screen and (max-width: 1000px) {
.howto_wrap_02  > div {width: 47.5%; max-width: 47.5%; min-height: auto;}
}

@media screen and (max-width: 640px) {
.howto_wrap_02 {padding: 10vw 0 0 0;}
.howto_wrap_02  > div {width: 100%; max-width: 100%; min-height: auto;}
.howto_wrap_02 > div dl {padding: 1.5vw 4vw 4vw 0;}
.howto_wrap_02 > div dl dt {height: auto;font-size: 9vw;}
.howto_wrap_02 > div dl dd {height: auto;font-size: 3vw;padding: 3vw 0 0 0;}
}


/* 手延べ麺は茹でたてが一番！ */
.howto_wrap_03 {height: auto;display: flex;justify-content: flex-start;align-items: stretch; flex-direction: row; flex-wrap: nowrap; padding: 90px 0 0 0;} 
.howto_wrap_03 > div:first-of-type  {background: #b28146; padding: 30px 0 30px 30px;color: #ffffff;}
.howto_wrap_03 > div:first-of-type img {width:132px; height: auto;}
.howto_wrap_03 > div:first-of-type h4  {font-size: 44px; font-size: 4.4rem; font-weight: 300; line-height: 1.2; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;padding: 10px 0 0 0;}
.howto_wrap_03 > div:first-of-type p {height: auto;font-size: 15px; font-size: 1.5rem; font-weight: 300; line-height: 1.8; text-align:justify;padding: 40px 45px 0 0;}
.howto_wrap_03 > div:last-of-type {width: 100%; max-width:360px; height:auto;background: url("../img/howto_01_img_07.png") center center;background-size: cover;}

@media screen and (max-width: 640px) {
.howto_wrap_03 {flex-direction: column; flex-wrap: nowrap; padding: 14vw 0 0 0;} 
.howto_wrap_03 > div:first-of-type  {padding: 4.6vw;}
.howto_wrap_03 > div:first-of-type img {width:20vw;padding: 1.5vw 0 0 0;}
.howto_wrap_03 > div:first-of-type h4  {font-size: 6.8vw;}
.howto_wrap_03 > div:first-of-type p {height: auto;font-size: 3vw;padding: 6vw 0 0 0;}
.howto_wrap_03 > div:last-of-type {width: 100%; max-width:100%; min-height:70vw; background: url("../img/howto_01_img_07.png") center bottom;background-size: cover;}
}


/* アレンジレシピでもっと美味しく。 */
.howto_wrap_04{padding: 120px 0 0 0;text-align: center;}
.howto_wrap_04 h4{font-size: 50px; font-size: 5rem; font-weight: 300; line-height: 1.2; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
.howto_wrap_04 p{font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.8; margin: 40px 0 0 0;}
.howto_wrap_04 > div {height: auto;display: flex;justify-content:space-between;align-items: center; flex-direction: row; flex-wrap: wrap; padding: 60px 0 0 0;}
.howto_wrap_04 > div img{width: 100%; max-width: 310px; height: auto;}
.howto_wrap_04 > a{ font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: 300; color: #000000; width: 310px; height: 50px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; margin: 40px auto 0 auto; border: 1px solid #000000;-webkit-transition: all .3s;transition: all .3s; }
.howto_wrap_04 > a:hover{ color: #ffffff;  background: #000000; border: 1px solid #000000;}

@media screen and (max-width: 1000px) {
.howto_wrap_04 > div img{width: 100%; max-width: 31%; height: auto;}
}

@media screen and (max-width: 640px) {
.howto_wrap_04{padding: 18vw 0 0 0;}
.howto_wrap_04 h4{font-size: 7.8vw; }
.howto_wrap_04 p{font-size: 3vw; margin: 6vw 0 0 0;}
.howto_wrap_04 > div {padding: 9vw 0 0 0;}
.howto_wrap_04 > div img{width: 100%; max-width: 100%;}
.howto_wrap_04 > a{ font-size: 3vw; width: 100%; height: 50px; margin: 6vw auto 0 auto;}
}





/*========================================
おすすめの逸品
=======================================*/

/* header img */
.recommend{background: url("../img/rmd_01_pagetitle.png") center bottom;background-size: cover;}

/* top */
#rmd_wrap_01 {padding: 120px 0 0 0; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: wrap;}
#rmd_wrap_01 > div{width: 47.6%; height: auto; position: relative; margin: 0 0 110px 0;}
#rmd_wrap_01 div > div{width: 100%; height: auto; position: relative;}
#rmd_wrap_01 div > div > img{width: 100%; height: auto;-webkit-transition: all .3s;transition: all .3s;}
#rmd_wrap_01 div p {font-size: 16px; font-size: 1.6rem; line-height: 1.75; font-weight: 300;text-align: left; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; }
#rmd_wrap_01 div h5 {font-size: 42px; font-size: 4.2rem; line-height: 1.2; font-weight: 300;text-align: left; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; padding: 0; margin: 40px 0 40px 0;}
#rmd_wrap_01 div > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
#rmd_wrap_01 div > div::after {content: "詳しくはこちら"; font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: 300; color: #000000; width: 180px; height: 35px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; position: absolute; bottom:20px; right: calc(50% - 90px); opacity: 0; -webkit-transition: all .3s;transition: all .3s;}
#rmd_wrap_01 div:hover > div::after {bottom:50px;  opacity: 1;}
#rmd_wrap_01 div:hover img {opacity: .7;}

/* 一番のばし 生うどん */
#rmd_wrap_02 {padding: 120px 0 0 0;}
#rmd_wrap_02 h3{font-size: 65px; font-size: 6.5rem; font-weight: 300; line-height: 1.2; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; }
#rmd_wrap_02 h3 span{font-size: 34px; font-size: 3.4rem; vertical-align: middle;}
#rmd_wrap_02 h4{font-size: 34px; font-size: 3.4rem; font-weight: 300; line-height: 1.7; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
#rmd_wrap_02 p{font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.8; margin: 40px 0 65px 0;}
#rmd_wrap_02 img{width: 100%; height: auto;margin: 60px 0 70px 0;}

#rmd_wrap_03 {display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; flex-wrap: wrap;}
#rmd_wrap_03 > div {width: 47.6%; height: auto; position: relative; margin: 0 0 48px 0;}
#rmd_wrap_03 > div > img{width: 100%; height: auto;}

#rmd_wrap_04 {padding: 30px 0 0 0;}
#rmd_wrap_04 table {width: 100%; }
#rmd_wrap_04 table th,#rmd_wrap_04 table td {border: solid 1px #717071; padding:20px; vertical-align: top;font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.75; text-align: left;}
#rmd_wrap_04 table th {width: 125px;}
#rmd_wrap_04 table td {width: auto;}

#rmd_wrap_04 table td p{text-indent: -1em;padding-left: 1em;}

.store_goods{padding: 100px 0 0 0;}
.store_goods div {width: 100%; height: auto; position: relative; text-align: center;}
.store_goods div h5{font-size: 25px; font-size: 2.5rem; font-weight: 300; line-height: 1.8; margin: 0;text-align: left; margin-bottom: 20px;}
.store_goods div img.date {width: 132px; height: 132px; position: absolute; top: 70px; left: 20px;}
.store_goods div img{width: 100%; height: auto; margin: 0 auto;}


.store_goods > a{width: 350px; height: 50px; font-size: 20px; font-size: 2rem; font-weight: 600; background:#f29600; color:#ffffff; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s; margin: 65px auto 0 auto; border-radius:8px;}
.store_goods  > a:hover {background:#000000; }

#rmd_wrap_05 {height: 60px; font-size: 35px; font-size: 3.5rem; font-weight: 300; line-height: 1.7; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; background-color: #c2ddef; display: flex;justify-content: center;align-items: center; flex-direction: row; margin-top: 45px;}


@media screen and (max-width: 1000px) {

}


@media screen and (max-width: 640px) {
#rmd_wrap_01 {padding: 15vw 0 0 0;}
#rmd_wrap_01 > div{width: 100%; height: auto; position: relative; margin: 0 0 14vw 0;}
#rmd_wrap_01 div h5 {font-size: 7vw; margin: 4vw 0 4vw 0;}
#rmd_wrap_01 div p{font-size: 3vw; }
#rmd_wrap_01 div:hover > div::after,#rmd_wrap_01 div > div::after{font-size: 3vw;opacity: 1; bottom: calc(20% - 3.5vw); right: calc(50% - 17.5vw); width: 35vw; height: 7vw;}


/* 一番のばし 生うどん */
#rmd_wrap_02 {padding: 15vw 0 0 0;}
#rmd_wrap_02 h3{font-size: 9vw; }
#rmd_wrap_02 h3 span{font-size: 5.5vw; }
#rmd_wrap_02 h4{font-size: 5.5vw; }
#rmd_wrap_02 p{font-size: 3vw;margin: 6vw 0 7.5vw 0;}
#rmd_wrap_02 img{width: 100%; height: auto;margin: 5vw 0 7.5vw 0;}

#rmd_wrap_03 > div {width: 47.6%; margin: 0 0 6vw 0;}
#rmd_wrap_03 > div > img{width: 100%; height: auto;}

#rmd_wrap_04 {padding: 5vw 0 0 0;}
#rmd_wrap_04 table th,#rmd_wrap_04 table td {padding:2vw; font-size: 3vw; display: block; width: 100%;}
#rmd_wrap_04 table th {background: #eeeeee; }
#rmd_wrap_04 table td {border-top:none;border-bottom:none;}
#rmd_wrap_04 table {border-bottom: solid 1px #717071;}

#rmd_wrap_05 {height: 10vw; font-size: 5.5vw; margin-top: 4.5vw;}

.store_goods{padding: 12vw 0 0 0;}
.store_goods > a{width: 100%; height: 50px; font-size: 3.7vw; margin: 9vw auto 0 auto; border-radius:8px;}
.store_goods > a:hover {background:#000000; }
.store_goods div h5{font-size: 4vw; }
.store_goods div img.date {width: 18vw; height: 18vw; position: absolute; top: 50px; left: 0;}
}




/*========================================
index
=======================================*/

/* video */
#mv {position: relative;width: 100%; height: auto; max-width: 100%; margin: 0 auto;}
.video-box {position: relative;overflow: hidden;width: 100%;height: 100vh; text-align: center;}
.video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.mvarrow {font-size: 50px; color: #ffffff; position: absolute; bottom: 20px; left: calc(50% - 25px); -webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;}
#sound_btn {font-size: 20px; color: #ffffff;cursor: pointer;position: absolute; bottom: 20px; left: 20px; }

@media screen and (max-width: 640px) {
.video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%; height: 100%; width: auto; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.mvarrow {font-size: 10vw; color: #ffffff; position: absolute; bottom: 20px; left: calc(50% - 5vw); -webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;}
}


@-webkit-keyframes sdb {
  0% {-webkit-transform: translate(0, 0);}
  20% {-webkit-transform: translate(0, 15px);}
  40% {-webkit-transform: translate(0, 0);}
}
@keyframes sdb {
  0% {transform: translate(0, 0);}
  20% {transform: translate(0, 15px);}
  40% {transform: translate(0, 0);}
}

/* 江戸時代より受け継がれてきた伝統の手延べ製法 */
#iwrap_01{display: flex;justify-content: space-between;align-items: flex-start; flex-direction: row; padding: 95px 0 0 0;}
#iwrap_01 img{width: 50%; max-width: 560px; height: auto;}
#iwrap_01 div{width: 50%; max-width: auto; height: auto;display: flex;justify-content: space-around;align-items:flex-start; flex-direction: row; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; text-align: center; padding: 40px 0 0 0;}
#iwrap_01 div h3{width: auto; height: auto; font-size: 53px; font-size: 5.3rem; line-height: 1.6; font-weight: 300;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-align: left;display: inline-block; order: 2;}
#iwrap_01 div p{width: auto; height: auto; font-size: 20px; font-size: 2rem; line-height: 2.2; font-weight: 300;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-align: left;display: inline-block; padding: 215px 0 0 0;order: 1;}

@media screen and (max-width: 980px) {
#iwrap_01{flex-direction: column; }
#iwrap_01 img{width: 90%; max-width: 560px; height: auto; margin: 0 auto;order: 2;}
#iwrap_01 div{width: 90%; max-width: auto; height: auto;margin: 0 auto;display: flex;justify-content:space-around;align-items:flex-start; flex-direction: row; padding: 0 0 95px 0;order: 1;}

}

@media (orientation: landscape) and (max-width: 980px) {
#iwrap_01 div h3{height: 600px;}
#iwrap_01 div p{height: 600px;}

}

@media screen and (max-width: 640px) {
#iwrap_01{display: flex;justify-content: space-between;align-items: flex-start; flex-direction: column; padding: 15vw 0 0 0;}
#iwrap_01 img{width: 90%; max-width: 560px; height: auto; margin: 0 auto; order: 2}
#iwrap_01 div{width: 90%; max-width: auto; height: auto;margin: 0 auto;display: flex;justify-content:space-around;align-items:flex-start; flex-direction: row; padding: 0 0 15vw 0;text-align: center; }
#iwrap_01 div h3{width: 70vw; font-size: 8.5vmin; line-height: 1.6; font-weight: 300;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;display: inline-block; order: 2;}
#iwrap_01 div p{width: 50vw; font-size: 3.2vmin; line-height: 1.8; font-weight: 300;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;display: inline-block; padding: 30vw 0 0 0;order: 1;}




}

/* かも手の麺 */
#iwrap_02{max-width: 100%; height: 340px; display: flex;justify-content: center;align-items: center; flex-direction: column; padding: 0 0 0 0; position: relative; background: url("../img/index_img_02.png") right top no-repeat;background-size: cover; text-align: center; -webkit-transition: all .3s;transition: all .3s;opacity: 1; margin: 140px 0 0 0;}
#iwrap_02 > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
#iwrap_02 h3{font-size: 45px; font-size: 4.5rem; line-height: 1.6; font-weight: 300;text-align: center; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
#iwrap_02 h3 span{font-size: 14px; font-size: 1.4rem; line-height: 1.6; font-weight: 300;letter-spacing: 0.2em; font-family: 'Playfair Display', serif;display: block;}
#iwrap_02 p{width: 80vw;font-size: 14px; font-size: 1.4rem; line-height: 1; font-weight: 300; color: #000000; position: absolute; bottom:-30px; left: calc(50% - 40vw); text-align: center; }
#iwrap_02:hover{opacity: .7;}

#iwrap_02 .detail_btn{font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: 300; color: #000000; width: 180px; height: 35px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; position: absolute; bottom:20px; right: calc(50% - 90px); opacity: 0; -webkit-transition: all .3s;transition: all .3s;}
#iwrap_02:hover .detail_btn{bottom:50px;  opacity: 1;}

@media screen and (max-width: 640px) {
#iwrap_02 {height: 50vw; margin: 20vw 0 0 0; }
#iwrap_02 h3{font-size: 7vw;}
#iwrap_02 h3 span{font-size: 2.5vw;}
#iwrap_02 .detail_btn,#iwrap_02:hover .detail_btn{font-size: 3vw;opacity: 1; bottom:5vw; right: calc(50% - 17.5vw); width: 35vw; height: 7vw;}
#iwrap_02 p{font-size: 2.5vw;}
}

/* おすすめの逸品 */
#iwrap_03{height: auto; display: flex;justify-content: space-between;align-items: center; flex-direction: row; margin: 160px auto 0 auto; position: relative; }
#iwrap_03 > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
#iwrap_03 div:first-of-type {width: 54%; max-width: 660px; height: auto; position: relative;}
#iwrap_03 img{width: 100%; max-width: 660px; height: auto; -webkit-transition: all .3s;transition: all .3s;}
#iwrap_03 div:last-of-type {width: 46%; max-width: auto; height: auto;display: flex;justify-content:flex-start;align-items:flex-start; flex-direction: column; padding-left: 70px; }
#iwrap_03 div h3{font-size: 45px; font-size: 4.5rem; line-height: 1.6; font-weight: 300;text-align: left; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; padding: 0; margin: 0 0 40px -5px;}
#iwrap_03 div h3 span{font-size: 14px; font-size: 1.4rem; line-height: 1.4; font-weight: 300;letter-spacing: 0.2em; font-family: 'Playfair Display', serif; display: block; margin-left: 8px;}
#iwrap_03 div p{widows: 100%; font-size: 18px; font-size: 1.8rem; line-height: 1.9; font-weight: 300; padding: 0; margin: 0;}

#iwrap_03 div:first-of-type::after {content: "詳しくはこちら"; font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: 300; color: #000000; width: 180px; height: 35px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; position: absolute; bottom:20px; right: calc(50% - 90px); opacity: 0; -webkit-transition: all .3s;transition: all .3s; }
#iwrap_03:hover div:first-of-type::after {bottom:50px;  opacity: 1;}
#iwrap_03:hover img {opacity: .7;}

@media screen and (max-width: 780px) {
#iwrap_03{flex-direction: column; margin: 20vw auto 0 auto; }
#iwrap_03 div:first-of-type {width: 90%; height: auto; position: relative; order: 2;min-height: 0%;}
#iwrap_03 div:last-of-type {width: 90%; margin: 0 auto; text-align: left;padding: 0 0 5vw 0; order: 1;}
#iwrap_03 div h3{font-size: 7vw;margin: 0 0 5vw 0;}
#iwrap_03 div h3 span{font-size: 2.5vw; margin-left: 0;}
#iwrap_03 div p{font-size: 3.2vw;}
#iwrap_03 div:first-of-type::after,#iwrap_03:hover div:first-of-type::after{font-size: 3vw;opacity: 1; bottom: calc(50% - 3.5vw); right: calc(50% - 17.5vw); width: 35vw; height: 7vw;}
}

/* 美味しい食べ方 */
#iwrap_04{height: auto; display: flex;justify-content:flex-end;align-items: center; flex-direction: row; margin: 130px auto 0 auto; position: relative; }
#iwrap_04 > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
#iwrap_04 div:first-of-type {width: 54%; max-width: 660px; height: auto; position: relative;order: 2;}
#iwrap_04 img{width: 100%; max-width: 660px; height: auto; -webkit-transition: all .3s;transition: all .3s;}
#iwrap_04 div:last-of-type {width: auto; max-width: auto; height: auto;display: flex;justify-content:flex-start;align-items:flex-start; flex-direction: column; padding-right: 70px;order: 1; }
#iwrap_04 div h3{font-size: 45px; font-size: 4.5rem; line-height: 1.6; font-weight: 300;text-align: left; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; padding: 0; margin: 0 0 40px 0;}
#iwrap_04 div h3 span{font-size: 14px; font-size: 1.4rem; line-height: 1.4; font-weight: 300;letter-spacing: 0.2em; font-family: 'Playfair Display', serif; display: block; margin-left: 8px;}
#iwrap_04 div p{widows: 100%; font-size: 18px; font-size: 1.8rem; line-height: 1.9; font-weight: 300; padding: 0; margin: 0;}

#iwrap_04 div:first-of-type::after {content: "詳しくはこちら"; font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: 300; color: #000000; width: 180px; height: 35px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; position: absolute; bottom:20px; right: calc(50% - 90px); opacity: 0; -webkit-transition: all .3s;transition: all .3s; }
#iwrap_04:hover div:first-of-type::after {bottom:50px;  opacity: 1;}
#iwrap_04:hover img {opacity: .7;}

@media screen and (max-width: 780px) {
#iwrap_04{flex-direction: column; margin: 15vw auto 0 auto; }
#iwrap_04 div:first-of-type {width: 90%; height: auto; position: relative; order: 2;min-height: 0%;}
#iwrap_04 div:last-of-type {width: 90%; margin: 0 auto; text-align: left;padding: 0 0 5vw 0; order: 1;}
#iwrap_04 div h3{font-size: 7vw;margin: 0 0 5vw 0;}
#iwrap_04 div h3 span{font-size: 2.5vw; margin-left: 0;}
#iwrap_04 div p{font-size: 3.2vw;}
#iwrap_04 div:first-of-type::after,#iwrap_04:hover div:first-of-type::after{font-size: 3vw;opacity: 1; bottom: calc(50% - 3.5vw); right: calc(50% - 17.5vw); width: 35vw; height: 7vw;}
}


/* オンラインショップ */
#iwrap_05{max-width: 100%; height: auto; display: flex;justify-content: flex-start;align-items: center; flex-direction: column; padding: 100px 0 70px 0; position: relative; background: url("../img/index_img_05_02.jpg") right top no-repeat;background-size: cover; text-align: center; -webkit-transition: all .3s;transition: all .3s;opacity: 1; margin-top: 145px;}
#iwrap_05 a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
#iwrap_05:hover{opacity: 1;}

#iwrap_05 > div {width: 100%; max-width: 1240px; margin: 0 auto; display: flex; justify-content: flex-start;flex-direction: column;}
#iwrap_05 > div .detail_btn{font-size: 40px; font-size: 4rem; line-height: 1.6; font-weight: 300; color: #ffffff; width: 510px; height: 145px;display: flex;justify-content: flex-start;align-items: center; flex-direction: row; border: 1px #ffffff solid ;padding-left: 25px; position: relative; -webkit-transition: all .3s;transition: all .3s;}
#iwrap_05 > div .detail_btn h3 {font-weight: 300; text-align: left; }
#iwrap_05 > div .detail_btn h3 span {font-size: 14px; font-size: 1.4rem; line-height: 1.4; font-weight: 300;letter-spacing: 0.2em; font-family: 'Playfair Display', serif; display: block;  }
#iwrap_05 > div .detail_btn > span {margin-left:20px; display: flex; align-items: flex-start;}
#iwrap_05 > div .detail_btn:hover{color: #556e55; background: #ffffff;}

#iwrap_05 > div .detail_btn_02 { color: #ffffff; width: 650px; height: auto;display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column; border-left: 1px #ffffff solid ;padding-left: 20px; margin-top: 100px; position: relative; opacity: 1;-webkit-transition: all .3s;transition: all .3s;}
#iwrap_05 > div .detail_btn_02 h3 {font-size: 34px; font-size: 3.4rem; line-height: 1.6; font-weight: 300; text-align: left; margin-bottom: 15px}
#iwrap_05 > div .detail_btn_02 h3 span{margin-left: 20px}
#iwrap_05 > div .detail_btn_02 p {font-size: 17.5px; font-size: 1.75rem; line-height: 1.9; font-weight: 300;text-align: left;}
#iwrap_05 > div .detail_btn_02:hover{color: #ffffff; transform: translate(-15px,0);opacity: .6;}

#iwrap_05 > div .detail_btn_02:last-of-type {margin-top: 50px;}




@media screen and (max-width: 1240px) {
#iwrap_05 > div{width: 90%; margin: 0 auto; display: flex; justify-content: center;}
#iwrap_05::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,0.2);}
}

@media screen and (max-width: 640px) {
#iwrap_05 {height: auto; margin-top: 20vw; padding: 10vw 0 7vw 0;}
#iwrap_05 > div .detail_btn {width: 100%; height: 25vw; font-size: 6vw; padding-left: 3vw;}
#iwrap_05 > div .detail_btn h3{font-size: 6vw;}
#iwrap_05 > div .detail_btn h3 span{font-size: 2.5vw;}

#iwrap_05 > div .detail_btn_02 { color: #ffffff; width: 100%; height: auto;display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column; border-left: 1px #ffffff solid ;padding-left: 3vw; margin-top: 10vw; position: relative; opacity: 1;-webkit-transition: all .3s;transition: all .3s;}
#iwrap_05 > div .detail_btn_02 h3 {font-size: 5vw;line-height: 1.6; font-weight: 300; text-align: left; margin-bottom: 1vw}
#iwrap_05 > div .detail_btn_02 h3 span{margin-left: 2vw}
#iwrap_05 > div .detail_btn_02 p {font-size: 2.5vw; line-height: 1.7; font-weight: 300;text-align: left;}
#iwrap_05 > div .detail_btn_02:hover{color: #ffffff; transform: translate(0,0);opacity: 1;}

#iwrap_05 > div .detail_btn_02:last-of-type {margin-top: 6vw;}

}


/* お知らせ */
#iwrap_06{width: 100%; max-width: 1046px; height: auto; padding: 0; position: relative; text-align: center; margin: 105px auto 0 auto;}
#iwrap_06 h3{font-size: 45px; font-size: 4.5rem; line-height: 1.6; font-weight: 300;text-align: center; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
#iwrap_06 h3 span{font-size: 14px; font-size: 1.4rem; line-height: 1.6; font-weight: 300;letter-spacing: 0.2em; font-family: 'Playfair Display', serif;display: block;}

.news_wrap{width: 100%; height: auto; display: flex;justify-content: space-between;align-items: flex-start; flex-direction: row; text-align: left;margin: 60px 0 0 0; }
.news_wrap > a{ font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: 300; color: #000000; width: 180px; height: 35px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; border: 1px solid #000000;-webkit-transition: all .3s;transition: all .3s; }
.news_wrap > a:hover{ color: #ffffff;  background: #000000; border: 1px solid #000000;}
.news_wrap > div {width:100%; max-width: 800px;}
.news_wrap > div dl {width:100%; height: auto;border-bottom: 1px solid #dddddd; padding: 30px 0 30px 0; position: relative;}
.news_wrap > div dl:first-of-type  {padding: 0 0 30px 0;}
.news_wrap > div dl > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
.news_wrap > div dl dt {width:100%; height: auto; font-size: 15px; font-size: 1.5rem;line-height: 3; font-weight: 600; color: #595757;}
.news_wrap > div dl dd {width:100%; height: auto; font-size: 13px; font-size: 1.3rem;line-height: 3; font-weight: 300; color: #595757;}
.news_wrap > div dl dd:first-of-type {width:100%; height: auto; font-size: 20px; font-size: 2rem;line-height: 1.3; font-weight: 300; color: #595757;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

.news_wrap > div dl:hover dt,.news_wrap > div dl:hover dd {color:#b81c25;}

@media screen and (max-width: 1046px) {
.news_wrap{width: 90%; flex-direction: column; justify-content: center; align-items: center;margin: 30px auto 0 auto;}
.news_wrap > a{margin:0 0 30px 0;}

}

@media screen and (max-width: 640px) {
#iwrap_06{margin: 20vw auto 0 auto;}
#iwrap_06 h3{font-size: 7vw;}
#iwrap_06 h3 span{font-size: 2.5vw;}
.news_wrap > a{font-size:2.8vw;}
.news_wrap > div dl { padding: 5vw 0 5vw 0;}
.news_wrap > div dl dt { font-size:2.5vw;}
.news_wrap > div dl dd { font-size:2.5vw;}
.news_wrap > div dl dd:first-of-type { font-size:3.4vw;}
}



/* バナーナビゲーション */
#iwrap_07{width: 100%; max-width: 1240px; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; margin: 150px auto 0 auto;}
#iwrap_07 > div {width: 32%; max-width: 390px;position: relative; }
#iwrap_07 > div > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
#iwrap_07 > div > div > img {width: 100%; height: auto;-webkit-transition: all .3s;transition: all .3s;}
#iwrap_07 > div h4 {font-size: 30px; font-size: 3rem; font-weight: 300; line-height: 1; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; text-align: center; padding: 40px 0 0 0;}
#iwrap_07 > div > div {width: 100%; height: auto;position: relative;}
#iwrap_07 > div > div::after {content: "詳しくはこちら"; font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: 300; color: #000000; width: 180px; height: 35px;display: flex;justify-content: center;align-items: center; flex-direction: row; background: #ffffff; position: absolute; bottom:20px; right: calc(50% - 90px); opacity: 0; -webkit-transition: all .3s;transition: all .3s; }
#iwrap_07 > div:hover > div::after {bottom:50px;  opacity: 1;}
#iwrap_07 > div:hover > div > img {opacity: .7;}

@media screen and (max-width: 780px) {
#iwrap_07{width: 90%; flex-direction: column; justify-content: center; align-items:center; margin: 150px auto 0 auto;}
#iwrap_07 > div {width: 100%;height: auto; display: flex;flex-direction: column; justify-content: center; align-items:center; margin: 0;min-height: 0%;}
#iwrap_07 > div > div { order: 2;min-height: 0%;}
#iwrap_07 > div h4{ order:1;padding: 60px 0 20px 0;}
}

@media screen and (max-width: 640px) {
#iwrap_07{margin: 15vw auto 0 auto;}
#iwrap_07 > div {width: 100%;}
#iwrap_07 > div h4{ order:1;padding: 10vw 0 5vw 0; font-size: 5vw;}
#iwrap_07 > div:hover > div::after,#iwrap_07 > div > div::after {font-size: 3vw;opacity: 1; bottom: calc(50% - 3.5vw); right: calc(50% - 17.5vw); width: 35vw; height: 7vw;}
}


/*========================================
footer
=======================================*/

footer {width: 100%; height: auto; margin: 70px 0 0 0; background: #e0d0b1;}
footer > ul {width: 100%; height: auto; padding: 0 50px 0 50px; background: #c30d23; display: flex;flex-direction: row; justify-content: flex-end; align-items:center;}
footer > ul li {font-size: 16px; font-size: 1.6rem; height: 60px; font-weight: 300; line-height: 1; }
footer > ul li a {color: #ffffff;height: 60px; padding: 0 20px;display: flex;flex-direction: row;justify-content: center; align-items:center;-webkit-transition: all .3s;transition: all .3s;}
footer > ul li:last-child a {padding: 0 0 0 20px;}
footer > ul li a:hover {color: #b2727d;}

.footer_wrap {width: 100%; height: auto; max-width: 1240px; padding: 30px 0; margin: 0 auto;display: flex;flex-direction: row; justify-content: flex-end; align-items:stretch;}
.footer_wrap > div {width: 50%; }
.footer_wrap > div:first-of-type {width: auto; padding: 0 75px 0 0; }
.footer_wrap > div > h2 img{width: 100%; height: auto;}
.footer_wrap > div >a img.f_mirai_img{width: 100%; max-width: 300px; height: auto;margin: 50px 0 0 97px;}
.footer_wrap > div:first-of-type h2 {width: 100%; max-width: 470px; display: block; }
.footer_wrap > div p{font-size: 15px;font-size: 1.5rem; font-weight: 300; line-height: 1.6;}
.footer_wrap > div:first-of-type > p {margin: 0 0 0 97px;}
.footer_wrap > div:first-of-type > p.tel {font-size: 28px;font-size: 2.8rem; font-weight: 600; line-height: 1.6; vertical-align: middle;margin: 5px 0 10px 97px;}
.footer_wrap > div:first-of-type > p.tel span {font-size: 15px;font-size: 1.5rem; font-weight: 600; line-height: 1.6; vertical-align: middle;}

.footer_wrap > div:first-of-type ul{margin: 50px 0 0 97px;display: flex;flex-direction: row; justify-content: flex-start; align-items:center;}
.footer_wrap > div:first-of-type ul li{font-size: 30px;font-size: 3rem; line-height: 1; margin: 0 20px 0 0}
.footer_wrap > div:first-of-type ul li a{-webkit-transition: all .3s;transition: all .3s;}

.footer_wrap > div:last-of-type { padding: 0 0 0 75px; border-left: 1px solid #000000;}
.footer_wrap > div:last-of-type h2 {width: 100%; max-width: 375px; display: block; margin-bottom: 10px;}
.footer_wrap > div:last-of-type > p.idt_05 {text-indent: -5em; padding-left: 5em; }
.footer_wrap > div:last-of-type > p span {font-weight: 600; display: block;margin: 10px 0 0 0; }

footer .copy {width: 100%; height: 50px; font-size: 15px; font-size: 1.5rem; font-weight: 300; line-height: 1; color: #ffffff; background: #000000; text-align: center;display: flex;flex-direction: row; justify-content: center; align-items:center;}

@media screen and (max-width: 980px) {
.footer_wrap{width: 90%;flex-direction: column;justify-content: center; align-items:center;}
.footer_wrap > div{width: 100%; text-align: center; flex-direction: column;justify-content: center; align-items:center;}
.footer_wrap > div:first-of-type{width: 100%; padding: 0 0 0 0;text-align: left; }
.footer_wrap > div >a img.f_mirai_img{width: 60%; max-width: 300px; height: auto;margin: 30px 0 0 0;}
.footer_wrap > div:last-of-type{width: 100%; padding: 0 0 0 0;text-align: left; }
.footer_wrap > div:first-of-type > p {margin: 0 0 0 0;}
.footer_wrap > div:first-of-type > p.tel {font-size: 28px;font-size: 2.8rem; font-weight: 600; line-height: 1.6; vertical-align: middle;margin: 5px 0 10px 0;}
.footer_wrap > div:first-of-type ul{margin: 20px 0 0 0;display: flex;flex-direction: row; justify-content: flex-start; align-items:center;}
.footer_wrap > div:last-of-type { padding: 30px 0 0 0; border-left:none;border-top: 1px solid #000000; margin: 30px 0 0 0;}

footer > ul {width: 100%; height: auto; min-height: 60px; padding: 0 5% 0 5%; background: #c30d23; display: flex;flex-direction: row; justify-content: space-around; align-items:center;}
footer > ul li {font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1; }
footer > ul li a {color: #ffffff;padding: 0;-webkit-transition: all .3s;transition: all .3s;}
footer > ul li:last-child a {padding: 0;}
footer > ul li a:hover {color: #b2727d;}
}

@media screen and (max-width: 640px) {
footer > ul li {font-size: 3.2vw;}
.footer_wrap > div > p {font-size: 3.2vw;}
.footer_wrap > div:first-of-type > p.tel span {font-size: 3.2vw;}
.footer_wrap > div:first-of-type > p.tel {font-size: 6vw;}
footer .copy{font-size: 3.2vw;}

}


/*========================================
header
=======================================*/

header {}

#navi {background-color: #ffffff;position: fixed;top: 0;left: 0;height: auto;width: 100%;padding: 40px 50px 0;display: none; z-index: 10;}
body.pages #navi {display: block;}
/* チェックボックスを非表示 */
#navi input {display: none;}

/* 左上ロゴ */
h1 {line-height: 46px; position: absolute;}
h1 img {width: 100%; max-width:385px;  height: auto;vertical-align: middle;}
/* 上部メニュー */
.menu {float: right;}

.menu ul{display: flex;justify-content: flex-end;align-items: flex-end;}

.h_btn {display: flex; justify-content:flex-end;;align-items: flex-start;}
.h_btn > a{width: 180px; height: 46px; font-size: 14px; font-size: 1.4rem; color: #ffffff; background: #000000; display: flex; justify-content: center;align-items: center;position:relative; transition: 0.3s;-webkit-transition: 0.3s;}
.h_btn > a::after {content: ""; display: block; width:calc(100% - 4px);height:calc(100% - 4px); border: 1px #ffffff solid; position: absolute; top: 2px; left: 2px; }
.h_btn > a:first-of-type {background:#b81c25; margin-right: 13px; }
.h_btn > a:hover {background:#ffffff; color:#000000; border: 1px #000000 solid;}
.h_btn > a:first-of-type:hover {background:#ffffff; color:#b81c25; border: 1px #b81c25 solid;}
.h_btn > a:hover::after {content: ""; border: 1px #000000 solid;}
.h_btn > a:first-of-type:hover::after {content: ""; border: 1px #b81c25 solid;}


.menu-parent {
  line-height: 60px;
  font-size: 16px;
  font-weight: 300;
  white-space: nowrap;
}
/* パソコンでは V を非表示 */
.menu-parent .pd {display: none;}
/* 上部メニューの最後の項目 */
.menu-parent:last-child {
  margin-right: 0px;
}

#menu-navibtn {
  display: none;
  cursor: pointer;
  cursor: hand;
}

@media screen and (max-width: 980px) {

#navi {background-color: #ffffff;position: fixed;top: 0;left: 0;height: auto;width: 100%;padding: 5px 10px 9px;}
/* チェックボックスを非表示 */
#navi input {display: none;}

/* 左上ロゴ */
h1 {line-height: 46px; position: static; width: 75vw; }


.h_btn {justify-content: center; padding: 20px 0; display: none;}
.h_btn > a{width: 50%;}
@media screen and (max-width: 360px) { .h_btn > a{font-size: 12px;}}


  /* スマホの際に V を表示 */
  .menu-parent .pd {
    display: inline-block;
    width: 100%;
  }
  .menu {
  display: flex;justify-content: flex-start;align-items: flex-start;
  width: 100%;
  height: 0; opacity: 0;
  visibility: hidden;
  
  }
  .menu-parent {
    height: auto;
    width: 100%;
    padding: 0px 20px;
  }
  .menu-parent {
    border-top: 1px solid #dddddd;
  }
  /* メニューを移動させないため */
  #menu-navibtn:checked ~ #navi {
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
  }
}



/* ドロップダウンメニュー */
.menu-parent {
  position: relative;
}
.menu-parent .menu-child {
  display: flex; 
  justify-content: flex-start;align-items: flex-start; flex-direction: column;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  margin-left: 0;
  width: auto;
  padding: 0px 18px 18px 18px;
  background-color: #ffffff;
  
}

.menu-parent .menu-child li a {
  display: block; width: 100%; height: 100%;
  }


/* パソコン用 */
@media screen and (min-width: 980px) {
  .menu-parent:hover .menu-child {
    visibility: visible;
    opacity: 1;
  }

  .menu-parent .menu-child li {
  overflow: hidden;
  height: 0;
  text-align: left!important;
  -webkit-transition: all .3s;transition: all .3s;
  line-height: 36px;
  width: 100%;
  }
  
.menu-parent:hover .menu-child li {
  overflow: visible;
  height: 36px;
  }

.menu-parent .menu-child li a {
-webkit-transition: all .3s;transition: all .3s;
  }
  
.menu-parent .menu-child li:hover a {
transform: translate(10px,0);
  }



.menu-parent > a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 0 15px;
}
.menu-parent > a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #e60012;
  transform: scale(0, 1);
  transition: transform .3s;
  transform-origin: left top;
}
.menu-parent > a:hover::after {
  transform: scale(1, 1);
}
  
  
}



/* スマホ用 */
@media screen and (max-width: 980px) {

  .menu ul{flex-direction: column;}
  /* ハンバーガーメニューがクリックされた時 */
  #menu-navibtn:checked ~ * .menu {
    display: block;
    opacity: 1;
    height: auto;
    visibility: visible;
  }
  #menu-navibtn:checked ~ * .h_btn {display: flex;} 
  #menu-navibtn:checked ~ * .menu-parent {
    max-height: inherit;
    overflow-y: visible;
  }
  #menu-navibtn:checked ~ * .menu-child {
  
    max-height: 0;
    overflow-y: hidden;
    visibility: hidden;
  }
  
  /* 子メニュー */
  .menu-parent .menu-child {
  flex-direction: column;
    position: relative;
    padding: 0 20px;
    opacity: 1;
    top: 0;
    margin-left: auto;
    left: auto;
    width: auto;
  }

  .menu-parent .menu-child li {
  width: 100%;
  height: 0;
  border-top: 1px solid #dddddd;
  -webkit-transition: all .3s;transition: all .3s;
  }
  
  .menu-parent > label:hover {
    cursor: pointer;
    cursor: hand;
  }
  
  
  /* 子メニューがクリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child {
    max-height: inherit;
    overflow-y: visible;
    visibility: visible;
  }
    /* 子メニューがクリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child li {height: 60px;-webkit-transition: all .3s;transition: all .3s;}
}

/* 子メニュー */
.menu-child li {font-size: 16px;min-width: 180px;}
/* ハンバーガー */
#navi #navibtn {display: none;}



@media screen and (max-width: 980px) {
  #navi #navibtn {display: block;position: absolute;top: 10px;right: 10px; cursor: pointer;}
  #navibtn span {display: block;width: 40px;height: 40px;background-color: #000000;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
  #navibtn span span {display: block;overflow: hidden;width: 1px;height: 1px;}
  #navibtn span span::before,
  #navibtn span span::after,
  #navibtn span::after {position: absolute;left:10px;content:"";width: 20px;height: 1px;background-color: #FFF;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;transition: .3s ease-in-out;}
  /* 上の棒 */
  #navibtn span span::before {top:12px;}
  #menu-navibtn:checked ~ #navi label#navibtn span span::before {top:19px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
  /* 下の棒 */
  #navibtn span::after {top:26px;}
  #menu-navibtn:checked ~ #navi label#navibtn > span::after {top:19px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}
  /* 中の棒 */
  #navibtn span span::after {top:19px;}
  #menu-navibtn:checked ~ #navi label#navibtn span span::after {display: none;}
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}





/*========================================
loader
=======================================*/
#loader-bg {display: none;position: fixed;justify-content:center;align-items: center;width: 100vw;height: 100vh;background: #ffffff;opacity:1;z-index: 100;background: url("../img/load_logo.png") no-repeat center center;background-size: auto 50vh;}
#loader {height: auto; width: auto;justify-content:center;align-items: center;display: none;}
#loader img {max-height: 500px; height: 400px; width: auto;}


/*========================================
effect
=======================================*/

@media screen and (min-width: 980px) {
.visible, .invisible {
                opacity: 0.0!important;
                transition: opacity 2s ease!important;
            }
            .visible {
                opacity: 1.0!important;
            }
            
            .visible.translateY,.invisible.translateY {
                transform: translateY(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateY {
                transform: translateY(0);
            }
            .visible.translateYD,.invisible.translateYD {
                transform: translateY(-100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateYD {
                transform: translateY(0);
            }
            .visible.translateToLeft,.invisible.translateToLeft {
                transform: translateX(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateToLeft {
                transform: translateX(0);
            }
            .visible.translateToRight,.invisible.translateToRight {
                transform: translateX(-100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateToRight {
                transform: translateX(0);
            }
}
    
    
@media screen and (max-width: 640px) {
.visible, .invisible {
                opacity: 0.0!important;
                transition: opacity 2s ease!important;
            }
            .visible {
                opacity: 1.0!important;
            }
            
            .visible.translateY,.invisible.translateY {
                transform: translateY(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateY {
                transform: translateY(0);
            }
            .visible.translateYD,.invisible.translateYD {
                transform: translateY(-100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateYD {
                transform: translateY(0);
            }
            .visible.translateToLeft,.invisible.translateToLeft {
                transform: translateY(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateToLeft {
                transform: translateX(0);
            }
            .visible.translateToRight,.invisible.translateToRight {
                transform: translateY(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateToRight {
                transform: translateX(0);
            }
}