@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

 .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0 !important;
}
body.kazelab .slick-list {
padding: 0px 7% !important;
}
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(https://www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/css/slick_img/ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track {
-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; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { 
float: left;
height: 100%;
min-height: 1px;
display: none;
margin: 0;
padding: 0;
}
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-prev, .slick-next {
font-size: 0;
cursor: pointer;
border: none;
outline: none;
background-repeat: no-repeat;
background-size: cover;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
outline: none;
opacity: 1;
}
.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: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px; line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .slider .slick-prev {
position:absolute;
width:60px;
height:350px;
top:0;
left:0;
z-index:3;
cursor: pointer;
background:rgba(255, 255, 255, 0);
}
.slider .slick-next {
position:absolute;
width:60px;
height:350px;
top:0;
right:0;
z-index:3;
cursor: pointer;
background:rgba(255, 255, 255, 0);
}
@media (max-width:769px){
.slider .slick-prev {
height:53.125vw;
width:4vw;
}
.slider .slick-next {
height:53.125vw;
width:4vw;
}
} .slider .slick-dots {
display: none;
position: absolute;
bottom:20px;
left:50%;
list-style:none;
text-align:center;
padding: 0;
width:200px;
margin-left: -100px;
}
.slider .slick-dots li {
position: relative;
display: inline-block;
height: 20px; width: 20px;
margin: 0; padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer;
}
.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 {
position: absolute;
top: 0; left: 0;
content: "●";
width: 20px;
height: 20px;
font-family: "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
font-size:13px;
line-height:20px;
text-align:center;
color:#cccccc;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
color: #32b16c;
}body,
#brandSiteHeader p,
#brandSiteFooter p,
#brandSiteFooter ul,
#brandSiteFooter li{
margin: 0;
padding: 0;
}
body{
-webkit-text-size-adjust: none;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, '�q���M�m�p�S ProN W3', 'Hiragino Kaku Gothic ProN', '���C���I', Meiryo, '�l�r �o�S�V�b�N', 'MS PGothic', sans-serif;
}
#brandSiteHeader{
padding-bottom: 15px;
border-top: 5px solid #ffd500;
width: 100%;
min-width: 950px;
height: 75px;
text-align: center;
background: #fff;
}
#brandSiteHeader p{
margin: 0 auto;
width: 950px;
text-align: left;
}
#brandSiteHeader p img{
vertical-align: bottom;
border: 0;
}
#brandSiteFooter{
padding: 20px 0;
width: 100%;
height: 55px;
text-align: center;
background: #fff;
}
#brandSiteFooter ul{
margin: 0 auto 15px;
width: 950px;
list-style: none;
}
#brandSiteFooter ul li{
padding: 0 15px;
border-left: 1px solid #e5eaee;
font-size: 12px;
line-height: 15px;
display: inline-block;
/display: inline;
/zoom: 1;
/margin-top: 3px;
}
#brandSiteFooter ul li.brandSiteFooterLastChild{
border-right: 1px solid #e5eaee;
}
#brandSiteFooter ul li a{
color: #666;
text-decoration: none;
}
#brandSiteFooter ul li a:hover{
text-decoration: underline;
}
#brandSiteFooter p{
margin: 0 auto;
width: 950px;
color: #666;
font-size: 10px;
line-height: 12px;
}
#brandSiteFooterBnr{
padding: 20px 0 0;
background: #fff;
}
#brandSiteFooterBnr ul{
margin: 0 auto 15px;
width: 840px;
list-style: none;
}
#brandSiteFooterBnr ul li{
margin: 0 5px 10px;
display: inline-block;
}
#brandSiteFooterBnr ul li.kampoful{
padding: 0;
margin: 0 5px;
float: left;
height: 130px;
background: #6eb92b;
}
#brandSiteFooterBnr ul li.kampoful a{
display: block;
height: 130px;
}
#brandSiteFooterBnr ul li.kampoful img{
padding-top: 35px;
}/**/#brandSiteHeader-RWD{
margin-bottom: 21px;
position: relative;
width: 100%;
min-width: 950px;
height: 75px;
}
#brandSiteHeader-RWD h1 {
position: absolute;
top: 0;
left: -10px;
}
#navToggle {
display:none;
}
#brandSiteHeader-RWD p img{
vertical-align: bottom;
border: 0;
}
#brandSiteHeader-RWD .subNav {
position: absolute;
top: 7px;
left: 235px;
}
#brandSiteHeader-RWD .subNav p {
float: left;
}
#brandSiteHeader-RWD .subNav .kampo {
margin-right: 190px;
}
#brandSiteHeader-RWD .subNav .kantaibun,
#brandSiteHeader-RWD .subNav .english {
margin-right: 15px;
}
#brandSiteHeader-RWD .subNav .hantaibun,
#brandSiteHeader-RWD .subNav .kantaibun,
#brandSiteHeader-RWD .subNav .english {
padding-top: 2px;
}
#brandSiteHeader-RWD .search {
position: absolute;
top: 7px;
right: 0;
}
#brandSiteHeader-RWD .search .text {
margin-right: 4px;
padding: 0 4px;
border: solid 1px #E5EAEE;
width: 150px;
height: 20px;
line-height: 20px;
color: #999999;
}
#brandSiteHeader-RWD .search input {
vertical-align: top;
font-size: 62.5%;
}
#brandSiteHeader-RWD .globalNav {
position: absolute;
top: 40px;
left: 235px;
}
#brandSiteHeader-RWD .globalNav ul li {
float: left;
}
#brandSiteHeader-RWD .globalNav ul li,
#brandSiteHeader-RWD .globalNav ul li a {
background-repeat: no-repeat;
background-position: center top;
width: 143px;
height: 35px;
text-indent: -9999px;
}
#brandSiteHeader-RWD .globalNav ul li a {
display: block;
}
#brandSiteHeader-RWD .gNav-products,
#brandSiteHeader-RWD .gNav-products a { background-image: url(//www.kracie.co.jp/image/header/btn_products.gif); }
#brandSiteHeader-RWD .gNav-taisetsu,
#brandSiteHeader-RWD .gNav-taisetsu a { background-image: url(//www.kracie.co.jp/image/header/btn_taisetsu.gif); }
#brandSiteHeader-RWD .gNav-hint,
#brandSiteHeader-RWD .gNav-hint a { background-image: url(//www.kracie.co.jp/image/header/btn_hint.gif); }
#brandSiteHeader-RWD .gNav-soudanshitsu,
#brandSiteHeader-RWD .gNav-soudanshitsu a { background-image: url(//www.kracie.co.jp/image/header/btn_soudanshitsu.gif); }
#brandSiteHeader-RWD .gNav-company,
#brandSiteHeader-RWD .gNav-company a { background-image: url(//www.kracie.co.jp/image/header/btn_company.gif); }
#brandSiteFooter{
padding: 20px 0;
width: 100%;
height: 55px;
text-align: center;
background: #fff;
}
#brandSiteFooter ul{
margin: 0 auto 15px;
width: 950px;
list-style: none;
}
#brandSiteFooter ul li{
padding: 0 15px;
border-left: 1px solid #e5eaee;
font-size: 12px;
line-height: 15px;
display: inline-block;
/display: inline;
/zoom: 1;
/margin-top: 3px;
}
#brandSiteFooter ul li.brandSiteFooterLastChild{
border-right: 1px solid #e5eaee;
}
#brandSiteFooter ul li a{
color: #666;
text-decoration: none;
}
#brandSiteFooter ul li a:hover{
text-decoration: underline;
}
#brandSiteFooter p{
margin: 0 auto;
width: 950px;
color: #666;
font-size: 10px;
line-height: 12px;
}#brandSiteHeader{
padding-bottom: 10px;
border-top: 3px solid #ffd500;
min-width: initial;
min-width: auto;
height: 45px;
}
#brandSiteHeader p{
margin: 0 0 0 -20px;
width: auto;
}
#brandSiteHeader p img{
height: 45px;
}
#brandSiteFooter{
padding: 10px 0 0;
height: auto;
text-align: left;
}
#brandSiteFooter ul{
margin: 0;
width: auto;
border-top: 2px solid #ffd500;
}
#brandSiteFooter ul li{
padding: 0 10px;
border-left: 0;
line-height: 30px;
display: list-item;
border-bottom: 1px dotted #b2b2b2;
}
#brandSiteFooter ul li.brandSiteFooterLastChild{
border-right: 0;
}
#brandSiteFooter ul li a{
display: block;
color: #000;
height: 44px;
line-height: 44px;
overflow: hidden;
}
#brandSiteFooter ul li a.icon-pc{
background: url(//www.kracie.co.jp/ph/k-kampo/image/share/bg_spn_footer_nav.gif) no-repeat 100% 50%;
}
#brandSiteFooter p{
margin: 0;
width: auto;
color: #000;
font-size: 8px;
line-height: 32px;
height: 32px;
text-align: center;
background: #ffd500;
}
#brandSiteFooterBnr{
background: #fff;
overflow:hidden;
}
#brandSiteFooterBnr ul{
margin:0;
}
#brandSiteFooterBnr ul li{
padding: 0;
margin:0;
}
#brandSiteFooterBnr ul li.kampoful{
padding: 0;
margin: 0;
float: none;
background: #fff;
height: auto;
}
#brandSiteFooterBnr ul li.kampoful a{
display: block;
min-height: 1px;
height: 60px;
}
#brandSiteFooterBnr ul li.kampoful img{
padding-top: 0;
}
#brandSiteFooterBnr {
overflow:hidden;
}
.bxslider_wrap {
margin-left: -70%;
width: 240%;
}
.bxslider_wrap {
margin-left: -70%;
width: 240%;
}
.bx-wrapper .bx-controls-direction {
width: 100% !important;
}
.bx-wrapper .bx-controls-direction a {
margin-top: -45px;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
left: 25%;
}
.bx-wrapper .bx-controls-direction a.bx-next {
right: 25%;
} #brandSiteHeader-RWD{
margin-bottom: 5px;
padding-bottom: 10px;
border-top: 3px solid #ffd500;
min-width: initial;
min-width: auto;
height: 45px;
box-sizing: content-box !important;
}
#brandSiteHeader-RWD h1{
margin: 0;
width: auto;
}
#brandSiteHeader-RWD h1 img{
height: 45px;
}
#brandSiteHeader-RWD .subNav,
#brandSiteHeader-RWD .search {
display: none;
}
#navToggle {
display: block;
position: absolute;
right: 13px;
top: 13px;
width: 30px;
height: 25px;
cursor: pointer;
z-index: 10;
}
#navToggle div { position:relative }
#navToggle span {
display:block;
position:absolute;
width:100%;
border-bottom:solid 3px #999;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out
}
#navToggle span:nth-child(1) { top:0 }
#navToggle span:nth-child(2) { top:11px }
#navToggle span:nth-child(3) { top:22px }
#brandSiteHeader-RWD .globalNav {
position: absolute;
left: 0;
right: 0;
top: -300px;
background: rgba(255,255,255,.7);
width: 100%;
height: 0;
padding:0;
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
transition:.5s ease-in-out;
}
header ul { margin:0 }
header ul li {
display: block;
margin:0;
border-bottom: dotted 1px #fff;
line-height:3;
}
#brandSiteHeader-RWD .globalNav ul li {
border-bottom: 2px solid #fff;
}
#brandSiteHeader-RWD .globalNav ul li,
#brandSiteHeader-RWD .globalNav ul li a {
width: 100%;
height: auto;
min-width: 320px;
text-align: center;
color: #585858;
background: rgba(240,240,240,0.8);
text-indent: 0;
}
#brandSiteHeader-RWD .globalNav ul li a {
display: block;
padding: 10px;
}
#brandSiteHeader-RWD .globalNav ul li a:hover {
color: #fff;
background: #a8d200;
text-decoration: none;
}
#brandSiteHeader-RWD .globalNav ul li::after { content: '' }
#brandSiteHeader-RWD .globalNav ul li:last-child { border-bottom: none }
.openNav #navToggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg)
}
#brandSiteHeader-RWD.openNav .globalNav {
height: auto;
-moz-transform: translateY(351px);
-webkit-transform: translateY(351px);
transform: translateY(351px);
} body {
min-width: 320px;
word-wrap : break-word;
overflow-wrap : break-word;
}
#container.rwd {
width: auto;
}
#container.rwd * {
box-sizing: border-box;
}
.rwd #topicPath {
padding: 0 10px 10px;
}
.rwd #contents {
width: 100%;
padding-top: 0;
}
.rwd #mainContents_sideline {
background: none;
}
.rwd #mainContents {
width: 100%;
padding: 0 15px;
background: none;
font-size: 14px;
box-sizing: border-box;
}
.rwd #mainContents p.rwd #mainContents p {
line-height: 1.75;
}
.rwd #mainContents h2 {
width: auto;
height: auto;
background: none;
text-indent: 0;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
border-bottom: 1px solid #ffca00;
box-shadow: 0 3px 3px rgba(200,200,200,.2);
margin: 0 -15px 15px;
padding: 15px;
box-sizing: border-box;
}
.bnavi {
position: fixed;
right: 20px;
bottom: 20px;
padding: 0;
}
#container .bnavi a {
display: block;
background: url(//www.kracie.co.jp/image/share/bnav_arrow.png) no-repeat 50% 50% rgba(0,0,0,.25);
background-size: 20px auto;
text-indent: -999em;
text-align: left;
border-radius: 6px;
height: 50px;
width: 50px;
box-sizing: border-box;
}
.hidden-sp { display: none; } .lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.lightSlider:before, .lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform,height;
transition-property: transform,height;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}  .lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}  .lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url(//www.kracie.co.jp/image/controls.png);
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
} .lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
} .lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}  .lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
} @-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}/*/*/.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}body {
margin: 0;
padding: 0;
text-align: center;
border: 0;
} .clearfix:after {
content:"";
display:block;
height:0;
clear:both;
visibility: hidden;
}
.clearfix {
display:inline-block;
}/*\*/* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}/**/.brandSiteHeader {
border-bottom: 4px solid #ffd500;
height: 94px;
position: relative;
}
.brandSiteHeader::after {
content: '';
display: table;
clear: both
}
.brandSiteHeader .inner {
margin: 0 auto;
padding: 0 20px;
max-width: 950px;
position: relative;
}
.brandSiteHeader .inner::after {
content: '';
display: table;
clear: both
}
.brandSiteHeader .logo {
float: left;
margin: 0!important;
padding: 0!important;
}
.brandSiteHeader .logo img {
max-width: 142.36px;
vertical-align: bottom;
}
.brandSiteHeader .ph-logo {
float: right;
margin-bottom: 0!important;
padding: 0!important;
}
.brandSiteHeader .ph-logo img{
max-width: 180px;
vertical-align: bottom;
}
.brandSiteHeader .Kampoful-Life {
margin: 0;
padding: 0;
position: absolute;
top: 15px;
right: 20px;
width: 200px;
height: 25px;
background: url(//www.kracie.co.jp/image/share/bnnr_KampofulLife_header.jpg) left top no-repeat;
text-indent: -9999em;
overflow: hidden;
}
.brandSiteHeader .Kampoful-Life a {display: block;width: 200px;height: 25px;outline: none;} .m-sp {
display:none
}
.brandSiteFooter {
border-top: 1px solid #f4eed3;
max-height: 999999px;
}
.brandSiteFooter .link {
padding: 30px 0 30px;
text-align: center;
color: #fff;
background: #292929
}
.brandSiteFooter .link a {
color: #fff;
}
.brandSiteFooter a {
text-decoration: none;
}
.brandSiteFooter a:hover {
text-decoration:  underline;
}
.brandSiteFooter .link .policy {
margin-bottom: 20px;
font-size: 14px;
font-size: .875rem;
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.brandSiteFooter .link .policy li {
padding: 0 15px;
border-right: 1px solid #fff;
list-style: none;
font-size: 1.1rem;
}
.brandSiteFooter .link .policy li:last-child {
border-right: 0
}
.brandSiteFooter p.copyright {
font-size: 1.1rem;
} @media screen and (max-width: 640px){
body,html {
overflow-x: hidden;
}
* {
box-sizing: border-box;
}
.brandSiteHeader {
border-bottom: 2px solid #ffd500;
height: 43px;
background: #fff;
}
.brandSiteHeader .inner {
padding: 0;
}
.brandSiteHeader .logo {
float: left;
margin-top: 0px!important;
height: 43px;
width: 70.11px;
}
.brandSiteHeader .logo img {
height: 43px;
margin-left: 5px;
vertical-align: middle;
}
.brandSiteHeader .ph-logo {
float: right;
margin-top: 0px!important;
height: 43px; }
.brandSiteHeader .ph-logo img {
height: 43px;
margin-right: 5px;
vertical-align: middle;
padding-bottom: 2px;
}
.brandSiteHeader .Kampoful-Life {
top: 8px;
} .m-sp {
display:block
}
.brandSiteFooter {
border-top: 1px solid #f4eed3;
max-height: 999999px;
margin-top: 20px;
}
.brandSiteFooter .link {
padding: 30px 0 30px;
text-align: center;
color: #fff;
background: #292929;
}
.brandSiteFooter a {
text-decoration: none;
}
.brandSiteFooter a:hover {
text-decoration:  underline;
}
.brandSiteFooter .link {
border-top:2px solid #ffd500;
padding: 0;
background: #fff;
}
.brandSiteFooter .link a {
color: #333;
}
.brandSiteFooter .link .policy {
margin-bottom:0;
display: block;
padding: 0;
}
.brandSiteFooter .link .policy li {
text-align:left;
padding: 0;
border-right: 0;
border-bottom: 1px solid #ececec;
margin: 0;
}
.brandSiteFooter .link .policy li a {
padding: 15px 20px;
display: block;
}
.brandSiteFooter .link .copyright {
padding:10px 0;
background: #292929;
font-size: 10px;
margin: 0;
}
} .brandSiteHeader .logo {
max-width: 180px;
}
.brandSiteHeader .logo img {
display: block;
max-width: 180px;
height: 94px;
object-fit: contain;
object-position: center;
}
@media screen and (max-width: 980px) {
.brandSiteHeader .logo img {
max-width: 180px !important;
height: 94px !important;
}
}
@media screen and (max-width: 768px) {
.brandSiteHeader .logo img {
max-width: 180px !important;
height: 94px !important;
}
}
@media screen and (max-width: 640px) {
.brandSiteHeader .logo {
width: 120px;
max-width: 120px !important;
height: 43px !important;
}
.brandSiteHeader .logo img {
max-width: 120px !important;
height: 43px !important;
margin-left: 10px;
}
}
 .brandSiteHeader{
box-sizing: content-box;
}
.brandSiteHeader .ph-logo{
margin: 0!important;
font-size: inherit!important;
font-weight: normal!important;
position: absolute;
top: 50%;
right: 20px;
transform: translate(0,-50%);
}
.brandSiteHeader .ph-logo a{
display: block;
}
@media screen and (max-width: 640px){
.brandSiteHeader .ph-logo{
right: 0;
}
}
.is_pc {display:block!important;}
.is_sp {display:none!important;}
@media (max-width:769px){
.is_pc {display:none!important;}
.is_sp {display:block!important;}
}
@media screen and (max-width: 640px){
.brandSiteHeader .logo {
margin-top: 12px;
margin-left: -5px;
}
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}th,td{padding:0}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:normal}fieldset,img,object{border:0;vertical-align:bottom}img{font-size:0;line-height:0;-ms-interpolation-mode:bicubic}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}ul{list-style-type:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}
article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
body{
background-color:#fff;
color:#555;
font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,verdana,sans-serif;
font-size:14px;
}
body *{line-height:1.5}*{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga", "kern"}
.f08{font-size:57% !important}.f09{font-size:64% !important}.f10{font-size:72% !important}.f11{font-size:79% !important}.f12{font-size:86% !important}.f13{font-size:93% !important}.f14{font-size:100% !important}.f15{font-size:108% !important}.f16{font-size:115% !important}.f17{font-size:122% !important}.f18{font-size:129% !important}.f19{font-size:136% !important}.f20{font-size:143% !important}.f21{font-size:150% !important}.f22{font-size:158% !important}.f23{font-size:165% !important}.f24{font-size:172% !important}.f25{font-size:179% !important}.f26{font-size:186% !important}.f27{font-size:193% !important}.f28{font-size:200% !important}.f29{font-size:224% !important}.f30{font-size:214% !important}.f31{font-size:221% !important}.f32{font-size:229% !important}.f33{font-size:236% !important}.f34{font-size:243% !important}.f35{font-size:250% !important}.f36{font-size:257% !important}.f37{font-size:264% !important}.f38{font-size:271% !important}.f39{font-size:279% !important}.f40{font-size:256% !important}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clr{content:" ";clear:both;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;border:0;padding:0;font-size:0;line-height:0}.f-left{float:left}.f-right{float:right}.t-left{text-align:left !important}.t-center{text-align:center !important}.t-right{text-align:right !important}.v-top{vertical-align:top !important}.v-middle{vertical-align:middle !important}.v-bottom{vertical-align:bottom !important}table.t-left th,table.t-left td,thead.t-left tr th,thead.t-left tr td,tbody.t-left tr th,tbody.t-left tr td,tr.t-left th,tr.t-left td{text-align:left !important}table.t-left th.t-left,table.t-left td.t-left,thead.t-left tr th.t-left,thead.t-left tr td.t-left,tbody.t-left tr th.t-left,tbody.t-left tr td.t-left,tr.t-left th.t-left,tr.t-left td.t-left{text-align:left !important}table.t-left th.t-center,table.t-left td.t-center,thead.t-left tr th.t-center,thead.t-left tr td.t-center,tbody.t-left tr th.t-center,tbody.t-left tr td.t-center,tr.t-left th.t-center,tr.t-left td.t-center{text-align:center !important}table.t-left th.t-right,table.t-left td.t-right,thead.t-left tr th.t-right,thead.t-left tr td.t-right,tbody.t-left tr th.t-right,tbody.t-left tr td.t-right,tr.t-left th.t-right,tr.t-left td.t-right{text-align:right !important}table.t-center th,table.t-center td,thead.t-center tr th,thead.t-center tr td,tbody.t-center tr th,tbody.t-center tr td,tr.t-center th,tr.t-center td{text-align:center !important}table.t-center th.t-left,table.t-center td.t-left,thead.t-center tr th.t-left,thead.t-center tr td.t-left,tbody.t-center tr th.t-left,tbody.t-center tr td.t-left,tr.t-center th.t-left,tr.t-center td.t-left{text-align:left !important}table.t-center th.t-center,table.t-center td.t-center,thead.t-center tr th.t-center,thead.t-center tr td.t-center,tbody.t-center tr th.t-center,tbody.t-center tr td.t-center,tr.t-center th.t-center,tr.t-center td.t-center{text-align:center !important}table.t-center th.t-right,table.t-center td.t-right,thead.t-center tr th.t-right,thead.t-center tr td.t-right,tbody.t-center tr th.t-right,tbody.t-center tr td.t-right,tr.t-center th.t-right,tr.t-center td.t-right{text-align:right !important}table.t-right th,table.t-right td,thead.t-right tr th,thead.t-right tr td,tbody.t-right tr th,tbody.t-right tr td,tr.t-right th,tr.t-right td{text-align:right !important}table.t-right th.t-left,table.t-right td.t-left,thead.t-right tr th.t-left,thead.t-right tr td.t-left,tbody.t-right tr th.t-left,tbody.t-right tr td.t-left,tr.t-right th.t-left,tr.t-right td.t-left{text-align:left !important}table.t-right th.t-center,table.t-right td.t-center,thead.t-right tr th.t-center,thead.t-right tr td.t-center,tbody.t-right tr th.t-center,tbody.t-right tr td.t-center,tr.t-right th.t-center,tr.t-right td.t-center{text-align:center !important}table.t-right th.t-right,table.t-right td.t-right,thead.t-right tr th.t-right,thead.t-right tr td.t-right,tbody.t-right tr th.t-right,tbody.t-right tr td.t-right,tr.t-right th.t-right,tr.t-right td.t-right{text-align:right !important}table.v-top th,table.v-top td,thead.v-top tr th,thead.v-top tr td,tbody.v-top tr th,tbody.v-top tr td,tr.v-top th,tr.v-top td{vertical-align:top !important}table.v-top th.v-top,table.v-top td.v-top,thead.v-top tr th.v-top,thead.v-top tr td.v-top,tbody.v-top tr th.v-top,tbody.v-top tr td.v-top,tr.v-top th.v-top,tr.v-top td.v-top{vertical-align:top !important}table.v-top th.v-middle,table.v-top td.v-middle,thead.v-top tr th.v-middle,thead.v-top tr td.v-middle,tbody.v-top tr th.v-middle,tbody.v-top tr td.v-middle,tr.v-top th.v-middle,tr.v-top td.v-middle{vertical-align:middle !important}table.v-top th.v-bottom,table.v-top td.v-bottom,thead.v-top tr th.v-bottom,thead.v-top tr td.v-bottom,tbody.v-top tr th.v-bottom,tbody.v-top tr td.v-bottom,tr.v-top th.v-bottom,tr.v-top td.v-bottom{vertical-align:bottom !important}table.v-middle th,table.v-middle td,thead.v-middle tr th,thead.v-middle tr td,tbody.v-middle tr th,tbody.v-middle tr td,tr.v-middle th,tr.v-middle td{vertical-align:middle !important}table.v-middle th.v-top,table.v-middle td.v-top,thead.v-middle tr th.v-top,thead.v-middle tr td.v-top,tbody.v-middle tr th.v-top,tbody.v-middle tr td.v-top,tr.v-middle th.v-top,tr.v-middle td.v-top{vertical-align:top !important}table.v-middle th.v-middle,table.v-middle td.v-middle,thead.v-middle tr th.v-middle,thead.v-middle tr td.v-middle,tbody.v-middle tr th.v-middle,tbody.v-middle tr td.v-middle,tr.v-middle th.v-middle,tr.v-middle td.v-middle{vertical-align:middle !important}table.v-middle th.v-bottom,table.v-middle td.v-bottom,thead.v-middle tr th.v-bottom,thead.v-middle tr td.v-bottom,tbody.v-middle tr th.v-bottom,tbody.v-middle tr td.v-bottom,tr.v-middle th.v-bottom,tr.v-middle td.v-bottom{vertical-align:bottom !important}table.v-bottom th,table.v-bottom td,thead.v-bottom tr th,thead.v-bottom tr td,tbody.v-bottom tr th,tbody.v-bottom tr td,tr.v-bottom th,tr.v-bottom td{vertical-align:bottom !important}table.v-bottom th.v-top,table.v-bottom td.v-top,thead.v-bottom tr th.v-top,thead.v-bottom tr td.v-top,tbody.v-bottom tr th.v-top,tbody.v-bottom tr td.v-top,tr.v-bottom th.v-top,tr.v-bottom td.v-top{vertical-align:top !important}table.v-bottom th.v-middle,table.v-bottom td.v-middle,thead.v-bottom tr th.v-middle,thead.v-bottom tr td.v-middle,tbody.v-bottom tr th.v-middle,tbody.v-bottom tr td.v-middle,tr.v-bottom th.v-middle,tr.v-bottom td.v-middle{vertical-align:middle !important}
table.v-bottom th.v-bottom,table.v-bottom td.v-bottom,thead.v-bottom tr th.v-bottom,thead.v-bottom tr td.v-bottom,tbody.v-bottom tr th.v-bottom,tbody.v-bottom tr td.v-bottom,tr.v-bottom th.v-bottom,tr.v-bottom td.v-bottom{vertical-align:bottom !important}
.mt00{margin-top:0 !important}.mt01{margin-top:1px !important}.mt02{margin-top:2px !important}.mt03{margin-top:3px !important}.mt04{margin-top:4px !important}.mt05{margin-top:5px !important}.mt06{margin-top:6px !important}.mt07{margin-top:7px !important}.mt08{margin-top:8px !important}.mt09{margin-top:9px !important}.mt10{margin-top:10px !important}.mt11{margin-top:11px !important}.mt12{margin-top:12px !important}.mt13{margin-top:13px !important}.mt14{margin-top:14px !important}.mt15{margin-top:15px !important}.mt16{margin-top:16px !important}.mt17{margin-top:17px !important}.mt18{margin-top:18px !important}
.mt19{margin-top:19px !important}.mt20{margin-top:20px !important}.mt24{margin-top:24px !important}.mt25{margin-top:25px !important}.mt28{margin-top:28px !important}.mt30{margin-top:30px !important}.mt32{margin-top:32px !important}.mt35{margin-top:35px !important}.mt36{margin-top:36px !important}.mt40{margin-top:40px !important}.mt44{margin-top:44px !important}.mt45{margin-top:45px !important}.mt48{margin-top:48px !important}.mt50{margin-top:50px !important}.mt52{margin-top:52px !important}.mt55{margin-top:55px !important}.mt56{margin-top:56px !important}.mt60{margin-top:60px !important}.mt65{margin-top:65px !important}.mt70{margin-top:70px !important}.mt75{margin-top:75px !important}.mt80{margin-top:80px !important}.mt85{margin-top:85px !important}.mb00{margin-bottom:0 !important}.mb01{margin-bottom:1px !important}.mb02{margin-bottom:2px !important}.mb03{margin-bottom:3px !important}.mb04{margin-bottom:4px !important}.mb05{margin-bottom:5px !important}.mb06{margin-bottom:6px !important}.mb07{margin-bottom:7px !important}.mb08{margin-bottom:8px !important}.mb09{margin-bottom:9px !important}.mb10{margin-bottom:10px !important}.mb11{margin-bottom:11px !important}.mb12{margin-bottom:12px !important}.mb13{margin-bottom:13px !important}.mb14{margin-bottom:14px !important}.mb15{margin-bottom:15px !important}.mb16{margin-bottom:16px !important}.mb17{margin-bottom:17px !important}.mb18{margin-bottom:18px !important}.mb19{margin-bottom:19px !important}.mb20{margin-bottom:20px !important}.mb24{margin-bottom:24px !important}.mb25{margin-bottom:25px !important}.mb28{margin-bottom:28px !important}.mb30{margin-bottom:30px !important}.mb32{margin-bottom:32px !important}.mb35{margin-bottom:35px !important}.mb36{margin-bottom:36px !important}.mb40{margin-bottom:40px !important}.mb44{margin-bottom:44px !important}.mb45{margin-bottom:45px !important}.mb48{margin-bottom:48px !important}.mb50{margin-bottom:50px !important}.mb52{margin-bottom:52px !important}.mb55{margin-bottom:55px !important}.mb56{margin-bottom:56px !important}.mb60{margin-bottom:60px !important}.mb65{margin-bottom:65px !important}.mb70{margin-bottom:70px !important}.mb75{margin-bottom:75px !important}.mb80{margin-bottom:80px !important}.mb85{margin-bottom:85px !important}.pt00{padding-top:0 !important}.pt01{padding-top:1px !important}.pt02{padding-top:2px !important}.pt03{padding-top:3px !important}.pt04{padding-top:4px !important}.pt05{padding-top:5px !important}.pt06{padding-top:6px !important}.pt07{padding-top:7px !important}.pt08{padding-top:8px !important}.pt09{padding-top:9px !important}.pt10{padding-top:10px !important}.pt11{padding-top:11px !important}.pt12{padding-top:12px !important}.pt13{padding-top:13px !important}.pt14{padding-top:14px !important}.pt15{padding-top:15px !important}.pt16{padding-top:16px !important}.pt17{padding-top:17px !important}.pt18{padding-top:18px !important}.pt19{padding-top:19px !important}.pt20{padding-top:20px !important}.pt24{padding-top:24px !important}.pt25{padding-top:25px !important}.pt28{padding-top:28px !important}.pt30{padding-top:30px !important}.pt32{padding-top:32px !important}.pt35{padding-top:35px !important}.pt36{padding-top:36px !important}.pt40{padding-top:40px !important}.pt44{padding-top:44px !important}.pt45{padding-top:45px !important}.pt48{padding-top:48px !important}.pt50{padding-top:50px !important}.pt52{padding-top:52px !important}.pt55{padding-top:55px !important}.pt56{padding-top:56px !important}.pt60{padding-top:60px !important}.pt65{padding-top:65px !important}.pt70{padding-top:70px !important}.pt75{padding-top:75px !important}.pt80{padding-top:80px !important}.pt85{padding-top:85px !important}.pb00{padding-bottom:0 !important}.pb01{padding-bottom:1px !important}.pb02{padding-bottom:2px !important}.pb03{padding-bottom:3px !important}.pb04{padding-bottom:4px !important}
.pb05{padding-bottom:5px !important}.pb06{padding-bottom:6px !important}.pb07{padding-bottom:7px !important}.pb08{padding-bottom:8px !important}.pb09{padding-bottom:9px !important}.pb10{padding-bottom:10px !important}.pb11{padding-bottom:11px !important}.pb12{padding-bottom:12px !important}.pb13{padding-bottom:13px !important}.pb14{padding-bottom:14px !important}.pb15{padding-bottom:15px !important}.pb16{padding-bottom:16px !important}.pb17{padding-bottom:17px !important}.pb18{padding-bottom:18px !important}.pb19{padding-bottom:19px !important}.pb20{padding-bottom:20px !important}.pb24{padding-bottom:24px !important}.pb25{padding-bottom:25px !important}.pb28{padding-bottom:28px !important}.pb30{padding-bottom:30px !important}.pb32{padding-bottom:32px !important}.pb35{padding-bottom:35px !important}.pb36{padding-bottom:36px !important}.pb40{padding-bottom:40px !important}.pb44{padding-bottom:44px !important}.pb45{padding-bottom:45px !important}.pb48{padding-bottom:48px !important}.pb50{padding-bottom:50px !important}.pb52{padding-bottom:52px !important}.pb55{padding-bottom:55px !important}.pb56{padding-bottom:56px !important}.pb60{padding-bottom:60px !important}.pb65{padding-bottom:65px !important}.pb70{padding-bottom:70px !important}.pb75{padding-bottom:75px !important}.pb80{padding-bottom:80px !important}.pb85{padding-bottom:85px !important}table th.w-auto,table td.w-auto{width:auto !important}table.w-auto>tr>th,table.w-auto>tr>td,table.w-auto>thead>tr>th,table.w-auto>thead>tr>td,table.w-auto>tbody>tr>th,table.w-auto>tbody>tr>td,table thead.w-auto>tr>th,table thead.w-auto>tr>td,table tbody.w-auto>tr>th,table tbody.w-auto>tr>td,table tr.w-auto>th,table tr.w-auto>td{width:auto}table th.w10,table td.w10{width:10px !important}table.w10>tr>th,table.w10>tr>td,table.w10>thead>tr>th,table.w10>thead>tr>td,table.w10>tbody>tr>th,table.w10>tbody>tr>td,table thead.w10>tr>th,table thead.w10>tr>td,table tbody.w10>tr>th,table tbody.w10>tr>td,table tr.w10>th,table tr.w10>td{width:10px}table th.w15,table td.w15{width:15px !important}table.w15>tr>th,table.w15>tr>td,table.w15>thead>tr>th,table.w15>thead>tr>td,table.w15>tbody>tr>th,table.w15>tbody>tr>td,table thead.w15>tr>th,table thead.w15>tr>td,table tbody.w15>tr>th,table tbody.w15>tr>td,table tr.w15>th,table tr.w15>td{width:15px}table th.w20,table td.w20{width:20px !important}table.w20>tr>th,table.w20>tr>td,table.w20>thead>tr>th,table.w20>thead>tr>td,table.w20>tbody>tr>th,table.w20>tbody>tr>td,table thead.w20>tr>th,table thead.w20>tr>td,table tbody.w20>tr>th,table tbody.w20>tr>td,table tr.w20>th,table tr.w20>td{width:20px}table th.w25,table td.w25{width:25px !important}table.w25>tr>th,table.w25>tr>td,table.w25>thead>tr>th,table.w25>thead>tr>td,table.w25>tbody>tr>th,table.w25>tbody>tr>td,table thead.w25>tr>th,table thead.w25>tr>td,table tbody.w25>tr>th,table tbody.w25>tr>td,table tr.w25>th,table tr.w25>td{width:25px}table th.w30,table td.w30{width:30px !important}table.w30>tr>th,table.w30>tr>td,table.w30>thead>tr>th,table.w30>thead>tr>td,table.w30>tbody>tr>th,table.w30>tbody>tr>td,table thead.w30>tr>th,table thead.w30>tr>td,table tbody.w30>tr>th,table tbody.w30>tr>td,table tr.w30>th,table tr.w30>td{width:30px}table th.w35,table td.w35{width:35px !important}table.w35>tr>th,table.w35>tr>td,table.w35>thead>tr>th,table.w35>thead>tr>td,table.w35>tbody>tr>th,table.w35>tbody>tr>td,table thead.w35>tr>th,table thead.w35>tr>td,table tbody.w35>tr>th,table tbody.w35>tr>td,table tr.w35>th,table tr.w35>td{width:35px}table th.w40,table td.w40{width:40px !important}table.w40>tr>th,table.w40>tr>td,table.w40>thead>tr>th,table.w40>thead>tr>td,table.w40>tbody>tr>th,table.w40>tbody>tr>td,table thead.w40>tr>th,table thead.w40>tr>td,table tbody.w40>tr>th,table tbody.w40>tr>td,table tr.w40>th,table tr.w40>td{width:40px}table th.w45,table td.w45{width:45px !important}table.w45>tr>th,table.w45>tr>td,table.w45>thead>tr>th,table.w45>thead>tr>td,table.w45>tbody>tr>th,table.w45>tbody>tr>td,table thead.w45>tr>th,table thead.w45>tr>td,table tbody.w45>tr>th,table tbody.w45>tr>td,table tr.w45>th,table tr.w45>td{width:45px}table th.w50,table td.w50{width:50px !important}table.w50>tr>th,table.w50>tr>td,table.w50>thead>tr>th,table.w50>thead>tr>td,table.w50>tbody>tr>th,table.w50>tbody>tr>td,table thead.w50>tr>th,table thead.w50>tr>td,table tbody.w50>tr>th,table tbody.w50>tr>td,table tr.w50>th,table tr.w50>td{width:50px}table th.w55,table td.w55{width:55px !important}table.w55>tr>th,table.w55>tr>td,table.w55>thead>tr>th,table.w55>thead>tr>td,table.w55>tbody>tr>th,table.w55>tbody>tr>td,table thead.w55>tr>th,table thead.w55>tr>td,table tbody.w55>tr>th,table tbody.w55>tr>td,table tr.w55>th,table tr.w55>td{width:55px}table th.w60,table td.w60{width:60px !important}table.w60>tr>th,table.w60>tr>td,table.w60>thead>tr>th,table.w60>thead>tr>td,table.w60>tbody>tr>th,table.w60>tbody>tr>td,table thead.w60>tr>th,table thead.w60>tr>td,table tbody.w60>tr>th,table tbody.w60>tr>td,table tr.w60>th,table tr.w60>td{width:60px}table th.w65,table td.w65{width:65px !important}table.w65>tr>th,table.w65>tr>td,table.w65>thead>tr>th,table.w65>thead>tr>td,table.w65>tbody>tr>th,table.w65>tbody>tr>td,table thead.w65>tr>th,table thead.w65>tr>td,table tbody.w65>tr>th,table tbody.w65>tr>td,table tr.w65>th,table tr.w65>td{width:65px}table th.w70,table td.w70{width:70px !important}table.w70>tr>th,table.w70>tr>td,table.w70>thead>tr>th,table.w70>thead>tr>td,table.w70>tbody>tr>th,table.w70>tbody>tr>td,table thead.w70>tr>th,table thead.w70>tr>td,table tbody.w70>tr>th,table tbody.w70>tr>td,table tr.w70>th,table tr.w70>td{width:70px}table th.w75,table td.w75{width:75px !important}table.w75>tr>th,table.w75>tr>td,table.w75>thead>tr>th,table.w75>thead>tr>td,table.w75>tbody>tr>th,table.w75>tbody>tr>td,table thead.w75>tr>th,table thead.w75>tr>td,table tbody.w75>tr>th,table tbody.w75>tr>td,table tr.w75>th,table tr.w75>td{width:75px}table th.w80,table td.w80{width:80px !important}table.w80>tr>th,table.w80>tr>td,table.w80>thead>tr>th,table.w80>thead>tr>td,table.w80>tbody>tr>th,table.w80>tbody>tr>td,table thead.w80>tr>th,table thead.w80>tr>td,table tbody.w80>tr>th,table tbody.w80>tr>td,table tr.w80>th,table tr.w80>td{width:80px}table th.w85,table td.w85{width:85px !important}table.w85>tr>th,table.w85>tr>td,table.w85>thead>tr>th,table.w85>thead>tr>td,table.w85>tbody>tr>th,table.w85>tbody>tr>td,table thead.w85>tr>th,table thead.w85>tr>td,table tbody.w85>tr>th,table tbody.w85>tr>td,table tr.w85>th,table tr.w85>td{width:85px}table th.w90,table td.w90{width:90px !important}table.w90>tr>th,table.w90>tr>td,table.w90>thead>tr>th,table.w90>thead>tr>td,table.w90>tbody>tr>th,table.w90>tbody>tr>td,table thead.w90>tr>th,table thead.w90>tr>td,table tbody.w90>tr>th,table tbody.w90>tr>td,table tr.w90>th,table tr.w90>td{width:90px}table th.w95,table td.w95{width:95px !important}table.w95>tr>th,table.w95>tr>td,table.w95>thead>tr>th,table.w95>thead>tr>td,table.w95>tbody>tr>th,table.w95>tbody>tr>td,table thead.w95>tr>th,table thead.w95>tr>td,table tbody.w95>tr>th,table tbody.w95>tr>td,table tr.w95>th,table tr.w95>td{width:95px}table th.w100,table td.w100{width:100px !important}table.w100>tr>th,table.w100>tr>td,table.w100>thead>tr>th,table.w100>thead>tr>td,table.w100>tbody>tr>th,table.w100>tbody>tr>td,table thead.w100>tr>th,table thead.w100>tr>td,table tbody.w100>tr>th,table tbody.w100>tr>td,table tr.w100>th,table tr.w100>td{width:100px}table th.w105,table td.w105{width:105px !important}table.w105>tr>th,table.w105>tr>td,table.w105>thead>tr>th,table.w105>thead>tr>td,table.w105>tbody>tr>th,table.w105>tbody>tr>td,table thead.w105>tr>th,table thead.w105>tr>td,table tbody.w105>tr>th,table tbody.w105>tr>td,table tr.w105>th,table tr.w105>td{width:105px}table th.w110,table td.w110{width:110px !important}table.w110>tr>th,table.w110>tr>td,table.w110>thead>tr>th,table.w110>thead>tr>td,table.w110>tbody>tr>th,table.w110>tbody>tr>td,table thead.w110>tr>th,table thead.w110>tr>td,table tbody.w110>tr>th,table tbody.w110>tr>td,table tr.w110>th,table tr.w110>td{width:110px}table th.w115,table td.w115{width:115px !important}table.w115>tr>th,table.w115>tr>td,table.w115>thead>tr>th,table.w115>thead>tr>td,table.w115>tbody>tr>th,table.w115>tbody>tr>td,table thead.w115>tr>th,table thead.w115>tr>td,table tbody.w115>tr>th,table tbody.w115>tr>td,table tr.w115>th,table tr.w115>td{width:115px}table th.w120,table td.w120{width:120px !important}table.w120>tr>th,table.w120>tr>td,table.w120>thead>tr>th,table.w120>thead>tr>td,table.w120>tbody>tr>th,table.w120>tbody>tr>td,table thead.w120>tr>th,table thead.w120>tr>td,table tbody.w120>tr>th,table tbody.w120>tr>td,table tr.w120>th,table tr.w120>td{width:120px}table th.w125,table td.w125{width:125px !important}table.w125>tr>th,table.w125>tr>td,table.w125>thead>tr>th,table.w125>thead>tr>td,table.w125>tbody>tr>th,table.w125>tbody>tr>td,table thead.w125>tr>th,table thead.w125>tr>td,table tbody.w125>tr>th,table tbody.w125>tr>td,table tr.w125>th,table tr.w125>td{width:125px}table th.w130,table td.w130{width:130px !important}table.w130>tr>th,table.w130>tr>td,table.w130>thead>tr>th,table.w130>thead>tr>td,table.w130>tbody>tr>th,table.w130>tbody>tr>td,table thead.w130>tr>th,table thead.w130>tr>td,table tbody.w130>tr>th,table tbody.w130>tr>td,table tr.w130>th,table tr.w130>td{width:130px}table th.w135,table td.w135{width:135px !important}table.w135>tr>th,table.w135>tr>td,table.w135>thead>tr>th,table.w135>thead>tr>td,table.w135>tbody>tr>th,table.w135>tbody>tr>td,table thead.w135>tr>th,table thead.w135>tr>td,table tbody.w135>tr>th,table tbody.w135>tr>td,table tr.w135>th,table tr.w135>td{width:135px}table th.w140,table td.w140{width:140px !important}table.w140>tr>th,table.w140>tr>td,table.w140>thead>tr>th,table.w140>thead>tr>td,table.w140>tbody>tr>th,table.w140>tbody>tr>td,table thead.w140>tr>th,table thead.w140>tr>td,table tbody.w140>tr>th,table tbody.w140>tr>td,table tr.w140>th,table tr.w140>td{width:140px}
table th.w145,table td.w145{width:145px !important}table.w145>tr>th,table.w145>tr>td,table.w145>thead>tr>th,table.w145>thead>tr>td,table.w145>tbody>tr>th,table.w145>tbody>tr>td,table thead.w145>tr>th,table thead.w145>tr>td,table tbody.w145>tr>th,table tbody.w145>tr>td,table tr.w145>th,table tr.w145>td{width:145px}table th.w150,table td.w150{width:150px !important}table.w150>tr>th,table.w150>tr>td,table.w150>thead>tr>th,table.w150>thead>tr>td,table.w150>tbody>tr>th,table.w150>tbody>tr>td,table thead.w150>tr>th,table thead.w150>tr>td,table tbody.w150>tr>th,table tbody.w150>tr>td,table tr.w150>th,table tr.w150>td{width:150px}table th.w155,table td.w155{width:155px !important}table.w155>tr>th,table.w155>tr>td,table.w155>thead>tr>th,table.w155>thead>tr>td,table.w155>tbody>tr>th,table.w155>tbody>tr>td,table thead.w155>tr>th,table thead.w155>tr>td,table tbody.w155>tr>th,table tbody.w155>tr>td,table tr.w155>th,table tr.w155>td{width:155px}table th.w160,table td.w160{width:160px !important}table.w160>tr>th,table.w160>tr>td,table.w160>thead>tr>th,table.w160>thead>tr>td,table.w160>tbody>tr>th,table.w160>tbody>tr>td,table thead.w160>tr>th,table thead.w160>tr>td,table tbody.w160>tr>th,table tbody.w160>tr>td,table tr.w160>th,table tr.w160>td{width:160px}table th.w165,table td.w165{width:165px !important}table.w165>tr>th,table.w165>tr>td,table.w165>thead>tr>th,table.w165>thead>tr>td,table.w165>tbody>tr>th,table.w165>tbody>tr>td,table thead.w165>tr>th,table thead.w165>tr>td,table tbody.w165>tr>th,table tbody.w165>tr>td,table tr.w165>th,table tr.w165>td{width:165px}table th.w170,table td.w170{width:170px !important}table.w170>tr>th,table.w170>tr>td,table.w170>thead>tr>th,table.w170>thead>tr>td,table.w170>tbody>tr>th,table.w170>tbody>tr>td,table thead.w170>tr>th,table thead.w170>tr>td,table tbody.w170>tr>th,table tbody.w170>tr>td,table tr.w170>th,table tr.w170>td{width:170px}table th.w175,table td.w175{width:175px !important}table.w175>tr>th,table.w175>tr>td,table.w175>thead>tr>th,table.w175>thead>tr>td,table.w175>tbody>tr>th,table.w175>tbody>tr>td,table thead.w175>tr>th,table thead.w175>tr>td,table tbody.w175>tr>th,table tbody.w175>tr>td,table tr.w175>th,table tr.w175>td{width:175px}table th.w180,table td.w180{width:180px !important}table.w180>tr>th,table.w180>tr>td,table.w180>thead>tr>th,table.w180>thead>tr>td,table.w180>tbody>tr>th,table.w180>tbody>tr>td,table thead.w180>tr>th,table thead.w180>tr>td,table tbody.w180>tr>th,table tbody.w180>tr>td,table tr.w180>th,table tr.w180>td{width:180px}table th.w185,table td.w185{width:185px !important}table.w185>tr>th,table.w185>tr>td,table.w185>thead>tr>th,table.w185>thead>tr>td,table.w185>tbody>tr>th,table.w185>tbody>tr>td,table thead.w185>tr>th,table thead.w185>tr>td,table tbody.w185>tr>th,table tbody.w185>tr>td,table tr.w185>th,table tr.w185>td{width:185px}table th.w190,table td.w190{width:190px !important}table.w190>tr>th,table.w190>tr>td,table.w190>thead>tr>th,table.w190>thead>tr>td,table.w190>tbody>tr>th,table.w190>tbody>tr>td,table thead.w190>tr>th,table thead.w190>tr>td,table tbody.w190>tr>th,table tbody.w190>tr>td,table tr.w190>th,table tr.w190>td{width:190px}table th.w195,table td.w195{width:195px !important}table.w195>tr>th,table.w195>tr>td,table.w195>thead>tr>th,table.w195>thead>tr>td,table.w195>tbody>tr>th,table.w195>tbody>tr>td,table thead.w195>tr>th,table thead.w195>tr>td,table tbody.w195>tr>th,table tbody.w195>tr>td,table tr.w195>th,table tr.w195>td{width:195px}table th.w200,table td.w200{width:200px !important}table.w200>tr>th,table.w200>tr>td,table.w200>thead>tr>th,table.w200>thead>tr>td,table.w200>tbody>tr>th,table.w200>tbody>tr>td,table thead.w200>tr>th,table thead.w200>tr>td,table tbody.w200>tr>th,table tbody.w200>tr>td,table tr.w200>th,table tr.w200>td{width:200px}
.bold{font-weight:bold}.italic{font-style:italic}.nowrap{white-space:nowrap}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#skiplinkSec,#headAnc,#naviAnc,#mainAnc,#endMainAnc{display:none}.show{display:block}.hide{display:none}.visible{max-height:99999px;visibility:visible;overflow:visible;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.hidden{max-height:0;visibility:hidden;overflow:hidden;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0} .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/css/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/css/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/css/blank.gif);-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:hidden !important;width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/css/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,0.8)}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/css/fancybox_sprite@2x.png);-webkit-background-size:44px 152px;background-size:44px 152px}
#fancybox-loading div{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/css/fancybox_loading@2x.gif);-webkit-background-size:24px 24px;background-size:24px 24px}
}
.mod-intro{
position:relative;
margin-top:10px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/bg-separator.png) center 0 repeat-y;
}
.mod-intro-inner{
position:relative;
width:950px;
margin-right:auto;
margin-left:auto;
height:240px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/bg-intro.png) center 0 no-repeat;
}
@media screen and (max-width: 950px){
.mod-intro{
margin-top:0;
}
}
.modal-pattern{width:950px;margin-right:auto;margin-left:auto;padding:40px 0}.modal-pattern .title{text-align:center}.modal-pattern .itemList{margin-top:40px;text-align:center;letter-spacing:-0.4em}.modal-pattern .itemList li{display:inline-block;width:210px;margin:0 20px;letter-spacing:normal}.modal-pattern .itemList li a{position:relative;display:block;height:370px}.modal-pattern .itemList li a:link,.modal-pattern .itemList li a:visited,.modal-pattern .itemList li a:hover,.modal-pattern .itemList li a:active{text-decoration:none}.modal-pattern .itemList li a:hover{text-decoration:none}.modal-pattern .itemList li a:hover img{-webkit-animation:figure-anime .2s ease;animation:figure-anime .2s ease}.modal-pattern .itemList li .figure{height:200px;padding-top:30px;text-align:center}.modal-pattern .itemList li .name{line-height:0.66857;margin-top:18px;font-weight:bold;font-size:2em}.modal-pattern .itemList li .ruby{line-height:1.56;margin-top:8px;margin-bottom:12px;font-size:0.85714em}.modal-pattern .itemList li .case{display:table-cell;width:210px;height:4.5em;line-height:1.5;font-weight:bold;font-size:0.85714em;letter-spacing:-0.04em;vertical-align:middle}.modal-pattern .itemList .pattern-item1 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg1.png)}.modal-pattern .itemList .pattern-item1 a:link,.modal-pattern .itemList .pattern-item1 a:visited,.modal-pattern .itemList .pattern-item1 a:active,.modal-pattern .itemList .pattern-item1 a:hover{color:#ed4c00}.modal-pattern .itemList .pattern-item2 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg2.png)}.modal-pattern .itemList .pattern-item2 a:link,.modal-pattern .itemList .pattern-item2 a:visited,.modal-pattern .itemList .pattern-item2 a:active,.modal-pattern .itemList .pattern-item2 a:hover{color:#00a8e4}.modal-pattern .itemList .pattern-item3 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg3.png)}.modal-pattern .itemList .pattern-item3 a:link,.modal-pattern .itemList .pattern-item3 a:visited,.modal-pattern .itemList .pattern-item3 a:active,.modal-pattern .itemList .pattern-item3 a:hover{color:#00b77c}.modal-pattern .itemList .pattern-item4 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg4.png)}.modal-pattern .itemList .pattern-item4 a:link,.modal-pattern .itemList .pattern-item4 a:visited,.modal-pattern .itemList .pattern-item4 a:active,.modal-pattern .itemList .pattern-item4 a:hover{color:#a914d8}.modal-pattern .itemList .pattern-item5 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg5.png)}.modal-pattern .itemList .pattern-item5 a:link,.modal-pattern .itemList .pattern-item5 a:visited,.modal-pattern .itemList .pattern-item5 a:active,.modal-pattern .itemList .pattern-item5 a:hover{color:#cc9500}.modal-pattern .itemList .pattern-item6 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg6.png)}.modal-pattern .itemList .pattern-item6 a:link,.modal-pattern .itemList .pattern-item6 a:visited,.modal-pattern .itemList .pattern-item6 a:active,.modal-pattern .itemList .pattern-item6 a:hover{color:#98c900}.modal-pattern .itemList .pattern-item7 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg7.png)}.modal-pattern .itemList .pattern-item7 a:link,.modal-pattern .itemList .pattern-item7 a:visited,.modal-pattern .itemList .pattern-item7 a:active,.modal-pattern .itemList .pattern-item7 a:hover{color:#0061c5}.modal-pattern .itemList .pattern-item8 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg8.png)}.modal-pattern .itemList .pattern-item8 a:link,.modal-pattern .itemList .pattern-item8 a:visited,.modal-pattern .itemList .pattern-item8 a:active,.modal-pattern .itemList .pattern-item8 a:hover{color:#eb0032}.modal-pattern .itemList .pattern-item9 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg9.png)}.modal-pattern .itemList .pattern-item9 a:link,.modal-pattern .itemList .pattern-item9 a:visited,.modal-pattern .itemList .pattern-item9 a:active,.modal-pattern .itemList .pattern-item9 a:hover{color:#07b300}.modal-pattern .itemList .pattern-item10 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/modal-pattern-bg10.png)}.modal-pattern .itemList .pattern-item10 a:link,.modal-pattern .itemList .pattern-item10 a:visited,.modal-pattern .itemList .pattern-item10 a:active,.modal-pattern .itemList .pattern-item10 a:hover{color:#258c02}.modal-pattern .lead{width:710px;margin-right:auto;margin-left:auto;margin-top:40px;line-height:1.625;font-size:1.14286em;text-align:left}.modal-pattern .btn{margin-top:30px;text-align:center}
@-webkit-keyframes figure-anime{0%, 100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}
@keyframes figure-anime{0%, 100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}
.mod-item-list{margin-top:13px;letter-spacing:-0.4em}
.mod-item-list:before,.mod-item-list:after{content:"";display:table}
.mod-item-list:after{clear:both}
.mod-item-list li{
display:inline-block;
margin-top:7px;
margin-right:7px;
letter-spacing:normal;
vertical-align:top;
}
.mod-item-list li a{
position:relative;
display:block;
width:182px;
height:100%;
border-radius:3px;
border:1px solid #e1e1e1;
overflow: hidden;
}
.mod-item-list li a:link,.mod-item-list li a:visited,.mod-item-list li a:hover,.mod-item-list li a:active{text-decoration:none}
.mod-item-list li a:hover{text-decoration:none}
.mod-item-list li a .figure{
margin:20px auto 0;
text-align:center;
}
.mod-item-list li a .figure img{
height:120px;
width:auto;
}
.mod-item-list li a .caption{padding-bottom:12px}
.mod-item-list li a .caption dt{margin-top:15px;font-weight:bold;text-align:center;text-decoration:none}
.mod-item-list li a .caption dd{margin-top:5px;text-align:center;font-size:0.85714em;color:#555555;text-decoration:none}
.mod-item-list li a:hover{-webkit-transition:opacity .2s;transition:opacity .2s}
.mod-item-list li a:hover:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75}
.mod-item-list li.new a:after{
content:'';
position:absolute;
top:0px;
left:0px;
width:40px;
height:40px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/item-icon-new.png) 0 0 no-repeat;
background-size: cover;
overflow:hidden;
font-size:0;
text-indent:100%;
white-space:nowrap;
outline:none;
}
.mod-item-list li:nth-child(5n){margin-right:0}
.mod-item-list>*:first-child+*+*+*+*,.mod-item-list>*:first-child+*+*+*+*+*+*+*+*+*,.mod-item-list>*:first-child+*+*+*+*+*+*+*+*+*+*+*+*+*+*{margin-right:0}
.mod-item-list .type1 .caption dt{color:#ed4c00}
.mod-item-list .type2 .caption dt{color:#00a8e4}
.mod-item-list .type3 .caption dt{color:#00b77c}
.mod-item-list .type4 .caption dt{color:#a914d8}
.mod-item-list .type5 .caption dt{color:#cc9500}
.mod-item-list .type6 .caption dt{color:#98c900}
.mod-item-list .type7 .caption dt{color:#0061c5}
.mod-item-list .type8 .caption dt{color:#eb0032}
.mod-item-list .type9 .caption dt{color:#07b300}
.mod-item-list .type10 .caption dt{color:#258c02}
.mod-item-list .type11 .caption dt{color:#ba4c91}
.mod-item-list .type12 .caption dt{color:#0f867f}
body{position:relative}
@media (max-width:769px) {
.mod-item-list li{
margin-top: 10px;
margin-right: 10px;
vertical-align: top;
width: 48.27586%;
min-height: 182px;
}
.mod-item-list li:nth-child(even){
margin-right:0;
}
.mod-item-list li:nth-child(5n){margin-right:10px}
.mod-item-list>*:first-child+*+*+*+*,.mod-item-list>*:first-child+*+*+*+*+*+*+*+*+*,.mod-item-list>*:first-child+*+*+*+*+*+*+*+*+*+*+*+*+*+*{margin-right:10px}
.mod-item-list li a{
width:auto;
height:100%;
background-size:auto 100%;
}
.mod-item-list li a .figure{
margin:15px auto 0;
width:110px;
}
.mod-item-list li a .figure img{
width:100%;
height:auto;
}
.mod-item-list li a .caption dt{
margin-top:10px;
font-size:14px;
}
.mod-item-list li a .caption dd{
margin-top:0;
font-size:12px;
}
} .kkampo_gronavi{
position: relative;
margin: 0;
padding: 0;
width: 100%;
height: auto;
left: 0;
background-color: #fff;
z-index: 9999;
}
.kkampo_gronavi_innr{
position: relative;
padding: 30px 0;
width: 100%;
}
.kkampo_gronavi.navi_fixed{
position: fixed;
top: 0;
box-sizing: border-box;
border-bottom: 1px solid #eee;
}
.kkampo_gronavi.navi_fixed .kkampo_gronavi_innr{
padding: 15px 0;
}
.kkampo_gronavi.navi_fixed .head-sec .head-logo a{
width: 350px;
height: 25.66px;
background-size:350px 25.66px;
}
.kkampo_gronavi.navi_fixed .gnav-sec{
padding-bottom: 15px;
}
@media (max-width:769px) {
.kkampo_gronavi{
height: 70px;
display: flex;
align-items: center;
}
.kkampo_gronavi_innr{
padding: 0;
height: 70px;
display: flex;
align-items: center;
}
.kkampo_gronavi.navi_fixed{
padding-bottom: 10px;
}
.kkampo_gronavi.navi_fixed .kkampo_gronavi_innr{
padding: 0;
height: 70px;
}
.kkampo_gronavi.navi_fixed .head-sec{
margin-top: 15px
}
.kkampo_gronavi.navi_fixed .head-sec .head-logo a{
width: 300px;
height: 22px;
background-size:300px 22px;
}
.kkampo_gronavi.navi_fixed .gnav-sec{
padding-bottom: 0;
}
}
@media (max-width:320px) {
.kkampo_gronavi.navi_fixed .head-sec .head-logo a{
width: 260px;
height: 19.066px;
background-size: 260px 19.066px;
}
} .whole{
position:relative;
text-align:left;
overflow:hidden;
}
.whole a:link,.whole a:visited,.whole a:hover,.whole a:active{color:#f66;text-decoration:underline}
.whole a:hover{color:#f66;text-decoration:none}
.head-sec-inner{
position:relative;
width:950px;
margin-right:auto;
margin-left:auto;
}
.head-sec-inner:before,.head-sec-inner:after{content:"";display:table}
.head-sec-inner:after{clear:both}
.head-sec{
position: relative;
margin-top:0;
}
.head-sec .head-logo{
float:left;
width:380px;
}
.head-sec .head-logo a{
display:inline-block;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/k-kampo_logo.svg);
background-repeat:no-repeat;
background-position:center;
background-size:380px 27.866px;
overflow:hidden;
font-size:0;
text-indent:100%;
white-space:nowrap;
outline:none;
width:380px;
height:27.866px;
}
.head-sec .tagline{
display:inline-block;
margin-left:10px;
padding:0;
height:auto;
font-size:12px;
line-height:28px;
font-weight:bold;
}
.head-sec .sns-block{position:absolute;right:0;bottom:0}
.head-sec .sns-block ul:before,.head-sec .sns-block ul:after{content:"";display:table}
.head-sec .sns-block ul:after{clear:both}
.head-sec .sns-block li{float:left;margin-left:18px}
.foot-sec{
margin-top:50px;
padding-bottom:30px;
}
.foot-sec .foot-nav ul{letter-spacing:-.40em;text-align:center}
.foot-sec .foot-nav li{display:inline-block;margin:0 19px;letter-spacing:normal}
.foot-sec .foot-nav a{font-size:1em}
.foot-sec .foot-nav a:link,.foot-sec .foot-nav a:visited,
.foot-sec .foot-nav a:hover,.foot-sec .foot-nav a:active{color:#616161;text-decoration:none}
.foot-sec .foot-nav a:hover{color:#616161;text-decoration:underline}
.foot-sec .foot-logo a{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/k-kampo_logo.svg);
background-repeat:no-repeat;
background-position:center;
background-size:230px 16.866px;
overflow:hidden;
font-size:0;
text-indent:100%;
white-space:nowrap;
outline:none;
width:230px;
height:16.866px;
display:block;
margin:30px auto 30px auto;
}
@media (max-width:950px) {
.head-sec{
margin-top: 0;
width: 100%;
}
.head-sec-inner{
margin:0;
padding:0;
width:100%;
}
.head-sec .head-logo{
display: block;
margin-left:10px;
width: 300px;
float: none;
}
.head-sec .head-logo a{
display: block;
width: 300px;
height: 22px;
overflow: hidden;
font-size: 0;
text-indent: 100%;
white-space: nowrap;
outline: none;
background-size:300px 22px;
}
.head-sec .tagline{
display:block;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
font-size:12px;
line-height: 1;
font-feature-settings:"palt";
}
.head-sec .sns-block{
display:none!important;
}
.foot-sec{
padding-bottom: 5px;
}
}
@media (max-width:320px) {
.head-sec .head-logo{
width: 260px;
}
.head-sec .head-logo a{
width: 260px;
height: 19.066px;
background-size: 260px 19.066px;
}
.head-sec .tagline{
font-size: 11px;
}
} .gnav-sec{
position: relative;
margin: 0 auto;
padding: 0 0 30px 0;
width: 950px;
}
.gnav-sec ul{
margin:0;padding:0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style:none;
}
.gnav-sec li{
position:relative;
margin:0;padding:0;
display:inline-block;
text-align:center;
}
.gnav-sec li::after{
content: '';
position: absolute;
width: 1px;
height: 18px;
top: 0;
right: 0;
background-color: #ddd;
transform: rotate(20deg);
pointer-events: none;
}
.gnav-sec li:nth-child(5)::after{
content: none;
}
.gnav-sec li:last-child::after{
content: none;
}
.gnav-sec li a{
display:block;
font-size:15px;
font-weight:600;
color:#555555!important;
outline:none;
text-decoration:none!important;
font-feature-settings:"palt";
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gnav-sec li a:hover{
color:#ff6666!important;
outline:none;
text-decoration:none!important;
}
.gnav-sec li span{
display:block;
font-size:10px;
}
.gnav-sec .gnav1 a{
width:182px;height:auto;
}
.gnav-sec .gnav2 a{
width:222px;height:auto;
}
.gnav-sec .gnav3 a{
width:182px;height:auto;
}
.gnav-sec .gnav4 a{
width:182px;height:auto;
}
.gnav-sec .gnav5 a{
width:182px;height:auto;
}
.gnav-sec li.active a{
color:#ff6666!important;
}
@media (max-width:950px) {
.gnav-sec{
margin: 0;
padding: 0;
position: absolute;
top: 70px;
width:100%;
background-color:#eeeeee;
z-index: 9999;
display:none;
}
.gnav-sec ul{
margin:0;padding:0;
display:block;
}
.gnav-sec ul li{
display:block;
width: 100%;
border-bottom: 1px solid #ddd;
background-color: #eee;
text-align: left;
}
.gnav-sec li::after{
content: none;
}
.gnav-sec li a {
position: relative;
display: block;
line-height: 1;
padding:20px 15px;
font-weight: bold;
font-size: 1.1em;
}
.gnav-sec li a::after{
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
display: block;
width: 9px;
height: 15px;
background: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/gnav-arrow.png) 0 0 no-repeat;
-webkit-background-size: 9px 9px;
background-size: 9px;
}
.gnav-sec li:last-child a::after{
content:none;
}
.gnav-sec li span{
margin:0;
padding-top:5px;
font-size: 0.75em;
font-weight: normal;
}
.gnav-sec .gnav1 a{width:auto;}
.gnav-sec .gnav2 a{width:auto;}
.gnav-sec .gnav3 a{width:auto;}
.gnav-sec .gnav4 a{width:auto;}
.gnav-sec .gnav5 a{width:auto;}
.gnav-sec li.gnav-close {
position:relative;
background-color:#ddd;
}
.gnav-sec li.gnav-close a{
color:#999!important;
}
.gnav-sec li.gnav-close a::after{
content: '';
width: 13px;
height: 13px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/gnav-close.png);
-webkit-background-size: 13px 13px;
background-size: 13px;
}
} .head-sec .gnav-trigger{display:none;}
@media (max-width:950px) {
.head-sec .gnav-trigger{
position:absolute;
top:0;right:0;
width:45px;
height:44px;
padding:13px 10px;
display:block;
box-sizing: border-box;
}
.head-sec .gnav-trigger a{
z-index:999;
position:relative;
display:block;
width:100%;
height:100%;
}
.head-sec .gnav-trigger span{
position:absolute;
display:block;
width:25px;
height:2px;
background-color:#f66;
border-radius:2px;
-webkit-transition:-webkit-transform .5s, opacity .3s;
transition:transform .5s, opacity .3s;
}
.head-sec .gnav-trigger span:nth-of-type(1){top:0}
.head-sec .gnav-trigger span:nth-of-type(2){top:8px}
.head-sec .gnav-trigger span:nth-of-type(3){bottom:0}
.head-sec .gnav-trigger.active span:nth-of-type(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
.head-sec .gnav-trigger.active span:nth-of-type(2){-webkit-transform:scale(0.7);transform:scale(0.7);opacity:0}
.head-sec .gnav-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
.head-sec .gnav-sec{z-index:99999;position:absolute;top:45px;width:100%}
} .breadcrumb{
width:950px;
margin-right:auto;
margin-left:auto;
margin-top:0;
}
.breadcrumb ol{
letter-spacing:-.40em;
}
.breadcrumb ol li{
position: relative;
list-style:none;
padding-left:19px;
display:inline-block;
letter-spacing:normal;
font-size:0.71429em;
}
.breadcrumb ol li::after{
content: '>';
position: absolute;
top: 50%;
right: -14px;
transform: translate(0,-50%);
font-size: 10px;
line-height: 1;
pointer-events: none;
}
.breadcrumb ol li:first-child{
padding-left:0;
background:none;
}
.breadcrumb ol li:last-child::after{
content: none;
}
.breadcrumb ol a:link,.breadcrumb ol a:visited,
.breadcrumb ol a:hover,.breadcrumb ol a:active{
color:#f66;
text-decoration:none;
}
.breadcrumb ol a:hover{
color:#f66;
text-decoration:underline;
}
@media (max-width:950px) {
.breadcrumb{
display:none!important;
}
} .pagetop{
position:fixed;
bottom:0;
width:100%;
min-width:980px;
z-index:100;
}
.pagetop a{
position:absolute;
right:40px;
bottom:40px;
display:inline-block;
font-size:0;
text-indent:100%;
white-space:nowrap;
outline:none;
width:35px;
height:35px;
overflow:hidden;
display:none;
}
.pagetop a::before{
content: '';
position: absolute;
width: 35px;
height: 35px;
top: 0;
left: 0;
box-sizing: border-box;
border: 2px solid #ff6666;
border-radius: 3px;
}
.pagetop a::after{
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
margin-top: 4px;
border-top: 2px solid #ff6666;
border-right: 2px solid #ff6666;
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);
}
@media (max-width:950px) {
.pagetop{
min-width:initial;
}
.pagetop a{
right:15px;
bottom:15px;
}
}
  :root {
--detail1-color: #fc4c1e;
--detail10-color: #ba4c91;
--detail11-color: #0f867f;
--detail11-subcolor: #e7faf9;
}
a:focus,*:focus{outline:none;}
.whole{
font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,verdana,sans-serif;
} .conts_anchor_links{
position: relative;
padding: 35px;
padding-bottom: 10px;
}
.anchor_links_list{
position: relative;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
}
.anchor_links_list li{
position: relative;
display: inline-block;
margin-right: 12px;
width: auto;
}
.anchor_links_list li:last-child{
margin-right: 0;
}
.anchor_links_list a{
display: block;
position: relative;
padding-left: 30px;
padding-right: 45px;
height: 40px;
font-size: 1.1rem;
line-height: 36px;
font-weight: bold;
color: var( --detail1-color)!important;
text-decoration: none!important;
box-sizing: border-box;
border: 2px solid #fff;
border-radius: 100vh;
background-color: #fff;
transition: all .3s ease;
}
.anchor_links_list a::after{
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 50%;
right: 0.8rem;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_anchor_arrw.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
pointer-events: none;
}
.anchor_links_list a:hover{
color: #fff!important;
background-color: var( --detail1-color);
}
.anchor_links_list a:hover::after{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_info_arrw.svg);
}
.conts_anchor_linkid{
position: absolute;
margin-top: -115px;
padding-top: 115px;
width: 0;
height: 0;
top: 0;
left: 0;
pointer-events: none;
}
@media screen and (max-width:768px){
.conts_anchor_links{
padding: 5vw;
}
.anchor_links_list{
display: block;
}
.anchor_links_list li{
margin-right: 0;
margin-bottom: 4vw;
width: 100%;
}
.anchor_links_list li:last-child{
margin-bottom: 0;
}
.anchor_links_list a{
padding-left: 5vw;
padding-right: 10vw;
width: 100%;
transition: none;
}
.anchor_links_list a:hover{
color: var( --detail1-color)!important;
background-color: #fff;
}
.anchor_links_list a:hover::after{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_1/icon_anchor_arrw.svg);
}
} .detail_main_ttl{
position: relative;
display: block;
padding-top: 10px;
font-family: "BIZ UDPGothic", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 4rem;
color: #fff;
line-height: 1!important;
}
[data-ruby] {
position: relative;
}
[data-ruby]::before {
content: attr(data-ruby);
position: absolute;
top: -1.5em;
left: 0;
right: 0;
margin: auto;
font-size: 0.8rem;
}
.kcdetail1 .mod-intro .detail_kv_ttl{
padding-bottom: 0!important;
}
@media screen and (max-width:768px){
.detail_main_ttl{
padding-top: 2vw;
font-size: 2.5rem;
}
[data-ruby]::before {
font-size: 0.6rem;
}
.kcdetail1 .mod-intro .detail_kv_note{
padding-bottom: 2vw!important;
}
} .kaze_column{
position: relative;
padding-top: 60px;
padding-bottom: 20px;
width: 100%;
}
.kaze_column .column_wrap {
position: relative;
margin: 0 auto;
text-align: center;
}
.kaze_column_ttl{
position: relative;
display: table;
margin: 0 auto;
font-size: 26px;
line-height: 1.6;
font-weight: 600;
text-align: center;
color: #00a0e9;
letter-spacing: 1px;
font-feature-settings: "palt";
}
.kaze_column_ttl::before {
content: '';
position: absolute;
width: 22px;
height: 35px;
top: 50%;
left: -40px;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_speech_left.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 35px;
}
.kaze_column_ttl::after {
content: '';
position: absolute;
width: 22px;
height: 35px;
top: 50%;
right: -40px;
transform: translate(0,-50%);
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_speech_right.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 35px;
} .column_item_list{
position: relative;
margin-top:50px;
overflow:hidden;
list-style: none;
display: flex;
flex-wrap: wrap;
color: #000;
}
.column_item_list.colist_type1{
justify-content: center;
}
.column_item_list.colist_type1 .labo-popitem-col{
margin-right: 0!important;
}
.column_item_list.colist_type2{
justify-content: center;
}
.column_item_list.colist_type2 .labo-popitem-col:nth-child(2){
margin-right: 0!important;
}
.column_item_list a,.column_item_list a:link,.column_item_list a:visited{
color: #000;
}
.labo-popitem-col{
position: relative;
padding: 0;
width:calc( 33.33333% - 33.33333px );
margin-right: 50px;
margin-bottom: 50px;
animation: tooltipShow 0.3s linear 0s;
display: block;
}
.labo-popitem-col:nth-child(3n){
margin-right: 0;
}
@keyframes tooltipShow {from{opacity:0;}to{opacity:1;}}
@media screen and (max-width:768px){
.kaze_column{
padding-top: 8vw;
padding-bottom: 8vw;
}
.kaze_column .column_wrap {
padding-right: 10px;
padding-left: 10px
}
.kaze_column_ttl {
font-size: 1rem;
}
.kaze_column_ttl::before {
width: 14px;
height: 22px;
left: -30px;
background-size: 14px 22px;
}
.kaze_column_ttl::after {
width: 14px;
height: 22px;
right: -30px;
background-size: 14px 22px;
}
.column_item_list{
margin-top: 6vw;
}
.labo-popitem-col{
width:calc( 50% - 10px );
margin-right: 20px;
margin-bottom: 20px;
}
.labo-popitem-col:nth-child(3n){
margin-right: 20px;
}
.labo-popitem-col:nth-child(2n){
margin-right: 0;
}
} .labo-article{
display:block;
background-repeat:no-repeat;
background-size:303.57143% auto;
position:relative;
padding-bottom:100%;
height:0;
}
.labo-article .hover,.labo-article>a{
position:absolute;
top:0;left:0;
bottom:0;
width:100%;
}
.labo-article>a{
display:block;
text-decoration:none;
color:#000;
text-align:center;
z-index:1;
-webkit-transition:color .3s ease-out;
transition:color .3s ease-out;
}
.labo-article>a:hover{color:#fff}
.labo-article>a:hover+.hover{opacity:1}
.labo-article .hover{
background-repeat:no-repeat;
opacity:0;
-webkit-transition:opacity .3s ease-out;
transition:opacity .3s ease-out;
}
.labo-article .lead{
font-size: 14px;
line-height: 1.4;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
font-weight:inherit;
position:relative;
top:0;left:0;height:100%;
}
.labo-article .lead .lead-str{
display:block;
position:absolute;
top:50%;
width:100%;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
}
.labo-article>a{
display:block;
padding-top:76.07143%;
font-size:1.6rem;
line-height:1.4375;
position:absolute;
}
.labo-article>a:after,.labo-article>a:before{
content: ' ';
position: absolute;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.labo-article>a:after{
display:block;width:13.21429%;
padding-top:15.35714%;
top:3.57143%;
right:3.57143%;
background-position:50% 50%;
}
.labo-article>a:before{display:none}
.new .labo-article>a:before{
display:block;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/ico_new2.png);
width:20.35714%;
padding-top:11.07143%;
top:0;left:6.42857%;
background-position:50% top;
}
.labo-article .hover{background-size:303.57143% auto}
.labo-article .lead .line-s{font-size:.75em;letter-spacing:-.1em} .hkhjmnhkhjm .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi1.svg);
}
.hkhjmnhkhjm .labo-article.article-00,.hkhjmnhkhjm .labo-article.article-01,
.hkhjmnhkhjm .labo-article.article-02,.hkhjmnhkhjm .labo-article.article-03,
.hkhjmnhkhjm .labo-article.article-04,.hkhjmnhkhjm .labo-article.article-06{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/hikihajime_no_hikihajime/img/top_item.jpg);
}
.hkhjmnhkhjm .labo-article.article-00 .hover,
.hkhjmnhkhjm .labo-article.article-01 .hover,
.hkhjmnhkhjm .labo-article.article-02 .hover,
.hkhjmnhkhjm .labo-article.article-03 .hover,
.hkhjmnhkhjm .labo-article.article-04 .hover,
.hkhjmnhkhjm .labo-article.article-06 .hover{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/hikihajime_no_hikihajime/img/top_item_o.jpg);
}
.hkhjmnhkhjm .labo-article.article-05,
.hkhjmnhkhjm .labo-article.article-07,
.hkhjmnhkhjm .labo-article.article-08{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/hikihajime_no_hikihajime/img/top_item2.jpg);
}
.hkhjmnhkhjm .labo-article.article-05 .hover,
.hkhjmnhkhjm .labo-article.article-07 .hover,
.hkhjmnhkhjm .labo-article.article-08 .hover{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/hikihajime_no_hikihajime/img/top_item2_o.jpg);
}
.hkhjmnhkhjm .labo-article.article-00,.hkhjmnhkhjm .labo-article.article-00 .hover{background-position:0 0}
.hkhjmnhkhjm .labo-article.article-01,.hkhjmnhkhjm .labo-article.article-01 .hover{background-position:50% 0}
.hkhjmnhkhjm .labo-article.article-02,.hkhjmnhkhjm .labo-article.article-02 .hover{background-position:0 50%}
.hkhjmnhkhjm .labo-article.article-03,.hkhjmnhkhjm .labo-article.article-03 .hover{background-position:50% 50%}
.hkhjmnhkhjm .labo-article.article-04,.hkhjmnhkhjm .labo-article.article-04 .hover{background-position:100% 0}
.hkhjmnhkhjm .labo-article.article-05,.hkhjmnhkhjm .labo-article.article-05 .hover{background-position:0 50%}
.hkhjmnhkhjm .labo-article.article-06,.hkhjmnhkhjm .labo-article.article-06 .hover{background-position:0 100%}
.hkhjmnhkhjm .labo-article.article-07,.hkhjmnhkhjm .labo-article.article-07 .hover{background-position:0 0}
.hkhjmnhkhjm .labo-article.article-08,.hkhjmnhkhjm .labo-article.article-08 .hover{background-position:100% 0} .sktn .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi2.svg); }
.sktn .labo-article.article-00,
.sktn .labo-article.article-01,
.sktn .labo-article.article-02,
.sktn .labo-article.article-03,
.sktn .labo-article.article-04,
.sktn .labo-article.article-05{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/sekitan/img/top_item.jpg)}
.sktn .labo-article.article-00 .hover,
.sktn .labo-article.article-01 .hover,
.sktn .labo-article.article-02 .hover,
.sktn .labo-article.article-03 .hover,
.sktn .labo-article.article-04 .hover,
.sktn .labo-article.article-05 .hover{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/sekitan/img/top_item_o.jpg)}
.sktn .labo-article.article-00,.sktn .labo-article.article-00 .hover{background-position:100% 0}
.sktn .labo-article.article-01,.sktn .labo-article.article-01 .hover{background-position:0 50%}
.sktn .labo-article.article-02,.sktn .labo-article.article-02 .hover{background-position:50% 50%}
.sktn .labo-article.article-03,.sktn .labo-article.article-03 .hover{background-position:100% 100%}
.sktn .labo-article.article-04,.sktn .labo-article.article-04 .hover{background-position:0 0}
.sktn .labo-article.article-05,.sktn .labo-article.article-05 .hover{background-position:50% 0}
.sktn .labo-article.article-06{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_throat_off.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.sktn .labo-article.article-06 .hover{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_throat_on.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.sktn .labo-article.article-throat2{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_throat2_off.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.sktn .labo-article.article-throat2 .hover{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_throat2_on.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.sktn .labo-article.article-sumcold{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_sumcold_off.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.sktn .labo-article.article-sumcold .hover{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_sumcold_on.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.hkhjmnhkhjm .labo-article.article_coldresist{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_coldresist_off.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.hkhjmnhkhjm .labo-article.article_coldresist .hover{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_coldresist_on.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.hkhjmnhkhjm .labo-article.article_kakkontou3{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_kakkontou3_off.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.hkhjmnhkhjm .labo-article.article_kakkontou3 .hover{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_kakkontou3_on.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.sktn .labo-article.article-09{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_slightfever_off.png);
background-size: 100% auto;
}
.sktn .labo-article.article-09:hover{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/kazelab_thb_slightfever_on.png);
} .hnmz .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi3.svg); }
.hnmz .labo-article.article-00,.hnmz .labo-article.article-01,
.hnmz .labo-article.article-02,.hnmz .labo-article.article-03,
.hnmz .labo-article.article-04,.hnmz .labo-article.article-05{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/hanamizu/img/top_item.jpg?v=20240110)}
.hnmz .labo-article.article-00 .hover,.hnmz .labo-article.article-01 .hover,
.hnmz .labo-article.article-02 .hover,.hnmz .labo-article.article-03 .hover,
.hnmz .labo-article.article-04 .hover,.hnmz .labo-article.article-05 .hover{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/hanamizu/img/top_item_o.jpg)}
.hnmz .labo-article.article-00,.hnmz .labo-article.article-00 .hover{background-position:50% 50%}
.hnmz .labo-article.article-01,.hnmz .labo-article.article-01 .hover{background-position:100% 50%}
.hnmz .labo-article.article-02,.hnmz .labo-article.article-02 .hover{background-position:0 100%}
.hnmz .labo-article.article-03,.hnmz .labo-article.article-03 .hover{background-position:100% 100%}
.hnmz .labo-article.article-04,.hnmz .labo-article.article-04 .hover{background-position:0 0}
.hnmz .labo-article.article-05,.hnmz .labo-article.article-05 .hover{background-position:50% 0} .ichkz .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi4.svg); }
.ichkz .labo-article.article-00,.ichkz .labo-article.article-01,
.ichkz .labo-article.article-02,.ichkz .labo-article.article-03{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/ichoukaze/img/top_item.jpg)}
.ichkz .labo-article.article-00 .hover,.ichkz .labo-article.article-01 .hover,
.ichkz .labo-article.article-02 .hover,.ichkz .labo-article.article-03 .hover{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/ichoukaze/img/top_item_o.jpg)}
.ichkz .labo-article.article-00,.ichkz .labo-article.article-00 .hover{background-position:0 0}
.ichkz .labo-article.article-01,.ichkz .labo-article.article-01 .hover{background-position:50% 0}
.ichkz .labo-article.article-02,.ichkz .labo-article.article-02 .hover{background-position:100% 0}
.ichkz .labo-article.article-03,.ichkz .labo-article.article-03 .hover{background-position:0 100%} .inflenz .labo-article a:after{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/kazelab/img/icon_kgnavi5.svg); }
.inflenz .labo-article.article-00,.inflenz .labo-article.article-01,
.inflenz .labo-article.article-02,.inflenz .labo-article.article-03{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/influenza/img/top_item.jpg)}
.inflenz .labo-article.article-00 .hover,.inflenz .labo-article.article-01 .hover,
.inflenz .labo-article.article-02 .hover,.inflenz .labo-article.article-03 .hover{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/influenza/img/top_item_o.jpg)}
.inflenz .labo-article.article-00,.inflenz .labo-article.article-00 .hover{background-position:0 0}
.inflenz .labo-article.article-01,.inflenz .labo-article.article-01 .hover{background-position:50% 0}
.inflenz .labo-article.article-02,.inflenz .labo-article.article-02 .hover{background-position:100% 0}
@media screen and (max-width:768px){
.labo-article .lead{
font-size: 0.6rem;
line-height: 1.4;
}
} .selfmedicationtax{
position:relative;
display:flex;
align-items:center;
justify-content: center;
font-size:10px;
text-align:left;
color:#fff;
z-index:2;
}
.selfmedicationtax img{
width: 100%;
height: auto;
}
.icon_selfmedicationtax{
padding-right:5px;
width:53px;
}
.selfmedicationtax_txt{
padding-top:2px;
font-feature-settings:"palt";
font-weight:bold;
}
.selfmedicationtax_txt a{
color:#1c4295!important;
}
.selfmedicationtax_txt.link_white a{
color:#fff!important;
}
@media screen and (max-width:769px){
.selfmedicationtax{
bottom:0;
left:50%;
transform: scale(0.6);
width:70vw;
margin-left: -35vw;
}
.icon_selfmedicationtax{
width:10vw;
}
.selfmedicationtax_txt{
padding-top:0;
line-height:1.4!important;
}
} .qa_sect{
position:relative;
padding-bottom:50px;
background:#fff;
}
.qa_sect .qa-wrap{
position:relative;
padding:55px 35px 0;
text-align: center;
}
.qa_sect .qa_conts{
position:relative;
margin:0 auto;
padding-top:25px;
width:100%;
max-width:850px;
font-feature-settings:"palt";
}
@media (max-width:769px) {
.qa_sect {
padding-bottom:8vw;
}
.qa_sect .qa-wrap{
padding:8vw 5vw 0;
}
.qa_sect .qa_conts{
padding-top:3vw;
}
}
.qa_sect .qa_box{
position:relative;
margin-bottom:20px;
text-align:left;
border-radius:10px;
box-sizing:border-box;
border:1px solid #fff;
overflow:hidden;
cursor:pointer;
transition:0.3s;
}
.qa_sect .qa_box_q{
position:relative;
padding:10px;
padding-left:60px;
padding-right:50px;
font-size:20px;
font-weight:bold;
color:#555;
}
.qa_sect .qa_box_a{
display:none;
position:relative;
padding:10px;
padding-left:60px;
border-top:1px solid #fff;
}
.qa_sect .qa_box_a .qa_box_a_txt{
font-size:17px;
line-height:1.8;
font-weight:normal;
color:#000;
} .qa_sect .qa_box_q::before{
content:'Q';
position:absolute;
width:35px;
height:35px;
top:7px;
left:10px;
text-align:center;
font-size:22px;
line-height:35px;
font-weight:bold;
color:#fff;
border-radius:10px;
} .qa_sect .qa_box_a::before{
content:'A';
position:absolute;
width:35px;
height:35px;
top:7px;
left:10px;
text-align:center;
font-size:22px;
line-height:33px;
font-weight:bold;
color:#60ad5d;
border-radius:10px;
box-sizing:border-box;
border:1px solid #60ad5d;
background-color:#fff;
} .qa_sect .qa_box::before,.qa_sect .qa_box::after{
position:absolute;
top:23px;
right:20px;
content: '';
display: inline-block;
width:20px;
height:20px;
border-top:2px solid #fff;
}
.qa_sect .qa_box:after {
top:13px;
right:30px;
transform:rotate(90deg);
}
.qa_sect .qa_box.qa_active:after{
opacity:0;
} .qa_sect .qa_clr1 .qa_box,
.qa_sect .qa_clr1 .qa_box::before,
.qa_sect .qa_clr1 .qa_box::after{
border-color:#ef4d17;
}
.qa_sect .qa_clr1 .qa_box:hover{
box-shadow:0 0 0 2px #ef4d17;
}
.qa_sect .qa_clr1 .qa_box_a{
border-color:#ef4d17;
background-color:rgba(239,77,23,0.05);
}
.qa_sect .qa_clr1 .qa_box_q::before{
background-color:#ef4d17;
} .qa_sect .qa_clr2 .qa_box,
.qa_sect .qa_clr2 .qa_box::before,
.qa_sect .qa_clr2 .qa_box::after{
border-color:#22bcfb;
}
.qa_sect .qa_clr2 .qa_box:hover{
box-shadow:0 0 0 2px #22bcfb;
}
.qa_sect .qa_clr2 .qa_box_a{
border-color:#22bcfb;
background-color:rgba(34,188,251,0.05);
}
.qa_sect .qa_clr2 .qa_box_q::before{
background-color:#22bcfb;
} .qa_sect .qa_clr3 .qa_box,
.qa_sect .qa_clr3 .qa_box::before,
.qa_sect .qa_clr3 .qa_box::after{
border-color:#1cb67e;
}
.qa_sect .qa_clr3 .qa_box:hover{
box-shadow:0 0 0 2px #1cb67e;
}
.qa_sect .qa_clr3 .qa_box_a{
border-color:#1cb67e;
background-color:rgba(28,182,126,0.05);
}
.qa_sect .qa_clr3 .qa_box_q::before{
background-color:#1cb67e;
} .qa_sect .qa_clr4 .qa_box,
.qa_sect .qa_clr4 .qa_box::before,
.qa_sect .qa_clr4 .qa_box::after{
border-color:#a01ed1;
}
.qa_sect .qa_clr4 .qa_box:hover{
box-shadow:0 0 0 2px #a01ed1;
}
.qa_sect .qa_clr4 .qa_box_a{
border-color:#a01ed1;
background-color:rgba(160,30,209,0.05);
}
.qa_sect .qa_clr4 .qa_box_q::before{
background-color:#a01ed1;
} .qa_sect .qa_clr5 .qa_box,
.qa_sect .qa_clr5 .qa_box::before,
.qa_sect .qa_clr5 .qa_box::after{
border-color:#ce9b28;
}
.qa_sect .qa_clr5 .qa_box:hover{
box-shadow:0 0 0 2px #ce9b28;
}
.qa_sect .qa_clr5 .qa_box_a{
border-color:#ce9b28;
background-color:rgba(206,155,40,0.05);
}
.qa_sect .qa_clr5 .qa_box_q::before{
background-color:#ce9b28;
} .qa_sect .qa_clr6 .qa_box,
.qa_sect .qa_clr6 .qa_box::before,
.qa_sect .qa_clr6 .qa_box::after{
border-color:#99c726;
}
.qa_sect .qa_clr6 .qa_box:hover{
box-shadow:0 0 0 2px #99c726;
}
.qa_sect .qa_clr6 .qa_box_a{
border-color:#99c726;
background-color:rgba(153,199,38,0.05);
}
.qa_sect .qa_clr6 .qa_box_q::before{
background-color:#99c726;
} .qa_sect .qa_clr7 .qa_box,
.qa_sect .qa_clr7 .qa_box::before,
.qa_sect .qa_clr7 .qa_box::after{
border-color:#0e64c2;
}
.qa_sect .qa_clr7 .qa_box:hover{
box-shadow:0 0 0 2px #0e64c2;
}
.qa_sect .qa_clr7 .qa_box_a{
border-color:#0e64c2;
background-color:rgba(14,100,194,0.05);
}
.qa_sect .qa_clr7 .qa_box_q::before{
background-color:#0e64c2;
} .qa_sect .qa_clr8 .qa_box,
.qa_sect .qa_clr8 .qa_box::before,
.qa_sect .qa_clr8 .qa_box::after{
border-color:#e0254a;
}
.qa_sect .qa_clr8 .qa_box:hover{
box-shadow:0 0 0 2px #e0254a;
}
.qa_sect .qa_clr8 .qa_box_a{
border-color:#e0254a;
background-color:rgba(224,37,74,0.05);
}
.qa_sect .qa_clr8 .qa_box_q::before{
background-color:#e0254a;
} .qa_sect .qa_clr9 .qa_box,
.qa_sect .qa_clr9 .qa_box::before,
.qa_sect .qa_clr9 .qa_box::after{
border-color:#1db11d;
}
.qa_sect .qa_clr9 .qa_box:hover{
box-shadow:0 0 0 2px #1db11d;
}
.qa_sect .qa_clr9 .qa_box_a{
border-color:#1db11d;
background-color:rgba(29,177,29,0.05);
}
.qa_sect .qa_clr9 .qa_box_q::before{
background-color:#1db11d;
} .qa_sect .qa_clr10 .qa_box,
.qa_sect .qa_clr10 .qa_box::before,
.qa_sect .qa_clr10 .qa_box::after{
border-color:#ba4c91;
}
.qa_sect .qa_clr10 .qa_box:hover{
box-shadow:0 0 0 2px #ba4c91;
}
.qa_sect .qa_clr10 .qa_box_a{
border-color:#ba4c91;
background-color:rgba(186,76,145,0.05);
}
.qa_sect .qa_clr10 .qa_box_q::before{
background-color:#ba4c91;
} .qa_sect .qa_clr11 .qa_box,
.qa_sect .qa_clr11 .qa_box::before,
.qa_sect .qa_clr11 .qa_box::after{
border-color: var(--detail11-color);
}
.qa_sect .qa_clr11 .qa_box:hover{
box-shadow:0 0 0 2px var(--detail11-color);
}
.qa_sect .qa_clr11 .qa_box_a{
border-color: var(--detail11-color);
background-color:rgba(15,134,127,0.05);
}
.qa_sect .qa_clr11 .qa_box_q::before{
background-color: var(--detail11-color);
}
@media (max-width:480px) { .qa_sect .qa_box{
margin-bottom:5vw;
border-radius:10px;
}
.qa_sect .qa_box_q{
padding:2vw;
padding-left:11vw;
padding-right:9vw;
font-size:0.95rem;
}
.qa_sect .qa_box_a{
padding:2vw;
padding-left:12vw;
}
.qa_sect .qa_box_a .qa_box_a_txt{
font-size:0.9rem;
line-height:1.8;
} .qa_sect .qa_box_q::before{
width:7vw;
height:7vw;
top:2vw;
left:2vw;
font-size:0.95rem;
line-height:7vw;
border-radius:10px;
} .qa_sect .qa_box_a::before{
width:7vw;
height:7vw;
top:2vw;
left:2vw;
font-size:0.95rem;
line-height:6.7vw;
border-radius:10px;
}
.qa_sect .qa_box::before,.qa_sect .qa_box::after{
top:4vw;
right:2.2vw;
width:14px;
height:14px;
}
.qa_sect .qa_box:after {
top:2vw;
right:4vw;
}
.qa_sect .qa_box:hover,
.qa_sect .qa_clr1 .qa_box:hover,
.qa_sect .qa_clr2 .qa_box:hover,
.qa_sect .qa_clr3 .qa_box:hover{
box-shadow:none;
}
}  .mod-intro-logo{
margin: 0;padding: 0;
width: 360px;
}
.mod-intro img{
width: 100%;
height: auto;
vertical-align: top;
}
.mod-intro .detail_kv_main{
margin-left:215px;
padding-top:33px;
text-align:center;
width:300px;
}
.mod-intro .detail_kv_ttl{
padding-bottom:20px;
text-align: center;
font-feature-settings:"palt";
}
.mod-intro .detail_kv_lead{
display: block;
margin: 0 auto;
padding: 0;
font-size: 19px;
line-height: 1.3;
font-weight: 600;
color: #ffe193;
text-align: center;
}
.mod-intro .detail_kv_name{
display: block;
margin: 0 auto;
padding-top: 10px;
width:300px;
}
.mod-intro .detail_kv_prdnm{
display: block;
padding-top: 10px;
width:300px;
}
.mod-intro .detail_kv_note{
margin: 0 auto;
padding-bottom: 10px;
width: 79px;
font-size: 0;
}
.mod-intro .detail_kv_pkg{
position:absolute;
width:146px;
top:19px;
left:50%;
margin-left:45px;
z-index:2;
}
.mod-intro .detail_kv_pkg img{
width: 100%;
height: auto;
}
.mod-intro .detail_kv_fig{
position:absolute;
width:300px;
height:auto;
bottom:0;
right:122px;
z-index:1;
}
.mod-intro .detail_kv_main.selfmdtax_add{
padding-top:20px;
}
@media (max-width:769px) {
.mod-intro .mod-intro-inner{
width:100%!important;
height:38vw!important;
background-position:right -10vw center;
background-size: auto 100%;
}
.mod-intro .mod-intro-inner img{
width:100%;
height: auto;
}
.mod-intro .detail_kv_main{
margin-left:0;
padding-top:4vw;
width:45vw;
}
.mod-intro .detail_kv_ttl{
padding-bottom:3vw;
}
.mod-intro .detail_kv_lead{
font-size:0.7rem;
}
.mod-intro .detail_kv_name{
padding-top:2vw;
width:40vw;
}
.mod-intro .detail_kv_prdnm{
padding-bottom:2vw;
width:40vw;
}
.mod-intro .detail_kv_note{
width:11vw;
}
.mod-intro .detail_kv_pkg{
width:20vw;
top:50%;
left:50%;
margin-left:8vw;
transform:translate(-50%,-50%);
}
.mod-intro .detail_kv_fig{
width:40vw;
right:2vw;
} .mod-intro .detail_kv_main.selfmdtax_add{
padding-top:3vw;
width:48vw;
}
.mod-intro .detail_kv_main.selfmdtax_add .detail_kv_ttl{
padding-bottom: 3vw
} .mod-intro .detail_kv_main.selfmdtax_add2{
padding-top:5vw;
width:45vw;
}
.mod-intro .detail_kv_main.selfmdtax_add2 .detail_kv_ttl{
padding-bottom:2vw
}
.mod-intro .detail_kv_main.selfmdtax_add2 .detail_kv_prdnm{
padding-bottom:2vw;
}
}
.body-sec .sec-inner{
width:950px;
margin:0 auto;
}  .symptoms_main{
position: relative;
width: 100%;
background-color: #fff4c3;
overflow: hidden;
}
.symptoms_main img{
width: 100%;
height: auto;
}
.symptoms_main_innr{
position: relative;
margin: 0 auto;
padding: 40px 0;
width: 100%;
max-width: 950px;
}
.symptoms_board{
position: relative;
margin: 0 auto;
padding: 20px 35px;
width: 440px;
background-color: #fff;
border-radius: 15px;
box-sizing: border-box;
box-shadow: 0 0 0 10px #ededed;
overflow: hidden;
}
.symptoms_board_ttl{
position: relative;
display: table;
margin: 0 auto;
margin-bottom: 25px;
text-align: center;
font-size: 22px;
line-height: 1.4;
font-weight: bold;
border-bottom: 2px solid #555;
}
.symptoms_board_txt{
position: relative;
padding-bottom: 15px;
font-size: 19px;
}
.symptoms_board_txt + .symptoms_board_txt{
padding-top: 15px;
padding-bottom: 0;
border-top: 1px dotted #555;
}
.symptoms_board_check{
position: relative;
padding-left: 30px;
font-weight: bold;
}
.symptoms_board_check::before{
content: '';
position: absolute;
width: 19px;
height: 19px;
top: 4px;
left: 0;
border-radius: 4px;
box-sizing: border-box;
border: 2px solid #333;
}
.symptoms_main_illust{
position: absolute;
bottom: -10px;
left: 50%;
margin-left: 250px;
pointer-events: none;
}
@media screen and (max-width:768px){
.symptoms_main_innr{
padding: 8vw 0;
}
.symptoms_board{
padding: 15px;
width: 87.5vw;
border-radius: 10px;
box-shadow: 0 0 0 7px #ededed;
}
.symptoms_board_ttl{
margin-bottom: 15px;
font-size: 1rem;
line-height: 1.2;
}
.symptoms_board_txt{
padding-bottom: 10px;
font-size: 0.9rem;
}
.symptoms_board_txt + .symptoms_board_txt{
padding-top: 10px;
}
.symptoms_board_check{
padding-left: 25px;
}
.symptoms_board_check::before{
width: 16px;
height: 16px;
top: 2px;
border-radius: 3px;
border: 2px solid #333;
}
.symptoms_main_illust{
margin-left: 30vw;
width: 22vw!important;
}
} .mechanism_main{
position: relative;
width: 100%;
background-color: #ededed;
}
.mechanism_main img{
width: 100%;
height: auto;
}
.mechanism_main_innr{
position: relative;
margin: 0 auto;
padding: 40px 0;
padding-bottom: 45px;
width: 100%;
max-width: 950px;
}
.mechanism_main_ttl{
position: relative;
display: table;
margin: 0 auto;
margin-bottom: 25px;
text-align: center;
font-size: 22px;
font-weight: bold;
line-height: 1;
}
.mechanism_main_ttl::before{
content: '';
position: absolute;
width: 40px;
height: 8px;
top: 50%;
left: -54px;
transform: translate(0,-50%);
background-repeat: no-repeat;
background-position: center;
background-size: 40px 8px;
}
.mechanism_main_ttl::after {
content: '';
position: absolute;
width: 40px;
height: 8px;
top: 50%;
right: -54px;
transform: translate(0,-50%);
background-repeat: no-repeat;
background-position: center;
background-size: 40px 8px;
}
.mechanism_list{
position: relative;
padding: 0 35px;
display: flex;
}
.mechanism_board{
position: relative;
padding: 25px;
padding-left: 80px;
width: calc( 50% - 18px );
border-radius: 15px;
background-color: #fff;
}
.mechanism_board + .mechanism_board{
margin-left: 36px;
}
.mechanism_board::before{
content: '';
position: absolute;
width: 33px;
height: 33px;
top: 30px;
left: 24px;
border-radius: 4px;
box-sizing: border-box;
border: 2px solid #333;
}
.mechanism_board::after {
content: "";
display: block; 
position: absolute;
height: 10px;
width: 17px;
transform: rotate(-45deg);
top: 35px;
left: 29px;
border-bottom: 6px solid #333;
border-left: 6px solid #333;
}
.mechanism_board_txt{
position: relative;
font-size: 18px;
font-weight: bold;
}
@media screen and (max-width:768px){
.mechanism_main_innr{
padding: 8vw 0;
}
.mechanism_main_ttl{
margin-bottom: 5vw;
font-size: 1rem;
}
.mechanism_main_ttl::before{
width: 30px;
height: 6px;
left: -40px;
background-size: 30px 6px;
}
.mechanism_main_ttl::after {
width: 30px;
height: 6px;
right: -40px;
background-size: 30px 6px;
}
.mechanism_list{
padding: 0 5vw;
display: block;
}
.mechanism_board{
padding: 15px;
padding-left: 50px;
width: calc( 100% - 65px );
border-radius: 10px;
}
.mechanism_board + .mechanism_board{
margin-left: 0;
margin-top: 5vw;
}
.mechanism_board::before{
width: 20px;
height: 20px;
top: 18px;
left: 18px;
border-radius: 4px;
border: 2px solid #333;
}
.mechanism_board::after {
height: 5px;
width: 8px;
top: 22px;
left: 22px;
border-bottom: 4px solid #333;
border-left: 4px solid #333;
}
.mechanism_board_txt{
font-size: 0.9rem;
}
} .effect_list{
position: relative;
margin-bottom: 40px;
padding: 25px;
color: #555;
border-radius: 10px;
background-color: #fff;
display: flex;
justify-content: center;
}
.effect_list_div{
position: relative;
width: calc( 50% - 25px );
}
.effect_list_div + .effect_list_div{
margin-left: 25px;
padding-left: 25px;
border-left: 1px dotted #ddd;
}
.effect_list_ttl{
position: relative;
margin-bottom: 18px;
padding-left: 24px;
font-size: 18px;
font-weight: bold;
}
.effect_list_ttl::before{
content: '';
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 0;
transform: translate(0,-50%);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.effect_list_txt{
font-size: 16px;
}
@media screen and (max-width:768px){
.effect_list{
margin-bottom: 40px;
padding: 20px;
display: block;
}
.effect_list_div{
width: 100%;
}
.effect_list_div + .effect_list_div{
margin-left: 0;
padding-left: 0;
margin-top: 15px;
padding-top: 15px;
border-left: none;
border-top: 1px dotted #ddd;
}
.effect_list_ttl{
position: relative;
margin-bottom: 6px;
padding-left: 22px;
font-size: 0.9rem;
}
.effect_list_ttl::before{
width: 16px;
height: 16px;
}
.effect_list_txt{
font-size: 0.8rem;
}
}  .sec1{
padding:55px 0 60px 0;
background:#f9f9f9;
}
.sec1:before,.sec1:after{content:"";display:table}
.sec1:after{clear:both}
.detail_title{
position:relative;
display:table;
margin:0 auto 22px auto;
padding:0 5px;
text-align:center;
font-size:26px;
font-weight:600;
z-index:2;
}
.detail_title span{
position:relative;
z-index:2;
}
.detail_title::after{
content:'';
position:absolute;
width:100%;
height:13px;
bottom:4px;
left:0;
z-index:1;
}
.detail_title.ttl_type1 span{ color:#fc4c1e;}
.detail_title.ttl_type1::after{ background-color:#fff4c3;}
.detail_title.ttl_type2 span{ color:#22bcfb;}
.detail_title.ttl_type2::after{ background-color:#fff4c3;}
.detail_title.ttl_type3 span{ color:#1cb67e;}
.detail_title.ttl_type3::after{ background-color:#fff4c3;}
.detail_title.ttl_type4 span{ color:#a01ed1;}
.detail_title.ttl_type4::after{ background-color:#fff4c3;}
.detail_title.ttl_type5 span{ color:#ce9b28;}
.detail_title.ttl_type5::after{ background-color:#fff4c3;}
.detail_title.ttl_type6 span{ color:#99c726;}
.detail_title.ttl_type6::after{ background-color:#fff4c3;}
.detail_title.ttl_type7 span{ color:#0e64c2;}
.detail_title.ttl_type7::after{ background-color:#fff4c3;}
.detail_title.ttl_type8 span{ color:#e0254a;}
.detail_title.ttl_type8::after{ background-color:#fff4c3;}
.detail_title.ttl_type9 span{ color:#1db11d;}
.detail_title.ttl_type9::after{ background-color:#fff4c3;}
.detail_title.ttl_type10 span{ color:#ba4c91;}
.detail_title.ttl_type10::after{ background-color:#fff4c3;}
.detail_title.ttl_type11 span{ color:#0f867f;}
.detail_title.ttl_type11::after{ background-color:#fff4c3;}
.sec1 .movie{
margin:0 auto;
width:640px;
height:360px;
}
.sec-inner .icon_teach_iyaku{
margin:0 0 0 auto;
padding:0;
width:62px;
height:15px;
}
.sec-inner .icon_teach_iyaku img{
margin:0;padding:0;
vertical-align:top;
width:100%;
}
@media (max-width:769px) {
.body-sec .sec-inner{
width:100%;
}
.sec1{
padding:8vw 0 0 0;
}
.sec-inner{
clear:both;
}
.sec-inner img{
width:100%;
height: auto;
vertical-align: top;
}
.detail_title{
margin-bottom:4vw;
font-size:1.2rem;
}
.detail_title::after{
height:2vw;
}
.sec1 .movie{
float:none;
margin:0;padding:0;
width:100vw;
height:56.25vw
}
.sec-inner .caption{
margin:0 auto;
width:90%;
float:none;
}
.sec-inner .icon_teach_iyaku{
margin:0 0 0 auto;
width:15vw;
height:3.3333vw;
}
.mod-intro .mod-intro-inner img{
width:100%;
height: auto;
}
} .sec2{padding-top:40px;padding-bottom:40px}
.sec2 .column-3{padding:5px 0;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/column3-bg.png) repeat-y 0 0}
.sec2 .column-3:before,.sec2 .column-3:after{content:"";display:table}
.sec2 .column-3:after{clear:both}
.sec2 .column-3 .glid{margin-left:33px;padding-right:40px;width:240px;float:left}
.sec2 .column-3 .glid p{font-size:1.14286em}
.sec2 .column-3 .glid h3{
margin-bottom:15px;
padding-left:18px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/icon-arrow.png) no-repeat 0 8px;
font-weight:bold;
font-size:1.28571em;
}
.sec2 .column-3 .glid.glid3{background:none}
.sec2 .column-2{padding:5px 0;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/column2-bg.png) repeat-y 0 0}
.sec2 .column-2:before,.sec2 .column-2:after{content:"";display:table}
.sec2 .column-2:after{clear:both}
.sec2 .column-2 .glid{margin-left:33px;padding-right:40px;width:400px;float:left}
.sec2 .column-2 .glid .column_ttl{
margin-bottom:15px;
padding-left:18px;
font-weight:bold;
font-size:1.28571em;
}
.sec2 .column-2 .glid p{font-size:1.14286em}
.sec2 .column-2 .glid.glid2{background:none}
@media (max-width:769px) {
.sec2{
clear:both;
padding-top:3vw;
padding-bottom:3vw;
}
.sec2 .column-2 .glid{
float:none;
margin:0 auto;
padding:15px 0;
width:90%;
}
.sec2 .column-2 .glid.glid2{
margin-top:0;
border-top:1px dotted #dddddd;
}
.sec2 .column-2 .glid .column_ttl{
margin-bottom:1vw;
padding-left:5.5vw;
font-size:1rem;
font-weight:bold;
}
.sec2 .column-2 .glid p{
font-size:13px;
line-height:20px;
}
} .sec3{
position: relative;
}
.sec3 .sec-inner .sec3-wrap{
position: relative;
margin:0 auto;
padding:55px 35px 60px 35px;
}
.sec3 .sec-inner .sec3-wrap img{
width: 100%;
height: auto;
vertical-align: top;
}
.sec3 .sec-inner .title{
position:relative;
margin-bottom:20px;
padding-left:44px;
color:#fff;
font-size:22px;
line-height:28px;
font-weight:bold;
}
.sec3 .sec-inner .title.icon_no3{
margin-top: 45px;
}
.sec3 .sec-inner .title.icon_no1::before{
content:'';
position:absolute;
width: 29px;
height: 26px;
top:0;
left:0;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/icon_no1.png);
background-repeat:no-repeat;
background-position:left 0 center;
background-size:cover;
z-index:1;
}
.sec3 .sec-inner .title.icon_no2::before{
content:'';
position:absolute;
width: 33px;
height: 26px;
top:0;
left:0;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/icon_no2.png);
background-repeat:no-repeat;
background-position:left 0 center;
background-size:cover;
z-index:1;
}
.sec3 .sec-inner .title.icon_no3::before{
content:'';
position:absolute;
width: 34px;
height: 26px;
top:0;
left:0;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/icon_no3.png);
background-repeat:no-repeat;
background-position:left 0 center;
background-size:cover;
z-index:1;
}
.sec3 .sec-inner .title_sub{
position:relative;
margin-bottom:20px;
padding-bottom:3px;
color:#fff;
font-size:16px; font-weight:bold;
border-bottom:1px solid #fff;
}
.sec3 .sec-inner .text{
margin-bottom:40px;
font-size:18px;
line-height:28px;
color:#fff;
}
.sec3 .sec-inner .text span{
font-size:12px;
}
.sec3 .sec-inner .spec-list{
margin:-15px 0 45px -15px;
}
.sec3 .sec-inner .spec-list:before,.sec3 .sec-inner .spec-list:after{content:"";display:table}
.sec3 .sec-inner .spec-list:after{clear:both}
.sec3 .sec-inner .spec-list li{float:left}
.sec3 .sec-inner .spec-list li a{
display:block;
color:#fff;
margin:15px 0 0 15px;
padding:5px 20px;
background-color:rgba(255,255,255,0.25);
text-decoration:none;
line-height:1;
border-radius:20px;
font-size:14px;
font-weight:bold;
}
.sec3 .sec-inner .spec-list li a:hover{
color:#ff6666;
background-color:#fff;
}
.sec3 .sec-inner .how_detail_list{
position:relative;
margin-bottom:45px;
display:flex;
text-align:left;
}
.sec3 .sec-inner .how_detail_list li{
position:relative;
vertical-align:top;
}
.sec3 .sec-inner .how_detail_list .text{
margin-bottom:0;
}
.sec3 .sec-inner .why_cont{
margin:0 auto;
padding-top:35px;
width:876px;
text-align:center;
border-radius:10px;
background-color:#fff;
}
.sec3 .sec-inner .why_list{
padding:0 60px 50px 60px;
display:flex;
text-align:left;
}
.sec3 .sec-inner .why_list li{
vertical-align:top;
}
.sec3 .sec-inner .why_list li p{
font-size:18px;
line-height:28px;
}
@media screen and (max-width:768px){
.sec3{
padding-bottom:0!important;
}
.sec3 .sec-inner .sec3-wrap{
padding:8vw 0;
width:90vw;
}
.sec3 .sec-inner .title{
font-size:1.2rem;
}
.sec3 .sec-inner .text{
font-size: 0.9rem;
line-height: 1.6rem;
}
.sec3 .sec-inner .text span{
font-size: 0.7rem;
}
.sec3 .sec-inner .how_detail_list{
margin-bottom: 6vw;
}
.sec3 .sec-inner .why_cont{
padding-top:6vw;
width:90vw;
border-radius:10px;
background-color:#fff;
}
.sec3 .sec-inner .why_list{
padding:0 6vw 6vw 6vw;
display:block;
}
.sec3 .sec-inner .why_list li p{
padding-bottom:5vw;
font-size:0.9rem;
line-height:1.4rem;
}
} .lineup{
position: relative;
padding-bottom:30px;
background:#f9f9f9;
}
.lineup .sec-inner .lineup-wrap{
position: relative;
padding:55px 35px 0;
text-align:center;
}
.lineup .lineup_ttl{
display:inline-block;
position:relative;
margin:22px auto 18px auto;
font-size:22px;
line-height:34px;
font-weight:bold;
text-align:center;
color:#555;
}
.lineup .lineup_ttl::before{
content:'';
position:absolute;
top:0;
left:0;
background-repeat:no-repeat;
background-position:center;
background-size:auto 100%;
}
.lineup .lineup_ttl.tt_type1{
padding-left:55px;
}
.lineup .lineup_ttl.tt_type1::before{
width:42px;
height:34px;
}
.lineup .lineup_ttl.tt_type2{
padding-left:63px;
}
.lineup .lineup_ttl.tt_type2::before{
width:48px;
height:35px;
top:-1px;
}
.lineup .lineup_ttl.tt_type3{
padding-left:25px;
}
.lineup .lineup_ttl.tt_type3::before{
width:11px;
height:34px;
}
.lineup .lineup_ttl span{
display:inline-block;
padding-left:5px;
font-size:15px;
}
.note_production_finished{
position: relative;
display: block;
padding-top: 10px; font-size: 12px;
line-height: 1.4;
color: #ff0000;
text-align: center;
}
@media screen and (max-width:768px){
.note_production_finished{
padding-bottom: 0;
}
}
.lineup .lineup_list{
margin:0 auto 16px auto;
display:flex;
flex-wrap:wrap;
text-align:center;
justify-content: center;
max-width:700px;
}
.lineup .lineup_list li{
position:relative;
margin:0 16px 16px 0;
width:207px;
height:290px;
vertical-align:top;
border-radius:10px;
background-color:#fff;
overflow:hidden;
}
.lineup .lineup_list li:nth-child(3n){
margin-right:0;
}
.lineup .lineup_list li:last-child{
margin-right:0;
}
.lineup .lineup_list li.icon_new::before{
content:'';
position:absolute;
width:40px;
height:40px;
top:0;
left:0;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/item-icon-new.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.lineup .lineup_list li a{
display:block;
padding:40px 0 0 0; text-decoration:none;
}
.lineup .lineup_list li a:hover{
opacity:0.6;
transition:0.5s;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}
.lineup .lineup_list a .figure {
margin:0 auto;
text-align: center;
}
.lineup .lineup_list a .figure img{
height:120px;
width:auto;
}
.lineup .lineup_list a .caption{
text-align: center;
}
.lineup .lineup_list a .caption dt{
margin-top: 20px;
font-size: 16px; line-height: 1.4; font-weight: bold;
text-align: center;
text-decoration: none;
}
.lineup .lineup_list a .caption dd {
margin-top:10px;
text-align:center;
font-size:14px;
line-height:20px;
color:#555555;
text-decoration:none;
}
@media screen and (max-width:768px){
.lineup{
padding-bottom:8vw;
}
.lineup .sec-inner .lineup-wrap{
padding:8vw 5vw 0;
text-align:center;
}
.lineup .lineup_ttl{
margin:4vw auto 6vw auto;
font-size:1.1rem;
line-height:5vw;
}
.lineup .lineup_ttl span{
padding-left:1vw;
font-size:0.9rem;
}
.lineup .lineup_ttl.tt_type1{
padding-left:9vw;
}
.lineup .lineup_ttl.tt_type1::before{
width:6.17vw;
height:5vw;
}
.lineup .lineup_ttl.tt_type2{
padding-left:10vw;
}
.lineup .lineup_ttl.tt_type2::before{
width:6.857vw;
height:5vw;
top:0;
}
.lineup .lineup_ttl.tt_type3{
padding-left:5vw;
}
.lineup .lineup_ttl.tt_type3::before{
width:1.62vw;
height:5vw;
}
.lineup .lineup_list{
margin:0 auto 2vw auto;
}
.lineup .lineup_list li{
margin:0 4vw 4vw 0;
width:40vw;
height:auto;
vertical-align:top;
border-radius:10px;
background-color:#fff;
overflow:hidden;
}
.lineup .lineup_list li:nth-child(3n){
margin-right:4vw;
}
.lineup .lineup_list li:nth-child(2n){
margin-right:0;
}
.lineup .lineup_list li:last-child{
margin-right:0;
}
.lineup .lineup_list a .figure {
width:30vw;
}
.lineup .lineup_list a .figure img{
height:auto;
width:100%;
}
.lineup .lineup_list li a{
padding:6vw 0 6vw 0;
}
.lineup .lineup_list a .caption dt{
margin-top: 3vw;
font-size: 0.9rem;
line-height: 1.3rem;
}
.lineup .lineup_list a .caption dd {
margin-top: 2.5vw;
font-size: 0.85714em;
line-height: 1.1rem;
}
} .itemlist-sec {
padding-bottom:50px;
background-color: #f9f9f9;
}
.itemlist-sec .inner {
position:relative;
margin:0 auto;
padding-top:60px;
width: 950px;
}
.itemlist-sec .inner:before, .itemlist-sec .inner:after {
content: "";
display: table;
}
.itemlist-sec .other_title{
text-align:center;
font-size:22px;
font-weight:600;
color:#555;
}
.itemlist-sec .itemlist_slider {
margin: 0;
padding: 0;
display:flex;
flex-wrap:wrap;
}
.itemlist-sec .item {
float: left;
width: 300px;
margin-top: 30px;
margin-left: 25px;
}
.itemlist-sec .no_list_pdg .item{
margin-left:0;
}
.itemlist-sec a {
position: relative;
display: block;
width: 100%;
height: 140px;
vertical-align: top;
background-color: #fff;
z-index: 10;
}
.itemlist-sec .catch {
z-index: 1;
position: relative;
float: left;
width: 150px;
height: 140px;
vertical-align: top;
text-align: center;
display: table;
}
.itemlist-sec .catch p {
display: table-cell;
vertical-align: middle;
font-size:22px;
line-height:32px;
font-weight: bold;
font-feature-settings:"palt";
}
.itemlist-sec .copy {
margin-top: 8px;
font-size: 0.85714em;
font-feature-settings: "palt";
text-align: center;
}
.itemlist-sec .title {
position: absolute;
height: 33px;
width: auto;
margin: 0;
padding: 0;
text-align: center;
top: 15px;
left: 50%;
transform: translate(-50%,0);
}
.itemlist-sec .figure {
position: absolute;
bottom: 15px;
right: 52px;
width: 45px;
}
.itemlist-sec .figure img{
width: 100%;
height: auto;
}
.catch_detail {
position: relative;
margin: 0 0 0 auto;
padding: 0;
width: 150px;
height: 140px;
vertical-align: top;
background-color: #fff;
} .itemlist-sec .item1 .catch {
color:#ef4d17;
background-color:#fedbcb;
}
.itemlist-sec .item1 .copy {
color: #ef4d17;
} .itemlist-sec .item2 .catch {
color:#1eaae1;
background-color:#cbf1fe;
}
.itemlist-sec .item2 .copy {
color:#1eaae1;
} .itemlist-sec .item3 .catch {
color:#1cb67e;
background-color:#ccffee;
}
.itemlist-sec .item3 .copy {
color:#1cb67e;
} .itemlist-sec .item4 .catch {
color:#a827d5;
background-color:#f3d2fe;
}
.itemlist-sec .item4 .copy {
color:#a827d5;
} .itemlist-sec .item5 .catch {
color:#cb9421;
background-color:#fff5cc;
}
.itemlist-sec .item5 .copy {
color:#cb9421;
} .itemlist-sec .item6 .catch {
color:#99c726;
background-color:#f2fecc;
}
.itemlist-sec .item6 .copy {
color:#99c726;
}
.itemlist-sec .item6 .figure {
width: 37px;
} .itemlist-sec .item7 .catch {
color:#0e64c2;
background-color:#cbe4fe;
}
.itemlist-sec .item7 .copy {
color:#0e64c2;
} .itemlist-sec .item8 .catch {
color:#e8113b;
background-color:#fed5de;
}
.itemlist-sec .item8 .copy {
color:#e8113b;
} .itemlist-sec .item9 .catch {
color:#1db11d;
background-color: #cdfecc;
}
.itemlist-sec .item9 .copy {
color:#1db11d;
} .itemlist-sec .item10 .catch {
color:#ba4c91;
background-color: #ffd9f6;
}
.itemlist-sec .item10 .copy {
color:#ba4c91;
}
.itemlist-sec .item10 .figure{
width: 37px;
} .itemlist-sec .item11 .catch {
color: var(--detail11-color);
background-color: var(--detail11-subcolor);
}
.itemlist-sec .item11 .copy {
color: var(--detail11-color);
}
.itemlist-sec .item11 .figure{
width: 37px;
}
@-webkit-keyframes item-figure-anime{50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}
@keyframes item-figure-anime{50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}
.itemlist-sec a:hover .figure{-webkit-animation:item-figure-anime .2s;animation:item-figure-anime .2s}
@media (max-width:769px){
.itemlist-sec a:hover .figure{
animation-play-state:paused;
}
.itemlist-sec {
margin: 0;
padding-bottom: 0;
clear: both;
}
.itemlist-sec .inner {
padding: 30px 0;
width: 100%;
}
.itemlist-sec .other_title{
font-size:1.1rem;
}
.itemlist-sec .item{
margin: 25px auto;
width: 100%;
}
.itemlist-sec .catch p{
font-size:1.3rem;
line-height:1.8rem;
}
.itemlist-sec .itemlist_slider {
width:100vw;
}
.itemlist-sec .figure{
right: auto;
bottom: 20px;
transform: translate(-50%,0);
}
.catch_detail {
width: 50%;
height: 150px;
}
.itemlist-sec a {
height: 150px;
}
.itemlist-sec .catch {
width: 50%;
height: 150px;
}
.itemlist-sec .copy {
margin-top: 12px;
font-size: 0.95em;
}
.itemlist-sec .copy{
margin-top:12px;
font-size:0.95em;
} .itemlist_slider{
position:relative;
margin:0 auto;
padding:0;
width:100%; overflow: hidden;
text-align:center;
}
.itemlist_slider .slick-prev,.itemlist_slider .slick-next{
display:none!important;
}
.itemlist_slider .slick-list{
width:100%;
}
.itemlist_slider > div .inner img {
margin: 0 auto;
width:100%;
vertical-align:top;
display:block;
}
.itemlist_slider > div {
width:100%;
margin: 0 auto;
padding:0;
overflow: visible;
}
.itemlist_slider > div .inner {
width:100%;
height:200px;
margin: 0 auto;
padding:0;
text-align:center;
}
.itemlist_slider > div .inner a {
display: block;
width:100%;
height:200px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.itemlist_slider > div .inner a:hover{
opacity: 0.8;
}
.itemlist_slider .slick-slide{
margin: 0;
padding: 0;
width:300px;
}
.itemlist_slider .slick-slide img {
display:unset!important;
}
.itemlist_slider .slick-center{
margin: 0;
padding: 0;
width:300px;
}
.itemlist_slider .slick-cloned{
margin: 0;
padding: 0;
width:300px;
} .itemlist_slider .slick-dots {
position:absolute;
margin:0;
padding:0;
list-style:none;
display: block;
text-align:center;
width:300px;
height:20px;
bottom:0px;
left:50%;
transform:translate(-50%,0);
}
.itemlist_slider .slick-dots li {
position:relative;
display:inline-block;
width:20px;
height:20px;
margin:0 2px;
padding: 0;
cursor:pointer;
vertical-align:top;
}
.itemlist_slider .slick-dots li button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance:none;
font-size:0;
}
.slick-dots li button:before{
color:#fadcdc!important;
}
.slick-dots li.slick-active button:before{
color:#fe6767!important;
}
} .precautions{
margin:0 auto;
padding:0;
width:100%;
color:#fff;
font-weight:bold;
}
.precautions p{
margin:0;
padding:0;
font-size:15px;
line-height:26px;
font-weight:bold;
color: #fff;
}
.precautions b{
font-weight:bold;
}
.precautions p.txt_bold{
font-weight:bold;
}
.precautions p.txt_indent{
padding-left:1.5em;
}
.precautions .precautions_conts{
margin-bottom:30px;
padding:0;
}
.precautions .precautions_conts:last-child{
margin-bottom:0;
}
.precautions .precautions_ttl{
margin-bottom: 10px;
font-size:18px;
line-height:26px;
font-weight:bold;
}
.precautions ul{
margin:0;padding:0;
list-style:none;
}
.precautions ul li{
margin:0;padding:0;
vertical-align:top;
display:block; }
.precautions ul.precautions1_list li{
margin:0 0 30px 0;
padding-left:1.5em;
text-indent:-1.5em;
}
.precautions ul.precautions2_list{
margin:5px 0;
}
.precautions ul.precautions2_list li{
margin:0 0 5px 0;
padding-left:2.5em;
text-indent:-2.5em;
}
@media (max-width:769px) {
.precautions{ }
.precautions p{
font-size:0.9rem;
line-height:1.4rem;
}
.precautions p.txt_indent{
padding-left:0;
text-indent:0;
}
.precautions .precautions_ttl{
font-size:1rem;
line-height:1.6rem;
}
} .precautions th,.precautions td {
border:1px solid rgba(255,255,255,0.5);
padding: 10px;
padding-left:10px;
text-indent:0;
}
.precautions table{
margin:25px 0;
padding:0;
font-size:0.95em;
border-collapse:collapse;
}
.precautions th.caution_th1{
width:70px;
font-weight:bold;
text-align: center;
}
.precautions th.caution_th2{
width:240px;
font-weight:bold;
}
.precautions td.caution_td1{
font-weight:bold;
}
.precautions td.caution_td2{
width:390px;
font-weight:bold;
}
.precautions .caution_ttl{
padding:4px;
text-align:center;
font-size:11px;
background-color:#fff;
}
  .symptoms_board_ttl{
color: #1db11d;
border-color: #1db11d;
}
.symptoms_board_txt + .symptoms_board_txt{
border-color: #1db11d;
}
.symptoms_board_check span{
color: #1db11d;
}
.symptoms_board_check::before{
border-color: #1db11d;
}
.tech1_kv_illust{
width: 140px;
bottom: -28px;
}
.mechanism_main_ttl{
color: #1db11d;
}
.mechanism_main_ttl::before,.mechanism_main_ttl::after {
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_9/subttl_double_line9.svg);
}
.mechanism_board::before,.mechanism_board::after{
border-color: #1db11d;
}
.effect_list_ttl::before{
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_9/icon_benefit_arw9.png);
} .mod-intro .detail_kv_name{
width: 189px;
}
@media screen and (max-width:768px){
.mod-intro .detail_kv_main{
margin-left: 8vw;
}
.mod-intro .detail_kv_name{
width: 30vw;
}
.mod-intro .detail_kv_pkg{
margin-left: 17vw;
}
}
.effect_list_txt span{
display: block;
}
.sec1{
position: relative;
padding-bottom: 0;
z-index: 1;
}
.sec1 .trans_bg_clr{
position: absolute;
width: 100%;
height: 180px;
bottom: 0;
background-color: #fff4c3;
z-index: -1;
} .movie_transcription{
position: relative;
width: 100%;
background-color: #fff4c3;
}
.movie_transcription img{
width: 100%;
height: auto;
vertical-align: top;
}
.movie_trans_innr{
position: relative;
margin: 0 auto;
padding-top: 50px;
padding-bottom: 50px;
width: 100%;
max-width: 790px;
}
.movie_trans_detail{
position: relative;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/icon_linedot.png);
background-position: top 40px left 22px;
}
.movie_trans_img{
position: absolute;
width: 300px;
top: -20px;
right: 0px;
z-index: 2;
}
.mov_trans_txt{ font-size: 18px;
line-height: 41px;
font-weight: 600;
color: #000;
}
.txt_highlight{
padding: 4px 3px;
color: #fff;
background-color: #1db11d;
}
@media screen and (max-width:768px){
.sec1 .trans_bg_clr{
display: none;
}
.movie_trans_innr{
padding-top: 30px;
padding-bottom: 15px;
width: 90vw;
}
.movie_trans_img{
position: relative;
margin: 0 auto;
padding: 25px 0;
width: 280px;
top: auto;
right: auto;
}
.mov_trans_txt{
font-size: 16px;
}
.mov_trans_txt:first-child {
padding-bottom: 0;
}
}
@media screen and (max-width:360px){
.mov_trans_txt{
font-size: 15px;
}
}
.mod-intro{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_9/bg_separator9.png);
background-repeat:no-repeat;
background-position:top 0 center;
background-size:cover;
}
.mod-intro-inner{
margin:0 auto;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_9/detail_kv_bg9.png);
background-repeat:no-repeat;
background-position:top 0 center;
background-size:auto;
} .sec2 .column-2 .glid .column_ttl{
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_9/icon_arrw9.png);
background-repeat:no-repeat;
background-position:left 0 top 7px;
background-size:auto;
}
@media screen and (max-width:768px){
.sec2 .column-2 .glid .column_ttl{
background-position:left 0 top 1.6vw;
}
} .sec3{
background:#1db11d;
}
.sec3 .sec-inner .spec-list li a:hover{
color:#1db11d;
}
.sec3 .sec-inner .how_detail_list .text{
margin-right:0;
width:620px;
}
.sec3 .sec-inner .how_detail_list .how_fig1{
position:absolute;
width:122px;
left:0;
bottom:0;
}
.sec3 .sec-inner .why_cont{
padding-bottom:50px;
}
.sec3 .sec-inner .why_conts_ttl{
position:relative;
margin:0 auto 40px auto;
padding:0;
width:670px;
text-align:center;
}
.sec3 .sec-inner .advice_sub_ttl{
position:relative;
display:inline-block;
margin:0 auto;
font-size: 22px;
line-height: 30px;
font-weight: bold;
color: #1db11d;
}
.sec3 .sec-inner .advice_sub_ttl span{
position: relative;
z-index: 2;
}
.sec3 .sec-inner .advice_sub_ttl::after{
content: '';
position: absolute;
width:100%;
height:9px;
background-color: #fff4c3;
bottom: 5px;
left: 0;
z-index: 1;
}
.sec3 .sec-inner .advice_ttl1{
margin:0 auto;
padding-top:25px;
padding-bottom:15px;
width:251px;
}
.sec3 .sec-inner .advice_fig1{
position:absolute;
width:91px;
bottom:-30px;
right:0;
z-index:2;
}
.sec3 .sec-inner .advice_fig2{
position:absolute;
width:94px;
bottom:-5px;
left:0;
z-index:2;
}
.sec3 .sec-inner .why_list2{
margin:0 auto;
padding:25px 0;
display:block;
width:670px;
border-top:2px dotted #4dc24d;
border-bottom:2px dotted #4dc24d;
}
.sec3 .sec-inner .why_list2 li{
margin:0 auto;
padding-bottom:5px;
vertical-align:top;
width:470px;
text-align:left;
}
.sec3 .sec-inner .why_list2 li:last-child{
padding-bottom:0;
}
.sec3 .sec-inner .why_list2 li p{
font-size:16px;
line-height:28px;
}
.sec3 .sec-inner .why_list2 li span{
padding-right:10px;
font-size:12px;
color:#1db11d;
}
@media screen and (max-width:768px){
.sec3 .sec-inner .how_detail_list .text{
margin-right:5vw;
padding-bottom:6vw;
width:55vw;
}
.sec3 .sec-inner .how_detail_list .how_fig1{
position:relative;
width:25vw;
bottom:8vw;
}
.sec3 .sec-inner .advice_fig1{
margin-left:0;
margin:0 auto;
width:40vw;
}
.sec3 .sec-inner .why_cont{
padding-bottom:8vw;
}
.sec3 .sec-inner .why_conts_ttl{
margin-bottom:6vw;
width:80vw;
}
.sec3 .sec-inner .advice_ttl1{
padding-top:2vw;
padding-bottom:2vw;
width:50vw;
}
.sec3 .sec-inner .advice_sub_ttl {
margin:0;
padding-bottom:1vw;
font-size:0.9rem;
line-height:1.5rem;
}
.sec3 .sec-inner .advice_fig1{
position:absolute;
width:16vw;
bottom:-2vw;
right:-2vw;
}
.sec3 .sec-inner .advice_fig2{
position:absolute;
width:16vw;
bottom:3.5vw;
left:-2vw;
}
.sec3 .sec-inner .why_list2{
padding:4vw 0;
width:80vw;
}
.sec3 .sec-inner .why_list2 li{
padding-bottom:2vw;
width:80vw;
}
.sec3 .sec-inner .why_list2 li p{
font-size:0.9rem;
line-height:1.4rem;
}
.sec3 .sec-inner .why_list2 li span{
padding-right:2vw;
font-size:0.8rem;
}
} .lineup .lineup_list li{
height: auto;
}
.lineup .lineup_ttl.tt_type1::before{
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/teach/detail_9/icon_granule9.png);
}
.lineup .lineup_list li a{
padding-bottom: 30px;
}
.lineup .lineup_list a .caption dt{
color:#1db11d;
}
.lineup .lineup_list a .caption dd.caption_pdgbtm {
padding-bottom: 20px;
}
.precautions .caution_ttl{
color:#1db11d;
}
.precautions .caution_ttl.caution_ttl_line{
border-right:1px solid #1db11d;
}
@media screen and (max-width:768px){
.lineup .lineup_list li a{
padding-bottom: 6vw;
}
}