@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset 'UTF-8';
@charset "utf-8";

      *,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;appearance:radio}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700} div#wrapcont {
font-size: 16px;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
position: relative;
overflow: hidden;
min-height: 100vh;
}
@media (max-width: 500px) {
div#wrapcont {
font-size: 14px;
}
}
div#wrapcont * {
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
word-wrap: break-word;
background-position: center;
background-repeat: no-repeat;
line-height: 1.75em;
} div#wrapcont .aspect_r { width: 100%; height: auto; }
div#wrapcont .aspect_r.r16-9 { aspect-ratio: 16 / 9; }
div#wrapcont .aspect_r.r4-3 { aspect-ratio: 4 / 3; }
div#wrapcont .aspect_r.r1-1 { aspect-ratio: 1 / 1; } div#wrapcont .fontF_mn,
div#wrapcont .fontF_mn * {
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
div#wrapcont .fontF_gs,
div#wrapcont .fontF_gs * {
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
div#wrapcont .fontF_cg,
div#wrapcont .fontF_cg * {
font-family: 'Century Gothic';
} div#wrapcont .fontW_b { font-weight: bold; }
div#wrapcont .fontW_n { font-weight: normal; } div#wrapcont .ta_l { text-align: left; }
div#wrapcont .ta_c { text-align: center; }
div#wrapcont .ta_r { text-align: right; } div#wrapcont .tdeco_none { text-decoration: none; }
div#wrapcont .tdeco_ul { text-decoration: underline; } div#wrapcont .lheight_1 { line-height: 1em; }
div#wrapcont .lheight_1_25 { line-height: 1.25em; }
div#wrapcont .lheight_1_5 { line-height: 1.5em; }
div#wrapcont .lheight_1_75 { line-height: 1.75em; }
div#wrapcont .lheight_2 { line-height: 2em; }
div#wrapcont .lheight_2_5 { line-height: 2.5em; }
div#wrapcont .lheight_3 { line-height: 3em; }
div#wrapcont .lheight_4 { line-height: 4em; }
div#wrapcont .lheight_5 { line-height: 5em; } div#wrapcont .mt_100px { margin-top: 100px; }
div#wrapcont .mt_80px { margin-top: 80px; }
div#wrapcont .mt_50px { margin-top: 50px; }
div#wrapcont .mt_40px { margin-top: 40px; }
div#wrapcont .mt_30px { margin-top: 30px; }
div#wrapcont .mt_20px { margin-top: 20px; }
div#wrapcont .mt_15px { margin-top: 15px; }
div#wrapcont .mt_10px { margin-top: 10px; }
div#wrapcont .mt_5px { margin-top: 5px; } div#wrapcont .hv_trans { transition: all .2s; } div#wrapcont .c_white { color: #ffffff; }
div#wrapcont .c_black { color: #000000; }
div#wrapcont .c_red { color: #ff0000; } div#wrapcont .bg_white { background-color: #ffffff; } div#wrapcont .flexbox {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
} div#wrapcont .gridbox {
display: grid;
justify-content: start;
justify-items: start;
align-content: start;
align-items: start;
}
div#wrapcont ruby {
line-height: 1.5em;
}
div#wrapcont ruby rt {
font-size: 50%;
}
div#wrapcont img {
border: none;
line-height: 1;
max-width: 100%;
}
div#wrapcont iframe {
vertical-align: bottom;
}
div#wrapcont strong {
font-weight: bold;
}
div#wrapcont table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
div#wrapcont label {
user-select: none;
}
div#wrapcont label:hover {
cursor: pointer;
}
div#wrapcont sup,
div#wrapcont sub {
font-size: 70%;
margin-left: 0.25em;
}
div#wrapcont pre {
white-space: pre-wrap;
}
div#wrapcont a {
color: inherit;
outline: none;
cursor: pointer;
}
div#wrapcont a:hover { opacity: 0.85;
}
div#wrapcont a[href^='tel:'],
div#wrapcont a[href^='mailto:'] {
text-decoration: underline;
}
div#wrapcont textarea {
display: block;
min-height: 50px;
max-height: 500px;
}
div#wrapcont *:where(input:not([type="submit"]):not([type="reset"]), textarea, select) {
border: 1px solid #666666;
outline: none;
background-color: #ffffff;
}
div#wrapcont *:where(textarea, select, input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"])) {
width: 100%;
}
div#wrapcont label > input:where([type="checkbox"], [type="radio"]) {
margin-right: 0.5em;
width: 1em;
height: 1em;
vertical-align: middle;
display: inline-block;
}
div#wrapcont input[type="submit"] {
-moz-appearance: none;
-webkit-appearance: none;
}
div#wrapcont input[type="submit"]:hover,
div#wrapcont input[type="reset"]:hover {
cursor: pointer;
opacity: 0.7;
}
div#wrapcont select {
-moz-appearance: menulist;
-webkit-appearance: menulist;
}
div#wrapcont select::-ms-expand {
display: block;
}
div#wrapcont select:hover {
cursor: pointer;
}
div#wrapcont ::placeholder {
color: #BDBDBD;
}
div#wrapcont noscript {
text-align: center;
color: #ff0000;
font-weight: bold;
padding: 0 20px;
}
@media (max-width: 500px) {
div#wrapcont br.break_pc {
display: none;
}
}
@media only print {
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/slick/fonts/slick.eot);
src: url(https://domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/slick/fonts/slick.woff) format('woff'), url(https://domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/slick/fonts/slick.ttf) format('truetype'), url(https://domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
 body.check__border {
position: relative;
}
body.check__border::before,
body.check__border::after {
z-index: 10000;
content: '';
background-color: #ff0000;
}
body.check__border::before {
position: absolute;
left: 50%;
top: 0;
width: 1px;
height: 100%;
} div#wrapcont {
--site-theme-color1: #2ABA71;
--site-theme-color2: #009245;
--site-main-width1: 1080px;
--site-bg-color1: #F5F5E7;
--site-txt-color1: #1A1A1A;
--site-page-edge-space1: 22px;
--site-page-edge-space-head: 20px;
--site-page-edge-space-main: 34px;
--site-page-edge-space-main2: 37px;
--site-page-edge-space-main3: 22px;
--site-page-sp-side-space1: 20px; --site-page-sp-side-space2: 34px; --site-page-sp-side-space3: 14px; --site-page-sp-side-space4: 46px; --site-page-sp-side-space5: 78px; --site-page-sp-side-space6: 15px; --sp-fixed-header-h: 68px;
padding-top: 141px; }
div#wrapcont * {
font-feature-settings: "palt" 1;
color: var(--site-txt-color1);
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
letter-spacing: 0.05em;
}
@media (min-width: 1301px) {
div#wrapcont {
width: 100%!important;
}
}
@media (max-width: 1300px) {
div#wrapcont {
width: 100%; }
}
@media (max-width: 640px) {
div#wrapcont {
padding-top: 183px;
font-size: 15px;
width: 100%!important;
padding-top: var(--sp-fixed-header-h)!important;
}
div#wrapcont * {
line-height: 2em;
}
}
div#wrapcont br {
line-height: initial!important;
} div#wrapcont .animate__my_type1 {
animation-delay: 0.4s;
}
@keyframes fadeInUpMin {
from {
opacity: 0;
transform: translate3d(0, 15%, 0);
}
to {
opacity: 1;
transform: none;
}
}
div#wrapcont .animate__my_type1 {
animation-name: fadeInUpMin;
} div#wrapcont h2.cmn__type1 {
}
div#wrapcont h2.cmn__type2 {
text-align: center;
font-weight: 600;
font-size: 40px;
background-color: #2ABA71;
width: min( calc( 100% - (var(--site-page-sp-side-space1) * 2) ), var(--site-main-width1) );
margin-left: auto;
margin-right: auto;
border-radius: 40px;
height: 140px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0.5em;
letter-spacing: 0.1em;
}
div#wrapcont h2.cmn__type2,
div#wrapcont h2.cmn__type2 * {
color: #ffffff;
line-height: 1.25;
}
div#wrapcont h2.cmn__type2 br.break_sp {
display: none;
}
div#wrapcont h2.cmn__type2.extype1 {
font-feature-settings: normal;
letter-spacing: 0;
font-weight: 900;
}
div#wrapcont h2.cmn__type2.extype1 .txt-sub {
font-size: 16px;
display: block;
margin-top: 10px;
font-weight: 600;
}
@media (max-width: 640px) {
div#wrapcont h2.cmn__type2 {
font-size: 26px;
border-radius: 22px;
height: 75px;
}
div#wrapcont h2.cmn__type2 br.break_sp {
display: block;
}
div#wrapcont h2.cmn__type2.extype1 .txt-sub {
font-size: 15px;
letter-spacing: 0;
margin-top: 2px;
}
}
div#wrapcont h2.cmn__type3 {
text-align: center;
font-weight: 600;
font-size: 2rem;
background-color: #2ABA71;
width: min( calc( 100% - 30px ), var(--site-main-width1) );
margin-left: auto;
margin-right: auto;
border-radius: 50px;
height: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0.5em;
}
div#wrapcont h2.cmn__type3,
div#wrapcont h2.cmn__type3 * {
color: #ffffff;
line-height: 1.25;
}
@media (max-width: 640px) {
div#wrapcont h2.cmn__type3 {
font-size: 1.5rem;
border-radius: 20px;
height: 100px;
}
}
div#wrapcont .cmn__btn_type1 {
--cmn--btn-color-arrow: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_xxx.png);
--cmn--btn-color-arrow-hover: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_xxx.png);
--cmn--btn-color-bg: #ffffff;
--cmn--btn-color-txt: #ffffff;
color: var(--cmn--btn-color-txt);
background-color: var(--cmn--btn-color-bg);
border: 2px solid var(--cmn--btn-color-bg);
position: relative;
z-index: 1;
overflow: hidden;
opacity: 1;
}
div#wrapcont .cmn__btn_type1.c1 {
--cmn--btn-color-bg: #39B54A;
--cmn--btn-color-txt: #ffffff;
--cmn--btn-color-arrow: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_white.png);
--cmn--btn-color-arrow-hover: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_green.png);
}
div#wrapcont .cmn__btn_type1.c2 {
--cmn--btn-color-bg: #998675;
--cmn--btn-color-txt: #ffffff;
--cmn--btn-color-arrow: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_white.png);
--cmn--btn-color-arrow-hover: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_brown2.png);
}
div#wrapcont .cmn__btn_type1.c3 {
--cmn--btn-color-bg: #E34600;
--cmn--btn-color-txt: #ffffff;
--cmn--btn-color-arrow: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_white.png);
--cmn--btn-color-arrow-hover: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_orange.png);
}
div#wrapcont .cmn__btn_type1.c4 {
--cmn--btn-color-bg: #FF931E;
--cmn--btn-color-txt: #ffffff;
--cmn--btn-color-arrow: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_white.png);
--cmn--btn-color-arrow-hover: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_orange2.png);
}
div#wrapcont .cmn__btn_type1::before {
content: '';
width: calc( 100% + 10px );
height: 200px;
position: absolute;
top: -5px;
left: -5px;
z-index: -1;
background-color: var(--cmn--btn-color-txt);
transform-origin: 100% 50%;
transform: scaleX(0);
transition: transform ease .5s;
}
div#wrapcont .cmn__btn_type1::after {
position: absolute;
top: 0;
right: 1em;
z-index: 2;
content: '';
width: 1.25em;
height: 100%;
background-image: var(--cmn--btn-color-arrow);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: left center;
}
div#wrapcont .cmn__btn_type1:hover {
color: var(--cmn--btn-color-bg);
border-color: 2px solid var(--cmn--btn-color-txt);
}
div#wrapcont .cmn__btn_type1:hover::before {
transform-origin: 0% 50%;
transform: scaleX(1);
}
div#wrapcont .cmn__btn_type1:hover::after {
background-image: var(--cmn--btn-color-arrow-hover);
}
div#wrapcont .cmn__txt_note1 {
position: relative;
padding-left: calc( 1em + 0.25em );
}
div#wrapcont .cmn__txt_note1::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '\203b';
}
div#wrapcont .cmn__radius_type1 {
border-radius: 40px;
}
@media (max-width: 640px) {
div#wrapcont .cmn__radius_type1 {
border-radius: 22px;
}
}
div#wrapcont .cmn__radius_type2 {
border-radius: 30px;
}
div#wrapcont .cmn__radius_type3 {
border-radius: 20px;
}
div#wrapcont #pageBottomCont {
position: fixed;
left: 0;
bottom: 0;
z-index: 9000;
width: 100%;
padding: 15px 20px 40px 15px;
display: none;
}
div#wrapcont #pageBottomCont,
div#wrapcont #pageBottomCont * {
pointer-events: none;
}
div#wrapcont #pageBottomCont a {
pointer-events: auto;
}
div#wrapcont #pageBottomCont ul.itemlist.flexbox {
gap: 0 15px;
justify-content: flex-end;
}
div#wrapcont #pageBottomCont ul.itemlist.flexbox > li.btn_ret {
width: 48px;
}
div#wrapcont #pageBottomCont ul.itemlist.flexbox > li.btn_ret a {
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
@media (max-width: 500px) {
div#wrapcont #pageBottomCont ul.itemlist.flexbox > li.btn_ret {
width: 48px;
}
} div#wrapcont header {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
background-color: #ffffff;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 1300px) {
div#wrapcont header {
width: 1300px;
}
}
div#wrapcont header > .inner { width: var(--site-main-width1);
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox {
--list-clm-width1: 300px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li {
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - 30px - var(--list-clm-width1) );
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox {
gap: 0 15px;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 30px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox > li {
color: #ffffff;
border-radius: 0 0 15px 15px;
overflow: hidden;
text-align: center;
height: 60px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox > li a {
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
padding: 15px;
line-height: 1;
font-weight: 600;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox > li.c1 a {
background-color: #39B54A;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox > li.c2 a {
background-color: #3FA9F5;
font-size: 18px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox > li a img {
width: 152px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li h1.sitelogo {
transform: translateY(15px);
} div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox {
flex-wrap: wrap;
justify-content: flex-end;
gap: 10px 0;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li {
position: relative;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > a {
padding: 10px 18px;
font-weight: 600;
opacity: 1;
font-size: 18px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li.cur > a,
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li:hover > a {
color: #009245;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li:has(> .list-navi-sub-wrap):hover > a {
background-color: rgba(230,230,230,0.85);
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap {
display: none;
position: absolute;
z-index: 1;
background-color: rgba(230,230,230,0.85);
padding: 15px 20px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap.w_type1 {
width: 560px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap.w_type1 > .flex-wrap > ul.list-navi-sub:nth-child(1) {
width: 220px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap.w_type1 > .flex-wrap > ul.list-navi-sub:nth-child(2) {
width: calc( 100% - 220px );
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap.w_type1 > .flex-wrap > ul.list-navi-sub:nth-child(2) > li:nth-child(4) {
margin-top: 0;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap.w_type1 > .flex-wrap > ul.list-navi-sub:nth-child(2) > li:nth-child(5) a {
line-height: 1.9;
padding: 0.15em 0.15em 0.15em 0;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap.w_type2 {
width: 290px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap.w_type3 {
width: 300px;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap > .flex-wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 0 20px;
justify-content: space-between;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap > .flex-wrap > ul.list-navi-sub {
flex-direction: column;
font-size: 0.9em;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap > .flex-wrap > ul.list-navi-sub > li > a {
display: inline-block;
padding: 0.15em 1.25em 0.15em 0;
position: relative;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_link_arrow_black.png);
background-size: auto 0.85em;
background-repeat: no-repeat;
background-position: right 0 bottom 0.6em;
font-size: 16px;
line-height: 1.75;
}
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox > li > .list-navi-sub-wrap > .flex-wrap > ul.list-navi-sub > li > a[href="#"] {
background-image: unset;
padding-right: 0;
pointer-events: none;
}
div#wrapcont header.scrolled > .inner {
padding-top: 20px;
}
div#wrapcont header.scrolled .mainclm1 ul.row_item1.flexbox {
align-items: flex-end;
}
div#wrapcont header.scrolled .mainclm1 ul.row_item1.flexbox > li h1.sitelogo {
transform: translateY(0);
}
div#wrapcont header.scrolled .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox {
display: none;
} @media (max-width: 640px) {
div#wrapcont header .mainclm1 ul.row_item1.flexbox > li nav.gnavi ul.list-navi.flexbox {
gap: 10px 0;
}
} @media (max-width: 640px) {
div#wrapcont header {
display: none;
}
} div#wrapcont #spHeader {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000;
background-color: #ffffff;
height: var(--sp-fixed-header-h);
}
div#wrapcont #spHeader ul.list1.flexbox {
height: var(--sp-fixed-header-h);
}
div#wrapcont #spHeader ul.list1.flexbox > li {
width: calc(100% - var(--sp-fixed-header-h));
}
div#wrapcont #spHeader ul.list1.flexbox > li:nth-child(1) {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 10px;
height: 100%;
}
div#wrapcont #spHeader ul.list1.flexbox > li:nth-child(1) h1 {
height: 100%;
}
div#wrapcont #spHeader ul.list1.flexbox > li:nth-child(1) h1 a {
display: inline-block;
padding: 5px;
height: 100%;
}
div#wrapcont #spHeader ul.list1.flexbox > li:nth-child(1) h1 img {
height: 100%;
}
div#wrapcont #spHeader ul.list1.flexbox > li:nth-child(2) {
width: var(--sp-fixed-header-h);
}
div#wrapcont #spHeader ul.list1.flexbox > li:nth-child(2) a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
opacity: 1;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/sp_header_icon_navi_open.svg);
background-size: calc(100% - 20px - 20px) auto;
background-repeat: no-repeat;
background-position: center;
transition: all .2s;
}
div#wrapcont #spHeader ul.list1.flexbox > li:nth-child(2) a.open {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/sp_header_icon_navi_close.svg);
}
div#wrapcont #spHeader ul.list1.flexbox > li:nth-child(2) a img {
width: 100%;
} @media (max-width: 640px) {
div#wrapcont #spHeader {
display: block;
}
}
div#wrapcont #spNavi {
display: none;
width: 100%;
background-color: #ffffff;
position: fixed;
top: var(--sp-fixed-header-h);
left: 0;
z-index: 9999;
max-height: calc(100% - var(--sp-fixed-header-h));
overflow-y: auto;
padding-top: 20px;
padding-bottom: 20px;
}
div#wrapcont #spNavi ul.list1.flexbox {
justify-content: flex-end;
gap: 0 10px;
width: calc( 100% - 15px - 15px );
margin-left: auto;
margin-right: auto;
font-size: 18px;
}
div#wrapcont #spNavi ul.list1.flexbox > li a {
display: block;
color: #ffffff;
padding: 0.65em 1em;
line-height: 1.33;
font-weight: 600;
border-radius: 10px;
letter-spacing: 0.05em;
}
div#wrapcont #spNavi ul.list1.flexbox > li.c1 a {
background-color: #39B54A;
padding-bottom: 0.5em;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
div#wrapcont #spNavi ul.list1.flexbox > li.c1 a img {
height: 0.9em;
vertical-align: text-top;
}
div#wrapcont #spNavi ul.list1.flexbox > li.c2 a {
background-color: #3FA9F5;
}
div#wrapcont #spNavi ul.list2 {
margin-top: 20px;
}
div#wrapcont #spNavi ul.list2 * {
line-height: 1.5em;
}
div#wrapcont #spNavi ul.list2 > li {
border-bottom: 1px solid #C2C2C2;
}
div#wrapcont #spNavi ul.list2 > li > p.has-sub,
div#wrapcont #spNavi ul.list2 > li > a {
display: block;
padding: 0.6em 4em 0.6em 2em;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/sp_header_icon_menu_arrow.png);
background-size: 14px auto;
background-repeat: no-repeat;
background-position: right 22px center;
font-size: 18px;
position: relative;
}
div#wrapcont #spNavi ul.list2 > li > p.has-sub {
pointer-events: none;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/sp_header_icon_menu_plus.png);
}
div#wrapcont #spNavi ul.list2 > li.open > p.has-sub {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/sp_header_icon_menu_minus.png);
}
div#wrapcont #spNavi ul.list2 > li > ul.list2_sub {
display: none;
border-top: 1px solid #C2C2C2;
}
div#wrapcont #spNavi ul.list2 > li > ul.list2_sub > li:not(:last-child) {
border-bottom: 1px dotted #C2C2C2;
} div#wrapcont #spNavi ul.list2 > li > ul.list2_sub > li > a {
display: block;
padding: 0.6em 4em 0.6em 3em;
font-size: 17px;
line-height: 1.25;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/sp_header_icon_menu_arrow.png);
background-size: 14px auto;
background-repeat: no-repeat;
background-position: right 22px center;
}
div#wrapcont #spNavi ul.list2 > li > ul.list2_sub > li > a[href="#"] {
background-image: unset;
padding-right: 0;
pointer-events: none;
}
div#wrapcont #spNavi ul.list3 {
margin-top: 30px;
font-size: 17px;
}
div#wrapcont #spNavi ul.list3 * {
line-height: 1.5;
}
div#wrapcont #spNavi ul.list3 > li > a {
display: block;
padding: 0.5em 2em;
}
div#wrapcont #spNavi ul.list3 > li > a {
} div#wrapcont #mainVisArea {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
div#wrapcont #mainVisArea .h-center {
width: fit-content;
max-width: calc( 100% - 10px - 10px );
text-align: center;
padding: 15px 0;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 50%;
transform: translateY(-50%);
z-index: 10;
}
div#wrapcont #mainVisArea .h-center h2 > .txt-main,
div#wrapcont #mainVisArea .h-center h2 > .txt-sub {
color: #ffffff;
font-weight: 600;
}
div#wrapcont #mainVisArea .h-center h2 > .txt-main {
font-size: 60px;
line-height: 1.25;
font-weight: 600;
}
div#wrapcont #mainVisArea .h-center h2 > .txt-sub {
font-size: 30px;
line-height: 1.25;
font-weight: 900;
}
@media (max-width: 640px) {
div#wrapcont #mainVisArea {
background-image: unset!important;
}
div#wrapcont #mainVisArea .h-center h2 {
font-size: 2rem;
}
div#wrapcont #mainVisArea .h-center h2 > .txt-main {
font-size: 31px;
}
div#wrapcont #mainVisArea .h-center h2 > .txt-sub {
font-size: 18px;
}
}
div#wrapcont #mainVisArea .h-center2 {
width: min( calc( 100% - 50px ), 1080px );
margin-left: auto;
margin-right: auto;
height: 100%;
padding-top: 40px;
position: absolute;
left: 25px;
right: 0;
z-index: 10;
}
div#wrapcont #mainVisArea .h-center2 h2 > .txt-main {
font-size: 42px;
line-height: 1.33;
font-weight: 600;
}
@media (max-width: 640px) {
div#wrapcont #mainVisArea .h-center2 {
padding-top: 15px;
}
div#wrapcont #mainVisArea .h-center2 h2 > .txt-main {
font-size: 20px;
line-height: 1.25;
}
} div#wrapcont #mainArea {
padding-top: 50px;
padding-bottom: 100px;
}
div#wrapcont #mainArea section.mainsec > .inner {
width: min( calc(100% - ( var(--site-page-edge-space-main2) * 2) ), var(--site-main-width1) );
margin-left: auto;
margin-right: auto;
}
div#wrapcont #mainArea section.mainsec.w_type1 > .inner {
width: min( calc(100% - ( var(--site-page-sp-side-space1) * 2) ), var(--site-main-width1) );
}
div#wrapcont #mainArea section.mainsec.w_type2 > .inner {
width: min( calc(100% - ( var(--site-page-sp-side-space2) * 2) ), var(--site-main-width1) );
}
div#wrapcont #mainArea section.mainsec.w_type3 > .inner {
width: min( calc(100% - ( var(--site-page-sp-side-space3) * 2) ), var(--site-main-width1) );
}
div#wrapcont #mainArea section.mainsec.w_type4 > .inner {
width: min( calc(100% - ( var(--site-page-sp-side-space4) * 2) ), var(--site-main-width1) );
}
div#wrapcont #mainArea section.mainsec.w_type5 > .inner {
width: min( calc(100% - ( var(--site-page-sp-side-space5) * 2) ), var(--site-main-width1) );
}
div#wrapcont #mainArea section.mainsec.w_type6 > .inner {
width: min( calc(100% - ( var(--site-page-sp-side-space6) * 2) ), var(--site-main-width1) );
}
div#wrapcont #mainArea section.mainsec.wide > .inner {
width: 100%;
} div#wrapcont footer {
background-color: #E6E6E6;
}
div#wrapcont footer > .inner {
width: min( calc(100% - 30px), var(--site-main-width1) );
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 50px;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox {
gap: 50px 0;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: calc( 100% - 500px );
padding-right: 50px;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: 500px;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
gap: 0 50px;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li ul.list-sns.flexbox {
gap: 15px 22px;
justify-content: flex-start;
align-items: center;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li ul.list-sns.flexbox > li {
width: 38px;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li ul.list-sns.flexbox > li.extype1 {
width: 32px;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li ul.list-menu > li:nth-child(n+2) {
margin-top: 6px;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-logo {
margin-top: 60px;
width: min( 100%, 300px );
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-info {
margin-top: 22px;
line-height: 1.25;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-tel {
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-tel img {
height: 14px;
}
div#wrapcont footer .mainclm1 .row_item2 {
margin-top: 50px;
font-size: 12px;
text-align: right;
} @media (max-width: 640px) {
div#wrapcont footer .mainclm1 ul.row_item1.flexbox {
align-items: center;
flex-direction: column;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: fit-content;
max-width: 100%;
padding-right: 0;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: fit-content;
max-width: 100%;
justify-content: center;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-logo {
text-align: center;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-info {
text-align: center;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-tel {
text-align: center;
}
}
@media (max-width: 640px) {
div#wrapcont footer .mainclm1 ul.row_item1.flexbox {
align-items: center;
flex-direction: column;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: fit-content;
max-width: 100%;
padding-right: 0;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: fit-content;
max-width: 100%;
justify-content: center;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-logo {
text-align: center;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-info {
text-align: center;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-tel {
text-align: center;
}
div#wrapcont footer > .inner {
width: min( calc(100% - 30px), var(--site-main-width1) );
margin-left: auto;
margin-right: auto;
padding-top: 35px;
padding-bottom: 35px;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox {
gap: 35px 0;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-logo {
margin-top: 50px;
width: min( 100%, 300px );
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li .l-info {
margin-top: 15px;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
flex-direction: column;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li ul.list-menu {
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 0.5em 1em;
width: min( 100%, 300px );
margin-left: auto;
margin-right: auto;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li ul.list-menu * {
line-height: 1.5;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li ul.list-menu > li * {
font-feature-settings: normal;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li ul.list-menu:nth-child(n+2) {
margin-top: 30px;
}
div#wrapcont footer .mainclm1 ul.row_item1.flexbox > li ul.list-menu > li:nth-child(n+2) {
margin-top: 0;
}
div#wrapcont footer .mainclm1 .row_item2 {
text-align: center;
}
}
 body.home div#wrapcont #mainVisArea {
height: 970px; min-height: 500px;
max-height: 970px;
position: relative;
overflow: hidden;
width: 100%;
min-width: 1080px;
} @media (max-width: 640px) {
body.home div#wrapcont #mainVisArea {
height: 600px!important;
min-height: 0;
max-height: 100%;
min-width: 0;
}
}
@media (max-width: 640px) {
body.home div#wrapcont #mainVisArea {
height: 348px!important;
}
} body.home div#wrapcont #mainVisArea .img-wave {
position: absolute;
top: 0;
left: 0;
transform: translateY(-1px);
z-index: 1010;
width: 100%;
line-height: 1; transform: translateY(-2px) scale(1.05);
transform-origin: center top;
}
body.home div#wrapcont #mainVisArea .img-wave img {
width: 100%;
line-height: 1;
}
body.home div#wrapcont #mainVisArea ul.row_slide {
width: 100%;
height: 100%;
}
body.home div#wrapcont #mainVisArea ul.row_slide .slick-list {
height: 100%!important;
}
body.home div#wrapcont #mainVisArea ul.row_slide .slick-list .slick-track {
height: 100%!important;
}
body.home div#wrapcont #mainVisArea ul.row_slide li {
height: 100%!important;
position: relative!important;
display: none; }
body.home div#wrapcont #mainVisArea ul.row_slide.slick-initialized li {
display: block;
}
body.home div#wrapcont #mainVisArea ul.row_slide li .center {
width: min( calc( 100% - 15px - 15px ), var(--site-main-width1) );
margin-left: auto;
margin-right: auto;
height: 100%;
padding: 15px 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1001;
}
body.home div#wrapcont #mainVisArea ul.row_slide li .center .txt1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: min( 100%, 592px );
z-index: 2001;
}
body.home div#wrapcont #mainVisArea ul.row_slide li .center .txt2 {
position: absolute;
top: 150px;
left: 0;
width: min( 100%, 886px );
z-index: 2001;
}
body.home div#wrapcont #mainVisArea ul.row_slide li .img-main {
width: 100%;
height: 100%;
}
body.home div#wrapcont #mainVisArea ul.row_slide li .img-main.sp {
display: none;
}
body.home div#wrapcont #mainVisArea ul.row_slide li .img-main img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
body.home div#wrapcont #mainVisArea ul.row_slide .slick-list .slick-track li.slick-slide.first-anime .img-main img {
transform: scale(1)!important;
}
body.home div#wrapcont #mainVisArea ul.row_slide .slick-list .slick-track li.slick-slide .img-main img {
transition: 16.5s linear transform, 1s ease-out opacity !important; transform: scale(1);
transform-origin: center;
}
body.home div#wrapcont #mainVisArea ul.row_slide .slick-list .slick-track li.slick-slide.slick-current .img-main img {
transition: 5.5s linear transform, 1s ease-out opacity !important;
transform: scale(1.15);
}
body.home div#wrapcont #mainVisArea ul.row_slide .slick-list .slick-track li.slick-slide.first-anime.start-anime .img-main img {
transition: 5.5s linear transform, 1s ease-out opacity !important;
transform: scale(1.15)!important;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainVisArea ul.row_slide li .center .txt1 {
width: min( 80%, 592px );
}
body.home div#wrapcont #mainVisArea ul.row_slide li .center .txt2 {
top: 50px;
left: 50%;
transform: translateX(-50%);
width: min( 95%, 886px );
}
body.home div#wrapcont #mainVisArea ul.row_slide li .img-main.pc {
display: none;
}
body.home div#wrapcont #mainVisArea ul.row_slide li .img-main.sp {
display: block;
}
}
body.home div#wrapcont #mainArea {
padding-top: 80px;
padding-bottom: 0;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea {
padding-top: 50px;
}
}
body.home div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
text-align: center;
margin-bottom: 50px;
}
body.home div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .txt-main {
font-family: 'Roboto', sans-serif;
font-size: 46px;
font-weight: 900;
line-height: 1.25;
}
body.home div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .txt-sub {
font-size: 16px;
font-weight: 600;
line-height: 1.25;
margin-top: 5px;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
margin-bottom: 30px;
}
body.home div#wrapcont #mainArea section.mainsec h3.pagecmn__type1.sp {
display: block;
}
body.home div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .txt-main {
font-size: 31px;
letter-spacing: 0;
line-height: 1.1;
}
body.home div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .txt-sub {
font-size: 15px;
letter-spacing: 0;
margin-top: 0;
}
}
body.home div#wrapcont #mainArea section.mainsec.s1 > .inner {
}
body.home div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 20px;
}
body.home div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 * {
font-weight: 500;
line-height: 2;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: left;
font-size: 18px;
}
body.home div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 * {
line-height: 1.73;
}
body.home div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 br.break_pc {
display: none;
}
}
body.home div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 120px;
padding-bottom: 100px;
width: 100%;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 70px;
padding-bottom: 60px;
}
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( calc(100% - 30px), 1080px );
margin-left: auto;
margin-right: auto;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 {
text-align: center;
font-size: 18px;
line-height: 1.5;
font-weight: 500;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 {
text-align: left;
font-size: 17px;
line-height: 1.78;
}
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 {
margin-top: 60px;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox {
--list-clm-color1: #ffffff;
--list-clm-bg1: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/home_zoning_imgXX.jpg);
--list-clm-width-border: 40px;
gap: 40px 0;
flex-wrap: wrap;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li {
width: 50%;
position: relative;
height: 340px;
background-color: #ffffff;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li::before {
position: absolute;
top: 0;
left: 0;
z-index: 5;
content: '';
height: 100%;
width: var(--list-clm-width-border);
background-color: var(--list-clm-color1);
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li.c_green {
--list-clm-color1: #75C288;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li.c_orange {
--list-clm-color1: #F7A25D;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li.c_pink {
--list-clm-color1: #EBA1C3;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li.c_blue {
--list-clm-color1: #71B5FF;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li.c_green2 {
--list-clm-color1: #A7D026;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li.c_yellow {
--list-clm-color1: #F7AE09;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a {
display: flex;
opacity: 1;
width: 100%;
height: 100%;
flex-direction: row;
align-items: center;
position: relative;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .img1 {
width: 100%;
height: 100%;
overflow: hidden;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .img1 img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
transition: all .6s;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li:hover .img1 img {
transform: scale(1.05);
transform-origin: center;
opacity: 0.6;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .img1 img.sp {
display: none;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap1 {
position: absolute;
top: 0;
left: 0;
right: 0;
width: fit-content;
max-width: 100%;
width: 100%;
height: 100%;
z-index: 1;
padding: 15px;
width: calc( 100% - var(--list-clm-width-border) );
margin-left: auto;
margin-right: 0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap1 .txt-main {
font-family: 'Roboto', sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 1.1;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap1 .txt-sub {
font-size: 20px;
font-weight: 600;
line-height: 1.1;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap1.c_white * {
color: #ffffff;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap1.c_black * {
color: #1a1a1a;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap1.s_white * {
text-shadow: #ffffff 2px 0px 2px,
#ffffff -2px 0px 2px,
#ffffff 0px -2px 2px,
#ffffff 0px 2px 2px,
#ffffff 2px 2px  2px,
#ffffff -2px 2px 2px,
#ffffff 2px -2px 2px,
#ffffff -2px -2px 2px,
#ffffff 1px 2px 2px,
#ffffff -1px 2px 2px,
#ffffff 1px -2px 2px,
#ffffff -1px -2px 2px,
#ffffff 2px 1px 2px,
#ffffff -2px 1px 2px,
#ffffff 2px -1px 2px,
#ffffff -2px -1px 2px;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap2 {
position: absolute;
left: 0;
right: 0;
bottom: 30px;
z-index: 2;
text-align: center;
width: calc( 100% - var(--list-clm-width-border) );
margin-left: auto;
margin-right: 0;
padding: 0 15px;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap2 .txt-btn {
display: inline-block;
width: min( 100%, 160px );
border-radius: 100px;
padding: 0.35em calc(0.5em + 1.25em + 1em) 0.35em 1.5em;
text-align: center;
font-size: 16px;
--cmn--btn-color-arrow: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_green.png);
--cmn--btn-color-arrow-hover: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_btn_arrow_white.png);
--cmn--btn-color-bg: #ffffff;
--cmn--btn-color-txt: #39B54A;
color: var(--cmn--btn-color-txt);
background-color: var(--cmn--btn-color-bg);
border: 2px solid var(--cmn--btn-color-txt);
position: relative;
z-index: 1;
overflow: hidden;
opacity: 1;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap2 .txt-btn::before {
content: '';
width: calc( 100% + 10px );
height: 100px;
position: absolute;
top: -5px;
left: -5px;
z-index: -1;
background-color: var(--cmn--btn-color-txt);
transform-origin: 100% 50%;
transform: scaleX(0);
transition: transform ease .5s;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap2 .txt-btn::after {
position: absolute;
top: 0;
right: 1em;
z-index: 2;
content: ''; width: 1.25em;
height: 100%;
background-image: var(--cmn--btn-color-arrow);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: left center;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a:hover .txtwrap2 .txt-btn {
color: var(--cmn--btn-color-bg);
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a:hover .txtwrap2 .txt-btn::before {
transform-origin: 0% 50%;
transform: scaleX(1);
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a:hover .txtwrap2 .txt-btn::after {
background-image: var(--cmn--btn-color-arrow-hover);
}
@media (max-width: 767px) {
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox {
--list-clm-width-border: 25px;
gap: 12px 0;
flex-direction: column;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li {
width: 100%;
height: 212px;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap1 {
height: calc( 100% - 30px );
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap2 {
bottom: 20px;
}
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 {
margin-top: 25px;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap1 .txt-main {
font-size: 28px;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap1 .txt-sub {
font-size: 15px;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .txtwrap2 .txt-btn {
font-size: 16px;
padding: 0.25em calc(0.5em + 1.25em + 1em) 0.25em 1.5em;
}
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 .row_item2 {
text-align: center;
margin-top: 70px;
width: min( calc( 100% - 30px ), 1080px );
margin-left: auto;
margin-right: auto;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 .row_item2 a {
display: inline-block;
border-radius: 100px;
line-height: 1.35;
padding: 0.85em calc(0.5em + 1.25em + 1em) 0.85em 1.5em;
width: min( 100%, 360px );
text-align: center;
font-size: 16px;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 .row_item2 {
margin-top: 40px;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 .row_item2 a {
width: min( 100%, 338px );
font-size: 16px;
line-height: 1.35;
font-size: 17px;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .img1 img.pc {
display: none;
}
body.home div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li a .img1 img.sp {
display: inline;
}
}
body.home div#wrapcont #mainArea section.mainsec.s3 {
background-color: #FFFABA;
}
body.home div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 40px;
padding-bottom: 40px;
}
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
--slide-arrow-w: 50px;
--slide-arrow-margin: 40px;
--slide-side-space: calc( ( var(--slide-arrow-w) * 2 ) + ( var(--slide-arrow-margin) * 2 ) );
position: relative;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 a.btn_slide {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1001;
width: var(--slide-arrow-w);
aspect-ratio: 1;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 a.btn_slide img {
width: 100%;
height: 100%;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 a.btn_slide.left {
left: calc( ( var(--slide-arrow-w) + var(--slide-arrow-margin) ) * -1 );
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 a.btn_slide.right {
right: calc( ( var(--slide-arrow-w) + var(--slide-arrow-margin) ) * -1 );
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide {
width: calc( 100% + ( var(--site-page-sp-side-space6) * 2 ) ); margin-left: calc( var(--site-page-sp-side-space6) * -1 );
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide .slick-track {
display: flex;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide .slick-slide {
height: auto !important;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li {
padding: 0 15px;
height: 100%;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li > .inner {
background-color: #ffffff;
height: 100%;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a {
display: block;
opacity: 1;
height: 100%;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a .img1 {
height: 180px;
width: 100%;
overflow: hidden;
aspect-ratio: 1.37778 / 1;
border-bottom: 1px solid #bcbcbc;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a .img1 img {
width: 100%;
height: 100%; object-fit: cover;
object-position: center;
transition: all .6s;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a:hover .img1 img {
transform: scale(1.05);
transform-origin: center;
opacity: 0.6;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a .txtwrap1 {
background-color: #ffffff;
padding: 15px 20px;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a .txtwrap1 .txt-cat {
--list-clm-color1: #ffffff;
color: #ffffff;
font-weight: 600;
line-height: 1;
padding: 0.5em 1em;
font-size: 14px;
text-align: center;
width: fit-content;
border-radius: 10px;
background-color: var(--list-clm-color1);
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a .txtwrap1 .txt-cat.c_green {
--list-clm-color1: #2ABA71;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a .txtwrap1 .txt-cat.c_orange {
--list-clm-color1: #FF931E;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a .txtwrap1 .txt-cat.c_pink {
--list-clm-color1: #F38BAF;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a .txtwrap1 .txt-date {
margin-top: 5px;
font-size: 14px;
line-height: 1.25;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_slide li a .txtwrap1 .txt-ttl {
margin-top: 5px;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
} @media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
width: min( calc( 100% - var(--slide-side-space) ), 1080px );
margin-left: auto;
margin-right: auto;
}
} @media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
max-width: 300px;
}
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
--slide-arrow-w: 35px;
--slide-arrow-margin: 15px;
max-width: 100%;
width: 248px;
}
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
margin-top: 70px;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item1 {
text-align: center;
width: min( calc( 100% - 30px ), 1080px );
margin-left: auto;
margin-right: auto;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item1 a {
display: inline-block;
border-radius: 100px;
line-height: 1.35;
padding: 0.85em calc(0.5em + 1.25em + 1em) 0.85em 1.5em;
width: min( 100%, 250px );
text-align: center;
font-size: 16px;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
margin-top: 40px;
}
body.home div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item1 a {
width: min( 100%, 218px );
line-height: 1.35;
font-size: 17px;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
}
body.home div#wrapcont #mainArea section.mainsec.s4 {
background-color: #ffffff;
}
body.home div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 120px;
padding-bottom: 120px;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox {
gap: 40px 80px;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li {
height: 195px;
width: 50%;
overflow: hidden;
border-radius: 36px;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
position: relative;
display: block;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
content: '';
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li.type1 a::before {
background-color: rgba(42,153,219,0.3);
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li.type2 a::before {
background-color: rgba(153,137,255,0.18);
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a .img1 {
overflow: hidden;
width: 100%;
height: 100%;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a .img1 img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: all .6s;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a:hover .img1 img {
transform: scale(1.05);
transform-origin: center;
opacity: 0.6;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a .txtwrap1 {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a .txtwrap1 .wrap1-txt1 {
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 42px;
font-weight: 900;
line-height: 1.25;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a .txtwrap1 .wrap1-txt2 {
color: #ffffff;
font-size: 18px;
font-weight: 600;
line-height: 1.25;
}
@media (max-width: 1080px) {
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox {
gap: 20px 40px;
}
}
@media (max-width: 767px) {
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li {
width: min( 85%, 500px );
}
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 60px;
padding-bottom: 60px;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li {
width: min( 85%, 312px );
height: 122px;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a .txtwrap1 .wrap1-txt1 {
font-size: 28px;
}
body.home div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li a .txtwrap1 .wrap1-txt2 {
color: #ffffff;
font-size: 15px;
}
}
body.home div#wrapcont #mainArea section.mainsec.s5 {
background-color: #FFFABA;
}
body.home div#wrapcont #mainArea section.mainsec.s5 > .inner {
padding-top: 100px;
padding-bottom: 100px;
width: 100%;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s5 > .inner {
padding-top: 30px;
padding-bottom: 50px;
}
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm1 {
width: min( calc( 100% - 30px ), 1080px );
margin-left: auto;
margin-right: auto;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm1 .row_item1 {
text-align: center;
font-weight: 600;
font-size: 18px;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm1 .row_item1.sp {
display: none;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm1 .row_item1.pc {
display: none;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm1 .row_item1.sp {
display: block;
}
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 {
--slide-clm-w: 178px;
--slide-clm-margin-h: 18px;
--slide-arrow-w: 50px;
--slide-arrow-margin-h: 20px;
margin-top: 40px;
position: relative;
background-color: #ffffff;
padding: 18px 0;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 .txt-getfail {
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 a.btn_slide {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1001;
width: var(--slide-arrow-w);
aspect-ratio: 1;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 a.btn_slide img {
width: 100%;
height: 100%;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 a.btn_slide.left {
left: var(--slide-arrow-margin-h);
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 a.btn_slide.right {
right: var(--slide-arrow-margin-h);
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_slide {
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_slide .slick-list {
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_slide .slick-list .slick-track {
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_slide li {
height: 100%;
width: calc( var(--slide-clm-w) + var(--slide-clm-margin-h) );
padding-left: calc(  var(--slide-clm-margin-h) / 2 );
padding-right: calc(  var(--slide-clm-margin-h) / 2 );
text-align: center;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_slide li a {
display: block;
aspect-ratio: 1;
overflow: hidden;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_slide li a img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
transition: all .6s;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_slide li a:hover img {
transform: scale(1.05);
transform-origin: center;
opacity: 0.6;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm2 {
--slide-clm-w: 138px;
--slide-clm-margin-h: 8px;
--slide-arrow-w: 35px;
--slide-arrow-margin-h: 12px;
margin-top: 40px;
padding: 8px 0;
}
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm3 {
margin-top: 50px;
width: min( calc( 100% - 30px ), 1080px );
margin-left: auto;
margin-right: auto;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm3 .row_item1 {
text-align: center;
width: min( calc( 100% - 30px ), 1080px );
margin-left: auto;
margin-right: auto;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm3 .row_item1 a {
display: inline-block;
border-radius: 100px;
line-height: 1.35;
padding: 0.85em calc(0.5em + 1.25em + 1em) 0.85em 1.5em;
width: min( 100%, 250px );
text-align: center;
font-size: 16px;
}
@media (max-width: 640px) {
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm3 {
margin-top: 40px;
}
body.home div#wrapcont #mainArea section.mainsec.s5 .mainclm3 .row_item1 a {
width: min( 100%, 218px );
line-height: 1.35;
font-size: 17px;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
}
 body.page.ex-pagetype1 div#wrapcont #mainVisArea {
width: min( calc(100% - var(--site-page-sp-side-space1) - var(--site-page-sp-side-space1)), 1080px );
margin-left: auto;
margin-right: auto;
height: 470px;
border-radius: 60px;
overflow: hidden;
margin-top: 20px;
}
body.page.ex-pagetype1 div#wrapcont #mainVisArea img {
display: none;
width: 100%;
} @media (max-width: 640px) {
body.page.ex-pagetype1 div#wrapcont #mainVisArea {
height: 350px;
}
} @media (max-width: 640px) {
body.page.ex-pagetype1 div#wrapcont #mainVisArea {
margin-top: 20px;
}
}
@media (max-width: 640px) {
body.page.ex-pagetype1 div#wrapcont #mainVisArea {
height: auto;
border-radius: 22px;
}
body.page.ex-pagetype1 div#wrapcont #mainVisArea img {
display: inline;
width: 100%;
}
}
body.page.ex-pagetype2 div#wrapcont #mainVisArea {
width: 100%;
height: 470px;
background-position: center top;
position: relative;
}
body.page.ex-pagetype2 div#wrapcont #mainVisArea .img-sp {
display: none;
}
body.page.ex-pagetype2 div#wrapcont #mainVisArea .img-sp img {
width: 100%;
} @media (max-width: 640px) {
body.page.ex-pagetype2 div#wrapcont #mainVisArea {
height: 350px;
}
}
@media (max-width: 640px) {
body.page.ex-pagetype2 div#wrapcont #mainVisArea {
height: auto;
}
body.page.ex-pagetype2 div#wrapcont #mainVisArea .img-sp {
display: block;
}
}
body.page.eat div#wrapcont #mainVisArea .h-center h2 > .txt-sub {
text-shadow: 0 0 10px rgba(0,0,0,0.75);
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainVisArea .h-center h2 > .txt-sub {
text-shadow: 0 0 10px rgba(0,0,0,0.75);
}
} body.page.privacy div#wrapcont #mainArea {
padding-top: 10px;
}
body.page.privacy div#wrapcont #mainArea {
padding-bottom: 120px;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 80px;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
width: min( 100%, 960px );
margin-left: auto;
margin-right: auto;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-weight: 600;
font-size: 20px;
font-feature-settings: unset;
letter-spacing: 0.05em;
line-height: 1.5;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 30px;
font-size: 14px;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 * {
line-height: 1.85;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 > *:nth-child(n+2) {
margin-top: 1.85em;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 dl.row_item3 * {
line-height: 1.85;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 dl.row_item3 {
margin-top: 35px;
counter-reset: number 0;
font-size: 14px;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 dl.row_item3 > dt {
font-weight: 600;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 dl.row_item3 > dt:nth-of-type(n+2) {
margin-top: 30px;
}
@media (max-width: 640px) {
body.page.privacy div#wrapcont #mainArea {
padding-bottom: 50px;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 30px;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-size: 21px;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 15px;
font-size: 17px;
font-feature-settings: normal;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 * {
line-height: 1.78;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 dl.row_item3 {
font-size: 17px;
font-feature-settings: normal;
}
body.page.privacy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 dl.row_item3 * {
line-height: 1.78;
}
} body.page.company div#wrapcont #mainArea {
padding-top: 10px;
}
@media (max-width: 640px) {
body.page.company div#wrapcont #mainArea {
padding-bottom: 50px;
}
}
body.page.company div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-weight: 600;
text-align: center;
color: var(--site-theme-color2);
margin-bottom: 30px;
font-size: 34px;
line-height: 1;
letter-spacing: 0.05em;
padding-left: calc( 0.05em / 2 );
}
body.page.company div#wrapcont #mainArea section.mainsec h3.pagecmn__type1:nth-child(n+2) {
margin-top: 100px;
}
body.page.company div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
color: var(--site-theme-color2);
margin-bottom: 30px;
font-size: 24px;
font-weight: 600;
line-height: 1.75;
}
@media (max-width: 640px) {
body.page.company div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 24px;
}
body.page.company div#wrapcont #mainArea section.mainsec h3.pagecmn__type1:nth-child(n+2) {
margin-top: 40px;
}
body.page.company div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
margin-bottom: 20px;
font-size: 24px;
}
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 {
background-color: var(--site-bg-color1);
margin-top: 80px;
}
@media (max-width: 640px) {
body.page.company div#wrapcont #mainArea section.mainsec.s1 {
margin-top: 40px;
}
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 80px;
padding-bottom: 80px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
background-color: #ffffff;
text-align: center;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1.type1 {
padding: 70px 30px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1.type2 {
padding: 100px 30px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1.type3 {
padding: 50px 30px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 .txt1 {
font-weight: 600;
line-height: 2;
font-size: 30px;
font-feature-settings: normal;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 .txt1 * {
line-height: inherit;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 ul.list1 {
font-size: 20px;
width: min( 100%, 900px );
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 ul.list1 > li {
position: relative;
border-bottom: 2px solid #CCCCCC;
padding: 15px 15px 15px calc(15px + 5.5em);
text-align: left;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 ul.list1 > li:first-child {
border-top: 2px solid #CCCCCC;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 ul.list1 > li .list1-txt-head {
position: absolute;
top: 18px;
left: 12px;
z-index: 1;
color: #ffffff;
border-radius: 50px;
padding: 0.35em 1.125em;
background-color: var(--site-theme-color2);
width: fit-content;
max-width: 100%;
font-size: 18px;
line-height: 1.15;
font-weight: 500;
}
@media (max-width: 640px) {
body.page.company div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 .txt1 {
text-align: left;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 .txt1.extype1 {
text-align: center;
font-size: 21px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1.type1 {
padding: 40px 20px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1.type2 {
padding: 40px 20px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1.type3 {
padding: 40px 20px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 .txt1 {
font-size: 18px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 .txt1 br.break_pc {
display: none;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 ul.list1 > li {
padding: 10px 0 10px 5em;
font-size: 18px;
line-height: 1.35;
display: flex;
flex-direction: row;
align-items: center;
min-height: 55px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 ul.list1 > li .list1-txt-head {
top: 50%;
transform: translateY(-50%);
left: 0;
font-size: 17px;
line-height: 1;
padding: 0.35em 1em;
}
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 60px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 {
border-top: 2px solid #CCCCCC;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 th,
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 td {
vertical-align: middle;
padding: 1em 2em;
border-bottom: 2px solid #CCCCCC;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 th {
width: 10em;
background-color: #F2F2F2;
font-weight: 400;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 td {
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 td .iblock {
display: inline-block;
line-height: inherit;
}
@media (max-width: 640px) {
body.page.company div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 30px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 th,
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 td {
font-size: 17px;
line-height: 1.4;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 th {
width: 6em;
padding: 0.85em 0.85em;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 table.tbl1 td {
padding: 0.85em 1em;
}
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .list1-wrap {
overflow: hidden;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.list1.flexbox {
margin-top: 50px;
gap: 30px 40px;
justify-content: flex-start;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.list1.flexbox > li {
width: 334px;
max-width: 100%;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.list1.flexbox > li .img1 {
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.list1.flexbox > li .txt1 {
margin-top: 10px;
font-size: 14px;
line-height: 1.38;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.list1.flexbox > li .txt1 br.break_sp {
display: none;
}
@media (max-width: 640px) {
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.list1.flexbox {
justify-content: center;
flex-wrap: wrap;
gap: 20px 20px;
margin-top: 30px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.list1.flexbox > li {
width: calc( 50% - 10px );
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.list1.flexbox > li .txt1 {
font-size: 16px;
}
body.page.company div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.list1.flexbox > li .txt1 br.break_sp {
display: block;
}
} body.page.history div#wrapcont #mainArea {
padding-top: 10px;
}
@media (max-width: 640px) {
body.page.history div#wrapcont #mainArea {
padding-bottom: 80px;
}
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox {
--list-clm-margin-h: 50px;
--list-clm-width1: 10em;
gap: 10px 0;
flex-wrap: wrap;
width: calc( 100% - 50px - 220px );
font-size: 14px;
overflow: hidden;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox * {
line-height: 1.85; }
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt:not(:first-child),
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt:not(:first-child) + dd {
margin-top: -0.5em;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt {
font-weight: 600;
width: var(--list-clm-width1);
max-width: 100%;
text-align: right;
overflow: hidden;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd {
position: relative;
min-height: 1.25em;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd.indent {
text-indent: 1em;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd::before,
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd::after {
position: absolute;
top: 0.5em; content: '';
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd::before {
border-radius: 50%;
width: 1em;
aspect-ratio: 1;
left: calc( ( ( var(--list-clm-margin-h) + 1em ) / 2 )  * -1 );
background-color: #ffffff;
border: 2px solid var(--site-theme-color2);
z-index: 2;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt.sep + dd::before {
background-color: var(--site-theme-color2);
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd::after {
width: 2px;
height: calc( 100% + 30px );
left: calc( ( ( var(--list-clm-margin-h) + 2px ) / 2 )  * -1 );
background-color: var(--site-theme-color2);
z-index: 1;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd:last-child::after {
height: calc( 100% + 15px );
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox.extype1 > dt.sep:not(:first-of-type),
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox.extype1 > dt.sep:not(:first-of-type) + dd {
margin-top: 5px;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox.extype2 > dt,
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox.extype2 > dt + dd {
margin-top: -0.1em;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd {
width: calc( 100% - var(--list-clm-width1) - var(--list-clm-margin-h) );
} @media (max-width: 640px) {
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox {
width: 100%;
overflow: unset;
}
}
@media (max-width: 640px) {
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox {
flex-direction: column;
border-top: 1px solid #009245;
border-bottom: 1px solid #009245;
padding-bottom: 10px;
gap: 0 0!important;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt {
width: 100%;
text-align: left;
margin-top: 0!important;
font-size: 15px;
line-height: 1.6;
min-height: unset;
padding-left: calc( 1em + 0.25em );
position: relative;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt.sep {
padding-top: 10px;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt:not(.sep) {
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt::before {
position: absolute;
left: 0;
z-index: 1;
color: #009245;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt.sep::before {
top: 10px;
content: '\25cf';
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt:not(.sep)::before {
top: 0;
content: '\25ef';
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd {
text-align: left;
margin-top: 0!important;
font-size: 15px;
line-height: 1.6;
min-height: unset;
width: calc( 100% + 5px );
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd::before,
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd::after {
display: none;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dd br.break_pc {
display: none;
}
body.page.history div#wrapcont #mainArea section.mainsec dl.pagecmn__item_type1.flexbox > dt:nth-of-type(n+2).sep {
border-top: 1px solid #009245;
margin-top: 10px!important;
}
}
body.page.history div#wrapcont #mainArea section.mainsec ul.pagecmn__item_type2.flexbox {
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: 220px;
top: 0;
}
body.page.history div#wrapcont #mainArea section.mainsec ul.pagecmn__item_type2.flexbox.extype1 {
gap: 100px 0;
}
body.page.history div#wrapcont #mainArea section.mainsec ul.pagecmn__item_type2.flexbox.extype2 {
gap: 45px 0;
}
body.page.history div#wrapcont #mainArea section.mainsec ul.pagecmn__item_type2.flexbox > li {
}
body.page.history div#wrapcont #mainArea section.mainsec ul.pagecmn__item_type2.flexbox > li.ex1 {
width: min(100%,170px);
}
body.page.history div#wrapcont #mainArea section.mainsec ul.pagecmn__item_type2.flexbox > li .img1 {
}
body.page.history div#wrapcont #mainArea section.mainsec ul.pagecmn__item_type2.flexbox > li .txt1 {
font-size: 12px;
margin-top: 5px;
} @media (max-width: 640px) {
body.page.history div#wrapcont #mainArea section.mainsec ul.pagecmn__item_type2.flexbox {
display: none;
}
}
body.page.history div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
color: var(--site-theme-color2);
margin-bottom: 50px;
font-size: 20px;
font-weight: 600;
}
body.page.history div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .txt-sub {
color: var(--site-txt-color1);
margin-left: 1.5em;
font-size: 0.9em;
}
@media (max-width: 640px) {
body.page.history div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px;
line-height: 1.45;
margin-bottom: 10px;
}
body.page.history div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .txt-sub {
display: block;
margin-left: 0;
font-size: 16px;
line-height: 1.9;
font-weight: 600;
}
}
body.page.history div#wrapcont #mainArea section.mainsec.s1 {
background-color: var(--site-bg-color1);
margin-top: 80px;
}
body.page.history div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 80px;
padding-bottom: 80px;
}
body.page.history div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 640px) {
body.page.history div#wrapcont #mainArea section.mainsec.s1 {
background-color: var(--site-bg-color1);
margin-top: 30px;
}
body.page.history div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 20px;
padding-bottom: 50px;
}
}
body.page.history div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 80px;
}
body.page.history div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 640px) {
body.page.history div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 30px;
}
body.page.history div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
padding-bottom: 0;
}
} body.page.tour div#wrapcont #mainArea {
padding-top: 10px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 60px;
padding-bottom: 30px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 38px;
font-weight: 600;
line-height: 1.4;
font-feature-settings: unset;
letter-spacing: 0.05em;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-weight: 600;
margin-top: 80px;
font-size: 20px;
line-height: 1.5;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 {
text-align: center;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .pc {
margin-left: 70px;
text-align: left;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .pc img {
width: min( 100%, 808px );
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .sp {
display: none;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4_wrap {
margin-top: 80px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox {
--list-clm-margin-h: 60px;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
gap: 80px 0;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li {
width: calc( 50% - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .img-main img {
border-radius: 40px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main {
margin-top: 15px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main .txt1 {
color: var(--site-theme-color2);
font-weight: 600;
font-size: 20px;
line-height: 1.4;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main .txt2 {
margin-top: 5px;
border: 1px solid var(--site-theme-color2);
line-height: 1.35;
width: fit-content;
padding: 0 0.35em;
font-weight: 500;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main .txt2-note {
font-size: 14px;
line-height: 1.85;
margin-top: 3px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main .txt3 {
margin-top: 6px;
line-height: 1.87;
font-weight: 500;
font-size: 16px;
letter-spacing: 0;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main ul.list1 {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #39B54A;
font-size: 14px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main ul.list1 > li {
position: relative;
padding-left: calc( 1em + 0.25em );
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main ul.list1 > li::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '\25cf';
color: inherit;
line-height: inherit;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main ul.list1 > li .iblock {
display: inline-block;
line-height: inherit;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .btn-more {
margin-top: 15px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .btn-more a {
display: inline-block;
border-radius: 100px;
line-height: 1.75;
padding: 0.6em calc(0.5em + 1.25em + 1em) 0.6em 1.5em;
width: min( 100%, 250px );
text-align: center;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 {
margin-top: 50px;
text-align: right;
} @media (max-width: 640px) {
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4_wrap {
width: min( 100%, 500px );
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li {
width: calc( 100% - var(--list-clm-margin-h) );
}
}
@media (max-width: 640px) {
body.page.tour div#wrapcont #mainArea {
padding-bottom: 50px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 30px;
padding-bottom: 0;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: left;
font-size: 22px;
line-height: 1.52;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 40px;
font-size: 21px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .pc {
display: none;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .sp {
display: block;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4_wrap {
margin-top: 60px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox {
gap: 50px 0;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main .txt1 {
font-size: 18px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main .txt2 {
font-size: 15px;
line-height: 1.5;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main .txt2-note {
font-size: 14px;
line-height: 1.5;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main .txt3 {
font-size: 17px;
line-height: 1.78;
font-weight: 400;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main ul.list1 {
font-size: 17px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main ul.list1 > li {
line-height: 1.78;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt-main ul.list1 > li .iblock {
display: inline;
line-height: inherit;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .btn-more a {
padding: 0.6em calc(0.5em + 1.25em + 1em) 0.6em 1.5em;
width: min( 100%, 180px );
line-height: 1.35;
font-size: 17px;
}
body.page.tour div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 {
margin-top: 50px;
text-align: left;
line-height: 1.3;
font-size: 14px;
}
} body.page.card div#wrapcont #mainArea {
padding-top: 10px;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
margin-bottom: 20px;
font-size: 28px;
font-weight: 600;
letter-spacing: 0.05em;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
margin-bottom: 30px;
font-size: 28px;
font-weight: 600;
letter-spacing: 0.05em;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type3 {
margin-bottom: 50px;
font-size: 30px;
font-weight: 600;
text-align: center;
line-height: 1.75;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type4 {
margin-bottom: 10px;
font-size: 28px;
font-weight: 600;
letter-spacing: 0.05em;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type5 {
margin-bottom: 20px;
font-size: 28px;
font-weight: bold;
letter-spacing: 0.05em;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type6 {
margin-bottom: 20px;
font-size: 28px;
font-weight: 600;
letter-spacing: 0.05em;
}
@media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
margin-bottom: 10px;
font-size: 24px;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
margin-bottom: 15px;
font-size: 21px;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type3 {
margin-bottom: 20px;
font-size: 21px;
text-align: left;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type4 {
margin-bottom: 0;
font-size: 21px;
line-height: 1.75;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type5 {
margin-bottom: 30px;
font-size: 21px;
}
body.page.card div#wrapcont #mainArea section.mainsec h3.pagecmn__type6 {
margin-bottom: 0;
font-size: 21px;
line-height: 1.75;
}
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 80px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 38px;
font-weight: 600;
line-height: 1.75;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox {
width: min( 100%, 900px );
margin-left: auto;
margin-right: auto;
margin-top: 80px;
gap: 30px 0;
justify-content: center;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li:nth-child(1) {
width: 430px;
max-width: 100%;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li:nth-child(2) {
width: calc( 100% - 430px );
padding-left: 50px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li .img1 {
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li .txt1 {
color: #39B54A;
line-height: 1.5;
margin-bottom: 15px;
font-size: 28px;
font-weight: 600;
line-height: 1.35;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li .txt2 {
font-size: 18px;
line-height: 2;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
margin-top: 100px;
justify-content: center;
gap: 20px 55px;
flex-wrap: wrap;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li {
text-align: center;
width: 200px;
} @media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 600px );
margin-left: auto;
margin-right: auto;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li:nth-child(1) {
width: 100%;
text-align: center;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 20px 30px;
}
}
@media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 38px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: left;
font-size: 22px;
width: calc( 100% + 14px );
margin-left: -7px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox {
margin-top: 55px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li .img1 img {
width: min( 80%, 500px );
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li .txt1 {
font-size: 24px;
line-height: 1.42;
margin-bottom: 5px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item2.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
width: min( 100% - 20px );
max-width: 400px;
margin-left: auto;
margin-right: auto;
gap: 25px 0;
align-items: center;
margin-top: 30px;
justify-content: space-between;
}
body.page.card div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li {
width: calc( 50% - calc(25px / 2) );
}
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 80px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-bottom: 80px;
}
@media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 50px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-bottom: 50px;
}
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 50px;
--list-clm-margin-v: 50px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: var(--list-clm-margin-v) 0;
flex-wrap: wrap;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
padding: 30px 40px;
background-color: #ffffff;
border: 2px solid #39B54A;
border-radius: 40px;
width: calc( (100% / 3) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
position: relative;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:not(:first-child)::before,
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:not(:last-child)::after {
position: absolute;
content: '';
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:not(:first-child)::before {
top: 50%;
transform: translate(0,-50%);
left: calc( ( var(--list-clm-margin-h) - 10px ) * -1 );
width: calc( var(--list-clm-margin-h) - 10px - 10px );
aspect-ratio: 0.9 / 1;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_arrow_h_brown.png);
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:not(:last-child)::after {
display: none;
bottom: calc( ( var(--list-clm-margin-v) - 7px ) * -1 );
transform: translate(-50%,0);
left: 50%;
height: calc( var(--list-clm-margin-v) - 10px - 10px );
aspect-ratio: 1 / 0.9;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_arrow_v_brown.png);
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox {
flex-direction: column;
justify-content: flex-start;
height: 100%;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li:nth-child(1) {
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li:nth-child(2) {
margin-top: 10px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li:nth-child(3) {
padding-top: 15px;
margin-top: auto;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li .txt-head {
font-weight: 600;
color: #39B54A;
font-size: 22px;
line-height: 1.3;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li .txt-main {
line-height: 1.8;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li .img1 {
text-align: center;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox.type1 > li .img1 img {
width: min( 100%, 166px );
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox.type2 > li .img1 img {
width: min( 100%, 234px );
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox.type3 > li .img1 img {
width: min( 100%, 210px );
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li ul.txtlist > li {
position: relative;
text-indent: 1em;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li ul.txtlist > li::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: inherit;
} @media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 700px );
margin-left: auto;
margin-right: auto;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( (100% / 1) - var(--list-clm-margin-h) );
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:not(:first-child)::before {
display: none;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:not(:last-child)::after {
display: block;
}
}
@media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
padding: 20px 20px;
border-radius: 22px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox {
flex-direction: row;
flex-wrap: wrap;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li:nth-child(1) {
width: 100%;
margin-bottom: 15px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li:nth-child(2) {
margin-top: 0;
width: 50%;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li:nth-child(3) {
padding-top: 0;
width: 50%;
padding-left: 15px;
margin-top: 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li .txt-head {
font-size: 18px;
line-height: 1.5;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox.type1 > li .txt-head {
max-width: 55%;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox.type2 > li .txt-head br {
display: none;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox.type3 > li .txt-head br {
display: none;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li .txt-main {
font-size: 17px;
line-height: 1.78;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li ul.txtlist {
font-size: 17px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox > li ul.txtlist > li {
line-height: 1.78;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox.type1 > li .img1 {
margin-top: -65px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li ul.item1-list1.flexbox.type1 > li .img1 img {
width: min( 80%, 166px );
}
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 {
margin-top: 50px;
background-color: #E1F6CF;
padding: 40px 50px;
border-radius: 40px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 .row_item1_wrap {
overflow: hidden;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox.pc {
--list-clm-margin-h: 40px;
gap: 30px 0;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox.pc > li {
width: calc( ( 100% / 4 ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
text-align: center;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox.sp {
display: none;
flex-direction: column;
align-items: center;
gap: 20px 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox.sp > li {
width: 100%;
text-align: center;
} @media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 {
width: min( 100%, 700px );
margin-left: auto;
margin-right: auto;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox.pc > li {
width: calc( ( 100% / 3 ) - var(--list-clm-margin-h) );
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox.pc > li:nth-child(1) {
width: calc( ( 100% / 1 ) - var(--list-clm-margin-h) );
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox.pc > li:nth-child(1) img {
width: min( 70%, 250px );
}
}
@media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 {
padding: 20px 30px 30px 30px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox.pc {
display: none;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox.sp {
display: flex;
gap: 10px 0;
}
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 {
margin-top: 50px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 ul.row_item1.flexbox {
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
justify-content: flex-start;
gap: 30px 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 ul.row_item1.flexbox > li {
width: calc( ( 100% / 3 ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 ul.row_item1.flexbox > li .img1 img {
border-radius: 40px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 ul.row_item1.flexbox > li .txt1 {
margin-top: 10px;
font-weight: 600;
font-size: 18px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 .row_item2 {
margin-top: 30px;
font-size: 18px;
font-weight: 500;
} @media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 {
width: min( 100%, 700px );
margin-left: auto;
margin-right: auto;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 ul.row_item1.flexbox > li {
width: calc( ( 100% / 2 ) - var(--list-clm-margin-h) );
}
}
@media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 {
margin-top: 30px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 ul.row_item1.flexbox {
width: min( 80%, 350px );
margin-left: auto;
margin-right: auto;
align-items: center;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 ul.row_item1.flexbox > li {
width: 100%;
margin-right: 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 ul.row_item1.flexbox > li .txt1 {
font-size: 16px;
line-height: 1.38;
}
body.page.card div#wrapcont #mainArea section.mainsec.s2 .mainclm3 .row_item2 {
margin-top: 20px;
font-size: 17px;
width: min( 90%, 500px );
margin-left: auto;
margin-right: auto;
line-height: 1.78;
font-weight: 400;
}
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 {
background-color: #F2F2F2;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
padding-bottom: 80px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
width: min( 100%, 900px );
margin-left: auto;
margin-right: auto;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt,
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd {
padding: 20px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt > .inner,
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd > .inner {
position: relative;
padding-left: calc( 2em + 10px );
min-height: 2em;
display: flex;
align-items: center;
flex-direction: row;
line-height: 1.5;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt > .inner *,
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd > .inner * {
display: flex;
align-items: center;
flex-direction: row;
line-height: inherit;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt > .inner::before,
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd > .inner::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '';
width: 2em;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt > .inner::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/card_parts_q.png);
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd > .inner::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/card_parts_a.png);
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt {
background-color: #ffffff;
cursor: pointer;
font-size: 18px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt:nth-of-type(n+2) {
margin-top: 10px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd {
background-color: #E1F6CF;
display: none;
font-size: 17px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt > .inner {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/parts_acc_open_black.png);
background-size: 21px auto;
background-repeat: no-repeat;
background-position: right top 8px;
padding-right: calc( 1.5em + 40px );
font-weight: 500;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt.open > .inner {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/parts_acc_close_black.png);
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd > .inner {
padding-right: calc( 1.5em + 40px );
}
@media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt,
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd {
padding: 15px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt {
font-size: 16px;
line-height: 1.53;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt > .inner {
background-size: 18px auto;
font-weight: 600;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt > .inner::before,
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd > .inner::before {
top: 50%;
transform: translateY(-50%);
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dt:nth-of-type(n+2) {
margin-top: 7px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s3 .mainclm1 dl.row_item1 > dd {
font-size: 16px;
line-height: 1.53;
}
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 80px;
padding-bottom: 50px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item1 {
font-size: 18px;
font-weight: 500;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2 {
margin-top: 30px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox {
justify-content: flex-start;
gap: 20px 70px;
flex-wrap: wrap;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox > li {
width: 400px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox > li a {
display: inline-block;
border-radius: 100px;
line-height: 1.5;
padding: 1em calc(0.5em + 1.25em + 1em) 1em 1.5em;
text-align: center;
width: 100%;
font-weight: 600;
font-size: 20px;
}
@media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 50px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item1 {
font-size: 17px;
font-weight: 400;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2 {
margin-top: 15px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox {
align-items: center;
flex-direction: column;
gap: 15px 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox > li {
width: min( 90%, 400px );
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox > li a {
font-size: 17px;
line-height: 1.28;
padding: 1em calc(0.5em + 1.25em + 1em) 1em 1.5em;
width: 100%;
}
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 {
margin-top: 80px;
padding: 40px 50px 50px 50px;
background-color: #ffffff;
border: 2px solid #39B54A;
border-radius: 40px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 .row_item1 {
font-size: 20px;
font-weight: 500;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 {
margin-top: 30px;
width: min( 100%, 830px );
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li {
border-top: 1px solid #999999;
padding: 20px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li:last-child {
border-bottom: 1px solid #999999;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox {
align-items: center;
gap: 15px 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dt {
font-weight: 600;
width: 180px;
line-height: 1.5;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dt .ex1 {
display: block;
font-weight: 400;
line-height: inherit;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dd {
width: calc( 100% - 180px - 30px );
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dd ul.cardlist.flexbox {
justify-content: flex-start;
gap: 20px 20px;
flex-wrap: wrap;
align-items: center;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dd ul.cardlist.flexbox > li {
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dd ul.cardlist.flexbox > li img {
max-height: 40px;
max-width: 120px;
} @media (max-width: 640px) {
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li {
padding-left: 0;
padding-right: 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox {
flex-direction: column;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox dt {
width: 100%;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox dt .ex1 {
display: inline-block;
margin-left: 1em;
font-size: 0.9em;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox dd {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.card div#wrapcont #mainArea {
padding-bottom: 50px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-bottom: 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 {
padding: 30px;
margin-top: 50px;
border-radius: 22px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 .row_item1 {
font-size: 17px;
line-height: 1.78;
font-weight: 400;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 {
margin-top: 15px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li {
border-top: 1px solid #999999;
padding: 15px 0;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dt {
line-height: 1.78;
font-size: 17px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dt .ex1 {
font-size: 15px;
line-height: 1.15;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dd ul.cardlist.flexbox {
gap: 15px 15px;
}
body.page.card div#wrapcont #mainArea section.mainsec.s4 .mainclm2 ul.row_item2 > li dl.row_item2_list1.flexbox > dd ul.cardlist.flexbox > li img {
max-height: 28px;
}
} body.page.access div#wrapcont #mainArea {
padding-top: 10px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 80px;
padding-bottom: 30px;
}
@media (max-width: 640px) {
body.page.access div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 30px;
padding-bottom: 0;
}
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 38px;
font-weight: 600;
line-height: 1.75;
font-feature-settings: unset;
letter-spacing: 0.05em;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 80px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .mapwrap {
height: 640px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .mapwrap.sp {
display: none;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .mapwrap iframe {
width: 100%;
height: 100%;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 {
margin-top: 50px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li {
background-color: #ffffff;
padding: 50px;
border: 2px solid #8EC31F;
border-radius: 40px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li:nth-child(n+2) {
margin-top: 50px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 {
width: min( 100%, 805px );
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 * {
line-height: 1.87;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dt {
margin-bottom: 30px;
font-weight: 600;
font-size: 20px;
line-height: 1.5;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dt img {
height: 1.5em;
margin-right: 1em;
display: inline-block;
vertical-align: middle;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dd dl.txtlist1 > dt {
font-weight: 600;
position: relative;
padding-left: calc( 1em + 0.25em );
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dd dl.txtlist1 > dt::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '\25a0';
color: inherit;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dd dl.txtlist1 > dd {
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dd dl.txtlist1 > dt:nth-of-type(n+2) {
margin-top: 30px;
}
@media (max-width: 640px) {
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: left;
font-size: 22px;
line-height: 1.5;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 30px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .mapwrap {
width: calc( 100% + (var(--site-page-sp-side-space1) * 2) );
margin-left: calc( var(--site-page-sp-side-space1) * -1 );
height: auto;
aspect-ratio: 1.68539 / 1;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .mapwrap.pc {
display: none;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .mapwrap.sp {
display: block;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 {
margin-top: 30px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li {
padding: 30px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li:nth-child(n+2) {
margin-top: 30px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dt {
margin-bottom: 15px;
font-size: 21px;
line-height: 1.75em;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dt img {
height: 1.1em;
margin-right: 0.75em;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dd dl.txtlist1 > dt:nth-of-type(n+2) {
margin-top: 15px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dd dl.txtlist1 > dt {
padding-left: 0;
text-indent: 1.25em;
font-size: 17px;
line-height: 1.78;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dd dl.txtlist1 > dt::before {
left: -1.25em;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3 > li dl.row_item3_list1 > dd dl.txtlist1 > dd {
font-size: 17px;
line-height: 1.78;
}
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 50px;
background-color: #E1F6CF;
border-radius: 40px;
padding: 50px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
gap: 50px 0;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: min( 100% - 40px - 320px );
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 320px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1 * {
line-height: 1.87;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1 > li {
border-top: 1px solid #999999;
position: relative;
padding-left: 5.5em;
padding-top: 10px;
padding-bottom: 10px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1 > li:last-child {
border-bottom: 1px solid #999999;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1 > li .txt-head {
position: absolute;
top: 10px;
left: 0;
z-index: 1;
font-weight: 600;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1 > li .iblock {
display: inline-block;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1 > li .iblock:not(:last-child) {
margin-right: 2em;
} @media (max-width: 640px) {
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
align-items: center;
flex-direction: column;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 320px;
max-width: 100%;
}
}
@media (max-width: 640px) {
body.page.access div#wrapcont #mainArea {
padding-bottom: 50px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
padding: 30px;
margin-top: 30px;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
gap: 30px 0;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1 > li {
padding-left: 0;
margin-bottom: 5px;
font-size: 17px;
line-height: 1.78;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1 > li .txt-head {
position: static;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: 100%;
text-align: center;
}
body.page.access div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: min( 90%, 320px );
}
} body.page.facility div#wrapcont #mainArea {
padding-top: 10px;
}
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
margin-bottom: 30px;
font-weight: 600;
font-size: 28px;
line-height: 1.78;
letter-spacing: 0.05em;
}
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type1.extype1 {
margin-bottom: 20px;
}
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type1.extype2 {
}
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .logo1 {
vertical-align: middle;
display: inline-block;
height: 58px;
margin-left: 1.5em;
}
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .small1 {
font-size: 16px;
line-height: 1.87;
letter-spacing: inherit;
}
@media (max-width: 640px) {
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
margin-bottom: 20px;
font-size: 21px;
}
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type1.extype2 {
margin-bottom: 5px;
}
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .logo1 {
display: block;
margin-left: 0;
margin-top: 10px;
height: 40px;
}
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .logo1 img {
}
}
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
margin-top: 50px;
margin-bottom: 30px;
font-size: 20px;
line-height: 1.5;
font-weight: 600;
letter-spacing: 0.05em;
}
@media (max-width: 640px) {
body.page.facility div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
margin-top: 25px;
margin-bottom: 15px;
font-size: 18px;
line-height: 1.73;
}
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 {
padding: 50px;
background-color: #ffffff;
border: 4px solid #39B54A;
border-radius: 40px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 h3:nth-of-type(n+2) {
margin-top: calc(80px + 4px);
position: relative;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 h3:nth-of-type(n+2)::before {
position: absolute;
top: calc(-40px - 4px);
left: 0;
z-index: 1;
width: 100%;
height: 4px;
background-color: #39b54a;
content: '';
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox {
--list-clm-width1: 464px;
gap: 20px 0;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - 60px - var(--list-clm-width1) );
max-width: 100%;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox.ex1 {
--list-clm-width1: 450px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox.ex1 *:not(br) {
font-feature-settings: normal;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li.ex1 {
position: relative;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt1 {
width: min( 100%, 425px );
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt1 * {
line-height: 1.87;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt2 {
font-size: 18px;
line-height: 1.65;
font-weight: 600;
margin-bottom: 5px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt3 {
position: relative;
padding-left: calc( 1em + 0.25em );
color: var(--site-theme-color2);
font-weight: 600;
line-height: 1.87;
margin-bottom: 5px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt3::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '\25cf';
color: inherit;
line-height: inherit;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt4 {
position: relative;
padding-left: calc( 1em + 0.25em );
color: var(--site-theme-color2);
font-weight: 600;
margin-top: 30px;
margin-bottom: 5px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt4::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '\25cf';
color: inherit;
line-height: inherit;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt5 {
line-height: 1.62;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt6 * {
line-height: 1.87;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .btn1 {
margin-top: 30px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .btn1 a {
display: inline-block;
border-radius: 100px;
line-height: 1.75;
padding: 0.6em calc(0.5em + 1.25em + 1em) 0.6em 1.5em;
width: min( 100%, 230px );
text-align: center;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 {
counter-reset: number 0;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1.mt1 {
margin-top: 25px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1.ex1 {
width: calc(100% + 15px);
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li {
position: relative;
padding-left: 1.25em;
line-height: 1.62;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li .extype1 {
font-weight: 500;
font-size: 15px;
line-height: 1.73;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li:nth-child(n+2) {
margin-top: 25px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
counter-increment: number 1;
content: counter(number) '.';
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li:not(:last-child)::after {
position: absolute;
left: 130px;
bottom: -18px;
width: 14px;
height: 12px;
z-index: 1;
content: '';
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1.c_gray > li:not(:last-child)::after {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_arrow_v_gray.png);
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1.c_black > li:not(:last-child)::after {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_arrow_v_black.png);
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .img-logo1 {
position: absolute;
right: -10px;
top: 40px;
z-index: 1;
width: min(100%, 140px);
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .img-logo2 {
position: absolute;
right: 0;
top: 235px;
z-index: 1;
width: min(100%, 90px);
} @media (max-width: 640px) {
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox {
--list-clm-width1: 300px;
}
} @media (max-width: 640px) {
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox {
--list-clm-width1: 450px;
flex-direction: column;
align-items: center;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 {
padding: 30px;
border-radius: 22px;
border: 2px solid #39B54A;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 h3:nth-of-type(n+2) {
margin-top: calc(60px + 2px);
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 h3:nth-of-type(n+2)::before {
top: calc(-30px - 2px);
height: 2px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li br.bk1 {
display: none;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt2 {
font-size: 18px;
line-height: 1.73;
margin-bottom: 10px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt3 {
font-size: 17px;
line-height: 1.5;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt4 {
font-size: 17px;
line-height: 1.5;
margin-top: 30px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt5 {
line-height: 1.53;
font-size: 16px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .btn1 a {
padding: 0.6em calc(0.5em + 1.25em + 1em) 0.6em 1.5em;
width: min( 100%, 200px );
line-height: 1.35;
font-size: 17px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt6 {
font-size: 17px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt6 * {
line-height: 1.78;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1.mt1 {
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1.ex1 {
width: 100%;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li {
line-height: 1.53;
font-size: 16px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li .extype1 {
line-height: 1.53;
font-size: 16px;
font-weight: 400;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li:nth-child(n+2) {
margin-top: 25px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
counter-increment: number 1;
content: counter(number) '.';
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li ul.list1 > li:not(:last-child)::after {
position: absolute;
left: 130px;
bottom: -18px;
width: 14px;
height: 12px;
z-index: 1;
content: '';
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .img-logo1 {
position: static;
width: min(100%, 130px);
padding-top: 7px;
padding-bottom: 15px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .img-logo2 {
position: static;
padding-top: 7px;
padding-bottom: 15px;
}
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 .row_item2_wrap {
overflow: hidden;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 .row_item2_wrap > *:nth-child(n+2) {
margin-top: 60px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2 {
--list-clm-margin-h: 40px;
--list-clm-number: 4;
width: calc( 100% + var(--list-clm-margin-h) );
justify-content: flex-start;
gap: 30px 0;
flex-wrap: wrap;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li .txt-main {
margin-top: 10px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li .txt-main .txt1 {
font-weight: 600;
font-size: 18px;
line-height: 1.6;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li .txt-main .txt2 {
font-size: 16px;
line-height: 1.87;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li .btn1 {
margin-top: 10px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li .btn1 a {
display: inline-block;
border-radius: 100px;
line-height: 1.35;
padding: 0.6em calc(0.5em + 1.25em + 1em) 0.6em 1.5em;
width: min( 100%, 250px );
text-align: center;
} @media (max-width: 640px) {
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox {
--list-clm-number: 3;
}
} @media (max-width: 640px) {
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox {
--list-clm-number: 2;
justify-content: center;
}
}
@media (max-width: 640px) {
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
line-height: 1.78;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox {
--list-clm-margin-h: 20px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li .btn1 a {
width: 100%;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 .row_item2_wrap > *:nth-child(n+2) {
margin-top: 30px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li .txt-main {
margin-top: 10px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li .btn1 {
margin-top: 10px;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 ul.row_item2.flexbox > li .btn1 a {
padding: 0.6em calc(0.5em + 0.5em + 1em) 0.6em 0.5em;
line-height: 1.35;
font-size: 17px;
}
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 .row_item3 * {
line-height: 1.87;
}
@media screen and (max-width: 640px) {
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 .row_item3 br.bk1 {
display: none;
}
body.page.facility div#wrapcont #mainArea section.mainsec .pagecmn__item_type1 .row_item3.ex1 p {
font-feature-settings: normal;
}
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 60px;
padding-bottom: 30px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 38px;
font-weight: 600;
line-height: 1.75;
font-feature-settings: unset;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 80px;
text-align: center;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .pc img {
width: min( 100%, 990px );
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .sp {
display: none;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 100px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm3 {
margin-top: 50px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm3 .row_item2 {
margin-top: 30px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm4 {
margin-top: 50px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm4 .row_item1 {
margin-top: 50px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm5 {
margin-top: 50px;
}
@media (max-width: 640px) {
body.page.facility div#wrapcont #mainArea {
padding-bottom: 50px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 30px;
padding-bottom: 0;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: left;
font-size: 22px;
line-height: 1.52;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 30px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .pc {
display: none;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .sp {
display: block;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 40px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm3 {
margin-top: 30px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm3 .row_item2 {
margin-top: 20px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm3 .row_item3 {
font-size: 17px;
line-height: 1.78;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm4 {
margin-top: 30px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm4 .row_item1 {
margin-top: 25px;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm4 .row_item4 {
line-height: 17px;
line-height: 1.78;
}
body.page.facility div#wrapcont #mainArea section.mainsec.s1 .mainclm4 {
margin-top: 30px;
}
} body.page.business-hours div#wrapcont #mainArea {
padding-top: 10px;
padding-bottom: 150px;
}
@media (max-width: 640px) {
body.page.business-hours div#wrapcont #mainArea {
padding-bottom: 50px;
}
}
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-weight: 600;
font-size: 28px;
letter-spacing: 0.05em;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .emp1 {
display: inline-block;
margin-left: 1.5em;
color: var(--site-theme-color2);
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
border-bottom: 1px solid var(--site-theme-color2);
}
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .emp1 .emp1-large {
font-size: 36px;
font-weight: inherit;
color: inherit;
line-height: inherit;
letter-spacing: inherit;
}
@media (max-width: 640px) {
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px;
line-height: 1.47;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .emp1 {
font-size: 21px;
margin-left: 0;
display: block;
border-bottom: none;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 .emp1 .emp1-large {
font-size: 28px;
}
}
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
margin-top: 60px;
margin-bottom: 15px;
font-weight: 600;
font-size: 28px;
letter-spacing: 0.05em;
}
@media (max-width: 640px) {
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
font-size: 21px;
line-height: 1.47;
margin-top: 30px;
margin-bottom: 10px;
}
}
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type3 {
margin-bottom: 15px;
font-weight: 600;
font-size: 28px;
letter-spacing: 0.05em;
}
@media (max-width: 640px) {
body.page.business-hours div#wrapcont #mainArea section.mainsec h3.pagecmn__type3 {
font-size: 21px;
line-height: 1.47;
}
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dt {
font-weight: 600;
font-size: 20px;
margin-bottom: 5px;
letter-spacing: 0.05em;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dt.c_type1 {
color: #006837;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dt.c_type2 {
color: #FF4624;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dt.c_type3 {
color: #FF64D6;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dt.c_type4 {
color: #8EC31F;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dt:nth-of-type(n+2) {
margin-top: 20px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd + dd {
margin-top: 40px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody br.break_sp {
display: none;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody td {
vertical-align: middle;
padding: 0.5em 1.5em;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody th {
width: 18em;
line-height: 1.87;
font-weight: 600;
border-right: 3px solid #ffffff;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody td {
line-height: 1.75;
font-size: 16px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody td .iblock {
display: inline-block;
line-height: inherit;
font-size: inherit;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type1 table.tbl-main tbody tr:nth-child(odd) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type1 table.tbl-main tbody tr:nth-child(odd) td {
background-color: #E1F6CF;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type1 table.tbl-main tbody tr:nth-child(even) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type1 table.tbl-main tbody tr:nth-child(even) td {
background-color: #F0FFDC;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type2 table.tbl-main tbody tr:nth-child(odd) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type2 table.tbl-main tbody tr:nth-child(odd) td {
background-color: #FFEEBE;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type2 table.tbl-main tbody tr:nth-child(even) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type2 table.tbl-main tbody tr:nth-child(even) td {
background-color: #FFF5DC;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type3 table.tbl-main tbody tr:nth-child(odd) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type3 table.tbl-main tbody tr:nth-child(odd) td {
background-color: #FAE4F0;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type3 table.tbl-main tbody tr:nth-child(even) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type3 table.tbl-main tbody tr:nth-child(even) td {
background-color: #FDF0F6;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type4 table.tbl-main tbody tr:nth-child(1) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type4 table.tbl-main tbody tr:nth-child(1) td {
background-color: #E5F7FF;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type4 table.tbl-main tbody tr:nth-child(2) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type4 table.tbl-main tbody tr:nth-child(2) td {
background-color: #EAF6C8;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type4 table.tbl-main tbody tr:nth-child(3) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type4 table.tbl-main tbody tr:nth-child(3) td {
background-color: #FFFFCC;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type5 table.tbl-main tbody th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type5 table.tbl-main tbody td {
background-color: #E6E6E6;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type6 table.tbl-main tbody tr:nth-child(1) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type6 table.tbl-main tbody tr:nth-child(1) td {
background-color: #F8C499;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type6 table.tbl-main tbody tr:nth-child(2) th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd.c_type6 table.tbl-main tbody tr:nth-child(2) td {
background-color: #EBE3BD;
}
@media (max-width: 640px) {
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dt {
font-size: 21px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dt:nth-of-type(n+2) {
margin-top: 15px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd + dd {
margin-top: 30px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main {
font-size: 0.9em;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody br.break_sp {
display: block;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody th,
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody td {
padding: 0.5em 0.75em;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody th {
width: 11em;
line-height: 1.36;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec dl.pagecmn__type1 > dd table.tbl-main tbody td {
font-size: 15px;
line-height: 1.36;
}
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 60px;
padding-bottom: 120px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
margin-top: 5px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-weight: 600;
font-size: 18px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s1 .mainclm1 dl.row_item2 {
margin-top: 25px;
}
@media (max-width: 640px) {
body.page.business-hours div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 30px;
padding-bottom: 45px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-size: 15px;
}
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 {
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item2 {
margin-top: 80px;
text-align: center;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item2 a {
display: inline-block;
padding: 1.35em 2em;
width: min( 100%, 350px );
font-size: 18px;
font-weight: 500;
--cmn--btn-color-bg: #ffffff;
--cmn--btn-color-txt: #009245;
color: var(--cmn--btn-color-txt);
background-color: var(--cmn--btn-color-bg);
border: 2px solid var(--cmn--btn-color-txt);
position: relative;
z-index: 1;
overflow: hidden;
opacity: 1;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item2 a::before {
content: '';
width: calc( 100% + 10px );
height: 200px;
position: absolute;
top: -5px;
left: -5px;
z-index: -1;
background-color: var(--cmn--btn-color-txt);
transform-origin: 100% 50%;
transform: scaleX(0);
transition: transform ease .3s;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item2 a:hover {
color: var(--cmn--btn-color-bg);
border-color: 2px solid var(--cmn--btn-color-bg);
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item2 a:hover::before {
transform-origin: 0% 50%;
transform: scaleX(1);
}
@media (max-width: 640px) {
body.page.business-hours div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 {
width: calc( 100% + ( var(--site-page-sp-side-space1) * 2 ) );
margin-left: calc( var(--site-page-sp-side-space1) * -1 );
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item2 {
margin-top: 50px;
}
body.page.business-hours div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item2 a {
padding: 0.75em 1.5em;
width: fit-content;
max-width: 100%;
font-size: 16px;
}
} body.page.kidszone div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/kidszone_mainvis.jpg);
}
@media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 50px;
}
}
body.page.kidszone div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 28px;
line-height: 1.35;
margin-bottom: 50px;
font-weight: 600;
letter-spacing: 0.05em;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 br.break_sp {
display: none;
}
@media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px; margin-bottom: 20px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 br.break_sp {
display: block;
}
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 15px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 36px;
font-weight: 600;
line-height: 1.75;
color: #FF931E;
font-weight: 900;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 30px;
font-size: 30px;
text-align: center;
font-weight: 600;
line-height: 1.53;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 120px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 420px;
--list-clm-width2: 410px;
--list-clm-margin-h: 100px;
gap: 50px var(--list-clm-margin-h);
width: min( 100%, calc( var(--list-clm-width1) + var(--list-clm-margin-h) + var(--list-clm-width2) ) );
margin-left: 90px;
margin-right: 0;
justify-content: center;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: var(--list-clm-width2);
max-width: 100%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: min( 100%, var(--list-clm-width1) );
text-align: center;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: none;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
text-align: center;
margin-top: 10px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.sp {
display: none;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: min(100%, 360px);
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 2;
} @media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
margin-left: auto;
margin-right: auto;
}
} @media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 0;
padding-bottom: 30px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-size: 27px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 30px;
font-size: 22px;
line-height: 1.52;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 40px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
gap: 40px 0;
width: 100%;
margin-right: auto;
align-items: center;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: 100%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: min( 87%, 350px );
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: block;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.pc {
display: none;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
margin-top: 20px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 img {
width: min( 80%, 305px );
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.pc {
display: none;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.sp {
display: block;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: 100%;
font-size: 18px;
line-height: 1.73;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 br.break_pc {
display: none;
}
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/kidszone_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #FFFFCC;
} @media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 120px;
padding-bottom: 80px;
}
@media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .itemlist1_wrap {
overflow: hidden;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox {
--list-clm-margin-h: 60px;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
gap: 60px 0;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li {
width: calc( ( 100% / 2 ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .img1 {
text-align: center;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 {
margin-top: 15px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 .txt1 {
font-size: 22px;
color: #FF931E;
font-weight: 600;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 .txt2 {
font-size: 16px;
line-height: 1.87;
font-weight: 500;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 .txt2 br.break_pc {
display: none;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 .txt2 br.break_pc2 {
} @media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox {
--list-clm-margin-h: 40px;
gap: 40px 0;
}
}
@media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox {
gap: 30px 0;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li {
width: calc( ( 100% / 1 ) - var(--list-clm-margin-h) );
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .img1 {
text-align: center;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .img1 img {
width: min( 80%, 512px );
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 {
width: min( 100%, 500px );
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 .txt1 {  font-size: 22px;
line-height: 1.42;
margin-top: 8px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 .txt2 {
font-size: 17px;
font-weight: 400;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 .txt2 br.break_pc {
display: none;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist1.flexbox > li .txtwrap1 .txt2 br.break_pc2 {
display: none;
}
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist2.flexbox {
gap: 20px 0;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist2.flexbox > li:nth-child(1) {
width: 64%;
padding-right: 30px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist2.flexbox > li:nth-child(2) {
width: 36%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist2.flexbox > li .img1 {
text-align: center;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist2.flexbox > li .txtwrap1 {
margin-top: 30px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist2.flexbox > li .txtwrap1 .small1 {
font-size: 0.9em;
} @media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist2.flexbox {
flex-direction: column;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist2.flexbox > li:nth-child(1) {
width: 100%;
padding-right: 0;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.itemlist2.flexbox > li:nth-child(2) {
width: 100%;
}
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 100px;
padding-bottom: 20px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
width: min( 100%, 945px );
margin-left: auto;
margin-right: auto;
position: relative;
border-radius: 56px;
background-color: #FBEBB8;
padding: 60px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1-head {
position: absolute;
top: 0;
left: 60px;
transform: translateY(-50%);
z-index: 1;
color: #ffffff;
background-color: #FFB600;
line-height: 1.35;
padding: 0.2em 1.5em;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.01em;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-width1: 365px;
--list-clm-margin-h: 50px;
flex-wrap: wrap;
gap: 30px 0;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) - var(--list-clm-margin-h) );
max-width: 100%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt1 {
color: #FF931E;
font-weight: 600;
font-size: 30px;
line-height: 1.33;
letter-spacing: 0.01em;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
font-size: 18px;
line-height: 1.78;
margin-top: 15px;
width: min( 100%, 370px );
} @media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
width: min( 100%, 500px );
margin-left: auto;
margin-right: auto;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
width: min( 100%, 360px );
margin-left: auto;
margin-right: auto;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 60px;
padding-bottom: 0;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 40px 20px 30px 20px;
border-radius: 22px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1-head {
left: 30px;
font-size: 18px;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
gap: 20px 0;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 90%, 500px );
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt1 {
font-size: 22px;
line-height: 1.42;
}
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
font-size: 17px;
line-height: 1.78;
margin-top: 10px;
}
} body.page.photospot div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/2025/photospot_mainvis.jpg);
}
body.page.photospot div#wrapcont #mainArea {
padding-bottom: 0;
}
@media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea {
padding-top: 30px;
}
}
body.page.photospot div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
margin-bottom: 30px;
font-size: 28px;
font-weight: 600;
line-height: 1.35;
}
body.page.photospot div#wrapcont #mainArea section.mainsec h3.pagecmn__type1.extype1 {
margin-bottom: 40px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 br.break_sp {
display: none;
}
@media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px;
margin-bottom: 20px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec h3.pagecmn__type1.extype1 {
margin-bottom: 15px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 br.break_sp {
display: block;
}
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type1.flexbox {
margin-bottom: 10px;
background-color: #89DA00;
border-radius: 17px;
padding: 0.4em 1.5em;
align-items: center;
width: fit-content;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type1.flexbox.extype1 {
margin-top: 100px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type1.flexbox > li {
font-size: 20px;
line-height: 1;
font-family: 'Roboto', sans-serif;
font-weight: 600;
letter-spacing: 0;
color: #ffffff;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type1.flexbox > li:nth-child(1) img {
height: 32px;
width: auto;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type1.flexbox > li:nth-child(2) {
padding-left: 1em;
}
@media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type1.flexbox.extype1 {
margin-top: 30px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type1.flexbox {
border-radius: 12px;
padding: 0.35em 1em;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type1.flexbox > li {
font-size: 15px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type1.flexbox > li:nth-child(1) img {
height: 24px;
}
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox {
gap: 20px 0;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li:nth-child(1) {
width: 64%;
padding-right: 30px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li:nth-child(2) {
width: 36%;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li ul.list1.flexbox {
gap: 30px 20px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li ul.list1.flexbox.v {
flex-direction: column;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li ul.list1.flexbox > li {
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li ul.list1.flexbox.h {
display: none;
flex-direction: row;
margin-top: 20px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li .img1 {
text-align: center;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li .txtwrap1 {
margin-top: 20px;
font-size: 16px;
line-height: 2;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li .txtwrap1 .small1 {
font-size: 14px;
line-height: 2.28;
}
@media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox {
flex-direction: column;
gap: 0 0;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li:nth-child(1) {
width: 100%;
padding-right: 0;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li ul.list1.flexbox {
gap: 12px 12px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li ul.list1.flexbox.v {
display: none;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li ul.list1.flexbox.h {
display: flex;
margin-top: 12px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li .txtwrap1 {
margin-top: 15px;
font-size: 17px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
body.page.photospot div#wrapcont #mainArea section.mainsec ul.pagecmn__type2.flexbox > li .txtwrap1 .small1 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 15px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
margin-top: 5px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 36px;
font-weight: 900;
line-height: 1.75;
color: #9ADA00;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 30px;
font-size: 30px;
text-align: center;
font-weight: 600;
line-height: 1.53; }
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 120px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 594px;
--list-clm-width2: 385px;
--list-clm-margin-h: 0;
gap: 50px var(--list-clm-margin-h);
width: min( 100%, calc( var(--list-clm-width1) + var(--list-clm-margin-h) + var(--list-clm-width2) ) );
margin-left: auto;
margin-right: auto;
justify-content: center;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: var(--list-clm-width2);
max-width: 100%;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: min( 100%, var(--list-clm-width1) );
text-align: center;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: none;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
text-align: center;
margin-top: 30px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.sp {
display: none;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: min(100%, 311px);
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 2;
letter-spacing: 0.05em;
} @media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 0;
padding-bottom: 30px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-size: 27px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 30px;
font-size: 22px;
line-height: 1.52;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 40px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
gap: 30px 0;
width: 100%;
margin-right: auto;
align-items: center;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: 100%;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: min( 100%, 350px );
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.pc {
display: none;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: block;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
margin-top: 10px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 img {
width: min( 70%, 428px );
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.pc {
display: none;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.sp {
display: block;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: 100%;
font-size: 18px;
line-height: 1.73;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 br.break_pc {
display: none;
}
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/photospot_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #EAF6C8;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 100px;
} @media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
padding-bottom: 50px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 50px 60px;
background-color: #ffffff;
border-radius: 60px;
border: 4px solid #89DA00;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: 300px;
position: relative;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - 300px );
padding-left: 50px;
position: relative;
z-index: 10;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
width: min(100%, 550px);
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap2 {
position: absolute;
top: 0;
right: 40px;
z-index: 2;
width: min(100%, 238px);
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
position: relative;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1::before {
position: absolute;
z-index: 1;
content: '';
height: 1px;
background-color: #1a1a1a;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.type1::before {
top: 270px;
left: 210px;
width: 160px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.type2::before {
top: 162px;
left: 88px;
width: 290px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.type3::before {
top: 233px;
left: 250px;
width: 120px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2 {
margin-top: 30px;
width: min( 100%, 350px );
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.type2 {
margin-top: 0;
width: auto;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.type2.sp {
width: 100%;
padding-left: 15px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.type3 {
width: min( 100%, 410px );
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.type3.pc figcaption .small {
margin-left: 25px;
font-size: 0.9em;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.type3.sp figcaption {
margin-top: 10px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.type3.sp figcaption .small {
font-size: 0.85em;
margin-top: -3px;
display: block;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2 figcaption {
font-size: 16px;
line-height: 2;
margin-top: 5px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.sp {
display: none;
margin-left: auto;
margin-right: auto;
width: min( 100%, 500px );
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 > .border1 {
width: 100%;
height: 4px;
display: block;
background-color: #89da00;
margin-top: 40px;
margin-bottom: 40px;
} @media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
flex-direction: column;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
display: none;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.pc {
display: none;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.sp {
display: block;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap2 {
position: static;
width: 100%;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 > .border1 {
margin-top: 25px;
margin-bottom: 25px;
height: 2px;
}
}
@media (max-width: 640px) {
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 30px;
border-radius: 22px;
border: 2px solid #89DA00;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
width: 100%;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
font-size: 17px;
line-height: 1.78;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.sp {
margin-top: 20px;
width: min( 90%, 350px );
margin-left: auto;
margin-right: auto;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.type2.sp {
width: min( 95%, 350px );
margin-right: 0;
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.type2.sp img {
max-width: calc(100% + 15px);
}
body.page.photospot div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img2.sp figcaption {
font-size: 16px;
line-height: 1.75;
margin-top: 5px;
}
} body.page.relaxationzone div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/relaxationzone_mainvis.jpg);
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 50px;
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
margin-bottom: 40px;
font-size: 28px;
font-weight: 600;
line-height: 1.35;
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px;
margin-bottom: 30px;
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
margin-bottom: 40px;
font-size: 28px;
font-weight: 600;
line-height: 1.35;
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
font-size: 21px;
margin-bottom: 30px;
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 70px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 204px );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 30px;
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2.sp {
display: none;
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 35%, 182px );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 100px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 424px;
--list-clm-width2: 312px;
--list-clm-margin-h: 100px;
gap: 50px var(--list-clm-margin-h);
width: min( 100%, calc( var(--list-clm-width1) + var(--list-clm-margin-h) + var(--list-clm-width2) ) );
margin-left: auto;
margin-right: auto;
justify-content: center;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: var(--list-clm-width2);
max-width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: min( 100%, 500px );
text-align: center;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: none;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
text-align: center;
margin-top: 30px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 img {
width: min( 100%, 253px );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.sp {
display: none;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: min(100%, 312px);
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 2;
} @media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 0;
padding-bottom: 30px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 30px;
font-size: 22px;
line-height: 1.52;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2.pc {
display: none;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2.sp {
display: block;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 40px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
gap: 40px 0;
width: 100%;
margin-right: auto;
align-items: center;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: 87%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: block;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.pc {
display: none;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
margin-top: 20px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 img {
width: min( 60%, 298px );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.pc {
display: none;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.sp {
display: block;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: 100%;
font-size: 18px;
line-height: 1.73;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 br.break_pc {
display: none;
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 {
margin-top: 80px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox {
--list-clm-width1: 542px;
align-items: center;
gap: 30px 0;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - 40px - var(--list-clm-width1) );
max-width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txt1 {
font-weight: 600;
font-size: 24px;
color: #0091E3;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txt2 {
margin-top: 15px;
font-size: 18px;
line-height: 2;
width: min( 100%, 470px );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 15px;
padding-top: 15px;
font-size: 16px;
border-top: 1px solid #333333;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-weight: 600;
line-height: 1.75;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
line-height: 1.75;
} @media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox {
--list-clm-width1: 400px;
}
} @media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox {
flex-direction: column;
width: min( 100%, 600px );
margin-left: auto;
margin-right: auto;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .img1 {
width: min( 100%, 530px );
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 {
margin-top: 40px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox {
gap: 15px 0;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txt1 {
font-size: 22px;
line-height: 1.42;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 18px;
line-height: 1.73;
width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 10px;
padding-top: 10px;
font-size: 16px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
line-height: 1.53;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s1 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
line-height: 1.53;
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/relaxationzone_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E5F7FF;
} @media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 960px );
margin-left: auto;
margin-right: auto;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 60px;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
gap: 70px 0;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / 2 ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2 {
text-align: center;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2.sp {
display: none;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2.pc img {
width: min( 100%, 430px );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 12px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt1 {
color: #0091E3;
font-weight: 600;
font-size: 24px;
line-height: 1.35;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
font-size: 16px;
line-height: 1.87;
margin-top: 5px;
font-weight: 500;
letter-spacing: 0;
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-bottom: 30px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 40px;
gap: 30px 0;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / 1 ) - var(--list-clm-margin-h) );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 80%, 500px );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2.pc {
display: none;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2.sp {
display: block;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2.sp img {
width: min( 80%, 230px );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
width: min( 100%, 500px );
margin-left: auto;
margin-right: auto;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt1 {
font-size: 22px;
line-height: 1.42;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
font-weight: 400;
font-size: 17px;
line-height: 1.78;
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 100px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 40px;
width: min( 100%, 780px );
margin-left: auto;
margin-right: auto;
border: 4px solid #3FA9F5;
border-radius: 60px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 > .inner {
width: min( 100%, 640px );
margin-left: auto;
margin-right: auto;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 {
--list-clm-margin-v: 42px;
--list-clm-width1: 276px;
--list-clm-arrow-v-w: 28px;
--list-clm-arrow-v-h: 24px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li {
position: relative;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li:nth-child(n+2) {
margin-top: var(--list-clm-margin-v);
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li .img-arrow {
position: absolute;
left: calc( (var(--list-clm-width1) / 2) - (var(--list-clm-arrow-v-w) / 2) );
bottom: 0;
z-index: 1;
width: var(--list-clm-arrow-v-w);
height: var(--list-clm-arrow-v-h);
line-height: 1;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li .img-arrow img {
width: 100%;
height: 100%;
}  body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 30px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li .img1 {
text-align: center;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li .txt1 {
color: #0091E3;
font-weight: 500;
font-size: 34px;
line-height: 1;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.87;
font-weight: 400;
margin-top: 10px;
} @media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 40px 30px;
}
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 50px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 30px 20px;
border-radius: 22px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 {
--list-clm-width1: 135px;
--list-clm-arrow-v-w: 17px;
--list-clm-arrow-v-h: 15px;
--list-clm-margin-v: 20px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li:not(:last-child)::after {
bottom: 0px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox {
align-items: flex-start;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li:nth-child(2) {
padding-left: 15px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li .txt1 {
font-size: 21px;
line-height: 1.47;
margin-top: -8px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li .txt2 {
font-size: 14px;
line-height: 1.38;
margin-top: 3px;
width: calc(100% + 5px);
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
margin-top: 80px;
padding: 40px 35px;
width: min( 100%, 780px );
margin-left: auto;
margin-right: auto;
border-radius: 60px;
background-color: #E5F7FF;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 282px;
width: fit-content;
margin-left: auto;
margin-right: auto;
max-width: 100%;
gap: 20px 0;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
position: relative;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 25px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img1 {
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img2 {
width: 95px;
max-width: 100%;
position: absolute;
top: -40px;
left: -20px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .txt1 {
color: #0091E3;
font-weight: 600;
font-size: 20px;
line-height: 1.4;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list1 {
margin-top: 15px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list1 > dt {
font-size: 18px;
font-weight: 600;
color: #0091E3;
line-height: 1.5;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list1 > dt:nth-of-type(n+2) {
margin-top: 15px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list1 > dd {
font-weight: 600;
font-size: 16px;
position: relative;
padding-left: 1em;
line-height: 1.5;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list1 > dd::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '\25cf';
line-height: inherit;
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
padding: 30px 30px 40px 30px;
border-radius: 20px;
margin-top: 60px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
max-width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .txt1 {
font-size: 22px;
line-height: 1.35;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img1 {
text-align: center;
width: min( 90%, 306px );
margin-left: auto;
margin-right: auto;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img1 img {
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img2 {
width: 106px;
top: -65px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list1 {
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list1 > dt {
font-size: 17px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list1 > dt:nth-of-type(n+2) {
margin-top: 5px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list1 > dd {
font-size: 16px;
}
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
margin-top: 80px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dt {
width: min( 100%, 242px );
margin-left: auto;
margin-right: auto;
padding: 0.35em 1.5em;
text-align: center;
color: #ffffff;
font-weight: 600;
font-size: 32px;
background-color: #0091E3;
color: #ffffff;
border-radius: 30px 30px 0 0;
line-height: 1;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd {
background-color: #82C8FF;
padding: 35px 30px;
position: relative;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd::before {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
background-color: #ffffff;
height: 90px;
width: 100%;
content: '';
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd > * {
position: relative;
z-index: 2;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd .txt1-sp {
display: none;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.05em;
color: #FFFF00;
text-align: center;
margin-bottom: 15px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 {
--list-clm-width1: 300px;
width: min( 100%, 912px );
margin-left: auto;
margin-right: auto;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 60px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li .img1 {
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li .txt1 {
font-weight: 600;
font-size: 30px;
color: #FFFF00;
margin-bottom: 20px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li .txtwrap1 {
font-size: 18px;
width: min(100%, 560px);
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li .txtwrap1 * {
font-weight: 600;
color: #ffffff;
line-height: 1.66;
font-feature-settings: normal;
} @media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd::before {
display: none;
}
} @media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd {
padding: 40px 30px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 {
--list-clm-width1: 200px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li:nth-child(2) {
padding-left: 30px;
}
}
@media (max-width: 640px) {
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
margin-top: 40px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dt {
font-size: 20px;
border-radius: 18px 18px 0 0;
padding: 0.4em 1.5em;
width: min( 100%, 152px );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd {
padding: 25px 20px;
width: calc( 100% + (var(--site-page-sp-side-space1) * 2) );
margin-left: calc( var(--site-page-sp-side-space1) * -1 );
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd .txt1-sp {
display: block;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 {
--list-clm-width1: 150px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li:nth-child(2) {
padding-left: 20px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li .txt1 {
display: none;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li .txtwrap1 {
font-size: 17px;
}
body.page.relaxationzone div#wrapcont #mainArea section.mainsec.s3 .mainclm3 dl.row_item1 > dd ul.row_item1_list1 > li .txtwrap1 * {
line-height: 1.78;
}
} body.page.sweets div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/2025/sweets_mainvis.jpg);
}
body.page.sweets div#wrapcont #mainArea {
padding-bottom: 0;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 50px;
padding-bottom: 70px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 38px;
font-weight: 600;
line-height: 1.53;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 br.break_sp {
display: none;
}
@media (max-width: 640px) {
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 br.break_sp {
display: block;
}
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 100px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 585px;
--list-clm-width2: 375px;
--list-clm-margin-h: 50px;
gap: 50px var(--list-clm-margin-h);
width: min( 100%, calc( var(--list-clm-width1) + var(--list-clm-margin-h) + var(--list-clm-width2) ) );
margin-left: auto;
margin-right: auto;
justify-content: center;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: var(--list-clm-width2);
max-width: 100%;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: min( 100%, 585px );
text-align: center;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: none;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1.flexbox {
flex-direction: column;
gap: 60px 0;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1.flexbox > li:nth-child(1) {
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1.flexbox > li:nth-child(2) {
text-align: center;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1.flexbox > li .list1-txt1 {
width: min(100%, 312px);
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 2;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1.flexbox > li .list1-img1 img {
width: min( 100%, 280px );
} @media (max-width: 640px) {
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 640px) {
body.page.sweets div#wrapcont #mainArea {
padding-top: 30px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 0;
padding-bottom: 50px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-size: 22px;
line-height: 1.52;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 br.break_pc {
display: none;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 br.break_sp {
display: block;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 40px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
gap: 40px 0;
width: 100%;
margin-right: auto;
align-items: center;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: 100%;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.pc {
display: none;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: block;
width: min( 85%, 360px );
margin-left: auto;
margin-right: auto;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp img {
transform: translateX(0);
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
width: min( 95%, 360px );
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
margin-top: 20px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 img {
width: min( 60%, 298px );
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.pc {
display: none;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.sp {
display: block;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: 100%;
font-size: 18px;
line-height: 1.73;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 br.break_pc {
display: none;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1.flexbox {
flex-direction: row;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1.flexbox > li:nth-child(1) {
width: calc( 100% - 150px );
padding-right: 10px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1.flexbox > li:nth-child(2) {
width: 150px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1.flexbox > li .list1-txt1 {
font-size: 18px;
line-height: 1.73;
}
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/sweets_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #FDF0F6;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 150px;
padding-bottom: 80px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 900px );
margin-left: auto;
margin-right: auto;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 60px;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
gap: 50px 0;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / 2 ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2 {
text-align: center;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2 img {
width: min( 100%, 430px );
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt1 {
color: var(--list-txt-color1);
font-weight: 600;
font-size: 18px;
line-height: 1.72;
font-size: 18px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
font-weight: 500;
font-size: 16px;
line-height: 1.87;
margin-top: 5px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt2.extype1 {
width: 465px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .btn_more {
text-align: right;
margin-top: 10px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .btn_more a {
display: inline-block;
border-radius: 100px;
line-height: 1.35;
padding: 0.65em calc(0.5em + 1.25em + 1em) 0.65em 1.5em;
width: min( 100%, 160px );
text-align: center;
} @media (max-width: 640px) {
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt2.extype1 {
width: 100%;
}
} @media (max-width: 640px) {
body.page.sweets div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 40px;
gap: 50px 0;
}
}
@media (max-width: 640px) {
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 70px;
padding-bottom: 50px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 90%, 900px );
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / 1 ) - var(--list-clm-margin-h) );
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
width: min( 100%, 450px );
margin-left: auto;
margin-right: auto;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 85%, 500px );
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2 img {
width: min( 80%, 430px );
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
width: min( 100%, 500px );
margin-left: auto;
margin-right: auto;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt1 {
font-size: 21px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
font-size: 17px;
line-height: 1.78;
margin-top: 0;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .btn_more {
text-align: center;
margin-top: 20px;
}
body.page.sweets div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .btn_more a {
font-size: 17px;
width: min( 100%, 175px );
line-height: 1.35;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
} @media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea {
padding-top: 30px;
}
}
body.page.gelato div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/gelato_mainvis.jpg);
}
body.page.gelato div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-weight: 600;
font-size: 28px;
line-height: 1.35;
margin-bottom: 30px;
color: #FF64D6;
}
@media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px;
margin-bottom: 20px;
}
}
body.page.gelato div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
text-align: center;
font-weight: 600;
font-size: 38px;
line-height: 1.75;
margin-bottom: 30px;
}
@media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
font-size: 25px;
margin-bottom: 20px;
}
}
body.page.gelato div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 {
font-size: 28px;
font-weight: 600;
line-height: 1.35;
margin-bottom: 40px;
}
@media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 {
font-size: 21px;
margin-bottom: 20px;
}
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 100px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 265px );
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 30px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
@media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 50px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 60%, 165px );
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/sweets_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #FDF0F6;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 100px;
padding-bottom: 80px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
gap: 30px 0;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: 61.3%;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - 61.3% - 3.1% );
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 30px 0;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2 {
text-align: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
font-size: 16px;
width: calc( 100% + 5px );
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 * {
line-height: 1.87;
} @media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 660px );
margin-left: auto;
margin-right: auto;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
gap: 20px 0;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2 img {
width: min( 100%, 380px );
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
font-size: 18px;
width: 100%;
}
} @media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 60px;
padding-bottom: 50px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
gap: 20px 0;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 * {
line-height: 1.73;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2 img {
width: min( 70%, 262px );
}
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 60px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 50px;
background-color: #ffffff;
border: 4px solid #FF64D6;
border-radius: 60px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 42px;
--list-clm-margin-v: 50px;
--list-clm-number: 3;
gap: var(--list-clm-margin-v) 0;
justify-content: flex-start;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1,
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s {
position: relative;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-s.png);
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt1 {
font-weight: 600;
position: relative;
line-height: 1.5;
font-size: 20px;
text-indent: 1em;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #FF8EDD;
line-height: inherit;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt2 {
font-size: 16px;
line-height: 1.62;
margin-top: 5px;
} @media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 40px 30px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 30px;
--list-clm-margin-v: 30px;
}
} @media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.dummy {
display: none;
}
}
@media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 20px;
border-radius: 22px;
border: 2px solid #FF64D6;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 20px;
--list-clm-margin-v: 20px;
justify-content: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt1 {
font-size: 17px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt2 {
font-size: 16px;
line-height: 1.53;
margin-top: 0;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
width: 32px;
top: 8px;
left: 8px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 img {
border-radius: 30px;
}
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
margin-top: 50px;
padding: 50px;
background-color: #ffffff;
border: 4px solid #3FA9F5;
border-radius: 60px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li {
width: 50%;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
padding-right: 40px;
border-right: 2px solid #CCCCCC;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
padding-left: 40px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dt {
font-weight: 600;
font-size: 20px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dt:nth-of-type(n+2) {
margin-top: 20px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd .txt-ex1 {
font-size: 18px;
line-height: 1.94;
font-weight: 500;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd .txt-ex1 + * {
margin-top: 5px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd ul.list-lv2 > li {
font-size: 18px;
line-height: 1.66;
font-weight: 500;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd ul.list-lv2 > li:first-letter {
color: #FF8EDD;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd ul.list-lv2 > li:nth-child(n+2) {
margin-top: 5px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd ul.list-lv2 > li .txt-note1 {
font-size: 16px;
font-weight: 400;
line-height: 1.87;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img1 {
text-align: center;
margin-top: 40px;
} @media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
padding: 40px 30px;
}
} @media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li {
width: 100%;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
padding-right: 0;
border-right: none;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
padding-left: 0;
margin-top: 20px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: min( 80%, 400px );
}
}
@media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
padding: 20px;
border-radius: 22px;
border: 2px solid #3FA9F5;
margin-top: 30px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dt {
font-size: 17px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dt:nth-of-type(n+2) {
margin-top: 10px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd .txt-ex1 {
font-size: 16px;
line-height: 1.61;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd ul.list-lv2 > li {
font-size: 16px;
line-height: 1.53;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd ul.list-lv2 > li:nth-child(n+2) {
margin-top: 3px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.list-lv1 > dd ul.list-lv2 > li .txt-note1 {
line-height: 1.53;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img1 {
margin-top: 30px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: min( 80%, 312px );
}
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
margin-top: 100px;
width: min( 100%, 945px );
margin-left: auto;
margin-right: auto;
position: relative;
border-radius: 56px;
background-color: #FDF0F6;
padding: 60px 60px 40px 60px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item1-head {
position: absolute;
top: 0;
left: 60px;
transform: translateY(-50%);
z-index: 1;
color: #ffffff;
background-color: #FF8EDD;
line-height: 1.35;
padding: 0.2em 1.5em;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.01em;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox {
--list-clm-width1: 365px;
--list-clm-margin-h: 50px;
flex-wrap: wrap;
gap: 30px 0;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) - var(--list-clm-margin-h) );
max-width: 100%;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 .txt1 {
color: #FF64D6;
font-weight: 600;
font-size: 30px;
line-height: 1.33;
letter-spacing: 0.01em;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
font-size: 18px;
line-height: 1.78;
margin-top: 15px;
width: min( 100%, 400px );
} @media (max-width: 640px) {
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
width: min( 100%, 500px );
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .img1 {
width: min( 100%, 360px );
margin-left: auto;
margin-right: auto;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.kidszone div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 60px;
padding-bottom: 0;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
padding: 40px 20px 30px 20px;
border-radius: 22px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item1-head {
left: 30px;
font-size: 18px;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox {
gap: 20px 0;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .img1 img {
width: min( 90%, 500px );
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 .txt1 {
font-size: 21px;
line-height: 1.42;
}
body.page.gelato div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txtwrap1 .txt2 {
font-size: 17px;
line-height: 1.78;
margin-top: 10px;
}
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 50px;
}
}
body.page.yukinoshita div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/yukinoshita_mainvis.jpg);
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-weight: 600;
font-size: 28px;
line-height: 1.78;
margin-bottom: 30px;
color: #1a1a1a;
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px;
margin-bottom: 20px;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
text-align: center;
font-weight: 600;
font-size: 38px;
line-height: 1.75;
margin-bottom: 30px;
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
font-size: 25px;
margin-bottom: 20px;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 {
font-weight: 600;
font-size: 28px;
line-height: 1.75;
margin-bottom: 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 .small {
font-size: 20px;
margin-left: 30px;
line-height: inherit;
font-weight: inherit;
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 {
font-size: 21px;
line-height: 1.47;
margin-bottom: 15px;
letter-spacing: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 .small {
margin-left: 1.25em;
font-size: 16px;
line-height: 1.53;
letter-spacing: 0.05em;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type2 {
font-weight: 600;
font-size: 28px;
line-height: 1.75;
margin-bottom: 10px;
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type2 {
font-size: 21px;
line-height: 1.47;
margin-bottom: 0;
letter-spacing: 0;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type3 {
font-weight: 600;
font-size: 28px;
line-height: 1.75;
margin-bottom: 30px;
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type3 {
font-size: 21px;
line-height: 1.47;
margin-bottom: 20px;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type4 {
font-weight: 600;
font-size: 28px;
line-height: 1.75;
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec h4.pagecmn__type4 {
font-size: 21px;
line-height: 1.47;
margin-bottom: 5px;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 80px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 130px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 30px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 100px;
width: min( 100%, 900px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
width: min( 100%, 395px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 50px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 30%, 90px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/sweets_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #FDF0F6;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 80px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 40px;
--list-clm-margin-v: 50px;
--list-clm-number: 3;
gap: var(--list-clm-margin-v) 0;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 15px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-weight: 600;
font-size: 24px;
line-height: 1.58;
color: #FF64D6;
letter-spacing: 0;
width: calc( 100% + 10px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
width: min( 100%, 310px );
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 700px );
margin-left: auto;
margin-right: auto;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
width: 100%;
}
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 30px;
padding-bottom: 50px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 500px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-v: 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 85%, 312px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 22px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
line-height: 1.42;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-size: 17px;
line-height: 1.78;
width: 100%;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 60px;
padding-bottom: 50px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 40px 50px;
background-color: #ffffff;
border: 4px solid #FF64D6;
border-radius: 60px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 42px;
--list-clm-margin-v: 50px;
--list-clm-number: 3;
gap: var(--list-clm-margin-v) 0;
justify-content: flex-start;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1,
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s {
position: relative;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-s.png);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img2 {
text-align: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img2.sp {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img2.sp img {
width: min(70%, 235px);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt1 {
font-weight: 600;
position: relative;
line-height: 1.5;
font-size: 20px;
text-indent: 1em;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #FF8EDD;
line-height: inherit;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt2 {
font-size: 16px;
line-height: 1.62;
margin-top: 5px;
width: calc( 100% + 20px );
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 40px 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 30px;
--list-clm-margin-v: 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt2 {
width: 100%;
}
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.dummy {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.w_full_sp {
width: calc( ( 100% / 1 ) - var(--list-clm-margin-h) );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img2.pc img {
width: min(100%, 297px);
}
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
padding-bottom: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 20px;
border-radius: 22px;
border: 2px solid #FF64D6;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 20px;
--list-clm-margin-v: 20px;
justify-content: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt1 {
font-size: 17px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt2 {
font-size: 16px;
line-height: 1.53;
margin-top: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
width: 32px;
top: 8px;
left: 8px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 img {
border-radius: 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img2.pc {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img2.sp {
display: block;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
margin-top: 50px;
padding: 40px 50px;
background-color: #ffffff;
border: 4px solid #FF64D6;
border-radius: 60px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 112px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .img1 {
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .txt1 {
color: #3FA9F5;
font-weight: 600;
font-size: 20px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
width: min( 100%, 810px );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 .row_item2_wrap {
overflow: hidden;
margin-top: 50px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 .row_item2_wrap.extype1 {
margin-top: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox {
--list-clm-margin-h: 42px;
--list-clm-margin-v: 50px;
--list-clm-number: 3;
gap: var(--list-clm-margin-v) 0;
justify-content: flex-start;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1 {
text-align: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1.tag-no1,
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1.tag-limit-s {
position: relative;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1.tag-no1::before,
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1.tag-limit-s::before {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1.tag-no1::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1.tag-limit-s::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-s.png);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img2 {
text-align: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img2.sp {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img2.sp img {
width: min(70%, 235px);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .wrap1-txt1 {
font-weight: 600;
position: relative;
line-height: 1.5;
font-size: 20px;
text-indent: 1em;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .wrap1-txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #FF8EDD;
line-height: inherit;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .wrap1-txt2 {
font-size: 16px;
line-height: 1.62;
margin-top: 5px;
width: calc( 100% + 20px );
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox {
--list-clm-margin-h: 30px;
--list-clm-margin-v: 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .wrap1-txt2 {
width: 100%;
}
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox {
--list-clm-number: 2;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li.dummy {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li.w_full_sp {
width: calc( ( 100% / 1 ) - var(--list-clm-margin-h) );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img2.pc img {
width: min(100%, 297px);
}
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
margin-top: 30px;
padding: 20px;
border-radius: 22px;
border: 2px solid #FF64D6;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 80px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
padding-left: 15px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
line-height: 1.35;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li .txt2 { font-size: 16px;
line-height: 1.53;
width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 .row_item2_wrap {
margin-top: 20px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox {
--list-clm-margin-h: 20px;
--list-clm-margin-v: 20px;
justify-content: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .wrap1-txt1 {
font-size: 17px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .wrap1-txt2 {
font-size: 16px;
line-height: 1.53;
margin-top: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1.tag-no1::before,
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1.tag-limit-s::before {
width: 32px;
top: 8px;
left: 8px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img1 img {
border-radius: 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img2.pc {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item2.flexbox > li .img2.sp {
display: block;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 .row_item3 {
width: 100%;
height: 1px;
background-color: #FF64D6;
margin-top: 40px;
margin-bottom: 40px;
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm2 .row_item3 {
margin-top: 20px;
margin-bottom: 20px;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
margin-top: 50px;
padding: 40px 50px;
background-color: #ffffff;
border: 4px solid #3FA9F5;
border-radius: 60px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item1 {
font-size: 16px;
line-height: 2;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item2 {
color: #3FA9F5;
font-weight: 600;
font-size: 20px;
margin-top: 5px;
line-height: 1.9;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox {
margin-top: 40px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li {
width: 50%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li:nth-child(1) {
padding-right: 20px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li:nth-child(2) {
padding-left: 20px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox {
--list-clm-width1: 140px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li:nth-child(1) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-right: 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li:nth-child(2) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li.w_full {
width: 100%;
padding-right: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li dl.txtlist1 > dt {
font-weight: 600;
position: relative;
line-height: 1.5;
font-size: 20px;
text-indent: 1em;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li dl.txtlist1 > dt::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #FF8EDD;
line-height: inherit;
font-weight: inherit;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li dl.txtlist1 > dt:nth-of-type(n+2) {
margin-top: 15px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li dl.txtlist1 > dd {
line-height: 1.62;
margin-top: 5px;
font-size: 16px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li .img1 {
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li .img1:nth-child(n+2) {
margin-top: 20px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item4_wrap {
display: none;
overflow: hidden;
margin-top: 20px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item4.flexbox {
--list-clm-margin-h: 6px;
width: calc( 100% + var(--list-clm-margin-h) );
justify-content: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item4.flexbox > li {
width: calc( ( 100% / 4 ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox {
flex-direction: column;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li {
width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li:nth-child(1) {
padding-right: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li:nth-child(2) {
padding-left: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li:nth-child(n+2) {
margin-top: 20px;
}
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
margin-top: 30px;
padding: 20px;
border-radius: 22px;
border: 2px solid #3FA9F5;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item1 {
font-size: 16px;
line-height: 1.53;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item2 {
font-size: 17px;
margin-top: 5px;
line-height: 1.42;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox {
margin-top: 25px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li:nth-child(1) {
width: 100%;
padding-right: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li:nth-child(2) {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li.w_full {
width: 100%;
padding-right: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li dl.txtlist1 > dt {
line-height: 1.5;
font-size: 17px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li dl.txtlist1 > dt:nth-of-type(n+2) {
margin-top: 10px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item3.flexbox > li ul.row_item3_list1.flexbox > li dl.txtlist1 > dd {
line-height: 1.53;
margin-top: 0;
font-size: 16px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item4_wrap {
display: block;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item5 {
width: 100%;
height: 1px;
background-color: #3FA9F5;
margin-top: 40px;
margin-bottom: 40px;
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm3 .row_item5 {
margin-top: 30px;
margin-bottom: 30px;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 {
margin-top: 100px;
width: min( 100%, 945px );
margin-left: auto;
margin-right: auto;
position: relative;
border-radius: 55px;
background-color: #FDF0F6;
padding: 50px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 .row_item1-head {
position: absolute;
top: 0;
left: 50px;
transform: translateY(-50%);
z-index: 1;
color: #ffffff;
background-color: #FF8EDD;
line-height: 1;
padding: 0.35em 1.75em;
font-weight: 600;
font-size: 24px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 .row_item1 {
font-weight: 600;
font-size: 30px;
color: #FF64D6;
line-height: 1.3;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 .row_item2_wrap {
margin-top: 15px;
overflow: hidden;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox {
--list-clm-width1: 475px;
margin-top: 20px;
gap: 20px 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 30px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li ul.imglist1.flexbox {
gap: 0 20px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li .txtwrap1 {
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li .txtwrap1 .wrap1-extxt1_sp {
display: none;
font-weight: 600;
font-size: 1.5em;
color: #FF64D6;
margin-bottom: 10px;
line-height: 1.5;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 18px;
line-height: 2;
font-feature-settings: normal;
letter-spacing: 0;
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 .row_item1 {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox {
width: min( 100%, 700px );
margin-left: auto;
margin-right: auto;
flex-direction: column;
align-items: center;
margin-top: 0;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li ul.imglist1.flexbox {
width: min( 100%, 470px );
gap: 0 15px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li:nth-child(2) {
padding-left: 0;
width: 100%;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li .txtwrap1 .wrap1-extxt1_sp {
display: block;
}
} @media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 {
width: min( 100%, 500px );
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 {
padding: 40px 20px 30px 20px;
border-radius: 30px;
margin-top: 60px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 .row_item1-head {
left: 20px;
font-size: 18px;
padding: 0.5em 1.75em;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li .txtwrap1 .wrap1-extxt1_sp {
font-size: 22px;
line-height: 1.42;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.s3 .mainclm4 ul.row_item2.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 > .inner {
padding-top: 10px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 {
background-color: #fdf0f6;
padding: 50px;
width: min(100%, 900px);
margin-inline: auto;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 > .inner {
width: min(100%, 680px);
margin-inline: auto;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item1 .line1 {
font-size: 2.3em;
font-weight: 700;
border-bottom: 1px solid #1a1a1a;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item1 .line2 {
font-size: 1.95em;
font-weight: 700;
margin-top: 5px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item1 .line2 br.bk1 {
display: none;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item2 {
font-size: 1.15em;
margin-top: 40px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item2 > p {
line-height: 2;
font-feature-settings: normal;
font-weight: 500;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item3 {
margin-top: 40px;
text-align: center;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item3 img {
width: min(100%, 260px);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item4 {
margin-top: 40px;
text-align: center;
font-size: 1.15em;
line-height: 2;
font-feature-settings: normal;
font-weight: 500;
}
@media (max-width: 640px) {
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 > .inner {
padding-top: 0;
width: min( calc(100% - ( 20px * 2) ), var(--site-main-width1) );
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 {
padding: 20px 30px 25px 30px;
width: min(100%, 900px);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item1 .line1 {
font-size: 22px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item1 .line2 {
font-size: 18.5px;
line-height: 1.5;
margin-top: 10px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item1 .line2 br.bk1 {
display: block;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item2 {
font-size: 18px;
margin-top: 25px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item2 > p {
line-height: 1.73;
font-weight: 400;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item3 {
margin-top: 25px;
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item3 img {
width: min(100%, 180px);
}
body.page.yukinoshita div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .row_item4 {
margin-top: 25px;
font-size: 18px;
line-height: 1.73;
font-weight: 400;
text-align: left;
}
} body.page.doukutsu div#wrapcont #mainArea {
padding-top: 70px;
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea {
padding-top: 40px;
padding-bottom: 50px;
}
}
body.page.doukutsu div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/doukutsu_mainvis.jpg);
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-weight: 600;
font-size: 28px;
line-height: 1.78;
margin-bottom: 30px;
color: #1a1a1a;
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px;
margin-bottom: 20px;
}
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
text-align: center;
font-weight: 600;
font-size: 38px;
line-height: 1.75;
margin-bottom: 30px;
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
font-size: 25px;
margin-bottom: 20px;
}
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 {
font-weight: 600;
font-size: 28px;
line-height: 1.75;
margin-bottom: 30px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 .small {
font-size: 20px;
margin-left: 30px;
line-height: inherit;
font-weight: inherit;
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 {
font-size: 21px;
line-height: 1.47;
margin-bottom: 15px;
letter-spacing: 0;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type1 .small {
margin-left: 1.25em;
font-size: 16px;
line-height: 1.53;
letter-spacing: 0.05em;
}
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type2 {
font-weight: 600;
font-size: 28px;
line-height: 1.75;
margin-bottom: 10px;
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type2 {
font-size: 21px;
line-height: 1.47;
margin-bottom: 0;
letter-spacing: 0;
}
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type3 {
font-weight: 600;
font-size: 28px;
line-height: 1.75;
margin-bottom: 30px;
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type3 {
font-size: 21px;
line-height: 1.47;
margin-bottom: 20px;
}
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type4 {
font-weight: 600;
font-size: 28px;
line-height: 1.75;
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec h4.pagecmn__type4 {
font-size: 21px;
line-height: 1.47;
margin-bottom: 5px;
}
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 80px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 360px );
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 50px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 900px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
width: min( 100%, 384px );
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
} @media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 50px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 70%, 225px );
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
margin-top: 40px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/sweets_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #FDF0F6;
} @media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 60px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 900px );
margin-left: auto;
margin-right: auto;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
gap: 20px 0;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: 330px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - 334px );
padding-left: 40px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-weight: 600;
font-size: 22px;
color: #FF64D6;
line-height: 1.58;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
margin-top: 10px;
line-height: 1.87;
width: min(100%, 490px);
} @media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 500px );
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
border-radius: 30px;
width: min( 80%, 330px );
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
letter-spacing: 0;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
}
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
padding-bottom: 50px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 50px;
background-color: #ffffff;
border: 4px solid #FF64D6;
border-radius: 60px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 42px;
--list-clm-margin-v: 50px;
--list-clm-number: 3;
gap: var(--list-clm-margin-v) 0;
justify-content: flex-start;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1,
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s {
position: relative;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-s.png);
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt1 {
font-weight: 600;
position: relative;
line-height: 1.5;
font-size: 20px;
text-indent: 1em;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #FF8EDD;
line-height: inherit;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt2 {
font-size: 16px;
line-height: 1.62;
margin-top: 5px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .txt-note1 {
margin-top: 50px;
} @media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 40px 30px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 30px;
--list-clm-margin-v: 30px;
}
} @media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.dummy {
display: none;
}
}
@media (max-width: 640px) {
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
padding-bottom: 0;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
padding: 20px;
border-radius: 22px;
border: 2px solid #FF64D6;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 20px;
--list-clm-margin-v: 20px;
justify-content: center;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt1 {
font-size: 17px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .wrap1-txt2 {
font-size: 16px;
line-height: 1.53;
margin-top: 0;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
width: 32px;
top: 8px;
left: 8px;
}
body.page.doukutsu div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 img {
border-radius: 30px;
}
} body.page.eat div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/2025/eat_mainvis.jpg);
}
body.page.eat div#wrapcont #mainArea {
padding-bottom: 0;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 50px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 38px;
font-weight: 600;
line-height: 1.5;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1.sp {
display: none;
font-feature-settings: normal;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 120px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 426px;
--list-clm-width2: 415px;
--list-clm-margin-h: 100px;
gap: 50px var(--list-clm-margin-h);
width: min( 100%, calc( var(--list-clm-width1) + var(--list-clm-margin-h) + var(--list-clm-width2) ) );
margin-left: auto;
margin-right: auto;
justify-content: center;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: var(--list-clm-width2);
max-width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: min( 100%, 426px );
text-align: center;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: none;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
margin-top: 40px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.sp {
display: none;
text-align: center;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: min(100%, 375px);
font-size: 18px;
line-height: 2;
} @media (max-width: 640px) {
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 640px) {
body.page.eat div#wrapcont #mainArea {
padding-top: 30px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 0;
padding-bottom: 20px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-size: 22px;
line-height: 1.52;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1.pc {
display: none;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1.sp {
display: block;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 40px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
gap: 30px 0;
width: 100%;
margin-right: auto;
align-items: center;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: min( 85%, 306px );
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: block;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.pc {
display: none;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
margin-top: 30px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 img {
width: min( 80%, 310px );
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.pc {
display: none;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2.sp {
display: block;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: 100%;
font-size: 18px;
line-height: 1.73;
}
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/eat_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #FFEEBE;
} @media (max-width: 640px) {
body.page.eat div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 140px;
padding-bottom: 150px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li:nth-child(n+2) {
margin-top: 80px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox {
gap: 20px 20px;
align-items: flex-end;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li:nth-child(1) {
width: 60%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li:nth-child(2) {
width: 40%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li img {
border-radius: 40px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox {
--list-clm-width1: 160px;
align-items: flex-end;
gap: 20px 0;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li:nth-child(1) {
width: calc( 100% - 60px - var(--list-clm-width1) );
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li:nth-child(2) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li .txt1 {
font-weight: 600;
font-size: 20px;
margin-top: 10px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li .txt2 {
margin-top: 5px;
font-weight: 500;
font-size: 16px;
line-height: 1.87;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li .border1 {
height: 2px;
width: 100%;
background-color: #FF7A00;
margin-top: 15px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox {
margin-top: 15px;
justify-content: flex-start;
align-items: center;
gap: 10px 0;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li:nth-child(1) {
width: 40px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li:nth-child(2) {
width: calc( 100% - 40px );
padding-left: 15px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li ul.list1_sub.flexbox {
justify-content: flex-start;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li ul.list1_sub.flexbox > li {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li ul.list1_sub.flexbox > li:nth-child(2) {
margin-left: 5px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li ul.list1_sub.flexbox > li img.icon {
height: 2em;
vertical-align: text-bottom;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li ul.list1_sub.flexbox > li a.tel {
margin-left: 0.5em;
display: inline-block;
line-height: 1;
pointer-events: none;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li ul.list1_sub.flexbox > li a.tel img {
height: 1.35em;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li .btn_more {
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li .btn_more a {
display: inline-block;
border-radius: 100px;
line-height: 1.35;
padding: 0.6em calc(0.5em + 1.25em + 1em) 0.6em 1.5em;
width: min( 100%, 160px );
text-align: center;
font-size: 16px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li .btn_more_sp {
display: none;
text-align: center;
margin-top: 10px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li .btn_more_sp a {
display: inline-block;
border-radius: 100px;
line-height: 1.35;
padding: 0.6em calc(0.5em + 1.25em + 1em) 0.6em 1.5em;
width: min( 100%, 175px );
text-align: center;
font-size: 17px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox {
gap: 20px 20px;
align-items: flex-end;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox > li:nth-child(1) {
width: 32%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox > li:nth-child(2) {
width: 30%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox > li:nth-child(3) {
width: 37%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox > li img {
border-radius: 40px;
} @media (max-width: 640px) {
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox {
flex-direction: column;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li:nth-child(2) {
max-width: 100%;
}
}
@media (max-width: 640px) {
body.page.eat div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 30px;
padding-bottom: 60px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 500px );
margin-left: auto;
margin-right: auto;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li {
display: flex;
flex-direction: column;
gap: 15px 0;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li:nth-child(n+2) {
margin-top: 50px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox {
order: 2;
flex-direction: column;
width: min( 100%, 400px );
margin-left: auto;
margin-right: auto;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox {
order: 1;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li:nth-child(2) {
display: none;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li .txt1 {
font-size: 21px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li .txt1.extype1 {
margin-top: 0;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li .txt2 {
font-weight: 400;
font-size: 17px;
line-height: 1.78;
margin-top: 0;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li .btn_more_sp {
display: block;
order: 3;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox {
order: 2;
width: min( 100%, 400px );
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
gap: 15px 0;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox > li:nth-child(2) {
width: calc( 44% - 5px );
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox > li:nth-child(3) {
width: calc( 55% - 5px );
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list3.flexbox > li img {
border-radius: 30px;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li ul.list1_sub.flexbox {
flex-direction: column;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li ul.list1_sub.flexbox > li:nth-child(2) {
margin-left: 0;
}
body.page.eat div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1 > li ul.row_item1_list2.flexbox > li ul.list1.flexbox > li ul.list1_sub.flexbox > li a.tel {
pointer-events: auto;
}
} body.page.hanatohana div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/hanatohana_mainvis.jpg);
display: none;
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 60px;
}
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-weight: 600;
font-size: 28px;
line-height: 1.78;
margin-bottom: 30px;
color: #1a1a1a;
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px;
margin-bottom: 20px;
}
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
font-weight: 600;
font-size: 28px;
line-height: 1.78;
margin-bottom: 5px;
color: #FF7A00;
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
font-size: 22px;
margin-bottom: 10px;
line-height: 1.42;
}
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 70px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 122px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 30px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 900px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 16px;
width: min( 100%, 400px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2.25;
} @media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 30px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 30%, 76px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 30px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.73;
}
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/eat_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #FFEEBE;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 80px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 40px;
--list-clm-margin-v: 50px;
--list-clm-number: 3;
gap: var(--list-clm-margin-v) 0;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 15px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-weight: 600;
font-size: 24px;
line-height: 1.58;
color: #FF7A00;
letter-spacing: 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
width: min( 100%, 325px );
} @media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 700px );
margin-left: auto;
margin-right: auto;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
width: 100%;
}
} @media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 30px;
padding-bottom: 50px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 500px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-v: 30px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 85%, 312px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 22px;
line-height: 1.42;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-size: 17px;
line-height: 1.78;
width: 100%;
}
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
padding-bottom: 80px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 h3.ttl-main {
font-weight: 600;
color: #FF7A00;
font-size: 1.5rem;
margin-bottom: 10px;
line-height: 1.5;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 {
font-size: 18px;
line-height: 1.66;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 {
margin-top: 30px;
padding: 40px;
border: 4px solid #FF7A00;
background-color: #ffffff;
border-radius: 60px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 h4.row_item2_title {
font-weight: 600;
font-size: 28px;
margin-bottom: 20px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox {
--list-clm-width1: 488px;
gap: 40px 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li:nth-child(2) {
width: calc( 100% -  var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li .img1 {
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt {
border-bottom: 1px solid #1A1A1A;
padding-bottom: 5px;
margin-bottom: 15px;
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 0 20px;
padding-bottom: 10px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt:nth-of-type(n+2) {
margin-top: 30px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt .txt-item1 {
color: #FF7A00;
font-size: 18px;
line-height: 1;
font-weight: 500;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt .txt-item1 .large {
display: inline-block;
font-size: 32px;
line-height: 1;
color: inherit;
font-weight: inherit;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt .txt-item2 {
background-color: #E6E6E6;
line-height: 1;
padding: 0.5em 0.5em;
font-size: 14px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dd ul.txtlist1_sub.flexbox {
flex-wrap: wrap;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dd ul.txtlist1_sub.flexbox > li {
position: relative;
padding-left: 1em;
width: calc( 50% - 10px );
font-size: 16px;
line-height: 1.87;
font-weight: 500;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dd ul.txtlist1_sub.flexbox.w_full > li {
width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dd ul.txtlist1_sub.flexbox > li::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\30fb';
text-indent: 1em;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li .txt2 {
margin-top: 20px;
width: fit-content;
max-width: 100%;
padding: 0.25em 1em;
line-height: 1.5;
border: 1px solid #FF7A00;
font-size: 20px;
font-weight: 500;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li .txt3 {
margin-top: 40px;
font-size: 16px;
line-height: 1.5;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li ul.list1 {
margin-top: 10px;
font-size: 0.9em;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li ul.list1 > li {
position: relative;
padding-left: 1em;
font-size: 16px;
line-height: 1.87;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li ul.list1 > li::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '\203b';
line-height: inherit;
} @media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 750px );
margin-left: auto;
margin-right: auto;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li:nth-child(1) {
width: min( 100%, 500px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 50px;
padding-bottom: 30px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 {
padding: 20px 20px 30px 20px;
border-radius: 22px;
border: 2px solid #FF7A00;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 h4.row_item2_title {
font-size: 21px;
margin-bottom: 20px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox {
gap: 30px 0;
}
b
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li:nth-child(1) {
width: min( 90%, 500px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt {
gap: 0 10px;
justify-content: flex-start;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt:nth-of-type(n+2) {
margin-top: 30px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dd ul.txtlist1_sub.flexbox > li {
width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li .txt2 {
margin-top: 15px;
padding: 0.125em 0.75em;
line-height: 1.25;
font-size: 17px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li .txt3 {
margin-top: 20px;
font-size: 15px;
line-height: 1.66;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li ul.list1 {
margin-top: 5px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li ul.list1 > li {
padding-left: 1em;
font-size: 15px;
line-height: 1.66;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt .txt-item1 {
font-size: 17px;
font-weight: 500;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt .txt-item1 .large {
font-size: 28px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dt .txt-item2 {
padding: 0.25em 0.5em;
font-size: 15px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 ul.row_item2_list1.flexbox > li dl.txtlist1 > dd ul.txtlist1_sub.flexbox > li {
line-height: 1.76;
font-weight: 400;
}
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 {
background-color: #F2F2F2;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 50px;
padding-bottom: 70px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item1 {
font-size: 16px;
line-height: 1.87;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox {
margin-top: 30px;
gap: 20px 40px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox > li {
text-align: center;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox {
margin-top: 50px;
padding-top: 20px;
width: fit-content;
max-width: 100%;
margin-left: auto;
margin-right: auto;
align-items: center;
gap: 10px 0;
border-top: 2px solid #FF7A00;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: 40px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - 40px );
padding-left: 15px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox {
justify-content: flex-start;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox > li {
font-size: 16px;
font-weight: 500;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox > li:nth-child(2) {
margin-left: 5px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox > li img.icon {
height: 34px;
vertical-align: text-bottom;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox > li a.tel {
margin-left: 0.5em;
line-height: 1;
display: inline-block;
pointer-events: none;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox > li a.tel img {
height: 20px;
} @media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox {
flex-wrap: wrap;
justify-content: center;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox > li {
width: calc( 50% - 15px );
}
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 30px;
padding-bottom: 30px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item1 {
font-size: 17px;
line-height: 1.78;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 330px );
margin-left: auto;
margin-right: auto;
margin-top: 20px;
gap: 15px 40px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item2.flexbox > li {
width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox {
padding-top: 0;
border-top: none;
margin-top: 30px;
padding-left: 0;
padding-right: 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: 36px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - 36px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox {
flex-direction: column;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox > li {
font-size: 15px;
line-height: 1.6;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox > li:nth-child(2) {
margin-left: 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item3.flexbox > li ul.list1_sub.flexbox > li a.tel {
pointer-events: auto;
}
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 > .inner {
padding-top: 80px;
padding-bottom: 30px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox {
margin-top: 30px;
gap: 40px 40px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li {
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 15px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 * {
line-height: 1.5;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-weight: 600;
font-size: 18px;
line-height: 1.66;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 .ex1 {
font-weight: 400;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-size: 16px;
line-height: 1.75;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt-note1 {
font-size: 16px;
line-height: 1.75;
} @media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 {
width: min( 100%, 700px );
margin-left: auto;
margin-right: auto;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox {
flex-wrap: wrap;
justify-content: center;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 50% - 15px );
}
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 > .inner {
padding-top: 50px;
padding-bottom: 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
width: min( 90%, 330px );
margin-left: auto;
margin-right: auto;
gap: 30px 30px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li {
width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 10px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 .ex1 {
font-weight: 400;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-size: 16px;
line-height: 1.77;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt-note1 {
font-size: 16px;
line-height: 1.77;
}
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 {
background-color: #FFEEBE;
border-radius: 50px;
padding: 40px;
margin-top: 100px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 > .inner {
width: min( 100%, 950px );
margin-left: auto;
margin-right: auto;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 h4.ttl-main {
font-size: 36px;
margin-bottom: 20px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 230px;
gap: 20px 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li .txt1 {
font-weight: 600;
font-size: 18px;
line-height: 1.77;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li .txt1 .large1 {
font-size: 24px;
font-weight: inherit;
margin-left: 1em;
line-height: 1.33;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li .txt2 {
margin-top: 10px;
font-size: 16px;
line-height: 2;
} @media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 230px;
max-width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li .txt1 {
text-align: center;
}
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 {
border-radius: 30px;
padding: 20px 30px 30px 30px;
margin-top: 50px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 h4.ttl-main {
font-size: 24px; }
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: min( 100%, 225px );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
line-height: 1.14;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li .txt1 .large1 {
font-size: 21px;
margin-left: 0.75em;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.s5 .mainclm2 ul.row_item1.flexbox > li .txt2 {
margin-top: 20px;
font-size: 17px;
line-height: 1.78;
}
}
body.page.hanatohana div#wrapcont #mainArea #modal-main {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
content: '';
background-color: rgba(0,0,0,0.5);
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: #ffffff;
padding: 70px 50px;
width: 950px;
max-width: calc(100% - 35px - 35px);
max-height: calc(100% - 35px - 35px); border: 5px solid #e50012;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content a.btn-close {
position: absolute;
top: -20px;
right: -12px;
z-index: 5;
width: 56px;
pointer-events: auto;
display: block;
opacity: 1;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content a.btn-close img {
width: 100%;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content > .inner {
position: relative;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-logo {
position: absolute;
top: -30px;
left: 0;
z-index: 1;
width: 110px;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-title {
text-align: center;
font-size: 44px;
font-weight: 500;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-body {
width: min(100%,710px);
margin-inline: auto;
font-size: 21px;
margin-top: 30px;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-body > p {
line-height: 2;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-body .emp {
color: #e50012;
font-weight: inherit;
line-height: inherit;
}
@media (max-width: 1300px) {
body.page.hanatohana div#wrapcont #mainArea #modal-main {
width: 1300px;
}
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea #modal-main {
width: 100%;
left: 0!important;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-body {
font-size: 18px;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content {
padding: 25px 35px;
border-width: 3px;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content a.btn-close {
width: 35px;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-logo {
position: static;
width: 60px;
margin-inline: auto;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-title {
font-size: 22px;
font-weight: 700;
margin-top: 15px;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-body {
font-size: 18px;
margin-top: 20px;
}
body.page.hanatohana div#wrapcont #mainArea #modal-main .modal-main-content .item-body > p {
line-height: 1.73;
font-feature-settings: normal;
}
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 > .inner {
padding-top: 10px;
width: min(calc(100% - 35px - 35px), 950px);
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 {
background-color: #ffffff;
padding: 60px 50px;
border: 5px solid #e50012;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 > .inner {
position: relative;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .item-logo {
position: absolute;
top: -20px;
left: 0;
z-index: 1;
width: 110px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .item-title {
text-align: center;
font-size: 38px;
font-weight: 700;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .item-body {
width: min(100%,710px);
margin-inline: auto;
font-size: 21px;
margin-top: 50px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .item-body > p {
line-height: 2;
}
@media (max-width: 640px) {
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 > .inner {
padding-top: 0;
width: min( calc(100% - ( 20px * 2) ), var(--site-main-width1) );
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 {
padding: 30px 25px;
border-width: 3px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .item-body {
font-size: 18px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .item-logo {
position: static;
width: 60px;
margin-inline: auto;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .item-title {
font-size: 22px;
margin-top: 20px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .item-body {
font-size: 18px;
margin-top: 20px;
}
body.page.hanatohana div#wrapcont #mainArea section.mainsec.ex-s1 .mainclm1 .item-body > p {
line-height: 1.73;
font-feature-settings: normal;
}
} body.page.hanamizuki div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/hanamizuki_mainvis.png);
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea {
padding-top: 60px;
padding-bottom: 60px;
}
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-weight: 600;
font-size: 28px;
line-height: 1.78;
margin-bottom: 30px;
color: #1a1a1a;
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec h3.pagecmn__type1 {
font-size: 21px;
margin-bottom: 20px;
}
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
font-weight: 600;
font-size: 28px;
line-height: 1.78;
margin-bottom: 5px;
color: #FF7A00;
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec h3.pagecmn__type2 {
font-size: 24px;
margin-bottom: 10px;
line-height: 1.42;
}
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 70px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 278px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 40px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 915px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 16px;
width: min( 100%, 425px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 p {
font-feature-settings: normal;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2.25;
} @media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 30px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 50%, 173px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 30px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.73;
}
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/eat_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #FFEEBE;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 80px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 40px;
--list-clm-margin-v: 50px;
--list-clm-number: 3;
gap: var(--list-clm-margin-v) 0;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 15px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-weight: 600;
font-size: 24px;
line-height: 1.33;
color: #FF7A00;
letter-spacing: 0;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
width: min( 100%, 325px );
} @media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 700px );
margin-left: auto;
margin-right: auto;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
width: 100%;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
width: 100%;
}
} @media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 30px;
padding-bottom: 50px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 500px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-v: 30px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: 100%;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 85%, 312px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 22px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
line-height: 1.42;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-size: 17px;
line-height: 1.78;
width: 100%;
}
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
padding-bottom: 20px;
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
padding-bottom: 0;
}
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 h3.ttl1 {
font-size: 28px;
font-weight: 600;
line-height: 1.78;
margin-bottom: 40px;
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 h3.ttl1 {
font-size: 22px;
margin-bottom: 30px;
}
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
width: min( 100%, 942px );
overflow: hidden;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 70px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
flex-wrap: wrap;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 50% - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1 {
width: fit-content;
max-width: 100%;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1.tag-no1 {
position: relative;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1.tag-no1::before {
position: absolute;
top: 17px;
left: 17px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1 img.sp {
display: none;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1 figcaption {
margin-top: 10px;
line-height: 1.5;
font-size: 20px;
font-weight: 500;
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
width: min( 90%, 430px );
margin-left: auto;
margin-right: auto;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
gap: 35px 0;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
width: 100%;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1 {
width: min( 85%, 312px );
margin-left: auto;
margin-right: auto;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1 figcaption {
font-weight: 400;
font-size: 17px;
line-height: 1.78;
margin-top: 5px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1.tag-no1::before {
top: 10px;
left: 10px;
width: 38px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1 img.pc {
display: none;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li figure.img1 img.sp {
display: inline;
}
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
padding: 40px;
background-color: #ffffff;
border: 4px solid #FF7A00;
border-radius: 40px;
margin-top: 80px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 h3.ttl1 {
font-weight: 600;
font-size: 28px;
line-height: 1.78;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox {
gap: 20px 0;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li {
width: 50%;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
border-right: 1px solid #cccccc;
padding-right: 30px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
padding-left: 30px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.row_item1_list1 > dt {
border-bottom: 1px solid #1A1A1A;
font-weight: 500;
font-size: 22px;
color: #FF7A00;
margin-bottom: 10px;
line-height: 1.35;
position: relative;
padding-left: 1em;
padding-bottom: 8px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.row_item1_list1 > dt::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '\25cf';
color: inherit;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.row_item1_list1 > dt:nth-of-type(n+2) {
margin-top: 20px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.row_item1_list1 > dd ul.txtlist1 > li {
font-size: 18px;
font-weight: 500;
line-height: 1.94;
} @media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li {
width: 100%;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
padding-right: 0;
border-right: none;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
padding-left: 0;
}
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 {
padding: 30px;
border-radius: 30px;
margin-top: 50px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 h3.ttl1 {
font-size: 22px;
line-height: 1.5;
margin-bottom: 20px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.row_item1_list1 > dt {
font-size: 18px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm2 ul.row_item1.flexbox > li dl.row_item1_list1 > dd ul.txtlist1 > li {
font-size: 16px;
font-weight: 400;
line-height: 1.76;
}
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
border-radius: 60px;
background-color: #FFEEBE;
padding: 50px;
margin-top: 80px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox {
--list-clm-width1: 365px; margin-left: auto;
margin-right: auto;
gap: 20px 0;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txt1 {
font-weight: 600;
line-height: 1.33;
font-size: 30px;
color: #FF7A00;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txt2 {
margin-top: 20px;
font-size: 16px;
line-height: 1.87;
font-feature-settings: normal;
} @media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox {
flex-direction: column;
width: min( 100%, 600px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .img1 img {
width: min( 100%, 360px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 {
border-radius: 30px;
padding: 40px 30px;
margin-top: 50px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .img1 img {
width: min( 90%, 312px );
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txt1 {
line-height: 1.42;
font-size: 22px;
}
body.page.hanamizuki div#wrapcont #mainArea section.mainsec.s3 .mainclm3 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
} body.page.buy div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_mainvis.jpg);
}
body.page.buy div#wrapcont #mainArea {
padding-bottom: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 {
position: relative;
z-index: 2;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 50px;
width: min( calc(100% - 30px), 1090px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-size: 38px;
font-weight: 600;
line-height: 1.5;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 br.break_sp {
display: none;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 100px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 702px;
--list-clm-width2: 366px;
--list-clm-margin-h: 20px;
gap: 50px var(--list-clm-margin-h);
width: min( 100%, calc( var(--list-clm-width1) + var(--list-clm-margin-h) + var(--list-clm-width2) ) );
margin-left: auto;
margin-right: auto;
justify-content: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: var(--list-clm-width2);
max-width: 100%;
padding-top: 5px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: none;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp img {
width: min( 100%, 424px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
margin-top: 140px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: min(100%, 300px);
font-size: 18px;
line-height: 2;
margin-left: auto;
margin-right: auto;
} @media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: min( 100%, 702px );
}
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea {
padding-top: 30px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-size: 22px;
line-height: 1.52;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 br.break_sp {
display: block;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 40px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
gap: 30px 0;
width: 100%;
margin-right: auto;
align-items: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1 {
width: 100%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.sp {
display: block;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img1.pc {
display: none;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 {
margin-top: 30px;
text-align: right;
width: calc(100% - 30px);
margin-left: auto;
margin-right: auto;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .img2 img {
width: min( 80%, 286px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
width: 100%;
font-size: 18px;
line-height: 1.73;
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 140px;
padding-bottom: 80px;
} @media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 {
width: min( 100%, 956px );
margin-left: auto;
margin-right: auto;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
gap: 20px 1.5%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: 61%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: 39%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2.sp {
display: none;
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2.pc {
display: none;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2.sp {
display: block;
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img2.sp img {
width: min( 90%, 312px );
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox {
--list-clm-width1: 400px;
margin-top: 25px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
padding-left: 35px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .txt1 {
font-weight: 600;
font-size: 20px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .txt1.extype1 {
margin-top: 10px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .txt2 {
font-weight: 500;
font-size: 16px;
line-height: 1.87em;
font-feature-settings: normal;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .btn1 {
margin-top: 10px;
text-align: right;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .btn1 a {
display: inline-block;
border-radius: 100px;
padding: 0.5em calc(0.5em + 1.25em + 1em) 0.5em 1.5em;
text-align: center;
font-size: 16px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .btn1.w1 a {
width: min( 100%, 160px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .btn1.w2 a {
width: min( 100%, 243px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .img1.sp {
display: none;
margin-top: 40px;
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox {
margin-top: 10px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li:nth-child(1) {
display: none;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .txt1 {
font-size: 21px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .img1.sp {
display: block;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .btn1 {
text-align: center;
margin-top: 15px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2.flexbox > li .btn1 a {
width: min( 100%, 175px );
line-height: 1.35;
font-size: 17px;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 {
margin-top: 60px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 .row_item1_wrap {
overflow: hidden;
width: min( 100%, 956px );
margin-left: auto;
margin-right: auto;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox {
--list-clm-margin-h: 50px;
--list-clm-number: 2;
flex-wrap: wrap;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li {
width: calc( calc( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li .txt1 {
font-weight: 600;
font-size: 20px;
margin-top: 10px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.62;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li .btn1 {
margin-top: 10px;
text-align: right;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li .btn1 a {
display: inline-block;
border-radius: 100px;
padding: 0.5em calc(0.5em + 1.25em + 1em) 0.5em 1.5em;
text-align: center;
font-size: 16px;
width: min( 100%, 160px );
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 {
margin-top: 40px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox {
--list-clm-number: 1;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li .txt1 {
font-size: 21px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li .btn1 {
margin-top: 15px;
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item1.flexbox > li .btn1 a {
font-size: 17px;
width: min( 100%, 175px );
line-height: 1.35;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 .row_item2_wrap {
overflow: hidden;
margin-top: 50px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox {
--list-clm-margin-h: 40px;
--list-clm-number: 3;
flex-wrap: wrap;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 50px 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox > li {
width: calc( calc( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox > li .txt1 {
font-weight: 600;
font-size: 20px;
margin-top: 10px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.62;
min-height: calc( 16px * 1.62 * 2 );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox > li .btn1 {
margin-top: 10px;
text-align: right;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox > li .btn1 a {
display: inline-block;
border-radius: 100px;
padding: 0.5em calc(0.5em + 1.25em + 1em) 0.5em 1.5em;
text-align: center;
font-size: 16px;
width: min( 100%, 160px );
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox {
--list-clm-number: 1;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox > li .txt1 {
font-size: 21px;
margin-top: 5px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
min-height: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox > li .btn1 {
margin-top: 15px;
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s2 .mainclm2 ul.row_item2.flexbox > li .btn1 a {
font-size: 17px;
width: min( 100%, 175px );
line-height: 1.35;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 {
background-color: #F2F2F2;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .inner {
padding-top: 90px;
padding-bottom: 90px;
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.txt-main {
font-size: 30px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 60px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.txt-main br.break_sp {
display: none;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-width1: 686px;
gap: 20px 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.item-txt {
width: calc( 100% - var(--list-clm-width1) );
padding-right: 40px;
order: 1;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.item-img {
width: var(--list-clm-width1);
order: 2;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img-logo img {
width: min( 100%, 345px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 30px;
font-size: 16px;
line-height: 1.87;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 20px;
font-size: 16px;
font-weight: 600;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .btn1 {
margin-top: 20px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .btn1 a {
display: inline-block;
border-radius: 100px;
padding: 0.5em calc(0.5em + 1.25em + 1em) 0.5em 1.5em;
text-align: center;
font-size: 16px;
width: min( 100%, 160px );
} @media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-width1: 450px;
}
} @media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 600px );
margin-left: auto;
margin-right: auto;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.item-txt {
width: 100%;
order: 2;
padding-right: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.item-img {
width: 100%;
order: 1;
}
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.txt-main {
font-size: 21px;
line-height: 1.58;
margin-bottom: 40px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.txt-main br.break_sp {
display: block;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img-logo {
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img-logo img {
width: min( 70%, 215px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 20px;
font-size: 17px;
line-height: 1.78;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 17px;
font-weight: 400;
line-height: 1.78;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .btn1 {
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .btn1 a {
width: min( 100%, 175px );
font-size: 17px;
line-height: 1.35;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox {
--list-clm-width1: 450px;
width: min( 100%, 956px );
margin-left: auto;
margin-right: auto;
margin-top: 60px;
gap: 20px 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li.item-txt {
width: calc( 100% - var(--list-clm-width1) );
padding-left: 40px;
padding-top: 5px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li.item-img {
width: var(--list-clm-width1);
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .img-logo img {
width: min( 100%, 330px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .txt1 {
margin-top: 30px;
font-size: 16px;
line-height: 1.87;
font-feature-settings: normal;
letter-spacing: 0;
width: min( 100%, 410px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .btn1 {
margin-top: 20px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .btn1 a {
display: inline-block;
border-radius: 100px;
padding: 0.5em calc(0.5em + 1.25em + 1em) 0.5em 1.5em;
text-align: center;
font-size: 16px;
width: min( 100%, 160px );
} @media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox {
--list-clm-width1: 450px;
}
} @media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 600px );
margin-left: auto;
margin-right: auto;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li.item-txt {
width: 100%;
padding-left: 0;
padding-top: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li.item-img {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .img-logo {
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .img-logo img {
width: min( 70%, 238px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .txt1 {
margin-top: 20px;
font-size: 17px;
line-height: 1.78;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .btn1 {
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .btn1 a {
width: min( 100%, 175px );
font-size: 17px;
line-height: 1.35;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 100px;
padding-bottom: 100px;
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 {
width: min( 100%, 956px );
margin-left: auto;
margin-right: auto;
border-radius: 50px;
border: 4px solid #E34600;
padding: 40px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox {
width: min( 100%, 830px );
margin-left: auto;
margin-right: auto;
align-items: center;
gap: 20px 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li {
--list-clm-width1: 390px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: calc( 100% - var(--list-clm-width1) );
padding-right: 40px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: var(--list-clm-width1);
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .img-logo {
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .img-logo img {
width: min( 100%, 156px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 10px;
font-weight: 600;
font-size: 28px;
line-height: 1.42;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item2 {
margin-top: 30px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item2 .btn1 {
text-align: center;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item2 .btn1 a {
display: inline-block;
border-radius: 100px;
padding: 0.5em calc(0.5em + 1.25em + 1em) 0.5em 1.5em;
text-align: center;
font-size: 16px;
width: min( 100%, 160px );
} @media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox {
width: min( 100%, 600px );
flex-direction: column;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
padding-right: 0;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt1 {
width: fit-content;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 100%, 368px );
}
}
@media (max-width: 640px) {
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 {
border-radius: 30px 20px;
border: 2px solid #E34600;
padding: 22px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .img-logo img {
width: min( 40%, 112px );
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 21px;
line-height: 1.47;
margin-top: 10px;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt1 br.break_sp {
display: none;
}
body.page.buy div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item2 .btn1 a {
line-height: 1.35;
font-size: 17px;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
} body.page.asadori div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/asadori_mainvis.jpg);
}
body.page.asadori div#wrapcont #mainArea {
padding-bottom: 120px;
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 50px;
}
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 150px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 130px );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
margin-top: 30px;
font-size: 30px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 * {
font-feature-settings: normal;
letter-spacing: 0;
line-height: 1.53;
font-weight: 600;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .sp {
display: none;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 100px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
} @media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 50px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 30%, 90px );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 * {
font-size: 22px;
line-height: 1.52;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .pc {
display: none;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .sp {
display: block;
width: calc( 100% + 10px );
transform: translateX( -5px );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 100px;
padding-bottom: 100px;
} @media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: 1;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: cover;
width: 100%;
height: 100%;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 15px;
font-weight: 600;
color: #009245;
font-size: 24px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
} @media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
gap: 30px 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: auto;
text-align: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: unset;
width: min( 90%, 312px );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
line-height: 1.42;
font-size: 22px;
margin-top: 20px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 {
background-color: #F2F2F2;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 50px;
padding-bottom: 80px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
--h-parts-w1: 187px;
--h-parts-w2: 213px;
width: fit-content;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
padding-left: calc(var(--h-parts-w1) + 40px);
padding-right: calc(var(--h-parts-w2) + 40px);
min-height: 130px;
background-image:
url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/asadori_parts_vege1.png),
url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/asadori_parts_vege2.png);
background-size:
var(--h-parts-w1) auto,
var(--h-parts-w2) auto;
background-repeat:
no-repeat,
no-repeat;
background-position:
left center,
right center;
font-weight: 600;
font-size: 38px;
text-align: center;
display: flex;
flex-direction: row;
align-items: center;
transform: translateX( var(--h-parts-w1) - var(--h-parts-w2) );
line-height: 1.35;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--tab-arrow-w: 46px;
align-items: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.arrow {
width: var(--tab-arrow-w);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.arrow a {
display: block;
width: 100%;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.arrow.lt a {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/asadori_parts_arrow_left.png);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.arrow.rt a {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/asadori_parts_arrow_right.png);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main {
width: calc( 100% - var(--tab-arrow-w) - var(--tab-arrow-w) );
padding-left: 30px;
padding-right: 30px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li:nth-child(n+2) {
display: none;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox {
--list-clm-width1: 420px;
align-items: center;
width: min( 100%, 848px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
padding-left: 20px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(1) a[data-tab-direction] {
display: none;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .img1 {
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txt1 {
font-size: 28px;
font-weight: 600;
color: #009245;
line-height: 1.35;
width: 490px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txtwrap1 {
font-weight: 600;
line-height: inherit;
margin-top: 20px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 18px;
font-weight: inherit;
line-height: inherit;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-weight: 600;
font-size: 18px;
font-weight: inherit;
line-height: inherit;
margin-top: 5px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txtwrap1 .wrap1-txt2 .large {
font-size: 30px;
font-weight: inherit;
line-height: inherit;
margin-right: 5px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txt2 {
margin-top: 20px;
font-size: 16px;
line-height: 1.87;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 > .btn_more {
text-align: center;
margin-top: 40px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 > .btn_more a {
display: inline-block;
border-radius: 100px;
padding: 0.5em calc(0.5em + 1.25em + 1em) 0.5em 1.5em;
background-position: right 1em center;
text-align: center;
font-size: 16px;
width: min( 100%, 240px );
} @media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
--h-parts-w1: calc(187px * 0.6);
--h-parts-w2: calc(213px * 0.6);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txt1 {
width: 100%;
}
} @media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox {
--list-clm-width1: 320px;
}
} @media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox {
--list-clm-width1: 420px;
flex-direction: column;
align-items: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(1) {
width: min( 100%, var(--list-clm-width1) );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(2) {
width: min( 100%, 500px );
}
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
padding-bottom: 30px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/asadori_parts_vege1_sp);
background-size: 80px auto;
background-repeat: no-repeat;
background-position: right 10px top 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
width: calc( 100% - 86px - 10px );
padding-right: 0;
margin-left: 0;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
min-height: 0;
background-image: none;
font-size: 22px;
text-align: left;
display: block;
transform: translateX( 0 );
line-height: 1.42;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
align-items: flex-start;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.arrow {
display: none;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main {
padding-left: 0;
padding-right: 0;
width: 100%;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li {
--tab-arrow-w-sp: 28px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(1) {
display: flex;
flex-direction: row;
align-items: center;
width: calc(100% + 30px);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(1) a[data-tab-direction] {
display: block;
width: var(--tab-arrow-w-sp);
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(1) a[data-tab-direction]:first-child {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/asadori_parts_arrow_left_sp.png);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(1) a[data-tab-direction]:last-child {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/asadori_parts_arrow_right_sp.png);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(1) .img1 {
width: calc( 100% - var(--tab-arrow-w-sp) - var(--tab-arrow-w-sp) );
padding-left: 25px;
padding-right: 25px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li:nth-child(2) {
padding-left: 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txt1 {
font-size: 22px;
line-height: 1.4;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txtwrap1 {
font-weight: 600;
line-height: inherit;
margin-top: 15px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 15px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-size: 15px;
margin-top: 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txtwrap1 .wrap1-txt2 .large {
font-size: 24px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li.main ul.list-main > li ul.list-main-sub1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 17px;
line-height: 1.78;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 > .btn_more {
display: none;
}
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 80px;
padding-bottom: 80px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 h3.seccmn__type1 {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 {
--list-clm-margin-h: 26px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
flex-wrap: wrap;
justify-content: flex-start;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li {
margin-right: var(--list-clm-margin-h);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li.w2 {
width: calc( ( 100% / 2 ) - var(--list-clm-margin-h) );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li.w3 {
width: calc( ( 100% / 3 ) - var(--list-clm-margin-h) );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .img1 {
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .img1.tag-no1,
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .img1.tag-limit-s {
position: relative;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .img1.tag-no1::before,
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .img1.tag-limit-s::before {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .img1.tag-no1::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .img1.tag-limit-s::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-s.png);
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .txt1 {
position: relative;
text-indent: 1em;
font-size: 18px;
line-height: 1.44;
font-weight: 600;
margin-top: 10px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #85D09F;
font-weight: inherit;
line-height: inherit;
} @media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li.w2 {
width: calc( ( 100% / 1 ) - var(--list-clm-margin-h) );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li.w3 {
width: calc( ( 100% / 2 ) - var(--list-clm-margin-h) );
}
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 40px;
padding-bottom: 40px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 h3.seccmn__type1 {
font-size: 21px;
margin-bottom: 25px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 {
--list-clm-margin-h: 20px;
gap: 20px 0;
justify-content: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .txt1 {
font-size: 17px;
line-height: 1.5;
margin-top: 5px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .img1.tag-no1::before,
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 ul.seccmn__list_type1 > li .img1.tag-limit-s::before {
width: 30px;
top: 5px;
left: 5px;
}
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 .mainclm2 {
margin-top: 60px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 .mainclm2 .row_item1_wrap {
overflow: hidden;
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s4 .mainclm2 {
margin-top: 40px;
}
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 {
background-color: #E1F6CF;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 > .inner {
padding-top: 70px;
padding-bottom: 70px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 .mainclm1 h3.ttl-main {
font-size: 20px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 26px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
flex-wrap: wrap;
justify-content: flex-start;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li {
margin-right: var(--list-clm-margin-h);
width: calc( ( 100% / 3 ) - var(--list-clm-margin-h) );
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .img1 {
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txt1 {
position: relative;
text-indent: 1em;
font-size: 18px;
line-height: 1.44;
font-weight: 600;
margin-top: 10px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #85D09F;
font-weight: inherit;
line-height: inherit;
} @media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / 2 ) - var(--list-clm-margin-h) );
}
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 > .inner {
padding-top: 30px;
padding-bottom: 30px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 20px;
gap: 20px 0;
justify-content: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
line-height: 1.5;
margin-top: 5px;
}
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 > .inner {
padding-top: 50px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm1 .row_item1 {
text-align: right;
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 > .inner {
padding-top: 15px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm1 .row_item1 {
text-align: left;
}
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 {
margin-top: 100px;
background-color: #FFFFC8;
padding: 50px;
border-radius: 50px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 h3.ttl-main {
text-align: center;
font-size: 36px;
line-height: 1.5;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 265px;
width: min( 100%, 920px );
margin-left: auto;
margin-right: auto;
margin-top: 40px;
gap: 20px 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
padding-left: 40px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 {
font-size: 16px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 * {
line-height: 2;
font-feature-settings: normal;
letter-spacing: 0;
} @media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li .img1 img {
width: min( 90%, 312px );
}
}
@media (max-width: 640px) {
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 {
margin-top: 40px;
padding: 30px;
border-radius: 22px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 h3.ttl-main {
font-size: 24px;
font-weight: 600;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox {
margin-top: 25px;
flex-direction: column;
align-items: center;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 {
font-size: 17px;
}
body.page.asadori div#wrapcont #mainArea section.mainsec.s6 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
} body.page.irodori div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/irodori_mainvis.png);
}
body.page.irodori div#wrapcont #mainArea {
padding-bottom: 120px;
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 50px;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 150px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 170px );
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 30px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 440px;
margin-top: 80px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 50px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
} @media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 50px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 30%, 106px );
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 100px;
padding-bottom: 100px;
} @media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
width: min( 100%, 895px );
margin-left: auto;
margin-right: auto;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
--list-clm-margin-h: 75px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: 1;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: cover;
width: 100%;
height: 100%;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 15px;
font-weight: 600;
color: #009245;
font-size: 24px;
line-height: 1.58;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
} @media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 50px;
}
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 21px;
margin-bottom: 20px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
gap: 30px 0;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: auto;
text-align: center;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: unset;
width: min( 90%, 312px );
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
line-height: 1.42;
font-size: 22px;
margin-top: 20px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 70px;
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 40px;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 28px;
line-height: 1.35;
font-weight: 600;
margin-bottom: 5px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main.extype1 {
margin-top: 80px;
margin-bottom: 10px;
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 21px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main.extype1 {
margin-top: 40px;
margin-bottom: 5px;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 {
font-size: 16px;
line-height: 1.5;
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox {
--list-clm-width1: 600px;
margin-top: 40px;
align-items: flex-end;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
padding-left: 30px;
padding-bottom: 40px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .img1 {
text-align: center;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .txt1 {
position: relative;
text-indent: 1em;
font-size: 18px;
line-height: 1.44;
font-weight: 600;
margin-top: 10px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #85D09F;
font-weight: inherit;
line-height: inherit;
} @media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox {
width: min( 100%, 600px );
margin-left: auto;
margin-right: auto;
flex-direction: column;
align-items: center;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
padding-bottom: 0;
}
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox {
--list-clm-width1: 600px;
align-items: flex-end;
margin-top: 15px;
gap: 10px 0;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item2.flexbox > li .txt1 {
font-size: 17px;
line-height: 1.5;
margin-top: 5px;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item3_wrap {
overflow: hidden;
margin-top: 100px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item3_wrap.extype1 {
margin-top: 30px;
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item3_wrap {
margin-top: 20px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item3_wrap.extype1 {
margin-top: 20px;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox {
--list-clm-margin-h: 39px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
flex-wrap: wrap;
justify-content: flex-start;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li {
margin-right: var(--list-clm-margin-h);
width: calc( ( 100% / 3 ) - var(--list-clm-margin-h) );
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .img1 {
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txt1 {
position: relative;
text-indent: 1em;
font-size: 18px;
line-height: 1.44;
font-weight: 600;
margin-top: 10px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #85D09F;
font-weight: inherit;
line-height: inherit;
} @media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li {
width: calc( ( 100% / 2 ) - var(--list-clm-margin-h) );
}
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox {
--list-clm-margin-h: 20px;
gap: 20px 0;
justify-content: center;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txt1 {
font-size: 17px;
line-height: 1.5;
margin-top: 5px;
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txt1 br.break_pc {
display: none;
}
}
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item4 {
text-align: right;
margin-top: 60px;
font-size: 16px;
line-height: 1.87;
}
@media (max-width: 640px) {
body.page.irodori div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item4 {
text-align: left;
margin-top: 30px;
font-size: 15px;
line-height: 1.5;
}
} body.page.umaisyokupan div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/umaisyokupan_mainvis.jpg);
}
body.page.umaisyokupan div#wrapcont #mainArea {
padding-bottom: 120px;
padding-top: 70px;
}
@media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea {
padding-top: 40px;
padding-bottom: 50px;
}
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 150px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 267px );
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 50px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
font-feature-settings: normal;
} @media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 40px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 50%, 166px );
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
margin-top: 30px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 60px;
} @media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 40px;
padding-bottom: 50px;
}
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: 1;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: cover;
width: 100%;
height: 100%;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 20px;
font-weight: 600;
color: #009245;
font-size: 24px;
line-height: 1.58;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
font-feature-settings: normal;
letter-spacing: 0;
width: min( 100%, 318px );
} @media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
width: 100%;
}
}
@media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
gap: 30px 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: auto;
text-align: center;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: unset;
width: min( 90%, 312px );
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
line-height: 1.42;
font-size: 22px;
margin-top: 20px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 br.break_pc {
display: none;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
padding-bottom: 130px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-weight: 600;
font-size: 28px;
line-height: 1.5;
margin-bottom: 40px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 40px;
--list-clm-number: 3;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 50px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
display: flex;
flex-direction: column;
gap: 15px 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-200,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-20,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-15 {
position: relative;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::after,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-200::before,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-20::before,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-15::before {
position: absolute;
z-index: 1;
content: '';
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::after {
bottom: 0;
right: 0;
width: 54px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::after {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-200::before,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-20::before,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-15::before {
width: 96px;
top: 0;
left: 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-200::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-200.png);
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-20::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-20.png);
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-15::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-15.png);
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
position: relative;
text-indent: 1em;
font-weight: 600;
font-size: 20px;
line-height: 1.5;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #85D09F;
line-height: inherit;
font-weight: inherit;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) .txtwrap1 .wrap1-txt2 {
width: min(100%, 300px);
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) .txtwrap1 .wrap1-txt2 {
width: min(100%, 325px);
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(3) .txtwrap1 .wrap1-txt2 {
width: min(100%, 312px);
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap2 {
border: 1px solid #39B54A;
border-radius: 34px;
padding: 15px 25px;
background-color: #ffffff;
margin-top: auto;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap2 .wrap2-txt1 {
font-size: 16px;
line-height: 1.87;
color: #009245;
font-weight: 500;
display: flex;
flex-direction: row;
align-items: center;
min-height: 32px;
padding-left: calc( 32px + 10px );
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_clock.png);
background-size: 32px auto;
background-repeat: no-repeat;
background-position: left top;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap2 .wrap2-txt2 {
margin-top: 10px;
font-size: 16px;
line-height: 1.75;
font-weight: 500;
letter-spacing: 0;
} @media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
width: 100%!important;
}
}
@media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 40px;
padding-bottom: 50px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 21px;
margin-bottom: 30px;
width: calc( 100% + 14px );
margin-left: -7px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
gap: 10px 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1 {
width: min( 85%, 312px );
margin-left: auto;
margin-right: auto;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::after {
width: 50px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-200::before,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-20::before,
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-15::before {
width: 90px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 17px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-size: 16px;
line-height: 1.53;
font-weight: 400;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap2 {
border-radius: 22px;
padding: 10px 20px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap2 .wrap2-txt1 {
font-size: 16px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap2 .wrap2-txt2 {
font-size: 16px;
font-weight: 400;
line-height: 1.53;
margin-top: 5px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap2 .wrap2-txt2 br.break_pc {
display: none;
}
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 60px;
} @media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 {
margin-top: 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 > .inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 .row_item1_wrap { }
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 4;
--list-clm-margin-h: 30px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt1 {
width: calc( 100% + 15px );
position: relative;
margin-top: 10px;
font-weight: 600;
font-size: 20px;
line-height: 1.5;
text-indent: 1em;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt1::before {
position: absolute;
top: 0;
left: -1em;
z-index: 1;
content: '\25cf';
color: #85D09F;
line-height: inherit;
font-weight: inherit;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.62;
letter-spacing: 0;
margin-top: 5px;
width: min( 100%, 318px );
} @media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt1 {
width: 100%;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
width: 100%;
}
}
@media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 30px;
letter-spacing: 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
--list-clm-margin-h: 20px;
gap: 15px 0;
justify-content: center;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
margin-top: 8px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s4 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.53;
margin-top: 0;
}
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 > .inner {
padding-top: 100px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 {
background-color: #FFFFC8;
border-radius: 50px;
padding: 50px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox {
--list-clm-width1: 240px;
--list-clm-width2: calc( 40px + 230px + 35px );
width: min( 100%, 950px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
margin-top: calc( -50px - 15px );
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: var(--list-clm-width2);
padding-left: 40px;
padding-right: 40px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li:nth-child(3) {
width: calc( 100% - var(--list-clm-width1) - var(--list-clm-width2) );
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .img1 {
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
font-size: 16px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 * {
font-feature-settings: normal;
line-height: 1.87;
} @media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox {
--list-clm-width2: 230px;
flex-wrap: wrap;
justify-content: center;
gap: 30px 35px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li {
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
padding-right: 0;
padding-left: 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li:nth-child(3) {
width: 100%;
}
} @media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox {
--list-clm-width1: 200px;
--list-clm-width2: 190px;
}
}
@media (max-width: 640px) {
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 > .inner {
padding-top: 50px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 {
border-radius: 22px;
padding: 30px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox {
--list-clm-width1: calc( 50% - 10px );
--list-clm-width2: calc( 50% - 10px );
justify-content: space-between;
gap: 15px 0;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
margin-top: calc( -30px - 15px );
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 {
font-size: 17px;
}
body.page.umaisyokupan div#wrapcont #mainArea section.mainsec.s5 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
} body.page.kimuraya-dango div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/kimuraya-dango_mainvis.jpg);
}
body.page.kimuraya-dango div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 120px;
}
@media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea {
padding-top: 20px;
padding-bottom: 70px;
}
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 120px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 120px );
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 50px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
font-feature-settings: normal;
} @media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 40px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 25%, 75px );
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
margin-top: 20px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 60px;
} @media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 40px;
padding-bottom: 50px;
}
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 20px;
font-weight: 600;
color: #009245;
font-size: 24px;
line-height: 1.58;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
font-feature-settings: normal;
letter-spacing: 0;
} @media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
gap: 30px 0;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: auto;
text-align: center;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: unset;
width: min( 90%, 312px );
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
line-height: 1.42;
font-size: 22px;
margin-top: 20px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 br.break_pc {
display: none;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
}
@media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
}
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 50px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1,
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2,
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3,
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s {
position: relative;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before,
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before,
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no2.png);
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no3.png);
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-s.png);
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 20px;
line-height: 1.5;
margin-top: 10px;
font-weight: 600;
position: relative;
text-indent: 1.125em;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1::before {
position: absolute;
top: 0;
left: -1.125em;
z-index: 1;
content: '\25cf';
color: #85D09F;
line-height: inherit;
font-weight: inherit;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 .small {
font-size: 16px;
line-height: 1.62;
display: inline-block;
vertical-align: text-bottom;
margin-left: 0.75em;
text-indent: 0;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1.sp {
display: none;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.62;
width: calc( 100% + 10px );
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2.sp {
display: none;
} @media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 20px;
gap: 20px 0;
justify-content: center;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before,
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before,
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
width: 30px;
top: 5px;
left: 5px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1.pc {
display: none;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1.sp {
display: block;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 .small {
font-size: 16px;
line-height: 1.53;
display: block;
margin-left: 0;
margin-top: 3px;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.53;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2.pc {
display: none;
}
body.page.kimuraya-dango div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2.sp {
display: block;
}
} body.page.tomijirou div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/tomijirou_mainvis.png);
}
body.page.tomijirou div#wrapcont #mainArea {
padding-top: 50px;
padding-bottom: 120px;
}
@media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 70px;
}
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 120px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 313px );
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 40px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
width: min( 100%, 390px );
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
} @media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 40px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 60%, 195px );
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
margin-top: 20px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 60px;
} @media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 40px;
padding-bottom: 50px;
}
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap { }
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
--list-clm-margin-h: 60px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 100%, 334px );
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 20px;
font-weight: 600;
color: #009245;
font-size: 24px;
line-height: 1.58;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2.extype1 {
width: calc( 100% + 20px );
} @media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2.extype1 {
width: 100%;
}
} @media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 40px;
}
}
@media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
gap: 30px 0;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: auto;
text-align: center;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: unset;
width: min( 90%, 312px );
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
line-height: 1.42;
font-size: 22px;
margin-top: 20px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 br.break_pc {
display: none;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
}
@media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
}
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 50px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1,
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2,
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3,
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s {
position: relative;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before,
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before,
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no2.png);
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no3.png);
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-s.png);
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 20px;
line-height: 1.5;
margin-top: 10px;
font-weight: 600;
position: relative;
text-indent: 1.125em;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1::before {
position: absolute;
top: 0;
left: -1.125em;
z-index: 1;
content: '\25cf';
color: #85D09F;
line-height: inherit;
font-weight: inherit;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 .small {
font-size: 16px;
line-height: 1.62;
display: inline-block;
vertical-align: text-bottom;
margin-left: 0.75em;
text-indent: 0;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1.sp {
display: none;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.62;
width: calc( 100% + 10px );
} @media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 20px;
gap: 20px 0;
justify-content: center;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before,
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before,
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
width: 30px;
top: 5px;
left: 5px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1.pc {
display: none;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1.sp {
display: block;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 .small {
font-size: 16px;
line-height: 1.53;
display: block;
margin-left: 0;
margin-top: 3px;
}
body.page.tomijirou div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.53;
}
} body.page.mansen div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/mansen_mainvis.jpg);
}
body.page.mansen div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 120px;
}
@media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea {
padding-bottom: 70px;
}
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 120px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 212px );
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 40px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
font-feature-settings: normal;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 .bold {
font-weight: 600;
} @media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
}
@media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 40px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 60%, 132px );
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
margin-top: 20px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 60px;
} @media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 40px;
padding-bottom: 40px;
}
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 20px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-feature-settings: normal;
font-size: 16px;
line-height: 1.87;
width: calc( 100% + 1px );
} @media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li:nth-child(3) {
width: 100%;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: auto;
text-align: center;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: unset;
width: min( 90%, 312px );
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
}
@media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
}
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 50px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1,
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2,
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3,
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s {
position: relative;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before,
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before,
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no2.png);
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no3.png);
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-s.png);
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 20px;
line-height: 1.5;
margin-top: 10px;
font-weight: 600;
position: relative;
text-indent: 1.125em;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1::before {
position: absolute;
top: 0;
left: -1.125em;
z-index: 1;
content: '\25cf';
color: #85D09F;
line-height: inherit;
font-weight: inherit;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 .small {
font-size: 16px;
line-height: 1.62;
display: inline-block;
vertical-align: text-bottom;
margin-left: 0.75em;
text-indent: 0;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1.sp {
display: none;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.62;
width: calc( 100% + 10px );
} @media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 20px;
gap: 20px 0;
justify-content: center;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before,
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before,
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
width: 30px;
top: 5px;
left: 5px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1.pc {
display: none;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1.sp {
display: block;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt1 .small {
font-size: 16px;
line-height: 1.53;
display: block;
margin-left: 0;
margin-top: 3px;
}
body.page.mansen div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.53;
}
} body.page.pinoya div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/pinoya_mainvis.jpg);
}
body.page.pinoya div#wrapcont #mainArea {
padding-top: 70px;
padding-bottom: 120px;
}
@media (max-width: 640px) {
body.page.pinoya div#wrapcont #mainArea {
padding-top: 40px;
padding-bottom: 70px;
}
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 120px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 127px );
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 60px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
font-feature-settings: normal;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 .bold {
font-weight: 600;
} @media (max-width: 640px) {
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
}
@media (max-width: 640px) {
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 40px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 30%, 86px );
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
margin-top: 20px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 50px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1,
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2,
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3,
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s {
position: relative;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before,
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before,
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
position: absolute;
top: 12px;
left: 12px;
z-index: 1;
content: '';
width: 54px;
aspect-ratio: 1;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no1.png);
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no2.png);
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_no3.png);
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/icon_limit-s.png);
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 20px;
line-height: 1.5;
margin-top: 10px;
font-weight: 600;
position: relative;
text-indent: 1.125em;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1::before {
position: absolute;
top: 0;
left: -1.125em;
z-index: 1;
content: '\25cf';
color: #85D09F;
line-height: inherit;
font-weight: inherit;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 .small {
font-size: 16px;
line-height: 1.62;
display: inline-block;
vertical-align: text-bottom;
margin-left: 0.75em;
text-indent: 0;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1.sp {
display: none;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.62;
width: calc( 100% + 10px );
} @media (max-width: 640px) {
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 20px;
gap: 20px 0;
justify-content: center;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no1::before,
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no2::before,
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-no3::before,
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1.tag-limit-s::before {
width: 30px;
top: 5px;
left: 5px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
font-size: 17px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1.pc {
display: none;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1.sp {
display: block;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 .small {
font-size: 16px;
line-height: 1.53;
display: block;
margin-left: 0;
margin-top: 3px;
}
body.page.pinoya div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 16px;
line-height: 1.53;
}
} body.page.yamizosoba div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/yamizosoba_mainvis.jpg);
}
body.page.yamizosoba div#wrapcont #mainArea {
padding-top: 80px;
padding-bottom: 120px;
}
@media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 50px;
}
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 120px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 411px );
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 60px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
display: flex;
flex-direction: column;
gap: 20px 0;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
font-feature-settings: normal;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 {
font-size: 24px;
background-color: #009245;
padding: 15px 20px;
border-radius: 32px;
margin-top: auto;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner {
width: min( 100%, 355px);
margin-left: auto;
margin-right: auto;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner * {
line-height: 1.5;
color: #ffffff;
font-weight: 500;
} @media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
}
@media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 40px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 80%, 256px );
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
margin-top: 30px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 {
font-size: 17px;
padding: 15px 25px;
border-radius: 22px;
width: min( 100%, 350px );
margin-left: auto;
margin-right: auto;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner * {
line-height: 1.78;
}
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 60px;
} @media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 40px;
padding-bottom: 50px;
}
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 100%, 334px );
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 20px;
font-weight: 600;
color: #009245;
font-size: 24px;
line-height: 1.58;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
font-feature-settings: normal;
letter-spacing: 0;
width: min( 100%, 485px );
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2.extype1 {
width: calc( 100% + 20px );
} @media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2.extype1 {
width: 100%;
}
} @media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-margin-h: 40px;
}
}
@media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
gap: 30px 0;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
aspect-ratio: auto;
text-align: center;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
object-fit: unset;
width: min( 90%, 312px );
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
line-height: 1.42;
font-size: 22px;
margin-top: 20px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 br.break_pc {
display: none;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
}
@media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
}
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
width: min( 100%, 606px );
margin-left: auto;
margin-right: auto;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .img1 {
position: relative;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .img1::before {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
width: 170px;
aspect-ratio: 1;
content: '';
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/yamizosoba_omiyage_tag-nos.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .img1 img {
width: 468px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .txt1 {
font-size: 20px;
line-height: 1.5;
margin-top: 15px;
font-weight: 600;
position: relative;
text-indent: 1.125em;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .txt1::before {
position: absolute;
top: 0;
left: -1.125em;
z-index: 1;
content: '\25cf';
color: #85D09F;
line-height: inherit;
font-weight: inherit;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .txt1 .small {
font-size: 16px;
line-height: 1.62;
display: inline-block;
vertical-align: text-bottom;
margin-left: 0.75em;
text-indent: 0;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .txt2 {
font-size: 16px;
line-height: 1.62;
width: calc( 100% + 10px );
margin-top: 5px;
} @media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .txt1 {
font-size: 17px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .txt2 {
font-size: 16px;
line-height: 1.53;
}
}
@media (max-width: 500px) {
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .img1 {
width: min( 100%, 378px );
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .img1::before {
width: 106px;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .img1 img {
width: 80%;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .txt1 {
width: min( 100%, 378px );
padding-right: 20%;
}
body.page.yamizosoba div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 .txt2 {
width: min( 100%, 378px );
padding-right: 20%;
}
} body.page.motsu-marubun div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/motsu-marubun_mainvis.jpg);
}
body.page.motsu-marubun div#wrapcont #mainArea {
padding-top: 80px;
padding-bottom: 120px;
}
@media (max-width: 640px) {
body.page.motsu-marubun div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 50px;
}
} body.page.aeonmall-oyama div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/aeonmall-oyama_mainvis.jpg);
}
body.page.aeonmall-oyama div#wrapcont #mainArea {
padding-top: 50px;
padding-bottom: 0;
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea {
padding-top: 30px;
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 120px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 220px );
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 50px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 35%, 131px );
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 30px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
margin-top: 30px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 660px;
margin-top: 60px;
gap: 20px 0;
justify-content: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
display: flex;
flex-direction: column;
gap: 20px 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .img1 {
text-align: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .img1.sp {
display: none;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
width: calc( 100% + 10px );
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
letter-spacing: 0.1em;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 {
font-size: 16px;
background-color: #FAD380;
padding: 20px 20px;
margin-top: auto;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner {
margin-left: auto;
margin-right: auto;
width: min( 100%, 295px );
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner * {
line-height: 1.75;
font-weight: 500;
} @media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
width: min( 100%, 660px );
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .img1 img {
width: min( 100%, 660px );
}
} @media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
gap: 15px 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .img1.pc {
display: none;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .img1.sp {
display: block;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 17px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 {
font-size: 17px;
padding: 15px 20px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner {
width: fit-content;
max-width: 100%;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner * {
line-height: 1.64;
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4_wrap {
margin-top: 70px;
overflow: hidden;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox {
--list-clm-margin-h: 40px;
--list-clm-number: 3;
gap: 40px 0;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
justify-content: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li {
width: calc( (100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .img1 {
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt1 {
margin-top: 15px;
font-size: 16px;
line-height: 1.87;
} @media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox {
--list-clm-number: 2;
}
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4_wrap {
margin-top: 40px;
overflow: hidden;
width: min( 85%, 334px );
margin-left: auto;
margin-right: auto;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox {
--list-clm-number: 1;
gap: 30px 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .txt1 {
margin-top: 8px;
font-size: 17px;
line-height: 1.78;
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 70px;
background-color: #F2F2F2;
border-radius: 60px;
padding: 40px 50px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-width1: 520px;
gap: 30px 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: calc( 100% - var(--list-clm-width1) );
padding-right: 40px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(2) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
font-weight: 600;
font-size: 24px;
line-height: 1.58;
color: #009245;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 12px;
font-size: 16px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 * {
line-height: 1.87;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1.flexbox {
gap: 0 40px;
} @media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 40px;
border-radius: 22px;
padding: 20px;
width: calc( 100% + calc(14px * 2) );
margin-left: -14px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
gap: 20px 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li:nth-child(1) {
padding-right: 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txt1 {
font-size: 19px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 {
margin-top: 5px;
font-size: 17px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.row_item1_list1.flexbox {
gap: 0 20px;
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s2 {
background-color: #FFFFD0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 120px;
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 50px;
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 {
width: min( 100%, 1080px );
margin-left: auto;
margin-right: auto;
height: 470px;
border-radius: 60px;
overflow: hidden;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/aeonmall-oyama_mainvis2.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 img {
display: none;
width: 100%;
} @media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 {
height: 350px;
background-image: unset;
}
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 {
height: auto;
border-radius: 22px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 img {
display: inline;
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 {
background-color: #FFFFD0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 50px;
padding-bottom: 120px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 {
text-align: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 img {
width: min( 100%, 330px );
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-bottom: 60px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 img {
width: min( 60%, 226px );
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 40px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 br.break_sp {
display: none;
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
margin-top: 30px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 br.break_sp {
display: block;
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 660px;
margin-top: 60px;
gap: 20px 0;
justify-content: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
display: flex;
flex-direction: column;
gap: 20px 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .img1 {
text-align: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .img1.sp {
display: none;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
width: calc( 100% + 10px );
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
letter-spacing: 0.1em;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 {
font-size: 16px;
background-color: #FAD380;
padding: 20px 20px;
margin-top: auto;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner {
margin-left: auto;
margin-right: auto;
width: min( 100%, 295px );
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner * {
line-height: 1.75;
font-weight: 500;
} @media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox {
width: min( 100%, 660px );
margin-left: auto;
margin-right: auto;
flex-direction: column;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: 100%;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .img1 img {
width: min( 100%, 660px );
}
} @media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
gap: 15px 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .img1.pc {
display: none;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .img1.sp {
display: block;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 17px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 {
font-size: 17px;
padding: 15px 20px;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner {  width: 100%;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap2 > .inner * {
line-height: 1.64;
}
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item4_wrap {
margin-top: 70px;
overflow: hidden;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item4.flexbox {
--list-clm-margin-h: 40px;
--list-clm-number: 3;
gap: 40px 0;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
justify-content: center;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item4.flexbox > li {
width: calc( (100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item4.flexbox > li .img1 {
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item4.flexbox > li .txt1 {
margin-top: 15px;
font-size: 16px;
line-height: 1.87;
} @media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item4.flexbox {
--list-clm-number: 2;
}
}
@media (max-width: 640px) {
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item4_wrap {
margin-top: 40px;
overflow: hidden;
width: min( 85%, 334px );
margin-left: auto;
margin-right: auto;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item4.flexbox {
--list-clm-number: 1;
gap: 30px 0;
}
body.page.aeonmall-oyama div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item4.flexbox > li .txt1 {
margin-top: 8px;
font-size: 17px;
line-height: 1.78;
}
} body.page.tokushimaru div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/tokushimaru_mainvis.jpg);
}
body.page.tokushimaru div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 0;
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea {
padding-top: 30px;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 100%, 150px );
transform: translateX(11%);
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 30px;
font-weight: 600;
line-height: 1.53;
margin-top: 30px;
font-feature-settings: normal;
letter-spacing: 0;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: none;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 440px;
margin-top: 80px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 50px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
font-feature-settings: normal;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .btn1 {
margin-top: 30px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .btn1 a {
display: inline-block;
line-height: 1.35;
border-radius: 100px;
padding: 0.75em calc(0.5em + 1.25em + 1em) 0.75em 1.5em;
width: min( 100%, 330px );
text-align: center;
font-size: 16px;
letter-spacing: 0.1em;
} @media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 img {
width: min( 30%, 106px );
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
font-size: 22px;
line-height: 1.52;
width: calc( 100% + 10px );
transform: translateX( -5px );
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 br.break_sp {
display: block;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 40px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.78;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .btn1 {
margin-top: 15px;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4_wrap {
margin-top: 80px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
gap: 30px 0;
width: calc( 100% + var(--list-clm-margin-h) );
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
text-align: center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .img1 {
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox > li .img2 img {
width: min( 100%, 296px );
} @media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4_wrap {
width: min( 100%, 700px );
margin-left: auto;
margin-right: auto;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox {
--list-clm-number: 2;
}
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4_wrap {
margin-top: 40px;
width: calc( 100% + ( var(--site-page-sp-side-space2) * 2 ) );
margin-left: calc( var(--site-page-sp-side-space2) * -1 );
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item4.flexbox {
--list-clm-margin-h: 10px;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 {
margin-top: 40px;
background-color: #E1F6CF;
padding: 30px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 > .inner {
width: min( 100%, 965px );
margin-left: auto;
margin-right: auto;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 > .inner * {
font-feature-settings: normal;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 .txt1 {
font-size: 20px;
font-weight: 900;
line-height: 1.5;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 .txt2 {
font-size: 18px;
line-height: 1.78;
margin-top: 5px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 .txt3 {
font-size: 16px;
line-height: 2;
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 {
margin-top: 20px;
padding: 25px;
width: calc( 100% + ( var(--site-page-sp-side-space2) * 2 ) );
margin-left: calc( var(--site-page-sp-side-space2) * -1 );
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 .txt1 {
font-size: 21px;
font-weight: 600;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 .txt2 {
font-size: 17px;
line-height: 1.78;
margin-top: 8px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item5 .txt3 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 70px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-bottom: 60px;
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-bottom: 40px;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 > .inner {
width: min( calc(100% - ( var(--site-page-edge-space-main3) * 2) ), var(--site-main-width1) );
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 .txt1 {
font-weight: 600;
font-size: 20px;
line-height: 1.5;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 .txt2 {
font-size: 18px;
line-height: 1.87;
margin-top: 8px;
font-feature-settings: normal;
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 30px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 .txt1 {
font-size: 21px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1 .txt2 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 {
margin-top: 20px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li:nth-child(n+2) {
margin-top: 20px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc {
border-right: 2px solid #E34600;
border-bottom: 2px solid #E34600;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc * {
line-height: 1.5;
font-feature-settings: normal;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc th,
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td {
border-left: 2px solid #E34600;
border-top: 2px solid #E34600;
vertical-align: middle;
text-align: center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc th {
font-weight: 600;
font-size: 18px;
width: 120px;
background-color: #FCE4D6;
padding: 12px 10px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm1 {
font-weight: 600;
font-size: 18px;
width: 165px;
padding: 12px 10px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm2 {
padding: 12px 10px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm2 > .inner {
padding: 0 15px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm2 ul.namelist.flexbox {
--list-clm-number: 5;
--list-clm-margin-h: 45px;
width: min( 100% + var(--list-clm-margin-h) );
font-size: 16px;
gap: 15px 0;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm2 ul.namelist.flexbox > li {
width: calc( 100% / var(--list-clm-number) );
padding-left: var(--list-clm-margin-h);
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm2 ul.namelist.flexbox > li:first-child {
width: calc( ( 100% / var(--list-clm-number) - var(--list-clm-margin-h) ) );
padding-left: 0;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm2 ul.namelist.flexbox > li:nth-child(n+2) {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_arrow_h_brown.png);
background-size: 16px 18px;
background-repeat: no-repeat;
background-position: calc( ( var(--list-clm-margin-h) - 16px ) / 2 ) center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm2 ul.namelist.flexbox > li .item {
display: block;
background-color: #E6E6E6;
padding: 0.35em 0.5em;
width: 100%;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp {
display: none;
border-right: 1px solid #E34600;
border-bottom: 1px solid #E34600;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp * {
line-height: 1.5;
font-feature-settings: normal;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp th,
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td {
border-left: 1px solid #E34600;
border-top: 1px solid #E34600;
vertical-align: middle;
text-align: center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp th {
background-color: #FCE4D6;
font-weight: 600;
font-size: 17px;
padding: 5px 5px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm1 {
font-weight: 600;
font-size: 15px;
padding: 8px 5px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm2 {
padding: 15px 15px;
vertical-align: top;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm2 ul.namelist {
--list-clm-margin-v: 25px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm2 ul.namelist > li {
width: 100%;
background-color: #E6E6E6;
padding: 5px 5px;
font-size: 15px;
position: relative;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm2 ul.namelist > li:nth-child(n+2) {
margin-top: var(--list-clm-margin-v);
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm2 ul.namelist > li:nth-child(n+2)::before {
position: absolute;
top: calc( var(--list-clm-margin-v) * -1 );
left: 0;
width: 100%;
height: var(--list-clm-margin-v);
z-index: 1;
content: '';
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_arrow_v_brown.png);
background-size: 12px 10px;
background-repeat: no-repeat;
background-position: center;
} @media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm2 ul.namelist.flexbox {
--list-clm-number: 4;
}
} @media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc th {
width: 100px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm1 {
width: 145px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc td.clm2 ul.namelist.flexbox {
--list-clm-number: 3;
}
} @media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.pc {
display: none;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp {
display: table;
}
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm1 {
padding: 5px 5px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm2 {
padding: 15px 10px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm2 ul.namelist {
--list-clm-margin-v: 21px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item2 > li table.tbl-main.sp td.clm2 ul.namelist > li {
padding: 3px 5px;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item3 {
margin-top: 10px;
text-align: right;
font-size: 16px;
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item3 {
margin-top: 5px;
font-size: 15px;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 {
background-color: #FFF5EB;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 > .inner {
width: min( calc(100% - ( var(--site-page-edge-space-main3) * 2) ), var(--site-main-width1) );
padding-top: 60px;
padding-bottom: 100px;
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
padding-bottom: 60px;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item1 {
font-weight: 600;
color: #E34600;
font-size: 20px;
line-height: 1.5;
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
font-size: 21px;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 {
font-size: 18px;
line-height: 1.78;
margin-top: 8px;
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item2 {
font-size: 17px;
}
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item3_wrap {
margin-top: 60px;
overflow: hidden;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox {
--list-clm-margin-h: 30px;
--list-clm-margin-v: 30px;
gap: var(--list-clm-margin-v) 0;
flex-wrap: wrap;
justify-content: center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li {
background-color: #E34600;
padding: 20px 5px;
text-align: center;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li * {
color: #ffffff;
font-weight: 700px;
line-height: 1.33;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: 140px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 168px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(3) {
width: 154px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(4) {
width: 154px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(5) {
width: 154px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:nth-child(6) {
width: 154px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:not(:first-child) {
margin-left: var(--list-clm-margin-h);
position: relative;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:not(:first-child)::before {
position: absolute;
top: 0;
left: calc( var(--list-clm-margin-h) * -1 );
width: var(--list-clm-margin-h);
height: 100%;
z-index: 1;
content: '';
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_arrow_h_orange.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:not(:first-child)::after {
display: none;
position: absolute;
top: calc( var(--list-clm-margin-v) * -1 );
left: 0;
width: 100%;
height: var(--list-clm-margin-v);
z-index: 1;
content: '';
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_arrow_v_orange.png);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap1.sp {
display: none;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 > *:nth-child(n+2) {
margin-top: 10px;
}
@media (max-width: 640px) {
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 .row_item3_wrap {
margin-top: 30px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li {
margin-left: 0!important;
width: 100%!important;
padding: 15px 15px;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li * {
line-height: 1.42;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:not(:first-child)::before {
display: none;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li:not(:first-child)::after {
display: block;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap1.pc {
display: none;
}
body.page.tokushimaru div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item3.flexbox > li .txtwrap1.sp {
display: block;
}
} body.page.about div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/2025/about_mainvis.jpg);
}
body.page.about div#wrapcont #mainArea {
padding-top: 80px;
padding-bottom: 150px;
}
@media (max-width: 640px) {
body.page.about div#wrapcont #mainArea {
padding-top: 50px;
padding-bottom: 60px;
}
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 {
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 > .inner {
}
@media (max-width: 640px) {
body.page.about div#wrapcont #mainArea {
padding-top: 40px;
}
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
text-align: center;
font-weight: 600;
font-size: 30px;
line-height: 1.66;
font-feature-settings: normal;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 br.break_sp {
display: none;
}
@media (max-width: 640px) {
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-size: 22px;
line-height: 1.52;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 br.break_sp {
display: block;
}
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
font-size: 18px;
line-height: 1.78;
margin-top: 15px;
font-feature-settings: normal;
font-weight: 500;
}
@media (max-width: 640px) {
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: left;
margin-top: 18px;
line-height: 1.73;
font-weight: 400;
}
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 {
width: min( 100%, 1056px );
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .img1 {
text-align: center;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .img1.pc {
margin-top: 60px;
text-align: right;
transform: translateX(30px);
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .img1.pc img {
width: min( 100%, 1046px );
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .img1.sp {
display: none;
margin-top: 30px;
}
@media (max-width: 640px) {
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .img1.pc {
display: none;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item3 .img1.sp {
display: block;
}
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 {
margin-top: 30px;
width: min( 100%, 930px );
margin-left: auto;
margin-right: auto;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 {
--list-clm-width1: 72px;
--list-clm-height1: 33px;
width: auto;
font-size: 16px;
table-layout: auto;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1.type1 {
margin-left: 0;
margin-right: auto;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1.type2 {
display: none;
margin-left: auto;
margin-right: auto;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td {
vertical-align: top;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td * {
font-weight: 500;
line-height: 1.43;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 tr:nth-child(n+2) td {
padding-top: 12px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td > .inner {
padding-left: calc( var(--list-clm-width1) + 0.75em );
min-height: var(--list-clm-height1);
position: relative;
display: flex;
align-items: center;
width: 100%;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td > .inner::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
content: '';
width: var(--list-clm-width1);
height: var(--list-clm-height1);
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td.c_green > .inner::before {
background-color: #85D09F;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td.c_orange > .inner::before {
background-color: #FFB770;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td.c_pink > .inner::before {
background-color: #F5B8D3;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td.c_yellow > .inner::before {
background-color: #FEE567;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td.c_blue > .inner::before {
background-color: #82C8FF;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1 td.c_green2 > .inner::before {
background-color: #BADA31;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1.type1 td:nth-child(1),
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1.type1 td:nth-child(2) {
padding-right: 40px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1.type2 td:nth-child(1) {
padding-right: 30px;
} @media (max-width: 640px) {
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1.type1 {
display: none;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4 table.tbl1.type2 {
display: table;
}
}
@media (max-width: 640px) {
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item4.pc {
display: none;
}
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 80px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 .row_item1_wrap {
overflow: hidden;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-color1: #ffffff;
--list-clm-color2: #ffffff;
--list-clm-color3: #ffffff;
--list-clm-number: 3;
--list-clm-margin-h: 45px;
--list-clm-margin-v: 45px;
width: calc( 100% + var(--list-clm-margin-h) );
flex-wrap: wrap;
gap: var(--list-clm-margin-v) 0;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li {
border: 14px solid var(--list-clm-color1);
border-radius: 120px;
padding: 30px 25px;
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
display: flex;
flex-direction: column;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li.c_green {
--list-clm-color1: #85D09F;
--list-clm-color2: #62CB80;
--list-clm-color3: #75CB94;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li.c_orange {
--list-clm-color1: #FFB770;
--list-clm-color2: rgba(255,105,0,0.7);
--list-clm-color3: #FFAD61;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li.c_pink {
--list-clm-color1: #FF9ED6;
--list-clm-color2: #FF8FD6;
--list-clm-color3: #FF9ED6;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li.c_blue {
--list-clm-color1: #82C8FF;
--list-clm-color2: #5CBEFF;
--list-clm-color3: #82C8FF;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li.c_green2 {
--list-clm-color1: #BADA31;
--list-clm-color2: rgba(111,186,44,0.7);
--list-clm-color3: #B3DA21;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li.c_yellow {
--list-clm-color1: #FEDD44;
--list-clm-color2: #FFC000;
--list-clm-color3: #FFC000;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 {
text-align: center;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-family: 'Roboto', sans-serif;
font-weight: 600;
line-height: 1.25;
font-size: 32px;
letter-spacing: 0;
color: var(--list-clm-color2);
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-weight: 600;
line-height: 1.25;
font-size: 15px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap2 {
padding-bottom: 15px;
border-bottom: 3px dotted var(--list-clm-color3);
margin-top: 20px;
font-size: 16px;
text-align: center;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap2 * {
line-height: 1.75;
font-weight: 600;
letter-spacing: 0;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap2 > p {
width: calc(100% + 2em);
margin-left: -1em;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1 {
margin-top: 15px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1 > li:nth-child(n+2) {
margin-top: 4px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1 > li a {
display: inline-block;
padding: 0 1.25em 0 0;
position: relative;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_link_arrow_black.png);
background-size: auto 0.85em;
background-repeat: no-repeat;
background-position: right 0 bottom 0.3em;
font-size: 16px;
line-height: 1.5;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1 > li a[href="#"] {
pointer-events: none;
background-image: unset;
padding-right: 0;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap3 {
text-align: center;
margin-top: auto;
padding-top: 30px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap3 .wrap3-img1 {
margin-bottom: 20px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap3 .wrap3-img1 img {
width: min( 100%, 190px );
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap3 .wrap3-btn1 {
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap3 .wrap3-btn1 a {
display: inline-block;
border-radius: 100px;
padding: 0.35em calc(0.5em + 1.25em + 1em) 0.35em 1.5em;
text-align: center;
font-size: 16px;
width: min( 100%, 160px );
} @media (max-width: 640px) {
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-number: 2;
--list-clm-margin-h: 30px;
--list-clm-margin-v: 30px;
}
} @media (max-width: 640px) {
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 .row_item1_wrap {
width: min( 100%, 500px );
margin-left: auto;
margin-right: auto;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-number: 1;
}
}
@media (max-width: 640px) {
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 50px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox {
--list-clm-margin-v: 25px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li {
border-radius: 75px;
border: 8px solid var(--list-clm-color1);
padding: 25px 20px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 31px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-size: 15px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap2 {
border-bottom: 4px dotted var(--list-clm-color3);
font-size: 17px;
text-align: left;
line-height: 1.78;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap2 * {
font-feature-settings: normal;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap2 > p {
width: 100%;
margin-left: 0;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap2 br.break_pc {
display: none;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1 > li:nth-child(n+2) {
margin-top: 2px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li ul.list1 > li a {
font-size: 17px;
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap3 .wrap3-img1 img {
width: min( 70%, 212px );
}
body.page.about div#wrapcont #mainArea section.mainsec.s1 .mainclm2 ul.row_item1.flexbox > li .txtwrap3 .wrap3-btn1 a {
font-size: 17px;
line-height: 1.35;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
} body.page.localfair div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/localfair_mainvis.jpg);
}
body.page.localfair div#wrapcont #mainArea {
padding-top: 80px;
padding-bottom: 120px;
}
@media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea {
padding-top: 40px;
padding-bottom: 70px;
}
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 140px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-weight: 600;
text-align: center;
font-size: 44px;
line-height: 1.47;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
text-align: center;
margin-top: 50px;
line-height: 1.53;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .pc {
font-size: 30px;
font-weight: 600;
line-height: 1.53;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .sp {
display: none;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
--list-clm-width1: 450px;
margin-top: 80px;
width: min( 100%, 910px );
margin-left: auto;
margin-right: auto;
gap: 30px 0;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
max-width: 100%;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
max-width: 100%;
padding-left: 40px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 2;
font-feature-settings: normal;
} @media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
flex-direction: column;
align-items: center;
width: min( 100%, 700px );
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(1) {
width: min( 100%, 450px );
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li:nth-child(2) {
width: 100%;
padding-left: 0;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-bottom: 40px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item1 {
font-size: 28px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .pc {
display: none;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 {
margin-top: 40px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .row_item2 .sp {
display: block;
font-size: 22px;
line-height: 1.52;
font-weight: 600;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox {
gap: 15px 0;
margin-top: 50px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 {
font-size: 18px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item3.flexbox > li .txtwrap1 * {
line-height: 1.73;
}
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/buy_bg1.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
margin-top: -55px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2::before {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 80%;
content: '';
background-color: #E1F6CF;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 > .inner {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 80px;
} @media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s2::before {
height: calc( 100% - 150px );
}
}
@media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 {
margin-top: 0;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 > .inner {
padding-top: 30px;
padding-bottom: 50px;
}
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 .row_item1_wrap {
overflow: hidden;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 3;
--list-clm-margin-h: 40px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: 40px 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li {
width: calc( 100% / var(--list-clm-number) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
margin-top: 15px;
font-weight: 600;
color: #009245;
font-size: 24px;
line-height: 1.58;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
margin-top: 5px;
font-size: 16px;
line-height: 1.87;
font-feature-settings: normal;
letter-spacing: 0;
} @media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
width: 100%;
}
}
@media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
gap: 30px 0;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 {
text-align: center;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .img1 img {
width: min( 90%, 312px );
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt1 {
line-height: 1.42;
font-size: 22px;
margin-top: 16px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s2 .mainclm1 ul.row_item1.flexbox > li .txt2 {
font-size: 17px;
line-height: 1.78;
}
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 80px;
}
@media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 > .inner {
padding-top: 30px;
}
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
}
@media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 h3.ttl-main {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 {
width: min( 100%, 1010px );
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
--list-clm-width1: 450px;
gap: 20px 0;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: var(--list-clm-width1);
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: calc( 100% - var(--list-clm-width1) );
padding-left: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px 0;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 24px;
font-weight: 600; line-height: 1.35;
color: #009245;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
font-size: 16px;
line-height: 1.87;
margin-top: 8px;
font-feature-settings: normal;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox {
gap: 0 10px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox > li {
} @media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox {
flex-direction: column;
align-items: center;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: min( 100%, var(--list-clm-width1) );
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(2) {
width: min( 100%, 530px );
padding-left: 0;
}
}
@media (max-width: 640px) {
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li:nth-child(1) {
width: min( 85%, 312px );
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt1 {
font-size: 24px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li .txtwrap1 .wrap1-txt2 {
line-height: 1.78;
font-size: 17px;
}
body.page.localfair div#wrapcont #mainArea section.mainsec.s3 .mainclm1 ul.row_item1.flexbox > li ul.list1.flexbox {
gap: 0 18px;
}
} @media (max-width: 640px) {
body.page.domannakacafe div#wrapcont #mainArea {
padding-top: 30px;
padding-bottom: 50px;
}
}
body.page.domannakacafe div#wrapcont #mainVisArea {
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/domannakacafe_mainvis.jpg);
}
  body.archive.info div#wrapcont #mainArea {
padding-top: 10px;
padding-bottom: 0;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 {
margin-top: 80px;
background-color: #F5F5E7;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 80px;
padding-bottom: 100px;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
overflow: hidden;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 4;
--list-clm-margin-h: 33px;
--list-clm-margin-v: 60px;
width: calc( 100% + var(--list-clm-margin-h) );
gap: var(--list-clm-margin-v) 0;
justify-content: flex-start;
flex-wrap: wrap;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li {
width: calc( ( 100% / var(--list-clm-number) ) - var(--list-clm-margin-h) );
margin-right: var(--list-clm-margin-h);
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li * {
line-height: 1.5;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a {
display: block;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .img-main { aspect-ratio: 1.37778 / 1;
margin-bottom: 12px;
overflow: hidden;
background-color: #ffffff;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .img-main {
border-radius: 20px;
overflow: hidden;  }
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .img-main img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
transition: all .2s;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a:hover .img-main img {
transform: scale(1.05);
transform-origin: center;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a ul.list-cat.flexbox {
gap: 5px 5px;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
font-size: 14px;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a ul.list-cat.flexbox > li {
display: inline-block;
color: #ffffff;
line-height: 1.5;
border-radius: 10px;
padding: 0.25em 1em;
font-weight: 600;
opacity: 1;
pointer-events: none;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a ul.list-cat.flexbox > li.c_green {
background-color: #2ABA71;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a ul.list-cat.flexbox > li.c_orange {
background-color: #FF931E;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a ul.list-cat.flexbox > li.c_pink {
background-color: #F38BAF;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .txt-date {
margin-top: 5px;
font-size: 14px;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .txt-ttl {
font-weight: 600;
font-size: 16px;
line-height: 1.5;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .txt-more {
width: fit-content;
max-width: 100%;
margin-top: 10px;
margin-left: auto;
margin-right: 0;
text-align: right;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_link_arrow_black2.png);
background-size: 1.25em auto;
background-repeat: no-repeat;
background-position: right center;
padding-right: calc( 1.25em + 0.5em );
font-size: 14px;
} @media (max-width: 640px) {
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
width: min( 100%, 500px );
margin-left: auto;
margin-right: auto;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 2;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .img-main {
margin-bottom: 15px;
}
}
@media (max-width: 640px) {
body.archive.info div#wrapcont #mainArea section.mainsec.s1 {
margin-top: 30px;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 30px;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .img-main {
border-radius: 12px;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a ul.list-cat.flexbox {
font-size: 15px;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a ul.list-cat.flexbox > li {
line-height: 1.5;
border-radius: 10px;
padding: 0.25em 1em;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .txt-date {
font-size: 15px;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .txt-ttl {
font-size: 17px;
line-height: 1.5;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox > li a .txt-more {
margin-top: 10px;
font-size: 16px;
}
}
@media (max-width: 500px) {
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
width: min( 100%, 265px );
margin-left: auto;
margin-right: auto;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 ul.row_item1.flexbox {
--list-clm-number: 1;
--list-clm-margin-h: 30px;
--list-clm-margin-v: 40px;
}
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi {
margin-top: 80px;
text-align: center;
font-size: 22px;
display: flex;
flex-direction: row;
justify-content: center;
gap: 10px 30px;
flex-wrap: wrap;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > .previouspostslink,
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > .nextpostslink,
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > .pages,
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > .extend {
display: none!important;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > * {
border: 1px solid #2ABA71;
background-color: #ffffff;
border-radius: 1000px;
padding: 0;
display: inline-block;
color: #000000;
font-weight: 400;
text-align: center;
width: 40px;
height: 40px;
line-height: 22px;
margin: 0;
opacity: 1!important;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
transition: all .2s;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > .first,
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > .last {
width: 5em;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > *:hover,
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > .current {
background-color: #D3EBD2;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > *:not(.current):hover {
opacity: 0.6;
} @media (max-width: 640px) {
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi {
gap: 10px 10px;
}
}
@media (max-width: 640px) {
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
overflow: unset;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi {
margin-top: 80px;
font-size: 14px;
width: calc( 100% + (var(--site-page-sp-side-space5) * 2) );
margin-left: calc( var(--site-page-sp-side-space5) * -1 );
padding-left: 15px;
padding-right: 15px;
}
body.archive.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 .wp-pagenavi > * {
width: 28px;
height: 28px;
line-height: 14px;
}
}
  body.single.info div#wrapcont #mainArea {
padding-top: 0;
}
@media (max-width: 640px) {
body.single.info div#wrapcont #mainArea {
padding-bottom: 0;
}
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 {
background-color: #F5F5E7;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 100px;
padding-bottom: 100px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
width: min( 100%, 900px );
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
padding: 80px 50px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner {
width: min( 100%, 690px );
margin-left: auto;
margin-right: auto;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner {
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > .img-main {
text-align: center;
margin-bottom: 50px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > .img-main img {
max-height: 386px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox {
gap: 8px 20px;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
font-size: 16px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox > li ul.list-cat.flexbox {
gap: 8px 10px;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox > li ul.list-cat.flexbox > li {
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox > li ul.list-cat.flexbox > li a {
display: inline-block;
color: #ffffff;
line-height: 1.5;
border-radius: 12px;
padding: 0.35em 1.15em;
font-weight: bold;
opacity: 1;
pointer-events: none;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox > li ul.list-cat.flexbox > li a.c_green {
background-color: #2ABA71;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox > li ul.list-cat.flexbox > li a.c_orange {
background-color: #FF931E;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox > li ul.list-cat.flexbox > li a.c_pink {
background-color: #F38BAF;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox > li .txt-date {
font-size: 16px;
line-height: 1.75;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > h3.txt-title {
font-size: 30px;
font-weight: bold;
padding-top: 0.5em;
padding-bottom: 0.5em;
line-height: 1.73;
border-top: 2px solid #2ABA71;
border-bottom: 2px solid #2ABA71;
margin-bottom: 30px;
margin-top: 15px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner .post_date {
margin-bottom: 40px;
color: var(--site-theme-color1);
font-weight: bold;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > article.txt-main {
font-size: 16px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > article.txt-main * {
line-height: 1.85;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > article.txt-main > *:nth-child(n+2) {
margin-top: 10px;
} body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > article.txt-main a {
text-decoration: underline;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > article.txt-main ul {
margin-left: 1.5em;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > article.txt-main .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > article.txt-main .wp-caption .wp-caption-text {
margin-top: 20px;
}
@media (max-width: 640px) {
body.single.info div#wrapcont #mainArea section.mainsec.s1 > .inner {
padding-top: 30px;
padding-bottom: 80px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 {
padding: 43px 28px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > .img-main img {
max-height: 360px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox {
gap: 8px 15px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox > li ul.list-cat.flexbox > li a {
font-size: 15px;
border-radius: 10px;
padding: 0.25em 1.15em;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > ul.list1.flexbox > li .txt-date {
font-size: 15px;
line-height: 1.5;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm1 > .inner > h3.txt-title {
font-size: 21px;
padding-bottom: 0;
line-height: 1.76;
border-bottom: none;
margin-bottom: 10px;
}
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
width: min( 100%, 750px );
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns {
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox {
--list-clm-width1: 192px;
align-items: center;
font-size: 16px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child a {
font-weight: bold;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child a:hover {
opacity: 0.7;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.lt,
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.rt {
width: calc( ( 100% - var(--list-clm-width1) ) / 2 );
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.lt a,
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.rt a {
position: relative;
display: flex;
align-items: center;
min-height: 3em;
width: fit-content;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.lt a::before,
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.rt a::before {
position: absolute;
top: 50%;
z-index: 1;
transform: translateY(-50%);
content: '';
background-size: 30% auto;
background-repeat: no-repeat;
background-position: center;
width: 46px;
aspect-ratio: 1;
border: 1px solid #2ABA71;
background-color: #ffffff;
border-radius: 50%;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.lt a {
padding-left: calc( 3em + 1em );
padding-right: 1em;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.lt a::before {
left: 0;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_link_arrow_black3_left.png);
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.rt a {
padding-right: calc( 3em + 1em );
padding-left: 1em;
margin-left: auto;
text-align: right;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.rt a::before {
right: 0;
background-image: url(//domannaka.co.jp/domannakatanuma/wp-content/themes/domannakatanuma2/images/common/parts_link_arrow_black3_right.png);
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.ct {
text-align: center;
width: min( 100%, var(--list-clm-width1) );
min-height: 3em;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.ct a {
padding: 0.5em 1em;
text-align: center;
border: 1px solid #2ABA71;
background-color: #ffffff;
border-radius: 100px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 640px) {
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 {
margin-top: 30px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox {
--list-clm-width1: 112px;
font-size: 14px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.lt a {
padding-left: calc( 28px + 0.5em );
padding-right: 0.5em;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.rt a {
padding-right: calc( 28px + 0.5em );
padding-left: 0.5em;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.lt a::before,
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.rt a::before {
width: 28px;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.ct {
min-height: unset;
}
body.single.info div#wrapcont #mainArea section.mainsec.s1 .mainclm2 > .row_foot_btns .itemlist.flexbox > .child.ct a {
padding: 0.25em 1em;
}
}