@charset 'utf-8';
@charset 'utf-8';

   @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Sans:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap"); *
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
word-break: break-all;
}
body
{
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin: 0;
padding: 0; font-size: 17px;
font-size: 1.7rem;
line-height: 1.86;
background-color: #FBF8FB;
}
*
{
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
li
{
list-style: none;
}
p
{
margin: 0;
}
html
{
font-size: 62.5%;
} a:link
{
color: #660000;
text-decoration: none;
transition: none;
}
a:hover
{
opacity: 0.6;
color: #660000;
text-decoration: underline;
}
a:visited
{
color: #660000;
text-decoration: none;
}
a::after
{
display: none;
}
a.border
{
color: #333;
text-decoration: underline!important;
}
a:visited.border{
color: #333;
}
img
{
border: none;
}
.clear
{
zoom: 100%;
}
.clear:after
{
content: '';
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.clr
{
clear: both;
} .sp, .sp2, .tab:not(.pc)
{
display: none;
}
@media print, screen and (min-width: 769px)
{
.colWrap
{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.colWrap.rtl
{
flex-direction: row-reverse;
}
.colWrap.wrap
{
flex-wrap: wrap;
}
.colWrap.boxAlign-left
{
justify-content: flex-start;
}
.colWrap.boxAlign-right
{
justify-content: flex-end;
}
.colWrap.boxAlign-center
{
justify-content: center;
}
.colWrap.mdl > *, .colWrap > .mdl:not(.colWrap)
{
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
justify-content: flex-start;
}
.colWrap.mdl > * > *, .colWrap > .mdl:not(.colWrap) > *
{
width: 100%;
}
.colWrap.mdl.ct > *, .colWrap > .mdl.ct:not(.colWrap)
{
justify-content: center;
}
.colWrap.col4
{
margin-left: -10px;
margin-right: -10px;
}
.colWrap.col4 > *
{
margin: 0 10px 20px;
width: calc(25% - 20px);
}
.colWrap.col3 > *
{
width: 33.33%;
}
.colWrap.col2 > *
{
width: 50%;
}
}
.img-responsive
{
width: 100%;
height: auto;
}
.block-center
{
display: block;
margin-left: auto;
margin-right: auto;
}
.block
{
display: block;
}
.in-block
{
display: inline-block;
} .alignleft
{
float: left;
margin-right: 10px;
}
.alignright
{
float: right;
margin-left: 10px;
}
.text-center
{
text-align: center;
}
.text-left
{
text-align: left;
}
.text-right
{
text-align: right;
}
.f_bold
{
font-weight: bold;
}
.font_s
{ font-size: 15px;
}
.font_l
{ font-size: 16px;
}
.list_h li
{
display: inline;
}
.indnt
{
margin-left: 1em;
}
.list
{
margin: 1em 0;
}
.list li
{
text-indent: -1em;
padding-left: 1em;
}
dl.list dt
{
text-indent: -1em;
padding-left: 1em;
}
dl.indnt dd
{
padding-left: 1em;
}
.mt0
{
margin-top: 0 !important;
}
.mt10
{
margin-top: 10px !important;
}
.mt20
{
margin-top: 20px !important;
}
.mt25
{
margin-top: 25px !important;
}
.mt30
{
margin-top: 30px !important;
}
.mb0
{
margin-bottom: 0 !important;
}
.mb10
{
margin-bottom: 10px !important;
}
.mb20
{
margin-bottom: 20px !important;
}
.mb30
{
margin-bottom: 30px !important;
}
.pt0
{
padding-top: 0 !important;
}
.pt10
{
padding-top: 10px !important;
}
.pt20
{
padding-top: 20px !important;
}
.pt30
{
padding-top: 30px !important;
}
.pb0
{
padding-bottom: 0 !important;
}
.pb10
{
padding-bottom: 10px !important;
}
.pb20
{
padding-bottom: 20px !important;
}
.pb30
{
padding-bottom: 30px !important;
} .commonTbl
{
box-sizing: border-box;
border-collapse: collapse;
background: #FFF;
border: 0 !important;
width: 100%;
}
.commonTbl tr:nth-child(even), .commonTbl tr:nth-child(odd)
{
background: none !important;
}
.commonTbl th, .commonTbl td
{
padding: 15px; font-size: .875em;
line-height: 1.5em;
border: 0;
border-bottom: 1px dotted #663333;
}
.commonTbl th
{
background: #DED6DD;
text-align: left;
}
.commonTbl2
{
box-sizing: border-box;
border-collapse: collapse;
background: #FFF;
width: 100%;
}
.commonTbl2 tr:nth-child(even), .commonTbl2 tr:nth-child(odd)
{
background: none !important;
}
.commonTbl2 th, .commonTbl2 td
{
padding: 5px 5px; font-size: .9375em;
line-height: 1.5em;
border: 0;
border: 1px solid #999;
}
.commonTbl2 th
{
background: #DDD;
text-align: left;
}
.box01
{
margin: 20px auto;
padding: 20px;
border-left: 1px solid #F1F1F1;
border-top: 1px solid #F1F1F1;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
background: #FFF;
}
#container
{ margin: 0 auto;
padding: 0;
}
.container
{
margin-left: auto;
margin-right: auto;
padding: 0 30px;
max-width: 1010px;
}
#wrapper
{
padding: 0 !important;
max-width: 100% !important;
}
#content
{
margin: 30px auto 0;
max-width: 100%;
}
#content .contentWrap > div
{
float: none;
margin: 0;
}
#contentInner .post .inner
{
padding: 10px;
}
@media screen and (min-width: 769px)
{
#contentInner
{
width: calc(100% - 245px);
}
#contentInner .post .inner
{
padding: 0 10px;
}
.side
{
margin: 0;
width: 230px;
}
}
.section + .section, #contentInner .inner .widget + .widget
{
margin-top: 50px;
}
#contentInner .section .inner .widget + .widget
{
margin-top: 0;
}
.sec_s
{
padding-left: 10px;
padding-right: 10px;
}
header
{
margin: 0;
padding: 0;
}
header .visualFrame
{
background: #FFFFFF;
background:    -moz-linear-gradient(top,  #FFFFFF 0%, #DCC2DB 100%);
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#DCC2DB 100%);
background:         linear-gradient(to bottom,  #FFFFFF 0%,#DCC2DB 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='##dcc2db',GradientType=0 );
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#dcc2db)';
}
header .visualFrame .container
{
padding: 0;
position: relative;
max-width: 1200px;
}
header .sitename
{
position: absolute;
left: 5%;  top: 55%;
margin: 0;
padding: 0;
width: 55%;
}
header .sitename:before
{
content: '';
display: block;
height: 0;
padding: 19.83% 0 0;
}
header .sitename a
{
overflow: hidden;
position: absolute;
width: 100%;
height: 100%; top: 0;
left: 0;
text-decoration: none;
text-indent: 9999px;
line-height: 999;
}
header .sitename a::after
{
display: none;
}
header #logo
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 105px;
}
header #logo .descr
{
overflow: hidden;
display: block;
margin: 0 auto;
max-width: 930px;
height: 105px;
line-height: 182px;
font-size: 12px;
font-weight: normal;
color: #6E325B;
} .menuBtn
{
position: fixed;
top: 10px;
right: 15px;
width: 42px; height: 42px;
background: none;
border-radius: 4px;
text-align: center;
cursor: pointer;
pointer-events: all;
z-index: 200;
}
.menuBtn div
{
position: relative;
margin: 7px auto;
width: 36px;
height: 27px;
top: 0;
-webkit-transition: all .75s ease-out;
transition: all .75s ease-out;
}
.menuBtn div:before
{
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-top: -2px;
margin-left: -18px;
width: 30px;
height: 4px;
border-radius: 2px;
background: #660000;
opacity: 1;
-webkit-transition: .35s ease-in-out;
-webkit-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
.menuBtn span
{
display: block;
margin: 0 auto;
width: 30px;
height: 27px;
color: #660000;
font-size: 1.1rem;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: .5px;
line-height: 76px;
overflow: hidden;
}
.menuBtn span:before
{
content: '';
position: absolute;
left: 50%;
display: block;
margin-left: -18px;
width: 30px;
height: 4px;
border-radius: 2px;
background: #660000;
-webkit-transform-origin: center center;
transform-origin: center center;
top: 0;
transition: transform .3s ease-out;
}
.menuBtn span:after
{
content: '';
position: absolute;
left: 50%;
display: block;
margin-left: -18px;
width: 30px;
height: 4px;
border-radius: 2px;
background: #660000;
-webkit-transform-origin: center center;
transform-origin: center center;
bottom: 0;
transition: transform .3s ease-out;
}
.menuBtn.close span:before
{
-webkit-animation: menu-bar01 .75s forwards;
animation: menu-bar01 .75s forwards;
}
.menuBtn.close span:after
{
-webkit-animation: menu-bar03 .75s forwards;
animation: menu-bar03 .75s forwards;
}
.menuBtn.open span:before
{
-webkit-animation: active-menu-bar01 .75s forwards;
animation: active-menu-bar01 .75s forwards;
}
.menuBtn.open span:after
{
-webkit-animation: active-menu-bar03 .75s forwards;
animation: active-menu-bar03 .75s forwards;
}
.menuBtn.open div:before
{
opacity: 0;
}
@-webkit-keyframes menu-bar01
{
0%
{
background: #FFF;
-webkit-transform: translateY(2px) rotate(45deg);
}
50%
{
background: #FFF;
-webkit-transform: translateY(2px) rotate(0);
}
100%
{
background: #660000;
-webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar01
{
0%
{
top: 50%;
background: #FFF;
-webkit-transform: translateY(-2px) rotate(45deg);
transform: translateY(-2px) rotate(45deg);
}
50%
{
top: 50%;
background: #FFF;
-webkit-transform: translateY(-2px) rotate(0);
transform: translateY(-2px) rotate(0);
}
100%
{
top: 0;
background: #660000;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@-webkit-keyframes menu-bar03
{
0%
{
bottom: 50%;
background: #FFF;
-webkit-transform: translateY(2px) rotate(-45deg);
}
50%
{
bottom: 50%;
background: #FFF;
-webkit-transform: translateY(2px) rotate(0);
}
100%
{
bottom: 0;
background: #660000;
-webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-bar03
{
0%
{
bottom: 50%;
background: #FFF;
-webkit-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg);
}
50%
{
bottom: 50%;
background: #FFF;
-webkit-transform: translateY(2px) rotate(0);
transform: translateY(2px) rotate(0);
}
100%
{
bottom: 0;
background: #660000;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
}
@-webkit-keyframes active-menu-bar01
{
0%
{
top: 0;
background: #FFF;
-webkit-transform: translateY(0) rotate(0);
}
50%
{
top: 50%;
-webkit-transform: translateY(-2px) rotate(0);
}
100%
{
top: 50%;
background: #FFF;
-webkit-transform: translateY(-2px) rotate(45deg);
}
}
@keyframes active-menu-bar01
{
0%
{
top: 0;
background: #FFF;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50%
{
top: 50%;
-webkit-transform: translateY(-2px) rotate(0);
transform: translateY(-2px) rotate(0);
}
100%
{
top: 50%;
background: #FFF;
-webkit-transform: translateY(-2px) rotate(45deg);
transform: translateY(-2px) rotate(45deg);
}
}
@-webkit-keyframes active-menu-bar03
{
0%
{
bottom: 0;
background: #FFF;
-webkit-transform: translateY(0) rotate(0);
}
50%
{
bottom: 50%;
-webkit-transform: translateY(11px) rotate(0);
}
100%
{
bottom: 50%;
background: #FFF;
-webkit-transform: translateY(11px) rotate(-45deg);
}
}
@keyframes active-menu-bar03
{
0%
{
bottom: 0;
background: #FFF;
-webkit-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
}
50%
{
bottom: 50%;
-webkit-transform: translateY(2px) rotate(0);
transform: translateY(2px) rotate(0);
}
100%
{
bottom: 50%;
background: #FFF;
-webkit-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg);
}
} #headicon
{
max-width: 930px;
margin: 20px auto;
font-weight: bold;
line-height: 1.3;
}
#headicon #hdicon1
{
width: calc(37% - 10px);
}
#headicon #hdicon2, #headicon #hdicon3
{
width: calc(31.5% - 10px);
}
#headicon .ico
{
position: relative;
padding: 2px;
background: #FFFFFF;
background:    -moz-linear-gradient(top,  #FFFFFF 0%, #E5DFE3 50%, #E5DFE3 50%, #D5C6CE 51%, #B9A9B8 100%);
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#E5DFE3 50%,#E5DFE3 50%,#D5C6CE 51%,#B9A9B8 100%);
background:         linear-gradient(to bottom,  #FFFFFF 0%,#E5DFE3 50%,#E5DFE3 50%,#D5C6CE 51%,#B9A9B8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9a9b8',GradientType=0 );
color: #FFF;
font-size: 18px;
z-index: 1;
}
#headicon .ico:after
{
content: '';
display: block;
position: absolute;
top: 10px;
left: 5%;
right: 5%;
bottom: 0;
box-shadow: 0 5px 7px rgba(0,0,0,.25);
border-radius: 50%;
background: rgba(0,0,0,.25);
z-index: -1;
}
#headicon .ico > span
{
position: relative;
display: flex;
align-items: center;
align-content: center;
justify-content: space-around;
padding-left: 55px;
width: 100%;
height: 50px;
line-height: 1.2;
width: 100%;
font-family: serif;
background: #7B3557;
background:    -moz-linear-gradient(top,  #7B3557 0%, #210011 100%);
background: -webkit-linear-gradient(top,  #7B3557 0%,#210011 100%);
background:         linear-gradient(to bottom,  #7B3557 0%,#210011 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b3557', endColorstr='#210011',GradientType=0 );
}
#headicon .ico > span:before
{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 100%;
}
#headicon #hdicon1 .ico > span:before
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/hdicon01.png) no-repeat center center;
background-size: cover;
}
#headicon #hdicon2 .ico > span:before
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/hdicon02.png) no-repeat center center;
background-size: cover;
}
#headicon #hdicon3 .ico > span:before
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/hdicon03.png) no-repeat center center;
background-size: cover;
}
#headicon #hdicon2 .ico, #headicon #hdicon3 .ico
{
font-size: 24px;
}
#headicon .note
{
display: block;
margin: 7px 0 0;
font-size: 12px;
font-family: serif;
line-height: 1;
letter-spacing: -.7px;
color: #652C90;
text-align: center;
} .gnav
{
position: relative;
padding: 0 3px 3px;
background: #C39490;
background:    -moz-linear-gradient(top,  #C39490 0%, #896486 100%);
background: -webkit-linear-gradient(top,  #C39490 0%,#896486 100%);
background:         linear-gradient(to bottom,  #C39490 0%,#896486 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c39490', endColorstr='#896486',GradientType=0 );
border-radius: 0 0 10px 10px;
box-shadow: 0 5px 10px rgba(0,0,0,.4);
}
.gnav #main-navigation
{
border: 0;
margin: 0;
padding: 0;
}
.gnav .menu-globalmenu-container ul, .gnav .menu ul
{
display: flex;
justify-content: space-between;
overflow: hidden;
margin: 0 auto;
height: 100%;
background: #660033;
background:    -moz-linear-gradient(top,  #660033 0%, #050003 100%);
background: -webkit-linear-gradient(top,  #660033 0%,#050003 100%);
background:         linear-gradient(to bottom,  #660033 0%,#050003 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660033', endColorstr='#050003',GradientType=0 );
border-radius: 0 0 10px 10px;
}
.gnav #main-navigation li
{ float: none;
flex-grow: 1;
border: 0;
}
.gnav  #main-navigation li > a
{ display: flex;
align-content: center;
align-items: center;
justify-content: space-around;
padding: 0 10px;
width: 100%;
height: 42px;
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
border-right: 1px solid #FFF;
text-align: center;
}
.gnav  #main-navigation ul > li:last-child > a
{
border-right: 0;
}
.gnav  #main-navigation ul li a:hover
{
text-decoration: none;
background: #7B0092;
background:    -moz-linear-gradient(top,  #7B0092 0%, #380036 100%);
background: -webkit-linear-gradient(top,  #7B0092 0%,#380036 100%);
background:         linear-gradient(to bottom,  #7B0092 0%,#380036 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b0092', endColorstr='#380036',GradientType=0 );
}
.gnav  #main-navigation ul li a::after
{
display: none;
}    @media screen and (min-width: 769px)
{
#contentInner
{
width: calc(100% - 245px);
}
#side
{
margin: 0;
width: 230px;
}
} .side
{
margin: 30px 0 0; }
.side p, .side > div
{
margin: 0;
padding: 0;
display: block;
width: 230px !important;
background: no-repeat top left;
}   .side p#lefticon3
{
background: url(//www.kochoran.ne.jp/images/lefticon03.gif) no-repeat 0 0; height: 105px;
}
.side p#lefticon3 > span
{
display: none;
} .side p#lefticon4 a
{
background: url(https://www.kochoran.ne.jp/wp-content/uploads/btn_fax.gif) ;
text-indent: -9999px;
height: 95px;
display: block;
} .side p#lefticon5 a, .side p.side_login a
{
background: url(https://www.kochoran.ne.jp/wp-content/uploads/loginbtn.gif) ;
text-indent: -9999px;
height: 75px;
display: block;
transition: none;
} .side p#lefticon6 a
{
background: url(https://www.kochoran.ne.jp/wp-content/uploads/banner_point.gif) ;
text-indent: -9999px;
height: 125px;
display: block;
}
.side p#lefticon4 a:hover, .side p#lefticon5 a:hover, .side p.side_login a:hover, .side p#lefticon6 a:hover
{
background-position: -230px 0;
} .side ul
{
margin: 0;
padding: 0;
}
.side #mybox ul li
{
list-style-type: none;
margin: 0 0 10px;
padding: 0;
text-indent: -9999px;
display: block;
}
.side #mybox ul li a
{
display: block;
}
.side #mybox .sideNav
{
margin: 0 0 20px;
}
.side #mybox .priceMenu .menu_underh2
{
display: none;
}
.side #mybox .sideNav .menu_underh2
{
overflow: hidden;
margin: 0 0 5px;
height: 0;
padding: 44px 0 0;
text-indent: -9999px;
}
.side #mybox .usageMenu .menu_underh2
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/lmenu1-0.gif) no-repeat center center;
}
.side #mybox .kindMenu .menu_underh2
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/lmenu2-0.gif) no-repeat center center;
} .side ul#menu-usage li a
{
background: no-repeat top left;
height: 60px;
display: block;
} .side ul#menu-usage .menu-item-2274 a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_opening.jpg);
}
.side ul#menu-usage .sidenav_opening a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_opening.jpg);
}
.side ul#menu-usage .sidenav_assumption a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_assumption.jpg);
}
.side ul#menu-usage .sidenav_building a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_building.jpg);
}
.side ul#menu-usage .sidenav_aged a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_aged.jpg);
}
.side ul#menu-usage .sidenav_mother a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_mother.jpg);
}
.side ul#menu-usage .sidenav_60th a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_60th.jpg);
}
.side ul#menu-usage .sidenav_winning a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_winning.jpg);
}
.side ul#menu-usage .sidenav_birth a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_birth.jpg);
}
.side ul#menu-usage .sidenav_ceremony a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_ceremony.jpg);
}
.side ul#menu-usage li a
{
background-repeat: no-repeat !important;
background-size: cover;
}
.side ul#menu-usage li a:hover
{
background-position: -230px 0;
} .side ul#menu-kind li a
{
background: no-repeat top left;
height: 60px;
display: block;
}  .side ul#menu-kind .sidenav_orchis_dai_w a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_orchis_dai_w.jpg);
}
.side ul#menu-kind .sidenav_orchis_dai_p a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_orchis_dai_p.jpg);
}
.side ul#menu-kind .sidenav_orchis_dai_r a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_orchis_dai_r.jpg);
}
.side ul#menu-kind .sidenav_orchis_ama a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_orchis_ama.jpg);
}
.side ul#menu-kind .sidenav_orchis_haru a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_orchis_haru.jpg);
}
.side ul#menu-kind .sidenav_orchis_yel a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_orchis_yel.jpg);
} .side ul#menu-kind li a
{
background-repeat: no-repeat !important;
}
.side ul#menu-kind li a:hover
{
background-position: -230px 0;
} .side #mybox .priceMenu
{
margin: 10px 0 0;
}
.side ul#menu-price
{
margin: 0 auto;
padding: 0 0 37px 0;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/lmenu3-6.gif) no-repeat bottom left;
}
.side ul#menu-price li
{
margin: 0;
width: 100%;
}
.side ul#menu-price li.mn00
{
visibility: hidden;
}
.side ul#menu-price li a
{
background: no-repeat top left;
height: 37px;
display: block;
} .side ul#menu-price .sidenav_price10k a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_price10k.gif);
}
.side ul#menu-price .sidenav_price20k a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_price20k.gif);
}
.side ul#menu-price .sidenav_price30k a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_price30k.gif);
}
.side ul#menu-price .sidenav_price40k a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_price40k.gif);
}
.side ul#menu-price .sidenav_price50k a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_price50k.gif);
}
.side ul#menu-price li a
{
background-repeat: no-repeat !important;
}
.side ul#menu-price li a:hover
{
background-position: -230px 0;
} .side ul#menu-others
{
margin: 40px 0 0 0;
}
.side ul#menu-others li a
{
background: no-repeat top left;
height: 60px;
display: block;
} .side ul#menu-others .sidenav_farmer a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_farmer.jpg);
}
.side ul#menu-others .sidenav_rapping a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_rapping.jpg);
}
.side ul#menu-others .sidenav_board a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_board.jpg);
}
.side ul#menu-others .sidenav_voice a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_voice.jpg);
}
.side ul#menu-others li a
{
background-repeat: no-repeat !important;
}
.side ul#menu-others li a:hover
{
background-position: -230px 0;
}
.side ul#menu-usage li, .side ul#menu-kind li, .side ul#menu-price, .side ul#menu-others li
{
max-width: 230px;
} .side #mybox .colorsMenu .menu_underh2
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/lmenu3-0.gif) no-repeat center center;
}
.side #mybox .numberMenu .menu_underh2
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/lmenu4-0.gif) no-repeat center center;
}
.side ul#menu-colors li a, .side ul#menu-number li a, .side ul#menu-extra li a
{
background: no-repeat top left;
height: 60px;
display: block;
}
.side ul#menu-colors .sidenav_colors_white a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_colors_white.jpg);
}
.side ul#menu-colors .sidenav_colors_pink a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_colors_pink.jpg);
}
.side ul#menu-colors .sidenav_colors_wr a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_colors_wr.jpg);
}
.side ul#menu-colors .sidenav_colors_yellow a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_colors_yellow.jpg);
}
.side ul#menu-colors .sidenav_colors_blue a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_colors_blue.jpg);
}
.side ul#menu-colors .sidenav_colors_mix a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_colors_mix.jpg);
}
.side ul#menu-number .sidenav_number_three a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_number_three.jpg);
}
.side ul#menu-number .sidenav_number_five a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_number_five.jpg);
}
.side ul#menu-number .sidenav_number_seven a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_number_seven.jpg);
}
.side ul#menu-extra .sidenav_extra_firstone a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_extra_firstone.jpg);
}
.side ul#menu-extra .sidenav_extra_area a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_extra_area.jpg);
}
.side ul#menu-extra .sidenav_extra_faq a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_extra_faq.jpg);
}
.side ul#menu-extra .sidenav_extra_column a
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/sidenav_extra_column.jpg);
}
.side ul#menu-colors li a, .side ul#menu-number li a, .side ul#menu-extra li a
{
background-repeat: no-repeat !important;
}
.side ul#menu-colors li a:hover, .side ul#menu-number li a:hover, .side ul#menu-extra li a:hover
{
background-position: -230px 0;
}
ul#menu-colors li, ul#menu-number li, ul#menu-extra li
{
max-width: 230px;
}  footer
{
position: relative;
overflow: hidden;
margin: 20px 0 0;
padding: 0;
width: 100%;
background-image: linear-gradient(0deg,
#63364C 25%, #63364C 25%, #63364C 50%, #592A41 50%, #592A41 75%,#63364C 75%, #63364C);
background-size: 2px 3px;
}
footer:before
{
content: '';
display: block;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 20px;
background: #FBF9FB;
background:    -moz-linear-gradient(top,  #FBF9FB 0%, #EEDFEE 100%);
background: -webkit-linear-gradient(top,  #FBF9FB 0%,#EEDFEE 100%);
background:         linear-gradient(to bottom,  #FBF9FB 0%,#EEDFEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf9fb', endColorstr='#eedfee',GradientType=0 );
}
footer #bottom_in
{
margin: 0 auto;
padding-top: 30px; }
footer #bottomtitle
{
overflow: hidden;
width: 140px;
margin: 0 0 5px;
font-size: 20px;
color: #FFF;
}
footer ul#bottommenu, footer .menu-footermenu-container
{
float: right;
margin: 0 20px;
height: 30px;
padding: 0;
overflow: hidden;
width: 600px;
display: block;
}
footer ul#bottommenu li, footer ul#menu-footermenu li
{
list-style-type: none;
float: right;
margin: 0;
}
footer ul#bottommenu li a, footer ul#menu-footermenu li a
{
display: block;
font-size: 14px;
padding: 0 10px 0 22px;
line-height: 30px;
color: #FFFFFF;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/guide_arrow.gif) no-repeat left 5px;
text-decoration: none;
white-space: nowrap;
}
footer ul#bottommenu li a:hover, footer ul#menu-footermenu li a:hover
{
text-decoration: underline;
}
footer #guide_in
{
margin: 0; padding: 0;
background: #FBF8FB;
border-radius: 12px;
}
footer .box_g
{
text-align: left;
} @media screen and (min-width: 769px)
{
footer .box_g
{ width: 50%;
}
footer .box_g + .box_g
{
margin-top: 0;
}
}
footer #guide_in .sec img
{
display: block;
}
footer #guide_in .sec + .sec
{
margin-top: 15px;
}
footer #guide_in div p
{
margin: 5px;
padding: 0;
font-size: 8pt;
line-height: 1.2em;
}
footer #guide_in .cardGuide
{
margin: 5px 0 10px;
}
footer #guide_in .cardGuide .head
{
margin: 0;
font-size: 11px;
color: #A80202;
}
footer #guide_in .cardGuide p
{
margin: 0;
line-height: 2;
}
footer #guide_in div table
{
table-layout: fixed;
border-collapse: separate;
border-spacing: 0 1px;
margin: 10px 5px 0;
width: 100%;
border-left: #F1F1F1 1px solid;
border-top: #F1F1F1 1px solid;
}
footer #guide_in div table.mt0
{
margin-top: 0;
}
footer #guide_in div table th, footer #guide_in div table td
{
padding: 2px;
font-size: 8pt;
font-weight: normal;
line-height: 1.2em;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
}
footer #guide_in div table th
{
background: #EEF3FF;
text-align: center;
}
footer #guide_in div table td
{
text-align: center;
background: #FFF;
}
footer #guide_in div .areaTbl th
{
text-align: left;
width: 230px;
}
footer #guide_in div .timeTbl th
{
text-align: right;
}
footer #guide_in div .timeTbl td
{
text-align: left;
}
footer #guide_in div h6
{
margin: 3px 0 0 0;
padding: 0;
font-size: 10pt;
font-weight: bold;
color: #990033;
line-height: 1.5em;
border-bottom: 1px dotted #990033;
}
footer #guide_in div strong
{
display: block;
margin: 10px 0 5px;
color: #993333;
}
footer  p.cr
{
float: left;
margin: 0 0 15px;
padding: 5px 0 0 5px;
font-size: 12px;
}
.cr_r
{
float: right;
margin: 0 0 15px;
padding: 5px 0 0 0;
font-size: 12px;
display: block;
}
.hs
{
font-size: 11px;
color: #CC0000;
font-weight: bold;
} .footer-nav-wrap{
display: flex;
padding-top: 34px;
justify-content: space-between;
.footer-nav-container{
padding: 0 10px;
}
.footer-nav-container:first-child{
padding-left: 0;
}
.footer-nav-container:last-child{
padding-right: 0;
}
.footer-nav-headline{
font-size: 16px;
font-weight: 600;
line-height: 1.9em;
color: #793F65;
border-bottom: solid 1px #793F65;
margin-bottom: 15px;
}
li a{
color: #333;
&:hover{
opacity: 0.6;
}
}
}
footer #copy
{
display: block;
margin: 10px 0 10px;
font-size: 12px;
text-align: center;
color: #FFFFFF;
} #page-top
{
position: fixed;
z-index: 9999;
bottom: 20px;
right: 0;
font-size: 12px;
}
#page-top a
{
background: #665E53;
text-decoration: none;
color: #FFF;
padding: 10px;
text-align: center;
display: block;
-moz-opacity: .3;
opacity: .3;
}
#page-top a:hover
{
text-decoration: none;
background: #999;
color: #FFF;
} .ttl, .entry-title
{
position: relative;
margin: 30px 0 35px;
padding: 13px 15px;
line-height: 1.3;
font-size: 26px;
font-weight: 500;
font-family: serif;
border-radius: 10px 10px 0 0;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ttl_bg.png) no-repeat 0 0;
background-size: cover;
color: #FFF;
}
.ttl:before
{
display: none;
}
.ttl:after, .entry-title:after
{
content: '';
display: block;
position: absolute;
left: 0;
bottom: -15px;
width: 100%;
height: 15px;
border: 0;
background: #D9D9D9;
background:    -moz-linear-gradient(top,  #D9D9D9 0%, transparent 100%);
background: -webkit-linear-gradient(top,  #D9D9D9 0%,transparent 100%);
background:         linear-gradient(to bottom,  #D9D9D9 0%,transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='transparent',GradientType=0 );
}
.ttl:first-child, .entry-title:first-child, #breadcrumb + .entry-title
{
margin-top: 0;
}
.ttl2
{
position: relative;
margin: 10px 0 15px;
margin-top: -15px;
padding: 0 0 5px;
line-height: 1.3;
font-family: serif;
font-weight: 900;
font-size: 40px;
color: #410009;
}
.ttl2.font_s
{
font-size: 38px;
letter-spacing: -.04em;
}
.ttl2.indnt
{
text-indent: -.5em;
}
.ttl2.indnt > *
{
text-indent: 0;
}
.ttl2.condensed
{
letter-spacing: -.05em;
}
.ttl2 .condensed
{
display: inline-block;
width: .6em;
font-weight: normal;
}
.ttl2:after
{
content: '';
display: block;
height: 2px;
background: #57243D;
background:    -moz-linear-gradient(left, transparent 0%, #57243D 20%, #57243D 80%, transparent 100%);
background: -webkit-linear-gradient(left,  transparent 0%, #57243D 20%, #57243D 80%, transparent 100%);
background:         linear-gradient(to right,  transparent 0%, #57243D 20%, #57243D 80%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#57243d',GradientType=1 );
}
.ttl_m
{
margin: 20px 0 15px;
padding: 0;
font-size: 18px;
font-weight: bold;
color: #990033;
line-height: 1.5em;
border-bottom: 1px dotted #990033;
background: none;
}
.ttl_m:before, .ttl_m:after
{
display: none;
}
.ttl_m:first-child
{
margin-top: 0;
}
.ttl_m2
{
position: relative;
font-size: 16px;
line-height: 1.4em;
color: rgb(115, 48, 81);
font-weight: bold;
margin: 0 0 15px;
padding: 20px 20px 10px 58px;
border-bottom: 1px dashed #712F4F;
}
.ttl_m2:before
{
content: '';
display: block;
position: absolute;
left: 0;
top: 8px;
width: 42px;
height: 40px;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/pol.png) no-repeat 0 0;
background-size: contain;
}
.ttl_m2:first-child
{
margin-top: 0;
}
.ttl_s
{
margin: 20px 0 10px;
padding: 0;
font-size: 21px;
color: #733051;
}
.ttl_s:first-child
{
margin-top: 0;
}
p.cap
{
margin: 15px 0;
} .post-thumbnail img
{
width: 100%;
height: auto;
} h2.heading
{ margin: 1.35em 0;
padding: .8rem .5rem .5rem;
line-height: 1.5;
font-size: 1.5em;
text-indent: 5px;
height: auto;
color: #333;
}
h2.heading
{
position: relative;
}
h2.heading:before, h2.heading:after
{
position: absolute;
left: 0;
content: '';
width: 100%;
height: 5px;
box-sizing: border-box;
}
h2.heading:before
{
top: 0;
border-top: 2px solid #6C2F4A;
border-bottom: 1px solid #6C2F4A;
}
h2.heading:after
{
bottom: 0;
border-top: 1px solid #6C2F4A;
border-bottom: 2px solid #6C2F4A;
}
h2.heading:first-child
{
margin-top: 0;
}
h3.heading, .heading_m
{
position: relative; margin: 1.35em 0;
padding: .8rem .5rem .5rem;
line-height: 1.5;
font-size: 1.17em;
text-indent: 5px;
height: auto;
color: #333;
}
h3.heading:after, .heading_m:after
{
content: '';
width: 100%;
height: 4px;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(to right, #6C2F4A, rgba(255,255,255,0) 100%);
}
h4.heading, .heading_s
{
position: relative; margin: 1.35em 0;
padding: .8rem .5rem .5rem;
line-height: 1.5;
font-size: 1em;
text-indent: 5px;
height: auto;
color: #333;
border-left: double;
border-color: #6C2F4A;
}
.marker_yellow_hoso
{
background: linear-gradient(transparent 60%, #F2D204 60%);
}
blockquote
{
position: relative;
padding: 10px 10px 10px 32px;
box-sizing: border-box;
font-style: italic;
color: #464646;
background: #E0E0E0;
}
blockquote:before
{
display: inline-block;
position: absolute;
top: -6px;
left: -15px;
content: '“';
font-family: sans-serif;
color: #E0E0E0;
font-size: 70px;
line-height: 1;
z-index: 2;
}
blockquote:after
{
position: absolute;
content: '';
left: 0;
top: 0;
border-width: 0 0 40px 40px;
border-style: solid;
border-color: transparent #FFFFFF;
}
blockquote p
{
position: relative;
padding: 0;
margin: 10px 0;
z-index: 3;
line-height: 1.7;
}
blockquote cite
{
display: block;
text-align: right;
color: #888888;
font-size: .9em;
} .lankadd
{
border: solid 1px #660000;
max-width: 800px;
margin: 0 auto 20px;
}
.lanks
{
padding: 7% 4.3% 0;
position: relative;
overflow: hidden;
max-height: 600px;
}
@media screen and (min-width: 769px)
{
.lanks
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.lanks .img
{
width: 48.155%;
}
.lanks .txt
{
width: 50%;
padding: 0 4%;
}
}
.lankadd p
{
margin: 1em 0; }
.lanks p:first-child
{
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 0;
left: -40px;
z-index: 100;
font-size: 20px;
font-weight: bold;
border: solid 1px #660000;
border-left: none;
border-right: none;
width: 150px;
text-align: center;
}
.lanks .slider
{
max-width: 300px;
margin: auto;
max-height: 400px;
}
.lanks .slider img
{
max-width: 200px;
height: auto;
}
.lanks .slider li
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
max-height: 400px;
}
.lanks .slider li p
{
font-size: 60px;
position: absolute;
margin: 0;
}
.lanks .thumb
{
margin: 15px auto;
max-width: 300px;
max-height: 60px;
}
.lanks .thumb img
{
width: 40px;
margin: auto;
}
.lanks .thumb .slick-active
{
border: solid 1px #FFF;
max-height: 60px;
}
.lanks .thumb .slick-current
{
border: solid 1px #000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 60px;
}
.lanks .thumb li
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.lanks .thumb li p
{
font-size: 20px;
position: absolute;
margin: 0;
}
.lanks ul
{
list-style: none;
padding: 0;
}
.lanks .f10
{ font-size: .875em;
}
.lanks p
{
text-align: center;
}
.lanks p:not(.ico_rank)
{
margin: 0;
}
@media screen and (min-width: 769px)
{
.lanks p
{
text-align: left;
margin-left: auto;
margin-right: auto;
max-width: 240px;
}
}
.lanks p .fwb
{
font-weight: bold;
}
.lanks .btn
{
width: 200px;
background-color: #660000;
margin: 20px auto 15px;
text-align: center;
padding: 10px 20px;
border-radius: 5px;
-webkit-box-shadow: 5px 5px 5px #440000;
box-shadow: 5px 5px 5px #440000;
position: relative;
}
.lanks .btn a
{
color: #FFF;
text-decoration: none;
}
.lanks .btn:hover
{
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: translate(6px, 6px);
-ms-transform: translate(6px, 6px);
transform: translate(6px, 6px);
opacity: .8;
}
@media screen and (min-width: 769px)
{
.lanks .slider img
{
width: 100%;
height: auto;
max-width: 300px;
}
.lanks .btn
{
margin: 18% auto 8%;
width: auto;
max-width: 240px;
}
}
.lankstext
{
padding: 20px;
padding-top: 0;
}
.lankstext p.lead
{ font-size: 17px;
font-weight: bold;
}
@media screen and (min-width: 769px)
{
.lankstext .list
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lankstext .list ul:last-child
{
border-left: none;
}
.lankstext p.lead
{
font-size: 20px;
}
}
.lankstext ul
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
border: solid 1px #660000;
min-width: 50%;
}
.lankstext ul li
{
padding: 10px;
width: 50%;
}
.lankstext ul li:last-child
{
border-left: solid 1px #660000;
}  .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;
width: 100%;
height: auto;
}
.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(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/fonts/slick.eot);
src: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/fonts/slick.eot7#iefix) format('embedded-opentype'), url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/fonts/slick.woff) format('woff'), url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/fonts/slick.ttf) format('truetype'), url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/fonts/slick.svg#slick) format('svg');
font-display: swap;
} .slick-prev, .slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
margin-top: -25px;
display: block;
width: 50px;
height: 50px;
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: 25px;
height: 50px;
width: 50px;
display: block;
background-color: #793F65;
border-radius: 25px;
line-height: 1;
opacity: .75;
background-position: center;  color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: 50px;
z-index: 999;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '';
background-image: url(https://www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/slider_arrow1.png);
background-repeat: no-repeat;
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: 50px;
z-index: 999;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '';
background-image: url(https://www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/slider_arrow2.png);
background-repeat: no-repeat;
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
@media screen and (max-width: 961px){
.slick-prev{
left: 0px;
}
.slick-next{
right: 0px;
}
} .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;
} .blog-card
{
width: 96%;
height: 130px;
margin: 30px auto 20px;
padding: 20px 20px 10px;
display: block;
position: relative;
border: 1px solid #660000;
border-radius: 4px;
background: rgba(255, 255, 255, 0);
word-wrap: break-word;
box-sizing: border-box;
-webkit-transition: color .4s ease, background .4s ease, transform .4s ease, opacity .4s ease, border .4s ease, padding .4s ease, left .4s ease, box-shadow .4s ease;
transition: color .4s ease, background .4s ease, transform .4s ease, opacity .4s ease, border .4s ease, padding .4s ease, left .4s ease, box-shadow .4s ease;
}
.blog-card-more
{
font-weight: bold;
right: 10px;
bottom: 10px;
padding: 1px 10px;
background: #660000; color: #FFF; font-size: .8em;
border-radius: 2px;
position: absolute;
}
.blog-card-more:after
{
margin-left: 5px;
font-family: sans-serif,'Font Awesome 5 Free';
content: '\f101';
}
.blog-card-hl-box
{
position: absolute;
border-radius: 2px;
background: #660000;
font-size: 12px;
font-weight: 500;
padding: 4px 10px 4px 20px;
top: -14px;
left: 20px;
padding-bottom: 2px;
}
.blog-card-hl-box:after
{
position: absolute;
font-family: sans-serif,'Font Awesome 5 Free';
content: '\f15b';
font-weight: bold;
left: 10px;
bottom: 4px;
background: #660000; color: #FFF; font-size: .8em;
border-radius: 2px;
}
.blog-card .blog-card-hl
{
position: relative;
color: #FFF;
letter-spacing: 0;
padding-left: 5px;
}
.blog-card-thumbnail
{
display: block;
margin-right: 20px;
flex: 1;
}
.blog-card-box
{
display: flex;
}
.blog-card-thumbnail img
{
height: 98px;
filter: opacity(1);
display: block;
padding: 0 !important;
margin: 0 !important;
vertical-align: top;
background: #FFF;
-webkit-transition: color .4s ease, background .4s ease, transform .4s ease, opacity .4s ease, border .4s ease, padding .4s ease, left .4s ease, box-shadow .4s ease;
transition: color .4s ease, background .4s ease, transform .4s ease, opacity .4s ease, border .4s ease, padding .4s ease, left .4s ease, box-shadow .4s ease;
}
.blog-card-title
{
font-weight: bold;
display: block;
}
.blog-card-title:hover
{
text-decoration: underline;
}
.blog-card-content
{
flex: 6.5;
}
.blog-card-excerpt
{
color: #000;
font-size: .9rem;
}  @media print, screen and (min-width: 769px)
{
.listFrame .box
{
width: calc(33.33% - 5px); }
}
.listFrame
{
margin: 30px auto 0;
}
.listFrame .box
{
margin: 0 0 30px;
padding: 0 4px;
}
.listFrame .photo
{
display: block;
position: relative;
max-width: 220px;
margin: 0 auto; }
.listFrame .photo:before
{
content: '';
display: block;
height: 0;
padding: 136.364% 0 0;
}
.listFrame .photo img
{
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-position: center bottom; object-fit: contain;
font-family: 'object-fit: contain; object-position: center bottom;';
}
.listFrame .txt p
{
font-size: 12px;
line-height: 1.5em;
margin: 5px 0;
}
.listFrame .txt .item, .listFrame .txt .desc, .listFrame .txt .price
{
border-bottom: 1px dotted #666666;
}
.listFrame .txt .item
{
padding: 10px 5px 10px 24px;
border-bottom: 1px dotted #666666;
color: #700C37;
font-weight: bold;
font-size: 16px;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/itembk2.gif) no-repeat 3px 9px;
line-height: 1.3em;
}
.listFrame .txt .desc
{
padding: 4px 5px;
font-size: 12px;
line-height: 1.5em; }
.listFrame .txt .price
{
padding: 5px;
}
.listFrame .txt .price .em
{
display: inline-block;
padding-left: 5px;
color: #990000;
font-size: 20px;
font-weight: bold;
}
.listFrame .txt .price .em .font_s
{
font-size: .75em;
}
.listFrame .txt .btn_detail
{
display: block;
position: relative;
margin: 15px auto;
height: 35px;
line-height: 35px;
font-size: 18px;
font-weight: bold;
color: #FFF;
background: #B3A0B3;
background:    -moz-linear-gradient(top,  #B3A0B3 1%, #6B5C6A 100%);
background: -webkit-linear-gradient(top,  #B3A0B3 1%,#6B5C6A 100%);
background:         linear-gradient(to bottom,  #B3A0B3 1%,#6B5C6A 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3a0b3', endColorstr='#6b5c6a',GradientType=0 );
text-decoration: none;
text-align: center;
transition: opacity .3s ease-out;
z-index: 1;
}
.listFrame .txt .btn_detail:before
{
content: '';
display: block;
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
background: #491C34;
background:    -moz-linear-gradient(top,  #491C34 1%, #000000 100%);
background: -webkit-linear-gradient(top,  #491C34 1%,#000000 100%);
background:         linear-gradient(to bottom,  #491C34 1%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#491c34', endColorstr='#000000',GradientType=0 );
z-index: -1;
}
.listFrame .txt .btn_detail:hover
{
opacity: .7;
}
@media print, screen and (max-width: 991px)
{
.listFrame .txt .btn_detail
{
font-size: 14px;
}
} .pg_top .section .article + .article
{
margin: 0 0 40px;
} .pg_top .osusumeFrame img
{
display: block;
margin: 0 auto;
}
.pg_top .osusumeFrame a
{
display: block;
}
.pg_top .osusumeFrame .txt
{
margin: 10px 0 0;
}
.pg_top .osusumeFrame > div
{
margin: 0 0 30px;
width: calc(50% - 5px);
}
.pg_top .osusume02 > div
{
margin: 0 0 10px;
}
@media screen and (min-width: 769px)
{
.pg_top .osusumeFrame > div
{
margin: 0 0 30px;
width: calc(50% - 3px);
}
.pg_top .osusume02 > div
{
margin: 0 0 6px;
}
}
.pg_top .osusume03
{
margin: 30px 0;
} #top01
{ margin: 0 0 30px;
overflow: hidden;
background: #FFF;
box-shadow: inset 0 0 0 1px #62010C;
border-radius: 12px;
}
#top01 img
{
display: block;
}
#top01 p
{
display: block;
margin: 0;
padding: 10px 20px 15px;
font-size: 14px;
line-height: 1.5em;
}
#top02
{
margin: 20px 0;
background: url(//www.kochoran.ne.jp/wp-content/themes/images/top07.gif) no-repeat bottom right ;
height: 424px;
}
.top02-1
{
float: left;
width: 370px;
}
.top02-2
{
float: right;
width: 335px;
}
#top02 p
{
display: block;
margin: 0;
padding: 5px 15px 15px;
font-size: 14px;
line-height: 1.5em;
}
#top_left
{
float: left;
width: 475px;
}
.right
{
float: right;
}
.top03
{
height: 330px;
margin: 0 0 20px;
background: url(//www.kochoran.ne.jp/wp-content/themes/images/top11.gif) no-repeat bottom center ;
}
.top03 p
{
display: block;
margin: 0;
padding: 10px 20px 15px;
font-size: 14px;
line-height: 1.5em;
color: #FFFFFF;
}
#top04
{
width: 210px;
height: 680px;
float: right;
margin: 0 0 20px;
background: url(//www.kochoran.ne.jp/wp-content/themes/images/top12.gif) no-repeat bottom center ;
}
#top04 p
{
display: block;
margin: 0;
padding: 10px 20px 15px;
font-size: 14px;
line-height: 1.5em;
color: #FFFFFF;
}
.top_left2
{
float: left;
width: 345px;
}
.top_right2
{
float: right;
width: 345px;
}
.top_right3
{
}
.top_left2 img, .top_right2 img
{
margin-bottom: 20px;
}
.pg_top .ttl + .ttl_m
{
margin: 20px 0 10px;
font-size: 24px;
font-weight: bold;
text-indent: 0;
border: 0;
color: #333;
}
.pg_policy .entry-title, .pg_business .entry-title, .ttl3
{
position: relative;
padding: 12px 0 24px 46px;
margin: 5px 0 10px;
line-height: 100%;
font-weight: bold;
font-size: 22px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
vertical-align: middle;
letter-spacing: .2em;
color: #660033;
background:    -moz-linear-gradient(top,  rgba(236,218,235,0) 0%, rgba(236,218,235,0) 70%, rgba(236,218,235,1) 71%, rgba(245,238,242,1) 90%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(236,218,235,0) 0%,rgba(236,218,235,0) 70%,rgba(236,218,235,1) 71%,rgba(245,238,242,1) 90%,rgba(255,255,255,0) 100%);
background:         linear-gradient(to bottom,  rgba(236,218,235,0) 0%,rgba(236,218,235,0) 70%,rgba(236,218,235,1) 71%,rgba(245,238,242,1) 90%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ecdaeb', endColorstr='#00ffffff',GradientType=0 );
}
.pg_policy .entry-title:before, .pg_business .entry-title:before, .ttl3:before
{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 51px;
height: 57px;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ico_ttl3.png) no-repeat 0 0;
background-size: contain;
}
.pg_policy .entry-title:after, .pg_business .entry-title:after, .ttl3:after
{
display: none;
}
.ttl_with_img
{
display: flex;
margin: 0 0 20px;
line-height: 1.4;
font-size: 28px;
font-weight: bold;
color: #BF005A;
letter-spacing: .025em;
}
.ttl_with_img .ico, .ttl_with_img .txt
{
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
}
.ttl_with_img .ico
{
width: 18%;
max-width: 114px;
min-width: 90px;
}
.ttl_with_img .txt
{
flex: 1 1 auto;
padding-left: 15px;
width: 82%;
}
.box03
{ margin: 30px 0 20px;
overflow: hidden;
background: #FFF;
border: 1px solid #62010C;
border-radius: 12px;
}
.box03_in
{ padding: 20px 20px; font-size: .9em;
}
.box03 .title
{
margin: -20px -20px 20px;
line-height: 1.3;
padding: 10px 15px;
font-family: serif;
font-size: 24px;
font-weight: bold;
color: #632846;
background: #FFFFFF;
background:    -moz-linear-gradient(top,  #FFFFFF 0%, #DFD1D1 100%);
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#DFD1D1 100%);
background:         linear-gradient(to bottom,  #FFFFFF 0%,#DFD1D1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfd1d1',GradientType=0 );
border-bottom: 1px solid #FFF;
box-shadow: 0 4px 10px rgba(0,0,0,.175);
text-indent: 0;
}
.box03_in .title_inner
{
position: relative;
margin: 0 0 10px;
padding: 0;
font-family: serif;
font-size: 40px;
font-weight: bold;
line-height: 1.2;
color: #41122A;
}
.box03_in .title_inner:after
{
content: '';
display: inline-block;
position: relative;
top: -.2em;
margin-left: .15em;
width: .7em;
height: 1em;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ico_flower.png) no-repeat right bottom;
background-size: contain;
vertical-align: middle;
}
.box03_in .title_inner .sub
{
display: block;
font-size: .55em;
font-family: inherit;
line-height: 1.2;
margin: 0 0 .15em;
}
.box03_in p
{  padding: 0 0 10px;
margin: 0;
display: block;
}
.box03_in .list dd
{
margin-bottom: 1.5em;
}
.tileBox.col3
{
margin: 30px auto;
}
.tileBox.col3 > .box
{
position: relative;
margin: 0 0 30px;
padding: 0 5px 15px;
border-bottom: 1px dashed #712F4F;
}
.tileBox.col3 > .box:nth-child(3n):after
{
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
border-top: 1px dotted #000;
}
.tileBox.col3 > .box .img img
{
display: block;
margin: 0 auto;
}
.tileBox.col3 > .box .cap
{
margin: 0;
padding: 10px 5px 0;
font-size: 12px;
line-height: 1.5em;
}
.pickupBox
{
position: relative;
margin: 30px auto 20px;
display: block;
position: relative;
border: 1px solid #660000;
border-radius: 4px;
background: rgba(255, 255, 255, 0);
word-wrap: break-word;
transition: all .4s ease;
}
.pickupBox .head
{
position: absolute;
border-radius: 2px;
background: #660000;
font-size: 12px;
font-weight: 500;
padding: 4px 10px 4px 25px;
top: -14px;
left: 20px;
padding-bottom: 2px;
color: #FFF;
letter-spacing: 0;
}
.pickupBox .head:after
{
position: absolute;
font-family: sans-serif,'Font Awesome 5 Free';
content: '\f15b';
font-weight: bold;
left: 10px;
bottom: 4px;
background: #660000;
color: #FFF;
font-size: .8em;
border-radius: 2px;
}
.pickupBox .img
{
width: 72px;
}
.pickupBox .txt
{
width: calc(100% - 72px);
padding-left: 10px;
}
.pickupBox a
{
display: block;
padding: 20px 20px 10px;
text-decoration: none;
}
.pickupBox a:hover
{
text-decoration: underline;
}
.pickupBox .colWrap span
{
display: block;
}
.pickupBox .catch
{
font-weight: bold;
color: #660000;
}
.pickupBox .desc
{
color: #000;
}
.pickupBox .btn
{
font-weight: bold;
right: 10px;
bottom: 10px;
padding: 1px 10px;
background: #660000;
color: #FFF;
font-size: .8em;
border-radius: 2px;
position: absolute;
}
.pickupBox .btn:after
{
margin-left: 5px;
font-family: sans-serif,'Font Awesome 5 Free';
content: '\f101';
}
p.maintxt
{
padding: 10px 15px;
font-size: 14px;
line-height: 1.5em;
} #breadcrumb
{
font-size: 13px;
}
#breadcrumb a
{
color: #666;
text-decoration: none;
}
#breadcrumb
{
padding: 0 0 5px;
margin: 0 0 0;
clear: both;
}
#breadcrumb a
{ }
#breadcrumb a:hover
{
text-decoration: underline;
}
#breadcrumb ol li
{
display: inline;
font-size: 13px;
}
#breadcrumb ol li:not(:last-child):after
{
content: '>';
display: inline-block;
margin: 0 3px;
}
#breadcrumb ol li a
{
color: #666;
text-decoration: none;
} .contactTbl
{
border-collapse: collapse;
border: 0 !important;
}
.contactTbl th, .contactTbl td
{
padding: 10px 0;
border: 0;
font-size: 100% !important;
}
.contactTbl tr
{
background: none !important;
}
.contactTbl th
{
font-weight: normal;
padding-right: 10px;
width: 25%;
}
.wpcf7
{
margin: 40px auto 0;
background: none;
border: none;
text-align: left;
}
.wpcf7 p
{
margin: 0 0 1.5em;
}
.wpcf7 .note
{
margin: 10px 0 5px;
font-size: 100% !important;
}
.wpcf7 input[type='text'], .wpcf7 input[type='email'], .wpcf7 input[type='url'], .wpcf7 textarea
{
padding: 4px;
border: 1px solid #CCC;
border-radius: 0;
box-shadow: none;
}
.wpcf7 input[type='submit'], .wpcf7 input[type='submit']:hover
{
display: block;
margin: 20px auto 0;
width: 240px;
background: #FFFFFF;
background:    -moz-linear-gradient(top,  #FFFFFF 0%, #EEEEEE 100%);
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#EEEEEE 100%);
background:         linear-gradient(to bottom,  #FFFFFF 0%,#EEEEEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
border: 1px solid #AAA;
}
.wpcf7 input[type='submit']:hover
{
cursor: pointer;
border-color: #444;
}
.wpcf7 .hissu
{
font-weight: bold;
color: #CC0000;
} .pg_firstone .entry-title
{
padding: 15px 15px 13px;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ttl2_bg.png) no-repeat 0 0;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
}
.reasonSection .reason01, .reasonSection .colWrap
{
border-bottom: 1px dashed #712F4F;
}
.reasonSection .colWrap .box:nth-child(1)
{
border-bottom: 1px dashed #712F4F;
}
.reasonSection .colWrap .box
{
padding-top: 10px;
}
@media screen and (min-width: 769px)
{
.reasonSection .colWrap .box:nth-child(1)
{
border: 0;
border-right: 1px solid #B9859E;
}
.reasonSection .colWrap .box
{
padding-top: 0;
}
}
.orderGuideSection > div, .shippingGuideSection > div
{
margin-bottom: 0 !important;
}
.orderGuideSection .inner .widget
{
margin: 0 auto !important;
}
.orderGuideSection .stepBox .colWrap
{
margin: 0 auto 30px;
}
.orderGuideSection .stepBox .colWrap .img img
{
padding: 5px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
max-width: 312px;
}
.orderGuideSection .stepBox .colWrap .txt
{
margin: 20px 0 0;
}
@media screen and (min-width: 769px)
{
.orderGuideSection .stepBox .colWrap > div
{
margin: 0 0 15px;
width: calc(50% - 3px);
}
}
.shippingGuideBox + .shippingGuideBox
{
margin-top: 40px;
}
.shippingGuideBox .box01
{
font-size: .8em;
color: #666;
}
.pg_firstone .kochoran-step ul {
max-width: unset;
} .faqSection .faqBox
{
margin: 0 0 20px;
}
.faqSection .q, .faqSection .a
{
position: relative;
margin: 0 0 10px;
padding: 10px 15px 10px 50px;
}
.faqSection .q:before, .faqSection .a:before
{
content: '';
display: block;
position: absolute;
left: 0;
top: .2em;
width: 40px;
height: 40px;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ico_faq.png) no-repeat center 0;
}
.faqSection .a:before
{
background-position: center -40px;
}
.faqSection .q
{
padding-top: 15px;
padding-bottom: 8px;
font-size: 1.15em;
line-height: 1.3;
color: #733051;
font-weight: bold;
border-bottom: 1px dashed #712F4F;
}
.faqSection .a
{ font-size: 1em;
} .guideSection p
{
margin: 5px 0;
padding: 0;
}
.guideSection .title_s
{
margin-top: 20px;
}
.guideSection .cardGuide
{
margin: 5px 0 20px;
}
.guideSection .cardGuide p
{
margin: 0;
}
.guideSection .cardGuide img
{
display: block;
}
.guideSection  .tbl
{
table-layout: fixed;
border-collapse: separate;
border-spacing: 0 1px;
margin: 15px 0;
width: 100%;
border-left: #F1F1F1 1px solid;
border-top: #F1F1F1 1px solid;
}
.guideSection .tbl.mt0
{
margin-top: 0;
}
.guideSection .tbl th, .guideSection .tbl td
{
padding: 2px;
font-size: 12px;
font-weight: normal;
line-height: 1.2em;
border-right: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
}
.guideSection .tbl th
{
background: #EEF3FF;
text-align: center;
}
.guideSection .tbl td
{
text-align: center;
background: #FFF;
}
.guideSection .areaTbl th
{
text-align: left;
width: 230px;
}
.guideSection .areaTbl .font_s
{
font-size: .9em;
}
.guideSection .timeTbl th
{
text-align: right;
}
.guideSection .timeTbl td
{
text-align: left;
} .pg_point .entry-title
{
padding: 15px 15px 13px;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ttl2_bg.png) no-repeat 0 0;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
}
.pointSection .pointFrame .article
{
margin: 0 0 40px; }
.pointSection .pointFrame .article .head
{
margin: 0 0 20px;
font-size: 24px;
font-weight: 900;
border-bottom: 1px dashed #712F4F;
}
.pointSection .pointFrame .article .head .hd
{
display: inline-block;
margin: 0 10px 0 0;
padding: 0 60px 0 0;
height: 41px;
line-height: 48px;
color: #712F4F;
font-size: 17px;
font-weight: bold;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ico_point.png) no-repeat right 0;
vertical-align: bottom;
}
.pointSection .pointFrame .btnFrame .btn_register
{
display: block;
position: relative;
margin: 0 auto;
padding: 10px 10px;
max-width: 95%;
line-height: 1.3;
border-radius: 5px;
font-size: 34px;
font-weight: bold;
color: #FFFF99;
background: rgb(164,123,143);
background:    -moz-linear-gradient(top,  rgba(164,123,143,1) 0%, rgba(79,28,53,1) 100%);
background: -webkit-linear-gradient(top,  rgba(164,123,143,1) 0%,rgba(79,28,53,1) 100%);
background:         linear-gradient(to bottom,  rgba(164,123,143,1) 0%,rgba(79,28,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a47b8f', endColorstr='#4f1c35',GradientType=0 );
text-align: center;
}
.pointSection .pointFrame .btnFrame .btn_register:after
{
content: '';
display: block;
position: absolute;
bottom: -51px;
left: 0;
width: 100%;
height: 50px;
border-radius: 5px;
background:    -moz-linear-gradient(top,  rgba(208,185,197,1) 0%, rgba(79,28,53,0) 30%);
background: -webkit-linear-gradient(top,  rgba(208,185,197,1) 0%,rgba(79,28,53,0) 30%);
background:         linear-gradient(to bottom,  rgba(208,185,197,1) 0%,rgba(79,28,53,0) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0b9c5', endColorstr='#004f1c35',GradientType=0 );
} .pg_farmer .farmerSection .box03 img.alignright
{
width: 41.2%;
height: auto;
}
@media screen and (min-width: 769px)
{
.pg_farmer .farmerSection .box03 img.alignright
{
margin-left: 15px;
}
} .rappingSection .guideFrame
{
margin: 0 0 35px;
font-size: .9em;
}
.rappingSection .guideFrame .img
{
margin-left: 10px;
min-width: 166px;
}
.rappingSection .rappingFrame .box
{
position: relative;
padding: 0 30px;
}
.rappingSection .rappingFrame .txt
{
position: absolute;
top: 0;
left: 0;
writing-mode: vertical-rl;
text-orientation: upright;
font-size: 28px;
font-weight: bold;
font-family: serif;
}
.rappingSection .rappingFrame .img > div
{
position: relative;
margin: 0 auto;
max-width: 250px;
}
.rappingSection .rappingFrame .img > div:before
{
content: '';
display: block;
height: 0;
padding: 100% 0 0;
z-index: 2;
}
.rappingSection .rappingFrame .img > div:after
{
content: '';
display: block;
position: absolute;
top: 5px;
left: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
border-radius: 50%;
}
.rappingSection .rappingFrame .img > div img
{
display: block;
position: absolute;
border-radius: 50%;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
} .rappingSection .rappingFrame .pink .txt
{
color: #FF78BD;
}
.rappingSection .rappingFrame .pink .img > div img
{
border: 3px solid #FF78BD;
}
.rappingSection .rappingFrame .pink .img > div:after
{
background: #FF78BD;
box-shadow: 5px 5px 10px 10px rgba(255, 120, 189, .35);
} .rappingSection .rappingFrame .red .txt
{
color: #C6080A;
}
.rappingSection .rappingFrame .red .img > div img
{
border: 3px solid #C6080A;
}
.rappingSection .rappingFrame .red .img > div:after
{
background: #C6080A;
box-shadow: 5px 5px 10px 10px rgba(198, 8, 10, .35);
} .rappingSection .rappingFrame .purple .txt
{
color: #932D5D;
}
.rappingSection .rappingFrame .purple .img > div img
{
border: 3px solid #932D5D;
}
.rappingSection .rappingFrame .purple .img > div:after
{
background: #932D5D;
box-shadow: 5px 5px 10px 10px rgba(147, 45, 93, .35);
} .rappingSection .rappingFrame .green .txt
{
color: #629800;
}
.rappingSection .rappingFrame .green .img > div img
{
border: 3px solid #629800;
}
.rappingSection .rappingFrame .green .img > div:after
{
background: #629800;
box-shadow: 5px 5px 10px 10px rgba(98, 152, 0, .35);
} .rappingSection .rappingFrame .gold .txt
{
color: #A08E12;
}
.rappingSection .rappingFrame .gold .img > div img
{
border: 3px solid #A08E12;
}
.rappingSection .rappingFrame .gold .img > div:after
{
background: #A08E12;
box-shadow: 5px 5px 10px 10px rgba(160, 142, 18, .35);
} .rappingSection .rappingFrame .osonae .txt
{
color: #696969;
}
.rappingSection .rappingFrame .osonae .img > div img
{
border: 3px solid #696969;
}
.rappingSection .rappingFrame .osonae .img > div:after
{
background: #696969;
box-shadow: 5px 5px 10px 10px rgba(105, 105, 105, .35);
}
.rappingSection .rappingFrame > div
{
margin: 0 0 45px; width: 50%;
} .pg_board .boardSection .ttl_m3
{
position: relative;
padding: 12px 0 28px 46px;
margin: 30px 0 10px;
padding-left: 75px;
line-height: 100%;
font-family: serif;
font-weight: bold;
font-size: 34px;
vertical-align: middle;
letter-spacing: .05em;
color: #660033;
background:    -moz-linear-gradient(top,  rgba(236,218,235,0) 0%, rgba(236,218,235,0) 70%, rgba(236,218,235,1) 71%, rgba(245,238,242,1) 90%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(236,218,235,0) 0%,rgba(236,218,235,0) 70%,rgba(236,218,235,1) 71%,rgba(245,238,242,1) 90%,rgba(255,255,255,0) 100%);
background:         linear-gradient(to bottom,  rgba(236,218,235,0) 0%,rgba(236,218,235,0) 70%,rgba(236,218,235,1) 71%,rgba(245,238,242,1) 90%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ecdaeb', endColorstr='#00ffffff',GradientType=0 );
}
.pg_board .boardSection .ttl_m3:before
{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 67px;
height: 58px;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/ico_ttl_m3.png) no-repeat 0 0;
background-size: contain;
}
.pg_board .boardSection .ttl_m3:after
{
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 30%;
height: 1px;
border-bottom: 1px dashed #743152;
}
.usageNavFrame, .pg_board .boardSection .boardMenuFrame
{
margin: 20px auto 0;
}
.usageNavFrame li, .pg_board .boardSection .boardMenuFrame li
{
padding: 5px;
}
.usageNavFrame li img, .pg_board .boardSection .boardMenuFrame li img
{
display: block;
margin: 0 auto;
} .boardSection .widget
{
margin: 0 !important;
} .boardFrame:first-of-type
{
margin-top: 20px;
}
.boardFrame .colWrap
{
padding: 20px 0;
border-bottom: 1px dotted #000;
text-align: center;
} .boardFrame.boardImgBox .colWrap
{
border-bottom: 0;
}
.boardFrame.boardLineupBox .colWrap:not(.bd)
{
border-bottom: 0;
padding-bottom: 0;
}
.boardFrame.boardLineupBox .colWrap > div
{
margin: 0 0 30px;
width: 25%;
}
.boardFrame.boardLineupBox .colWrap > div:only-child
{
margin: 0;
}
.boardFrame.boardLineupBox  p, .boardFrame.boardLineupBox ul
{
width: 100%;
}
.boardFrame.boardLineupBox img
{
display: block;
margin: 0 auto 15px;
max-width: 106px;
}
.boardFrame.boardLineupBox .msg img
{
max-width: 150px;
}
.boardFrame.boardLineupBox .img .noimg
{
position: relative;
margin: 0 auto 15px;
max-width: 106px;
}
.boardFrame.boardLineupBox .img .noimg:before
{
content: '';
box-sizing: border-box;
display: block;
width: auto;
position: relative;
height: 0;
padding: 166.0378% 0 0;
}
.boardFrame.boardLineupBox .img .noimg p
{
display: none;
}
.boardFrame.boardLineupBox .namae
{
position: relative;
margin: 5px 0;
padding: 0 10px;
line-height: 1.2;
font-weight: bold;
font-size: 18px;
}
.boardFrame.boardLineupBox .sup
{
position: absolute;
right: 0;
bottom: 0;
font-size: 11px;
font-weight: normal;
}
.boardFrame.boardLineupBox .namae .sup
{
position: absolute;
right: 0;
top: 0;
bottom: auto;
font-size: 11px;
font-weight: normal;
}
.boardFrame.boardLineupBox .msg p.namae
{
white-space: nowrap;
}
.boardFrame.boardLineupBox .price .num
{
font-weight: bold;
font-size: 18px;
color: #DD0000;
}
.boardFrame.boardLineupBox .msg .font_s
{
font-size: .85em;
}
.boardFrame.boardLineupBox .note
{
position: relative;
margin: 8px 0 0;
text-align: right;
line-height: 1;
font-size: .8em;
}
.boardFrame.boardLineupBox .note .sup
{
position: relative;
float: right;
margin-left: .5em;
}
.boardFrame.boardLineupBox .note_s
{
font-size: 11.8px;
}
.boardFrame .noteFrame
{
margin: 0;
padding: 0 0 30px;
border-bottom: 1px dotted #000;
font-size: 12px;
} .boardFrame.boardSampleBox .img
{
width: 51%;
}
.boardFrame.boardSampleBox .img img
{
margin: 0 auto;
max-width: 360px;
}
.boardFrame.boardSampleBox .type2 .img, .boardFrame.boardSampleBox .msgCard img
{
max-width: 240px;
}
.boardFrame.boardSampleBox .txt
{
width: calc(49% - 15px);
text-align: left;
}
.boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
{
font-family: serif;
font-weight: bold;
}
.boardFrame.boardSampleBox .boardTxt + p
{
margin: 1em 0;
}
.boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
{
display: inline-block;
line-height: 1.3;
font-family: serif;
font-weight: bold;
font-size: 18px;
color: #DD0000;
vertical-align: middle;
}
.boardFrame.boardSampleBox .msgHead + .msgTxt
{
margin-top: 1em;
} .boardFrame.boardImgBox .img
{
width: 30%;
}
.boardFrame.boardImgBox .img  img
{
max-width: 200px;
} #box01
{
position: relative;
background: #FFF;
background-size: contain;
min-height: 315px;
border: 1px solid #990000;
border-radius: 12px;
overflow: hidden;
}
#box01:before
{
content: '';
display: block;
position: absolute;
bottom: 0;
left: 1.7%;
width: 20.28%;
max-width: 143px;
height: 100%;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/trophy.png) no-repeat  bottom;
background-size: contain;
}
#box01 img
{
box-shadow: 0 10px 10px rgba(0,0,0,.1);
}
#box01 .txt
{
padding: 0 2.7% 2.7% 21.56%;
}
#box01 .head
{
margin: 10px 0 5px;
font-size: 24px;
font-weight: bold;
line-height: 1.3;
color: #431428;
font-family: serif;
}
#box01 .head  br
{
display: none;
}
#box01 p
{
display: block;
margin: 0;  }
.voiceSection, .howtoSection
{ } .voiceFrame
{
position: relative;
box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
.voiceFrame + .voiceFrame
{
margin-top: 30px;
}
.voiceFrame:before
{
content: '';
display: block;
position: absolute;
left: -10px;
right: -10px;
top: 30%;
bottom: -10px;
background: linear-gradient(0, #FBF8FB, transparent);
}
.voiceFrame .box-inner
{
position: relative;
background: #FFF;
padding: 4%;
z-index: 1;
}
.voiceFrame p.lined
{
border-bottom: 1px dotted #733051;
padding-bottom: 1.5em;
}
@media print, screen and (min-width: 769px)
{
.voiceFrame .txt
{
flex: 1 1 calc(100% - 215px);
padding-right: 15px;
}
} .howtoSection .article
{
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px dotted #733051;
}
.howtoSection .article:last-child
{
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.howtoSection .article .ttl_s
{
font-weight: normal;
margin-bottom: 5px;
}
@media print, screen and (min-width: 769px)
{
.howtoSection .article .txt
{
padding-right: 15px;
}
.howtoSection .article .img
{
padding-top: 25px;
}
} .mannerSection > .sec + .sec
{
margin-top: 40px;
}
.mannerSection .tbl01
{
margin: 20px 0;
width: 100%;
}
.mannerSection .tbl01 th, .mannerSection .tbl01 td
{
padding: 5px;
} .pg_policy .policySection .article
{
margin: 20px 0;
}
.pg_policy .policySection .txt, .pg_policy .policySection .article > p, .pg_policy .policySection .article > ul
{
padding: 0 20px;
} .pg_business .article + .article
{
margin-top: 30px;
}
.pg_business .businessSection h3
{
font-size: 110%;
color: rgb(255, 0, 0);
margin: 5px 0;
padding: 2px 0;
border-bottom: 1px dotted rgb(51, 51, 51);
} .single-shop .ttl3.recommended:after
{
content: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/icon_pickup.gif);
display: inline-block;
margin: 0 0 0 7px;
}
.itemInfoTable > img
{
max-width: 100%;
}
.databox
{
margin: 20px auto;
width: 100%;
text-align: left;
font-size: 12px;
color: rgb(102, 51, 51);
border: 2px solid rgb(153, 102, 153);
}
.databox td, .databox .td, .databox th, .databox .th
{
padding: 10px;
border: 1px dotted rgb(153, 102, 153);
}
.databox th, .databox .th
{
width: 120px;
background: rgb(239, 223, 229);
}
.databox tr:first-child td:nth-of-type(1), .databox tr:nth-child(2) td:nth-of-type(1)
{
min-width: 120px;
}
.databox tr:first-child td:nth-of-type(2)
{
width: auto;
}
.databox td ul
{
overflow: hidden;
}
.databox td ul li
{
display: block;
float: left;
list-style-type: none;
margin: 0 20px 0 0;
padding: 0 13px;
background: url(https://www.kochoran.ne.jp/wp-content/uploads/2020/02/list_arw.gif) 0 2px no-repeat;
}
.itemInfoBox
{
font-size: 12px;
margin: 40px auto;
}
.itemInfoBox > .img
{
text-align: center;
}
.noRegularPrice .itemInfoBox .regularPrice
{
display: none;
}
@media screen and (min-width: 600px)
{
.itemInfoBox > .img
{
width: 250px;
}
.itemInfoBox > .txt
{
flex: 1 1 auto;
margin: 0;
padding: 0 5%;
width: calc(100% - 250px);
}
}
.itemInfoBox .layoutp3 td
{
padding: 3px;
}
.itemInfoBox .layoutp3 .red
{
color: rgb(153, 0, 0);
}
.itemInfoBox .layoutp3 .fixed
{
font-size: 120%;
color: rgb(51, 51, 51);
text-align: left;
}
.itemInfoBox .layoutp3 .price
{
color: rgb(204, 0, 0);
text-align: left;
font-weight: bold;
}
#sns-twitter-button .twitter-rect
{
vertical-align: middle;
}
.relatedItemFrame
{
margin: 45px auto 0;
}
.relatedItemFrame .innerFrame
{
padding: 10px;
background: #FFF;
}
.relatedItemFrame .ttl3
{ }
.relatedItemFrame .box
{
display: flex;
margin: 0 0 25px;
}
.relatedItemFrame .box:last-child
{
margin-bottom: 0;
}
.relatedItemFrame .img img
{
display: block;
margin: 0 auto;
width: 120px;
height: 165px;
object-fit: contain;
font-family: 'object-fit: contain; object-position: center bottom;';
}
.relatedItemFrame .txt
{
padding: 0 0 0 15px;
flex: 1 1 auto;
width: calc(100% - 150px);
font-size: 16px;
font-weight: bold;
}
.relatedItemFrame .txt > p
{
margin: 0 0 5px;
line-height: 1.2;
}
.relatedItemFrame .txt .itemName:hover
{
color: rgb(255, 0, 0);
text-decoration: underline;
}
.relatedItemFrame .txt .fixed
{
font-size: 1.125em;
font-weight: normal;
}
.relatedItemFrame .txt .price
{
color: rgb(204, 0, 0);
text-align: left;
font-weight: bold;
}  body .ui-widget-header
{
border: 0;
background: #FFFFFF;
}
body .ui-dialog
{
position: fixed;
}
body .ui-dialog .ui-dialog-titlebar-close
{
margin: -5px 0 0 0;
}
body .ui-dialog .ui-dialog-titlebar-close .ui-button-icon-primary
{
margin: -8px;
}
body .fl_main
{
float: left;
margin: 0 10px 10px 0;
text-align: center;
position: relative;
overflow: hidden;
}
body .fl_main div
{
float: left;
position: relative;
}
body .fl_thumbnail
{
float: left;
border: 1px solid #C9E1F4;
padding: 5px;
max-width: 132px;
}
body .fl_t_item
{
float: left;
border: 1px solid #DDD;
cursor: pointer;
width: 54px;
margin: 5px;
}
body .fl_t_img
{
height: 50px;
}
body .fl_img_selected
{
border: 2px solid #E47911;
margin: 4px;
}
body #thum_prev, body #thum_next
{
cursor: pointer;
}  .sitemapFrame
{
font-size: 14px;
padding: 0 15px;
}
.sitemapFrame .pageListBox
{
padding: 15px;
border-top: 1px dotted #63364C;
}
.sitemapFrame .pageListBox:first-child
{
border-top: 0;
padding-top: 0;
}
.sitemapFrame .pageListBox > .head
{
display: block;
position: relative;
margin: 10px 0;
padding-left: 20px;
font-size: 16px;
font-weight: bold;
}
.sitemapFrame .pageListBox > .head:before
{
content: '';
display: block;
position: absolute;
top: 4px;
left: 0;
width: 12px;
height: 12px;
background: #980052;
border-radius: 2px;
}
.sitemapFrame .pageListBox ul
{
margin-left: 1em;
}
.sitemapFrame .pageList li
{
margin: 7px 0;
}
.sitemapFrame .pageList li ul
{
margin-bottom: 20px;
margin-left: 2em;
}
.sitemapFrame .pageList li a
{
display: block;
position: relative;
padding-left: 20px;
}
.sitemapFrame .pageList li a:before
{
content: '';
box-sizing: border-box;
display: block;
position: absolute;
top: 2px;
left: 0;
width: 10px;
height: 10px;
border-left: 1px solid #980052;
border-bottom: 1px solid #980052;
opacity: .5;
}
.sitemapFrame .pageList > li > a, .sitemapFrame .pageList > li > span
{
display: block;
position: relative;
margin: 10px 0;
padding-left: 15px;
font-weight: bold;
}
.sitemapFrame .pageList > li > a:before, .sitemapFrame .pageList > li > span:before
{
content: '';
display: block;
position: absolute;
top: 8px;
left: 0;
width: 0;
height: 0;
border: 4px solid transparent;
border-left: 5px solid #980052;
opacity: .7;
} header + .info
{
margin: 30px auto 0;
}
header + .info .infoBox
{
background: #FFD2DA69;
padding: 10px;
border: 1px solid #FFBDC0;
border-radius: 5px;
} div#topnews
{
margin: 15px 0 0;
}
div#topnews dl
{
margin: 0 0 20px;
}
div#topnews dt
{
max-width: 210px;
width: 30%;
}
div#topnews dd
{
flex-grow: 1;
padding-left: 20px;
width: 70%;
} iframe
{
max-width: 100%;
}  @media print, screen and (max-width: 991px)
{
.pc
{
display: none !important;
}
.tab, .pc.tab
{
display: block !important;
}
.tab-flex
{
display: flex;
} header .visualFrame
{
background-size: auto 106%;
}
header #logo
{
height: auto;
}
header #logo .descr
{
margin: 0 0 0 30px;
padding-top: 30px;
max-width: 32em;
height: auto;
line-height: 1.8;
}
header .sitename:after
{
padding: 30% 0 0;
}
#headicon #hdicon1, #headicon #hdicon2, #headicon #hdicon3
{
width: calc(33.33% - 10px);
}
#headicon .ico
{
font-size: 1.9vw;
}
#headicon #hdicon2 .ico, #headicon #hdicon3 .ico
{
font-size: 2.4vw;
}
#headicon .note
{
text-align: left;
} .gnav #main-navigation li > a, .gnav .menu-globalmenu-container > li > a, .gnav .menu > li > a
{
font-size: 1.4vw;
padding: 0;
} .container
{
padding-left: 20px;
padding-right: 20px;
}
.ttl, .entry-title
{
margin: 25px 0 30px;
padding: 10px 15px;
font-size: 22px;
}
.ttl:after, .entry-title:after
{
bottom: -10px;
height: 10px;
}
.ttl_m
{
}
.ttl_s
{
font-size: 16px;
}
h2.heading
{
padding: 12px 5px;
font-size: 21px;
line-height: 1.3;
}
h3.heading, .heading_m
{
padding: 7px 0;
font-size: 19px;
}
p.cap
{
margin: 10px 0;
}
.pg_top .ttl + .ttl_m
{
margin: 15px 0 10px;
font-size: 20px;
}
.ttl_with_img
{
line-height: 1.3;
font-size: 18px;
}
.ttl_with_img .txt
{
padding-left: 10px;
}  .boardFrame:first-of-type
{
margin-top: 10px;
}
.boardFrame.boardLineupBox .colWrap:after
{
content: '';
display: block;
width: 8%;
}
.boardFrame.boardLineupBox .colWrap > div
{
width: 23%;
} .boardFrame.boardLineupBox .colWrap > .msg
{
width: 31%;
}
.boardFrame.boardLineupBox .img img, .boardFrame.boardLineupBox .img .noimg
{ max-width: 11vw;
}
.boardFrame.boardLineupBox .img.msg img
{ max-width: 14vw;
}
.boardFrame.boardLineupBox .price
{
font-size: 13px;
}
.boardFrame.boardLineupBox .namae, .boardFrame.boardLineupBox .price .num
{
font-size: 1.7vw;
}
.boardFrame.boardLineupBox .namae
{
padding: 0;
}
.boardFrame.boardLineupBox .msg p.namae
{
white-space: normal;
max-width: 90%;
margin: 5px auto 0;
}
.boardFrame.boardLineupBox .namae .sup
{
top: -12px;
}
.boardFrame.boardLineupBox .note, .boardFrame.boardLineupBox .note_s
{
font-size: 11px;
}
.boardFrame.boardLineupBox .note_s
{
font-size: 1.1vw;
}
.boardFrame .noteFrame
{
margin: 0;
padding: 0 0 20px;
} .boardFrame.boardSampleBox .img
{
width: 40%;
}
.boardFrame.boardSampleBox .txt
{
width: calc(60% - 15px);
font-size: 14px;
}
.boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
{
font-size: 1.8vw;
}
.boardFrame.boardSampleBox .boardTxt + p
{
margin: .75em 0;
}
.boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
{
font-size: 1.8vw;
}
.boardFrame.boardSampleBox .msgHead + .msgTxt
{
margin-top: .75em;
} #box01 .head
{
font-size: 22px;
} .voiceFrame .box-inner
{
padding: 20px;
}
}
table.table01
{
width: 100%;
border: #3EB1C6 solid 1px;
border-collapse: collapse;
}
table.table01 thead th
{
background: #3EB1C6;
color: #FFF;
padding: 10px 15px;
border-right: #FFF solid 1px;
border-bottom: #FFF solid 1px;
}
table.table01 thead th:last-child
{
border-right: #3EB1C6 solid 1px;
}
table.table01 tbody th
{
background: #3EB1C6;
color: #FFF;
padding: 10px 15px;
border-bottom: #FFF solid 1px;
vertical-align: top;
}
table.table01 tbody tr:last-child th
{
border-bottom: #3EB1C6 solid 1px;
}
table.table01 tbody td
{
background: #FFF;
padding: 10px 15px;
border-left: #3EB1C6 solid 1px;
border-bottom: #3EB1C6 solid 1px;
vertical-align: top;
}
.under
{
background: linear-gradient(transparent 50%, rgb(242 210 4 / 90%) 50%);
}
.under-red
{
background: linear-gradient(transparent 50%, rgb(216 82 91 / 90%) 50%);
}
.under-blue
{
background: linear-gradient(transparent 50%, rgb(81 214 203 / 90%) 50%);
}
.box26
{
position: relative;
margin: 2em 0;
padding: .5em 1em;
border: solid 3px #95CCFF;
border-radius: 8px;
}
.box26 .box-title
{
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FBF8FB;
color: #95CCFF;
font-weight: bold;
}
.box26 p
{
margin: 0;
padding: 0;
}
.box-dashed
{
position: relative;
margin: 25px 0;
padding: 20px;
background: #FBF8FB;
border: dashed 2px #793F65;
border-radius: 8px;
}
.box-brackets{
position: relative;
margin: 25px 0;
padding: 20px;
border-radius: 8px;
}
.box-brackets::before,
.box-brackets::after {
position: absolute;
width: 45px;
height: 75px;
content: '';
}
.box-brackets::before {
border-left: solid 3px #793F65;
border-top: solid 3px #793F65;
top: 0;
left: 0;
}
.box-brackets::after {
border-right: solid 3px #793F65;
border-bottom: solid 3px #793F65;
bottom: 0;
right: 0;
}
.box-hukidashi{
position: relative;
width: calc(100% - 50px);
left: 50px;
margin: 25px 0;
padding: 20px;
background-color: #f9f3f7;
border-radius: 8px;
}
.box-hukidashi::before{
position: absolute;
content: "";
left: -35px;
bottom: 5px;
width: 20px;
height: 20px;
border-radius: 20px;
background-color: #f9f3f7;
}
.box-hukidashi::after{
position: absolute;
left: -50px;
bottom: -5px;
content: "";
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #f9f3f7;
}
.relation-post{
position: relative;
margin: 25px 0;
padding: 20px;
background: #FBF8FB;
border-radius: 8px;
}
.relation-post h3{
display: flex;
font-size: 20px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: normal;
}
.relation-post .i-relation {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
color: #793f65;
background-color: #fff;
border-radius: 50%;
margin-left: 10px;
}
.relation-post .i-relation::before{
content: '';
display: inline-block;
position: absolute;
background-image: url(https://www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/i-relation.png);
background-size: cover;
width: 24px;
height: 22px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.relation-post .thumb{
width: 80%;
margin: 0 auto 25px auto;
}
.relation-post .thumb figure{
margin: 0;
}
.relation-post .thumb figure img{
margin: 0;
}
.relation-post .discription-box{
margin-top: 10px;
padding-top: 20px;
border-top: 1px dashed #222222;
}
.relation-post .discription-box .title{
margin-bottom: 20px;
}
.relation-post .discription-box .title a{
font-size: 20px;
margin-bottom: 20px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #793F65;
}
@media screen and (min-width: 769px) {
.box-dashed,
.box-brackets,
.box-hukidashi,
.relation-post {
padding: 25px 30px;
margin: 50px 0;
}
.box-hukidashi{
position: relative;
width: calc(100% - 100px);
left: 100px;
}
.box-hukidashi::before{
content: "";
left: -70px;
bottom: 10px;
width: 40px;
height: 40px;
}
.box-hukidashi::after{
position: absolute;
left: -100px;
bottom: -10px;
content: "";
width: 20px;
height: 20px;
}
.relation-post{
display: flex;
justify-content: space-between;
}
.relation-post .thumb{
margin: 0px;
width: 200px;
}
.relation-post .thumb figure{
margin: 0;
padding: 0;
}
.relation-post .post-box{
width: calc(100% - 240px);
}
} .sec_price
{
}
* + .sec_price
{
margin-top: 80px;
}
.sec_price_category
{
padding: 36px 0 40px 0;
}
.sec_price_category + .sec_price_category
{
padding: 40px 0;
}
.price_heading
{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 184px;
background-size: cover;
}
.price_heading span
{
color: rgb(196, 2, 75);
font-size: 2.0rem;
font-weight: bold;
font-family: serif;
letter-spacing: .01em;
line-height: 1.875;
}
.sec_price .sp-visible
{
display: none;
}
.price_heading.bg_price_heading01
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bnr_title01.jpg);
}
.price_heading.bg_price_heading02
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bnr_title02.jpg);
}
.price_heading.bg_price_heading03
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bnr_title03.jpg);
}
.price_heading .u_darkpurple
{
color: #733051;
}
.price_anc
{
margin-top: 36px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.price_anc li
{
width: calc(25% - 20px);
}
.price_anc li img
{
width: 100%;
}
.price_anc li:not(:first-child)
{
margin-left: 20px;
}
.price_anc a
{
margin: 0;
display: block;
}
.price_anc a:hover
{
opacity: .7;
}
.price_box_point
{
margin-top: 36px;
padding: 20px;
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bg_point.jpg) no-repeat bottom right;
background-size: cover;
letter-spacing: .01em;
}
.price_box_item
{
margin-top: 1em;
width: 62%;
}
.price_box_title span
{
color: rgb(196, 2, 75);
font-size: 18px;
font-size: 1.8rem;
font-family: serif;
font-weight: bold;
line-height: 1.2;
border-bottom: 1px solid #CFBF59;
}
.price_box_subtitle
{
position: relative;
color: rgb(196, 2, 75);
font-family: serif;
font-size: 1.6rem;
font-weight: bold;
padding-left: 1.5em;
}
.price_box_subtitle::before
{
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/icon_pointlist.png);
background-size: cover;
width: 1em;
height: 1em;
}
.price_box_text
{
font-size: 1.6rem;
line-height: 1.5;
font-family: serif;
}
.price_title
{
margin-bottom: 40px;
font-family: serif;
color: rgb(196, 2, 75);
padding: .5em 0;
position: relative;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
letter-spacing: .01em;
}
.price_title::before
{
content: '';
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 87px;
height: 12px;
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/h2_under.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.price_title + p
{
text-align: center;
}
.price_recommendlist
{
margin-top: 40px;
display: flex;
flex-wrap: wrap;
}
.price_recommend_item_thumb
{
width: 116px;
}
.price_recommend_item_thumb img
{
width: 100%;
height: 100%;
object-fit: cover;
}
.price_recommend_item_text
{
display: flex;
flex-direction: column;
padding: 1em;
}
.price_recommend_item_text *
{
font-family: serif;
font-weight: bold;
}
.price_recommend_item:nth-child(odd) .price_recommend_item_text
{
text-align: right;
}
.price_recommend_item:nth-child(even) .price_recommend_item_text
{
text-align: left;
}
.price_recommend_item_title
{
font-size: 1.8rem;
}
.price_recommend_item_price
{
font-size: 1.8rem;
}
.price_recommend_item_price span
{
font-size: 1.2rem;
}
.price_recommend_item_button
{
margin-top: auto;
}
.price_recommend_item_button a
{
padding: .5em 2.5em;
display: inline-block;
color: #FFF;
letter-spacing: .012em;
background-color: rgb(196, 2, 75);
background-image: linear-gradient( 0deg, rgb(111,1,56) 0%, rgb(226,3,114) 100%);
}
.price_recommend_item_button a:hover, .price_recommend_item_button a:focus
{
opacity: .7;
}
.price_recommend_item
{
display: flex;
justify-content: space-between;
width: calc(50% - 10px);
color: rgb(196, 2, 75);
background-color: #EBDBEA;
box-shadow: 0 2px 3px 0 rgba(4, 0, 0, .2);
}
.price_recommend_item:nth-child(even)
{
flex-direction: row-reverse;
margin-left: 20px;
}
.price_recommend_item:nth-child(n+3)
{
margin-top: 20px;
}
.price_more_button
{
margin-top: 50px;
text-align: center;
}
.price_more_button span
{
position: relative;
display: inline-block;
padding: .5em 2em;
font-family: serif;
font-weight: bold;
color: rgb(196, 2, 75);
border: solid 1px rgb(207, 191, 89);
background-color: #FFF;
}
.price_more_button span:after
{
content: '>';
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: 1em;
display: inline-block;
font-size: 80%;
}
.price_more_button a:hover, .price_more_button a
{
display: block;
}
.price_more_button a:hover, .price_more_button a:focus
{
opacity: .7;
}
.price_heading02_txt
{
margin-top: 40px;
text-align: center;
font-family: serif;
font-weight: bold;
color: rgb(196, 2, 75);
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bg_price_heading02.png) no-repeat center;
background-size: contain;
}
@media print, screen and (max-width: 1110px)
{
.price_table_scrollwrap
{
overflow-x: scroll;
}
.price_heading02_txt
{
background: none;
}
.price_heading02_imgae
{
margin: 0 auto;
width: 80%;
max-width: 430px;
}
.price_heading02_imgae img
{
width: 100%;
}
}
.price_table
{
border: 1px solid rgb(207, 191, 89);
background-color: #FFF;
width: 705px;
}
.price_table tr:not(:first-child)
{
border-top: 1px solid rgb(207, 191, 89);
}
.price_table .price_table_tr01 th
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bg_white.jpg) no-repeat center;
background-size: cover;
}
.price_table .price_table_tr02 th
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bg_redlip.jpg) no-repeat center;
background-size: cover;
}
.price_table .price_table_tr03 th
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bg_pink.jpg) no-repeat center;
background-size: cover;
}
.price_table .price_table_tr04 th
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bg_apollo.jpg) no-repeat center;
background-size: cover;
}
.price_table .price_table_tr05 th
{
background: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/price/bg_greenearth.jpg) no-repeat center;
background-size: cover;
}
.price_table tr:not([class]) th
{
border-left: 1px solid rgb(207, 191, 89);
}
.price_table th
{
padding: 1em .5em;
text-align: center;
line-height: 1.2;
font-family: serif;
font-weight: bold;
}
.price_table td
{
padding: 1em .5em;
text-align: center;
border-left: 1px solid rgb(207, 191, 89);
}
.price_table td a
{
color: #000;
}
.price_table_caution
{
text-indent: -1em;
margin-left: 1em;
}
.price_image_size
{
text-align: center;
}
.price_button_midi
{
text-align: center;
}
.price_button_midi a:hover, .price_button_midi a:focus
{
opacity: .7;
}
.price_scene_box
{
position: relative;
min-height: 169px;
height: auto;
}
.price_scene_heading
{
font-size: 2.0rem;
font-family: serif;
font-weight: bold;
color: rgb(196, 2, 75);
width: calc(100% - 340px);
}
.price_scene_box p
{
width: calc(100% - 340px);
}
.price_scene_box figure
{
position: absolute;
right: 0;
top: 0;
margin: 0;
}
.price_scene_subtitle
{
margin-top: 40px;
font-weight: bold;
}
.price_scene_subtitle::before
{
content: '●';
margin-right: .5em;
display: inline-block;
color: rgb(196, 2, 75);
}
.price_scene_subtitle + .price_recommendlist
{
margin-top: 20px;
}
@media print, screen and (max-width: 1110px)
{
.price_recommendlist
{
flex-direction: column;
}
.price_recommend_item
{
margin: 0 auto;
width: 70%;
}
.price_recommend_item:nth-child(n+2)
{
margin-top: 20px;
}
.price_recommend_item:nth-child(even)
{
margin-left: auto;
}
}  *
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
word-break: break-all;
}
body
{
color: #333; }   *
{
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
}
.mincho {
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
} a, a:link
{
color: #793F65;
text-decoration: none;
}
a:hover
{
opacity: 0.6;
color: #793F65;
text-decoration: none;
}
a:active
{
color: #793F65;
text-decoration: none;
} p
{
color: #333;
font-size: 16px;
line-height: 1.8;
font-weight: normal;
letter-spacing: 1.28px;
text-align: justify;
}
span
{
color: #333;
font-weight: normal;
letter-spacing: 1.28px;
text-align: justify;
}
@media screen and (min-width: 769px)
{
p
{
font-size: 16px;
line-height: 1.8;
}
}
@media screen and (min-width: 1240px)
{
p
{
font-size: 16px;
line-height: 1.8;
}
} p.padding0
{
padding-bottom: 0 !important;
}
.padding25
{
padding-bottom: 25px !important;
}
.padding50
{
padding-bottom: 50px !important;
}
.padding75
{
padding-bottom: 75px !important;
}
.padding100
{
padding-bottom: 100px !important;
}
.padding150
{
padding-bottom: 150px !important;
}
@media screen and (min-width: 769px) and (max-width: 1239.9px)
{
p.padding0-tab
{
padding-bottom: 0 !important;
}
.padding25-tab
{
padding-bottom: 25px !important;
}
.padding50-tab
{
padding-bottom: 50px !important;
}
.padding100-tab
{
padding-bottom: 100px !important;
}
.padding150-tab
{
padding-bottom: 150px !important;
}
.padding0-tab
{
padding-bottom: 0 !important;
}
}
.mb50
{
margin-bottom: 25px;
}
@media screen and (min-width: 769px)
{
.mb50
{
margin-bottom: 50px;
}
}
.mb75
{
margin-bottom: 50px!important;
}
@media screen and (min-width: 769px)
{
.mb75
{
margin-bottom: 75px!important;
}
}
.mb100
{
margin-bottom: 50px;
}
@media screen and (min-width: 769px)
{
.mb100
{
margin-bottom: 100px;
}
}
.mb150
{
margin-bottom: 75px;
}
@media screen and (min-width: 769px)
{
.mb150
{
margin-bottom: 150px;
}
}
.mt50
{
margin-top: 25px;
}
@media screen and (min-width: 769px)
{
.mt50
{
margin-top: 50px;
}
}
.mt75
{
margin-top: 50px!important;
}
@media screen and (min-width: 769px)
{
.mt75
{
margin-top: 75px!important;
}
}
.mt100
{
margin-top: 50px;
}
@media screen and (min-width: 769px)
{
.mt100
{
margin-top: 100px;
}
}
.mt150
{
margin-top: 75px;
}
@media screen and (min-width: 769px)
{
.mt150
{
margin-top: 150px;
}
}
.pb50
{
padding-bottom: 25px;
}
@media screen and (min-width: 769px)
{
.pb50
{
padding-bottom: 50px;
}
}
.pb100
{
padding-bottom: 50px;
}
@media screen and (min-width: 769px)
{
.pb100
{
padding-bottom: 100px;
}
}
.pb150
{
padding-bottom: 75px;
}
@media screen and (min-width: 769px)
{
.pb150
{
padding-bottom: 150px;
}
}
.pt50
{
padding-top: 25px;
}
@media screen and (min-width: 769px)
{
.pt50
{
padding-top: 50px;
}
}
.pt100
{
padding-top: 50px;
}
@media screen and (min-width: 769px)
{
.pt100
{
padding-top: 100px;
}
}
.pt150
{
padding-top: 75px;
}
@media screen and (min-width: 769px)
{
.pt150
{
padding-top: 150px;
}
} p.margin-left05
{
margin-left: 5px;
}
p.margin-left15
{
margin-left: 15px;
} a.widelink
{
display: block;
} a.hover
{
padding: 0 .3em;
transition: all .3s;
}
a.hover:hover
{
color: #FFF;
background-color: #743151;
} .left
{
text-align: left !important;
}
.left *
{
margin-left: 0;
margin-right: auto;
} .center
{
text-align: center !important;
}
.center *
{
margin-right: auto;
margin-left: auto;
} .right
{
text-align: right !important;
}
.right *
{
margin-left: auto;
margin-right: 0;
} .color-black
{
color: #333;
}
.color-purple
{
color: #793F65;
}
.color-wred
{
color: #9B253B;
} .tags-color
{
color: #743151;
} .section .inner > p
{
padding-bottom: 25px;
}
@media screen and (min-width: 769px)
{
.section .inner > p
{
padding-bottom: 50px;
}
}
@media screen and (min-width: 1240px)
{
.section .inner > p
{
padding-bottom: 100px;
}
.rankingSection .inner > p,
.deliveryAvailableSection .inner > p
{
padding-bottom: 50px;
}
} header .sitename2
{
position: absolute;
left: 5%;
top: 55%;
margin: 0;
padding: 0;
width: 55%;
}
header .sitename2:before
{
content: '';
display: block;
height: 0;
padding: 18% 0;
}
header .sitename2 a
{
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-decoration: none;
text-indent: 9999px;
line-height: 999;
}
header .sitename2 a::after
{
display: none;
}
@media print,
screen and (max-width: 991px)
{
header .sitename2:after
{
padding: 30% 0 0;
}
}
.wrap-articles-column
{
display: grid;
grid-template-rows: 40px auto 1fr;
grid-template-columns: auto 1fr;
row-gap: 10px;
column-gap: 20px;
}
.articles-column-ttl
{
grid-row: 1/2;
grid-column: 2/3;
}
.articles-column-img
{
grid-row: 1/3;
grid-column: 1/2;
}
.articles-column-img img
{
display: block;
width: 300px;
height: 200px;
}
.articles-column-text
{
grid-row: 2/4;
grid-column: 2/3;
} .dot-spacer
{
display: block;
width: 100%;
height: 1px;
margin: 25px 0;
border-top: 1px dashed #333;
}
@media screen and (min-width: 769px)
{
.dot-spacer
{
display: block;
width: 100%;
height: 1px;
margin: 50px 0;
border-top: 1px dashed #333;
}
} .linkbtnWrap
{
width: 100%;
padding-top: 50px;
padding-bottom: 25px;
text-align: center;
}
.linkbtnWrap.no-padding-bottom
{
padding-bottom: 0;
}
.linkbtnWrap.no-padding-top
{
padding-top: 0;
} a.linkbtn
{
max-width: 300px;
margin: 0 auto; position: relative;
display: block;
width: 100%;
padding: 12px 20px;
border-radius: 10px;
background: #793F65;
color: #FFF;
font-size: 18px;
line-height: 1.8;
font-weight: medium;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
letter-spacing: 1.28px;
text-align: center;
transition: .4s ease-in;
}
a.linkbtn.sp-small-text
{
font-size: 16px;
}
a.linkbtn.leftside
{
margin: 0 auto 0 0;
}
a.linkbtn.rightside
{
margin: 0 0 0 auto;
}
a.linkbtn::before
{
position: absolute;
display: block;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFF;
opacity: 0;
transition: .4s ease-in-out;
}
a.linkbtn:hover:before
{
opacity: .4;
}
@media screen and (min-width: 769px)
{
.linkbtnWrap
{
width: 100%;
padding-top: 100px;
padding-bottom: 50px;
text-align: center;
}
a.linkbtn
{
max-width: 385px; padding: 12px 20px;
font-size: 18px;
line-height: 2.0;
}
a.linkbtn.sp-small-text
{
font-size: 18px;
}
.faqList__notes + .linkbtnWrap a.linkbtn
{
max-width: 300px;
}
} a.linkbtn.inner-white
{
position: relative;
max-width: 300px;
background: #FFF;
color: #793F65;
border: 1px solid #793F65;
transition: .4s ease-in-out;
padding: 11px 20px;
}
a.linkbtn.inner-white:before
{
visibility: hidden;
}
a.linkbtn.inner-white span.has-arrow
{
position: relative;
display: inline;
color: #793F65;
transition: .4s ease-in-out;
}
a.linkbtn.inner-white span.has-arrow::after
{
position: relative;
display: inline-block;
content: '';
background: url(//www.kochoran.ne.jp/wp-content/uploads/view-more-arrow.svg);
bottom: 0px;
right: -3px;
width: 9px;
height: 13px;
margin-left: 15px;
transition: .4s ease-in-out;
}
a.linkbtn.inner-white:hover
{
background: #793F65;
color: #FFF;
}
a.linkbtn.inner-white:hover span.has-arrow
{
color: #FFF;
}
a.linkbtn.inner-white:hover span.has-arrow::after
{
background: url(//www.kochoran.ne.jp/wp-content/uploads/view-more-arrow-hover.svg);
} @media screen and (min-width: 769px) and (max-width: 1239.9px)
{
.show-pc
{
display: none;
}
.show-sp
{
display: none;
}
.show-tab
{
display: inherit;
}
}
@media screen and (min-width: 1240px)
{
.show-tab
{
display: none;
}
.show-sp
{
display: none;
}
.show-pc
{
display: inherit;
}
} .container
{
max-width: none;
}
.container.contentWrap
{
padding: 0 0;
} header .visualFrame
{
background: #FFF;
}
header .visualFrame .container
{
max-width: none;
margin: 0;
}
header .visualFrame .container.logoWrap
{
flex-grow: 1;
}
div#header-bar
{
position: relative;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
width: 100%;
height: 118px;
margin: 0;
padding: 0 0 0 10px;
overflow: hidden;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
div#header-bar::before
{
position: absolute;
content: '';
bottom: 0;
width: 100%;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
@media screen and (min-width: 769px)
{
div#header-bar
{
justify-content: space-between;
padding-left: 50px;
}
}
@media screen and (min-width: 1720px)
{
div#header-bar
{
padding-left: calc(60px + (100vw - 1720px) / 2);
}
}  #header-mv
{
position: relative;
width: 100%;
aspect-ratio: 6.1 / 3;
margin: 0 auto;
}
#header-mv #gazou
{
width: 100%;
height: 100%;
}
#gazou > #headimg
{
width: 100%;
height: 100%;
overflow: hidden;
}
#gazou > #headimg > img
{
display: block;
margin: 0 auto;
height: 100%;
object-fit: cover;
}
#gazou > #headimg > img.cover
{
position: absolute;
bottom: 0;
left: 0;
height: auto;
object-fit: contain;
}
#header-mv .caption
{
position: absolute;
display: flex;
flex-flow: column wrap;
justify-content: center;
top: 0;
bottom: 0;
width: 100%;
padding: 0 15px;
}
#header-mv .caption > .descr
{
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding: 0 20px;
font-size: 20px;
line-height: 1.8;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: 400;
letter-spacing: .08em;
}
@media screen and (min-width: 769px)
{
#header-mv
{
position: relative;
width: 100%;
height: 400px;
aspect-ratio: auto;
margin: 0 auto;
}
#header-mv #gazou
{
width: 100%;
height: 100%;
}
#gazou > #headimg
{
position: relative;
width: 100%;
height: 100%;
}
#gazou > #headimg > img
{
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
object-fit: cover;
}
#gazou > #headimg > img.cover
{
object-fit: cover;
}
#header-mv .caption
{
width: 100%;
padding: 0;
}
#header-mv .caption > .descr
{
width: 100%;
margin: 0 auto 0;
padding: 0 60px;
font-size: 32px;
line-height: 2.0;
}
}
@media screen and (min-width: 1760px)
{
#header-mv .caption > .descr
{
width: 100%;
max-width: 1600px;
margin: 0 auto 0;
padding: 0;
font-size: 32px;
line-height: 2.0;
}
} #header-mv.toppage
{
aspect-ratio: 1.44;
}
#header-mv.toppage .caption
{
padding: 0;
}
#header-mv.toppage .caption > .descr
{
width: auto;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
margin: 6% auto 0 13%;
padding: 0;
}
#header-mv.toppage .caption > .descr > span
{
display: inline-block;
height: 100%;
font-size: 4vw;
line-height: 1.8;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: normal;
letter-spacing: .5em;
}
#header-mv.toppage .caption > .descr > span:not(:first-child)
{
padding-top: 1em;
}
@media screen and (min-width: 769px)
{
#header-mv.toppage
{
width: 100%;
height: 100%;
min-height: 400px;
}
#header-mv.toppage .caption > .descr
{
margin: 3% auto 0 13%;
}
#header-mv.toppage .caption > .descr > span
{
font-size: 4vw;
line-height: 2.0;
letter-spacing: .5em;
}
#header-mv.toppage .caption > .descr > span:not(:first-child)
{
padding-top: 1.5em;
}
}  footer
{
margin: 0;
padding: 0;
background: #70415F;
}
footer::before
{
display: none;
}
footer #bottom_in
{
margin: 0 auto;
padding: 50px 30px;
}
footer #bottom_in .wp-block-group
{
justify-content: space-between;
width: 100%;
max-width: 1600px;
margin: 50px auto 0;
padding: 50px 0;
background: #FFF;
}
@media screen and (min-width: 769px)
{
footer #bottom_in
{
padding: 100px 60px;
}
footer #bottom_in .wp-block-group
{
margin: 100px auto 0;
}
}
@media screen and (min-width: 1240px)
{
footer #bottom_in
{
padding: 150px 60px;
}
footer #bottom_in .wp-block-group
{
margin: 150px auto 0;
}
} footer #bottom_bar
{
margin: 0 auto;
background: #FFF;
padding: 0 30px;
}
footer #bottom_bar .wp-block-group
{
display: flex;
flex-flow: column;
justify-content: space-between;
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding: 34px 0;
background: #FFF;
}
@media screen and (min-width: 1240px)
{
footer #bottom_bar
{
padding: 0 60px;
}
footer #bottom_bar .wp-block-group
{
flex-flow: row;
justify-content: space-between;
width: 100%;
max-width: 1600px;
}
} footer #bottomtitle
{
width: auto;
margin: 0 auto 5px;
padding-bottom: 10px;
font-size: 24px;
line-height: 1.8;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
text-align: center;
}
@media screen and (min-width: 769px)
{
footer #bottomtitle
{
padding-bottom: 50px;
line-height: 2.0;
}
}
@media screen and (min-width: 1240px)
{
footer #bottomtitle
{
padding-bottom: 100px;
font-size: 32px;
line-height: 1;
margin-bottom: 0;
}
}  footer #guide_in1
{
background: none;
margin: 0;
padding: 0 0 0;
}
footer .box_g1
{
width: 100%;
font-size: 16px;
line-height: 1.8;
margin: 10px 0 -15px;
text-align: left;
}
.colWrap
{
display: flex;
flex-direction: column;
justify-content: space-between;
}
footer .box_g1 .su-table
{
margin-bottom: 0;
}
@media screen and (min-width: 1240px)
{
.colWrap
{
display: flex;
flex-direction: row;
justify-content: space-between;
}
footer .box_g1
{
width: calc(50% - 30px);
max-width: 700px;
line-height: 2.0;
}
} footer p.guide1
{
color: #FFFFFF;
font-size: 18px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: 600;
}
footer p.guide1::before
{
content: '■';
} footer #guide_in1 p
{
color: #FFF;
font-size: 16px;
line-height: 1.8;
}
footer #guide_in1 p.caption
{
padding-bottom: 50px;
}
footer #guide_in1 span
{
color: #FFF;
font-size: 16px;
line-height: 1.8;
} footer #guide_in1 a:link
{
color: #FFF;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
text-decoration: none;
transition: none;
}
footer #guide_in1 a:link:hover
{
color: #FFF;
text-decoration: none;
transition: none;
} footer #guide_in1 .credit
{
width: 100%;
margin: 20px auto;
padding: 20px 5px 10px;
background: #FFF;
border-radius: 10px;
text-align: center;
}
footer #guide_in1 .credit img
{
width: 80%;
height: auto;
}
@media screen and (min-width: 769px)
{
footer #guide_in1 p.guide1
{
font-size: 18px;
line-height: 2.0;
}
footer #guide_in1 p
{
line-height: 2.0;
}
footer #guide_in1 span
{
line-height: 2.0;
}
footer #guide_in1 .credit
{
width: 648px;
margin-left: 0;
padding: 20px 20px 10px;
}
}
@media screen and (min-width: 1240px)
{
footer #guide_in1 .credit
{
width: 100%;
margin-left: auto;
padding: 20px 20px 10px;
}
} footer #copy
{
display: block;
margin: 10px 0 10px;
color: #333;
font-size: 14px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: normal;
text-align: center;
}
@media screen and (min-width: 769px)
{
footer #copy
{
font-size: 16px;
line-height: 2.0;
}
} #content
{
margin: 0 auto 0;
}
#contentInner > .post
{
background: #FFF;
}
#contentInner > .post .inner
{
padding: 0 0;
}
@media screen and (min-width: 769px)
{
#content
{
margin: 0 auto 0;
}
#contentInner
{
width: 100%;
}
#contentInner > .post .inner
{
padding: 0 0;
}
} article
{
margin: 0 auto;
padding: 0;
background: #FFF;
}
@media screen and (min-width: 769px)
{
article
{
margin: 0 auto;
padding: 0;
}
} article .section
{
position: relative;
margin: 0 auto;
padding: 50px 30px 50px;
}
article .section.sectionPink,
article .sectionPink-wrap .section
{
background: rgba(121, 63, 101, .1);
}
article .section.paddingTop0
{
padding-top: 0 !important;
}
article .section.paddingBottom0
{
padding-bottom: 0 !important;
}
article .section.paddingTop150
{
padding-top: 150px;
}
article .section.padding0
{
padding: 0;
}
.padding-bottom-0
{
padding-bottom: 0 !important;
}
.padding-top-0
{
padding-top: 0 !important;
}
.padding-top-25
{
padding-top: 25px !important;
}
.padding-top-50
{
padding-top: 50px !important;
}
.padding-top-100
{
padding-top: 100px !important;
}
.margin-top-0
{
margin-top: 0 !important;
}
.lineheight-0
{
line-height: 0 !important;
}
.section + .section
{
margin-top: 0;
}
@media screen and (min-width: 769px)
{
article .section
{
margin: 0 auto;
padding: 150px 60px;
}
article .obsessionSection h2.ttl
{
padding: 0px 0 25px;
}
}
@media screen and (min-width: 1240px)
{
article .section
{
margin: 0 auto;
padding: 75px 60px;
}
article .section.paddingTop150-pc
{
padding-top: 150px;
}
article .colorDetailsRecommendSection
{
padding: 150px 60px 50px;
}
article .useSelectSection
{
padding: 150px 60px 50px;
}
}
@media screen and (min-width: 1400px)
{
article .section
{
margin: 0 auto;
padding-top: 75px;
padding-left: calc((100vw - 1280px) / 2);
padding-right: calc((100vw - 1280px) / 2);
padding-bottom: 50px;
}
} article .section.paddingSide0
{
width: 100%;
padding: 50px 0;
}
.section.paddingSide0 .inner > h2.ttl, .section.paddingSide0 .inner > p
{
padding-left: 30px;
padding-right: 30px;
}
.single-column article .section {
padding-left: unset;
padding-right: unset;
}
@media screen and (min-width: 769px)
{
article .section.paddingSide0
{
margin: 0 auto;
padding: 100px 0;
}
.section.paddingSide0 .inner > h2.ttl, .section.paddingSide0 .inner > p
{
padding-left: 60px;
padding-right: 60px;
}
}
@media screen and (min-width: 1240px)
{
article .section.paddingSide0
{
margin: 0 auto;
padding: 150px 0;
}
.section.paddingSide0 .inner > h2.ttl, .section.paddingSide0 .inner > p
{
padding-left: 60px;
padding-right: 60px;
}
}
@media screen and (min-width: 1400px)
{
article .section.paddingSide0
{
margin: 0 auto;
padding: 150px 0;
}
.section.paddingSide0 .inner > h2.ttl, .section.paddingSide0 .inner > p
{
padding-left: calc((100vw - 1280px) / 2);
padding-right: calc((100vw - 1280px) / 2);
}
}   #breadcrumb
{
width: 100%;
max-width: none;
padding: 15px 30px;
background: #793F65;
color: #FFF;
}
#breadcrumb ol li
{
display: inline;
font-size: 14px;
}
#breadcrumb ol li:not(:last-child):after
{
content: '>';
display: inline-block;
margin: 0 20px;
}
#breadcrumb ol li a, #breadcrumb ol li span
{
color: #FFF;
font-size: 14px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
text-decoration: none;
}
#breadcrumb ol li a:hover
{
text-decoration: none;
}
@media screen and (min-width: 769px)
{
#breadcrumb
{
width: 100%;
padding: 15px 60px;
}
#breadcrumb ol li a, #breadcrumb ol li span
{
color: #FFF;
font-size: 16px;
line-height: 2.0;
}
}
@media screen and (min-width: 1760px)
{
#breadcrumb
{
width: 100%;
padding-left: calc((100vw - 1600px) / 2);
padding-right: calc((100vw - 1600px) / 2);
}
} input
{
position: relative;
appearance: none;
padding: 5px 36px 5px 22px;
background-image: url(https://www.kochoran.ne.jp/wp-content/uploads/select-arrow.svg);
background-repeat: no-repeat;
background-size: 18px 10px;
background-position: right 10px center;
font-size: 16px;
vertical-align: middle;
}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-inner-spin-button
{
-webkit-appearance: none;
}
input > option
{
font-size: 16px;
line-height: 2.0;
}
@media screen and (min-width: 769px)
{
input
{
padding: 10px 36px 10px 22px;
font-size: 16px;
}
} select::-ms-expand
{
display: none;
}
select
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px 36px 5px 22px;
background-color: #FFF;
background-image: url(https://www.kochoran.ne.jp/wp-content/uploads/select-arrow.svg);
background-repeat: no-repeat;
background-size: 16px 9px;
background-position: right 10px center;
box-shadow: none;
border: 1px solid #333;
border-radius: 6px;
font-size: 16px;
line-height: 1.8;
vertical-align: middle;
}
select:focus
{
outline: none;
}
select > option
{
padding: 5px 36px 5px 22px;
color: #333;
font-size: 16px;
line-height: 1.8;
transition: .4s ease;
}
select > option:checked
{
background-color: #CCCCCC;
}
@media screen and (min-width: 769px)
{
select
{
padding: 10px 36px 10px 22px;
font-size: 16px;
line-height: 2.0;
}
select option
{
font-size: 16px;
line-height: 2.0;
}
} @keyframes fadeIn
{
0%
{
opacity: 0; transform: translateY(-10px); }
100%
{
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOut
{
0%
{
opacity: 1;
transform: translateY(0);
}
100%
{
opacity: 0; transform: translateY(-10px); }
}  header #logo
{
position: relative;
width: auto;
max-height: auto;
margin: 1px 0;
}
header #logo > a
{
display: block;
width: auto;
max-width: 217px;
height: 100%;
margin: 0 auto;
}
header #logo > a > img
{
margin: 0 auto;
width: 100%;
height: fit-content;
object-fit: contain;
}
@media screen and (min-width: 769px)
{
header #logo
{
position: relative;
width: auto;
max-height: 156px;
margin: 21px 0;
}
header #logo > a
{
display: block;
width: auto;
height: 100%;
margin: 0 auto 0 0;
}
header #logo > a > img
{
margin: 0 auto;
width: 100%;
height: 100%;
object-fit: contain;
}
}  .gnav
{
padding: 0 3px;
background: #FFF;
box-shadow: none;
border-radius: 0 0 0 0;
}
.gnav .menu-globalmenu-container ul, .gnav .menu ul
{
background: none;
}
.gnav nav#main-navigation li > a
{
font-size: 16px;
color: #333;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: normal;
letter-spacing: 0;
}
.gnav #main-navigation ul li a:hover
{
background: #FFF;
color: #333;
} @media screen and (min-width: 1540px)
{
.gnav
{
padding: 0 15px 0 0;
box-shadow: none;
border-radius: 0 0 0 0;
}
}
@media screen and (min-width: 1680px)
{
.gnav
{
padding: 0 37px 0 0;
}
.gnav #main-navigation li > a
{
font-size: 16px;
line-height: 2.0;
}
} .menuBtn
{
display: inherit;
position: fixed;
inset: auto;
right: 15px;
margin: auto 0;
}
.menuBtn.open span::after,
.menuBtn.open span::before {
background-color: #793F65 !important;
}
@media screen and (min-width: 769px) and (max-width: 1559px)
{
.menuBtn
{
display: inherit;
position: fixed;
inset: auto;
right: 15px;
margin: auto 0;
}
}
@media screen and (min-width: 1280px)
{
.menuBtn
{
display: none;
}
} div#header-bar #phone-number
{
margin: 0 0 0 auto;
padding: 0 20px 0 0;
}
div#header-bar #phone-number a
{
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
}
div#header-bar #phone-number a:hover
{
text-decoration: none;
}
div#header-bar #phone-number a > span.phoneIcon
{
font-size: 32px;
margin-right: 5px;
}
div#header-bar #phone-number a > span.phoneText
{
color: #333;
font-size: 22px;
line-height: 1.0;
letter-spacing: 0;
}
div#header-bar #phone-number a > span.phoneText > span.small
{
font-size: 12px;
line-height: 1.8;
margin-left: 2px;
letter-spacing: 0;
}
@media screen and (max-width: 1559px)
{
div#header-bar #phone-number
{
display: none;
}
div#header-bar #phone-number a > span.phoneText
{
font-size: 22px;
}
}
@media screen and (min-width: 1680px)
{
div#header-bar #phone-number
{
padding: 0 64px 0 0;
}
div#header-bar #phone-number a > span.phoneText
{
font-size: 22px;
}
} div#header-bar #buttons
{
height: 100%;
font-size: 16px;
}
div#header-bar #buttons ul
{
display: flex;
flex-flow: row nowrap;
justify-content: right;
align-items: center;
height: 100%;
}
div#header-bar #buttons ul > li
{
display: block;
height: 120px;
min-width: 120px;
transition: .4s ease-in;
}
div#header-bar #buttons ul > li.userLogin
{
background: #BF83AA;
}
div#header-bar #buttons ul > li.userLogin:hover
{
opacity: .6;
}
div#header-bar #buttons ul > li.cart
{
background: #793F65;
}
div#header-bar #buttons ul > li.cart:hover
{
opacity: .6;
}
div#header-bar #buttons ul > li a
{
display: flex;
flex-flow: column wrap;
justify-content: center;
align-content: center;
align-items: center;
height: 100%;
opacity: 1;
}
div#header-bar #buttons ul > li a:hover
{
text-decoration: none;
}
div#header-bar #buttons ul > li a > img
{
width: 35px;
height: auto;
}
div#header-bar #buttons ul > li a > span
{
font-size: 14px;
font-weight: normal;
color: #FFF;
}
@media screen and (min-width: 1559px)
{
div#header-bar #buttons ul > li
{
min-width: 160px;
}
div#header-bar #buttons ul > li > a > span
{
font-size: 16px;
}
}
@media screen and (max-width: 1280px)
{
header .visualFrame .container.logoWrap
{
width: 25%;
margin-right: 10px;
}
div#header-bar {
padding-left: 20px;
}
.gnav nav#main-navigation li > a{
font-size: 1.2vw!important;
}
div#header-bar #buttons ul > li{
min-width: 15vw;
}
div#header-bar #buttons ul > li a > img{
width: 40%;
max-width: 35px;
}
div#header-bar #buttons ul > li a > span{
font-size: 1.2vw!important;
}
}  .columns + .columns
{
padding-top: 50px;
}
@media screen and (min-width: 769px)
{
.columns + .columns
{
padding-top: 0;
}
} .columns
{
display: flex;
flex-flow: row wrap;
justify-content: left;
align-items: flex-start;
width: 100%;
}
.columns.align-center
{
align-items: center;
}
.column-l
{
display: block;
width: 100%;
}
.column-r
{
display: block;
width: 100%;
}
@media screen and (min-width: 769px)
{
.columns
{
display: flex;
flex-flow: row wrap;
justify-content: left;
align-items: flex-start;
width: 100%;
}
.column-l
{
width: 50%;
}
.column-r
{
width: 50%;
}
} .column.imageColumn
{
width: 100%;
margin: 0 auto;
}
.column.imageColumn img {
display: block;
}
.column-l img, .column-r img
{
width: 100%;
height: auto;
}
@media screen and (min-width: 769px)
{
.column-l.imageColumn
{
width: calc(50% - 30px);
margin-left: 0;
margin-right: auto;
}
.column-r.imageColumn
{
width: calc(50% - 30px);
margin-left: auto;
margin-right: 0;
}
}
@media screen and (min-width: 1240px)
{
.column-l.imageColumn
{
width: calc(50% - 60px);
margin-left: 0;
margin-right: auto;
}
.column-r.imageColumn
{
width: calc(50% - 60px);
margin-left: auto;
margin-right: 0;
}
} @media screen and (min-width: 769px)
{
.columns.columns-reverse
{
flex-flow: row-reverse wrap;
}
.columns.columns-reverse .column-l.imageColumn
{
margin-left: auto;
margin-right: 0;
}
.columns.columns-reverse .column-r.imageColumn
{
margin-left: 0;
margin-right: auto;
}
}
@media screen and (min-width: 1280px)
{
.columns.columns-reverse
{
flex-flow: row-reverse wrap;
}
.columns.columns-reverse .column-l.imageColumn
{
margin-left: auto;
margin-right: 0;
}
.columns.columns-reverse .column-r.imageColumn
{
margin-left: 0;
margin-right: auto;
}
} .column3
{
display: block;
width: calc(100%);
padding: 0;
} .column4
{
display: block;
width: calc(100%);
padding: 0;
} @media screen and (min-width: 769px)
{
.column3
{
width: calc((100% / 3) - 40px);
}
.column3:nth-of-type(n+4)
{
padding-top: 50px;
}
.column4
{
width: calc((100% / 4) - 40px);
}
} @media screen and (min-width: 769px) and (max-width: 1239.9px)
{
.column2-tab
{
width: calc((100% / 2) - 40px);
}
.column2-tab:nth-of-type(n+3)
{
padding-top: 25px;
}
} @media screen and (min-width: 769px) and (max-width: 1239.9px)
{
.column3-tab
{
width: calc((100% / 3) - 40px);
}
.column3-tab:nth-of-type(n+4)
{
padding-top: 25px;
}
} @media screen and (min-width: 769px) and (max-width: 1239.9px)
{
.columns.single-tab
{
display: flex;
flex-flow: column wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
.columns.single-tab column
{
width: 100%;
margin: 0 auto;
}
.columns.single-tab .column-l
{
width: 100%;
margin: 0 auto;
}
.columns.single-tab .column-r
{
width: 100%;
margin: 0 auto;
}
} .columns.vertical
{
flex-flow: column wrap;
justify-content: flex-start;
align-content: left;
} @media screen and (min-width: 769px)
{
.w-10
{
width: 10%;
}
.w-20
{
width: 20%;
}
.w-30
{
width: 30%;
}
.w-40
{
width: 40%;
}
.w-50
{
width: 50%;
}
.w-60
{
width: 60%;
}
.w-70
{
width: 70%;
}
.w-80
{
width: 80%;
}
.w-90
{
width: 90%;
}
} .columns.center
{
justify-content: center;
}
.columns.end
{
justify-content: flex-end;
}
.columns.spaceBetween
{
justify-content: space-between;
} .columns.alignStart
{
align-items: flex-start;
}
.columns.alignCenter
{
align-items: center;
}
.columns.alignEnd
{
align-items: flex-end;
}
.columns.alignStrech
{
align-items: stretch;
}
.columns.alignVStrech
{
align-content: stretch;
} .columns.purposeColumn
{
max-width: 1600px;
align-items: stretch;
}
.columns.purposeColumn .column
{
margin: 0;
background: #FFF;
}
.columns.purposeColumn .column > .columnVisualArea
{
width: 100%;
margin: 0 auto;
font-size: 0;
}
.columns.purposeColumn .column > .columnVisualArea > img
{
width: 100%;
height: auto;
}
.columns.purposeColumn .column > .columnTextArea
{
width: 100%;
margin: 0 auto;
padding: 50px 20px;
}
.columns.purposeColumn .column > .columnTextArea > .columnSpacer
{
width: 60%;
margin: 0 auto;
}
.columns.purposeColumn .columnTextArea > .columnSpacer > .spacerLine
{
position: relative;
display: block;
width: 100%;
height: .5em;
margin-bottom: .5em;
border-bottom: 1px solid #793F65;
font-size: 50px;
line-height: 1.0;
}
.columns.purposeColumn .columnTextArea > .columnSpacer > .spacerLine::before
{
position: absolute;
content: '';
top: 0;
left: -10px;
width: 4px;
height: calc(.5em - 3px);
border-bottom: 4px solid #793F65;
}
.columns.purposeColumn .columnTextArea > .columnSpacer > .spacerLine::after
{
position: absolute;
content: '';
top: 0;
right: -10px;
width: 4px;
height: calc(.5em - 3px);
border-bottom: 4px solid #793F65;
}
.columns.purposeColumn .columnTextArea > ul.listAnchor
{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
padding: 0 0 0 10px;
}
.columns.purposeColumn .columnTextArea > ul.listAnchor > li
{
position: relative;
padding: 0 20px;
}
.columns.purposeColumn .columnTextArea > ul.listAnchor > li::before
{
position: absolute;
content: '▶';
left: 0;
color: #793F65;
}
.columns.purposeColumn .columnTextArea > ul.listAnchor > li a
{
color: #222222;
} .rowInformation
{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
padding: 0 0;
}
@media screen and (min-width: 769px) and (max-width: 1239.9px)
{
.rowInformation
{
width: calc(100% + 60px);
max-width: none;
margin-left: -30px;
}
}
.rowInformation .columnInformation
{
display: block;
width: 30.5%;
padding: 0;
background: #BF83AA;
}
@media screen and (min-width: 769px) and (max-width: 1239.9px)
{
.rowInformation .columnInformation
{
width: calc(50% - 60px);
margin: 0 30px 100px;
}
}
.columnInformation .columnVisualArea
{
padding: 0;
}
.columnInformation .columnVisualArea > a,
.columnInformation .columnVisualArea > .columnVisualAreaBox
{
position: relative;
display: block;
padding: 0;
font-size: 0;
}
.columnInformation .columnVisualArea > a > img,
.columnInformation .columnVisualArea > .columnVisualAreaBox > img
{
width: 100%;
}
.columnInformation .columnTextArea
{
padding: 50px 27px;
}
.columnInformation .columnTextArea > .description
{
padding-bottom: 25px;
color: #FFF;
}
.columnInformation .columnTextArea > ul.listAnchor
{
display: flex;
flex-flow: row wrap;
justify-content: left;
align-items: center; padding: 0;
}
.columnInformation .columnTextArea > ul.listAnchor > li
{
position: relative;
padding: 0 20px;
color: #FFF;
}
.columnInformation .columnTextArea > ul.listAnchor > li::before
{
position: absolute;
content: '▶';
left: 0;
}
.columnInformation .columnTextArea > ul.listAnchor > li a:link, .columnInformation .columnTextArea > ul.listAnchor > li a:visited, .columnInformation .columnTextArea > ul.listAnchor > li a:hover, .columnInformation .columnTextArea > ul.listAnchor > li a:active
{
color: #FFF;
text-decoration: underline;
}
.columnInformation .columnTextArea > ul.listAnchor > li a
{
font-size: 18px;
} .section.footerBannerSection
{
width: 100%;
margin: 0 auto;
padding: 0;
padding-left: 0!important;
padding-right: 0!important;
}
.footerBannerSection .bannerColumn
{
width: 100%;
margin: 0 auto;
}
.footerBannerSection .bannerColumn .column
{
width: 100%;
height: auto;
}
.footerBannerSection .bannerColumn .column > a
{
position: relative;
display: block;
width: 100%;
aspect-ratio: 5 / 2.5;
margin: 0 auto;
font-size: 0;
text-decoration: none;
transition: .4s ease-in;
}
.footerBannerSection .bannerColumn .column > a::before
{
position: absolute;
display: block;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .4);
opacity: 0;
transition: .4s ease-in;
}
.footerBannerSection .bannerColumn .column > a:hover
{
text-decoration: none;
}
.footerBannerSection .bannerColumn .column > a:hover:before
{
opacity: 1;
}
.footerBannerSection .bannerColumn .column:nth-child(1) > a
{
background-image: url(https://www.kochoran.ne.jp/wp-content/uploads/2023/04/footerbanner-01.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.footerBannerSection .bannerColumn .column:nth-child(2) > a
{
background-image: url(https://www.kochoran.ne.jp/wp-content/uploads/2023/04/footerbanner-02.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner
{
position: relative;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
height: 100%;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > *
{
display: block;
width: calc(100% - 60px);
background: rgba(255, 255, 255, .6);
border-radius: 0;
z-index: 2;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > h2.ttl
{
margin-top: 0;
padding: 16px 16px 10px;
font-size: 16px;
line-height: 1.8;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
letter-spacing: 1.28px;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > p.text
{
margin-bottom: 0;
padding: 0 16px 16px;
font-size: 12px;
line-height: 1.8;
letter-spacing: .96px;
}
@media screen and (min-width: 769px)
{
.footerBannerSection .bannerColumn .column
{
width: 100%;
height: auto;
}
.footerBannerSection .bannerColumn .column > a
{
aspect-ratio: 5 / 2;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > h2.ttl
{
margin-top: 0;
padding: 25px 0 10px;
font-size: 28px;
line-height: 2.0;  color: #333;  letter-spacing: 1.28px;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > p.text
{
margin-bottom: 0;
padding-bottom: 25px;
font-size: 16px;
line-height: 2.0;
text-align: center;    letter-spacing: .96px;
}
}
@media screen and (min-width: 1240px)
{
.footerBannerSection .bannerColumn .column {
width: 50%;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner
{
height: 100%;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > *
{
display: block;
width: calc(100% - 120px);
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > h2.ttl
{
margin-top: 0;
padding: 25px 0 10px;
font-size: 28px;
line-height: 2.0;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > p.text
{
margin-bottom: 0;
padding-bottom: 25px;
font-size: 16px;
line-height: 2.0;
text-align: center;
}
}
@media screen and (min-width: 1520px)
{
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > *
{
width: 632px;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > h2.ttl
{
padding: 50px 0 10px;
}
.footerBannerSection .bannerColumn .column > a > .textBoxBanner > p.text
{
padding-bottom: 50px;
}
}  .faqListWrap
{
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.faqListWrap .faqList
{
width: 100%;
height: auto;
margin: 0 auto;
padding-bottom: 50px;
}
.faqListWrap .faqList:last-child {
padding-bottom: 0 !important;
}
.faqList__details
{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
.faqList__content p.text
{
font-size: 14px;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 20px 10px 0;
text-align: justify;
animation: fadeOut .8s ease;
}
.faqList__content p.text span
{
display: block;
}
.faqList__content
{
height: 0;
opacity: 0;
transition: all .4s ease;
}
.faqList__summary.-on + .faqList__content p.text
{
animation: fadeIn .8s ease;
}
.faqList__summary.-on + .faqList__content
{
opacity: 1;
transition: all .4s ease;
}
.faqList__summary
{
position: relative;
width: auto;
height: auto;
margin: 0 auto;
padding: 10px 50px 10px 60px;
background: rgba(191, 131, 170, .2);
border-radius: 30px;
font-size: 14px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
text-align: justify;
}
.faqList__summary::before
{
position: absolute;
display: block;
content: 'Q';
top: calc(50% - 20px);
left: 10px;
width: 40px;
height: 40px;
background: #793F65;
text-align: center;
border-radius: 50%;
color: #FFF;
font-size: 16px;
line-height: 1.0;
display: flex;
align-items: center;
justify-content: center;
}
.faqList__summary span.icon
{
position: absolute;
display: inline-block;
background-image: url(//www.kochoran.ne.jp/wp-content/uploads/arrow-faq.png); transition: .5s cubic-bezier(.39, .58, .57, 1);
width: 12px;
height: 12px;
top: calc(50% - 6px);
transform-origin: center 5px;
right: 21px;
background-size: 100% auto;
background-repeat: no-repeat;
}
.faqList__summary.-on .icon
{
transform: rotate(180deg);
}
.faqList__notes
{
padding: 25px 0 !important;
text-align: left !important;
}
@media screen and (min-width: 769px)
{
.faqList__content p.text
{
padding: 20px 30px 0;
font-size: 16px;
line-height: 2.0;
}
.faqList__content p.text span
{
display: block;
}
.faqList__summary
{
padding: 25px 70px 25px 100px;
border-radius: 60px;
font-size: 16px;
line-height: 2.0;
}
.faqList__summary::before
{
left: 30px;
top: calc(50% - 22.5px);
width: 45px;
height: 45px;
}
.faqList__summary span.icon
{ right: 30px;
transform-origin: center 7px;
width: 20px;
height: 19px;
top: calc(50% - 9.5px);
}
.faqList__notes
{
padding: 50px 0 !important;
text-align: center !important;
}
}
@media screen and (min-width: 1240px)
{
.faqList__content p.text
{
padding: 40px 90px 0;
font-size: 16px;
line-height: 2.0;
}
.faqList__summary
{
padding: 30px 120px 30px 180px;
border-radius: 60px;
font-size: 16px;
line-height: 2.0;
}
.faqList__summary::before
{
left: 90px;
}
.faqList__summary span.icon
{
right: 90px;
}
}  ul.square > li
{
position: relative;
margin-left: 1.5em;
font-size: 16px;
}
@media screen and (min-width: 769px)
{
ul.square > li
{
line-height: 2;
}
}
ul.square > li::before
{
position: absolute;
content: '';
top: .4em;
left: -1.5em;
width: 1em;
height: 1em;
background: #793F65;
}
@media screen and (min-width: 769px)
{
ul.square > li::before
{
top: .5em;
}
} li.list1
{
border-bottom: dashed 1px #743151;
font-size: 16px;
line-height: 1.5;
list-style-type: none !important;
padding: .5em 0 .5em 1.4em;
} ul.select-list-card
{
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
width: 100%;
height: auto;
margin: 0 auto;
}
ul.select-list-card li
{
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 350px;
height: auto;
margin: 0 auto;
padding: 0;
margin-left: 15px;
margin-right: 15px;
}
ul.select-list-card li:first-child
{
margin-top: 0;
}
ul.select-list-card li > .imgColumn
{
flex-grow: 0;
display: block;
width: 100%;
height: auto;
margin: 0 auto;
border-radius: 10px 10px 0 0;
font-size: 0;
overflow: hidden;
}
ul.select-list-card li > .imgColumn img
{
width: 100%;
height: auto;
}
ul.select-list-card li > .txtColumn
{
flex-grow: 1;
display: flex;
flex-flow: column wrap;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0 auto;
padding: 25px 15px;
background: #FFF;
border-radius: 0 0 10px 10px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .161);
}
ul.select-list-card li > .txtColumn h3.heading-list
{
flex-grow: 0;
margin: 0;
padding-bottom: 10px;
color: #000;
}
ul.select-list-card li > .txtColumn p.caption
{
flex-grow: 1;
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.8;
font-weight: normal;
text-align: justify;
padding-bottom: 10px;
}
ul.select-list-card li > .txtColumn a
{
font-family: 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
flex-grow: 0;
position: relative;
display: inline;
margin: 0;
padding-right: 16px;
color: #793F65;
font-size: 16px;
line-height: 1.8;
font-weight: normal;
text-align: right; letter-spacing: .05rem;
transition: all .2s;
}
.pg_use ul.select-list-card li > .txtColumn a,
.single-use ul.select-list-card li > .txtColumn a
{
font-weight: 500 !important;
}
ul.select-list-card li > .txtColumn a::after
{
position: absolute;
display: inline;
content: '';
background: url(//www.kochoran.ne.jp/wp-content/uploads/view-more-arrow.svg);
bottom: 7px;
right: -3px;
width: 9px;
height: 13px;
}
ul.select-list-card li > .txtColumn a:hover
{
opacity: .7;
}
@media screen and (min-width: 769px) and (max-width: 1239.9px)
{
ul.select-list-card
{   justify-content: flex-start;
width: calc(100% + 30px);
max-width: none;
margin-left: -15px;
}
ul.select-list-card li
{   display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: calc((100% / 3) - 30px);
height: auto;
margin: 0 15px 25px;
padding: 0;
}
ul.select-list-card li > .txtColumn p.caption
{
font-size: 16px;
line-height: 2.0;
font-weight: normal;
}
}
@media screen and (min-width: 1240px) and (max-width: 1399.9px)
{
ul.select-list-card
{
width: calc(100% + 80px);
max-width: none;
margin-left: -40px;
justify-content: flex-start;
}
ul.select-list-card li
{
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: calc((100% / 3) - 80px);
height: auto;
margin: 0 40px 100px;
padding: 0;
}
ul.select-list-card li > .txtColumn p.caption
{
font-size: 16px;
line-height: 2.0;
font-weight: normal;
}
}
@media screen and (min-width: 1400px)
{
ul.select-list-card
{
width: calc(100% + 80px);
margin-left: -40px;
justify-content: flex-start;
}
ul.select-list-card li
{
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: calc(25% - 80px);
height: auto;
margin: 0 40px 100px;
padding: 0;
}
ul.select-list-card li > .txtColumn p.caption
{
font-size: 16px;
line-height: 2.0;
font-weight: normal;
}
} footer ul#bottommenu, footer .menu-footermenu-container
{
display: block;
width: 100%;
height: auto;
max-width: 700px;
margin: 0 auto;
padding: 0;
}
footer ul#bottommenu, footer ul#menu-footermenu
{
display: block;
width: 100%;
}
footer ul#bottommenu li, footer ul#menu-footermenu li
{
list-style-type: none;
display: block;
width: 100%;
text-align: center;
}
footer ul#bottommenu li a, footer ul#menu-footermenu li a
{
padding: 0;
color: #333;
background: none;
font-size: 16px;
line-height: 1.8;
text-decoration: none;
}
footer ul#bottommenu li a, footer ul#menu-footermenu li a:hover
{
text-decoration: none;
}
@media screen and (min-width: 769px)
{
footer ul#bottommenu, footer .menu-footermenu-container
{
display: flex;
justify-content: space-between;
max-width: 700px;
margin: 0 auto;
}
footer ul#bottommenu, footer ul#menu-footermenu
{
display: flex;
flex-flow: row-reverse;
justify-content: space-between;
width: 100%;
}
footer ul#bottommenu li, footer ul#menu-footermenu li
{
display: inline-block;
width: auto;
text-align: left;
}
footer ul#bottommenu li a, footer ul#menu-footermenu li a
{
position: relative;
padding: 0 10px 0 10px;
font-size: 16px;
line-height: 2.0;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: normal;
}
footer ul#bottommenu li:last-child a, footer ul#menu-footermenu li:last-child a
{
padding-left: 0;
}
footer ul#bottommenu li:not(:first-child) a:before, footer ul#menu-footermenu li:not(:last-child) a:before
{
position: absolute;
content: '';
bottom: .5em;
left: 0;
width: 1px;
height: 16px;
margin-right: 0;
border-left: 1px solid #333;
}
}
@media screen and (min-width: 1240px)
{
footer ul#bottommenu, footer ul#menu-footermenu
{
width: auto;
}
footer ul#bottommenu li, footer ul#menu-footermenu li:last-child
{
flex-grow: 1;
}
}  table.areaTable-1 > tbody > tr > td
{
width: 50%;
height: auto;
}
table.areaTable-1 > tbody > tr > td.-map
{
padding-left: 60px;
}
table.areaTable-1 > tbody > tr > td img
{
width: 100%;
height: auto;
}
table.areaTable-2
{
width: auto;
background: #F3F5F4;
border-radius: 16px;
min-width: 411px;
}
table.areaTable-2 > tbody
{
width: auto;
}
table.areaTable-2 > tbody > tr:first-child > td
{
padding-top: 35px;
}
table.areaTable-2 > tbody > tr:last-child > td
{
padding-bottom: 35px;
}
table.areaTable-2 > tbody > tr > td
{
padding: 0 50px;
font-size: 18px;
line-height: 60px;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}
table.areaTable-1 > tbody > tr > td.-map-sp
{
display: none;
} .tableScrollWrap
{
width: 100%;
padding-bottom: 25px;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.tableScrollWrap::-webkit-scrollbar
{
display: none;
}
table.valueTable
{
width: 100%;
min-width: 600px;
table-layout: fixed;
}
table.valueTable a{
color: #333;
}
table.valueTable a:hover{
color: #333;
text-decoration: underline;
}
@media screen and (min-width: 769px)
{
.tableScrollWrap
{
overflow-x: hidden;
padding-bottom: 50px;
}
table.valueTable
{
min-width: auto;
margin: 0 auto;
}
}
table.valueTable th
{
padding: 10px 0;
font-size: 14px;
line-height: 1.2;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: 600;
text-align: center;
}
table.valueTable tbody th
{
padding: 18px 0;
}
table.valueTable td
{
font-size: 16px;
text-align: center;
}
table.valueTable th.purple
{
margin: 0 2px;
background: #793F65;
color: #FFF;
border: 4px solid #FFF;
border-radius: 14px 14px 0 0;
}
table.valueTable tbody tr
{
border-bottom: 1px dotted #333;
} .su-table table.type1
{
margin: 26px auto !important;
border-top: 1px solid #FFF !important;
border-bottom: none #FFF !important;
border-left: none !important;
border-right: none !important;
line-height: 1.8;
}
table.type1 tr
{
border-top: none !important;
border-bottom: 1px solid #FFF !important;
border-left: none !important;
border-right: none !important;
}
table.type1 tr td
{
background: none !important;
border: none !important;
color: #FFF;
font-size: 16px;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}
table.type1 tr td:nth-of-type(1)
{
white-space: nowrap;
}
@media screen and (min-width: 769px)
{
.su-table table.type1
{
line-height: 2.0;
}
} .su-table table.type2
{
margin: 50px auto 50px !important;
border-top: 1px solid #FFF !important;
border-bottom: none #FFF !important;
border-left: none !important;
border-right: none !important;
line-height: 1.8;
}
@media screen and (min-width: 769px)
{
.su-table table.type2
{
line-height: 2.0;
}
}
table.type2
{
margin: 50px auto !important;
padding: 0 !important;
border-top: 1px solid #FFF;
border-bottom: none #FFF;
border-left: none !important;
border-right: none !important;
}
table.type2 tr
{
border-top: none !important;
border-bottom: 1px solid #FFF;
border-left: none !important;
border-right: none !important;
}
table.type2 tr th
{
background: none !important;
color: #FFF !important;
border: none !important;
font-size: 16px !important;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: normal !important;
}
table.type2 tr th:nth-of-type(1)
{
background: #9A6B89 !important;
text-align: center !important;
}
table.type2 tr th:nth-of-type(2)
{
background: #7D4F6D !important;
}
table.type2 tr td
{
background: none !important;
border: none !important;
color: #FFF;
font-size: 16px;
}
table.type2 tr td:nth-of-type(1)
{
background-color: #9A6B89 !important;
width: 45%;
text-align: center;
}
table.type2 tr td:nth-of-type(2)
{
background-color: #7D4F6D !important;
text-align: center;
width: 30%;
text-align: center;
}
table.type2 tr td:nth-of-type(3)
{
text-align: center;
width: 25%;
padding: .5em 5px !important;
text-align: center;
}
@media screen and (min-width: 769px)
{
table.type2 tr th:nth-of-type(1)
{
text-align: left !important;
}
table.type2 tr td:nth-of-type(1)
{
background-color: #9A6B89 !important;
width: 50%;
text-align: left;
}
table.type2 tr td:nth-of-type(2)
{
background-color: #7D4F6D !important;
width: 26%;
text-align: center;
}
table.type2 tr td:nth-of-type(3)
{
width: 24%;
text-align: center;
}
} .su-table table.type3
{
margin: 50px auto 26px !important;
border-top: 1px solid #FFF !important;
border-bottom: none #FFF !important;
border-left: none !important;
border-right: none !important;
line-height: 1.8;
}
table.type3 tr
{
border-top: none !important;
border-bottom: 1px solid #FFF;
border-left: none !important;
border-right: none !important;
}
table.type3 tr td
{
background: none !important;
border: none !important;
color: #FFF;
font-size: 16px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
text-align: left;
}
@media screen and (min-width: 769px)
{
.su-table table.type3
{
line-height: 2.0;
}
}  h1.heading1
{
font-size: 15px;
font-family: serif !important;
position: relative;
color: #743151;
line-height: 2.0;
-webkit-box-reflect: below -10px -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .6));
} h1.heading2
{
position: relative;
padding: .5em .5em .5em 1.5em;
line-height: 1.4;
font-size: 16px;
font-weight: normal;
color: #743151;
border-top: dotted 1px #990033;
border-bottom: dotted 1px #990033;
background: #FFFAFF;
}
h1.heading2:before
{
font-family: 'Font Awesome 5 Free';
content: '\f138';
font-weight: 900;
position: absolute;
font-size: 1em;
left: .25em;
top: .5em;
color: #743151;
} h1.heading3
{
color: #743151;
font-size: 16px;
font-weight: normal;
padding-bottom: .5em;
border-bottom: 1px solid #743151;
}
h1.heading3 span
{
display: block;
margin-bottom: .2em;
color: #913D65;
font-size: .9em;
} h1.heading4
{
color: #743151;
font-size: 16px;
position: relative;
text-align: center;
}
h1.heading4 span
{
position: relative;
z-index: 2;
display: inline-block;
margin: 0 4em;
padding: 0 1em;
background-color: #FBF8FB;
text-align: left;
}
h1.heading4::before
{
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background: #990033;
background: -webkit-linear-gradient(-45deg, transparent, #990033 10%, #990033 90%, transparent);
background:         linear-gradient(-45deg, transparent, #990033 10%, #990033 90%, transparent);
} h1.heading5
{
color: #743151;
font-size: 16px;
font-weight: normal;
position: relative;
padding: 0 .5em .5em 2em;
}
h1.heading5::before, h1.heading5::after
{
position: absolute;
content: '';
border-radius: 100%;
}
h1.heading5::before
{
top: .2em;
left: .2em;
z-index: 2;
width: 18px;
height: 18px;
background: rgba(255, 230, 250, 1);
}
h1.heading5::after
{
top: .7em;
left: .7em;
width: 13px;
height: 13px;
background: rgba(255, 240, 255, 1);
}  .ttl
{
text-align: center;
margin: 0 auto;
padding: 0 0 50px;
background: none;
color: #793F65;
font-size: 28px;
line-height: 1.0;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
letter-spacing: 2.24px;
}
.ttl
{
padding: 0 0 25px;
}
.page-id-4184 .obsessionSection h2.ttl
{
color: #333;
}
.page-id-4184 .obsessionSection .ttl.has-left-line:after, .page-id-4187 .priceHeadingSection .ttl.has-left-line:after
{
visibility: visible;
top: 24px;
}
.useDetailsColumnSection h2.ttl,
.useDetailsColumnSection .ttl > .description
{
font-size: 24px;
}
@media screen and (min-width: 769px)
{
h2.ttl.-smaller, h2.ttl.-smaller > .description
{
font-size: 24px;
}
}
.page-id-4184 .obsessionSection h2.ttl .description
{
color: #793F65;
}
.page-id-4187 .priceHeadingSection h2.ttl, .page-id-4187 .priceHeadingSection h2.ttl .description, .page-id-4184 .obsessionSection h2.ttl, .page-id-4184 .obsessionSection h2.ttl .description
{
font-size: 20px;
}
h2.ttl::after
{
visibility: hidden;
}
.ttl > .description
{
font-size: 24px;
line-height: 1.8;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
color: #333;
letter-spacing: 1.12px;
}
.orchisColumnSection h2.ttl
{
font-size: 24px;
line-height: 1.2;
letter-spacing: 3.84px;
}
.orchisColumnSection .ttl > .description
{
font-size: 24px;
line-height: 2.0;
letter-spacing: 2.56px;
}
h2.ttl.pb50{
padding-bottom: 25px;
}
@media screen and (min-width: 769px)
{
.ttl
{
padding: 0 0 100px;
font-size: 40px;
line-height: 1.2;
letter-spacing: 3.2px;
}
h2.ttl.pb50{
padding-bottom: 50px;
}
.page-id-4187 .priceHeadingSection h2.ttl
{
font-size: 24px;
font-weight: 600;
}
.page-id-4187 .priceHeadingSection h2.ttl .description
{
font-size: 24px;
font-weight: 300;
}
.page-id-4184 .obsessionSection h2.ttl, .page-id-4184 .obsessionSection h2.ttl .description
{
font-size: 24px;
font-weight: 600;
}
.ttl > .description
{
font-size: 28px;
line-height: 2.0;
letter-spacing: 2.56px;
}
}
@media screen and (min-width: 1240px)
{
.ttl
{
font-size: 48px;
line-height: 1.2;
letter-spacing: 3.84px;
}
.page-id-4187 .priceHeadingSection h2.ttl, .page-id-4187 .priceHeadingSection h2.ttl .description
{
font-size: 24px;
font-weight: 600;
}
.page-id-4184 .obsessionSection h2.ttl, .page-id-4184 .obsessionSection h2.ttl .description
{
font-size: 24px;
font-weight: 600;
}
.ttl > .description
{
font-size: 32px;
line-height: 2.0;
letter-spacing: 2.56px;
}
} .ttl.has-left-line
{
position: relative;
text-align: left;
}
.ttl.has-left-line::after
{
content: '';
position: absolute;
top: 14px;
left: -70px;
width: 60px;
height: 1px;
background: #793F65;
visibility: visible;
}
@media screen and (min-width: 769px)
{
.ttl.has-left-line::after
{
top: 14px;
left: -60px;
width: 50px;
}
}
@media screen and (min-width: 1280px)
{
.ttl.has-left-line::after
{
top: 14px;
}
}
@media screen and (min-width: 1400px)
{
.ttl.has-left-line::after
{
left: -320px;
width: 290px;
}
}
.page-id-2593 .ttl.has-left-line::after
{
top: 19px;
}
@media screen and (min-width: 769px)
{
.page-id-2593 .ttl.has-left-line::after
{
top: 34px;
}
} h2.ttl_column_l
{
text-align: left;
margin: 0 auto;
padding: 0 0 40px;
background: none;
color: #793F65;
font-size: 28px;
line-height: 1;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
h2.ttl_column_l > .description
{
font-size: 14px;
line-height: 1.8;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
color: #333;
letter-spacing: 1.12px;
}
@media screen and (min-width: 769px)
{ h2.ttl_column_l
{
text-align: left;
margin: 0 auto;
padding: 0 0 40px;
font-size: 28px;
line-height: 1;
}
h2.ttl_column_l > .description
{
font-size: 20px;
line-height: 2.0;
letter-spacing: 1.6px;
}
}
@media screen and (min-width: 1240px)
{ h2.ttl_column_l
{
text-align: left;
margin: 0 auto;
padding: 0 0 40px;
font-size: 48px;
line-height: 1;
}
h2.ttl_column_l > .description
{
font-size: 32px;
line-height: 2.0;
letter-spacing: 1.92px;
}
} h2.ttl-has-pop
{
text-align: left;
margin: 0 auto;
padding: 0;
background: none;
color: #793F65;
font-size: 24px;
line-height: 2.0;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: normal;
}
h2.ttl-has-pop > span
{
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: normal;
}
@media screen and (min-width: 1240px)
{
h2.ttl-has-pop
{
font-size: 32px;
}
} h2.ttl_m3, .ttl_m3
{
margin: 50px 0 12.5px;
padding: 0;
background: none; color: #FFF;
font-size: 18px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: 600;
text-align: center;
}
h2.ttl_m3:before, h2.ttl_m3:after
{
display: none;
}
h2.ttl_m3:first-child
{
margin-top: 25px;
}
.box_g1 + .box_g1 > h2.ttl_m3:first-child
{
margin-top: 50px;
}
@media screen and (min-width: 769px)
{
h2.ttl_m3, .ttl_m3
{
margin: 50px 0 25px;
font-size: 24px;
line-height: 2.0;
}
h2.ttl_m3:first-child
{
margin-top: 0;
}
.box_g1 + .box_g1 > h2.ttl_m3:first-child
{
margin-top: 50px;
}
}
@media screen and (min-width: 1240px)
{
h2.ttl_m3, .ttl_m3
{
text-align: justify;
}
h2.ttl_m3:first-child
{
margin-top: 0;
}
.box_g1 + .box_g1 > h2.ttl_m3:first-child
{
margin-top: 0;
}
} h2.ttl_banner
{
padding-bottom: 0;
color: #222222;
font-size: 20px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: normal;
text-align: center;
}
@media screen and (min-width: 769px)
{
h2.ttl_banner
{
padding-bottom: 0;
color: #222222;
font-size: 20px;
line-height: 2.0;
text-align: center;
}
}
@media screen and (min-width: 1240px)
{
h2.ttl_banner
{
padding-bottom: 0;
color: #222222;
font-size: 32px;
line-height: 2.0;
text-align: center;
}
} h2.ttl span.subttl, h2.ttl span.subttl span.color-black
{
background: none;
color: #793F65;
font-size: 24px;
line-height: 1.0;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: 600;
}
h2.ttl span.subttl span.color-black
{
color: #333;
}
@media screen and (min-width: 769px)
{
h2.ttl span.subttl, h2.ttl span.subttl span.color-black
{
font-size: 24px;
line-height: 1.0;
}
}
@media screen and (min-width: 1240px)
{
h2.ttl span.subttl, h2.ttl span.subttl span.color-black
{
font-size: 36px;
line-height: 1.0;
}
}  h3.heading
{
margin: 25px auto;
padding: 0;
font-size: 24px;
line-height: 2.0;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: 300;
letter-spacing: .08em;
}
h3.heading::before
{
position: relative;
display: inline-block;
content: '';
bottom: 2px;
width: 11px;
height: 11px;
margin-right: 6px;
padding: 0;
background: #793F65;
transform: rotate(45deg) skew(6deg, 6deg);
}
h3.heading::after
{
display: none;
}
h3.heading.has-spacer
{
padding-top: 50px;
border-top: 1px dashed #222222;
}
h3.heading.center
{
margin-left: 0em;
}
@media screen and (min-width: 769px)
{
h3.heading::before
{
position: relative;
display: inline-block;
content: '';
bottom: 0;
width: 17px;
height: 17px;
margin-right: 10px;
padding: 0; }
.columnSection h3.heading::before, .wrapMannersSection h3.heading::before, .orchisColorSection h3.heading::before
{
width: 17px;
height: 17px;
bottom: 1px;
}
.columnSection h3.heading, .wrapMannersSection h3.heading, .orchisColorSection h3.heading
{
font-size: 24px;
margin-bottom: 25px;
}
} h3.heading1, .heading1_m
{
background-color: #743151;
border-radius: 1.5em;
font-size: 1em;
font-family: serif;
color: white;
margin: .3em 0;
padding: .5em .5em .5em 2.5em;
position: relative;
}
h3.heading1:after
{
background-color: white;
border-radius: 100%;
content: '';
height: 13px;
left: 1em;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 13px;
} h3.heading2, .heading2_m
{
font-family: Hiragino Kaku Gothic Pro;
font-size: 16px;
line-height: 1.8;
font-weight: normal;
}
@media screen and (min-width: 769px)
{
h3.heading2, .heading2_m
{
line-height: 2.0;
}
} h3.heading3, .heading3_m
{
color: #990033;
padding: 0 10px;
line-height: 1.8;
}
@media screen and (min-width: 769px)
{
h3.heading3, .heading3_m
{
line-height: 2.0;
}
} h3.heading4
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
margin: 0 auto;
padding: 40px;
background: rgba(255, 255, 255, .8);
color: #222222;
font-size: 24px;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
line-height: 24px;
} h3.heading5
{
margin: 10px auto;
font-size: 20px;
line-height: 1.8;
text-align: center;
}
.page-id-4187 h3.heading5
{
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', 游明朝, YuMincho, HG明朝E, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: 400;
}
@media screen and (min-width: 769px)
{
.page-id-4187 h3.heading5
{
font-size: 24px;
letter-spacing: .08em;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
}
@media screen and (min-width: 769px)
{
h3.heading5
{
line-height: 2.0;
}
} h3.heading6
{
color: #793F65;
font-size: 20px;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
line-height: 2.0;
} h3.heading-list
{
color: #793F65;
font-size: 20px;
line-height: 1.8;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: normal;
}
@media screen and (min-width: 1240px)
{
h3.heading-list
{
font-size: 24px;
line-height: 2.0;
}
.pg_use h3.heading-list,
.single-use h3.heading-list{
font-size: 22px;
}
} section.apolonSection
{
margin: 0 auto;
padding-top: 0;
padding-bottom: 0;
}
section.apolonSection .inner
{
display: block;
position: relative;
width: 100%;
background: #D7D1DE;
}
section.apolonSection .inner::after
{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://www.kochoran.ne.jp/wp-content/uploads/2023/04/top-banner-left.png);
background-repeat: no-repeat;
background-position: bottom left;
background-size: cover;
z-index: 1;
}
section.apolonSection .inner > a
{
z-index: 10;
position: relative;
} section.apolonSection .inner .columns
{
justify-content: right;
align-items: center;
width: auto;
height: auto;
margin: 0 auto 0 0;
padding: 40px 100px 40px 30px !important;
}
@media screen and (max-width: 987px)
{
section.apolonSection .inner .columns
{
padding: 50px 30px !important;
}
}
section.apolonSection .inner .columns > .column-l
{
width: auto;
padding-right: 27.7px;
white-space: nowrap;
text-align: left;
}
@media screen and (max-width: 813px)
{
section.apolonSection .inner .columns > .column-l
{
white-space: unset;
}
section.apolonSection .textBanner
{
line-height: 1.8;
}
section.apolonSection .textBanner br
{
display: none;
}
section.apolonSection .inner .columns > .column-l
{
padding-right: 0;
}
}
section.apolonSection .inner .columns > .column-r
{
width: auto;
max-width: 212px;
max-height: 196px;
}
section.apolonSection .inner .columns > .column-r > img
{
width: 100%;
height: auto;
}
section.apolonSection .inner .columns > .column-l, section.apolonSection .inner .columns > .column-r
{
z-index: 3;
}
@media screen and (max-width: 980px)
{
section.apolonSection .inner .columns > .column-r
{
margin-top: 20px;
}
}
section.apolonSection .textBanner
{
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
text-shadow: 0 1px #D7D1DE;
} h2.ttlBanner
{
padding-bottom: 30px;
font-size: 48px;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
line-height: 1.0;
font-weight: normal;
}
h2.ttlBanner br
{
display: none;
}
p.textBanner
{
font-size: 16px;
line-height: 48px;
}  .lazy-slider
{
opacity: 0;
transition: .25s ease;
}
.lazy-slider.slick-initialized
{
opacity: 1;
} .slick-track
{
display: flex;
}
.slick-slide
{
height: auto !important;
} .slick-dots
{
position: relative;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li button:before
{
content: '';
width: 16px;
height: 16px;
background: #793F65;
border-radius: 50% 50%;
opacity: .25;
}
.slick-dots li button:hover:before
{
background: #793F65;
opacity: .75;
}  .ranking_box1
{
position: relative;
}
.ranking_icon1
{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
} .slickRanking .lankadd, .slickRankingEx .lankadd
{
border: solid 1px #660000;
max-width: 800px;
margin: 0 18px 20px;
} .rankingSection
{
overflow-x: hidden;
}
.rankingSection .inner
{
position: relative;
}
.rankingSection .slickRanking, .rankingSection .slickRankingEx
{
width: 100%;
}
.slickRanking .rankColumn, .slickRankingEx .rankColumn
{
display: flex;
flex-flow: column wrap;
align-items: normal;
width: auto;
margin: 0 16px;
z-index: 1;
}
.slickRanking.slick-dotted.slick-slider, .slickRankingEx.slick-dotted.slick-slider
{
margin-bottom: 0;
padding-bottom: 80px;
}
.rankingSection .dots-list
{
position: absolute;
bottom: 25px;
left: 0;
right: 0;
}
.rankingSection p span.-emp
{
color: #793F65;
}
@media screen and (min-width: 440px)
{
.slickRanking.slick-dotted.slick-slider, .slickRankingEx.slick-dotted.slick-slider
{
padding-bottom: 100px;
}
.slickRanking .rankColumn, .slickRankingEx .rankColumn
{
width: 316px;
margin: 0 16px;
}
}
@media screen and (min-width: 1240px)
{
.slickRanking.slick-dotted.slick-slider, .slickRankingEx.slick-dotted.slick-slider
{
padding-bottom: 100px;
}
.slickRanking .rankColumn .slickRankingEx .rankColumn
{
margin: 0 34px;
}
} .slickRanking .rankColumn .rankHeading, .slickRankingEx .rankColumn .rankHeading
{
position: relative;
flex-grow: 0;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 90px;
}
.slickRanking .rankColumn .rankHeading > .ico-rank, .slickRankingEx .rankColumn .rankHeading > .ico-rank
{
position: absolute;
display: inline-block;
top: 30px;
left: -20px;
width: auto;
height: auto;
padding: 26px 32px;
background: #FFF;
border: 1px solid #793F65;
border-radius: 50%;
color: #793F65;
font-size: 28px;
line-height: 30px;
font-family: futura-medium, sans-serif;
z-index: 1;
}
.slickRanking .rankColumn .rankHeading > .ico-rank.crown::after, .slickRankingEx .rankColumn .rankHeading > .ico-rank.crown::after
{
position: absolute;
display: inline-block;
content: '';
background-image: url(https://www.kochoran.ne.jp/wp-content/uploads/ranking-crown.svg);
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
top: -16px;
left: 0;
right: 0;
width: 100%;
height: 32px;
text-align: center;
z-index: 2;
}
.slickRanking .rankColumn .rankHeading > h3.heading2, .slickRankingEx .rankColumn .rankHeading > h3.heading2
{
position: relative;
bottom: 0;
left: 75px;
width: calc(100% - 75px);
margin: 0;
color: #793F65;
font-size: 18px;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
line-height: 1.5;
font-weight: 600;
}
@media screen and (min-width: 440px)
{
.slickRanking .rankColumn .rankHeading .slickRankingEx .rankColumn .rankHeading
{
width: 100%;
height: 100px;
}
.slickRanking .rankColumn .rankHeading > .ico-rank, .slickRankingEx .rankColumn .rankHeading > .ico-rank
{
top: 30px;
left: -20px;
width: auto;
height: auto;
padding: 26px 32px;
}
.slickRanking .rankColumn .rankHeading > .ico-rank.crown::after, .slickRankingEx .rankColumn .rankHeading > .ico-rank.crown::after
{
top: -20px;
left: 0;
right: 0;
height: 32px;
}
.slickRanking .rankColumn .rankHeading > h3.heading2, .slickRankingEx .rankColumn .rankHeading > h3.heading2
{
bottom: 0;
left: 80px;
width: calc(100% - 80px);
}
}
@media screen and (min-width: 769px)
{
.slickRanking .rankColumn .rankHeading > h3.heading2, .slickRankingEx .rankColumn .rankHeading > h3.heading2
{
margin-top: 20px;
margin-bottom: 0;
}
} .slickRanking .rankColumn .rankImg, .slickRankingEx .rankColumn .rankImg
{
flex-grow: 0;
width: 100%;
max-width: 220px;
aspect-ratio: 3 / 4;
margin: 0 auto;
border-radius: 10px;
overflow: hidden;
}
.slickRanking .rankColumn .rankImg > img, .slickRankingEx .rankColumn .rankImg > img
{
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (min-width: 769px)
{
.slickRanking .rankColumn .rankImg, .slickRankingEx .rankColumn .rankImg
{
max-width: none;
aspect-ratio: 3 / 4;
margin: 0 auto;
}
} .slickRanking .rankColumn .rankTxt, .slickRankingEx .rankColumn .rankTxt
{
display: flex;
flex-grow: 1;
flex-flow: column wrap;
align-items: normal;
}
.slickRanking .rankColumn .rankTxt > .priceRow, .slickRankingEx .rankColumn .rankTxt > .priceRow
{
flex-grow: 0;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
padding: 10px 0 20px;
}
.slickRanking .rankColumn .rankTxt > .priceRow::after, .slickRankingEx .rankColumn .rankTxt > .priceRow::after
{
position: absolute;
content: '';
bottom: 10px;
left: 0;
width: 100%;
border-bottom: 1px dotted #222222;
}
.slickRanking .rankColumn .rankTxt > .priceRow > .price, .slickRankingEx .rankColumn .rankTxt > .priceRow > .price
{
width: 100%;
font-size: 18px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: 600;
letter-spacing: 0;
}
.slickRanking .rankColumn .rankTxt > .priceRow > .favolite, .slickRankingEx .rankColumn .rankTxt > .priceRow > .favolite
{
margin-right: 0;
font-size: 16px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
letter-spacing: 0;
}
@media screen and (min-width: 769px)
{
.slickRanking .rankColumn .rankTxt > .priceRow, .slickRankingEx .rankColumn .rankTxt > .priceRow
{
padding: 30px 0 35px;
}
.slickRanking .rankColumn .rankTxt > .priceRow::after, .slickRankingEx .rankColumn .rankTxt > .priceRow::after
{
bottom: 20px;
}
}
@media screen and (min-width: 1240px)
{
.slickRanking .rankColumn .rankTxt > .priceRow > .price, .slickRankingEx .rankColumn .rankTxt > .priceRow > .price
{
flex-grow: 1;
width: 100%;
margin-right: auto;
font-size: 18px;
line-height: 2.0;
}
.slickRanking .rankColumn .rankTxt > .priceRow > .favolite, .slickRankingEx .rankColumn .rankTxt > .priceRow > .favolite
{
margin-right: 2px;
font-size: 16px;
line-height: 2.0;
}
} .slickRanking .rankColumn .rankTxt > .caption, .slickRankingEx .rankColumn .rankTxt > .caption
{
flex-grow: 1;
width: 100%;
height: auto;
font-size: 14px;
line-height: 2.0;
letter-spacing: 0;
} .slickRanking .rankColumn .rankTxt > .btnWrap, .slickRankingEx .rankColumn .rankTxt > .btnWrap
{
flex-grow: 0;
display: block;
position: relative;
width: 100%;
margin: 10px auto 0;
padding: 0;
}
@media screen and (min-width: 769px)
{
.slickRanking .rankColumn .rankTxt > .btnWrap, .slickRankingEx .rankColumn .rankTxt > .btnWrap
{
margin-top: 30px;
}
}
.slickRanking .rankColumn .rankTxt > .btnWrap a.btn.btn_detail, .slickRankingEx .rankColumn .rankTxt > .btnWrap a.btn.btn_detail
{
display: block;
width: 100%;
padding: 12px 20px;
border-radius: 10px;
background: #793F65;
color: #FFF;
font-size: 20px;
line-height: 1.8;
font-weight: medium;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
letter-spacing: 1.28px;
text-align: center;
transition: .4s ease-in;
}
.slickRanking .rankColumn .rankTxt > .btnWrap:hover a.btn.btn_detail, .slickRankingEx .rankColumn .rankTxt > .btnWrap:hover a.btn.btn_detail
{
background: rgba(121, 63, 101, .6);
text-decoration: none;
}
@media screen and (min-width: 769px)
{
.slickRanking .rankColumn .rankTxt > .btnWrap a.btn.btn_detail, .slickRankingEx .rankColumn .rankTxt > .btnWrap a.btn.btn_detail
{
padding: 12px 20px;
font-size: 20px;
line-height: 2.0;
}
}  .columnPricePoint
{
margin-top: 25px;
}
@media screen and (min-width: 769px)
{
.columnPricePoint
{
margin-top: 0;
}
}
.columnPricePoint .columnVisualArea
{
position: relative;
width: 100%;
height: auto;
margin-bottom: 10px;
border-radius: 10px;
font-size: 0;
overflow: hidden;
transition: all .2s;
}
.columnPricePoint .columnVisualArea:hover
{
opacity: .8;
}
.columnPricePoint .columnVisualArea img
{
width: 100%;
}
.columnPricePoint .columnVisualArea h3.heading5
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0 auto;
color: #111;
padding: 10px 0;
background: rgba(255, 255, 255, .6);
} .priceLFlowerSection .column p
{
font-size: 16px;
}
.priceLFlowerSection a.linkbtn
{
max-width: 460px;
margin: 0 auto;
font-size: 16px;
letter-spacing: .08em;
padding: 12px 15px;
}
.priceMannerSection a.linkbtn
{
max-width: 330px;
padding: 12px 15px;
}
@media screen and (min-width: 769px)
{
.priceLFlowerSection a.linkbtn
{
font-size: 18px;
padding: 12px 20px;
}
.priceMannerSection  a.linkbtn
{
max-width: 460px;
padding: 12px 20px;
}
}
@media screen and (min-width: 1240px)
{
.priceLFlowerSection .columns
{
align-items: center;
}
.priceLFlowerSection .column.column-l
{
width: calc(50% - 60px);
margin-left: 0;
margin-right: 60px;
}
.priceLFlowerSection .column p
{
font-size: 16px;
}
.priceLFlowerSection a.linkbtn
{
margin-left: 0;
}
} .img-responsive2
{
width: 204.5px !important;
height: 204.5px !important;
object-fit: contain;
}
.img-responsive3
{
width: 204.5px !important;
height: 280px !important;
object-fit: contain;
}  section.itemInfoSection
{
padding-top: 25px;
}
section.itemInfoSection .itemInfoBox
{
display: block;
width: 100%;
margin: 0 auto;
}
.itemInfoBox > .img
{
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
}
.itemInfoBox > .txt
{
display: block;
width: 100%;
max-width: none;
margin: 0 auto;
padding: 25px 0 0;
text-align: center;
}
@media screen and (min-width: 769px)
{
section.itemInfoSection
{
padding-top: 50px;
}
}
@media screen and (min-width: 1050px)
{
section.itemInfoSection .itemInfoBox
{
display: flex;
flex-wrap: nowrap;
}
.itemInfoBox > .img
{
width: 50%;
}
.itemInfoBox > .txt
{
padding: 0 0 0 30px;
}
}
@media screen and (min-width: 1240px)
{
.itemInfoBox > .txt
{
flex: 1 1 auto;
margin: 0;
padding: 0 0 0 60px;
}
} .itemInfoBox .itemImage
{
width: 100%;
padding: 0;
}
.itemImage > .zoomItemPic
{
display: block;
width: 100%;
margin-bottom: 25px;
font-size: 0;
}
.itemImage > .zoomItemPic > img.mainImg
{
width: 100%;
height: auto;
}
.itemImage .imgItemList
{
width: 100%;
margin: 0 auto 12px;
padding-left: 0;
}
.itemImage .imgItemList .zoomItemPic
{
margin: 0;
padding: 0;
}
.itemImage .imgItemList .zoomItemPic > .imgWrap
{
display: block;
width: 100%;
height: auto;
}
.itemImage .imgItemList .zoomItemPic > .imgWrap img
{
width: 100%;
height: auto;
} .itemImage .thumbItemList
{
width: 100%;
overflow: hidden;
padding-left: 0;
}
.itemImage .thumbItemList .slick-list
{
width: 1005;
margin: 0;
}
.itemImage .imgItemList .slick-list .selectItemPic
{
margin: 0;
}
.itemImage .imgItemList .slick-list .selectItemPic > .imgWrap
{
display: block;
width: 100%;
height: 100%;
aspect-ratio: .75;
}
.itemImage .imgItemList .slick-list .selectItemPic > .imgWrap > .mainImg
{
width: 100%;
height: auto;
object-fit: contain;
object-position: top;
}
.itemImage .thumbItemList .slick-list
{
width: calc(100% + 16px);
margin-left: -8px;
margin-right: auto;
}
.itemImage .thumbItemList .slick-list .selectItemThumb
{
position: relative;
margin: 0 8px;
}
.itemImage .thumbItemList .slick-list .selectItemThumb::after
{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
background: #793F65;
opacity: 0;
}
.itemImage .thumbItemList .slick-list .selectItemThumb.thumb-current::after
{
opacity: .4;
}
.itemImage .imgItemList .slick-list .selectItemThumb > .imgWrap
{
display: block;
width: 100%;
height: auto;
}
.itemImage .thumbItemList .slick-list .selectItemThumb > .imgWrap > .thumbImg
{
position: relative;
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 440px)
{
.itemInfoBox .itemImage
{
width: 100%;
max-width: 520px;
margin: 0 auto;
padding: 0;
}
}
@media screen and (min-width: 769px)
{
.itemInfoBox .itemImage
{
width: 100%;
max-width: 470px;
margin: 0 auto;
padding: 0;
}
.itemImage .imgItemList
{
width: 100%;
margin: 0 auto 25px;
}
.itemImage .thumbItemList .slick-list
{
width: calc(100% + 16px);
margin-left: -8px;
margin-right: auto;
}
.itemImage .thumbItemList .slick-list .selectItemThumb
{
position: relative;
margin: 0 8px;
}
}
@media screen and (min-width: 1240px)
{
.itemInfoBox .itemImage
{
width: 100%;
max-width: 500px;
margin-left: 0;
padding-bottom: 50px;
}
.itemImage .imgItemList
{
width: 100%;
margin: 0 auto 25px;
}
.itemImage .thumbItemList .slick-list
{
width: calc(100% + 36px);
margin-left: -18px;
margin-right: auto;
}
.itemImage .thumbItemList .slick-list .selectItemThumb
{
position: relative;
margin: 0 18px;
}
}
@media screen and (min-width: 1400px)
{
.itemInfoBox .itemImage
{
width: 100%;
max-width: 480px;
padding-bottom: 50px;
}
} .itemDescWrap
{
display: block;
width: 100%;
padding-top: 0;
text-align: left;
}
.itemDescWrap .itemDesc
{
width: 100%;
padding-bottom: 25px;
color: #333;
font-size: 14px;
line-height: 1.8;
font-weight: normal;
}
.itemDescWrap .itemDesc p {
font-size: 14px;
}
.itemDescWrap ul.itemSpec
{
display: inline-block;
width: 100%;
margin: 0 auto;
padding: 0;
font-size: 16px;
line-height: 1.8;
}
.itemDescWrap ul.itemSpec > li
{
position: relative;
display: block;
margin-left: 0;
padding-left: 16px;
color: #333;
font-size: 14px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
text-align: justify;
}
.itemDescWrap ul.itemSpec > li::before
{
position: absolute;
content: '■';
left: 0;
color: #793F65;
}
.itemDescWrap ul.itemSpec > li > span
{
padding-left: 14px;
}
@media screen and (min-width: 769px)
{
.itemDescWrap .itemDesc
{
padding-bottom: 150px;
font-size: 14px;
line-height: 2.0;
}
.itemDescWrap .itemDesc p
{
font-size: 14px;
}
.itemDescWrap ul.itemSpec
{
text-align: left;
}
.itemDescWrap ul.itemSpec > li
{
display: inline-block;
padding-left: 20px;
padding-right: 10px;
font-size: 14px;
line-height: 2.0;
}
.itemDescWrap ul.itemSpec > li > span
{
padding-left: 14px;
}
}
@media screen and (min-width: 1240px)
{
.itemDescWrap
{
display: block;
width: 100%;
padding-top: 0;
text-align: left;
}
.itemDescWrap ul.itemSpec > li
{
padding-right: 20px;
}
} .itemInfoBox .txt td
{
padding: 0;
} .itemInfoBox .itemBreadcrumb
{
margin: 0 auto;
padding-bottom: 10px !important;
font-size: 12px;
line-height: 1.8;
text-align: left;
}
.itemInfoBox .itemBreadcrumb span
{
display: inline;
margin-right: 0;
color: #333;
font-size: 12px;
line-height: 1.8;
font-weight: normal;
text-align: justify;
}
@media screen and (min-width: 769px)
{
.itemInfoBox .itemBreadcrumb
{
padding-bottom: 15px !important;
text-align: justify;
}
.itemInfoBox .itemBreadcrumb span
{
display: inline;
margin-right: 0;
font-size: 14px;
line-height: 1.8;
}
} .ttl-item-name
{
padding-bottom: 0;
font-size: 18px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: 600;
letter-spacing: .08em;
text-align: justify;
}
.ttl-item-name h1{
font-size: 1em;
margin: 0;
}
@media screen and (min-width: 769px)
{
.ttl-item-name
{
padding-bottom: 20px;
font-size: 24px;
line-height: 2.0;
text-align: justify;
}
} .itemInfoBox .txt .priceWrap
{
position: relative;
width: 100%;
margin-bottom: 20px;
}
@media screen and (min-width: 769px)
{
.itemInfoBox .txt .priceWrap
{
margin-bottom: 28px;
}
} .itemInfoBox .priceWrap .regularprice
{
text-align: left;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
text-align: justify;
letter-spacing: 0;
}
.itemInfoBox .priceWrap .fixed
{
font-size: 16px;
line-height: 1.8;
color: #9B253B;
letter-spacing: .08em;
}
@media screen and (min-width: 769px)
{
.itemInfoBox .priceWrap .regularprice
{
margin-bottom: -10px;
letter-spacing: 0;
text-align: justify;
}
.itemInfoBox .priceWrap .fixed
{
font-size: 16px;
line-height: 2.0;
letter-spacing: .08em;
}
} .itemInfoBox .priceWrap .saleprice
{
padding-bottom: 0;
}
.itemInfoBox .priceWrap .price
{
color: #333;
font-size: 12px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: 600;
letter-spacing: 0;
text-align: left;
}
.itemInfoBox .priceWrap .price > span
{
font-size: 24px;
line-height: 1.8;
font-weight: 600;
letter-spacing: .08em;
}
@media screen and (min-width: 769px)
{
.itemInfoBox .priceWrap .saleprice
{
padding-bottom: 0;
}
.itemInfoBox .priceWrap .price
{
font-size: 18px;
line-height: 2.0;
text-align: justify;
letter-spacing: 0;
}
.itemInfoBox .priceWrap .price > span
{
font-size: 24px;
line-height: 2.0;
letter-spacing: .08em;
}
} .itemInfoBox .priceWrap .publish_point
{
position: relative;
max-width: 340px;
margin: 25px auto 25px 0;
padding: 16px 0;
border: 1px solid #793F65;
color: #793F65;
font-size: 16px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: 600;
letter-spacing: .08em;
text-align: center;
white-space: nowrap;
} 
@media screen and (min-width: 1280px)
{
.itemInfoBox .priceWrap .publish_point
{
position: absolute;
bottom: 14px;
left: auto;
right: 0;
width: 100%;
max-width: 300px;
margin-bottom: 0;
padding: 9px 20px;
font-size: 16px;
line-height: 2.0;
}
.itemInfoBox .priceWrap .publish_point.no-regularprice {
bottom: -8px;
}
}
@media screen and (min-width: 1240px)
{
.itemInfoBox .priceWrap .publish_point
{
position: absolute;
bottom: 14px;
left: 55%;
right: 0;
width: auto;
margin-bottom: 0;
padding: 9px 5px;
font-size: 14px;
line-height: 2.0;
}
}
@media screen and (min-width: 1400px)
{
.itemInfoBox .priceWrap .publish_point
{
position: absolute;
bottom: 14px;
left: 270px;
right: 0;
width: 100%;
max-width: 280px;
margin: 0 auto;
padding: 9px 15px;
font-size: 16px;
line-height: 2.0;
}
} .itemInfoBox .txt .wkrWrap
{
position: relative;
padding-bottom: 50px;
text-align: left;
}
.itemInfoBox .txt .wkrWrap::before
{
position: absolute;
content: '';
bottom: 54px;
left: 0;
width: 100%;
border-bottom: 1px solid #222222;
}
.itemInfoBox .txt .wkrWrap .wkr_rating
{
display: inline-block;
}
.itemInfoBox .txt .wkrWrap a.wkr_move
{
font-size: 16px;
margin-left: 8px;
color: #793F65;
}
.itemInfoBox .txt .wkrWrap a.wkr_move > .wkr_count_all
{
color: #793F65;
}
@media screen and (min-width: 769px)
{
.itemInfoBox .txt .wkrWrap
{
padding-bottom: 40px;
}
.itemInfoBox .txt .wkrWrap::before
{
bottom: 53px;
}
}
@media screen and (min-width: 1001px)
{
.itemInfoBox .txt .wkrWrap::before
{
bottom: 21px;
}
} .itemInfoBox .txt .optionWrap span.quantity
{
display: block;
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
letter-spacing: .08em;
text-align: justify;
}
.itemInfoBox .txt .optionWrap span.quantity:nth-of-type(2) { }
.itemInfoBox .txt .optionWrap span.quantity > select
{
width: 113px;
padding: 2px 36px 2px 22px;
border-radius: 6px;
font-size: 16px;
line-height: 1.8;
font-weight: 300;
margin-left: auto;
}
.itemInfoBox .txt .optionWrap span.quantity select > option
{
font-size: 16px;
line-height: 1.8;
}
@media screen and (min-width: 769px)
{
.itemInfoBox .txt .optionWrap span.quantity
{
display: inline-block;
font-size: 18px;
line-height: 2.0;
letter-spacing: .08em;
}
.itemInfoBox .txt .optionWrap span.quantity:nth-of-type(2) {
margin-bottom: 10px;
}
.itemInfoBox .txt .optionWrap span.quantity > select
{
width: 113px;
padding: 5px 36px 5px 22px;
font-size: 16px;
line-height: 2.0;
}
}
@media screen and (min-width: 1240px)
{
.itemInfoBox .txt .optionWrap span.quantity
{ }
}
@media screen and (min-width: 1400px)
{
.itemInfoBox .txt .optionWrap span.quantity
{
display: inline-block;
}
} .itemInfoBox .txt .optionWrap
{
text-align: left;
}
.itemInfoBox .txt .optionWrap span.option
{
display: block; margin: 0;
padding: 0;
font-size: 18px;
font-weight: 600;
letter-spacing: .08em;
text-align: left;
}
.itemInfoBox .txt .optionWrap span.option select
{
width: 200px;
padding: 2px 36px 2px 22px;
border-radius: 6px;
font-size: 16px;
line-height: 1.8;
font-weight: 300;
}
.itemInfoBox .txt .optionWrap span.option select > option
{
font-size: 16px;
line-height: 1.8;
}
@media screen and (min-width: 769px)
{
.itemInfoBox .txt .optionWrap span.option
{
font-size: 18px;
letter-spacing: .08em;
max-width: 340px;
}
.itemInfoBox .txt .optionWrap span.option select
{
width: 232px;
padding: 5px 36px 5px 22px;
font-size: 16px;
line-height: 2.0;
}
}
@media screen and (min-width: 769px) {
.itemInfoBox .txt .optionWrap span.option {
display: flex;
flex-wrap: wrap;
max-width: unset;
}
}
@media screen and (max-width: 769px) {
.itemInfoBox .txt .optionWrap span.option_title {
font-size: 15px;
margin-right: 10px;
}
.itemInfoBox .txt .optionWrap span.option select
{
width: 175px;
font-size: 14px;
}
}
@media screen and (min-width: 769px)
{
.itemInfoBox .txt .optionWrap span.option
{
padding-top: 25px;
}
}
@media screen and (min-width: 1400px)
{
.itemInfoBox .txt .optionWrap span.option
{
padding-top: 0;
}
} #_gaCartButton
{
display: block;
width: 100%;
margin: 0 auto;
text-align: left;
}
#_gaCartButton button
{
display: block;
width: 100%;
max-width: 300px;
margin: 0 auto; padding: 20px;
background: #793F65;
border: none;
transition: .4s ease-in;
}
#_gaCartButton button:hover
{
background: rgba(121, 63, 101, .6);
}
#_gaCartButton button > img
{
width: 24px;
height: auto;
margin-bottom: -4px;
}
#_gaCartButton button > span
{
color: #FFF;
font-size: 16px;
font-weight: 600;
}
#_gaBtnStock
{
display: inherit;
font-size: 0;
}
@media screen and (min-width: 769px)
{
#_gaCartButton
{
margin: 30px auto 50px;
text-align: left;
}
#_gaCartButton button > img
{
width: 37px;
height: auto;
margin-bottom: -10px;
}
#_gaCartButton button > span
{
font-size: 20px;
}
}
@media screen and (min-width: 1280px) {
#_gaCartButton button
{
margin: 0 0 0 auto;
}
}
@media screen and (min-width: 1240px)
{
#_gaCartButton
{
text-align: left;
}
} .itemInfoBox .deliveryDate
{
display: none!important;
width: 100%;
margin: 25px auto 25px;
padding: 25px 10px;
background: rgba(191, 131, 170, .1);
border-radius: 20px;
text-align: left;
}
.postid-12107 .itemInfoBox .deliveryDate
{
display: block!important;
}
.itemInfoBox .deliveryDate > label
{
display: block;
margin: 0 auto;
font-size: 18px;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
font-weight: 600;
letter-spacing: .08px;
text-align: center;
}
.itemInfoBox .deliveryDate > .dateform
{
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: flex-end;
padding: 16px 0;
font-size: 16px;
line-height: 1.8;
text-align: center;
}
.itemInfoBox .deliveryDate > .dateform > select#delivery-date
{
width: 153px;
margin-right: 15px;
padding: 2px 66px 2px 22px;
border-radius: 6px;
font-size: 16px;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}
.itemInfoBox .deliveryDate > .dateform > select#delivery-date > option
{
font-size: 16px;
line-height: 1.8;
}
.itemInfoBox .deliveryDate > .dateform > span#delivery-result
{
font-size: 18px;
line-height: 40px;
letter-spacing: 1.6px;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: 600;
}
.itemInfoBox .deliveryDate > .desc
{
font-size: 14px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
text-align: justify;
}
@media screen and (min-width: 769px)
{
.itemInfoBox .deliveryDate
{
max-width: 700px;
margin: 0 auto 50px;
padding: 50px 20px;
}
.itemInfoBox .deliveryDate > label
{
font-size: 18px;
line-height: 2.0;
}
.itemInfoBox .deliveryDate > .dateform
{
padding: 8px 0;
font-size: 18px;
}
.itemInfoBox .deliveryDate > .dateform > select#delivery-date
{
margin-right: 15px;
padding: 5px 66px 5px 22px;
font-size: 16px;
line-height: 2.0;
}
.itemInfoBox .deliveryDate > .dateform > span#delivery-result
{
font-size: 24px;
line-height: 40px;
letter-spacing: 2.24px;
}
.itemInfoBox .deliveryDate > .desc
{
font-size: 14px;
line-height: 2.0;
}
}
@media screen and (min-width: 1240px)
{
.itemInfoBox .deliveryDate
{
max-width: none;
}
} .deliveredSection .deliveredList
{
width: calc(100% + 60px);
margin-left: -30px;
}
.deliveredSection .deliveredList .deliveredItem
{
width: 210px;
margin: 0 20px;
}
.deliveredList .deliveredItem > .itemInner
{
width: 100%;
max-width: 210px;
margin: 0 auto;
}
.deliveredList .deliveredItem > .itemInner > img
{
width: 100%;
height: auto;
}
.deliveredList .deliveredItem > .itemInner p.text
{
position: relative;
display: inline-block;
width: 100%;
padding-top: 20px;
font-size: 14px;
line-height: 1.8;
font-weight: 600;
letter-spacing: 1.12px;
}
.deliveredList .deliveredItem > .itemInner p.text > span
{
position: relative;
display: inline-block;
margin-left: 1em;
font-size: 14px;
line-height: 1.8;
letter-spacing: 1.12px;
text-align: right;
}
@media screen and (min-width: 769px)
{
.deliveredSection .deliveredList
{
width: calc(100% + 120px);
margin-left: -60px;
}
.deliveredList .deliveredItem > .itemInner
{
max-width: unset;
}
}
@media screen and (min-width: 1400px)
{
.deliveredSection .deliveredList
{
width: calc(100% + 57.5px);
margin-left: -28.75px;
}
.deliveredSection .deliveredList .deliveredItem
{ }
.deliveredList .deliveredItem > .itemInner p.text
{
font-size: 14px;
line-height: 2.0;
letter-spacing: 1.12px;
text-align: justify;
}
.deliveredList .deliveredItem > .itemInner p.text > span
{
font-size: 14px;
line-height: 2.0;
letter-spacing: 1.12px;
}
} .itemOptionSection .slickOption, .itemOptionSection .slickOptionEx
{
padding-bottom: 25px;
}
.slickOption .columnOption.slick-slide, .slickOptionEx .columnOption.slick-slide
{
position: relative;
width: 300px;
margin: 0 35px; padding-top: 25px;
}
.single-shop .slickOptionEx .columnOption.slick-slide:last-child h3.heading5{
margin-bottom: 0;
}
.columnOption .columnVisualArea
{
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
} .columnOption .columnVisualArea.noOption::before
{
position: absolute;
content: '';
bottom: 50%;
left: 0;
width: 100%;
height: 10px;
background: #FF0000;
transform: rotate(45deg);
opacity: .6;
}
.columnOption .columnVisualArea.noOption::after
{
position: absolute;
content: '';
bottom: 50%;
left: 0;
width: 100%;
height: 10px;
background: #FF0000;
transform: rotate(-45deg);
opacity: .6;
}
.columnOption > span
{
display: none;
}
.columnOption.freeMark > span
{
position: absolute;
display: block;
top: 0;
left: -20px;
width: 76px;
height: 76px;
padding: 24px 0;
border-radius: 50% 50%;
background: #793F65;
color: #FFF;
font-size: 16px;
line-height: 1.8;
text-align: center;
z-index: 2;
}
.columnOption .columnVisualArea img
{
width: 100%;
height: 100%;
object-fit: cover;
}
.columnOption h3.heading5
{
font-size: 16px;
line-height: 1.8;
font-weight: normal;
text-align: center;
}
.columnOption p.text
{
font-size: 14px;
line-height: 1.5;
font-weight: normal;
letter-spacing: 1.28px;
text-align: justify;
}
.itemOptionSection p.text.caption
{
font-size: 14px;
line-height: 1.8;
font-weight: normal;
letter-spacing: 0;
text-align: justify;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
@media screen and (min-width: 440px)
{
.itemOptionSection .slickOption, .itemOptionSection .slickOptionEx
{
padding-bottom: 25px;
}
.slickOption .columnOption.freeMark > span, .slickOptionEx .columnOption.freeMark > span
{
top: 0;
left: -35px;
width: 88px;
height: 88px;
padding: 24px 0;
font-size: 18px;
line-height: 2.0;
}
.columnOption h3.heading5
{
font-size: 16px;
line-height: 2.0;
}
.columnOption p.text
{
font-size: 14px;
line-height: 1.5;
}
.itemOptionSection p.text.caption
{
font-size: 14px;
line-height: 2.0;
text-align: center;
}
}
@media screen and (min-width: 769px)
{
.columnOption h3.heading5
{
font-size: 18px;
line-height: 2.0;
}
.itemOptionSection p.text.caption
{
font-size: 16px;
padding-left: 0;
padding-bottom: 0;
}
.itemOptionSection .slickOption, .itemOptionSection .slickOptionEx
{
padding-bottom: 100px;
}
}
@media screen and (min-width: 1240px)
{
.slickOption .columnOption.slick-slide, .slickOptionEx .columnOption.slick-slide
{
margin: 0 55px;
padding-top: 55px;
}
.itemOptionSection p.text.caption
{
font-size: 18px;
line-height: 2.0;
letter-spacing: 1.44px;
text-align: center;
padding-left: calc((100vw - 1280px) / 2);
padding-right: calc((100vw - 1280px) / 2);
}
} .section.itemPointSection
{
width: 100%;
}
.itemPointSection .columns
{
align-items: center;
}
.itemPointSection .columns:first-child
{
padding-bottom: 0;
}
.itemPointSection .column.imageColumn
{
font-size: 0;
}
.itemPointSection .column span.imageItemPoint
{
position: relative;
display: inline-block;
padding-left: 10px;
padding-bottom: 10px;
color: #793F65;
font-size: 24px;
letter-spacing: 3px;
line-height: 2.0;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
transform: rotate(-7deg);
}
.itemPointSection .column span.imageItemPoint::after
{
position: absolute;
content: '';
background-image: url(https://www.kochoran.ne.jp/wp-content/uploads/item-point-decoration.svg);
background-repeat: no-repeat;
background-position: bottom left;
background-size: contain;
bottom: 5px;
left: 0;
height: 100%;
width: calc(100% + 20px);
transform: rotate(7deg);
}
.itemPointSection .column h2.ttl
{
margin-left: 0;
padding-bottom: 25px;
line-height: 1;
}
.itemPointSection .column p
{
margin-top: 25px;
margin-left: 0;
}
@media screen and (min-width: 769px)
{
.itemPointSection .columns:first-child
{
padding-bottom: 50px;
}
.itemPointSection .columns .column-l
{
padding-left: 0;
padding-right: 30px;
}
.itemPointSection .columns.columns-reverse .column-l
{
padding-left: 30px;
padding-right: 0;
}
.itemPointSection .column span.imageItemPoint
{
margin-left: -30px;
}
.itemPointSection .columns:first-child .column h2.ttl, .itemPointSection .columns:first-child .column p
{
margin-left: 0;
}
.itemPointSection .column h2.ttl
{
margin-left: 0;
padding-bottom: 20px;
font-size: 20px;
line-height: 1.8;
}
.itemPointSection .column p
{
margin-top: 0;
margin-left: 0;
font-size: 12px;
}
}
@media screen and (min-width: 1240px)
{
.itemPointSection .columns:first-child
{
padding-bottom: 150px;
}
.itemPointSection .columns .column-l
{
padding-left: 0;
padding-right: 60px;
}
.itemPointSection .columns.columns-reverse .column-l
{
padding-left: 60px;
padding-right: 0;
}
.itemPointSection .columns:first-child .column h2.ttl, .itemPointSection .columns:first-child .column p
{
margin-left: 0;
}
.itemPointSection .column span.imageItemPoint
{
padding-left: 20px;
padding-bottom: 28px;
font-size: 48px;
letter-spacing: 6px;
line-height: 2.0;
transform: rotate(-7deg);
}
.itemPointSection .column span.imageItemPoint::after
{
bottom: 15px;
left: 5px;
height: 100%;
width: calc(100% + 20px);
transform: rotate(7deg);
}
.itemPointSection .columns:first-child .column > span
{
margin-left: -40px;
}
.itemPointSection .column h2.ttl
{
margin-left: 0;
padding-bottom: 20px;
font-size: 32px;
line-height: 1.4;
}
.itemPointSection .column p
{
margin-top: 0;
margin-left: 0;
font-size: 16px;
line-height: 2.0;
}
}
@media screen and (min-width: 1400px)
{
.itemPointSection .column img.imageItemPoint
{
width: 216px;
margin: 0 auto;
font-size: 32px;
}
.itemPointSection .columns .column-l
{
padding-left: 0;
padding-right: 60px;
}
.itemPointSection .columns.columns-reverse .column-l
{
padding-left: 60px;
padding-right: 0;
}
.itemPointSection .column span.imageItemPoint
{
margin-left: -60px;
}
.itemPointSection .columns:first-child .column h2.ttl, .itemPointSection .columns:first-child .column p
{
margin-left: 0;
}
}  .relatedItemsWrap
{
align-items: normal;
width: calc(100% + 60px);
margin: 0 auto;
margin-left: -30px;
}
.relatedItemsWrap.-noslick
{
width: calc(100% + 48px);
margin-left: -24px;
}
.rankingSection:has(+ .heading) .relatedItemsWrap.-noslick{
margin-bottom: 0!important;
}
.single-column .rankingSection:has(+ .heading) .relatedItemsWrap.-noslick .relatedItem:last-child{
margin-bottom: 0!important;
}
@media screen and (max-width: 1239.9px)
{
.relatedItemsWrap.-noslick
{
width: calc(100% + 4.838%);
max-width: none;
margin-left: -2.419%;
}
}
.itemCardWrap
{
display: block;
width: 100%;
margin: 0 auto;
padding: 25px 30px;
text-align: center;
}
.relatedItemsWrap .relatedItem
{
display: flex;
justify-content: flex-start;
width: auto;
margin: 0 12px;
padding-top: 0;
}
.relatedItemsWrap.-noslick.-oneitem .relatedItem
{
width: 316px !important;
margin-left: 12px !important;
margin-right: 12px !important;
}
.relatedItemsWrap.-noslick .relatedItem
{
margin-bottom: 100px;
width: calc(25% - 48px);
margin-left: 24px;
margin-right: 24px;
}
.noMargin .relatedItemsWrap.-noslick .relatedItem{
margin-bottom: 0px!important;
}
.single-column .rankingSection:has(+ .heading) .relatedItemsWrap.-noslick .relatedItem{
margin-bottom: 0!important;
}
@media screen and (max-width: 1239.9px)
{
.relatedItemsWrap.-noslick .relatedItem
{   width: calc((100% / 2) - 4.838%);
margin-left: 2.419%;
margin-right: 2.419%;
}
.single-column .relatedItemsWrap.-noslick .relatedItem{
margin-left: 24px;
margin-right: 24px;
}
}
.itemCardWrap .relatedItem
{
display: flex;
justify-content: flex-start;
width: auto;
margin: 0 auto;
padding-top: 0;
}
@media screen and (min-width: 440px)
{
.relatedItemsWrap
{
align-items: normal;
width: calc(100% + 60px);
margin-left: -30px;
margin-right: 0;
}
.relatedItemsWrap .relatedItem
{
display: flex;
width: 316px;
margin: 0 12px;
}
.itemCardWrap .relatedItem
{
display: flex;
max-width: 316px;
margin: 0 auto;
}
}
@media screen and (min-width: 769px)
{
.relatedItemsWrap
{
align-items: normal;
width: calc(100% + 120px);
margin-left: -60px;
margin-right: 0;
}
.itemCardWrap
{
display: block;
width: 100%;
margin: 0 auto;
padding: 50px 60px;
}
.relatedItemsWrap .relatedItem
{
display: flex;
width: 320px;
margin: 0 18px;
}
.itemCardWrap .relatedItem
{
display: flex;
max-width: 320px;
margin: 0 auto;
}
}
@media screen and (min-width: 1240px)
{
.relatedItemsWrap
{
align-items: normal;
width: calc(100% + 120px);
margin-left: -60px;
margin-right: auto;
}
.relatedItemsWrap .relatedItem
{
display: flex;
width: 320px;
margin: 0 24px;
}
}
@media screen and (min-width: 1400px)
{
.relatedItemsWrap
{
align-items: normal;
width: calc(100% + 48px);
margin-left: -24px;
margin-right: auto;
}
.relatedItemsWrap .relatedItem
{
display: flex;
width: auto;
margin: 0 24px;
}
} .relatedItem .column.img
{
flex-grow: 0;
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
}
.relatedItem .column.img > a.imageWrap
{
display: block;
width: 100%;
max-width: 210px;
aspect-ratio: 3 / 4.1;
margin: 0 auto;
overflow: hidden;
font-size: 0;
border-radius: 10px;
}
.relatedItem .column.img > a.imageWrap > img
{
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
}
@media screen and (min-width: 769px)
{
.relatedItem .column.img > a.imageWrap
{
width: 100%;
max-width: none;
aspect-ratio: 3 / 4.1;
overflow: hidden;
}
} .relatedItem .column.itemName
{
flex-grow: 0;
display: flex;
flex-flow: column;
justify-content: center;
width: 100%;
margin: 10px 0 5px;
padding: 0;
text-align: center;
height: 80px;
cursor: text;
}
.relatedItem .column.itemName > a
{
color: #793F65;
font-size: 18px;
line-height: 2.0;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: 600;
;
}
.relatedItem .column.itemName > a {
min-height: 72px;
}
@media screen and (min-width: 769px) {
.relatedItem .column.itemName > a {
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.relatedItem .itemInfo
{
flex-grow: 1;
width: 100%;
align-items: normal;
}
.relatedItem .itemInfo > .column.desc
{
display: block;
flex-grow: 1;
width: 100%;
min-height: 64px;
font-size: 14px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: normal;
letter-spacing: 0;
text-align: justify;
}
@media screen and (min-width: 1280px) {
.relatedItem .itemInfo > .column.desc {
max-height: 60px;
}
}
.relatedItem .itemInfo > .column.priceRow
{
display: flex;
flex-grow: 0;
align-items: center;
}
.relatedItem .itemInfo > .column.priceRow > .price
{
width: 100%;
font-size: 18px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-weight: 600;
letter-spacing: 0;
}
.relatedItem .itemInfo > .column.priceRow > .favolite
{
margin: 0;
font-size: 16px;
letter-spacing: 0;
}
@media screen and (min-width: 440px)
{
.relatedItem .itemInfo > .column.priceRow > .price
{
flex-grow: 1;
width: 100%;
font-size: 18px;
line-height: 1.8;
font-weight: 600;
;
}
.relatedItem .itemInfo > .column.priceRow > .favolite
{
flex-grow: 0;
font-size: 16px;
}
}
@media screen and (min-width: 769px)
{
.relatedItem .column.itemName
{
width: 100%;
margin: 20px 0;
padding: 0;
}
}
@media screen and (min-width: 1400px)
{
.relatedItem .itemInfo > .column.priceRow > .price
{
width: 100%;
font-size: 18px;
line-height: 2.0;
}
.relatedItem .itemInfo > .column.priceRow > .favolite
{
font-size: 16px;
line-height: 2.0;
}
} .relatedItem .itemInfo > .column.btnWrap
{
display: block;
flex-grow: 0;
position: relative;
width: 100%;
margin: 40px auto 0;
padding: 0;
}
.relatedItem .itemInfo > .column.btnWrap::before
{
position: absolute;
content: '';
top: -21px;
left: 0;
width: 100%;
border-top: 1px dotted #222222;
}
.relatedItem .itemInfo > .column.btnWrap a.btn.btn_detail
{
display: block;
width: 100%;
max-width: 240px;
padding: 12px 20px;
border-radius: 10px;
background: #793F65;
color: #FFF;
font-size: 20px;
line-height: 1.8;
text-align: center;
transition: .4s ease-in;
}
.-noslick.-oneitem .relatedItem .itemInfo > .column.btnWrap a.btn.btn_detail
{
max-width: unset;
}
.relatedItem .itemInfo > .column.btnWrap:hover a.btn.btn_detail
{
background: rgba(121, 63, 101, .6);
text-decoration: none;
}
@media screen and (min-width: 769px)
{
.relatedItem .itemInfo > .column.btnWrap a.btn.btn_detail
{
max-width: 320px;
padding: 12px 20px;
font-size: 20px;
line-height: 2.0;
}
}
@media screen and (min-width: 1400px)
{
.relatedItem .itemInfo > .column.btnWrap a.btn.btn_detail
{
max-width: 300px;
padding: 12px 20px;
font-size: 20px;
line-height: 2.0;
}
} .itemReviewSection div#WKReviews
{
width: 100%;
padding: 25px 20px;
margin: 0 auto;
background: #FFF;
}
.itemReviewSection:has(+ .itemInfoSection){
display: none;
}
.wkr_reviews .wkr_review:has(+ .wkr_pager){
margin-bottom: 0;
}
.wkr_pager
{
margin: 25px 0;
}
.wkr_pager.pager:empty {
margin: 0;
}
@media screen and (min-width: 769px)
{
.itemReviewSection div#WKReviews
{
padding: 50px;
}
}
@media screen and (min-width: 1280px)
{
.itemReviewSection div#WKReviews
{
padding: 100px 100px;
}
.wkr_pager
{
align-items: center;
display: flex;
justify-content: center;
margin: 100px 0 0;
}
} div#related
{
margin: 15px 0 0;
}
div#related dl
{
margin: 0 0 20px;
}
div#related dt
{
max-width: 210px;
width: 30%;
}
div#related dd
{
flex-grow: 1;
padding-left: 20px;
width: 70%;
} .tagbox1
{
padding: 4px 8px; margin: 2% 0; background-color: #F9F9F9; border: 1px solid #990033; border-radius: 2px; box-shadow: 1px 2px 2px #DDD; font-family: inherit; font-size: .85em; } a.kochoran-card
{
border: 1px solid #E1E1E1;
box-shadow: 2px 2px #DDD;
display: block;
padding: 20px;
position: relative;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
}
a.kochoran-card::after
{
border: solid 1px #939393;
color: #939393;
content: '詳細はこちら';
font-size: 14px;
display: block;
padding: 5px 20px;
position: absolute;
bottom: 10px;
right: 20px;
}
a.kochoran-card:hover
{
box-shadow: none;
opacity: .8;
}
.kochoran-card-box
{
display: -webkit-flex;
display:    -moz-flex;
display:     -ms-flex;
display:      -o-flex;
display:         flex;
}
.kochoran-card-title
{
font-size: 18px;
font-weight: 600;
color: #428BCA;
padding-bottom: 5px;
}
.kochoran-card-thumbnail
{
flex: 1;
margin-right: 15px;
padding-top: 5px;
}
.kochoran-card-thumbnail img
{
width: 100%;
}
.kochoran-card-content
{
flex: 2.5;
}
.kochoran-card-excerpt
{
border-bottom: dashed 1px #A4A4A4;
color: #A4A4A4;
font-size: 13px;
padding-bottom: 15px;
}
.kochoran-card-site
{
color: #B2B2B2;
font-size: 11px;
padding-left: 5px;
}
.kochoran-card-site img
{
margin-right: 5px;
vertical-align: bottom;
width: 20px;
}
@media (max-width: 980px)
{
.kochoran-card-excerpt
{
border: none;
}
} .fMin
{
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}/*/*/.commonSection2
{/**/margin: 40px auto;
}
.commonSection2 .secInner2, .container .gnav, .textwidget, #breadcrumb, .post-thumbnail, .mannerSection
{
max-width: 1600px;
margin: 0 auto !important;
}
.commonSection2 .secInner2, .container .gnav, .textwidget, #breadcrumb{
max-width: 100%;
} .commonSection2 .titleArea2
{ margin-bottom: 40px !important;
}
.commonSection2 .titleArea2 h2
{
border: solid 2px #BB9944;
background: #FFFFFF;
padding: 7px 10px 0 10px;
font-size: 24px;
font-weight: normal;
}
.commonSection2 .titleArea2 h2::before
{
margin: 0 10px 7px 0;
content: ' ';
display: inline-block;
width: 54px;
height: 54px;
background: url(https://www.kochoran.ne.jp/images/lp/_common/icon_ttl.jpg) no-repeat;
background-size: contain;
vertical-align: middle;
} .ListsSection2
{
}
.ListsSection2 .contCatLists2
{
}
.ListsSection2 .contCatLists2 ul
{
display: flex;
flex-wrap: wrap;
}
.ListsSection2 .contCatLists2 ul li
{ font-size: 18px;
width: 30%;
text-align: center;
border-bottom: solid 1px #D1D1D1;
padding-bottom: 10px;
margin: 0 1.5% 40px;
}
.ListsSection2 .contCatLists2 ul li a
{
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
position: relative;
display: block;
color: #333;
}
.ListsSection2 .contCatLists2 ul li a:hover
{
text-decoration: none;
}
.ListsSection2 .contCatLists2 ul li a::after
{
position: absolute; top: 35%;
right: 30px;
content: ' ';
display: inline-block;
width: 6px;
height: 11px;
background: url(https://www.kochoran.ne.jp/images/lp/_common/arrow_right_bk.png) no-repeat;
background-size: contain;
vertical-align: middle;
}
.ListsSection2 .contCatLists2 ul li p
{ position: relative;
display: block;
color: #333;
font-size: 15px;
text-align: left;
}
.contCatLists3 ul li p
{ position: relative;
display: block;
color: #333;
font-size: 13px;
text-align: left;
} .ListsSection3
{
}
.ListsSection3 .contCatLists3
{
}
.ListsSection3 .contCatLists3 ul
{
display: flex;
flex-wrap: wrap;
}
.ListsSection3 .contCatLists3 ul li
{
font-size: 16px;
width: 30%;
text-align: center;
border-bottom: solid 1px #D1D1D1;
padding-bottom: 10px;
margin: 0 1.5% 40px;
}
.ListsSection3 .contCatLists3 ul li a
{
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
position: relative;
display: block;
color: #333;
}
.ListsSection3 .contCatLists3 ul li a:hover
{
text-decoration: none;
}
.ListsSection3 .contCatLists3 ul li a::after
{
position: absolute; top: 33%;
right: 30px;
content: ' ';
display: inline-block;
width: 6px;
height: 11px;
background: url(https://www.kochoran.ne.jp/images/lp/_common/arrow_right_bk.png) no-repeat;
background-size: contain;
vertical-align: middle;
}
.ListsSection3 .contCatLists3 ul li p
{ position: relative;
display: block;
color: #333;
font-size: 13px;
text-align: left;
}
.rec-list ul
{
display: flex;
flex-direction: row;
justify-content: center;
margin-left: -10px;
}
.rec-list ul li
{
margin-left: 10px;
}
.rec-list p
{
font-size: 15px;
}
.rec-list2 ul
{
display: flex;
flex-direction: row;
justify-content: center;
margin-left: -10px;
}
.rec-list2 ul li
{
margin-left: 10px;
width: 33%;
}
.rec-list2 p
{
font-size: 15px;
margin-left: 15px;
margin-right: 15px;
} .NumArea
{
}
.NumArea .NumInner
{
margin-bottom: 50px;
}
.NumArea .NumInner h3
{
color: #7C155E;
text-align: center;
font-size: 28px;
font-weight: 600;
margin-bottom: 30px;
} .internallink
{
border: 4px double #DDD;
margin: 2em 0;
padding: .2em;
}
.internallink p
{
margin: 0;
padding: 0 20px;
color: #DF0006;
}
.internallink a
{
text-decoration: none;
border-bottom: 1px dotted #333;
color: #333;
font-size: 15px;
}
.ranking-card
{
background-color: #FFF;
box-shadow: 0 0 8px rgba(0, 0, 0, .16);
color: #212121;
text-decoration: none;
width: 400px;
margin: auto;
}
.ranking-card__header
{
display: flex;
flex-wrap: wrap;
width: 400px;
}
.ranking-card__title
{
padding: 1rem 1rem 0;
font-size: 20px;
order: 1;
}
.ranking-card__thumbnail
{
margin: 0;
order: 0;
}
.ranking-card__image
{
width: 400px;
}
.ranking-card__body
{
padding: 1rem;
}
.ranking-card__text
{
font-size: 17px;
}
.ranking-card__text + .ranking-card__text
{
margin-top: .5rem;
}
.ranking-card__text.-number
{
text-align: right;
}
.ranking-card__footer
{
padding: 1rem;
border-top: 1px solid #DDD;
}
h3.ranking1
{
position: relative;
padding: 1rem 2rem 1rem 4em;
background: #FFF;
}
h3.ranking1 span
{
position: absolute;
top: -10px;
left: 20px;
display: inline-block;
width: 52px;
height: 50px;
text-align: center;
background: #FA4141;
}
h3.ranking1 span:before, h3.ranking1 span:after
{
position: absolute;
content: '';
}
h3.ranking1 span:before
{
right: -10px;
width: 0;
height: 0;
border-right: 10px solid transparent;
border-bottom: 10px solid #D90606;
}
h3.ranking1 span:after
{
top: 30%;
left: 0;
display: block;
height: 50%;
border: 1em solid #FA4141;
border-bottom-width: 15px;
border-bottom-color: transparent;
}
h3.ranking1 span i
{
position: relative;
z-index: 1;
color: #FFF100;
}
.parts-ranking-wrapper
{
display: block;
position: relative;
margin: 15px auto;
padding: 10px 0;
width: 350px;
background: #FFF;
box-sizing: border-box;
}
.parts-ranking-ribbon
{
display: inline-block;
position: absolute;
top: -6px;
left: 10px;
margin: 0;
padding: 10px 0;
z-index: 2;
width: 40px;
text-align: center;
color: white;
font-size: 17px;
background: linear-gradient(#FA4141 0%, #FA4141 100%);
border-radius: 2px 0 0 0;
}
.parts-ranking-ribbon:before
{
position: absolute;
content: '';
top: 0;
right: -6px;
border: none;
border-bottom: solid 6px #CF4A2D;
border-right: solid 6px transparent;
}
.parts-ranking-ribbon:after
{
content: '';
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 20px solid #FA4141;
border-right: 20px solid #FA4141;
border-bottom: 10px solid transparent;
}
.star-icon1
{
position: relative;
z-index: 1;
color: #FFF100;
}
.star-icon2
{
position: relative;
z-index: 1;
color: #DBDBDB;
}
.star-icon3
{
position: relative;
z-index: 1;
color: #C9AE5D;
}
.ribbon
{ text-align: center;
}
.ribbon-i
{
position: relative;
z-index: 1;
color: #FFF100;
}
.ranking-card2
{
background-color: #FFF;
box-shadow: 0 0 8px rgba(0, 0, 0, .16);
color: #212121;
text-decoration: none;
width: 300px;
margin: auto;
}
.ranking-card2__header
{
display: flex;
flex-wrap: wrap;
width: 300px;
}
.ranking-card2__image
{
width: 300px;
}
.ranking-card2
{
background-color: #FFF;
box-shadow: 0 0 8px rgba(0, 0, 0, .16);
color: #212121;
text-decoration: none;
width: 300px;
margin: auto;
}
.ranking-card2__header
{
display: flex;
flex-wrap: wrap;
width: 300px;
}
.ranking-card2__title
{
padding: 1rem 1rem 0;
font-size: 20px;
order: 1;
}
.ranking-card2__thumbnail
{
margin: 0;
order: 0;
}
.ranking-card2__image
{
width: 300px;
height: 300px;
object-fit: contain;
margin-right: 3%; background: #EEE; }
.ranking-card2__body
{
padding: 1rem;
}
.ranking-card2__text
{
font-size: 17px;
}
.ranking-card2__text + .ranking-card2__text
{
margin-top: .5rem;
}
.ranking-card2__text.-number
{
text-align: right;
}
.ranking-card2__footer
{
padding: 1rem;
border-top: 1px solid #DDD;
}
.sidebar-ex
{
text-align: center;
font-family: serif;
} html
{
margin-top: 0 !important;
}
#header-bar
{
top: 0;
left: 0;
z-index: 100 !important;
width: 100%;
background-color: #FFF;
}
#header-bar
{
position: fixed !important;
}
#header-bar.DownMove
{
-webkit-animation: DownAnime .5s forwards;
animation: DownAnime .5s forwards;
}
#header-bar.UpMove
{
-webkit-animation: UpAnime .5s forwards;
animation: UpAnime .5s forwards;
}
@-webkit-keyframes UpAnime
{
from
{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
to
{
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
}
@keyframes UpAnime
{
from
{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
to
{
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
}
@-webkit-keyframes DownAnime
{
from
{
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
to
{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes DownAnime
{
from
{
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
to
{
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.wkr_pager .page-numbers.prev, .wkr_pager .page-numbers.next
{
display: none;
}
body
{
background-color: #FFF;
} #header-mv
{
margin-top: 118px;
}
@media screen and (min-width: 1280px)
{ 
body.shop-template-single-shop-H1nashi
{
padding-top: 120px;
}
}
html
{
margin-top: 0 !important;
} @media screen and (min-width: 962px)
{
.slickOptionEx .slick-track
{
width: auto !important;
justify-content: center;
transform: none !important;
}
}
@media screen and (min-width: 962px)
{
.slickRankingEx .slick-track
{
width: auto !important; justify-content: center;
transform: none !important;  }
.parent-pageid-4184 .slickRankingEx .slick-track
{
justify-content: center;
}
}
.faqList__content
{
overflow: hidden;
}
@media screen and (min-width: 1050px)
{
.itemImage .thumbItemList.slickThumb .slick-list
{
width: 100%;
margin-left: 0;
margin-right: 0;
}
.slickThumb .slick-track
{
flex-wrap: wrap;
width: calc(100% + 10px) !important;
margin-left: -5px;
}
.itemImage .thumbItemList.slickThumb .slick-list .selectItemThumb
{
margin: 0;
margin-bottom: 10px;
width: 20%;
padding: 0 5px;
}
.itemImage .thumbItemList .slick-list .selectItemThumb::after
{
left: 5px;
width: calc(100% - 10px);
}
}
@media screen and (min-width: 1240px)
{
.parent-pageid-4184 .rankingSection .inner > p
{
padding-bottom: 50px;
}
.itemImage .thumbItemList.slickThumb .slick-list .selectItemThumb
{
width: 14.285%;
}
}
.justify-center
{
justify-content: center;
}
.priceExpensiveSection .linkbtnWrap, .priceLFlowerSection .linkbtnWrap, .priceMannerSection .linkbtnWrap, .priceFaqSection .linkbtnWrap
{
padding-bottom: 0;
}
.page-id-4184 .linkbtnWrap
{
padding-top: 50px;
}
.informationSection h3.heading4
{
font-weight: normal;
}
.prefectureSection p.text
{
padding-bottom: 50px;
}
.areaTable-2 a:link, .areaTable-2 a:visited, .areaTable-2 a:hover, .areaTable-2 a:active
{
color: #333;
}
.slick-slider
{
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.slickRankingEx .slick-list
{
overflow: visible;
}  ul.select-list-card li > .txtColumn {
padding: 20px 15px;
}
ul.select-list-card li > .txtColumn p.caption {
font-size: 14px;
line-height: 1.5;
}
table.areaTable-2 > tbody > tr > td {
font-size: 16px;
}
article section h3.heading {
margin: 0;
padding: 50px 0 25px;
}
article section.priceRecommendSection h3.heading {
margin: 0;
padding: 50px 0 25px;
}
article section.about-area .column h3.heading {
line-height: 1.5;
}
article section.orchisBreedSection h3.heading {
line-height: 1.5;
}
.page-id-357 article section.padding-top-0 {
padding-top: 50px !important;
}
article section.FaqSection .faqList__summary {
line-height: 1.5;
}
article section .columns .has-left-line .description {
line-height: 1.5;
}
article section.rankingSection .slickRankingEx .rankColumn .rankHeading > h3.heading2 {
line-height: 1.5;
}
article section.itemReviewSection .wkr_reviews .wkr_review {
line-height: 1.5;
}
article section.page-voice .wkr_reviews .wkr_review {
line-height: 1.5;
}
article section.reason .reason__item .reason__item__text {
font-size: 14px;
line-height: 1.5;
}
article section.orchisColumnSection .column h2.ttl {
line-height: 1.5;
}
article section.about-point .about-point__item .about-point__item__text {
line-height: 1.5;
}
article section.privacypolicy .privacypolicy__box h3 {
line-height: 1.5;
}
article section.return-exchange .return-exchange__box h3 {
line-height: 1.5;
}
article section.areaSection.itemListWrap h3.heading {
margin: 50px auto 25px;
}
@media screen and (min-width: 450px){
article .section {
padding-top: 50px;
padding-bottom: 50px;
}
ul.select-list-card li > .txtColumn p.caption {
font-size: 14px;
line-height: 1.5;
}
article section.pickupSection h3.heading {
padding: 50px 0 25px;
}
article section.priceRecommendSection h3.heading {
padding: 50px 0 25px;
}
.page-id-357 article section.padding-top-0 {
padding-top: 50px !important;
}
article section.areaSection .itemListWrap h3.heading {
margin: 50px auto 25px;
}
}
@media screen and (min-width: 769px){
article .section {
padding-top: 100px;
padding-bottom: 100px;
}
article section.pickupSection h3.heading {
padding: 100px 0 50px;
}
article section.priceRecommendSection h3.heading {
padding: 50px 0 50px;
}
article section.reason h2.ttl {
padding-bottom: 100px;
}
.page-id-357 article section.padding-top-0 {
padding-top: 0px !important;
}
article section.areaSection .itemListWrap h3.heading {
margin: 50px auto 25px;
}
}
@media screen and (min-width: 1280px){
article .section {
padding-top:150px;
padding-bottom: 150px;
}
article section.informationSection .columnInformation .columnTextArea ul.listAnchor{
width: 300px;
margin: 0 auto;
}
article section.informationSection .columnInformation:first-child .columnTextArea ul.listAnchor{
width: 250px;
}
article section.informationSection .columnInformation:last-child .columnTextArea ul.listAnchor{
width: 275px;
}
article section.informationSection .columnInformation .columnTextArea > ul.listAnchor > li a {
font-size: 16px;
}
table.areaTable-2 > tbody > tr > td {
padding: 0 100px 0 50px;
}
.has-left-line {
font-size: 24px;
}
.has-left-line > .description {
font-size: 24px;
}
article section.areaSection .itemListWrap h3.heading {
margin: 100px auto 50px;
}
} @media screen and (min-width: 980px){
section.apolonSection .inner .columns {
padding: 40px 80px 40px 30px !important;
}
section.apolonSection h2.ttlBanner {
padding-bottom: 20px;
font-size: 42px;
}
section.apolonSection p.textBanner {
font-size: 14px;
line-height: 1.8;
}
}
.page-id-92 article section.aboutSection {
padding-top: 50px;
padding-bottom: 50px;
}
section.apolonSection .inner .columns > .column-r {
position: relative;
max-width: 173px;
max-height: 160px;
}
section.apolonSection .inner .columns > .column-r > p {
color: #793F65;
font-size: 16px;
line-height: 1.8;
text-align: center;
position: absolute;
top: 41px;
left: 35px;
}
.page-id-92 article section.rankingSection {
padding-top: 50px;
} .page-id-96 article section.FaqSection .faqList__notes,
.page-id-96 article section.FaqSection .linkbtnWrap {
display: none;
} .page-id-239 article section.awardSection .column p.padding50 {
padding-bottom: 25px !important;
} .page-id-4187 article section.priceFaqSection {
padding-top: 100px !important;
padding-bottom: 100px !important;
} .page-id-4182 article section.useFaqSection {
padding-bottom: 50px !important;
}
@media screen and (min-width: 450px){
.page-id-4182 article section.useFaqSection {
padding-bottom: 50px !important;
}
}
@media screen and (min-width: 769px){
.page-id-4182 article section.useFaqSection {
padding-bottom: 0px !important;
}
} .parent-pageid-2591 article section.about-area .area-img {
display: block;
margin: 0 auto;
padding-bottom: 25px;
}
.parent-pageid-2591 article section.about-area h3.heading {
margin-bottom: 0px;
padding: 0px 0 25px;
}
@media screen and (min-width: 450px){
.parent-pageid-2591 article section.about-area .area-img {
padding-bottom: 25px;
}
.parent-pageid-2591 article section.about-area h3.heading {
margin-bottom: 0px;
padding: 0px 0 25px;
}
}
@media screen and (min-width: 769px){
.parent-pageid-2591 article section.about-area .area-img {
padding-bottom: 50px;
}
.parent-pageid-2591 article section.about-area h3.heading {
margin-bottom: 0px;
padding: 0px 0 25px;
}
} .single-post #content > .container {
padding-top: 150px;
}
.single-post #content #contentInner {
order: 1;
}
.single-post #content #contentInner article .post .post-header {
padding-bottom: 37px;
margin-bottom: 37px;
border-bottom: dashed 1px rgba(51, 51, 51, 0.4);
}
.single-post #content #contentInner article .post .post-header .post-date-cat {
display: flex;
align-items: center;
gap: 2rem;
}
.single-post #content #contentInner article .post .post-header .post-date {
font-size: 14px;
color: rgba(51, 51, 51, 0.7);
letter-spacing: 0.7px;
}
.single-post #content #contentInner article .post .post-header .post-cat {
font-size: 14px;
color: #fff;
background: #793F65;
padding: 0 1.5rem;
}
.single-post #content #contentInner article .post .post-header .post-cat a {
font-size: 14px;
color: #fff;
}
.single-post #content #contentInner article .post .post-header .post-title p {
font-size: 32px;
}
.single-post #content #contentInner article .post .post-header #breadcrumb {
color: #333;
font-size: 14px;
background: #fff;
padding: 0;
}
.single-post #content #contentInner #breadcrumb ol li span {
color: #333;
font-size: 12px;
}
.single-post #content #contentInner article .post .post-icatch {
margin-bottom: 50px;
}
.single-post #content article .post div.section {
padding: 0px;
}
@media screen and (min-width: 1920px){
.single-post #content {
max-width: 1280px;
width: 100%;
margin: 0 auto;
margin-top: 118px;
}
.single-post #content article .section {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 1280px){
.single-post #header-mv {
display: none;
}
.single-post #content {
margin-top: 118px;
}
}
.itemInfoSection .itemBreadcrumb {
margin-bottom: 20px;
font-size: 14px;
}
.itemInfoSection .itemBreadcrumb ol{
flex-wrap: wrap;
}
.itemInfoSection .itemBreadcrumb a {
color: #333;
}
.itemInfoSection .itemBreadcrumb .arrow {
position: relative;
top: -1px;
} article.column_article {
position: relative;
display: block;
width: 100%;
margin: 0 auto;
padding: 100px 30px 0 30px;
}
@media screen and (min-width: 1280px){
article.column_article {
padding: 10px 0 0 0;
}
}
.single-column article.column_article {
margin: 118px 0 0 0;
}
.column_2col_wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 80px;
width: min(100%, 1280px);
margin: 0 auto;
padding-bottom: 150px;
}
.column_list {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 40px;
width: 100%;
}
.column_list .column_list_card {
position: relative;
display: flex;
flex-wrap: nowrap;
gap: 6px;
width: 100%;
overflow: hidden;
padding-bottom: 40px;
border-bottom: dashed 1px #222222;
}
.column_list_card--head {
display: block;
width: min(30%, 240px);
position: relative;
}
.column_list_card--head figure {
display: block;
position: relative;
width: 100%;
margin: 0;
}
.column_list_card--head:not(:has(figure)) {
display: none;
}
.column_list_card--head figure a {
display: block;
position: relative;
width: 100%;
cursor: pointer;
aspect-ratio: 240/160;
transition: opacity 0.4s ease-out;
opacity: 1;
}
.column_list_card--head figure a:hover {
opacity: 0.6;
}
.column_list_card--head figure a img {
display: block;
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
}
.column_list_card--body {
position: relative; width: calc(100% - min(30%, 240px));
display: flex;
flex-direction: column;
flex-wrap: nowrap;
line-height: 1.5;
}
.column_list_card--head:not(:has(figure)) + .column_list_card--body {
width: 100%;
}
.column_list_card--body time.column_list_card--time_date {
position: relative;
display: block;
width: 100%;
font-size: 14px;
color: #333;
font-weight: 400;
margin-bottom: 14px;
}
.column_list_card--body h2 {
display: block;
width: 100%;
margin-bottom: 24px;
}
.column_list_card--body h2 a {
display: block;
font-size: 24px;
font-weight: 300;
color: #333;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝",
YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.column_list_card--body .column_desc {
font-size: 14px;
font-weight: 300;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-bottom: 17px;
}
.column_list_card-column_category {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 12px;
width: 100%;
}
.column_list_card-column_category li {
display: block;
background: #793f65;
color: #fff;
padding: 0.4em 1em;
line-height: 1;
}
.column_main_content {
display: block;
width: min(100%, calc(100% - 380px));
}
.column_main_content img {
display: block;
max-width: 100%;
border-radius: 20px;
width: 640px;
}
aside.column_sidebar_content {
display: block;
width: min(100%, 300px);
}
.column_sidebar_content .related_cat_wrap {
padding: 36px;
border-radius: 20px;
}
.column_sidebar_content .related_cat_wrap .column_aside_title {
display: block;
padding-bottom: 25px;
}
.column_sidebar_content .related_cat_wrap .column_aside_title span {
display: block;
text-align: center;
color: #793f65;
font-size: 10px;
line-height: 1;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝",
YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
letter-spacing: 2.24px;
margin-bottom: 2px;
}
.column_sidebar_content .related_cat_wrap .column_aside_title h3 {
display: block;
text-align: center;
color: #333;
font-size: 16px;
line-height: 1;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝",
YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.column_popular_posts_wrap {
display: block;
padding-bottom: 40px;
border-bottom: solid 0.5px rgb(34 34 34 / 40%);
margin-bottom: 40px;
}
.column_popular_posts_wrap ul {
list-style: none;
}
.column_popular_posts_wrap ul li {
display: block;
padding-bottom: 17px;
margin-bottom: 17px;
border-bottom: dashed 0.5px rgb(34 34 34 / 40%);
}
.column_popular_posts_wrap ul li a {
display: flex;
align-items: center;
width: 100%;
gap: 8px;
}
.column_popular_posts_wrap ul li a .column_popular_posts_thumb:not(img) {
display: none;
width: 0px;
}
.column_popular_posts_wrap ul li a .column_popular_posts_thumb:has(img) {
display: block;
width: 45%;
aspect-ratio: 4/3;
}
.column_popular_posts_wrap ul li a .column_popular_posts_thumb img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
object-fit: cover;
}
.column_popular_posts_wrap ul li a .column_popular_posts_title {
display: block;
width: calc(55% - 8px);
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.column_popular_posts_wrap ul li a:not(:has(.column_popular_posts_thumb > img)) .column_popular_posts_title {
width: 100%;
}
.column_aside_category_link_lists ul {
display: block;
margin-bottom: 50px;
}
.column_aside_category_link_lists ul li {
display: block;
position: relative;
border-bottom: dashed 0.5px rgb(34 34 34 / 40%);
}
.column_aside_category_link_lists ul li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 16px;
}
.column_aside_category_link_lists ul li a:after {
content: "";
display: inline-block;
width: 9px;
height: 12px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%229%22%20height%3D%2212%22%20viewBox%3D%220%200%209%2012%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%229%22%20height%3D%2212%22%20fill%3D%22%23793f65%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20clip-path%3D%22url%28%23clip-path%29%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.474%2C6.09.62%2C11.456A.4.4%2C0%2C0%2C1%2C0%2C11.128V.4A.4.4%2C0%2C0%2C1%2C.62.07L8.474%2C5.435a.4.4%2C0%2C0%2C1%2C0%2C.655%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22%23793f65%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.column_sidebar_content .column_sidebar_image {
display: block;
position: relative;
width: 100%;
}
.column_sidebar_content .column_sidebar_image a {
display: block;
width: 100%;
cursor: pointer;
}
.column_sidebar_content .column_sidebar_image a img {
display: block;
margin: 0 auto;
object-fit: contain;
max-width: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.column_2col_wrap {
padding-top: 50px;
}
}
@media (max-width: 1279px) {
article.column_article {
margin: 0 auto;
padding: 0;
}
.column_main_content {
display: block;
width: 100%;
padding: 50px 30px 50px;
}
.column_main_content img {
border-radius: 10px;
}
aside.column_sidebar_content {
display: block;
width: 100%;
padding: 0 30px;
}
.column_2col_wrap {
padding-bottom: 75px;
}
}
.column_main_content_header_hr {
all: unset;
display: block;
height: 1px;
box-sizing: content-box;
border-top: 2px dashed rgba(0, 0, 0, 0.1);
margin: 20px 0;
}
@media screen and (min-width: 769px){
.column_main_content_header_hr {
margin: 40px 0;
}
}
.SummarizeSection .flex_inner {
display: flex;
flex-wrap: wrap;
gap: 120px;
align-items: center;
}
.SummarizeSection .flex_inner .flex_inner_box {
display: block;
width: calc(100% / 2 - (120px / 2));
position: relative;
}
.SummarizeSection .flex_inner .flex_inner_box figure {
height: 100%;
display: block;
position: relative;
width: 100%;
margin: 0 auto;
aspect-ratio: 16/9;
}
.SummarizeSection .flex_inner .flex_inner_box figure a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.SummarizeSection .flex_inner .flex_inner_box figure a img {
transition: 0.4s ease-in;
opacity: 1;
display: block;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
.SummarizeSection .flex_inner .flex_inner_box figure a img:hover {
opacity: 0.6;
}
.SummarizeSection .flex_inner .flex_inner_box h2 {
padding-bottom: 50px;
}
.SummarizeSection .flex_inner .flex_inner_box p {
font-size: 18px;
line-height: 48px;
color: #333;
}
@media (max-width: 1239px) {
.SummarizeSection .flex_inner {
gap: 50px;
}
.SummarizeSection .flex_inner .flex_inner_box {
width: min(100%, 760px);
margin: 0 auto;
}
.SummarizeSection .flex_inner .flex_inner_box h2 {
padding-bottom: 25px;
}
.SummarizeSection .flex_inner .flex_inner_box p {
font-size: 16px;
line-height: 1.8;
font-weight: normal;
letter-spacing: 1.28px;
text-align: justify;
}
} .toc-design {
margin-bottom: 30px;
background: rgba(121, 63, 101, 0.1);
border-radius: 8px;
overflow: hidden;
width: 100%;
height: 60px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝",
YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.toc-design * {
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝",
YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.toc-design .toc_title {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
margin: 0;
padding: 0 20px;
background: #70415f;
color: #fff;
width: 100%;
height: 60px;
}
.toc-design .toc_title_icon {
border-radius: 100%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.toc-design .toc_title_icon svg {
width: 24px;
height: 24px;
padding: 4px;
fill: #70415f;
}
.toc-design .toc_title_text {
color: #fff;
display: block;
margin-right: auto;
font-size: 24px;
}
.toc_title_open_btn {
font-size: 12px;
background: #fff;
color: #70415f;
width: 97px;
height: 24px;
font-size: 14px;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
}
.toc-design .toc_list {
transition: all 0.3s;
opacity: 0;
visibility: hidden;
padding: 50px 25px;
}
.toc-design ol { list-style-type: none;
margin: 0;
overflow: hidden;
}
.toc_list > ol { list-style-type: none;
padding: 0 1em;
}
.toc_list > ol li::marker {
position: relative;
font-size: 12px;
}
.toc-design ol ol {
padding-left: 17px;
}
.toc-design li {
list-style: unset;
padding: 0;
}
.toc-design a {
position: relative;
font-size: 14px;
display: inline-block;
margin: 0;
padding: 0;
color: #333;
text-decoration: none;
}
@media screen and (min-width: 769px){
.toc-design a {
font-size: 16px;
}
}
.toc-design li a.heading-2 {
font-weight: 600;
margin-bottom: 10px;
margin-top: 5px;
}
.toc-design li a.heading-2[href="#chapter-1"] {
margin-top: 0;
}
.toc-design li a.heading-2::before {
content: '';
display: inline-block;
position: absolute;
border-radius: 50%;
background-color: #70415f;
width: 4px;
height: 4px;
top: 13px;
left: -13px;
}
@media screen and (min-width: 769px){
.toc-design li a.heading-2 {
margin-top: 15px;
}
.toc-design li a.heading-2::before {
width: 5px;
height: 5px;
left: -16px;
}
}
.toc-design li a.heading-3 {
margin-bottom: 10px;
}
.toc-design li a.heading-4 {
margin-bottom: 10px;
}
.toc-design li a.heading-5 {
margin-bottom: 10px;
}
.toc-design li a.heading-6 {
margin-bottom: 10px;
}
.toc-design li a.heading-3::before,
.toc-design li a.heading-4::before,
.toc-design li a.heading-5::before,
.toc-design li a.heading-6::before {
content: '';
display: inline-block;
position: absolute;
border-radius: 50%;
background-color: #70415f;
width: 7px;
height: 1px;
top: 15px;
left: -14px;
}
@media screen and (min-width: 769px){
.toc-design li a.heading-3::before,
.toc-design li a.heading-4::before,
.toc-design li a.heading-5::before,
.toc-design li a.heading-6::before {
left: -18px;
}
}
.toc-design.show {
height: unset;
}
.toc-design.show .toc_list {
opacity: 1;
visibility: visible;
}
.toc-design.show {
height: unset;
}
.toc-design.show .toc_list {
opacity: 1;
visibility: visible;
}
.toc-design.show {
height: unset;
}
.toc-design.show .toc_list {
opacity: 1;
visibility: visible;
} h2.ttl:has(+ .introduction) {
padding: 0 0 50px 0;
}
.section .inner > p.introduction {
margin: 0 auto;
padding-bottom: 100px;
}
@media (min-width:1280px) {
.single-shop article .section {
padding-top: 50px;
padding-bottom: 150px;
}
}
@media (min-width:1560px) {
.single-shop article .section {
margin-top: 118px;
}
}
.single-shop .itemInfoBox .txt .optionWrap span.quantity {
display: grid;
grid-template-columns: 2fr 1fr;
}
@media screen and (min-width: 1280px) {
.single-shop .itemInfoBox .txt .optionWrap span.quantity {
width: 100%;
}
}
@media screen and (max-width: 1200px) { }
@media screen and (min-width: 1400px) {
.single-shop .itemInfoBox .txt .optionWrap span.quantity {
margin-right: 100px;
}
#_gaCartButton button {
margin: 0 100px 0 auto;
}
}
.wrap-intro__gallery__wrap1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wrap-intro__gallery__wrap2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wrap-intro__gallery__item {
margin-bottom: 75px;
-webkit-box-flex: 0;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
}
@media screen and (max-width: 1399.9px) {
.wrap-intro__gallery__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 18.75%;
flex: 0 0 18.75%;
margin-bottom: 50px;
}
}
.wrap-intro__gallery__item.-tab-sp {
display: block;
}
@media screen and (min-width: 769px) {
.wrap-intro__gallery__item.-tab-sp {
display: none;
}
}
.wrap-intro__gallery__item.-m-margin {
margin-left: 8.3333%;
margin-right: 8.3333%;
}
.wrap-intro__gallery__item img {
width: 100%;
margin-bottom: 20px;
display: block;
border-radius: 50%;
}
.wrap-intro__gallery__item img.-pink {
border: 2px solid #EB5F75;
}
.wrap-intro__gallery__item img.-red {
border: 2px solid #C40F11;
}
.wrap-intro__gallery__item img.-purple {
border: 2px solid #573D63;
}
.wrap-intro__gallery__item img.-green {
border: 2px solid #00804C;
}
.wrap-intro__gallery__item img.-gold {
border: 2px solid #FFE325;
}
.wrap-intro__gallery__item img.-osonae {
border: 2px solid #76588A;
}
.wrap-intro__gallery__item p {
font-size: 24px;
line-height: 1.5;
letter-spacing: 1.92px;
text-align: center;
line-height: 1;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
@media screen and (max-width: 1239.9px) {
.wrap-intro__gallery__item p {
font-size: 20px;
}
}
.wrap-intro__gallery__item p.-nashi {
color: #111;
}
.wrap-intro__gallery__item p.-pink {
color: #EB5F75;
}
.wrap-intro__gallery__item p.-red {
color: #C40F11;
}
.wrap-intro__gallery__item p.-purple {
color: #573D63;
}
.wrap-intro__gallery__item p.-green {
color: #00A264;
}
.wrap-intro__gallery__item p.-gold {
color: #B28D2A;
}
.wrap-intro__gallery__item p.-osonae {
color: #694E78;
}
.headingSection .lead {
font-size: 16px;
color: #333333;
font-weight: bold;
}
.headingSection .textList li:before {
font-size: 16px;
content: '■';
color: #793F65;
padding-right: .2em;
}
.awardSection .square:before {
font-size: 14px;
content: '■';
color: #793F65;
padding-right: .2em;
}
.awardSection__message {
font-size: 14px;
}
.originSection span.-emp {
color: #793F65;
}
.originSection .imageColumn {
text-align: center;
}
.originSection .imageColumn img {
max-width: 700px;
}
.distribution__diagram {
position: relative;
line-height: 0;
}
.distribution__diagram img {
width: 100%;
}
.distribution__diagram p {
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
position: absolute;
}
.distribution__diagram p.-text1 {
font-size: 24px;
line-height: 1;
letter-spacing: 2.4px;
color: #793F65;
left: 25%;
top: 11%;
}
.distribution__diagram p.-text2 {
font-size: 24px;
line-height: 1;
letter-spacing: 2.4px;
color: #793F65;
top: 11%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.distribution__diagram p.-text3 {
font-size: 24px;
line-height: 1;
letter-spacing: 2.4px;
color: #793F65;
top: 11%;
right: 25%;
}
.distribution__diagram p.-text4 {
font-size: 32px;
letter-spacing: 17px;
color: #FFF;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
line-height: 1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 2.8%;
white-space: nowrap;
}
.distribution__diagram p.-text5 {
font-size: 32px;
letter-spacing: 17px;
color: #FFF;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
line-height: 1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 2.8%;
white-space: nowrap;
}
.distribution__diagram p.-text6 {
font-size: 32px;
line-height: 1;
text-align: center;
color: #3F7752;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-weight: 600;
}
.distribution__diagram p.-text7 {
font-size: 24px;
letter-spacing: 2.4px;
line-height: 1;
text-align: center;
color: #FFF;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 76%;
}
.distribution__diagram p.-text7 span {
font-size: 16px;
letter-spacing: 1.6px;
color: #FFF;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
@media screen and (max-width: 1399px) {
.distribution__diagram p.-text1, .distribution__diagram p.-text2, .distribution__diagram p.-text3, .distribution__diagram p.-text7 {
font-size: 1.58vw;
letter-spacing: .2vw;
}
}
@media screen and (max-width: 1399px) and (max-width: 767.9px) {
.distribution__diagram p.-text1, .distribution__diagram p.-text2, .distribution__diagram p.-text3, .distribution__diagram p.-text7 {
font-size: 3.3vw;
}
}
@media screen and (max-width: 1399px) {
.distribution__diagram p.-text4, .distribution__diagram p.-text5, .distribution__diagram p.-text6 {
font-size: 2.18vw;
}
}
@media screen and (max-width: 1399px) and (max-width: 767.9px) {
.distribution__diagram p.-text4, .distribution__diagram p.-text5, .distribution__diagram p.-text6 {
font-size: 3.7vw;
}
}
@media screen and (max-width: 1399px) {
.distribution__diagram p.-text4, .distribution__diagram p.-text5 {
letter-spacing: 1.2vw;
}
.distribution__diagram p.-text7 span {
font-size: 1.15vw;
letter-spacing: .12vw;
}
}
@media screen and (max-width: 1399px) and (max-width: 767.9px) {
.distribution__diagram p.-text7 span {
font-size: 2.2vw;
}
}
.distribution__notes {
font-size: 16px;
line-height: 1.6;
letter-spacing: 2.4px;
text-align: left;
color: #9A1C1C;
margin-top: 25px;
}
@media screen and (min-width: 769px) {
.distribution__notes {
font-size: 20px;
text-align: center;
margin-top: 50px;
}
}
@media screen and (min-width: 1280px) {
.distribution__notes {
font-size: 24px;
}
}
.useDetailsColumnSection__asterisk {
color: #793F65;
}
.useDetailsColumnSection__links {
margin-top: 20px;
}
@media screen and (min-width: 1280px) {
.useDetailsColumnSection__links {
margin-top: 25px;
}
}
.useDetailsColumnSection__links a {
font-weight: 500;
text-align: left;
font-size: 16px;
}
.useDetailsColumnSection__links a:link, .useDetailsColumnSection__links a:visited, .useDetailsColumnSection__links a:hover, .useDetailsColumnSection__links a:active {
color: #793F65;
text-decoration: underline;
}
.useDetailsColumnSection__links a:before {
display: inline-block;
margin-right: 8.3px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6.7px 0 6.7px 11.7px;
border-color: transparent transparent transparent #793F65;
}
.useDetailsColumnSection__links a:last-child {
margin-left: 20px;
}
.flow__item {
margin-top: 50px;
height: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 30px;
border-radius: 10px;
}
@media screen and (max-width: 1239.9px) {
.flow__item {
height: 100px;
}
}
.flow__item:first-child {
margin-top: 0;
}
.flow__item:nth-child(2n) {
border: solid 4px #F9F3F6;
background-color: #F9F3F6;
}
.flow__item:nth-child(2n + 1) {
border: solid 4px #F9F3F6;
background-color: #FFF;
}
.flow__main.-white .flow__item {
background-color: #FFF !important;
border: solid 4px #FFF !important;
}
.flow__main.-white .flow__number:before {
z-index: -1;
}
.flow__number {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
width: 60px;
height: 60px;
background-color: #793F65;
font-size: 24px;
font-weight: 500;
line-height: 1;
text-align: center;
color: #FFF;
border-radius: 50%;
margin-right: 28.8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
@media screen and (max-width: 1239.9px) {
.flow__number {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 80px;
font-size: 28px;
}
}
.flow__number:before {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 4px;
height: 110px;
content: '';
background-color: #793F65;
}
.flow__number.-noline:before {
content: none;
}
.flow__text {
font-size: 16px;
font-weight: 500;
line-height: 1.07;
letter-spacing: 1.92px;
color: #793F65;
}
.useDetailMannerdSection .square {
margin-right: 10px;
}
.useDetailMannerdSection .square:before {
content: '■';
color: #793F65;
}
.reason__item-wrap1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1025.9px) {
.reason__item-wrap1 {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.reason__item-wrap1 {
justify-content: space-between;
}
}
.reason__item-wrap2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1327.9px) {
.reason__item-wrap2 {
display: none;
}
}
.reason__item {
width: 272px;
margin: 0 15px 75px;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.reason__item {
width: 48%;
margin: 0 0 25px 0;
}
.reason__item:last-of-type {
margin: 0 auto 25px;
}
}
.reason__item.-tab-sp {
display: none;
}
@media screen and (max-width: 1327.9px) {
.reason__item.-tab-sp {
display: block;
}
}
.reason__item.-m-margin {
margin-left: 5%;
margin-right: 5%;
}
.reason__item__figure {
text-align: center;
width: 100%;
height: auto;
aspect-ratio: 34 / 23;
border-radius: 10px;
background-color: #793F65;
padding-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.reason__item__figure {
width: 272px;
margin: 0 auto;
}
}
.reason__item__figure p {
font-size: 20px;
font-weight: bold;
line-height: 1;
letter-spacing: .08em;
text-align: center;
color: #FFF;
padding-top: 20px;
}
.reason__item__text {
padding-top: 15px;
line-height: 1.67;
}
.reason__item__text span {
color: #793F65;
}
.purpose__wrap {
width: calc(100% + 40px);
margin-left: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: auto;
}
@media screen and (min-width: 1240px) and (max-width: 1399.9px) {
.purpose__wrap {
width: calc(100% + 80px);
max-width: none;
margin-left: -40px;
}
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.purpose__wrap {
width: calc(100% + 60px);
max-width: none;
margin-left: -30px;
}
}
.purpose__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(25% - 40px);
height: auto;
margin: 0 20px 100px;
padding: 0;
}
@media screen and (min-width: 1240px) and (max-width: 1399.9px) {
.purpose__card {
width: calc((100% / 3) - 80px);
margin: 0 40px 100px;
}
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.purpose__card {
width: calc(50% - 60px);
margin: 0 30px 100px;
}
}
.purpose__card:first-child {
margin-top: 0;
}
.purpose__card__figure {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
display: block;
width: 100%;
height: auto;
margin: 0 auto;
font-size: 0;
overflow: hidden;
}
.purpose__card__figure img {
width: 100%;
height: auto;
}
.purpose__card__info {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: auto;
margin: 0 auto;
padding: 25px 15px;
background: #FFF;
}
.purpose__card__info h3 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 0;
font-size: 16px;
line-height: 1.28;
letter-spacing: .08em;
color: #793F65;
padding-bottom: 0 !important;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: normal;
text-align: center;
}
.purpose__card__dividor {
width: 128.8px;
display: block;
margin: 25px auto;
height: 4px;
background: url(https://www.kochoran.ne.jp/wp-content/uploads/purpose_dividor.png) no-repeat top/100% auto;
}
.purpose__card__caption {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.5;
text-align: center;
color: #222;
max-height: 42px;
margin-bottom: 5px;
}
.purpose__card__links {
margin: 0 auto;
text-align: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.purpose__card__links > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 0 10px;
}
.purpose__card__links a {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
display: inline-block;
margin: 0;
font-size: 14px;
line-height: 1.2;
text-align: left;
margin-top: 20px;
min-width: 93px;
-webkit-transition: all .25s;
transition: all .25s;
padding: 0 20px;
}
.purpose__card__links a:link, .purpose__card__links a:visited, .purpose__card__links a:hover, .purpose__card__links a:active {
color: #222;
}
.purpose__card__links a:hover {
opacity: .7;
}
.purpose__card__links a:before {
position: static;
display: inline-block;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6.5px 0 6.5px 12px;
border-color: transparent transparent transparent #793F65;
margin-right: 7px;
}
.purpose__card__links a:after {
content: none;
} .dividor-vertical:before {
display: block;
width: 8px;
height: 64px;
margin: 0 auto;
content: '';
background: url(https://www.kochoran.ne.jp/wp-content/uploads/dividor_vertical.svg) no-repeat center/cover;
}
.dividor-vertical.sectionPink {
background: rgba(121, 63, 101, 0.1);
}
.sitemap.section {
padding-top: 100px;
}
.sitemap__section {
padding: 50px 0;
border-top: 1px solid rgba(34, 34, 34, 0.4);
}
.sitemap__section:first-child {
border-top: none;
padding-top: 0;
}
.sitemap__section:last-child {
padding-bottom: 0;
}
.sitemap__h2 {
font-size: 20px;
line-height: 1.8;
letter-spacing: 1.6px;
text-align: left;
color: #333;
margin-bottom: 25px;
}
.sitemap__h2:before {
content: '■';
color: #793F65;
}
.sitemap__h3 {
font-size: 18px;
line-height: 1.8;
letter-spacing: 1.6px;
text-align: left;
color: #333;
margin-bottom: 20px;
}
.sitemap__h3:before {
content: '●';
color: #793F65;
}
.sitemap__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.sitemap__box {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.sitemap__box li {
line-height: 1;
margin-bottom: 20px;
padding-right: 25px;
}
.sitemap__box li:last-child {
margin-bottom: 0;
}
.sitemap__box ul.child-category li:last-child {
margin-bottom: 20px;
}
.sitemap__box a {
font-size: 16px;
line-height: 1.45;
letter-spacing: 1.28px;
text-align: left;
position: relative;
padding-left: 1em;
display: inline-block;
}
.sitemap__box a:link, .sitemap__box a:visited, .sitemap__box a:hover, .sitemap__box a:active {
color: #333;
}
.sitemap__box a:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: '-';
color: #793F65;
padding-right: 5px;
}
.sitemap__section.-full {
padding-bottom: 30px;
}
.sitemap__section.-full .sitemap__box {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.sitemap__section.-full .sitemap__box > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sitemap__section.-full li {
width: 50%;
}
.area-list {
width: calc(100% + 48px);
margin-left: -24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1239.9px) {
.area-list {
width: calc(100% + 4.838%);
max-width: none;
margin-left: -2.419%;
}
}
.area-item {
width: calc(25% - 48px);
margin-left: 24px;
margin-right: 24px;
margin-bottom: 75px;
border-radius: 10px;
}
@media screen and (max-width: 1239.9px) {
.area-item {
width: calc((100% / 3) - 4.838%);
margin-left: 2.419%;
margin-right: 2.419%;
}
}
.area-item__img-wrap {
line-height: 0;
}
.area-item__img-wrap img {
width: 100%;
aspect-ratio: 340 / 231;
-o-object-fit: cover;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.area-item__info {
padding: 25px 0;
background-color: #FFF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.area-item__name {
font-size: 24px;
line-height: 1;
letter-spacing: 1.92px;
text-align: center;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', 游明朝, YuMincho, HG明朝E, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
margin-bottom: 15px;
}
.area-item__link {
width: 150px;
height: 32px;
border-radius: 16px;
border: solid 1px #793F65;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
letter-spacing: 1.12px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
position: relative;
}
.area-item__link:link, .area-item__link:visited, .area-item__link:hover, .area-item__link:active {
color: #793F65;
}
.area-item__link:hover {
opacity: .8;
}
.area-item__link:after {
position: absolute;
top: calc(50% - 4.2px);
right: 18.5px;
display: block;
width: 5.82px;
height: 8.37px;
content: '';
background: url(https://www.kochoran.ne.jp/wp-content/uploads/area-arrow.svg) no-repeat center/100% 100%;
}
.areaSection h3.heading {
margin: 100px auto;
}
@media screen and (max-width: 900px) {
.area-intro .ttl + p {
text-align: left !important;
}
}
.area-intro__item-wrap1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.area-intro__item {
width: 340px;
margin: 0 40px;
}
@media screen and (max-width: 1380px) {
.area-intro__item {
width: 26.5625%;
margin-left: 3.125%;
margin-right: 3.125%;
}
}
.area-intro__item__figure {
text-align: center;
width: 100%;
height: auto;
aspect-ratio: 34 / 23;
border-radius: 10px;
background-color: #793F65;
padding-bottom: 52px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1380px) {
.area-intro__item__figure {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 0;
}
.area-intro__item__figure img {
height: 70px;
width: auto;
}
}
@media screen and (max-width: 1120px) {
.area-intro__item__figure img {
height: 60px;
}
}
@media screen and (max-width: 950px) {
.area-intro__item__figure img {
height: 45px;
}
}
.area-intro__item__figure p {
font-size: 24px;
font-weight: bold;
line-height: 1;
letter-spacing: .08em;
text-align: center;
color: #FFF;
padding-top: 23px;
}
@media screen and (max-width: 1380px) {
.area-intro__item__figure p {
padding-top: 15px;
font-size: 1.75vw;
}
}
.area-intro__item__text {
font-size: 16px;
padding-top: 15px;
line-height: 1.67;
text-align: center;
}
@media screen and (max-width: 1030px) {
.area-intro__item__text {
text-align: left;
}
}
.delivery-area__list {
border-radius: 16px;
background-color: #F3F5F4;
padding: 100px 110px;
}
.delivery-area ul li {
font-size: 16px;
font-weight: 500;
line-height: 3.33;
letter-spacing: 3.6px;
display: inline;
}
.delivery-area ul li:before {
content: '|';
display: inline-block;
padding: 0 5px;
}
.delivery-area ul li:first-child:before {
content: none;
}
.about-area h3.heading {
margin-top: 0;
font-size: 24px;
letter-spacing: 2.24px;
margin-bottom: 25px;
}
.about-area h3.heading:before {
width: 18px;
height: 18px;
}
.about-area .-purple {
color: #793F65;
font-weight: inherit;
letter-spacing: inherit;
text-align: inherit;
font-family: inherit;
}
.about-area .-square {
color: #793F65;
}
.about-area .text a:link, .about-area .text a:visited, .about-area .text a:hover, .about-area .text a:active {
color: #333;
text-decoration: underline;
}
.about-area .imageColumn {
line-height: 0;
}
.delivery-possible .-purple {
color: #793F65;
font-weight: inherit;
letter-spacing: inherit;
text-align: inherit;
font-family: inherit;
}
.sectionPink {
background: rgba(121, 63, 101, 0.1);
}
.tatefuda-howto .-underline {
border-bottom: 1px solid #333;
}
.tatefuda-howto .-square {
color: #793F65;
}
.tatefuda-howto .-bigger {
font-size: 18px;
}
.return-exchange__box {
padding: 50px 0;
border-bottom: 1px solid rgba(34, 34, 34, 0.4);
}
.return-exchange__box h3 {
font-size: 20px;
line-height: 1.5;
letter-spacing: 1.6px;
margin-bottom: 25px;
font-weight: normal;
}
.return-exchange__box .-square {
color: #793F65;
}
.page-id-582 #gazou > #headimg {
background-color: #FFE7EB;
}
.page-id-582 #gazou > #headimg img {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
height: auto;
}
.about-point__item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.about-point__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 23%;
flex: 0 0 23%;
}
.about-point__item__figure {
text-align: center;
width: 100%;
height: auto;
aspect-ratio: 34 / 23;
border-radius: 10px;
background-color: #793F65;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.about-point__item__figure img {
height: 90px;
}
@media screen and (max-width: 1380px) {
.about-point__item__figure img {
height: 70px;
width: auto;
}
}
@media screen and (max-width: 1120px) {
.about-point__item__figure img {
height: 60px;
}
}
@media screen and (max-width: 950px) {
.about-point__item__figure img {
height: 45px;
}
}
.about-point__item__figure p {
font-size: 21px;
font-weight: bold;
line-height: 1;
letter-spacing: .08em;
text-align: center;
color: #FFF;
padding-top: 15px;
}
@media screen and (max-width: 1380px) {
.about-point__item__figure p {
font-size: 1.5vw;
}
}
@media screen and (max-width: 900px) {
.about-point__item__figure p {
font-size: 1.45vw;
padding-top: 10px;
}
}
.about-point__item__text {
font-size: 14px;
padding: 15px 5px 0px;
line-height: 1.67;
}
.about-point__item__text a {
font-weight: 500;
position: relative;
}
.about-point__item__text a:link, .about-point__item__text a:visited, .about-point__item__text a:hover, .about-point__item__text a:active {
color: #793F65;
text-decoration: underline;
}
.about-point__item__text a:before {
top: 0;
left: 0;
display: inline-block;
width: 12px;
height: 13px;
margin-right: 8px;
content: '';
background: url(https://www.kochoran.ne.jp/wp-content/uploads/arrow-link.svg) no-repeat center/cover;
}
.business-table__item {
font-size: 16px;
letter-spacing: 1.44px;
width: 100%;
padding: 25px 0;
border-bottom: 1px solid rgba(34, 34, 34, 0.4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.business-table__name {
-webkit-box-flex: 0;
-ms-flex: 0 0 155px;
flex: 0 0 155px;
margin-right: 15px;
}
.business-table__detail {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.business-table__detail a:link, .business-table__detail a:visited, .business-table__detail a:hover, .business-table__detail a:active {
color: #333;
}
.info-table__item {
font-size: 16px;
letter-spacing: 1.44px;
width: 100%;
padding: 25px 0;
border-bottom: 1px solid rgba(34, 34, 34, 0.4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.info-table__item:first-child {
padding-top: 0;
}
.info-table__name {
-webkit-box-flex: 0;
-ms-flex: 0 0 155px;
flex: 0 0 155px;
margin-right: 15px;
}
.info-table__detail {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.info-table__detail a:link, .info-table__detail a:visited, .info-table__detail a:hover, .info-table__detail a:active {
color: #333;
}
.info-table__detail a.-underline:link, .info-table__detail a.-underline:visited, .info-table__detail a.-underline:hover, .info-table__detail a.-underline:active {
text-decoration: underline;
}
@media screen and (max-width: 915px) {
.award-farmer .ttl span br {
display: none;
}
}
.introduction-farmer__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 100px;
}
@media screen and (max-width: 1050px) {
.introduction-farmer__wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: calc(100% + 50px);
margin-left: -25px;
}
}
@media screen and (max-width: 1036px) {
.introduction-farmer__wrap {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
.introduction-farmer__figure {
width: 15%;
}
@media screen and (max-width: 1050px) {
.introduction-farmer__figure { width: 22.5vw;
margin-right: 25px;
margin-left: 25px;
margin-bottom: 25px;
}
}
.introduction-farmer__figure img {
width: 100%;
border-radius: 10px;
}
.introduction-farmer__figure p {
font-size: 12px;
line-height: 1.8;
text-align: left;
}
.introduction-farmer__figure p a:link, .introduction-farmer__figure p a:visited, .introduction-farmer__figure p a:hover, .introduction-farmer__figure p a:active {
color: #793f65;
}
.page-voice .wkr_review:last-child {
margin-bottom: 0;
}
.page-id-103 #gazou > #headimg > img {
position: absolute;
top: 0;
right: 0;
height: auto;
width: 1920px;
}
.firstone-about p.-signature {
margin-top: 25px;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
text-align: right;
line-height: 1.44;
letter-spacing: 1.44px;
}
.how-to-order__item, .flow-delivery__item {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 50px 30px;
border-radius: 10px;
}
.how-to-order__item:first-child, .flow-delivery__item:first-child {
margin-top: 0;
}
.how-to-order__item:nth-child(2n), .flow-delivery__item:nth-child(2n) {
border: solid 4px #F9F3F6;
background-color: #F9F3F6;
}
.how-to-order__item:nth-child(2n + 1), .flow-delivery__item:nth-child(2n + 1) {
border: solid 4px #F9F3F6;
background-color: #FFF;
}
.how-to-order__main.-white .how-to-order__item, .how-to-order__main.-white .flow-delivery__item, .flow-delivery__main.-white .how-to-order__item, .flow-delivery__main.-white .flow-delivery__item {
background-color: #FFF !important;
border: solid 4px #FFF !important;
}
.how-to-order__main.-white .how-to-order__number:before, .how-to-order__main.-white .flow-delivery__number:before, .flow-delivery__main.-white .how-to-order__number:before, .flow-delivery__main.-white .flow-delivery__number:before {
z-index: -1;
}
.how-to-order__number, .flow-delivery__number {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
width: 60px;
height: 60px;
background-color: #793F65;
font-size: 24px;
font-weight: 500;
line-height: 1;
text-align: center;
color: #FFF;
border-radius: 50%;
margin-right: 28.8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
@media screen and (max-width: 1239.9px) {
.how-to-order__number, .flow-delivery__number {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 80px;
font-size: 28px;
}
}
.how-to-order__number:before, .flow-delivery__number:before {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 4px;
height: 500%;
content: '';
background-color: #793F65;
}
.how-to-order__number.-noline:before, .flow-delivery__number.-noline:before {
content: none;
}
.how-to-order__name, .flow-delivery__name {
font-size: 18px;
font-weight: 500;
line-height: 1.07;
letter-spacing: 1.92px;
color: #793F65;
margin-bottom: 25px;
}
.ship-payment__box {
padding: 50px 0;
border-bottom: 1px solid rgba(34, 34, 34, 0.4);
}
.ship-payment__box h3 {
font-size: 20px;
line-height: 1.5;
letter-spacing: 1.6px;
margin-bottom: 25px;
font-weight: normal;
}
.ship-payment__box .-square {
color: #793F65;
}
.ship-payment__box .-purple {
color: #793F65;
font-weight: inherit;
letter-spacing: inherit;
text-align: inherit;
font-family: inherit;
font-weight: 500;
}
.ship-payment__box {
padding: 50px 0;
border-bottom: 1px solid rgba(34, 34, 34, 0.4);
}
.ship-payment__box h3 {
font-size: 20px;
line-height: 1.5;
letter-spacing: 1.6px;
margin-bottom: 25px;
font-weight: normal;
}
.ship-payment__box .-square {
color: #793F65;
}
.ship-payment__box .-purple {
color: #793F65;
font-weight: inherit;
letter-spacing: inherit;
text-align: inherit;
font-family: inherit;
font-weight: 500;
}
.privacypolicy__box {
padding: 50px 0;
border-bottom: 1px solid rgba(34, 34, 34, 0.4);
}
.privacypolicy__box:first-of-type {
padding-top: 0;
}
.privacypolicy__box h3 {
font-size: 20px;
line-height: 1.5;
letter-spacing: 1.6px;
margin-bottom: 25px;
font-weight: normal;
}
.privacypolicy__box .-square {
color: #793F65;
}
.privacypolicy__box .-purple {
color: #793F65;
font-weight: inherit;
letter-spacing: inherit;
text-align: inherit;
font-family: inherit;
font-weight: 500;
}    @media screen and (min-width: 1280px)
{
.itemInfoBox .priceWrap .publish_point
{
right: 0 !important;
}
}
@media screen and (min-width: 1240px)
{
.itemInfoBox .priceWrap .publish_point
{
right: 0 !important;
}
}
@media screen and (min-width: 1400px)
{
.itemInfoBox .priceWrap .publish_point
{
right: 21px !important;
}
} @media screen and (min-width: 769px){
.itemInfoBox .txt .optionWrap span.option select {
font-size: 14px !important;
}
} .itemDescWrap ul.itemSpec{
display:none !important;
}
.ttl-item-name {
text-align: left !important;
letter-spacing: .2em !important;
}
.ttl-item-name ul.itemSpec
{
display: block;
width: 100%;
margin: 0 auto;
padding: 0;
font-size: 16px;
line-height: 1.8;
}
.ttl-item-name ul.itemSpec > li
{
position: relative;
display: block;
margin-left: 0;
padding-left: 16px;
color: #333;
font-size: 14px;
line-height: 1.8;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, 'Noto Sans JP', 'Noto Sans', YuGothic, '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
text-align: justify;
}
.ttl-item-name ul.itemSpec > li::before
{
position: absolute;
content: '■';
left: 0;
color: #793F65;
}
.ttl-item-name ul.itemSpec > li > span
{
padding-left: 14px;
}
@media screen and (min-width: 769px)
{
.ttl-item-name ul.itemSpec
{
width: 100%;
text-align: left;
}
.ttl-item-name ul.itemSpec > li
{
display: inline-block;
padding-left: 20px;
padding-right: 10px;
font-size: 14px;
line-height: 2.0;
}
.ttl-item-name ul.itemSpec > li > span
{
padding-left: 14px;
}
}
@media screen and (min-width: 1240px)
{
.ttl-item-name ul.itemSpec > li
{
padding-right: 20px;
}
}
.deliveredSection{
overflow:hidden;
}
.slickDelivered.item3{
margin:0 auto !important;
max-width:768px;
}
@media screen and (max-width:900px){
.slickDelivered.item3{
margin-left:-30px !important;
}
}
section.raise .container{
margin:0 auto;
max-width:1000px;
padding:30px;
}
section.raise h3,section.raise h2{
margin-top:30px;
margin-bottom:30px;
}
section.raise h2{
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align:center;
}
section.raise h2 a{
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}     .fixidMask {
display: none;
visibility: hidden; 
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.fixidMask.open {
display: block;
visibility: visible;
position: fixed;
background-color: rgba(0, 0, 0, 0.3);
width: 100vw;
height: 100vh;
top: 0;
left: 0;
z-index: 100;
}
} .wkr_pager .page-numbers.current {
padding: 10px 0px !important;
}
.wkr_pager .page-numbers:not(.dots) {
padding: 10px 0px !important;
}
.wkr_reviews .wkr_review dt {
}  .recommendColumn .partWrap {
padding: 20px 20px;
}
@media screen and (min-width: 769px) {
.recommendColumn .partWrap {
padding: 40px;
}
}
.recommendColumn .partWrap > p {
padding-bottom: 10px;
}
@media screen and (min-width: 769px) {
.recommendColumn .partWrap > p {
padding-bottom: 20px;
}
}
@media screen and (min-width: 769px){
.recommendColumn section,
.insert-page.insert-page-10966 .recommendColumn {
margin-top: 75px !important;
}
}
@media screen and (min-width: 1280px) {
.recommendColumn section,
.insert-page.insert-page-10966 .recommendColumn {
margin-top: 100px !important;
}
}
.recommendColumn .partWrap p {
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
.recommendColumn .partWrap ul li {
background-image: linear-gradient(to right, rgb(34 34 34 / 40%) 1px, transparent 1px);
background-size: 5px 1px;
background-repeat: repeat-x;
background-position: left bottom;
padding: 17px 0;
}
.recommendColumn .partWrap ul li a {
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
position: relative;
padding-left: 18px;
}
.recommendColumn .partWrap ul li a:before {
content: "";
display: inline-block;
position: absolute;
top: 6.5px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 9px;
border-color: transparent transparent transparent #793F65;
}
@media screen and (min-width: 769px){
.recommendColumn .partWrap ul li a:before {
top: 4.5px;
}
}
.recommendColumn .i-check {
position: relative;
}
.recommendColumn .i-check::before {
content: '';
display: inline-block;
position: absolute;
background-image: url(https://www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/icon_check.svg);
background-size: cover;
width: 18px;
height: 11px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} @media screen and (min-width: 769px) and (max-width: 1239.9px) {
.insert-page.insert-page-11343 .useSelectSection ul.select-list-card li {
margin-bottom: 0;
}
} @media screen and (min-width: 769px) {
article .section.tatefuda {
padding-top: 0;
}
.tatefuda {
overflow: hidden;
}
.tatefuda .inner {
margin-left: -30px;
margin-right: -30px;
}
.tatefuda .inner .myList .myList-inner {
display: block !important;
}
.tatefuda .inner .myList .myList-inner h3 {
margin-top: 100px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 32px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: black;
}
.tatefuda .inner .myList .myList-inner h3:before {
content: "";
width: 26px;
height: 32px;
background-image: url(https://www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/h3-before.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 12px;
}
.tatefuda .inner .myList .myList-inner h3.one {
margin-top: 0;
}
.tatefuda .inner .myList .myList-inner .box {
margin-top: 75px;
display: flex;
flex-wrap: wrap;
align-items: stretch; justify-content: flex-start;
row-gap: 50px;
}
.tatefuda .inner .myList .myList-inner .box.top {
margin-top: 105px;
}
.insert-page-11466 .tatefuda .inner .myList .myList-inner .box.top {
margin-top: 75px;
}
.tatefuda .inner .myList .myList-inner .box.bottom {
justify-content: space-between;
padding-right: 30px;
padding-left: 30px;
}
.tatefuda .inner .myList .myList-inner .box > p {
margin: 0 auto;
text-align: justify;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap {
width: 25%; }
.tatefuda .inner .myList .myList-inner .box .item-wrap li {
display: block;
max-width: 330px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}
.tatefuda .inner .myList .myList-inner .box.bottom .item-wrap li {
padding-left: 0;
padding-right: 0;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li img {
width: 100%;
height: auto;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li h4 {
line-height: 1;
margin-top: 10px;
font-size: 16px;
text-align: center;
font-weight: 600;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li .mincho {
line-height: 1;
margin-top: 18px;
font-size: 16px;
text-align: center;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li p {
line-height: 1.5;
margin-top: 5px;
font-size: 14px;
color: #707070;
}
.tatefuda .inner .myList .myList-inner .box.middle .item-wrap {
border-right: 1px solid #707070;
}
.tatefuda .inner .myList .myList-inner .box.middle .item-wrap:last-child {
border: none;
}
.tatefuda .inner .myList .myList-inner .box.bottom .item-wrap {
width: 30%;
}
.insert-page.insert-page-11466 .tatefuda .inner .myList .myList-inner .box.bottom .item-wrap,
.insert-page.insert-page-11466 .tatefuda .inner .myList .myList-inner .box.bottom .item-wrap .item {
max-height: 216px;
}
}
@media screen and (min-width: 1280px) {
.tatefuda .inner .myList .myList-inner .box {
margin-top: 100px;
row-gap: 50px;
}
.tatefuda .inner .myList .myList-inner .box.top {
margin-top: 140px;
}
.insert-page-11466 .tatefuda .inner .myList .myList-inner .box.top {
margin-top: 100px;
}
.tatefuda .inner .myList .myList-inner .box > p {
margin: 0 auto;
text-align: left;
}
.tatefuda .inner .myList .myList-inner .box.bottom .item-wrap {
width: 300px;
}
.insert-page.insert-page-11466 .tatefuda .inner .myList .myList-inner .box.bottom .item-wrap,
.insert-page.insert-page-11466 .tatefuda .inner .myList .myList-inner .box.bottom .item-wrap .item {
max-height: 300px;
}
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li > div {
text-align: center;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li div {
position: relative;
font-size: 16px;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li div > span {
text-align: center !important;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li img{
border-radius: 0;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li div > span.mark {
position: absolute;
display: block;
top: -35px;
left: 0;
width: 76px;
height: 76px;
padding: 24px 0;
border-radius: 50% 50%;
background: #793F65;
color: #FFF;
font-size: 16px;
line-height: 1.8;
text-align: center;
z-index: 2;
}
@media screen and (min-width: 769px){
.tatefuda .inner .myList .myList-inner .box .item-wrap li div > span.mark {
top: -30px;
left: -22px;
width: 60px;
height: 60px;
padding: 20px 0;
font-size: 14px;
line-height: 1.6;
}
}
@media screen and (min-width: 1280px){
.tatefuda .inner .myList .myList-inner .box .item-wrap li div > span.mark {
top: -40px;
left: -35px;
width: 88px;
height: 88px;
padding: 26px 0;
font-size: 18px;
line-height: 2.0;
}
}
.tatefuda .inner .myList .myList-inner .box.middle li .mincho,
.tatefuda .inner .myList .myList-inner .box.middle li .mincho > span {
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-weight: 600;
line-height: 1.5;
}
.tatefuda .inner .myList .myList-inner .box.bottom .item-wrap li > div {
width: fit-content;
}
.tatefuda .inner .myList .myList-inner .box.bottom .item-wrap li img {
width: 80%;
aspect-ratio: 300/300;
object-fit: cover;
object-position: top;
display: block;
border-radius: 0;
}
@media screen and (min-width: 769px) {
.tatefuda .inner .myList .myList-inner .box.bottom .item-wrap li img {
display: initial; width: 100%;
}
}
@media screen and (min-width: 1100px) {
.tatefuda .inner .myList .myList-inner .box.bottom .item-wrap li img {
width: 300px;
height: 300px;
}
} @media screen and (min-width: 769px) {
article section.areaSection .itemListWrap h3.heading {
margin: 0 auto 100px !important;
padding: 0 !important;
line-height: 1.6;
}
}
@media screen and (min-width: 769px) {
article .areaSection.section h3.heading {
margin: 0;
padding: 56px 0 25px;
}
}
@media screen and (min-width: 450px) {
article section.areaSection .itemListWrap h3.heading {
margin-bottom: 25px !important;
}
}
@media screen and (min-width: 769px) {
article section.areaSection .itemListWrap h3.heading {
margin-bottom: 40px !important;
}
}
@media screen and (min-width: 1280px) {
article section.areaSection .itemListWrap h3.heading {
margin-bottom: 50px !important;
}
}
@media screen and (max-width: 1280px) {
section.section.areaSection {
padding-bottom: 25px !important;
}
}
@media screen and (max-width: 1280px) {
.areaSection .area-item__name {
font-size: 20px;
}
} #wrapper #content .post article section.section.rankingSection .inner h2.ttl,
#wrapper #content .post article section.section.distribution .inner h2.ttl,
#wrapper #content .post article section.section.delivery-area .inner h2.ttl,
#wrapper #content .post article section.section.flow .inner h2.ttl,
#wrapper #content .post article section.section.itemReviewSection .inner h2.ttl,
#wrapper #content .post article section.section.featuredItemSection .inner h2.ttl,
#wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl,
#wrapper #content .post article section.section.useDetailsRecommendSection .inner h2.ttl,
#wrapper #content .post article section.section.reason .inner h2.ttl,
#wrapper #content .post article section.section.wrapFaqSection .inner h2.ttl {
padding-bottom: 25px !important;
}
@media (min-width: 769px) {
#wrapper #content .post article section.section.rankingSection .inner h2.ttl,
#wrapper #content .post article section.section.distribution .inner h2.ttl,
#wrapper #content .post article section.section.delivery-area .inner h2.ttl,
#wrapper #content .post article section.section.flow .inner h2.ttl,
#wrapper #content .post article section.section.itemReviewSection .inner h2.ttl,
#wrapper #content .post article section.section.featuredItemSection .inner h2.ttl,
#wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl,
#wrapper #content .post article section.section.useDetailsRecommendSection .inner h2.ttl,
#wrapper #content .post article section.section.reason .inner h2.ttl,
#wrapper #content .post article section.section.wrapFaqSection .inner h2.ttl {
padding-bottom: 50px !important;
}
}
@media (min-width: 1280px) {
#wrapper #content .post article section.section.rankingSection .inner h2.ttl,
#wrapper #content .post article section.section.distribution .inner h2.ttl,
#wrapper #content .post article section.section.delivery-area .inner h2.ttl,
#wrapper #content .post article section.section.flow .inner h2.ttl,
#wrapper #content .post article section.section.itemReviewSection .inner h2.ttl,
#wrapper #content .post article section.section.featuredItemSection .inner h2.ttl,
#wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl,
#wrapper #content .post article section.section.useDetailsRecommendSection .inner h2.ttl,
#wrapper #content .post article section.section.reason .inner h2.ttl {
padding-bottom: 100px !important;
}
#wrapper #content .post article section.section.wrapFaqSection .inner h2.ttl,
#wrapper #content .post article section.section.wrapFaqSection .inner h2.ttl + p {
padding-bottom: 50px !important;
}
}
#wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl:has(+ p),
#wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl.withSubtext {
padding-bottom: 50px!important;
}
#wrapper #content .post article section.section.aboutSection .inner h2.ttl {
padding-bottom: 25px !important;
}
#wrapper #content .post article section.section.rankingSection .inner h2.ttl {
padding-left: 0;
padding-right: 0;
} .awardSection .imgsubText {
color: #793F65;
padding-bottom: 25px;
}
@media screen and (min-width: 1280px) {
.awardSection .imgsubText {
padding-top: 10px;
padding-bottom: 0;
}
}  @media screen and (min-width: 769px) and (max-width: 1279px) {
#wrapper #content.pg_area article section.section.areaSection .inner .sectionDesc{
text-align: center !important;
}
}
@media screen and (min-width: 1280px) {
#wrapper #content.pg_rapping article section.section .inner .sectionDesc {
padding-bottom: 100px !important;
}
}
#wrapper #content.pg_rapping article section.section.wrapMannersSection .inner h3.heading {
padding-bottom: 10px;
}
@media screen and (max-width: 1399.9px) {
#wrapper #content.pg_rapping .wrap-intro__gallery__item {
-ms-flex: 0 0 21%;
flex: 0 0 21%;
}
}
@media screen and (max-width: 1239.9px){
#wrapper #content.pg_rapping .wrap-intro__gallery__item p {
font-size: 19px;
}
}
@media screen and (max-width: 1399.9px) {
#wrapper #content.pg_rapping .wrap-intro__gallery__item.-m-margin {
margin-left: 5%;
margin-right: 5%;
}
}
.awardSection .column-r.imageColumn img {
vertical-align: bottom;
}
@media screen and (max-width: 1279px){
.awardSection .column-r.imageColumn img {
padding-bottom: 10px !important;
}
} .pg_board section .text a {
color :#333;
}
.pg_board .contentInner .insert-page-11448 .mother-tatefuda {
padding-bottom: 50px;
}
@media screen and (min-width: 769px){
.pg_board .contentInner .insert-page-11448 .mother-tatefuda {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1280px){
.pg_board .contentInner .insert-page-11448 .mother-tatefuda {
padding-bottom: 150px;
}
}
.pg_board .areaSection h2.ttl {
padding-bottom: 25px;
}
@media screen and (min-width: 769px){
.pg_board .areaSection h2.ttl {
padding-bottom: 50px;
}
} .pg_board .areaSection .ttl + p {
padding-bottom: 25px !important;
}
@media screen and (min-width: 769px) {
.pg_board .areaSection .ttl + p {
padding-bottom: 50px !important;
}
}
.pg_board .headingSection .column-l {
width: 100%;
}
.pg_board .headingSection .column-r {
width: 100%;
}
.pg_board .headingSection .column-r.imageColumn {
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 1240px){
.pg_board .headingSection .column-l {
width: 50%;
}
.pg_board .headingSection .column-r {
width: 50%;
}
.pg_board .headingSection .column-r.imageColumn {
width: calc(50% - 30px);
margin-left: auto;
margin-right: 0;
}
}
.pg_board .headingSection .column-r.imageColumn img {
vertical-align: bottom;
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.pg_board .headingSection .column-r.imageColumn img {
height: 400px;
object-fit: cover;
padding-bottom: 25px;
}
}
@media screen and (max-width: 1279px) {
#wrapper #content.pg_board article section.section.useSelectSection .inner .sectionDesc,
#wrapper #content.pg_board article section.section.areaSection .inner .sectionDesc {
text-align: center !important;
}
} @media screen and (min-width: 769px) {
.pg_farmer .imageColumn {
display: flex;
}
} .pg_firstone .headingSection .column-l {
width: 100%;
}
.pg_firstone .headingSection .column-r {
width: 100%;
}
.pg_firstone .headingSection .column-r.imageColumn {
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 1240px){
.pg_firstone .headingSection .column-l {
width: 50%;
}
.pg_firstone .headingSection .column-r {
width: 50%;
}
.pg_firstone .headingSection .column-r.imageColumn {
width: calc(50% - 30px);
margin-left: auto;
margin-right: 0;
}
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.pg_firstone .headingSection .column-r.imageColumn img {
height: 500px;
object-fit: cover;
padding-bottom: 25px;
}
}
.pg_firstone .headingSection img.imageDaihyou {
width:225px;
height:auto;
display:block;
margin: 0 0 0 auto;
padding-bottom: 0 !important;
object-fit: unset !important;
height: auto !important;
}
@media screen and (min-width: 769px){
.pg_firstone .headingSection img.imageDaihyou {
width:285px;        
}
} @media screen and (min-width: 769px) {
#wrapper #content.pg_guide article .inner h2.ttl {
padding: 0 0 50px;
}
}
#wrapper #content.pg_guide article .inner .ttl > .description > br {
display: block;
}
@media screen and (min-width: 769px){
#wrapper #content.pg_guide article .inner .ttl > .description > br {
display: none;
}
}
#wrapper #content.pg_guide .section .sp-table tr th:nth-of-type(1),
#wrapper #content.pg_guide .section .sp-table tr td:nth-of-type(1) {
color: #fff !important;
background: #9A6B89 !important;
} .page-id-100 #header-mv #gazou img {
object-position: right;
}
@media screen and (max-width: 1239.9px) {
.pg_contact .section .inner .text.center {
text-align: justify !important;
}
}
.pg_contact .ttl.contactTitle {
padding-bottom: 25px;
}
@media screen and (min-width: 769px){
.pg_contact .ttl.contactTitle {
padding-bottom: 50px;
} 
}  .single-column .column_main_content_header_thumb figure {
margin: 1em 0;
}
@media screen and (min-width: 769px) {
.single-column article .section.mannerSection .frame > img {
margin-bottom: 25px;
}
}
.single-column .column_article .tbl01 tr {
border-right: transparent;
border-left: transparent;
}
.single-column .column_article .tbl01 tr td {
font-size: 16px;
text-align: left;
color: #333;
border-top: 1px solid #9A6B89 !important;
padding: 10px;
}
.single-column .column_article .tbl01 tr td:nth-of-type(1) {
color: #fff !important;
background: #9A6B89 !important;
}
.single-column .column_article .tbl01 tr td:nth-of-type(2) {
color: #333;
border-top: 1px solid #9A6B89 !important;
background: rgba(121, 63, 101, .1);
}
.single-column .column_article .tbl01 tr td:first-of-type {
border-top: 1px solid #fff !important;
}
.single-column .column_article .tbl01 tr:first-of-type td:first-of-type {
border-top: 1px solid #9A6B89 !important;
}
.single-column .column_article .tbl01 tr:last-of-type td:first-of-type {
border-bottom: 1px solid #9A6B89 !important;
}
.single-column .column_main_content .column_list_card a {
position: relative;
display: flex;
flex-wrap: nowrap;
width: 100%;
}
.single-column .column_list.kanren .column_list_card--head figure,
.single-column .column_main_content .column_list .column_list_card--head figure {
margin: 0;
}
.single-column .column_main_content .column_list .column_list_card--body h2 {
display: inline;
font-size: 24px;
font-weight: 300;
color: rgb(51, 51, 51);
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 1280px){
.single-column .column_main_content .column_list .column_list_card--body h2 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
}
.single-column h2.mincho.kanren-ttl,
.single-column h3.mincho.kanren-ttl {
font-size: 32px !important;
font-weight: 400;
padding-top: 50px;
}
.postid-10353 .single-column h2.mincho.kanren-ttl,
.postid-10353 .single-column h3.mincho.kanren-ttl{
padding-top: 35px;
}
.single-column .column_archive_link_btn {
margin-top: 25px;
}
@media screen and (min-width: 769px) {
.single-column .column_archive_link_btn {
margin-top: 50px;
}
}
.single-column #wrapper .useSelectSection ul.select-list-card li > .txtColumn a,
.single-column #wrapper .useSelectSection ul.select-list-card li > .txtColumn a {
font-weight: 500 !important;
}
.single-column #wrapper ul.select-list-card li > .txtColumn h3.heading-list {
line-height: 1 !important;
margin-top: 10px !important;
}
.single-column #wrapper .useSelectSection h2.ttl {
padding-bottom: 25px;
}
@media screen and (min-width: 769px) {
.single-column #wrapper .useSelectSection h2.ttl {
padding-bottom: 50px;
}
}
@media screen and (min-width: 1400px){
.single-column #wrapper .useSelectSection ul.select-list-card {
width: calc(100% + 30px);
margin-left: 0;
}
}
.single-column #wrapper section.midiWrap .relatedItemsWrap.-noslick .relatedItem {
margin-bottom: 0 !important;
}
.single-column #wrapper section.midiWrap {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.single-column #wrapper section.midiWrap:last-of-type {
padding-bottom: 0 !important;
}
.single-column #wrapper section.midiWrap .ttl > .description {
text-align: center;
line-height: 1.5;
}
.single-column #wrapper section.midiWrap img {
padding-top: 0;
}
@media screen and (min-width: 769px) {
.single-column #wrapper section.midiWrap {
padding-top: 75px !important;
padding-right: 0 !important;
padding-bottom: 75px !important;
padding-left: 0 !important;
}
.single-column #wrapper section.midiWrap:last-of-type {
padding-bottom: 0 !important;
}
}
@media screen and (min-width: 1280px) {
.single-column #wrapper section.midiWrap .relatedItemsWrap.-noslick {
justify-content: center !important;
}
.single-column #wrapper section.midiWrap .relatedItemsWrap.-noslick .relatedItem {
width: 25%;
}
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.single-column #wrapper section.midiWrap .relatedItemsWrap.-noslick {
flex-wrap: nowrap;
}
.single-column #wrapper section.midiWrap {
padding-right: 20px !important;
padding-left: 20px !important;
}
.single-column #wrapper section.midiWrap .relatedItemsWrap.-noslick .relatedItem:nth-of-type(3) { }
}
@media screen and (min-width: 500px) and (max-width: 768px) {
.single-column #wrapper section.midiWrap .relatedItemsWrap.-noslick .relatedItem:nth-of-type(3) {
margin-top: 50px !important;
}
}
@media screen and (max-width: 499px) {
.single-column #wrapper section.midiWrap h2.ttl {
font-size: 28px !important;
padding-bottom: 25px !important;
}
.single-column #wrapper section.midiWrap .relatedItemsWrap.-noslick .relatedItem + .relatedItem {
margin-top: 50px !important;
}
.single-column #wrapper section.midiWrap .relatedItemsWrap.-noslick .relatedItem .itemName,
.single-column #wrapper section.midiWrap .relatedItemsWrap.-noslick .relatedItem .itemInfo {
width: 80%;
margin: 0 auto;
}
}
.single-column #wrapper section.aboutSection.columnSection {
margin-top: 0;
margin-bottom: 0;
}
.single-column #wrapper section.aboutSection.columnSection .column-l{
width: 100%;
}
.single-column #wrapper section.aboutSection.columnSection .ttl.has-left-line {
font-size: 20px !important;
line-height: 1.5;
padding-bottom: 25px;
}
.single-column #wrapper section.aboutSection.columnSection .ttl.has-left-line span {
font-size: 24px !important;
display: inline-block;
}
.single-column #wrapper section.aboutSection.columnSection h3.heading {
position: relative;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-size: 17px !important;
line-height: 1.8 !important;
margin: 0 0 10px 0 !important;
border-left: none;
}
.single-column #wrapper section.aboutSection.columnSection h3.heading::before {
position: relative;
display: inline-block !important;
content: "";
bottom: 0;
left: -2px;
width: 12px;
height: 12px;
background: #793F65;
margin-right: 0.2em;
transform: none;
}
@media screen and (min-width: 769px){
.single-column #wrapper section.aboutSection.columnSection {
padding-top: 50px !important;
}
.single-column #wrapper section.aboutSection.columnSection .ttl.has-left-line {
font-size: 32px !important;
line-height: 0.8;
padding-bottom: 25px;
}
.single-column #wrapper section.aboutSection.columnSection .ttl.has-left-line span {
font-size: 32px !important;
margin-top: 10px;
display: inline-block;
}
.single-column #wrapper section.aboutSection.columnSection h3.heading {
position: relative;
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-size: 17px !important;
line-height: 1.8 !important;
margin: 0 0 10px 0 !important;
border-left: none;
}
.single-column #wrapper section.aboutSection.columnSection h3.heading::before {
position: relative;
display: inline-block !important;
content: "";
bottom: 0;
left: -2px;
width: 12px;
height: 12px;
background: #793F65;
margin-right: 0.2em;
transform: none;
}
}
.single-column #wrapper section.tatefuda {
padding-top: 25px !important;
padding-bottom: 0 !important;
}
.single-column #wrapper section.useSelectSection.pt75{
padding-top: 50px!important;
}
@media screen and (min-width: 769px){
.single-column #wrapper section.tatefuda {
padding-top: 50px !important;
padding-bottom: 0 !important;
}
.single-column #wrapper section.useSelectSection.pt75{
padding-top: 75px!important;
}
}
@media screen and (min-width: 1280px){
.single-column #wrapper section.tatefuda {
padding-top: 75px !important;
padding-bottom: 0 !important;
}
}
@media screen and (min-width: 769px){
.single-column #wrapper section.useSelectSection {
padding-top: 100px !important;
padding-bottom: 10px !important;   
}
}
@media screen and (min-width: 1280px){
.single-column #wrapper section.useSelectSection {
padding-top: 150px !important;
padding-bottom: 0 !important;   
}
}
.single-column .tatefuda {
background: transparent !important;
}
.single-column .tatefuda .inner .myList .myList-inner .box .item-wrap li div {
font-size: 16px;
}
@media screen and (min-width: 1280px){
.single-column .tatefuda .inner .myList .myList-inner .box.bottom {
padding-right: 0;
padding-left: 0;
}
.single-column .tatefuda .inner .myList .myList-inner .box .item-wrap li {
padding-left: 30px;
padding-right: 30px;
}
.single-column .tatefuda .inner .myList .myList-inner .box.bottom .item-wrap li img {
height: 240px;
}
.single-column .tatefuda .inner .myList .myList-inner .box .item-wrap li div > span.pc {
display: none;
}
.single-column .tatefuda .inner .myList .myList-inner .box .item-wrap li div > span.tab {
display: block;
}
}
@media screen and (min-width: 769px){
.single-column .relatedItemsWrap.-noslick .relatedItem {
width: calc(33.333% - 48px);
}
}
.single-column.postid-11065 article .section.useDetailsRecommendSection {
padding-top: 50px !important;
padding-bottom: 0 !important;
}
@media screen and (min-width: 769px){
.single-column.postid-11065 article .section.useDetailsRecommendSection {
padding-top: 100px !important;
padding-bottom: 0 !important;
}
}
@media screen and (min-width: 1280px){
.single-column.postid-11065 article .section.useDetailsRecommendSection {
padding-top: 150px !important;
padding-bottom: 50px !important;
}
} @media screen and (min-width: 769px) and (max-width: 1279px) {
.single-column article .section.aboutSection.summary {
padding-top: 75px !important;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 75px !important;
}
.single-column article .section.aboutSection.summary h2.ttl {
font-size: 32px;
padding-bottom: 25px;
}
.single-column article .section.aboutSection.summary .ttl.has-left-line::after {
top: 21px;
}
.single-column article .section.aboutSection.summary .has-left-line > .description {
font-size: 32px;
line-height: 1.5 !important;
margin-top: 10px;
display: inline-block;
}
.single-column article .section.aboutSection.summary .columns {
flex-direction: column;    
}
.single-column article .section.aboutSection.summary .columns .column-r,
.single-column article .section.aboutSection.summary .columns .column-l {
width: 100%;
}
.single-column article .section.aboutSection.summary .columns .column-r.imageColumn {
width: 100%;
}
.single-column article .section.aboutSection.summary .columns .column-r.imageColumn img {
display: block;
margin-bottom: 25px;
}
}
@media screen and (min-width: 1280px) {
.single-column article .section.aboutSection.summary {
padding-top: 150px !important;
padding-left: calc((100vw - 1280px) / 2);
padding-right: calc((100vw - 1280px) / 2);
padding-bottom: 150px !important;   
background-color: #fff;
}
.single-column article .section.aboutSection.summary h2.ttl {
font-size: 32px;
padding-bottom: 25px;
}
.single-column article .section.aboutSection.summary .ttl.has-left-line::after {
top: 21px;
}
.single-column article .section.aboutSection.summary .has-left-line > .description {
font-size: 32px;
line-height: 1.5 !important;
margin-top: 10px;
display: inline-block;
}
}
.single-column .column_article:has(.FaqSection) + article:has(.aboutSection) .section.aboutSection.summary{
padding-top: 0!important;
} .single-areas #header-mv #gazou {
filter: opacity(0.5);
}
.single-areas .area-intro h2.ttl {
padding-bottom: 25px !important;
}
@media screen and (min-width: 769px){
.single-areas .area-intro h2.ttl {
padding-bottom: 50px !important;
}
}
.single-areas .area-intro .secitonDesc {
padding-bottom: 50px;
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.single-areas .awardSection .column-r.imageColumn img { }
.single-areas .awardSection p.padding50 {
padding-bottom: 25px !important;
}
}
@media screen and (min-width: 1280px){
.single-areas #wrapper #content .post article section.section.FaqSection .inner h2.ttl {
padding-bottom: 100px !important;
}
}
.single-areas .headingSection .column-l {
width: 100%;
}
.single-areas .headingSection .column-r {
width: 100%;
}
.single-areas .headingSection .column-r.imageColumn {
width: 100%;
margin: 0 auto;
}
.single-areas #wrapper #content article section.delivery-possible .inner .ttl > .description {
margin-top: 0;
}
@media screen and (min-width: 1240px){
.single-areas section.about-area.headingSection .columns {
gap: 60px;
}
.single-areas .headingSection .column-l {
width: calc(50% - 30px);
}
.single-areas .headingSection .column-r {
width: calc(50% - 30px);
}
.single-areas .headingSection .column-r.imageColumn {
width: calc(50% - 30px);
margin-left: auto;
margin-right: 0;
}
.single-areas .headingSection .columns-reverse .column-r.imageColumn {
width: calc(50% - 30px);
margin-right: auto;
margin-left: 0;
}
.single-areas section.delivery-possible .columns {
gap: 60px;
}
.single-areas .delivery-possible .column-l {
width: calc(50% - 30px);
}
.single-areas .delivery-possible .column-r {
width: calc(50% - 30px);
}
}
@media screen and (min-width: 769px) {
.single-areas #wrapper #content article section.delivery-possible .inner .ttl.has-left-line:after {
top: 25px !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.single-areas .headingSection .column-r.imageColumn img {
height: 500px;
object-fit: cover;
padding-bottom: 25px;
}
}
.single-areas section.about-area.headingSection .columns:first-of-type { } .page-id-7822 #header-mv #gazou,
.page-id-7880 #header-mv #gazou {
filter: opacity(0.5);
}
.page-id-7822 .area-intro h2.ttl,
.page-id-7822 .about-area h2.ttl,
.page-id-7822 .deliveryAvailableSection h2.ttl,
.page-id-7880 .area-intro h2.ttl,
.page-id-7880 .about-area h2.ttl,
.page-id-7880 .deliveryAvailableSection h2.ttl {
padding-bottom: 25px !important;
}
@media screen and (min-width: 769px){
.page-id-7822 .area-intro h2.ttl,
.page-id-7822 .about-area h2.ttl,
.page-id-7822 .deliveryAvailableSection h2.ttl,
.page-id-7880 .area-intro h2.ttl,
.page-id-7880 .about-area h2.ttl,
.page-id-7880 .deliveryAvailableSection h2.ttl {
padding-bottom: 50px !important;
}
}
.page-id-7822 .section.about-area .inner > p,
.page-id-7880 .section.about-area .inner > p {
padding-bottom: 0 !important;
}
.page-id-7822 .headingSection .column-l,
.page-id-7880 .headingSection .column-l {
width: 100%;
}
.page-id-7822 .headingSection .column-r,
.page-id-7880 .headingSection .column-r {
width: 100%;
}
.page-id-7822 .headingSection .column-r.imageColumn,
.page-id-7880 .headingSection .column-r.imageColumn {
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 1240px){
.page-id-7822 .headingSection .column-l,
.page-id-7880 .headingSection .column-l {
width: 50%;
}
.page-id-7822 .headingSection .column-r,
.page-id-7880 .headingSection .column-r {
width: 50%;
}
.page-id-7822 .headingSection .column-r.imageColumn,
.page-id-7880 .headingSection .column-r.imageColumn {
width: calc(50% - 60px);
margin-left: auto;
margin-right: 0;
}
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.page-id-7822 .headingSection .column-r.imageColumn img,
.page-id-7880 .headingSection .column-r.imageColumn img {
height: 500px;
object-fit: cover;
padding-bottom: 25px;
}
} .single-use #wrapper #content section.section.useDetailslMannerdSection .sectionDesc {
padding-bottom: 25px !important;
}
@media screen and (min-width: 769px){
.single-use #wrapper #content section.section.useDetailslMannerdSection .sectionDesc {
padding-bottom: 50px !important;
}
}
.single-use .headingSection .column-r.imageColumn img,
.single-use .awardSection .column-r.imageColumn img,
.single-use .insert-page-10989 .column-r.imageColumn img,
.single-use .insert-page-10969 .column-r.imageColumn img {
vertical-align: bottom;
}
@media screen and (min-width: 769px) and (max-width: 1239.9px) {
.single-use .headingSection .column-r.imageColumn img,
.single-use .awardSection  .column-r.imageColumn img {
height: 500px;
object-fit: cover;
padding-bottom: 25px;
max-width: unset !important;
}
}
.single-use #wrapper #content article .inner h3.heading {
font-family: 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, 'Noto Sans JP', 'Noto Sans', '游ゴシック', Meiryo, 'メイリオ', Meiryo, sans-serif;
font-size: 17px !important;
line-height: 1.8 !important; margin-bottom: 10px !important;
}
.single-use.postid-10792 #wrapper #content article .headingSection .inner h3.heading,
.single-use.postid-10800 #wrapper #content article .headingSection .inner h3.heading {
padding-bottom: 0;
margin-bottom: 10px !important;
}
.single-use #wrapper #content article .headingSection .inner h3.heading{
font-weight: normal;
}
.single-use #wrapper #content article .headingSection .inner h3.heading::before {
transform: none;
bottom: 0;
left: -2px;
width: 12px;
height: 12px;
margin-right: 0.2em;
transform: rotate(45deg) skew(6deg, 6deg);
}
@media screen and (min-width: 769px) {
.single-use #wrapper #content article .headingSection .inner h3.heading::before {
width: 12px;
height: 12px;
bottom: 0;
left: -2px;
}
}
.single-use .headingSection .textList   {
padding-bottom: 10px !important;
}
@media screen and (min-width: 769px) {
.single-use .headingSection .textList   {
padding-bottom: 20px !important;
}
}
.single-use .useDetailsColumnSection .column-l img,
.single-use .useDetailsColumnSection .column-r img  {
vertical-align: bottom;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.single-use .useDetailsColumnSection .columns {
flex-direction: column;
}
.single-use .useDetailsColumnSection .column-l,
.single-use .useDetailsColumnSection .column-r  {
width: auto;
}
.single-use .useDetailsColumnSection .column-l img,
.single-use .useDetailsColumnSection .column-r img,
.single-use .whatis .column-r img  {
padding-bottom: 25px;
}
}
.single-use .useDetailsRecommendSection .midashi {
position: relative;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 23px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: black;
margin-bottom: 50px;
}
.single-use .useDetailsRecommendSection .midashi:before {
content: "";
width: 20px;
height: 22px;
background-image: url(https://www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/images/h3-before.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 8px;
}
@media screen and (min-width: 769px){
.single-use .useDetailsRecommendSection .midashi {
font-size: 32px;
margin-bottom: 100px;
}
.single-use .useDetailsRecommendSection .midashi:before {
width: 26px;
height: 32px;
margin-right: 12px;
}
}
@media screen and (min-width: 769px){
.single-use .aboutSection .show-pc > p {
padding-bottom: 20px !important;
}
}
.single-use .tbl01 {
margin: 20px 0;
width: 100%;
}
.single-use .tbl01 th,
.single-use .tbl01 td {
padding: 10px;
}
.single-use .tbl01 tr {
border-right: transparent;
border-left: transparent;
}
.single-use .tbl01 tr:first-of-type th:first-of-type {
width: 35%;
}
@media screen and (min-width: 769px) {
.single-use .tbl01 tr:first-of-type th:first-of-type {
width: 270px;
}
}
.single-use .tbl01 tr td {
font-size: 16px;
text-align: left;
color: #333;
border-top: 1px solid #9A6B89 !important;
padding: 10px;
}
.single-use .tbl01 tr th {
color: #fff !important;
background: #9A6B89 !important;
border-top: 1px solid #fff !important;
text-align: left;
}
.single-use .tbl01 tr td {
color: #333;
border-top: 1px solid #9A6B89 !important;
background: rgba(121, 63, 101, .1);
text-align: right;
}
.single-use .tbl01 tr:nth-of-type(2) td {
border-top: 1px solid #fff !important;
}
.single-use .tbl01 tr:last-of-type td:first-of-type {
border-bottom: 1px solid #9A6B89 !important;
}
.single-use.postid-10793 .insert-page.insert-page-10971 section.section {
background-color: transparent;
}
.single-use.postid-10793 .rankingSection .dots-list .slick-dots:nth-of-type(2) {
display: none !important;
}
.single-use.postid-10793 .rankingSection.twoSlide .dots-list .slick-dots:nth-of-type(1) {
display: none !important;
}
.single-use.postid-10793 .rankingSection.twoSlide .dots-list .slick-dots:nth-of-type(2) {
display: block !important;
}
.single-use.postid-10793 #wrapper #content article section.section.tatefuda {
padding: 50px 0 !important;
background-color: transparent;
}
@media screen and (min-width: 769px){
.single-use.postid-10793 #wrapper #content article section.section.tatefuda {
padding: 100px 0 !important;
}
}
.single-use.postid-10793 #wrapper #content article section.section.rankingSection .sectionDesc {
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.single-use.postid-10793 #wrapper #content article .insert-page.insert-page-11164 section.section .inner .sectionDesc {
text-align: center !important;
}
}
@media screen and (max-width: 1279px) {
.single-use.postid-10793 #wrapper #content article section.section.rankingSection.twoSlide + .useDetailsRecommendSection .inner .sectionDesc {
text-align: center !important;
}
}
.single-use.postid-10796 .columnSection .inner .about-bottom img {
margin-top: 25px;
vertical-align: bottom;
}
.single-use.postid-10803 .section.tatefuda {
background-color: transparent;
}
.single-use.postid-10803  .insert-page-11448 + .headingSection {
padding-top: 50px !important;
}
@media screen and (min-width: 769px){
.single-use.postid-10803  .insert-page-11448 + .headingSection {
padding-top: 100px !important;
}  
} #single-shop section.relatedItemSection .ttl .description {
padding-bottom: 0 !important;
}
#single-shop .deliveredSection .deliveredList.slickDelivered.item5 {
width: calc(100% + 40px);
margin-left: -21px;
margin-right: auto;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
#single-shop .deliveredSection .deliveredList {
width: 100%;
}
#single-shop .deliveredSection .deliveredList.slickDelivered.item5 {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: 0;
}
#single-shop .itemOptionSection h2.ttl {
padding-bottom: 25px !important;
}
#single-shop .deliveredSection h2.ttl,
#single-shop .relatedItemSection  h2.ttl {
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 1049.9px) {
#single-shop .itemInfoSection .itemInfoBox .column.txt {
padding-top: 0;
}
}
@media screen and (max-width: 1279px) {
#single-shop .itemInfoSection .itemInfoBox .shopping_form table td {
padding-right: 0 !important;
padding-left: 0 !important;
}
}
#single-shop .itemOptionSection .slickOption, .itemOptionSection .slickOptionEx {
padding-bottom: 50px;
}
#single-shop .itemInfoSection .itemDesc span {
display: block;
}
@media screen and (min-width: 769px){   
#single-shop .itemInfoSection .itemDesc {
padding-bottom: 100px;
}
#single-shop .itemOptionSection .slickOption, .itemOptionSection .slickOptionEx {
padding-bottom: 50px;
}
#single-shop .insert-page.insert-page-10235 .itemOptionSection .slickOption, .itemOptionSection .slickOptionEx{
padding-bottom: 88px;
}
}
@media screen and (min-width: 1280px){
#single-shop section.itemOptionSection,
#single-shop section.itemPointSection,
#single-shop section.deliveredSection,
#single-shop section.relatedItemSection,
#single-shop section.rankingSection,
#single-shop section.featuredItemSection,
#single-shop section.itemReviewSection{
padding-top: 150px;
}
#single-shop .itemOptionSection .slickOption, .itemOptionSection .slickOptionEx {
padding-bottom: 100px;
}
#single-shop .insert-page.insert-page-10235 .itemOptionSection .slickOption, .itemOptionSection .slickOptionEx{
padding-bottom: 150px;
}
#single-shop .itemInfoSection .itemDesc {
padding-bottom: 150px;
}
}
@media screen and (min-width: 769px){  
#single-shop .shopping_form .layoutp3 tr td .ttl-item-name {
padding-bottom: 0;
}
#single-shop .shopping_form .layoutp3 tr td .ttl-item-name .itemSpec + .itemSpec {
position: static;
margin-bottom: 10px;
}
#single-shop .shopping_form .layoutp3 tr td.priceWrap {
padding-top: 0 !important;  
}  
}
@media screen and (min-width: 1040px) and (max-width: 1119.9px) {
#single-shop .shopping_form .layoutp3 tr td .ttl-item-name .itemSpec + .itemSpec {
position: relative;
}
}
#single-shop section.raise .container {
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (min-width: 769px){
#single-shop section.raise .container {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media screen and (min-width: 1280px){
#single-shop section.raise .container {
padding-top: 150px;
padding-right: 0;
padding-bottom: 150px;
padding-right: 0;
}
}
#single-shop section.raise h3 {
position: relative;
font-family: 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', '游明朝', YuMincho, 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-size: 24px;
font-weight: 400;
padding-left: 26px;
}
#single-shop section.raise h3::before {
content: '';
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
transform: rotate(45deg) skew(10deg, 10deg);
background: #793F65;
top: 15px;
left: 0;
}
@media screen and (min-width: 769px){
#single-shop section.raise h3 {
font-size: 32px;
margin-top: 100px;
margin-bottom: 45px;
padding-left: 36px;
}
#single-shop section.raise h3::before {
width: 22px;
height: 22px;
top: 19px;
}
}
#single-shop section.raise h2.ttl {
margin-bottom: 0;
}
#single-shop section.raise .ttl > .description {
line-height: 1.5;
}
#single-shop section.raise span.mt20 {
display: block;
}
  @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Sans:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap");
@media screen and (max-width: 767.9px) {
.pt30-sp
{
padding-top: 30px !important;
}
}
@media print, screen and (max-width: 599px)
{
.side ul#menu-colors li a, .side ul#menu-number li a, .side ul#menu-extra li a
{
background-size: 200% auto !important;
width: 100%;
height: auto;
min-height: 44px;
}
.side ul#menu-colors li a:hover, .side ul#menu-number li a:hover, .side ul#menu-extra li a:hover
{
background-position: 100% 0;
}
}
@media print, screen and (max-width: 768px)
{
.listFrame .box
{
width: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.listFrame .txt p
{
font-size: 12px;
}
.listFrame .txt .item
{
padding-left: 20px;
font-size: 14px;
background-position: 0 9px;
}
.listFrame .txt .price .em
{
font-size: 16px;
}
.listFrame .txt .btn_detail
{
font-size: 14px;
}
}
@media print, screen and (max-width: 360px)
{
.listFrame .txt p
{
font-size: 11px;
}
.listFrame .txt .item
{
padding-right: 0;
font-size: 12px;
}
.listFrame .txt .desc
{
padding-left: 0;
padding-right: 0;
font-size: 11px;
}
.listFrame .txt .price .em
{
font-size: 15px;
}
.listFrame .txt .btn_detail
{
font-size: 13px;
}
}
@media screen and (max-width: 599px)
{
.itemInfoBox.colWrap
{
display: block;
}
.itemInfoBox > .txt
{
margin: 30px auto 0;
padding: 0;
max-width: 250px;
}
}
@media screen and (max-width: 768px)
{
.databox th br, .databox .th br
{
display: none;
}
.databox .imgList, .databox tr:last-child td ul:not(.souryoList)
{ }
.databox .imgList img, .databox tr:last-child td ul img
{
width: 33.3%;
padding: 0 5px;
float: left;
display: block;
}
.databox tr:last-child td ul.souryoList li
{
float: none;
}
.databox tr:last-child td ul.souryoList li + li
{
margin-top: 7px;
}
}
@media print, screen and (max-width: 500px)
{
.relatedItemFrame .txt
{
padding: 0 0 0 10px;
font-size: 13px;
}
.relatedItemFrame .txt > p
{
margin-bottom: 8px;
}
.relatedItemFrame .txt .fixed
{
font-size: 12px;
}
.relatedItemFrame .txt .fixed s
{
display: block;
font-size: 14px;
}
.relatedItemFrame .txt .price > span
{
display: block;
}
} @media print, screen and (max-width: 768px)
{
body
{ font-size: 15px;
font-size: 1.5rem;
}
img
{
max-width: 100%;
height: auto;
}
.sp-img-default
{
display: block;
width: auto;
margin-left: auto;
margin-right: auto;
}
.pc, .tab, .pc.tab
{
display: none !important;
}
.sp
{
display: block !important;
}
.sp-flex
{
display: flex;
}
.sp-block
{
display: block;
}
.sp-in-block
{
display: inline-block;
}
.sp-text-center
{
text-align: center;
}
.sp-text-left
{
text-align: left;
}
.sp-text-right
{
text-align: right;
}
.font_s
{
font-size: 13px;
}
.font_l
{
font-size: 15px;
} .sp-colWrap
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sp-colWrap.sp-col
{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.sp-colWrap.sp-wrap
{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sp-colWrap.sp-col-rev
{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.sp-colWrap.sp-boxAlign-left
{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sp-colWrap.sp-boxAlign-right
{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.sp-colWrap.sp-boxAlign-center
{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sp-colWrap.sp-mdl > *, .sp-colWrap > .sp-mdl:not(.sp-colWrap)
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sp-colWrap.sp-mdl > * > *, .sp-colWrap > .sp-mdl:not(.sp-colWrap) > *
{
width: 100%;
}
.sp-colWrap.sp-mdl.ct > *, .sp-colWrap.sp-mdl > .ct, .sp-colWrap > .sp-mdl.ct:not(.sp-colWrap)
{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sp-colWrap.sp-col2 > *
{
width: 50%;
}
.sp-colWrap.sp-col3 > *
{
width: 33.33%;
}  table:not(.sp-table) th, table:not(.sp-table) td, table.tab-table:not(.sp-table) th, table.tab-table:not(.sp-table) td
{
display: block;
width: 100% !important;
border-bottom: 0;
}
table:not(.sp-table) th
{
padding: 8px 8px 4px;
font-weight: bold;
border-bottom: 0;
}
table:not(.sp-table) td
{
padding: 15px 1em;
border-top: 0;
}
table.sp-table th, table.sp-table td
{
padding: 8px;
font-weight: normal;
}
.commonTbl2:not(.sp-table)
{
border-bottom: 1px solid #999;
}  input[type='text'].sp-max, input[type='tel'].sp-max, input[type='email'].sp-max, select.sp-max, textarea.sp-max
{
width: 100%;
} .sp-mt0
{
margin-top: 0;
}
.sp-mt10
{
margin-top: 10px;
}
.sp-mt20
{
margin-top: 20px;
}
.sp-mt30
{
margin-top: 30px;
}
.sp-mb0
{
margin-bottom: 0;
}
.sp-mb10
{
margin-bottom: 10px;
}
.sp-mb20
{
margin-bottom: 20px;
}
.sp-mb30
{
margin-bottom: 30px;
}
.sp-pt0
{
padding-top: 0;
}
.sp-pt10
{
padding-top: 10px;
}
.sp-pt20
{
padding-top: 20px;
}
.sp-pt30
{
padding-top: 30px;
}
.sp-pb0
{
padding-bottom: 0;
}
.sp-pb10
{
padding-bottom: 10px;
}
.sp-pb20
{
padding-bottom: 20px;
}
.sp-pb30
{
padding-bottom: 30px;
} header #logo .descr
{
display: flex;
align-items: center;
align-content: center;
position: relative;
top: 0;
left: 0;
margin: 0 0 0 20px;
padding: 0;
width: auto;
height: 70px;
font-size: 11px;
text-align: left;
}
header .sitename:after
{
} .container
{
padding: 0 15px;
}
.ttl, .entry-title
{
margin: 20px 0 15px;
padding: 10px;
font-size: 20px;
}
.ttl2, .ttl2.font_s
{
margin-top: 10px;
padding: 10px 0;
font-size: 19px;
}
.ttl2 .condensed
{
display: inline;
}
h2.heading
{
font-size: 18px;
line-height: 1.2;
}
h3.heading, .heading_m
{
font-size: 17px;
}
p.cap
{
margin: 5px 0;
}
.pg_policy .entry-title, .pg_business .entry-title, .ttl3
{
margin: 10px 0; display: flex;
align-items: center;
align-content: center;
padding: 0 0 15px 40px;
min-height: 40px;
font-size: 18px;
letter-spacing: 2px;
}
.pg_policy .entry-title:before, .pg_business .entry-title:before, .ttl3:before
{
width: 36px;
height: 41px;
}
.ttl_m2
{
padding: 10px 10px 5px 40px;
}
.ttl_m2:before
{
top: 4px;
width: 32px;
height: 30px;
}
.pg_board .boardSection .ttl_m3
{
margin-bottom: 0;
padding: 5px 0 20px 45px;
font-size: 20px;
letter-spacing: 2px;
}
.pg_board .boardSection .ttl_m3:before
{
width: 40px;
height: 41px;
} .side
{
margin: 30px auto 0 !important;
max-width: 470px;
}
.side .bannerFrame > p, .side .bannerFrame > div
{
display: flex;
}
.side .bannerFrame > div
{
max-width: 230px;
}
.side #mybox .sideNav
{
margin: 20px auto;
}
.side .menu
{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.side .menu li
{
max-width: 230px;
width: calc(50% - 4px);
}
.side #mybox .sideNav .menu_underh2
{
margin: 0 0 5px;
width: 100% !important;
max-width: 100% !important;
background-color: #FBF8FB !important;
background-position: center center !important;
} footer #bottom_in
{
padding-top: 10px;
}
footer ul#bottommenu, footer .menu-footermenu-container
{
margin: 0 0 10px;
}
footer ul#bottommenu li a, footer ul#menu-footermenu li a
{
padding: 0 10px 0 20px;
font-size: 11px;
}
footer ul#bottommenu li:first-child a, footer ul#menu-footermenu li:first-child a
{
padding-right: 0;
}
footer #guide_in
{
margin-top: 5px;
border-radius: 8px;  }
footer #guide_in div .areaTbl th
{
width: 29%;
white-space: normal;
}
.section + .section, #contentInner .inner .widget + .widget
{
margin-top: 30px;
}
.sec_s
{
padding-left: 0;
padding-right: 0;
} .pg_top .ttl + .ttl_m
{
font-size: 17px;
}
.box03
{
margin: 20px 0 15px;
border-radius: 8px;
}
.box03_in
{
padding: 10px 15px; }
.box03 .title
{
margin: -15px -20px 20px;
padding: 10px;
font-size: 18px;
box-shadow: 0 2px 5px rgba(0,0,0,.175);
} .contactTbl th
{
padding-right: 0;
padding-bottom: 0;
}
.contactTbl td
{
padding: 0 0 10px !important;
}
.wpcf7 input[type='text'], .wpcf7 input[type='email'], .wpcf7 input[type='url'], .wpcf7 textarea
{
width: 100%;
}  .faqSection .q, .faqSection .a
{
padding: 5px 10px 5px 35px;
}
.faqSection .q:before, .faqSection .a:before
{
width: 30px;
height: 30px;
background-size: 30px auto;
}
.faqSection .a:before
{
background-position: center -30px;
}
.faqSection .q
{
padding-top: 7px;
padding-bottom: 4px;
font-size: 15px;
} .guideSection .areaTbl th
{
width: 36%;
white-space: normal;
}
.guideSection .areaTbl .font_s
{
font-size: .9em;
} .pointSection .pointFrame .article
{
margin: 0 0 30px;
}
.pointSection .pointFrame .article .head
{
margin: 0 0 15px;
padding: 0 0 5px;
font-size: 19px;
line-height: 1.3;
}
.pointSection .pointFrame .article .head .hd
{ overflow: hidden;
margin: 0 10px 0 0;
padding: 0 45px 0 0;
max-width: 90px;
height: 33px;
line-height: 40px;
font-size: 16px;
background-size: 40px auto;
}
.pointSection .pointFrame .btnFrame .btn_register
{
font-size: 20px;
} .rappingSection .rappingFrame .box
{
position: relative;
padding: 0 25px 0 35px;
}
.rappingSection .rappingFrame .txt
{
font-size: 22px;
}
.rappingSection .rappingFrame .img > div:after
{
width: calc(100% - 15px);
height: calc(100% - 15px);
} .pg_policy .policySection .txt, .pg_policy .policySection .article > p, .pg_policy .policySection .article > ul
{
padding: 0;
}  .boardFrame.boardLineupBox .img img, .boardFrame.boardLineupBox .img .noimg
{
max-width: 106px;
}
.boardFrame.boardLineupBox .img.msg img
{
max-width: 150px;
}
.boardFrame.boardLineupBox .price
{
font-size: 13px;
}
.boardFrame.boardLineupBox .namae, .boardFrame.boardLineupBox .price .num
{
font-size: 15px;
}
.boardFrame.boardLineupBox .note
{
font-size: 12px;
}
.boardFrame.boardLineupBox .note_s
{
font-size: 11px;
} .boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
{
font-size: 15px;
}
.boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
{
font-size: 15px;
}
.boardFrame.boardLineupBox .colWrap > div, .boardFrame .sp-center > div
{
margin-left: auto;
margin-right: auto;
}
} @media print, screen and (max-width: 599px)
{
.sp2
{
display: block !important;
}
.sp2-in-block
{
display: inline-block !important;
}
header #logo
{
position: relative;
height: auto;
}
header #logo .descr
{
position: relative;
margin: 0;
padding: 3px 10px;
max-width: 100%;
height: auto;
line-height: 1.3;
font-size: 10px;
background: #9C5CAB;
color: #FFF;
}
header .sitename
{
top: calc(26% + 15px);
}
@media print, screen and (max-width: 479px)
{
header .sitename
{
top: calc(26% + 24px);
}
}
#headicon.sp-colWrap
{
display: block;
position: relative;
padding-bottom: 24px;
}
#headicon #hdicon1, #headicon #hdicon2, #headicon #hdicon3
{
width: auto;
}
#headicon .box + .box
{
margin-top: 4px;
}
#headicon .ico
{
font-size: 18px !important;
}
#headicon .ico sup
{
font-size: 10px;
font-weight: normal;
position: absolute;
right: 7px;
bottom: 7px;
}
#headicon .note
{
position: absolute;
bottom: 0;
margin: 0;
font-size: 12px;
letter-spacing: -.6px;
text-align: center;
}
.side
{
margin-left: auto !important;
margin-right: auto !important;
max-width: 345px;
}
.side .menu
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.side .bannerFrame > p, .side .bannerFrame > div
{
width: calc(50% - 4px);
max-width: 168px;
}
.side .bannerFrame > p > a, .side .bannerFrame > div a
{
background-size: 200% auto !important;
background-repeat: no-repeat !important;
}
.side p#lefticon4 a:hover, .side p#lefticon5 a:hover, .side p.side_login a:hover, .side p#lefticon6 a:hover
{
background-position: 100% 0;
}
.side .bannerFrame #lefticon1, .side .bannerFrame #lefticon2, .side .bannerFrame #lefticon3
{
background-size: 100% auto !important;
background-repeat: no-repeat !important;
}
.side .bannerFrame p#lefticon1
{
height: 102px;
}
.side .bannerFrame p#lefticon2
{ height: 100%;
}
.side .bannerFrame p#lefticon3
{
height: 72px;
}
.side .bannerFrame p#lefticon4 a
{
height: 64px;
}
.side .bannerFrame p#lefticon5 a, .side .bannerFrame p.side_login a
{
height: 58px;
}
.side .bannerFrame p#lefticon6 a
{
height: 95px;
}
.side #mybox .sideNav .menu_underh2
{
background-size: auto 42px !important;
height: 30px !important;
}
.side .menu li
{
width: calc(50% - 4px);
max-width: 168px !important;
}
.side #menu-price li
{
width: 100%;
max-width: 100% !important;
}
.side ul#menu-usage li a, .side ul#menu-kind li a, .side ul#menu-others li a
{
background-size: 200% auto !important;
width: 100%;
height: auto;
min-height: 44px;
}
.side ul#menu-usage li a:hover, .side ul#menu-kind li a:hover, .side ul#menu-others li a:hover
{
background-position: 100% 0;
} .pg_top .osusumeFrame
{
display: block;
}
.pg_top .osusumeFrame > div
{
width: auto;
}  .boardFrame.boardLineupBox .colWrap:after
{
width: 33.33%;
}
.boardFrame.boardLineupBox .colWrap > div
{
width: 33.33%;
} .boardFrame.boardLineupBox .colWrap > .msg
{
width: 33.33%;
}
.boardFrame.boardLineupBox .img img, .boardFrame.boardLineupBox .img .noimg
{
max-width: 90%;
}
.boardFrame.boardLineupBox .img.msg img
{
max-width: 100%;
}
.boardFrame.boardLineupBox .noimg
{
display: none;
}
.boardFrame.boardLineupBox .price
{
font-size: 11px;
}
.boardFrame.boardLineupBox .namae, .boardFrame.boardLineupBox .price .num
{
font-size: 13px;
}
.boardFrame.boardLineupBox .msg p.namae
{
max-width: 100%;
letter-spacing: -1px;
}
.boardFrame.boardLineupBox .msg .font_s
{
font-size: 10.5px;
}
.boardFrame.boardLineupBox .note
{
margin-top: 5px;
font-size: 11px;
}
.boardFrame.boardLineupBox .note_s
{
font-size: 11px;
text-align: left;
}
.boardFrame.boardLineupBox .note_s br
{
display: none;
} .boardFrame.boardSampleBox .colWrap
{
display: block;
}
.boardFrame.boardSampleBox .colWrap > div
{
width: auto;
}
.boardFrame.boardSampleBox .txt
{
margin: 10px auto;
max-width: 360px;
font-size: 13px;
text-align: center;
}
.boardFrame.boardSampleBox .boardTxt, .boardFrame.boardSampleBox .msgTxt
{
font-size: 14px;
}
.boardFrame.boardSampleBox .boardTxt .em, .boardFrame.boardSampleBox .msgTxt .em
{
font-size: 14px;
} .boardFrame.boardImgBox .cap
{
line-height: 1.3;
font-size: 13px;
} #box01:before
{
background-position: 0 84%;
}
#box01 .head
{
font-size: 18px;
}
}
@media print, screen and (min-width: 480px) and (max-width: 599px)
{
#headicon #hdicon1 br
{
display: none;
}
}
@media print, screen and (max-width: 420px)
{ .rappingSection .guideFrame
{
display: block;
}
.rappingSection .guideFrame > div
{
width: auto;
}
.rappingSection .guideFrame .img img
{
display: block;
margin: 10px auto 30px;
}
.rappingSection .rappingFrame .box
{
padding: 0 10px 0 20px;
}
.rappingSection .rappingFrame .txt
{
font-size: 16px;
line-height: 1;
}
.rappingSection .rappingFrame .img > div
{
max-width: 130px;
} #box01 .txt
{
padding: 0 10px 10px;
}
#box01:before
{
left: 2%;
width: 22%;
}
#box01 .head
{
margin: 15px auto;
text-align: center;
}
#box01 .head  br
{
display: inline;
}
#box01 .head + p
{
padding-left: 24%;
}
}
@media print, screen and (max-width: 360px)
{
#headicon.sp-colWrap
{
padding-bottom: 20px;
}
#headicon .note
{
font-size: 10.5px;
}
}
@media screen and (max-width: 640px)
{
table.table01 thead
{
display: none;
}
table.table01 tbody th
{
display: block;
}
table.table01 tbody td
{
display: block;
}
table.table01 tbody td::before
{
content: attr(label);
float: left;
clear: both;
font-weight: bold;
}
table.table01 tbody td p
{
padding-left: 1em;
} div#topnews dd h3
{
font-size: 15px;
line-height: 1.4;
}
div#topnews dd p
{
font-size: 13px;
}
} @media print, screen and (max-width: 768px)
{
* + .sec_price
{
margin-top: 40px;
}
}
@media print, screen and (max-width: 768px)
{
.sec_price .sp-visible
{
display: block;
}
}
@media print, screen and (max-width: 768px)
{
.price_heading
{
height: 217px;
}
.price_heading.bg_price_heading01
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/price/bnr_title01sp.jpg);
}
.price_heading.bg_price_heading02
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/price/bnr_title02sp.jpg);
}
.price_heading.bg_price_heading03
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/price/bnr_title03sp.jpg);
}
}
@media print, screen and (max-width: 768px)
{
.price_anc li
{
width: calc(50% - 10px);
}
.price_anc li:not(:first-child)
{
margin-left: 0;
}
.price_anc li:nth-child(even)
{
margin-left: 20px;
}
.price_anc li:nth-child(n + 3)
{
margin-top: 20px;
}
}
@media print, screen and (max-width: 768px)
{
.price_box_item
{
width: 85%;
}
.price_box_point
{
background-image: url(//www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/price/bg_pointsp.jpg);
}
}
@media print, screen and (max-width: 768px)
{
.price_box_title
{
border-bottom: 1px solid #CFBF59;
}
.price_box_title span
{
font-size: 1.6rem;
border-bottom: none;
}
}
@media print, screen and (max-width: 768px)
{
.price_recommend_item_title
{
font-size: 1.6rem;
}
}
@media print, screen and (max-width: 768px)
{
.price_more_button span
{
padding: .5em 2em .5em 1em;
}
}
@media print, screen and (max-width: 375px)
{
.price_more_button span
{
width: 100%;
}
}
@media print, screen and (max-width: 768px)
{
.price_anc li
{
width: calc(50% - 16px);
}
.price_scene_box
{
position: relative;
min-height: 169px;
height: auto;
}
.price_scene_heading
{
color: rgb(196, 2, 75);
width: 100%;
}
.price_scene_box p
{
margin-top: 20px;
width: 100%;
}
.price_scene_box figure
{
position: static;
margin: 25px auto 0 ;
}
.price_scene_box figure img
{
width: 100%;
}
}
@media print, screen and (max-width: 480px)
{
.price_recommend_item
{
width: 100%;
}
}
@media print, screen and (max-width: 768px)
{
.price_anc li
{
width: calc(50% - 16px);
}
.price_scene_box
{
position: relative;
min-height: 169px;
height: auto;
}
.price_scene_heading
{
color: rgb(196, 2, 75);
width: 100%;
}
.price_scene_box p
{
margin-top: 20px;
width: 100%;
}
.price_scene_box figure
{
position: static;
margin: 25px auto 0 ;
}
.price_scene_box figure img
{
width: 100%;
}
}
@media print, screen and (max-width: 480px)
{
.price_recommend_item
{
width: 100%;
}
}
@media screen and (max-width: 767.9px)
{
p.padding0-sp
{
padding-bottom: 0 !important;
}
.padding25-sp
{
padding-bottom: 25px !important;
}
.padding50-sp
{
padding-bottom: 50px !important;
}
.padding100-sp
{
padding-bottom: 100px !important;
}
.padding150-sp
{
padding-bottom: 150px !important;
}
.padding0-sp
{
padding-bottom: 0 !important;
}
.block-sp
{
display: block;
}
}
@media screen and (max-width: 768px) {
.mb50-sp
{
margin-bottom: 50px!important;
}
}
@media screen and (max-width: 768px) {
.mb75-sp
{
margin-bottom: 75px!important;
}
}
@media screen and (max-width: 768px) {
.mt50-sp
{
margin-top: 50px!important;
}
}
@media screen and (max-width: 768px) {
.mt75-sp
{
margin-top: 75px!important;
}
} @media screen and (max-width: 767.9px)
{
.left-sp
{
text-align: left !important;
}
.left-sp *
{
margin-left: 0;
margin-right: auto;
} .center-sp
{
text-align: center !important;
}
.center-sp *
{
margin-right: auto;
margin-left: auto;
} .right-sp
{
text-align: right !important;
}
.right-sp *
{
margin-left: auto;
margin-right: 0;
}
}
@media print,
screen and (max-width: 599px)
{
header .sitename2
{
top: calc(26% + 15px);
}
}
@media print,
screen and (max-width: 479px)
{
header .sitename2
{
top: calc(26% + 24px);
}
}  @media screen and (max-width: 767.9px)
{
.show-pc
{
display: none;
}
.show-tab
{
display: none;
}
.show-sp
{
display: inherit;
}
}
@media screen and (max-width: 768px)
{
article .section.paddingTop0-sp
{
padding-top: 0;
}
article .section.paddingTop50-sp
{
padding-top: 50px;
}
.padding-top-25-sp
{
padding-top: 25px !important;
}
}
@media screen and (max-width: 767.9px)
{
.column3:nth-of-type(n+2)
{
padding-top: 25px;
}
.column4:nth-of-type(n+2)
{
padding-top: 25px;
}
}
@media screen and (max-width: 767.9px)
{
.rowInformation .columnInformation
{
margin: 0 auto 50px;
width: 100%;
max-width: 480px;
}
}
@media screen and (max-width: 767.9px)
{
.columnInformation .columnTextArea
{
padding: 25px 15px;
}
}
@media screen and (max-width: 767.9px)
{
.columnInformation .columnTextArea > ul.listAnchor > li a
{
font-size: 16px;
}
}
@media screen and (max-width: 767.9px)
{
.faqListWrap .faqList
{
padding-bottom: 20px;
}
}
@media screen and (max-width: 768px)
{
.faqList__summary
{
min-height: 62px;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 480px)
{
ul.select-list-card li
{
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767.9px)
{
ul.select-list-card li
{
width: 80%;
padding: 0 !important;
margin-bottom: 50px;
}
}
@media screen and (max-width: 767.9px)
{
table.areaTable-1
{
margin: 0 auto;
}
table.areaTable-1 > tbody > tr > td.-map-sp
{
display: block;
}
table.areaTable-1 > tbody > tr > td.-map
{
display: none;
}
table.areaTable-1 > tbody > tr > td img
{
max-width: 400px;
}
}
@media screen and (max-width: 475px)
{
table.areaTable-2 > tbody > tr > td a
{
font-size: 16px;
}
table.areaTable-1 > tbody > tr > td.-prefectures
{
padding: 0 !important;
}
table.areaTable-2 > tbody > tr > td
{
line-height: 2.3;
padding: 0 13.5px;
}
table.areaTable-2 > tbody > tr:first-child > td
{
padding-top: 20px;
}
table.areaTable-2 > tbody > tr:last-child > td
{
padding-bottom: 20px;
}
table.areaTable-2
{
min-width: unset;
margin-top: 50px;
width: 100%;
}
table.areaTable-1 > tbody > tr > td.-map-sp
{
padding: 0;
}
}
@media screen and (max-width: 767.9px)
{
.page-id-4184 .obsessionSection h2.ttl.has-left-line:after, .page-id-4187 .priceHeadingSection h2.ttl.has-left-line:after
{
top: 18px;
}
}
@media screen and (max-width: 767.9px)
{
section.apolonSection
{
margin-bottom: 0px;
}
}
@media screen and (max-width: 980px)
{
section.apolonSection .inner::after
{
background: url(https://www.kochoran.ne.jp/wp-content/uploads/aplolone-banner-sp.png);
background-repeat: no-repeat;
background-position: top left;
background-size: auto 120%;
}
}
@media screen and (max-width: 587px)
{
section.apolonSection .inner::after
{
background-position: top right 45vw;
background-size: auto 100%;
}
}
@media screen and (max-width: 450px)
{
section.apolonSection .inner .columns
{
justify-content: center;
}
}
@media screen and (max-width: 767.9px)
{
h2.ttlBanner
{
font-size: 30px;
text-align: center;
}
}
@media screen and (max-width: 450px)
{
h2.ttlBanner
{
line-height: 1.3;
}
h2.ttlBanner br
{
display: block;
}
}
@media screen and (max-width: 767.9px)
{ .relatedItemsWrap.-noslick
{
width: 100%;
margin-left: 0;
margin-right: 0;
}
.relatedItemsWrap.-noslick .relatedItem .column.img > a.imageWrap
{
max-width: 220px;
}
.relatedItemsWrap.-noslick.-oneitem .relatedItem .column.img > a.imageWrap
{
max-width: 220px;
}
}
@media screen and (max-width: 479.9px)
{ }
@media screen and (max-width: 767.9px)
{ .relatedItemsWrap.-noslick .relatedItem
{
width: 100%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.noMargin .relatedItemsWrap.-noslick .relatedItem{
margin-bottom: 50px!important;
}
.noMargin .relatedItemsWrap.-noslick .relatedItem:last-child{
margin-bottom: 0px!important;
}
.single-column .relatedItemsWrap.-noslick .relatedItem{
margin-left: 0;
margin-right: 0;
}
.single-column .rankingSection:has(+ .heading) .relatedItemsWrap.-noslick .relatedItem{
margin-bottom: 50px!important;
}
.single-column .rankingSection:has(+ .heading) .relatedItemsWrap.-noslick .relatedItem:last-child{
margin-bottom: 0px!important;
}
}
@media screen and (max-width: 479.9px)
{ }
@media screen and (max-width: 767.9px)
{
.relatedItem .column.itemName
{ }
.relatedItem .column.itemName > a
{
line-height: 1.35;
min-height: unset;
}
}
@media screen and (max-width: 767.9px)
{
.relatedItem .itemInfo > .column.btnWrap
{
margin: 20px auto 0;
}
}
@media screen and (max-width: 767.9px)
{
.relatedItem .itemInfo > .column.btnWrap::before
{
top: -13px;
}
}
@media screen and (max-width: 640px)
{ div#related dd h3
{
font-size: 15px;
line-height: 1.4;
}
div#related dd p
{
font-size: 13px;
}
}
@media (max-width: 640px)
{
a.kochoran-card-card
{
padding: 10px 10px 20px 10px;
}
a.kochoran-card::after
{
font-size: 12px;
padding: 2px 13px;
right: 10px;
}
.kochoran-card-thumbnail
{
margin-right: 10px;
padding-top: 10px;
}
.kochoran-card-title
{
font-size: 14px;
}
.kochoran-card-excerpt
{
display: none;
}
}
@media (max-width: 640px)
{
.rec-list ul
{
width: 100%;
flex-direction: column;
}
}
@media (max-width: 640px)
{
#irr
{
padding: .8em;
}
.rec-list2 ul
{
width: 100%;
flex-direction: column;
}
.rec-list2 ul li
{
width: 100% !important;
}
} @media screen and (max-width: 480px)
{ .ListsSection2
{
margin: 0 auto 40px;
}
.ListsSection2 .contCatLists2 ul li
{
width: 47%;
font-size: 18px;
}
.ListsSection2 .contCatLists2 ul li a::after
{
right: 10px;
} .ListsSection3 .contCatLists3 ul li
{
width: 47%;
font-size: 18px;
}
.ListsSection3 .contCatLists3 ul li a::after
{
right: 10px;
} .itemArea a dl dt img
{
height: auto !important;
}
.gMenuArea
{
margin-bottom: 20px;
}
.gMenuArea ul
{
flex-wrap: wrap;
margin: 0 10px;
}
.gMenuArea ul li
{
width: 50%;
padding: 0 2px;
}
.commonSection2 .titleArea2
{
margin-bottom: 30px;
}
.commonSection2 .titleArea2 h2
{
font-size: 15px;
width: 95%;
margin: 0 auto;
}
.commonSection2 .titleArea2 h2::before
{
width: 44px;
height: 44px;
}
.commonSection2 .itemArea
{
width: 95%;
margin: 0 auto 50px;
}
.commonSection2 .itemArea a
{
display: block;
margin-bottom: 70px;
}
.commonSection2 .itemArea a dl
{
margin-bottom: 0;
}
.recSection .itemArea dl
{
display: block;
}
.recSection .itemArea dl dt
{
height: auto;
overflow: auto;
width: 100%;
margin-bottom: 20px;
}
.commonSection .itemArea dl dd
{
width: 100%;
margin: 0;
}
.commonSection .itemArea dl dd ul li.elBtn
{
margin-top: 10px;
}
.commonSection .itemArea dl dt
{
width: 100%;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767.9px)
{
.relatedItem .itemInfo > .column.desc
{
height: 60px !important;
min-height: unset;
}
.relatedItemsWrap.-noslick .relatedItem .itemInfo > .column.desc
{
height: auto !important;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
min-height: unset;
} .slickRanking .rankColumn .rankTxt > .caption, .slickRankingEx .rankColumn .rankTxt > .caption
{
margin-bottom: 10px;
}
}
@media screen and (max-width: 767.9px)
{
.section .inner > .ttl + p
{
padding-bottom: 50px;
}
}
@media screen and (max-width: 767.9px)
{
.page-id-4184 .linkbtnWrap
{
padding-top: 25px;
}
}
@media screen and (max-width: 767.9px)
{
.informationSection h3.heading4
{
font-size: 20px;
line-height: 1.35;
padding: 30px 20px;
}
}
@media screen and (max-width: 767.9px)
{
.prefectureSection p.text
{
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px){
.column_2col_wrap {
display: block;
}
}
@media screen and (max-width: 768px) {
.column_2col_wrap {
padding-top: 25px;
}
}
@media (max-width: 768px) {
.toc-design .toc_list {
padding: 25px 10px;
}
.toc-design ol ol {
padding-left: 1em;
}
}
@media (max-width: 768px) {
.toc-design .toc_list {
padding: 25px 10px;
}
.toc-design ol ol {
padding-left: 1em;
}
}
@media (max-width: 768px) {
h2.ttl {
padding: 0 0 50px 0;
}
.page h2.ttl {
padding: 0 0 25px 0;
}
.single-column section.section.FaqSection  h2.ttl {
padding: 0 0 25px 0;
}
h2.ttl:has(+ .introduction) {
padding: 0 0 25px 0;
}
.section .inner > p.introduction {
margin: 0 auto;
padding-bottom: 50px;
}
#_gaCartButton button {
display: block;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.single-shop .itemInfoBox .txt .optionWrap span.quantity {
grid-template-columns: 1fr 1fr;
}
.single-shop .itemInfoBox .txt .optionWrap span.quantity > select {
margin-left: 0;
}
}
@media screen and (max-width: 788px) {
.wrap-intro.section {
padding-bottom: 0 !important;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__wrap1 {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__wrap2 {
display: none;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__item.-sp-left {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.wrap-intro__gallery__item.-sp-left img {
width: 45%;
margin-left: 3.33%;
}
.wrap-intro__gallery__item.-sp-left p {
width: 50%;
}
}
@media screen and (max-width: 767.9px) {
.wrap-intro__gallery__item p {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.awardSection__message {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram {
width: 100%; }
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text1 {
top: 8%;
left: 23%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text2 {
top: 8%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text3 {
top: 8%;
right: 23%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text4 {
left: 3.6%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text5 {
right: 3.6%;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text6 {
background-color: #F1EBEF;
padding: 0 5px;
}
}
@media screen and (max-width: 767.9px) {
.distribution__diagram p.-text7 {
top: 80%;
}
}
@media screen and (max-width: 767.9px) {
.useDetailsColumnSection__links a:last-child {
margin-left: 15px;
}
}
@media screen and (max-width: 767.9px) {
.flow__item {
height: 70px;
padding: 0 15px;
border-radius: 5px;
margin-top: 25px;
}
}
@media screen and (max-width: 767.9px) {
.flow__item:nth-child(2n) {
border-width: 2px;
}
}
@media screen and (max-width: 767.9px) {
.flow__item:nth-child(2n + 1) {
border-width: 2px;
}
}
@media screen and (max-width: 767.9px) {
.flow__number {
width: 45px;
height: 45px;
-webkit-box-flex: 0;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
font-size: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 767.9px) {
.flow__number:before {
height: 70px;
width: 3px;
}
}
@media screen and (max-width: 767.9px) {
.flow__text {
font-size: 16px;
letter-spacing: 1px;
line-height: 1.25;
}
}
@media screen and (max-width: 767.9px) {
.useDetailMannerdSection .square {
display: block;
}
}
@media screen and (max-width: 767.9px) {
.reason__item {
width: 100%;
margin: 0 0 25px 0; }
.reason__item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 767.9px) {
.reason__item.-m-margin {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767.9px) {
.reason__item__figure {
width: 272px;
margin: 0 auto;
border-radius: 5px;
padding-bottom: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 767.9px) {
.reason__item__figure p {
font-size: 16px;
padding-top: 15px;
}
}
@media screen and (max-width: 767.9px) {
.reason__item__text {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.purpose__wrap {
width: 100%;
margin: 0 auto;
}
}
@media screen and (max-width: 767.9px) {
.purpose__card {
padding: 0 !important;
width: 100%;
max-width: 480px;
margin: 0 auto 50px;
}
}
@media screen and (max-width: 767.9px) {
.purpose__card__caption {
margin-bottom: 0;
}
}
@media screen and (max-width: 767.9px) {
.dividor-vertical:before {
width: 4px;
height: 32px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap.section {
padding-top: 50px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__h2 {
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__h3 {
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__wrap {
display: block;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__box {
width: 100%;
}
.sitemap__box:first-child {
margin-bottom: 25px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__box li {
margin-bottom: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__box ul.child-category li:last-child {
margin-bottom: 15px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__box a {
letter-spacing: 1px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section.-full {
padding-bottom: 25px;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section.-full .sitemap__box:first-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section.-full .sitemap__box > ul {
max-height: unset !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media screen and (max-width: 767.9px) {
.sitemap__section.-full li {
width: 100%;
}
}
@media screen and (max-width: 767.9px) {
.area-list {
width: calc(100% + 30px);
margin-left: -15px;
}
}
@media screen and (max-width: 479.9px) {
.area-list {
width: calc(100% + 15px);
margin-left: -7.5px;
}
}
@media screen and (max-width: 767.9px) {
.area-item {
width: calc((100% / 2) - 30px);
max-width: 480px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 479.9px) {
.area-item {
width: calc((100% / 2) - 15px);
margin-left: 7.5px;
margin-right: 7.5px;
}
}
@media screen and (max-width: 768px)
{
.area-item__link {
width: 125px;
height: 30px;
font-size: 12px;
}
.area-item__link:after {
right: 14px;
top: calc(50% - 3.4px);
}
}
@media screen and (max-width: 768px) {
.areaSection h3.heading {
margin: 25px auto;
}
}
@media screen and (max-width: 767.9px) {
.area-intro__item {
width: 100%;
max-width: 340px;
margin: 0 auto 25px;
}
.area-intro__item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 767.9px) {
.area-intro__item__figure {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 5px;
padding-bottom: 0;
max-width: 272px;
margin-left: auto;
margin-right: auto;
}
.area-intro__item__figure img {
height: auto; width: auto;
max-width: 80px;
}
}
@media screen and (max-width: 767.9px) {
.area-intro__item__figure p {
font-size: 16px;
padding-top: 15px;
}
}
@media screen and (max-width: 767.9px) {
.area-intro__item__text {
font-size: 16px;
text-align: center;
}
}
@media screen and (max-width: 767.9px) {
.delivery-area__list {
border-radius: 10px;
padding: 20px;
}
}
@media screen and (max-width: 767.9px) {
.delivery-area ul li {
font-size: 16px;
line-height: 2.5;
letter-spacing: 1px;
}
}
@media screen and (max-width: 767.9px) {
.delivery-area ul li:before {
padding: 0 4px;
}
}
@media screen and (max-width: 767.9px) {
.tatefuda-howto .-bigger {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.return-exchange__box {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.return-exchange__box h3 {
font-size: 18px;
letter-spacing: 1.1px;
}
}
@media screen and (max-width: 767.9px) {
.about-point__item {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 340px;
margin: 0 auto 25px;
padding: 0 25px;
}
.about-point__item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 739px) {
.about-point__item {
padding: 0px;
}
}
@media screen and (max-width: 767.9px) {
.about-point__item__figure {
border-radius: 5px;
padding-bottom: 0;
}
.about-point__item__figure img {
height: auto;
width: auto;
}
}
@media screen and (max-width: 767.9px) {
.about-point__item__figure p {
font-size: 16px;
padding-top: 15px;
}
}
@media screen and (max-width: 767.9px) {
.about-point__item__text {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.business-table__item {
font-size: 16px;
letter-spacing: 1px;
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.business-table__name {
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
text-align: left;
}
.business-table__name br {
display: none;
}
}
@media screen and (max-width: 767.9px) {
.info-table__item {
font-size: 16px;
letter-spacing: 1px;
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.info-table__name {
margin-right: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
text-align: left;
}
.info-table__name br {
display: none;
}
}
@media screen and (max-width: 795px) {
.introduction-farmer__wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 735px) {
.introduction-farmer__wrap {
grid-template-columns: 1fr 1fr;
justify-items: center;
}
}
@media screen and (max-width: 734.9px) {
.introduction-farmer__wrap {
padding-top: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 490px) {
.introduction-farmer__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0;
}
}
@media screen and (max-width: 768px) {
.introduction-farmer__figure { width: calc(50vw - 35px);
max-width: 250px;
margin-right: 0;
margin-left: 0;
}
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(1),
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(2) {
min-height: 263px;
}
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(3),
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(4) {
min-height: 212px;
}
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(5),
.introduction-farmer__wrap .introduction-farmer__figure:nth-of-type(6) {
min-height: 262px;
}
}
@media screen and (max-width: 767.9px) {
.introduction-farmer__figure p {
font-size: 14px;
}
}
@media screen and (max-width: 767.9px) {
.page-id-103 #gazou > #headimg > img {
position: static;
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__item, .flow-delivery__item {
padding: 25px 15px;
border-radius: 5px;
margin-top: 25px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__item:nth-child(2n), .flow-delivery__item:nth-child(2n) {
border-width: 2px;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__item:nth-child(2n + 1), .flow-delivery__item:nth-child(2n + 1) {
border-width: 2px;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__number, .flow-delivery__number {
width: 45px;
height: 45px;
-webkit-box-flex: 0;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
font-size: 20px;
margin-right: 20px;
margin-top: -11px;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__number:before, .flow-delivery__number:before {
height: 70px;
width: 3px;
}
}
@media screen and (max-width: 767.9px) {
.how-to-order__name, .flow-delivery__name {
font-size: 16px;
letter-spacing: 1px;
line-height: 1.25;
}
}
@media screen and (max-width: 767.9px) {
.ship-payment__box {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.ship-payment__box h3 {
font-size: 18px;
letter-spacing: 1.1px;
}
}
@media screen and (max-width: 767.9px) {
.ship-payment__box {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.ship-payment__box h3 {
font-size: 18px;
letter-spacing: 1.1px;
}
}
@media screen and (max-width: 767.9px) {
.privacypolicy__box {
padding: 25px 0;
}
}
@media screen and (max-width: 767.9px) {
.privacypolicy__box h3 {
font-size: 18px;
letter-spacing: 1.1px;
}
}
@media screen and (max-width:440px){
.deliveredSection .deliveredList.item3 .deliveredItem {
margin: 0 !important;
}
.deliveredList.item3 .deliveredItem > .itemInner > img {
width: 90% !important;
height: auto;
margin:0 auto;
}
}
@media screen and (max-width: 500px)
{
section.raise h2{
font-size:16px;
line-height:1.4;
}
}
@media screen and (max-width: 768px) {
.wkr_reviews .wkr_review dt {
font-size: 18px !important;
line-height: 1.5 !important;
}
} @media screen and (max-width: 768px) {
.insert-page .useSelectSection ul.select-list-card li:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.recommendColumn .partWrap ul li:first-of-type {
padding-top: 0;
}
}
@media screen and (max-width: 768px) {
article .section.tatefuda {
padding-top: 0;
}
.tatefuda {
overflow: hidden;
}
.tatefuda .inner .myList .myList-inner {
display: block !important;
}
.tatefuda .inner .myList .myList-inner h3 {
margin-top: 50px;
font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 23px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: black;
}
.tatefuda .inner .myList .myList-inner h3:before {
content: "";
width: 20px;
height: 22px;
background-image: url(https://www.kochoran.ne.jp/wp-content/themes/stinger5-cheetah-child/css/images/h3-before.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 8px;
}
.tatefuda .inner .myList .myList-inner h3.one {
margin-top: 0;
}
.tatefuda .inner .myList .myList-inner .box {
margin-top: 50px;
}
.tatefuda .inner .myList .myList-inner .box > p {
font-size: 14px;
margin: 25px auto 0;
text-align: center;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap {
max-width: none;
width: 100%;
margin: 0 auto 50px;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap.next-mark {
margin-bottom: 85px
}
.tatefuda .inner .myList .myList-inner .box .item-wrap:last-of-type {
margin-bottom: 0;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li {
display: block;
text-align: center;
margin: 0 auto;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li img {
width: 80%;
height: auto;
display: block;
margin: 0 auto;
padding-bottom: 10px;
}
.insert-page.insert-page-11466 .tatefuda .inner .myList .myList-inner .box .item-wrap li img {
padding-bottom: 0;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li h4 {
line-height: 1;
margin-top: 10px;
font-size: 16px;
text-align: center;
font-weight: 600;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li .mincho {
line-height: 1;
margin-top: 18px;
font-size: 16px;
text-align: center;
}
.tatefuda .inner .myList .myList-inner .box .item-wrap li p {
line-height: 1.5;
margin-top: 5px;
font-size: 14px;
color: #707070;
}
}
@media screen and (max-width: 768px) {
article section.areaSection .itemListWrap h3.heading {
margin: 0 auto 50px !important;
padding: 0 !important;
line-height: 1.6;
}
}
@media screen and (max-width: 768px) {
article .areaSection.section h3.heading {
margin: 0;
padding: 51px 0 25px;
}
}
@media screen and (max-width: 768px) {
section.section.areaSection {
padding-bottom: 0px !important;
}
} @media (max-width: 768px) {
ul.select-list-card.useListWrap li:last-of-type {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
#wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl:has(+ p),
#wrapper #content .post article section.section.deliveryAvailableSection .inner h2.ttl.withSubtext {
padding-bottom: 25px !important;
}
} @media screen and (max-width: 768px) {
#wrapper #content section.section.colorDetailsRecommendSection.isPricePage h2.ttl + p,
#wrapper #content .post article section.section.FaqSection .inner h2.ttl + p,
#wrapper #content .post article section.section.wrapFaqSection .inner h2.ttl + p {
text-align: justify !important;
padding-bottom: 25px;
}
} @media screen and (max-width: 768px) {
#content .FaqSection .faqList .text .mt20,
#content .wrapFaqSection .faqList .text .mt20 {
margin-top: 10px !important;
}
} @media screen and (max-width: 768px) {
#wrapper #content.pg_rapping article section.section.wrapMannersSection .inner .sectionDesc {
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 768px) {
#wrapper #content.pg_rapping article section.section.wrapMannersSection .inner h3.heading {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#wrapper #content.pg_rapping .wrap-intro__gallery__item {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
}
}
@media screen and (max-width: 768px) {
.pg_board .headingSection .column-r.imageColumn img {
padding-bottom: 25px;
}
.page-id-102 #wrapper #content.pg_board article section.section.useSelectSection .inner .sectionDesc {
text-align: justify !important;
}
}
@media screen and (max-width: 768px) {
.pg_farmer .award-farmer .column-r.imageColumn img,
.pg_farmer .introduction-farmer .column-r.imageColumn img {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
.pg_firstone .headingSection .column-r.imageColumn img {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
.single-column .mannerSection .mt20 {
margin-top: 10px !important;
}
.single-column .mannerSection,
.single-column .aboutSection {
padding: 0 !important;
}
}
@media screen and (max-width: 768px) {
.single-column .column_main_content .column_list .column_list_card--body h2 {
font-size: 20px !important;
}
}
@media screen and (max-width: 768px) {
.single-column h2.mincho.kanren-ttl,
.single-column h3.mincho.kanren-ttl {
font-size: 20px !important;
padding-top: 10px;
margin-bottom: 25px !important;
}
}
@media screen and (max-width: 768px){
.single-column .mannerSection .slick-dotted.slick-slider {
margin-bottom: 70px;
}
} @media screen and (max-width: 768px) {
.single-column article .section.aboutSection.summary {
padding-top: 50px !important;
padding-right: 25px !important;
padding-left: 25px !important;
padding-bottom: 50px !important;
}
.single-column article .section.aboutSection.summary h2.ttl {
font-size: 20px;
padding-bottom: 25px;
}
.single-column article .section.aboutSection.summary h2.ttl.has-left-line::after {
top: 11px;
}
.single-column article .section.aboutSection.summary h2.has-left-line > span.description {
font-size: 24px;
line-height: 1.5 !important;
margin-top: 10px;
display: inline-block;
}
.single-column article .section.aboutSection.summary .columns {
flex-direction: column;    
}
.single-column article .section.aboutSection.summary .columns .column-r,
.single-column article .section.aboutSection.summary .columns .column-l {
width: 100%;
}
.single-column article .section.aboutSection.summary .columns .column-r.imageColumn {
width: 100%;
}
.single-column article .section.aboutSection.summary .columns .column-r.imageColumn img {
display: block;
margin-bottom: 25px;
}
.single-column article .section.aboutSection.summary .columns .mt20 {
margin-top: 10px !important;
}
}
@media screen and (max-width: 768px) {
.single-areas .about-area .inner p.mt20 {
margin-top: 10px !important;
}
}
@media screen and (max-width: 768px) {
.single-areas .awardSection .column-r.imageColumn img { }
}
@media screen and (max-width: 768px) {
.single-areas #wrapper #content article section.delivery-possible .inner h2.ttl.has-left-line:after {
top: 20px !important;
}
}
@media screen and (max-width: 768px) {
.single-areas .headingSection .column-r.imageColumn img {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px){
.page-id-7822 .about-area .inner p.mt20,
.page-id-7880 .about-area .inner p.mt20 {
margin-top: 10px !important;
}
}
@media screen and (max-width: 768px) {
.page-id-7822 .headingSection .column-r.imageColumn img,
.page-id-7880 .headingSection .column-r.imageColumn img {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
.single-use .headingSection .column-r.imageColumn img,
.single-use .awardSection .column-r.imageColumn img,
.single-use .insert-page-10989 .column-r.imageColumn img,
.single-use .insert-page-10969 .column-r.imageColumn img {
vertical-align: bottom;
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px) {
.single-use #wrapper #content article .inner h3.heading,
.single-use.postid-10792 #wrapper #content article .headingSection .inner h3.heading,
.single-use.postid-10800 #wrapper #content article .headingSection .inner h3.heading {
font-size: 16px !important;
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 768px) {
.single-use .rankingSection .inner .sectionDesc {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 768px) {
.single-use .whatis .column-r img  {
padding-bottom: 25px;
}
}
@media screen and (max-width: 768px){
.single-use .headingSection p.mt20 {
margin-top: 10px !important;
}
}
@media screen and (max-width: 768px) {
#single-shop .itemInfoSection .itemDesc {
padding-bottom: 50px;
}
#single-shop .itemInfoSection .itemDesc .mt20 {
margin-top: 10px !important;
}
#single-shop .deliveredSection .deliveredList {
width: 100%;
}
#single-shop .deliveredSection .deliveredList.slickDelivered.item5 {
width: calc(100% + 50px);
margin-left: -26px;
margin-right: auto;
}
#single-shop .shopping_form .layoutp3 tr td .ttl-item-name .itemSpec:nth-of-type(1) {
padding-top: 15px;
}
#single-shop .itemOptionSection h2.ttl {
padding-bottom: 0 !important;
}
#single-shop .deliveredSection h2.ttl,
#single-shop .relatedItemSection h2.ttl,
#single-shop .featuredItemSection h2.ttl,
#single-shop .itemReviewSection h2.ttl,
#single-shop .rankingSection h2.ttl {
padding-bottom: 25px !important;
}
#single-shop .relatedItemSection h2.ttl{
padding-bottom: 50px !important;
}
}
@media screen and (max-width: 768px) {
#single-shop .itemInfoSection .itemInfoBox .shopping_form table td.priceWrap {
padding-top: 20px !important;
}
}
@media screen and (max-width: 768px){
#single-shop .shopping_form table,
#single-shop .shopping_form tbody,
#single-shop .shopping_form tr {
display: block !important;
}
#single-shop .shopping_form table{
margin-bottom: 50px;
}
}
@media screen and (max-width: 768px) {
#single-shop section.raise h2.ttl {
font-size: 28px;
}
#single-shop section.raise h2.ttl > span.description {
font-size: 24px;
}
}
@media screen and (max-width: 768px) {
#single-shop section.raise span.mt20 {
margin-top: 10px !important; 
}
}