@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;
}
}
 a:focus,*:focus { outline:none; }
.slider-sec{
position:relative;
width:100%;
height:350px;
margin-top:10px;
}
@media (max-width:769px){
.slider-sec{
height:53.125vw;
margin-top:0;
}
}
.slider-sec-outer{height:100%;}
.slider-sec .bx-pager,.slider-sec .slider-pager{z-index:99999;position:absolute;bottom:11px;width:100%;line-height:0;font-size:0;letter-spacing:-.40em;text-align:center}
.slider-sec .bx-pager-item,.slider-sec .slider-pager-item{display:inline-block;letter-spacing:normal}
.slider-sec .bx-pager-link,.slider-sec .slider-pager-link{display:block;width:10px;height:10px;margin:0 5px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-dot.png) 0 0 no-repeat}
.slider-sec .bx-pager-link.active,.slider-sec .slider-pager-link.active{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-dot_c.png)}
.slider-sec .bx-controls-direction,.slider-sec .slider-controls-direction{z-index:99999;position:absolute;bottom:0;width:100%;min-width:980px}
.slider-sec .bx-controls-direction a,.slider-sec .slider-controls-direction a{position:absolute;bottom:147px;width:40px;height:55px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:center center;background-repeat:no-repeat}
.slider-sec .bx-prev,.slider-sec .slider-prev{left:20px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-arrow_l.png)}
.slider-sec .bx-next,.slider-sec .slider-next{right:20px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-arrow_r.png)}
.slider>ul:before,.slider>ul:after{content:"";display:table}.slider>ul:after{clear:both}.slider>ul>li{float:left;width:100%}
.slider-scene1{position:relative;width:950px;margin-right:auto;margin-left:auto}
.slider-scene1:before,.slider-scene1:after{content:"";display:table}
.slider-scene1:after{clear:both}
.slider-scene1 .chara-block{z-index:99;position:absolute;top:0;left:15px;width:275px;height:372px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-figure.png) 0 0 no-repeat}
.slider-scene1 .chara-block .voice{position:absolute;top:30px;left:-20px;width:98px;height:111px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 0;background-repeat:no-repeat}
.slider-scene1 .chara-block .ques-voice{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques-voice.png)}
.slider-scene1 .chara-block .ans-voice{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-voice.png)}
.slider-scene1 .ques-block{float:right;width:629px;margin:48px 52px 0 0}
.slider-scene1 .ques-block:before,.slider-scene1 .ques-block:after{content:"";display:table}
.slider-scene1 .ques-block:after{clear:both}
.slider-scene1 .ques-block h2{float:right}.slider-scene1 .ques-block .ques-outer{float:left;width:480px}
.slider-scene1 .ques-block .ques-outer:before,.slider-scene1 .ques-block .ques-outer:after{content:"";display:table}.slider-scene1 .ques-block .ques-outer:after{clear:both}.slider-scene1 .ques-block .ques-outer .caption{margin-bottom:15px}.slider-scene1 .ques-block .ques-container{float:left;width:235px;height:260px;margin-left:10px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques-bg.png) 0 0 no-repeat}.slider-scene1 .ques-block .ques-container.ques1{margin-left:0}.slider-scene1 .ques-block .ques-container h3{margin-top:24px;text-align:center}.slider-scene1 .ques-block .ques-container ul{width:186px;margin:20px auto 0}.slider-scene1 .ques-block .ques-container li{margin-top:13px;padding-bottom:12px;padding-left:3px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques-line.png) 0 bottom no-repeat}.slider-scene1 .ques-block .ques-container a{position:relative;display:block;padding-left:29px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-check.png) 0 0 no-repeat}.slider-scene1 .ques-block .ques-container a i{position:absolute;top:-5px;left:-5px;display:block;width:30px;height:30px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-checked.png);background-position:center center;background-repeat:no-repeat;-webkit-transition:opacity .3s, -webkit-transform .3s ease-in;transition:opacity .3s, transform .3s ease-in;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.slider-scene1 .ques-block .ques-container a span{display:block;width:150px;height:20px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 center;background-repeat:no-repeat}.slider-scene1 .ques-block .ques-container a:hover i{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.slider-scene1 .ques-block .ques-container .radio1 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques1.png)}.slider-scene1 .ques-block .ques-container .radio2 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques2.png)}.slider-scene1 .ques-block .ques-container .radio3 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques3.png)}.slider-scene1 .ques-block .ques-container .radio4 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques4.png)}.slider-scene1 .ques-block .ques-container .radio5 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques5.png)}.slider-scene1 .ques-block .ques-container .radio6 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques6.png)}.slider-scene1 .ques-block .ques-container .radio7 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques7.png)}.slider-scene1 .ques-block .ques-container .radio8 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques8.png)}.slider-scene1 .ques-block .ques-container .radio8{margin-top:8px;padding-bottom:9px}.slider-scene1 .ques-block .ques-container .radio8 a{background-position:0 5px}.slider-scene1 .ques-block .ques-container .radio8 a i{top:0px}.slider-scene1 .ques-block .ques-container .radio8 a span{height:29px}.slider-scene1 .ans-block{position:relative;float:right;width:580px;height:240px;margin-top:57px;margin-right:52px;padding:20px 30px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-bg.png) 0 0 no-repeat}.slider-scene1 .ans-block:before,.slider-scene1 .ans-block:after{content:"";display:table}.slider-scene1 .ans-block:after{clear:both}
@-webkit-keyframes slider-figure-anime{50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}
@keyframes slider-figure-anime{50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}.slider-scene1 .ans-block .figure{z-index:100;position:relative;float:left;width:151px;height:210px;margin-right:42px;padding:30px 0 0 25px;background-repeat:no-repeat;background-position:right center}.slider-scene1 .ans-block .figure a{display:block}.slider-scene1 .ans-block .figure.hover img{-webkit-animation:lineup-figure-anime .2s ease;animation:lineup-figure-anime .2s ease}.slider-scene1 .ans-block .figure .label{display:block;width:77px;height:20px;margin:10px 0 0 17px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-label.png) 0 0 no-repeat;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none}.slider-scene1 .ans-block h3{z-index:98;position:relative}.slider-scene1 .ans-block i{position:absolute;display:block;width:108px;height:100px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 0;background-repeat:no-repeat}.slider-scene1 .ans-block .lead{z-index:99;position:relative;margin-top:16px;font-size:1em}.slider-scene1 .ans-block .btn-block{position:absolute;bottom:57px;left:250px}.slider-scene1 .ans-block .btn-block:before,.slider-scene1 .ans-block .btn-block:after{content:"";display:table}.slider-scene1 .ans-block .btn-block:after{clear:both}.slider-scene1 .ans-block .btn-block li{float:left;width:165px;height:44px;margin-right:10px;background-position:0 0;background-repeat:no-repeat}.slider-scene1 .ans-block .btn-block a{display:block;width:165px;height:44px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 0;background-repeat:no-repeat;-webkit-transition:opacity .2s;transition:opacity .2s}.slider-scene1 .ans-block .btn-block a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.slider-scene1 .ans-block .btn-block_pattern{position:absolute;bottom:20px;left:250px}.slider-scene1 .ans-block .btn-block_pattern:before,.slider-scene1 .ans-block .btn-block_pattern:after{content:"";display:table}.slider-scene1 .ans-block .btn-block_pattern:after{clear:both}.slider-scene1 .ans-block .btn-block_pattern li{float:left;height:27px;margin-right:10px;background-position:0 0;background-repeat:no-repeat}.slider-scene1 .ans-block .btn-block_pattern a{display:block;height:27px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 0;background-repeat:no-repeat;-webkit-transition:opacity .2s;transition:opacity .2s}.slider-scene1 .ans-block .btn-block_pattern a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern1{width:340px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern1_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern1 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern1.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern2{width:340px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern2_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern2 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern2.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern3_1{width:340px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern3_1_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern3_1 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern3_1.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern3_2{width:165px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern3_2_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern3_2 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern3_2.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern4_1{width:340px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern4_1_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern4_1 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern4_1.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern4_2{width:165px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern4_2_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern4_2 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern4_2.png)}.slider-scene1 .ans-block#ans_lineup1 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-dotline.png)}.slider-scene1 .ans-block#ans_lineup1 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-bg.gif)}.slider-scene1 .ans-block#ans_lineup1 .lead{color:#ed4c00}.slider-scene1 .ans-block#ans_lineup1 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-btn_o.png)}.slider-scene1 .ans-block#ans_lineup1 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-btn.png)}.slider-scene1 .ans-block#ans_lineup1 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup1 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup2 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-dotline.png)}.slider-scene1 .ans-block#ans_lineup2 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-bg.gif)}.slider-scene1 .ans-block#ans_lineup2 .lead{color:#00a8e4}.slider-scene1 .ans-block#ans_lineup2 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-btn_o.png)}.slider-scene1 .ans-block#ans_lineup2 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-btn.png)}.slider-scene1 .ans-block#ans_lineup2 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup2 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup3 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-dotline.png)}.slider-scene1 .ans-block#ans_lineup3 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-bg.gif)}.slider-scene1 .ans-block#ans_lineup3 .lead{color:#11bb84}
.slider-scene1 .ans-block#ans_lineup3 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-btn_o.png)}.slider-scene1 .ans-block#ans_lineup3 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-btn.png)}.slider-scene1 .ans-block#ans_lineup3 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup3 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup4 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-dotline.png)}.slider-scene1 .ans-block#ans_lineup4 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-bg.gif)}.slider-scene1 .ans-block#ans_lineup4 .lead{color:#0061c5}.slider-scene1 .ans-block#ans_lineup4 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-btn_o.png)}.slider-scene1 .ans-block#ans_lineup4 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-btn.png)}.slider-scene1 .ans-block#ans_lineup4 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup4 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup5 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-dotline.png)}.slider-scene1 .ans-block#ans_lineup5 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-bg.gif)}.slider-scene1 .ans-block#ans_lineup5 .lead{color:#a100d4}.slider-scene1 .ans-block#ans_lineup5 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-btn_o.png)}.slider-scene1 .ans-block#ans_lineup5 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-btn.png)}.slider-scene1 .ans-block#ans_lineup5 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup5 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup6 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-dotline.png)}.slider-scene1 .ans-block#ans_lineup6 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-bg.gif)}.slider-scene1 .ans-block#ans_lineup6 .lead{color:#cf9c1b}.slider-scene1 .ans-block#ans_lineup6 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-btn_o.png)}.slider-scene1 .ans-block#ans_lineup6 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-btn.png)}.slider-scene1 .ans-block#ans_lineup6 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup6 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup7 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-dotline.png)}.slider-scene1 .ans-block#ans_lineup7 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-bg.gif)}.slider-scene1 .ans-block#ans_lineup7 .lead{color:#98c900}.slider-scene1 .ans-block#ans_lineup7 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-btn_o.png)}.slider-scene1 .ans-block#ans_lineup7 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-btn.png)}.slider-scene1 .ans-block#ans_lineup7 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup7 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup8 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-dotline.png)}.slider-scene1 .ans-block#ans_lineup8 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-bg.gif)}.slider-scene1 .ans-block#ans_lineup8 .lead{color:#ec1d43}.slider-scene1 .ans-block#ans_lineup8 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-btn_o.png)}.slider-scene1 .ans-block#ans_lineup8 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-btn.png)}.slider-scene1 .ans-block#ans_lineup8 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup8 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup1 i{top:20px;right:35px}.slider-scene1 .ans-block#ans_lineup2 i{top:17px;right:22px}.slider-scene1 .ans-block#ans_lineup3 i{top:12px;right:29px}.slider-scene1 .ans-block#ans_lineup4 i{top:7px;right:35px}.slider-scene1 .ans-block#ans_lineup5 i{top:20px;right:5px}.slider-scene1 .ans-block#ans_lineup6 i{top:24px;right:22px}.slider-scene1 .ans-block#ans_lineup7 i{top:20px;right:15px}.slider-scene1 .ans-block#ans_lineup8 i{top:15px;right:15px}.slider-scene1 .ans-block#ans_lineup5 h3{margin-top:15px}.slider-scene1 .ans-block#ans_lineup5 .lead{margin-top:20px}.slider-scene1 .ans-block#ans_lineup5 .btn-block{bottom:30px}.slider-scene1.phase1 .ans-block h3{margin-top:10px}.slider-scene1.phase1 .ans-block .btn-block{bottom:35px}.slider-scene1.phase1 .ans-block#ans_lineup1 i{top:30px}.slider-scene1.phase1 .ans-block#ans_lineup2 i{top:27px}.slider-scene1.phase1 .ans-block#ans_lineup3 i{top:22px}.slider-scene1.phase1 .ans-block#ans_lineup4 i{top:17px}
.slider-scene1.phase1 .ans-block#ans_lineup5 i{top:30px}
.slider-scene1.phase1 .ans-block#ans_lineup6 i{top:34px}.slider-scene1.phase1 .ans-block#ans_lineup7 i{top:30px}.slider-scene1.phase1 .ans-block#ans_lineup8 i{top:25px}
.slider-scene1.phase1 .btn-block_pattern{display:none}.slider-scene2{text-align:center}
.slider-scene2 a{display:block}
.slider-scene5{
margin-top:22px;
text-align:center;
background-color:#fff4b7;
}
.slider-scene5 a{display:block}
.slider-scene6{
background-color:#f77a00;
}
.slider-scene4{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider_kazelab_bg.jpg) center bottom repeat-x;
text-align:center;
background-color:#fff;
}
.slider-scene4 a{display:block}
.slider-scene3{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene3-bg.png) center bottom repeat-x;
text-align:center;
background-color:#fff;
}
.slider-scene3 a{display:block}
.lineup-sec{background-color:#f9f9f9}
.lineup-sec .inner{
margin:0 auto;
width:100%; max-width: 1024px;
height:140px;
display: flex;
justify-content: space-around;
align-items: center;
}
.lineup-sec .inner:before,.lineup-sec .inner:after{
content:"";
display:table;
}
.lineup-sec .inner:after{clear:both}
.lineup-sec h2{
float:left;
margin-left: 0; width:119px;
height:58px;
overflow:hidden;
font-size:0;
text-indent:100%;
white-space:nowrap;
outline:none;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/lineup-title2.png) 0 0 no-repeat;
background-size:100% auto;
}
.lineup-sec ul{
position: relative;
float:right; display: flex;
justify-content: flex-end;
align-items: center;
}
.lineup-sec ul:before,.lineup-sec ul:after{content:"";display:table}
.lineup-sec ul:after{clear:both}
.lineup-sec li{
position: relative;
float:left;
margin-left:16px;
}
.lineup-sec li img{
height: 85px;
width: auto;
}
.lineup-sec li:first-child{
margin-left:0;
}
.lineup-sec a{
display:block;
}
@-webkit-keyframes lineup-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 lineup-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)}}
.lineup-sec a img{
-webkit-transition:opacity .2s;transition:opacity .2s;
}
.lineup-sec a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75;-webkit-animation:lineup-figure-anime .2s ease;animation:lineup-figure-anime .2s ease;
}
@media (max-width:769px){
.lineup-sec{
clear:both;
}
.lineup-sec .inner{
display: block;
width:100%;
height:auto;
}
.lineup-sec h2{
float: none;
clear: both;
margin: 7vw auto 0 auto;
width: 26vw;
background-size: 100% auto;
}
.lineup-sec ul{
float:none;
clear:both;
margin: 5vw auto 4vw auto;
list-style:none;
width: 95vw;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
text-align:center;
}
.lineup-sec li{
float:none;
clear:both;
display:inline-block;
margin:0;padding:0;
margin-right: 3vw;
margin-bottom: 4vw;
height: 20vw;
width: auto;
text-align:center;
vertical-align:top;
}
.lineup-sec li:last-child{
margin-right: 0;
}
.lineup-sec li:nth-child(6){
margin-right: 0;
}
.lineup-sec li img{
height: 20vw;
}
} .news-sec{
width:950px;
margin-right:auto;
margin-left:auto;
margin-top:45px;
}
.news-sec h2{
width:96px;
height:30px;
overflow:hidden;
font-size:0;
text-indent:100%;
white-space:nowrap;
outline:none;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/news-title2.png) 0 0 no-repeat;
background-size: 100% auto;
}
.news-sec dl{ }
.news-sec dl:before,.news-sec dl:after{content:"";display:table}
.news-sec dl:after{clear:both}.news-sec dl+dl{margin-top:10px}
.news-sec dt,.news-sec dd{font-size:1.14286em}
.news-sec dt{float:left;width:6.5em;padding-left:20px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/news-icon.png) 0 center no-repeat}
.news-sec dd{overflow:hidden;margin-left:12px}
.lineup-sec li{
position:relative;
}
.lineup-sec .top_lineup_new{
position:absolute;
margin:0;padding:0;
width:32px;
height:12px;
bottom:-16px;
left:50%;
margin-left:-16px;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/top_lineup_new.png);
background-repeat:no-repeat;
background-position:top center;
}
.news-sec .news_conts{
margin:20px 0 0 0;
padding:0;
width:100%;
height:105px;
overflow-y:auto;
}
div::-webkit-scrollbar{
width: 12px;
}
div::-webkit-scrollbar-track {
border-radius: 10px;
background-color:#f9f9f9;
}
div::-webkit-scrollbar-thumb {
background-color:#ff475a;
border-radius: 10px;
box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
@media (max-width:769px){
.news-sec{
width: 90.625%;
margin:30px auto 0;
}
.news-sec .news_conts{
height: 200px;
}
.news-sec h2{
width: 75px;
height: 24px;
overflow: hidden;
font-size: 0;
text-indent: 100%;
white-space: nowrap;
outline: none;
margin: 0 auto;
background-size:auto 100%;
}
.news-sec dl{
width: 95%;
}
.news-sec dt{
margin-bottom:5px;
padding:0;
width:100%;
background-image:none;
font-size: 0.9em;
}
.news-sec dd{
float:left;
margin-left:0;
margin-bottom:5px;
width:100%;
font-size: 0.9em;
}
} .specialbnr-sec{width:950px;margin-right:auto;margin-left:auto;margin-top:50px}
.specialbnr-sec:before,.specialbnr-sec:after{content:"";display:table}
.specialbnr-sec:after{clear:both}
.specialbnr-sec .specialbnr{float:left;margin-left:30px}
.specialbnr-sec .specialbnr:first-child{margin-left:0}
.specialbnr-sec #spbnr-cmGallery{position:relative;width:340px}
.specialbnr-sec #spbnr-cmGallery h3{
z-index:99;
position:absolute;
top:253px;
left:205px;
width: 258px;
}
.specialbnr-sec #spbnr-cmGallery a{
display: block;
position: relative;
overflow: hidden;
border-radius: 10px;
-webkit-transition:opacity .2s;
transition:opacity .2s;
}
.specialbnr-sec #spbnr-cmGallery a:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity:0.75;
}
.specialbnr-sec #spbnr-faq{width:290px}
.specialbnr-sec #spbnr-faq a{-webkit-transition:opacity .2s;transition:opacity .2s}
.specialbnr-sec #spbnr-faq a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75}
.specialbnr-sec #spbnr-voice{float:right;margin-left:0}
.specialbnr-sec #spbnr-voice a{
display: block;
position: relative;
overflow: hidden;
border-radius: 10px;
-webkit-transition:opacity .2s;
transition:opacity .2s;
}
.specialbnr-sec #spbnr-voice a:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity:0.75;
}
.specialbnr-sec #spbnr-forecast{position:relative;width:260px;height:200px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/spbnr-forecast-bg.png) 0 0 no-repeat}
.specialbnr-sec #spbnr-forecast h3{line-height:35px;border-bottom:1px solid #f66;color:#f66;font-weight:bold;font-size:1.28571em;text-align:center}
.specialbnr-sec #spbnr-forecast .lead{line-height:1.2;margin-top:8px;font-weight:bold;font-size:1.07143em;text-align:center}
.specialbnr-sec #spbnr-forecast .per{margin-top:4px;color:#f66;font-weight:bold;text-align:center;vertical-align:baseline}
.specialbnr-sec #spbnr-forecast .per,.specialbnr-sec #spbnr-forecast .per *{line-height:1}
.specialbnr-sec #spbnr-forecast .per strong{font-style:italic;font-size:4.28571em;letter-spacing:-.05em}
.specialbnr-sec #spbnr-forecast .per span{font-style:italic;margin-left:.1em;font-size:3.14286em}
.specialbnr-sec #spbnr-forecast .sns-block{position:absolute;bottom:0;left:21px;width:220px;height:45px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/spbnr-forecast-dotline.png) 0 0 no-repeat}
.specialbnr-sec #spbnr-forecast .sns-block:before,.specialbnr-sec #spbnr-forecast .sns-block:after{content:"";display:table}
.specialbnr-sec #spbnr-forecast .sns-block:after{clear:both}
.specialbnr-sec #spbnr-forecast .sns-block dt{float:left;width:70px;margin-top:15px;text-align:center}
.specialbnr-sec #spbnr-forecast .sns-block dd{overflow:hidden;margin-top:12px}
.specialbnr-sec #spbnr-forecast .sns-block dd .fb{margin-left:4px}
@media (max-width:769px){
.specialbnr-sec{
width:100%;
margin:30px auto;
padding:30px 15px;
clear:both;
background-color: #f9f9f9;
}
.specialbnr-sec img{
width:100%;
border:none;
vertical-align:top;
}
.specialbnr-sec #spbnr-cmGallery{
margin:0;
width:45%;
}
.specialbnr-sec #spbnr-voice{
margin:0 30px 0 auto;
width:45%;
}
} .overview-sec{
width:950px;
margin-right:auto;
margin-left:auto;
margin-top:60px;
}
.overview-sec h2{
width:430px;
margin-right:auto;
margin-left:auto;
height:20px;
font-size:20px;
line-height:30px;
color:#ff6666;
font-weight:bold;
text-align:center;
outline:none;
}
.overview-sec p{
line-height:1.8;
margin-top:30px;
margin-bottom:30px;
font-size:1.14286em;
}
.overview-sec .btn{margin-top:30px;text-align:center}
.overview-sec .btn a{-webkit-transition:opacity .2s;transition:opacity .2s}
.overview-sec .btn a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75}
.overview-sec .btn_top{
margin:0 auto 20px auto;
width:348px;
height:40px;
border-radius:4px;
background-color:#ff6666;
}
.overview-sec .btn_top:last-child{
margin-bottom:0;
}
.overview-sec .btn_top a{
display:block;
position:relative;
margin:0 auto;
width:348px;
height:40px;
text-decoration:none;
font-size:14px;
line-height:40px;
font-weight:bold;
letter-spacing:1px;
color:#fff;
text-align:center;
transition:0.3s;
}
.overview-sec .btn_top a::after{
content:'';
position:absolute;
width:0;
height:0;
top:50%;
right:13px;
transform:translate(0,-50%);
border-top: solid 4px transparent;
border-right: solid 4px transparent;
border-bottom: solid 4px transparent;
border-left: solid 6px #fff;
transition:0.3s;
}
.overview-sec .btn_top a:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.overview-sec .btn_top a:hover::after{
right:8px;
}
@media (max-width:769px){
.overview-sec{
width:100%;
margin:30px auto;
padding:0;
}
.overview-sec img{
width:100%;
}
.overview-sec h2{
margin:0 auto;
width:90%;
font-size:1.2em;
}
.overview-sec p{
margin:20px 10px;
font-size:1em;
}
.overview-sec .btn{
margin:30px auto 0 auto;
width:300px; }
.overview-sec .btn_top{
margin-bottom:4vw;
width:80vw;
height:10vw;
border-radius:1.5vw;
}
.overview-sec .btn_top a{
width:80vw;
height:10vw;
font-size:0.82rem;
line-height:10vw;
letter-spacing:0;
}
.overview-sec .btn_top a::after{
right:2vw;
}
} .itemlist-sec{
position: relative;
margin-top: 50px;
padding-top: 50px;
padding-bottom: 30px;
background-color :#f9f9f9;
}
.itemlist-sec .inner{
width:950px;
margin-right:auto;
margin-left:auto;
}
.itemlist-sec .inner:before,.itemlist-sec .inner:after{content:"";display:table}
.itemlist-sec .inner:after{clear:both} .itemlist-sec .newitemlist_slider{
position: relative;
margin:0;padding:0;
display: flex;
flex-wrap: wrap;
}
.itemlist-sec .newitem{
position: relative;
margin-right: 30px; margin-bottom: 20px;
display: block;
width: 212px; height: 300px;
}
.itemlist-sec .newitem.new::before{
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;
z-index: 20;
pointer-events: none;
}
.itemlist-sec .newitem.item6,
.itemlist-sec .newitem.item10{
margin-right: 0;
}
.itemlist-sec .newitem a{
margin: 0;padding: 0;
display: block;
text-decoration: none;
background-color: #fff;
}
.newitem_catch{
position: relative;
height: 160px;
text-align: center;
background-color: #fff;
}
.newitem_catch .title{
position:relative;
padding-top: 15px;
height: 32px;
width: auto;
text-align: center;
left: 50%;
transform: translate(-50%,0);
}
.newitem_catch .title img{
height:100%;
width:auto;
}
.newitem_catch .figure{
position:relative;
margin: 0 auto;
padding-top: 15px;
height: 81px;
}
.newitem_catch .figure img{
height:100%;
width:auto;
}
.newitem_detail{
position: relative;
height: 140px;
text-align: center;
display: flex;
flex-direction: column;
}
.newitem_detail .detail_ttl{
position: relative;
width: 100%;
height: 30px;
font-size: 14px;
line-height: 30px;
color: #fff;
font-weight: bold;
text-align: center;
}
.newitem_detail .detail_copy{
padding-top: 8px;
font-size: 12px;
font-weight: bold;
text-align: center;
font-feature-settings: "palt";
}
.newitem_detail .detail_link{
position: relative;
margin: 0 auto;
margin-top: auto;
margin-bottom: 15px;
width: 146px;
height: 26px;
font-size: 12px;
line-height: 25px;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 100vh;
}
.newitem_detail .detail_link::after{
content: '';
position: absolute;
top: 50%;
right: 15px;
transform: translate(0,-50%);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #fff;
transition: .3s ease;
}
.itemlist-sec a:hover .detail_link::after{
right: 12px;
}
.newitem.item1 .newitem_detail{background-color: #ffdbca;}
.newitem.item1 .detail_copy{color: #ed4c00;}
.newitem.item1 .detail_ttl{background-color: #ed4c00;}
.newitem.item1 .detail_link{background-color: #ed4c00;}
.newitem.item2 .newitem_detail{background-color: #caf1ff;}
.newitem.item2 .detail_copy{color: #00a8e4;}
.newitem.item2 .detail_ttl{background-color: #00a8e4;}
.newitem.item2 .detail_link{background-color: #00a8e4;}
.newitem.item3 .newitem_detail{background-color: #caffee;}
.newitem.item3 .detail_copy{color: #00b77c;}
.newitem.item3 .detail_ttl{background-color: #00b77c;}
.newitem.item3 .detail_link{background-color: #00b77c;}
.newitem.item4 .newitem_detail{background-color: #f4d1ff;}
.newitem.item4 .detail_copy{color: #a914d8;}
.newitem.item4 .detail_ttl{background-color: #a914d8;}
.newitem.item4 .detail_link{background-color: #a914d8;}
.newitem.item5 .newitem_detail{background-color: #fff6ca;}
.newitem.item5 .detail_copy{color: #cc9500;}
.newitem.item5 .detail_ttl{background-color: #cc9500;}
.newitem.item5 .detail_link{background-color: #cc9500;}
.newitem.item6 .newitem_detail{background-color: #f2ffca;}
.newitem.item6 .detail_copy{color: #98c900;}
.newitem.item6 .detail_ttl{background-color: #98c900;}
.newitem.item6 .detail_link{background-color: #98c900;}
.newitem.item7 .newitem_detail{background-color: #cae4ff;}
.newitem.item7 .detail_copy{color: #0061c5;}
.newitem.item7 .detail_ttl{background-color: #0061c5;}
.newitem.item7 .detail_link{background-color: #0061c5;}
.newitem.item8 .newitem_detail{background-color: #ffd5de;}
.newitem.item8 .detail_copy{color: #eb0032;}
.newitem.item8 .detail_ttl{background-color: #eb0032;}
.newitem.item8 .detail_link{background-color: #eb0032;}
.newitem.item9 .newitem_detail{background-color: #ccffca;}
.newitem.item9 .detail_copy{color: #07b300;}
.newitem.item9 .detail_ttl{background-color: #07b300;}
.newitem.item9 .detail_link{background-color: #07b300;} .newitem.item10 .newitem_detail{background-color: #ffd9f5;}
.newitem.item10 .detail_copy{color: #ba4c91;}
.newitem.item10 .detail_ttl{background-color: #ba4c91;}
.newitem.item10 .detail_link{background-color: #ba4c91;} .newitem.item11 .newitem_detail{background-color: #e7faf9;}
.newitem.item11 .detail_copy{color: #0f867f;}
.newitem.item11 .detail_ttl{background-color: #0f867f;}
.newitem.item11 .detail_link{background-color: #0f867f;} .itemlist-sec .itemlist_slider{
position: relative;
margin:0;padding:0;
}
.itemlist-sec .item{
float:left;
width:300px;
margin-top:30px;
margin-left:25px;
}
.itemlist-sec .item1,.itemlist-sec .item4,.itemlist-sec .item7,.itemlist-sec .item10{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 a:before,.itemlist-sec a:after{content:"";display:table}
.itemlist-sec a:after{clear:both}
@media (max-width:769px){
.itemlist-sec{
margin:0;
padding-top: 0;
padding-bottom:0;
clear:both;
}
.itemlist-sec .inner{
padding:30px 0;
width:100%;
}
.itemlist-sec .newitemlist_slider{
display: none;
} .itemlist-sec .newitemlist_slider.slick-initialized{
display: block;
}
.itemlist-sec .newitem{
margin-right: 0;
margin-bottom: 0;
width: 100%;
height: 40vw;
}
.itemlist-sec .newitem.new::before{
left: 5vw;
}
.itemlist-sec .newitem a{
margin: 0 auto;
width: 90vw;
height: 40vw;
display: flex;
justify-content: space-between;
align-items: stretch;
}
.newitem_catch{
width: 50%;
height: 40vw;
}
.newitem_catch .title{
padding-top: 3vw;
height: 7.5vw;
}
.newitem_catch .figure{
padding-top: 4vw;
height: 20vw;
animation: none;
transform: none;
transition: unset;
}
.newitem_detail{
width: 50%;
height: 40vw;
}
.newitem_detail .detail_ttl{
height: 8vw;
font-size: 1rem;
line-height: 8vw;
}
.newitem_detail .detail_copy{
padding-top: 2vw;
font-size: 0.8rem;
}
.newitem_detail .detail_link{
margin-bottom: 4vw;
width: 146px;
height: 26px;
font-size: 0.8rem;
line-height: 25px;
}
.newitem_detail .detail_link::after{
right: 12px;
animation: none;
transition: unset;
} }
.bx-controls{display:block;}
.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 .catch img{
padding-top:60px;
} .itemlist-sec .copy{
margin-top:8px;
font-size:0.85714em;
font-feature-settings:"palt";
text-align:center;
}
@media (max-width:769px){
.itemlist-sec .catch p{
font-size:1.3rem;
line-height:1.8rem;
}
.itemlist-sec .copy{
margin-top:12px;
font-size:0.95em;
}
} .itemlist-sec .item1 .catch{
color:#ed4c00;
background-color:#ffdbca;
}
.itemlist-sec .item1 .copy{color:#ed4c00} .itemlist-sec .item2 .catch{
color:#00a8e4;
background-color:#caf1ff;
}
.itemlist-sec .item2 .copy{color:#00a8e4} .itemlist-sec .item3 .catch{
color:#00b77c;
background-color:#caffee;
}
.itemlist-sec .item3 .copy{color:#00b77c} .itemlist-sec .item4 .catch{
color:#a914d8;
background-color:#f4d1ff;
}
.itemlist-sec .item4 .copy{color:#a914d8} .itemlist-sec .item5 .catch{
color:#cc9500;
background-color:#fff6ca;
}
.itemlist-sec .item5 .copy{color:#cc9500} .itemlist-sec .item6 .catch{
color:#98c900;
background-color:#f2ffca;
}
.itemlist-sec .item6 .copy{color:#98c900} .itemlist-sec .item7 .catch{
color:#0061c5;
background-color:#cae4ff;
}
.itemlist-sec .item7 .copy{color:#0061c5} .itemlist-sec .item8 .catch{
color:#eb0032;
background-color:#ffd5de;
}
.itemlist-sec .item8 .copy{color:#eb0032} .itemlist-sec .item9 .catch{
color:#07b300;
background-color:#ccffca;
}
.itemlist-sec .item9 .copy{color:#07b300}
.itemlist-sec a:hover .figure{
-webkit-animation:item-figure-anime .2s;
animation:item-figure-anime .2s;
} @-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)}
}
@media (max-width:769px){
.itemlist-sec a:hover .figure{
animation-play-state:paused;
}
}
.modal-ovarview{width:950px;margin-right:auto;margin-left:auto;padding:40px 0}
.modal-ovarview .logo,.modal-ovarview .lead,.modal-ovarview .figure{text-align:center}
.modal-ovarview .lead{margin-top:50px}
.modal-ovarview .figure{margin-top:25px}
.modal-ovarview .logo{
margin:0 auto;
width:469px;
height:auto;
}
.modal-ovarview .lead{
margin:50px auto 0 auto;
width:581px;
height:auto;
}
.modal-ovarview .figure{
margin:25px auto;
width:680px;
height:auto;
}
.modal-ovarview .text-block{margin-top:60px;text-align:left}
.modal-ovarview .text-block p{margin-top:1.5em;font-size:1.14286em}
.modal-ovarview .btn{margin-top:50px}
.modal-ovarview .btn a{-webkit-transition:opacity .2s;transition:opacity .2s}
.modal-ovarview .btn a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75}
.fancybox-opened .fancybox-skin{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
@media (max-width:769px){  .fancybox-wrap{ width:initial;
}
.fancybox-inner{
width:initial;
}
.modal-ovarview{
width:85vw;
}
.modal-ovarview img{
width:100%;
}
.modal-ovarview .logo{
width:85vw;
height:auto;
}
.modal-ovarview .lead{
margin-top:30px;
width:85vw;
height:auto;
}
.modal-ovarview .figure {
width:85vw;
height:auto;
}
.modal-ovarview .text-block{
margin-top:30px;
font-size: 1em;
}
.modal-ovarview .text-block p{
margin-top: 1.3em;
font-size: 1em;
line-height: 1.8;
}
.modal-ovarview .btn{
margin:40px auto 0 auto;
width:60vw;
height:auto;
}
}   .specialbnr-sec #spbnr-cmGallery h3{
pointer-events: none;
}
.specialbnr-sec #spbnr-cmGallery{
width: 450px;
}
.specialbnr-sec #spbnr-cmGallery img{
width: 100%;
height: auto;
vertical-align: bottom;
}
@media (max-width:769px){
.specialbnr-sec #spbnr-cmGallery{
width: 45%;
}
} .modalbg {
position:fixed;
top:0;
left:0;
z-index:9999;
display: none;
width: 100%;
height: 100%;
overflow: auto;
background-color:rgba(255,255,255,0.9);
}
.modalbg_btn{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
} .modalContent {
display: none;
position:absolute;
padding: 0;
width:100%;
height:100%;
z-index:9999;
}
.modal_conts{
position:relative;
margin: 0 auto;
padding: 0;
width:100%;
overflow: auto;
}
.modal_cnts_innr{
position:relative;
margin: 0 auto;
padding: 80px 0;
width: 100%;
max-width:900px;
}
.modal_cnts_detail{
position: relative;
text-align: center;
}
@media screen and (max-width:896px){
.modal_cnts_innr {
padding: 20vw 0;
width:90vw;
}
.modalContent {
padding: 0;
}
} .sindan_bnr{
margin:0 auto;
padding-top:50px;
width:948px;
transition:0.3s;
}
.sindan_bnr img{
width:100%;
height:auto;
}
.sindan_bnr:hover{
opacity: 0.8;
}
@media (max-width:769px){
.sindan_bnr{
padding-top:30px;
width:90vw;
}
}
.slider-scene7{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene7_bg.png) center bottom repeat-x;
text-align:center;
background-color:#e81010;
}
.slider-scene8{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene8_bg.jpg) center bottom repeat-x;
text-align:center;
background-color:#094b8a;
}
.slider-scene9{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene9_bg.png) center bottom repeat-x;
text-align:center;
background-color:#0192d9;
}
.slider-scene10{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene10_bg.png) center bottom repeat-x;
text-align:center;
background-color:#5bb9d0;
}
.slider-scene11{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene11_bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
text-align:center;
background-color:#208cbd;
}
.slider-scene12{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene12_bg.png) center bottom repeat-x;
text-align:center;
background-color:#69a719;
}
.slider-scene13{
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene13_bg.png);
background-color:#cc3333;
}
.slider-scene14{
margin-top:22px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene14_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #f1d031;
}
.slider .inner a{
opacity:1!important;
}
@media (max-width:769px){
.slider-scene11{
background-image:none;
}
}
.top_new_icon{
position:absolute;
margin:0;padding:0;
width:47px;
height:46px;
top:8px;
left:8px;
z-index:10;
}
.footer_banner{
margin: 20px auto;
padding: 0;
width:950px;
text-align: center;
}
.footer_banner ul{
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
}
.footer_banner ul li{
display: inline-block;
margin: 0;
padding: 0 3px;
vertical-align: top;
}
.footer_banner img{
width:215px;
height:60px;
}
.footer_banner ul li a:hover{
opacity: 0.8;
} #case_item {
position:relative;
margin:0 auto;
padding:0;
width:100%;
height:350px;
text-align:center;
}
#case_item .arr_left{
position:absolute;
top:160px;
left:20px;
width:19px;
height:32px;
}
#case_item .arr_right{
position:absolute;
top:160px;
right:20px;
width:19px;
height:32px;
}
#case_item .arr_left img,
#case_item .arr_right img{
width:100%;
display:block;
}
#case_item .prog_list img {
width:100%;
vertical-align:top;
display:block;
}
#case_item .project {
text-align:center;
}
#case_item .project .slider > div .inner img {
margin: 0 auto;
width:950px;
vertical-align:top;
display:block;
}
#case_item .project {
height:350px;
padding:0;
overflow: hidden;
text-align: center;
}
#case_item .project .slider {
width: 100%;
height:350px;
overflow: visible;
}
#case_item .project .slider > div {
width:100%;
height:350px;
margin: 0 auto;
padding:0;
overflow: visible;
}
#case_item .project .slider > div .inner {
width:100%;
height:350px;
margin: 0 auto;
padding:0;
text-align:center;
}
#case_item .project .slider > div .inner a {
display: block;
width:100%;
height:350px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#case_item .project .slider > div .inner a:hover{
opacity: 0.8;
}
#case_item .slick-slide{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
line-height: 300px;
margin: 0;
padding: 0;
width:100%;
}
#case_item .slick-center{
overflow: visible;
text-indent:0;
white-space:normal;
line-height: 28px;
margin: 0;
padding: 0;
width:100%;
}
#case_item .slick-cloned{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
line-height: 300px;
margin: 0;
padding: 0;
width:100%;
}
@media (max-width:769px){
#case_item .project .slider > div .inner img {
width:100vw;
}
#case_item{
height:53.125vw;
}
#case_item .project {
height:53.125vw;
}
#case_item .project .slider {
height:53.125vw;
}
#case_item .project .slider > div {
height:53.125vw;
}
#case_item .project .slider > div .inner {
height:53.125vw;
}
#case_item .project .slider > div .inner a {
height:53.125vw;
}
#case_item .arr_left{
top:26vw;
left:5px;
width:10px;
height:auto;
}
#case_item .arr_right{
top:26vw;
right:5px;
width:10px;
height:auto;
} .newitemlist_slider{
position:relative;
margin:0 auto;
padding:0;
width:100%;
overflow: hidden;
text-align:center;
}
.newitemlist_slider .slick-prev,.newitemlist_slider .slick-next{
display:none!important;
}
.newitemlist_slider .slick-list{
width:100%;
}
.newitemlist_slider > div .inner img {
margin: 0 auto;
width:100%;
vertical-align:top;
display:block;
}
.newitemlist_slider > div {
width:100%;
height: 50vw;
margin: 0 auto;
padding:0;
overflow: visible;
}
.newitemlist_slider > div .inner {
width:100%;
height:200px;
margin: 0 auto;
padding:0;
text-align:center;
}
.newitemlist_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;
}
.newitemlist_slider > div .inner a:hover{
opacity: 0.8;
}
.newitemlist_slider .slick-slide{
margin: 0;
padding: 0;
width:300px;
}
.newitemlist_slider .slick-slide img {
display:unset!important;
}
.newitemlist_slider .slick-center{
margin: 0;
padding: 0;
width:300px;
}
.newitemlist_slider .slick-cloned{
margin: 0;
padding: 0;
width:300px;
} .newitemlist_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%;
margin-left:-150px;
}
.newitemlist_slider .slick-dots li {
position:relative;
display:inline-block;
width:20px;
height:20px;
margin:0 2px;
padding: 0;
cursor:pointer;
vertical-align:top;
}
.newitemlist_slider .slick-dots li button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance:none;
font-size:0;
}
.newitemlist_slider .slick-dots li button:before{
color:#fadcdc!important;
}
.newitemlist_slider .slick-dots li.slick-active button:before{
color:#fe6767!important;
}  .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%;
height:230px;
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%;
margin-left:-150px;
}
.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;
}
.itemlist_slider .slick-dots li button:before{
color:#fadcdc!important;
}
.itemlist_slider .slick-dots li.slick-active button:before{
color:#fe6767!important;
}
}
  .specialbnr-sec #spbnr-cmGallery h3{
pointer-events: none;
}
.specialbnr-sec #spbnr-cmGallery{
width: 450px;
}
.specialbnr-sec #spbnr-cmGallery img{
width: 100%;
height: auto;
vertical-align: bottom;
}
@media (max-width:769px){
.specialbnr-sec #spbnr-cmGallery{
width: 45%;
}
} .modalbg {
position:fixed;
top:0;
left:0;
z-index:9999;
display: none;
width: 100%;
height: 100%;
overflow: auto;
background-color:rgba(255,255,255,0.9);
}
.modalbg_btn{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
} .modalContent {
display: none;
position:absolute;
padding: 0;
width:100%;
height:100%;
z-index:9999;
}
.modal_conts{
position:relative;
margin: 0 auto;
padding: 0;
width:100%;
overflow: auto;
}
.modal_cnts_innr{
position:relative;
margin: 0 auto;
padding: 80px 0;
width: 100%;
max-width:900px;
}
.modal_cnts_detail{
position: relative;
text-align: center;
}
@media screen and (max-width:896px){
.modal_cnts_innr {
padding: 20vw 0;
width:90vw;
}
.modalContent {
padding: 0;
}
} .sindan_bnr{
margin:0 auto;
padding-top:50px;
width:948px;
transition:0.3s;
}
.sindan_bnr img{
width:100%;
height:auto;
}
.sindan_bnr:hover{
opacity: 0.8;
}
@media (max-width:769px){
.sindan_bnr{
padding-top:30px;
width:90vw;
}
}
.slider-scene7{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene7_bg.png) center bottom repeat-x;
text-align:center;
background-color:#e81010;
}
.slider-scene8{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene8_bg.jpg) center bottom repeat-x;
text-align:center;
background-color:#094b8a;
}
.slider-scene9{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene9_bg.png) center bottom repeat-x;
text-align:center;
background-color:#0192d9;
}
.slider-scene10{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene10_bg.png) center bottom repeat-x;
text-align:center;
background-color:#5bb9d0;
}
.slider-scene11{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene11_bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
text-align:center;
background-color:#208cbd;
}
.slider-scene12{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene12_bg.png) center bottom repeat-x;
text-align:center;
background-color:#69a719;
}
.slider-scene13{
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene13_bg.png);
background-color:#cc3333;
}
.slider-scene14{
margin-top:22px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene14_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #f1d031;
}
.slider .inner a{
opacity:1!important;
}
@media (max-width:769px){
.slider-scene11{
background-image:none;
}
}
.top_new_icon{
position:absolute;
margin:0;padding:0;
width:47px;
height:46px;
top:8px;
left:8px;
z-index:10;
}
.footer_banner{
margin: 20px auto;
padding: 0;
width:950px;
text-align: center;
}
.footer_banner ul{
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
}
.footer_banner ul li{
display: inline-block;
margin: 0;
padding: 0 3px;
vertical-align: top;
}
.footer_banner img{
width:215px;
height:60px;
}
.footer_banner ul li a:hover{
opacity: 0.8;
} #case_item {
position:relative;
margin:0 auto;
padding:0;
width:100%;
height:350px;
text-align:center;
}
#case_item .arr_left{
position:absolute;
top:160px;
left:20px;
width:19px;
height:32px;
}
#case_item .arr_right{
position:absolute;
top:160px;
right:20px;
width:19px;
height:32px;
}
#case_item .arr_left img,
#case_item .arr_right img{
width:100%;
display:block;
}
#case_item .prog_list img {
width:100%;
vertical-align:top;
display:block;
}
#case_item .project {
text-align:center;
}
#case_item .project .slider > div .inner img {
margin: 0 auto;
width:950px;
vertical-align:top;
display:block;
}
#case_item .project {
height:350px;
padding:0;
overflow: hidden;
text-align: center;
}
#case_item .project .slider {
width: 100%;
height:350px;
overflow: visible;
}
#case_item .project .slider > div {
width:100%;
height:350px;
margin: 0 auto;
padding:0;
overflow: visible;
}
#case_item .project .slider > div .inner {
width:100%;
height:350px;
margin: 0 auto;
padding:0;
text-align:center;
}
#case_item .project .slider > div .inner a {
display: block;
width:100%;
height:350px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#case_item .project .slider > div .inner a:hover{
opacity: 0.8;
}
#case_item .slick-slide{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
line-height: 300px;
margin: 0;
padding: 0;
width:100%;
}
#case_item .slick-center{
overflow: visible;
text-indent:0;
white-space:normal;
line-height: 28px;
margin: 0;
padding: 0;
width:100%;
}
#case_item .slick-cloned{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
line-height: 300px;
margin: 0;
padding: 0;
width:100%;
}
@media (max-width:769px){
#case_item .project .slider > div .inner img {
width:100vw;
}
#case_item{
height:53.125vw;
}
#case_item .project {
height:53.125vw;
}
#case_item .project .slider {
height:53.125vw;
}
#case_item .project .slider > div {
height:53.125vw;
}
#case_item .project .slider > div .inner {
height:53.125vw;
}
#case_item .project .slider > div .inner a {
height:53.125vw;
}
#case_item .arr_left{
top:26vw;
left:5px;
width:10px;
height:auto;
}
#case_item .arr_right{
top:26vw;
right:5px;
width:10px;
height:auto;
} .newitemlist_slider{
position:relative;
margin:0 auto;
padding:0;
width:100%;
overflow: hidden;
text-align:center;
}
.newitemlist_slider .slick-prev,.newitemlist_slider .slick-next{
display:none!important;
}
.newitemlist_slider .slick-list{
width:100%;
}
.newitemlist_slider > div .inner img {
margin: 0 auto;
width:100%;
vertical-align:top;
display:block;
}
.newitemlist_slider > div {
width:100%;
height: 50vw;
margin: 0 auto;
padding:0;
overflow: visible;
}
.newitemlist_slider > div .inner {
width:100%;
height:200px;
margin: 0 auto;
padding:0;
text-align:center;
}
.newitemlist_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;
}
.newitemlist_slider > div .inner a:hover{
opacity: 0.8;
}
.newitemlist_slider .slick-slide{
margin: 0;
padding: 0;
width:300px;
}
.newitemlist_slider .slick-slide img {
display:unset!important;
}
.newitemlist_slider .slick-center{
margin: 0;
padding: 0;
width:300px;
}
.newitemlist_slider .slick-cloned{
margin: 0;
padding: 0;
width:300px;
} .newitemlist_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%;
margin-left:-150px;
}
.newitemlist_slider .slick-dots li {
position:relative;
display:inline-block;
width:20px;
height:20px;
margin:0 2px;
padding: 0;
cursor:pointer;
vertical-align:top;
}
.newitemlist_slider .slick-dots li button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance:none;
font-size:0;
}
.newitemlist_slider .slick-dots li button:before{
color:#fadcdc!important;
}
.newitemlist_slider .slick-dots li.slick-active button:before{
color:#fe6767!important;
}  .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%;
height:230px;
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%;
margin-left:-150px;
}
.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;
}
.itemlist_slider .slick-dots li button:before{
color:#fadcdc!important;
}
.itemlist_slider .slick-dots li.slick-active button:before{
color:#fe6767!important;
}
}