@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}@keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}@-webkit-keyframes rising{0%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}}@keyframes rising{0%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-rising,.faa-rising.animated,.faa-rising.animated-hover:hover{-webkit-animation:rising 2s linear infinite;animation:rising 2s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-fast,.faa-rising.animated-hover.faa-fast:hover,.faa-rising.animated.faa-fast{-webkit-animation:rising 1s linear infinite;animation:rising 1s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-slow,.faa-rising.animated-hover.faa-slow:hover,.faa-rising.animated.faa-slow{-webkit-animation:rising 3s linear infinite;animation:rising 3s linear infinite}@font-face {
font-family: 'flexslider-icon';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/font/flexslider-icon.eot); src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/font/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/font/flexslider-icon.woff) format('woff'), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/font/flexslider-icon.ttf) format('truetype'), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/font/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;  
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 0px;
background: #fff;
border: 0px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer; color: rgba(255, 255, 255, 0.8);
text-align: center; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 30px;
display: inline-block;
content: '\f001';
color: rgba(255, 193, 7, 0.8); background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
} .flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 25px;
height: 5px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
text-align: center; }
@font-face {
font-family: VideoJS;
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/font/1.5.1/VideoJS.eot?#iefix) format("eot"); }
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");
font-weight: normal;
font-style: normal; }
.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
content: '\f101'; }
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-play-circle:before {
content: '\f102'; }
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
content: '\f103'; }
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
content: '\f104'; }
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
content: '\f105'; }
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
content: '\f106'; }
.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
content: '\f107'; }
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
content: '\f108'; }
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
content: '\f109'; }
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-square:before {
content: '\f10a'; }
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-spinner:before {
content: '\f10b'; }
.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
content: '\f10c'; }
.vjs-icon-captions, .video-js .vjs-captions-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
content: '\f10d'; }
.vjs-icon-chapters, .video-js .vjs-chapters-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
content: '\f10e'; }
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-share:before {
content: '\f10f'; }
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cog:before {
content: '\f110'; }
.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
content: '\f111'; }
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-outline:before {
content: '\f112'; }
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-inner-circle:before {
content: '\f113'; }
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-hd:before {
content: '\f114'; }
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
content: '\f115'; }
.vjs-icon-replay {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-replay:before {
content: '\f116'; }
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-facebook:before {
content: '\f117'; }
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-gplus:before {
content: '\f118'; }
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-linkedin:before {
content: '\f119'; }
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-twitter:before {
content: '\f11a'; }
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-tumblr:before {
content: '\f11b'; }
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pinterest:before {
content: '\f11c'; }
.vjs-icon-audio-description {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-audio-description:before {
content: '\f11d'; }
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 
width:100% !important;
}
.video-js:focus {outline: 0;}
.video-js:-moz-full-screen {
position: absolute; }
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important; }
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit; }
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0; }
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0; }
.video-js.vjs-16-9 {
padding-top: 56.25%; }
.video-js.vjs-4-3 {
padding-top: 75%; }
.video-js.vjs-fill {
width: 100%;
height: 100%; }
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto; }
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0; }
.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important; }
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none; }
.vjs-hidden {
display: none !important; }
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px; }
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible; }
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto; }
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC; }
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.75em;
margin-left: -1.5em; }
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
outline: 0;
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s; }
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none; }
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
overflow: visible;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2; }
.vjs-menu-button {
cursor: pointer; }
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
overflow: auto; }
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
display: none; }
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase; }
.vjs-menu li:focus,
.vjs-menu li:hover {
outline: 0;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F; }
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default; }
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7); }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em; }
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block; }
.video-js .vjs-menu-button-inline {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
overflow: hidden; }
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em; }
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em; }
.video-js .vjs-menu-button-inline.vjs-slider-active {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none; }
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1; }
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto; }
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto; }
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden; }
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3.0em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7); }
.vjs-has-started .vjs-control-bar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0.1s, opacity 0.1s;
-moz-transition: visibility 0.1s, opacity 0.1s;
-o-transition: visibility 0.1s, opacity 0.1s;
transition: visibility 0.1s, opacity 0.1s; }
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s; }
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important; }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible; }
@media \0screen {
.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content: ""; } }
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table; }
.video-js .vjs-control {
outline: none;
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.video-js .vjs-control:before {
font-size: 1.8em;
line-height: 1.67; }
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white; }
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle; }
.video-js .vjs-custom-control-spacer {
display: none; }
.video-js .vjs-progress-control {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-width: 4em; }
.vjs-live .vjs-progress-control {
display: none; }
.video-js .vjs-progress-holder {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
height: 0.3em; }
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.666666666666666666em; } .video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
display: block;
font-size: 0.6em; }
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 0.3em;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0; }
.video-js .vjs-mouse-display:before {
display: none; }
.video-js .vjs-play-progress {
background-color: #fff; }
.video-js .vjs-play-progress:before {
position: absolute;
top: -0.333333333333333em;
right: -0.5em;
font-size: 0.9em; }
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
display: none;
position: absolute;
top: -3.4em;
right: -1.5em;
font-size: 0.9em;
color: #000;
content: attr(data-current-time);
padding: 6px 8px 8px 8px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
border-radius: 0.3em; }
.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
z-index: 1; }
.video-js .vjs-load-progress {
background: #bfc7d3;
background: rgba(115, 133, 159, 0.5); }
.video-js .vjs-load-progress div {
background: white;
background: rgba(115, 133, 159, 0.75); }
.video-js.vjs-no-flex .vjs-progress-control {
width: auto; }
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1; }
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0; }
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block; }
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s; }
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
display: none; }
.video-js .vjs-progress-control .vjs-mouse-display:after {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8); }
.video-js .vjs-slider {
outline: 0;
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
-webkit-box-shadow: 0 0 1em #fff;
-moz-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff; }
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.video-js .vjs-volume-control {
width: 5em;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em; }
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em; }
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto; }
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff; }
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em; }
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em; }
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em; }
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em; }
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em; }
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%; }
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%; }
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
display: block;
width: 0;
height: 0;
border-top-color: transparent; }
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
left: 0.5em;
height: 8em; }
.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
left: -2em; }
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
height: 0;
width: 0;
overflow-x: hidden;
overflow-y: hidden; }
.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
height: 8em;
width: 2.9em; }
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
height: 2.9em;
width: 8em; }
.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
background-color: transparent !important; }
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%; }
.vjs-poster img {
display: block;
vertical-align: middle;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%; }
.vjs-has-started .vjs-poster {
display: none; }
.vjs-audio.vjs-has-started .vjs-poster {
display: block; }
.vjs-controls-disabled .vjs-poster {
display: none; }
.vjs-using-native-controls .vjs-poster {
display: none; }
.video-js .vjs-live-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 1em;
line-height: 3em; }
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left; }
.video-js .vjs-time-control {
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em; }
.vjs-live .vjs-time-control {
display: none; }
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none; }
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none; }
.vjs-time-divider {
display: none;
line-height: 3em; }
.vjs-live .vjs-time-divider {
display: none; }
.video-js .vjs-play-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none; }
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em; }
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5); }
.vjs-subtitles {
color: #fff; }
.vjs-captions {
color: #fc6; }
.vjs-tt-cue {
display: block; }
video::-webkit-media-text-track-display {
-moz-transform: translateY(-3em);
-ms-transform: translateY(-3em);
-o-transform: translateY(-3em);
-webkit-transform: translateY(-3em);
transform: translateY(-3em); }
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-moz-transform: translateY(-1.5em);
-ms-transform: translateY(-1.5em);
-o-transform: translateY(-1.5em);
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em); }
.video-js .vjs-fullscreen-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none; }
.vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center; }
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em; }
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center; }
.vjs-error .vjs-error-display:before {
color: #fff;
content: 'X';
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%; }
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px; }
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block; }
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s; }
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg); } }
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
.vjs-chapters-button .vjs-menu ul {
width: 24em; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-webkit-box-flex: auto;
-moz-box-flex: auto;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto; }
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button {
display: none; }
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button {
display: none; }
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
display: none; }
.vjs-caption-settings {
position: relative;
top: 1em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
margin: 0 auto;
padding: 0.5em;
height: 15em;
font-size: 12px;
width: 40em; }
.vjs-caption-settings .vjs-tracksettings {
top: 0;
bottom: 2em;
left: 0;
right: 0;
position: absolute;
overflow: auto; }
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
float: left; }
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
clear: both; }
.vjs-caption-settings .vjs-tracksettings-controls {
position: absolute;
bottom: 1em;
right: 1em; }
.vjs-caption-settings .vjs-tracksetting {
margin: 5px;
padding: 3px;
min-height: 40px; }
.vjs-caption-settings .vjs-tracksetting label {
display: block;
width: 100px;
margin-bottom: 5px; }
.vjs-caption-settings .vjs-tracksetting span {
display: inline;
margin-left: 5px; }
.vjs-caption-settings .vjs-tracksetting > div {
margin-bottom: 5px;
min-height: 20px; }
.vjs-caption-settings .vjs-tracksetting > div:last-child {
margin-bottom: 0;
padding-bottom: 0;
min-height: 0; }
.vjs-caption-settings label > input {
margin-right: 10px; }
.vjs-caption-settings input[type="button"] {
width: 40px;
height: 40px; }
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1; }@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}@font-face {
font-family: '02utsukushiminchoregular';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/utsukushifont-webfont.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/utsukushifont-webfont.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/utsukushifont-webfont.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/utsukushifont-webfont.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/utsukushifont-webfont.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/utsukushifont-webfont.svg#02utsukushiminchoregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Yu Mincho';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuMincho-Demibold.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuMincho-Demibold.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuMincho-Demibold.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuMincho-Demibold.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuMincho-Demibold.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuMincho-Demibold.svg#YuMincho-Demibold) format('svg');
font-weight: 600;
font-style: normal;
} @font-face {
font-family: 'Meiryo';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo.svg#Meiryo) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Meiryo';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo-Bold.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo-Bold.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo-Bold.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo-Bold.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo-Bold.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/Meiryo-Bold.svg#Meiryo-Bold) format('svg');
font-weight: bold;
font-style: normal;
}  @font-face {
font-family: 'Meiryo UI';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/MeiryoUIW53-Regular.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/MeiryoUIW53-Regular.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/MeiryoUIW53-Regular.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/MeiryoUIW53-Regular.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/MeiryoUIW53-Regular.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/MeiryoUIW53-Regular.svg#MeiryoUIW53-Regular) format('svg');
font-weight: normal;
font-style: normal;
}  @font-face {
font-family: 'Yu Gothic';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic/YuGothic-Regular.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.svg#YuGothic-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Yu Gothic';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.svg#YuGothic-Bold) format('svg');
font-weight: bold;
font-style: normal;
}  @font-face {
font-family: 'Yu Gothic UI';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Regular.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Regular.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Regular.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Regular.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Regular.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Regular.svg#YuGothicUI-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Yu Gothic UI';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Bold.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Bold.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Bold.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Bold.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Bold.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothicUI-Bold.svg#YuGothicUI-Bold) format('svg');
font-weight: bold;
font-style: normal;
} body {
background:#fff; 
font-size: 14px;   font-family: "Yu Gothic", sans-serif;
}
a {
color: #333;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:focus, 
a:hover {
text-decoration: none;
color: #333; } .form-control:focus {
border-color: #999;
outline: 0;
color: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
transition: all 0.3s ease 0s;
} .w_40_cust {width: 40%;}
.w-60 {width: 60% !important;}
.c-w-10 {width: 10% !important;}
.c-w-11dot5 {width: 11.5% !important;}
.c-w-15 {width: 15% !important;}
.c-w-20 {width: 20% !important;}
.c-w-22 {width: 22% !important;}
.c-w-25 {width: 25% !important;}
.c-w-26 {width: 26% !important;}
.c-w-27 {width: 27% !important;}
.c-w-28 {width: 28% !important;}
.c-w-30 {width: 30% !important;}
.c-w-35 {width: 35% !important;}
.c-w-40 {width: 40% !important;}
.c-w-45 {width: 45% !important;}
.c-w-44 {width: 44% !important;}
.c-w-50 {width: 50% !important;}
.c-w-55 {width: 55% !important;}
.c-w-56 {width: 56% !important;}
.c-w-60 {width: 60% !important;}
.c-w-65 {width: 65% !important;}
.c-w-70 {width: 70% !important;}
.c-w-72 {width: 72% !important;}
.c-w-73 {width: 73% !important;}
.c-w-74 {width: 74% !important;}
.c-w-75 {width: 75% !important;}
.c-w-78 {width: 78% !important;}
.c-w-80 {width: 80% !important;}
.c-w-82 {width: 82% !important;}
.c-w-85 {width: 85% !important;}
.c-w-88dot5 {width: 88.5% !important;}
.c-w-90 {width: 90% !important;}
.c-w-92 {width: 92% !important;}
.c-w-97 {width: 97% !important;}
.c-w-100 {width: 100% !important;}
.minHeight_74 {min-height: 88px;}
.minWidth_20 {min-width: 20px !important;}
.minWidth_30 {min-width: 30px !important;}
.minWidth_40 {min-width: 40px !important;}
.minWidth_50 {min-width: 50px !important;}
.minWidth_60 {min-width: 60px !important;}
.minWidth_70 {min-width: 70px !important;}
.minWidth_80 {min-width: 80px !important;}
.minWidth_89 {min-width: 89px !important;}
.minWidth_90 {min-width: 90px !important;}
.minWidth_100 {min-width: 100px !important;}
.minWidth_118 {min-width: 118px !important;}
.minWidth_120 {min-width: 120px !important;}
.minWidth_121 {min-width: 121px !important;}
.minWidth_130 {min-width: 130px !important;}
.minWidth_140 {min-width: 140px !important;}
.minWidth_150 {min-width: 150px !important;}
.minWidth_160 {min-width: 160px !important;}
.minWidth_180 {min-width: 180px !important;}
.minWidth_200 {min-width: 200px !important;}
.minWidth_210 {min-width: 210px !important;}
.minWidth_220 {min-width: 220px !important;}
.minWidth_230 {min-width: 230px !important;}
.minWidth_250 {min-width: 250px !important;}
.minWidth_260 {min-width: 260px !important;}
.minWidth_265 {min-width: 265px !important;}
.minWidth_275 {min-width: 275px !important;}
.minWidth_280 {min-width: 280px !important;}
.minWidth_300 {min-width: 300px !important;}
.minWidth_310 {min-width: 310px !important;}
.minWidth_330 {min-width: 330px !important;}
.minWidth_350 {min-width: 350px !important;}
.minWidth_380 {min-width: 380px !important;}
.minWidth_400 {min-width: 400px !important;}
.maxWidth_30 {max-width: 30px !important;}
.maxWidth_50 {max-width: 50px !important;}
.maxWidth_100 {max-width: 100px !important;}
.maxWidth_120 {max-width: 120px !important;}
.maxWidth_130 {max-width: 130px !important;}
.maxWidth_140 {max-width: 140px !important;}
.maxWidth_150 {max-width: 150px !important;}
.width_50 {width: 50px !important;}
.fbold {font-weight: bold !important;}
.font0 {font-size: inherit;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}
.font22 {font-size: 22px !important;}
.font24 {font-size: 24px !important;}
.font26 {font-size: 26px !important;}
.font28 {font-size: 28px !important;}
.font30 {font-size: 30px !important;}  .navbar-toggler:focus,
.navbar-toggler:active {
outline: 0;
}
.navbar-toggler-right {
position: relative;
right: 0;
top: 0;
}
.navbar-toggler span {
display: block;
background-color: #444;
height: 3px;
width: 25px;
margin-top: 4px;
margin-bottom: 4px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
position: relative;
left: 0;
opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
-webkit-transition: transform .35s ease-in-out;
-moz-transition: transform .35s ease-in-out;
-o-transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
height: 12px;
visibility: hidden;
background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
opacity: 0.9;
} .header_sec { background: #959595;
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 32%, #0a0a0a 54%, #0a0a0a 99%); background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 32%,#0a0a0a 54%,#0a0a0a 99%); background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 32%,#0a0a0a 54%,#0a0a0a 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#0a0a0a',GradientType=0 ); }
.header_sec span {color: #fff; font-size: 12px;} .footer_sec .footer_copyright { background: #959595;
background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 6%, #0a0a0a 54%, #0a0a0a 54%, #3f3f3f 79%, #0a0a0a 94%, #1b1b1b 97%); background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 6%,#0a0a0a 54%,#0a0a0a 54%,#3f3f3f 79%,#0a0a0a 94%,#1b1b1b 97%); background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 6%,#0a0a0a 54%,#0a0a0a 54%,#3f3f3f 79%,#0a0a0a 94%,#1b1b1b 97%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); }
.footer_sec .footer_copyright p {color: #fff; font-size: 12px; margin-bottom: 0;}
.footer_sec .footer_links {background: #fff; padding: 15px 0; box-shadow: 0px 0px 10px #eaeaea;}
.footer_sec .footer_links .nav-item {margin: 0 15px;}
.footer_sec .footer_links .nav-item .nav-link {color: #333; padding: 0.5rem 0rem; font-weight: normal; transition:all 0.3s ease;} .footer_links .nav-item.active .nav-link {color: #333;} .top_left_navbar_sec .nav-item .nav-link {color: #333; padding: 0.5rem 0.75rem; transition:all 0.3s ease;}
.top_left_navbar_sec .nav-item .nav-link:hover {
color: #333; 
background: rgba(255, 193, 7, 0.3); 
border-radius: 25px; 
padding: 0.5rem 0.75rem;
box-shadow: inset 0 0 0 1px #ffc107;
}
.top_left_navbar_sec .nav-item.active .nav-link {color: #333;}
.top_right_navbar_sec .nav-item .nav-link {color: #333;}
.top_right_navbar_sec .nav-item .nav-link:hover {color: #333;}
.top_right_navbar_sec .nav-item.active .nav-link {color: #333;}
.user_log {display: inline-block;}
.shopCart {display: inline-block;}
.shopCart i {font-size: 22px;}
.header_searchBox {position: absolute; left: 40%; top:18px;}
.customBredcrum_sec.breadcrumb {
margin-bottom: 0; border-radius: 0;
padding: 0.5rem 0rem 0;
line-height: 22px;
position: relative;
z-index: 1;
background: none;
}
.customBredcrum_sec.breadcrumb li {margin-bottom: 8px; font-family: 'Meiryo UI';}
.customBredcrum_sec.breadcrumb li:nth-child(2) {padding-left: 0.6rem;}
.customBredcrum_sec.breadcrumb li:nth-child(3) {padding-left: 0.6rem;}
.customBredcrum_sec.breadcrumb li:nth-child(n+4) {padding-left: 0.3rem;}
.customBredcrum_sec.breadcrumb li a {
font-weight: normal;
letter-spacing:0px;
-webkit-transition: letter-spacing .3s linear; 
-moz-transition: letter-spacing .3s linear; 
-ms-transition: letter-spacing .3s linear; 
-o-transition: letter-spacing  .3s linear; 
transition: letter-spacing  .3s linear;
font-size: 13px;
} .customBredcrum_sec.breadcrumb li.active {color:#e9005d; font-weight: normal;}
.customBredcrum_sec.breadcrumb li i {color:#e9005d; margin-left: 7px;}
.arr-right .breadcrumb-item+.breadcrumb-item::before {
content: "›";
vertical-align:top;
color: #333;
font-size:27px;
font-weight: bold;
line-height:20px;
display: none;
} .btn.customBtn_1 {
display: inline-block;
background: #fff;
border-radius: 25px;
color: #FFC000;
font-weight: bold;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; border: 3px solid #FFC000;
font-size: 18px;
}
.btn.customBtn_1:hover {
color: #fff;
transition : 0.3s;
box-shadow : inset 0px 0px 0px 2px #fff;
background-color : #FFC000;
}
.btn.customBtn_1.active {
color: #fff !important;
transition : 0.3s;
box-shadow : inset 0px 0px 0px 2px #fff;
background-color : #FFC000 !important;
} .custom_slides_1.flexslider .slides img {max-height: 400px; background-size: cover;}
.flexslider .bannerText_sec {
position: absolute;
top: 12%;
left: 12%;
color: #fff;
z-index: 1;    
min-width: 220px; width: 6%;
} .flexslider .bannerText_sec .bannerText_area h3 {  
text-align: center;
margin-bottom: 3rem;
font-weight: bold;
font-size: 28px;
}
.flexslider .bannerText_sec .bannerText_area .banner_form { margin: 0 auto;}
.btn:focus, .btn.focus {box-shadow: inherit;}
.btn.customBtn_noBg_1 {
border-radius: 25px;
color: #ed7d31;
line-height: 24px;
margin-bottom: 12px;
border: 1px solid #ed7d31;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
min-width: 180px;
}
.btn.customBtn_noBg_1:hover {
border-radius: 25px;
color: #ed7d31;
box-shadow: inherit;
}
.btn.customBtn_2 {
background: #ed7d31;
border-radius: 25px;
color: #fff;
line-height: 24px;
margin-bottom: 12px;
border: 1px solid #ed7d31;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
min-width: 180px;
}
.btn.customBtn_2:hover {
background: #ed7d31;
border-radius: 25px;
color: #fff;
box-shadow: inherit;
}
.btn.customNewBtn_1 {
background: #f39800;
border-radius: 0px;
color: #fff;
line-height: 20px;
margin-bottom: 12px;
border: 0px solid #f39800;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
min-width: 180px;
} 
.btn.customNewBtn_1:hover {
background: #e9025e;
border-radius: 0px;
color: #fff;
box-shadow: inherit;
}
.btn.customNewBtn_2 {
background: #fff;
border-radius: 50px;
color: #e9005d;
line-height: 18px;
margin-bottom: 12px;
border: 2px solid #e9a3bf;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
min-width: 180px; padding: 0.1rem 0.3rem 0.03rem;
}  
.btn.customNewBtn_2:hover {
background: #fff;
border-radius: 50px;
color: #f199bc;
box-shadow: inherit;
border: 2px solid #e9a3bf;
}
.btn.customNewBtn_3 {
background: #f39800;
border-radius: 0px;
color: #fff;
font-size: 18px;
margin-bottom: 12px;
min-width: 180px;
padding: 3px 0;
}
.btn.customNewBtn_3:hover {
background: #e9025e;
border-radius: 0px;
color: #fff;
box-shadow: inherit;
}
.btn.customNewBtn_5 {
background: #e9005d;
border-radius: 0px;
color: #fff;
font-size: 18px;
margin-bottom: 12px;
min-width: 180px;
padding: 3px 0;
}
.btn.customNewBtn_5:hover {
background: #e9005d;
border-radius: 0px;
color: #fff;
box-shadow: inherit;
}
.custom_fullWidth_downArrow_Btn_1 {
background: #eeeff3;
border-radius: 10px;
color: #e9005d; font-size: 16px;
font-family: 'Yu Gothic';
font-weight: bold;
margin-bottom: 25px;
border: 0px solid #eeeff3;
padding: 5px 0;
letter-spacing: -2px;
text-align: center;
} .custom_fullWidth_downArrow_Btn_1 img {
position: relative;
left: 45px;
top: 19px;
}
.btn.custom_fullWidth_Btn_1 {
background: #f39800;
border-radius: 0px;
color: #fff; font-size: 18px;
font-family: 'Yu Gothic';
margin-bottom: 12px;
padding: 2px 20px;
}
.btn.custom_fullWidth_Btn_1:hover {
background: #e9025e;
border-radius: 0px;
color: #fff;
box-shadow: inherit;
}
.btn.custom_fullWidth_Btn_1.btnText .leftSpan {width: 22%; float: left; padding: 4px 0px}
.btn.custom_fullWidth_Btn_1.btnText .rightSpan {width: 78%; float: left; line-height: 22px;}
.btn.custom_fullWidth_Btn_1.btnText .rightSpan small {width: 100%; font-size: 12px; line-height: 14px; text-align: right; display: inline-block;}
.btn.custom_fullWidth_Btn_1.btnText .rightSpan span {width: 100%; font-size: 18px; font-weight: bold; text-align: right; display: inline-block;}
.btn.custom_fullWidth_Btn_2 {
border-radius: 0px;
border: 0;
color: #fff;
font-size: 24px;
font-weight: 500;
font-family: 'Yu Gothic';
margin-bottom: 25px;
padding: 10px 0px;
} 
.btn.custom_fullWidth_Btn_4 {
border-radius: 0px;
border: 0;
color: #fff;
font-size: 24px;
font-weight: bold;
font-family: 'Meiryo UI';
margin-bottom: 25px;
padding: 12px 0px 8px;
} .btn.custom_fullWidth_Btn_2 span {font-size: 18px; font-weight: 500;}
.btn.gradient_orangeBtn {
background: #ffa84c;
background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%);
background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);
background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
} 
.btn.gradient_orangeBtn:hover {
background: #ff7b0d;
background: -moz-linear-gradient(top,  #ff7b0d 0%, #ffa84c 100%);
background: -webkit-linear-gradient(top,  #ff7b0d 0%,#ffa84c 100%);
background: linear-gradient(to bottom,  #ff7b0d 0%,#ffa84c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 );
}
.btn.custom_fullWidth_Btn_4 {
background: #f39500;
background: -moz-linear-gradient(top,  #f39500 0%, #f36900 100%);
background: -webkit-linear-gradient(top,  #f39500 0%,#f36900 100%);
background: linear-gradient(to bottom,  #f39500 0%,#f36900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39500', endColorstr='#f36900',GradientType=0 );
} 
.btn.custom_fullWidth_Btn_4:hover {
background: #f36900;
background: -moz-linear-gradient(top,  #f36900 0%, #f39500 100%);
background: -webkit-linear-gradient(top,  #f36900 0%,#f39500 100%);
background: linear-gradient(to bottom,  #f36900 0%,#f39500 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36900', endColorstr='#f39500',GradientType=0 );
}
.btn.gradient_greenBtn {
background: #74b43a;
background: -moz-linear-gradient(top,  #74b43a 0%, #4a9706 100%);
background: -webkit-linear-gradient(top,  #74b43a 0%,#4a9706 100%);
background: linear-gradient(to bottom,  #74b43a 0%,#4a9706 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74b43a', endColorstr='#4a9706',GradientType=0 );
} 
.btn.gradient_greenBtn:hover {
background: #4a9706;
background: -moz-linear-gradient(top,  #4a9706 0%, #74b43a 100%);
background: -webkit-linear-gradient(top,  #4a9706 0%,#74b43a 100%);
background: linear-gradient(to bottom,  #4a9706 0%,#74b43a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9706', endColorstr='#74b43a',GradientType=0 );
} 
.btn.roseBtn {
background: #aa0d4b;    
border: 1px solid #aa0d4b;
} 
.btn.roseBtn:hover {
background: #aa0d4b;
border: 1px solid #aa0d4b;
}
.btn.grayBtn {
background: #adadad;    
border: 1px solid #adadad;
} 
.btn.grayBtn:hover {
background: #adadad;
border: 1px solid #adadad;
}
.btn.blueBtn {
background: #4472c4;    
border: 1px solid #4472c4;
} 
.btn.blueBtn:hover {
background: #4472c4;
border: 1px solid #4472c4;
}
.btn.greenBtn {
background: #70ad47;    
border: 1px solid #70ad47;
}  
.btn.greenBtn:hover {
background: #70ad47;
border: 1px solid #70ad47;
}
.btn.bluefbBtn {
background: #2f5597;    
border: 1px solid #2f5597;
} 
.btn.bluefbBtn:hover {
background: #2f5597;
border: 1px solid #2f5597;
}
.btn.redBtn {
background: #f60116;    
border: 1px solid #f60116;
} 
.btn.redBtn:hover {
background: #f60116;
border: 1px solid #f60116;
}
.btn.greenLineBtn {
background: #00b900;    
border: 1px solid #00b900;
} 
.btn.greenLineBtn:hover {
background: #00b900;
border: 1px solid #00b900;
}
.btn.yellowAmazBtn {
background: #f1c65e;    
border: 1px solid #f1c65e;
color: #333;
} 
.btn.yellowAmazBtn:hover {
background: #f1c65e;
border: 1px solid #f1c65e;
color: #333;
}
.btn.whiteBtn {
background: #fff;    
border: 1px solid #d8d8d8;
color: #333;
} 
.btn.whiteBtn:hover {
background: #fff;
border: 1px solid #d8d8d8;
color: #333;
}
.btn.instaBtn {
background: #d93176;    
border: 1px solid #d93176;
} 
.btn.instaBtn:hover {
background: #d93176;
border: 1px solid #d93176;
}
.btn.fbNewBtn {
background: #1877f2;    
border: 1px solid #1877f2;
} 
.btn.fbNewBtn:hover {
background: #1877f2;
border: 1px solid #1877f2;
}
.btn.twitterBtn {
background: #1da1f2;    
border: 1px solid #1da1f2;
} 
.btn.twitterBtn:hover {
background: #1da1f2;
border: 1px solid #1da1f2;
} .bg_white {
background: #fff; }
.bg_gray {
background: #f2f2f2; }
.bg_gray_2 {
background: #f8f5f6; }
.bg_gray_3 {
background: #f4eef0; }
.bg_gray_4 {
background: #f6f6f6; }
.bg_gray_5 {
background: #f1eeef; }
.carosuel_sec .title_sec h2 {
font-weight: bold;
margin-bottom: 15px;
}
.carosuel_sec .title_sec h2 span {
font-weight: bold;
color: #ed7d31;
}
.carosuel_sec .title_sec p {
font-size: 12px;
margin-bottom: 10px;
color: #333;
}
.owl-carousel .item {
width: 318px;
margin: 0 0 15px 0;
}
.owl-carousel .item img {
display: block;
width: 100%;
height: 100%;
max-height: 180px;
}   .carosel_slide_sec.owl-theme .owl-nav { position: absolute;
margin-top: 0;
top: 30%;
width: 100%;
height: 30px;
z-index: -1;
}
.carosel_slide_sec.owl-theme .owl-nav button {
outline: 0;
color: green;  margin: 0; }
.carosel_slide_sec.owl-theme .owl-nav button i {
font-size: 31px;
font-weight: bold;
color: #a7a7a7;
line-height: 28px;
}
.carosel_slide_sec.owl-theme .owl-nav button.owl-prev {
position: absolute;
left: 0%;
top: 0;
}
.carosel_slide_sec.owl-theme .owl-nav button.owl-prev .prev-slide {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/arrow_left_owlNav.png) 0px 0px no-repeat;  
left: 0%;
width: 30px;
height: 30px;
}
.carosel_slide_sec.owl-theme .owl-nav button.owl-prev .prev-slide:hover {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/arrow_left_owlNav_hover.png) 0px 0px no-repeat;  
}
.carosel_slide_sec.owl-theme .owl-nav button.owl-next {
position: absolute;
top: 0;
right: 0%;
}
.carosel_slide_sec.owl-theme .owl-nav button.owl-next .next-slide {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/arrow_right_owlNav.png) 0px 0px no-repeat;  
right: 0%;
width: 30px;
height: 30px;
}
.carosel_slide_sec.owl-theme .owl-nav button.owl-next .next-slide:hover {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/arrow_right_owlNav_hover.png) 0px 0px no-repeat;  
}
.carosel_slide_sec.owl-theme .owl-nav button.owl-prev i {margin-left: -3px;}
.carosel_slide_sec.owl-theme .owl-nav button.owl-next i {margin-left: 1px;} .carosel_slide_sec.owl-theme .owl-nav [class*='owl-']:hover {background: inherit;}
.carosel_slide_sec.owl-theme .owl-nav [class*='owl-']:hover i {color: #e9005d;}
.carosel_slide_sec.owl-theme .owl-dots button:focus {outline: 0px;}
.carosel_slide_sec.owl-theme .owl-dots .owl-dot span {width: 8px; height: 8px; background: #8c0038;}
.carosel_slide_sec.owl-theme .owl-dots .owl-dot.active span {background: #fff; border:2px solid #8c0038;}    .cardBody_img {
width: 100%;
height: 120px;
padding: 0;
position: relative;
top: 18px;
transform: scale(1.3);
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
z-index: 3;
}
.cardBody_content {
position: absolute;
top: -14px;
left: 0;
z-index: 1;
background: rgba(0,0,0,0.5);
color: #fff;
width: 100%;
height: 120px;
padding: 10px;
transform: scale(0.77);
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
z-index: 3;
}
.card_heading {font-size: 15px; font-weight: bold;}
.card_location, .card_price {font-size: 12px;}
.card_location i {
width: 25px;
height: 25px;
background: #3c91f5;
text-align: center;
border-radius: 50%;
font-size: 14px;
vertical-align: middle;
line-height: normal;
padding: 6px 0;
}
.card_price i {
width: 25px;
height: 25px;
background: #f8a01a;
text-align: center;
border-radius: 50%;
font-size: 14px;
vertical-align: middle;
line-height: normal;
padding: 6px 0;
}
.content {
position: relative; width: 100%;
margin: auto;
overflow: hidden;
}
.white_overlay .content .content-overlay {background: rgba(255,255,255,0.7);}
.white_overlay .content-details p {color: #333;}
.content .content-overlay {
background: rgba(0,0,0,0.7);
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.content:hover .content-overlay {opacity: 0.7;}  
.content-image {width: 100%;}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details {
top: 25%;
left: 50%;
opacity: 1;
} .content-details p {
color: #fff;
font-size: 0.75em;
}
.fadeIn-bottom{top: 80%;}
.fadeIn-top{top: 20%;}
.fadeIn-left{left: 20%;}
.fadeIn-right{left: 80%;}   .back-to-top {
cursor: pointer;
position: fixed;
bottom: 60px;
right: 20px;
display:none;	
}
.btn.back-to-top {
border-radius: 5px;
background: #ffc107;
color: #fff;
z-index: 1;
border: 0px solid #fff;  }
.btn.back-to-top:hover {
border-radius: 50%; box-shadow: 0px 4px 2px #ccc;
}  #sliderThumbView.flexslider {margin-bottom: 2px; border-radius: 5px; background:transparent; border: 0px solid #e4e4e4;} #sliderThumbView.flexslider .flex-direction-nav a {outline: 0;}
#sliderThumbView.flexslider .slides img {margin: 0 auto; border-radius: 5px; max-width: 100%; object-fit: contain;} #sliderThumbView.flexslider.cusImg_pr {padding-right: 80px;}
#carouselThumbnail.flexslider {background:transparent;}
#carouselThumbnail li {margin-right: 5px; border-right: 1px solid #fff;}
#carouselThumbnail img {display: block; opacity: .5; cursor: pointer; transition: opacity .8s ease-out; border-radius: 5px; max-height: 100px;}
#carouselThumbnail img:hover {opacity: 1;}
#carouselThumbnail .flex-active-slide img {
opacity: 1;
cursor: default; border-radius: 5px;
}
#carouselThumbnail.flexslider:hover .flex-direction-nav a {outline: 0;}  .event_detailBanner_sec {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/event_detail_banner_blurBg.jpg) 0px 0px no-repeat;
background-size: cover;
height: 400px;
color: #fff;
} .eventDetail_banner_text p {
margin-bottom: 0;
font-size: 20px;
color: #fff;
}
.eventDetail_banner_text p:last-child {
margin-bottom: 15px;
}
.event_detailBanner_sec_new_main {position: relative;}
.event_detailBanner_sec_new {
width: 100%;
height: 100%;
position: absolute; top: 0;
background: #000; }
.event_detailBanner_sec_new img {
width: 100%; filter: blur(3px); opacity: 0.4;
}
.p_t_b {
padding-top: 30px;
padding-bottom: 30px;
}    .btn.customBtn_3.txt_color_1 {color: #555;}
.btn.customBtn_3 {
border-radius: 5px;
padding: 7px 15px 7px;
font-size: 16px;
text-decoration: none;
margin: 0px 0 15px;
color: #fff;
font-weight: bold;
position: relative;
display: inline-block;
}
.btn.customBtn_3:active,
.btn.customBtn_3:active:focus {
transform: translate(0px, 5px);
-webkit-transform: translate(0px, 5px);
box-shadow: 0px 1px 0px 0px;
}  
.btn.orange:focus, 
.btn.customBtn_3.orange.focus {box-shadow: 0px 5px 0px 0px #CD6509;} 
.orange {background: #e67e22; box-shadow: 0px 5px 0px 0px #CD6509;} .btn.gray:focus, 
.btn.customBtn_3.gray.focus {box-shadow: 0px 5px 0px 0px #969696;}
.gray {background: #C5C5C5; box-shadow: 0px 5px 0px 0px #969696;} .thumbNaile_right_sec h1 {font-weight: bold;}
.thumbNaile_right_sec p {margin-bottom: 15px;}
.thumbNaile_right_sec .btn_place {position: absolute; bottom: 0; margin-bottom: 5px; left: 0%;}
.thumbNaile_right_sec .btn_place span.fa-lg {font-size: 1.8em;}
.btn > i {font-size: 23px; vertical-align: middle;}  .custom_navTab.nav-tabs .nav-link.active, .custom_tab.nav-tabs .nav-item.show .nav-link {
border-color: #ed7d31 #dee2e6 #fff;
border-top-width: 2px;
}
.custom_navTab.nav-tabs .nav-link:hover, .custom_tab.nav-tabs .nav-link:focus {
border-color: #ed7d31 #dee2e6 #fff;
border-top-width: 2px;
}
.custom_navTab.nav-tabs .nav-item {margin-bottom: -2px;} 
.custom_navTab.nav-tabs .nav-link {margin-right: 5px;}
.custom_navTab.nav-tabs .nav-link {margin-right: 5px; padding: 0.25rem 1rem;}
.custom_navTab.nav-tabs .nav-link span {font-size: 12px; color: #fff; padding: 1px 2px; border-radius: 3px; background: #ed7d31;}
.tabbable .custom_navTab {position: relative; top: -45px;}
.speProd_page_padding .tabbable .custom_navTab {position: relative; top: -92px;}
.tabbable .nav-tabs {
overflow-x: auto;
overflow-y:hidden;
flex-wrap: nowrap;
}
.tabbable .nav-tabs .nav-link { white-space: nowrap;}
.custom_tabContent {position: relative; top: -32px;}
.custom_tabContent .tab-pane {padding: 0px 0px;}
.custom_card_1 .card { border-radius: 0; 
margin-bottom: 25px;
}
.custom_card_1 .card img {
border: 1px solid #d6d6d6;
padding: 2px;
box-shadow: 2px 3px 3px #d8d8d8;
margin-bottom: 5px;
width: 100px;
}
.card_main_title {
color: #959595;
background: #f3f3f3;
padding: 5px;
border-bottom: 1px solid #dcdcdc;
font-weight: bold;
}
.card_main_title_2 {
color: #555;
padding: 5px;
border-bottom: 1px solid #dcdcdc;
font-weight: bold;
}
.card_title_2 {
color: #8bc34a;
font-weight: bold;
}
.list-group-flush.left_voice_ownerList li, 
.list-group-flush.garden_member_list li {padding: 0;}
.list-group-flush.left_voice_ownerList li:nth-child(odd) {background: #f7f7f7;}
.list-group-flush.left_voice_ownerList li:hover {background: #f3f3f3; transition: all 0.3s ease 0s;}
.custom_card_2 .card {border: 1px solid #DADADA; border-radius: 0 0 0.25rem 0.25rem; margin-bottom: 25px;}
.custom_card_2 .card .right_img_sec img {padding: 15px;} .light_bg {background: #f9f9f9; border-left: 1px solid #eaeaea;}
.owner_img_sec {margin-bottom: 15px;}
.owner_img_sec img {
box-shadow: inset 0px 0px 5px 2px #eaeaea;
padding: 5px;
width: 100px;
}
.owner_img_sec img:hover {
box-shadow: inset 0px 0px 3px 2px #ffc107; }
.owner_voice ul li.list-group-item {
padding: 0.75rem 0.25rem; 
border-bottom: 1px solid #f3f3f3; }
.owner_voice ul li:hover {background: #f7f7f7; transition: all 0.3s ease 0s;} 
.owner_voice ul li:last-child:hover {background: inherit;} 
.owner_voice ul li:last-child.list-group-item { padding: 10px 15px;
}
.owner_voice ul li p {margin-bottom: 0;}
.owner_voice .card-header {
background: #f3f3f3;
border-radius: 5px 5px 0 0;
color: #959595;
font-size: 20px;
font-weight: bold;
}
.readMore {
padding: 10px;
display: inline-block;
-webkit-transition: color 1s; -moz-transition: color .2s ease-out;
-ms-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color 1s; border-bottom: 1px solid transparent;
}
.readMore:hover {color:#ed7d31;}
.readMore::after {
content: '';
width: 0px;
height: 2px;
display: block;
background: #ed7d31;
transition: 300ms;
}
.readMore:hover::after {width: 100%;}
.text_1 {display: inline-block; padding: 7px 0 0 0;}
.command_post_sec textarea {resize: none;}
.command_post_sec textarea.form-control[readonly] {background: #fff;} .command_post_sec h4 {
background: #f3f3f3;
padding: 10px 10px;
margin-bottom: 0;
text-align: center;
border-radius: 5px 5px 0 0;
}
.command_post_sec .command_post_form {
padding: 0px 10px 10px;
border: 1px solid #eaeaea;
border-radius: 5px;
margin-bottom: 15px;
background: #f3f3f3;
}
.command_post_sec .command_post_form:hover {
box-shadow: 0px 0px 3px #CCC;
} .rate {
float: left; padding-left: 15px;
}
.rate:not(:checked) > input {
position:absolute;
top:-9999px;
}
.rate:not(:checked) > label {
float:right;
width:1em;
overflow:hidden;
white-space:nowrap;
cursor:pointer;
font-size:15px;
color:#ccc;
}
.rate:not(:checked) > label:before {
content: '★ ';
}
.rate > input:checked ~ label {
color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
color: #c59b08;
}  .title_sec h2 {
font-weight: bold;
margin-bottom: 15px;
}
.owner_app_detail {box-shadow: inset 0px 0px 7px 7px #efefef;}
.owner_app_detail:hover {box-shadow: inherit;}
.owner_app_detail table tr td {font-size: 13px; vertical-align: middle;} .container_height {
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
box-shadow: 0px 0px 7px #eaeaea;   
padding: 15px 15px; 
}
.secFixed_width {
width: 500px; 
margin: 0 auto;
}
.event_detail_sec p {padding: 0 15px 10px;}
.eventDet_content_list {
border: 1px solid #ececec;
padding: 0;
border-radius: 5px;
}
.eventDet_list {padding:0 15px 15px;}
.eventDet_list li i {color: #ed7d31;}
.prod_detail_sec h2 {font-size: 24px; font-weight: bold;}
.prod_detail_sec p span {color: #ed7d31; font-size: 18px; font-weight: bold;}
.order_form_sec ul li {box-shadow: inset 0px 0px 10px #e6e6e6; padding: 0.75em;}
.order_form_sec ul li:hover {box-shadow: inherit;}
.order_form_sec ul li img {border:1px solid #EAEAEA; padding: 5px; box-shadow: inset 0px 0px 5px #bbb;} .order_form_sec ul li h5 {color: #ed7d31;}
.order_form_sec ul li.my_page_userDetail {background: #F7F7F7;}
.order_form_sec ul li:hover.my_page_userDetail {background: #F7F7F7; box-shadow: inset 0px 0px 10px #e6e6e6;} input[type="radio"] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.custom_radio label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 0.5em;
border-radius: 100%;
vertical-align: -3px;
border: 1px solid #888;
padding: 0.13em;
background-color: transparent;
background-clip: content-box;
}
.custom_radio label {
margin-right: 1em;
}
.custom_radio input:hover + label:before {
border-color: #ed7d31;
}
.custom_radio input:checked + label:before {
background-color: #ed7d31;
border-color: #ed7d31;
}
.custom_radio label:before {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.card_title_1 {
color: #7d7d7d;
font-weight: bold;
text-align: center;
}
.formSec {
border: 1px solid #eaeaea;
border-radius: 5px;
background: #f7f7f7;
box-shadow: 0px 0px 10px #DCDCDC;
padding: 15px 15px 5px;
}
.required span {
color: #f00;
font-size: 12px;
}
.chiller_cb label.required i {
color: #f00;
font-size: 12px;
font-style: normal;
}
.customTable_1 tr td {padding: 7px 7px;}
.customTable_1 tr td:first-child {background: #f5f5f5;}
.total_amt {background: #efefef;}
.customTable_3 tr td {padding: 7px 7px;}   .login_formsec {width: 100%; margin: 0 auto; display: table; min-height: 448px;}
.login_formsec_sub {display: table-cell; vertical-align: middle;}
.login_formsec .nav-tabs > li > a {
border-radius: 4px 4px 0 0; 
text-align: center;
font-weight: bold;
}
.login_formsec .nav-tabs > li > a.active {
color: #333;
border: 0px solid #ff7b0d;
border-bottom: 0px solid #ff7b0d; box-shadow: inset 0px 0px 25px 0px #e6e6e6;
}  .login_formsec .tab-content {
color : #333;
background: #f3f3f3;
padding : 30px 30px; border: 1px solid #e8e8e8;  margin-top: -3px;
}
.login_formsec .anchHover small:hover {text-decoration: underline; color: #ed7d31;}
.effect5
{
position: relative;
}
.effect5:before, .effect5:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 25px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 35px 20px #777;
-moz-box-shadow: 0 35px 20px #777;
box-shadow: 0 35px 20px #777;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
.effect5:after
{
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
right: 10px;
left: auto;
}  .fa_iconBtn i {padding: 7px 7px 7px 12px; font-size: 18px;}
.orange_light span {border-left: 1px solid #e66b00; padding: 7px 10px;}
.blue span {border-left: 1px solid #5073bd; padding: 7px 10px;}
.btn.customBtn_4 { border-radius: 25px;
color: #fff; padding: 0; font-weight: bold;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn.customBtn_4:hover { border-radius: 25px;
color: #fff;
box-shadow: 0px 5px 0px #dadada; }
.orange_light {
background: #ff7700;
border: 1px solid #ff7700;
background: -moz-linear-gradient(top, #ffc592 0%, #ff7700 50% #ff8e1f 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffc592), color-stop(50% #ff7700), color-stop(100%, #ff8e1f));
background: -webkit-linear-gradient(top, #ffc592 0%, #ff7700 50% #ff8e1f 100%);
background: -o-linear-gradient(top, #ffc592 0%, #ff7700 50% #ff8e1f 100%);
background: -ms-linear-gradient(top, #ffc592 0%, #ff7700 50% #ff8e1f 100%);
background: linear-gradient(to bottom, #ffc592 0%, #ff7700 50%, #ff8e1f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7700', endColorstr='#ff8e1f', GradientType=0 );
}
.blue {
background: #2d509a;
border: 1px solid #2d509a;
background: -moz-linear-gradient(top, #91b5ff 0%, #2d509a 50% #3B5998 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #91b5ff), color-stop(50% #2d509a), color-stop(100%, #3B5998));
background: -webkit-linear-gradient(top, #91b5ff 0%, #2d509a 50% #3B5998 100%);
background: -o-linear-gradient(top, #91b5ff 0%, #2d509a 50% #3B5998 100%);
background: -ms-linear-gradient(top, #91b5ff 0%, #2d509a 50% #3B5998 100%);
background: linear-gradient(to bottom, #91b5ff 0%, #2d509a 50%, #3B5998 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d509a', endColorstr='#ff8e1f', GradientType=0 );
}     #uploader {
position:relative; 
z-index:1;
overflow:hidden; 
width:100px; 
height:100px; 
background:transparent; cursor:pointer;
padding:5px;
color:#555;
font-family:'Segoe UI';
font-weight:bold;
}
#uploader span {
position: absolute;
bottom: 6px;
left: 4px;
color: #fff;
display: inline-block;
font-size: 14px;
background: rgba(66, 66, 66, 0.5);
width: 90%;
}
#uploader span {color:#e0e0e0;}
#uploader:hover span {color:#fff;}
#filePhoto {display:none;}
#uploader img {
position:absolute;
width:100px;
height:100px;
top:-1px;
left:-1px;
z-index:-1;
border:none; }  .switch {position: relative; display: inline-block;}
.switch_input {display: none;}
.switch_label {
display: block;
width: 48px;
height: 24px;
text-indent: -150%;
clip: rect(0 0 0 0);
color: transparent;
user-select: none;
margin-bottom: 0;
}
.switch_label::before,
.switch_label::after {
content: "";
display: block;
position: absolute;
cursor: pointer;
}
.switch_label::before {
width: 100%;
height: 100%;
background-color: #dedede;
border-radius: 9999em;
-webkit-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;
}
.switch_label::after {
top: 0;
left: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
-webkit-transition: left 0.25s ease;
transition: left 0.25s ease;
}
.switch_input:checked + .switch_label::before {background-color: #3079ff;}
.switch_input:checked + .switch_label::after {left: 24px;} .hover_iconBtn a i {color: #CACACA;}
.hover_iconBtn a:hover i {color: #f00;}
.hover_FlatBtn {
border: 1px solid #CCC;
padding: 6px 10px 8px;
border-radius: 5px;
margin: 0 10px 10px 0;
}
.orange_flat {color: #fff; background: #e67e22; border: 1px solid #e67e22;}
.orange_flat a i {color: #fff;}
.text_red {color: #f00;}
.text_red_2 {color: #f60116;}
.text_link {text-decoration: underline; color: #ed7d31 !important;}
.text_link:hover {text-decoration: underline; color: #ed7d31;}
.header_sec .text_link {text-decoration: none; color: #FFF !important; font-size: 12px;}
.header_sec .text_link:hover {text-decoration: none; color: #FFF;}
.btn_plcaeAlign {position: relative; top: -2px; padding: 0.20rem 0.75rem;}
.border_radius_3 {border-radius: 3px !important;}
.border_radius_5 {border-radius: 5px !important;}
.line_height_19 {line-height: 19px;} .myBanner.embed-responsive {
height: 325px;
}
.myBanner > .carousel-item:nth-child(1) {  background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/banner_00.png) -170px 0 no-repeat;
background-size: cover; }
.myBanner > .carousel-item:nth-child(2) {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/banner_01.png) 0 0 no-repeat;
background-size: cover;
}
.myBanner > .carousel-item:nth-child(3) {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/banner_02.png) 0 0 no-repeat;
background-size: cover;
}
.myBanner > .carousel-item:nth-child(4) {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/banner_03.png) 0 0 no-repeat;
background-size: cover;
}
.myBanner > .carousel-item:nth-child(5) {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/banner_04.png) 0 0 no-repeat;
background-size: cover;
}  .main_banner_fixedDiv {min-width: 1024px; max-width: 1890px; margin: 0 auto;} .owl-carousel.main_banner .item {width: auto; margin: 0;} .owl-carousel.main_banner .item img {max-height: inherit; height: 325px; object-fit: cover;} .owl-carousel.main_banner .owl-nav button.owl-prev {
left: 50px;
}
.owl-carousel.main_banner .owl-nav button.owl-next {
right: 50px;
}
.owl-carousel.main_banner .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);  border-radius: 50%;
background: rgba(255, 255, 255, 0.7) !important; 
color: #fff;
width: 40px;
height: 40px;
display: none;
}
.owl-carousel.main_banner .owl-nav button:focus {
outline: none;
}
.owl-carousel.main_banner i {
font-size: 45px;   
position: relative; 
line-height: 28px;
color: #8c8c8c;
}
.owl-carousel.main_banner .owl-nav button.owl-prev i {top: 0px; left: -2px;}
.owl-carousel.main_banner .owl-nav button.owl-next i {top: 0px; right: -2px;}     .page-mimi {display:none}
.page-active {display: block;}
.page-active-2 {display: block;}
.custom_paginate_list {margin-bottom: 15px;}
.custom_paginate_list ul li h6 {font-weight: bold;}
.custom_paginate_list ul li h5 {color: #ed7d31;}
.custom_paginate_list ul li h5 span {color: #333;}
.orange_text {color: #ed7d31;}
.borderless td, .borderless th {border: none;}
.customTable_2 tr td {padding: 2px;}
.custom_pagination ul li {padding: 0; box-shadow: inherit;}
.custom_pagination ul li a,
.dataTables_paginate ul li a {color: #ed7d31}
.custom_pagination ul li a:hover, 
.dataTables_paginate ul li a:hover {color: #ed7d31}
.custom_pagination ul li.page-item.active .page-link,
.dataTables_paginate ul li.page-item.active .page-link {
color: #fff;
background-color: #ed7d31;
border-color: #ed7d31;
}
.pagination .page-item.active .page-link:focus {
box-shadow: 0 0 0 3px rgba(0,123,255,.5);
z-index: 2;
}
#pagination-demo {display: inline-block;}
#pagination-demo li {display: inline-block;} .secFixed_width_2 {
width: 960px;
margin: 0 auto;
} .productList_content .card_heading {font-size: 14px; font-weight: bold;}
.productList_content .owl-carousel .owl-stage {width: 1078px !important;}
.productList_content .owl-carousel .owl-stage .item {width: 254px;}
.productList_content .owl-carousel .owl-stage .item img {height: 150px;}
.productList_content .carosel_slide_sec.owl-theme .owl-nav {display: none;} .productList_content .owl-carousel .owl-item .cardBody_img {height: 120px; top: 18px;}
.productList_content .owl-carousel .owl-item .cardBody_content {height: 120px; padding: 10px; top: -14px;}  .chiller_cb span:before, .chiller_cb span:after {
content: "";
display: inline-block;
background: #fff;
width: 0;
height: 0.2rem;
position: absolute;
transform-origin: 0% 0%;
}
.chiller_cb {
position: relative;
height: 2rem;
display: flex;
align-items: center;
}
.chiller_cb input {
display: none;
}
.chiller_cb input:checked ~ span {
background: #ed7d31;
border-color: #ed7d31;
}
.chiller_cb input:checked ~ span:before { width: 0.75rem;
height: 0.15rem;
transition: width 0.1s;
transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
width: 0.4rem;
height: 0.15rem;
transition: width 0.1s;
transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
background: #ececec;
border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
cursor: default;
}
.chiller_cb label {
padding-left: 2rem;
position: relative;
z-index: 2;
cursor: pointer;
margin-bottom:0;
line-height: 16px;
}
.chiller_cb span {
display: inline-block; width: 15px;
height: 15px;
border: 2px solid #b1b1b1;
position: absolute;
left: 0;
transition: all 0.2s;
z-index: 1;
box-sizing: content-box;
}
.chiller_cb span:before {
transform: rotate(-55deg); top: 0.70rem;
left: 0.37rem;
}
.chiller_cb span:after {
transform: rotate(35deg); bottom: 0.25rem;
left: 0.18rem;
} .eventDetail_banner_thumbImg {position: absolute; bottom: 0; overflow: hidden;} 
.eventDetail_banner_thumbImg .span_1 {overflow:visible; display:block;}
.eventDetail_banner_thumbImg .span_1 .span_2
{
display:inline-block;
white-space: nowrap;
overflow-x: visible;
overflow-y: visible;
margin: 0;
padding: 0;
}
.eventDetail_banner_thumbImg .span_1 .span_2 img {display:inline-block; margin: 0 0px 0 0; width: 99px; height: 67px;}
input#prev
{
left: 5px;
position: absolute;
z-index: 2;
top: 33%;
}
input#next
{
right: 5px;
position: absolute;
z-index: 2;
top: 33%;
} .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
top: 60%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
top: 60%;
}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
font-size: 12px;
font-weight: bold;
color: #000;
line-height: 15px;
}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
font-size: 12px;
font-weight: bold;
color: #000;
line-height: 15px;
}
.swiper-button-next:hover::after, .swiper-container-rtl .swiper-button-prev:hover::after {color: #ffc107;}
.swiper-button-prev:hover::after, .swiper-container-rtl .swiper-button-next:hover::after {color: #ffc107;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next:focus {outline: none; text-align: center; padding: 5px 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev:focus {outline: none; text-align: center; padding: 5px 0;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {padding: 5px 0;}
.small_images img {width: 99px; height: 67px;}
.small_images img.selected {border: 2px solid #FFF;}
.small_images img:hover {cursor: pointer;}
.small_images img:hover.selected {cursor: default;} .special_prod_sec {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/special_prod_banner_bg_1.jpg) 0px 0px no-repeat;
background-size: cover;
width: 100%;
height: 80px;
color: #fff;
}
.container_height.speProd_page_padding {padding: 62px 15px 0;}   table.gridListTableSec.dataTable thead .sorting {
background:url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/plugins/datatables/images/sort_both.png) no-repeat center right;
}
table.gridListTableSec.dataTable thead .sorting_asc {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/plugins/datatables/images/sort_asc.png) no-repeat center right; }
table.gridListTableSec.dataTable thead .sorting_desc {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/plugins/datatables/images/sort_desc.png) no-repeat center right; }
table.gridListTableSec.dataTable thead .sorting_asc_disabled {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/plugins/datatables/images/sort_asc_disabled.png) no-repeat center right; }
table.gridListTableSec.dataTable thead .sorting_desc_disabled {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/plugins/datatables/images/sort_desc_disabled.png) no-repeat center right; }
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:after {display: none;}
table.dataTable td.sorting_1, 
table.dataTable td.sorting_2, 
table.dataTable td.sorting_3, 
table.dataTable th.sorting_1, 
table.dataTable th.sorting_2, 
table.dataTable th.sorting_3 {background: none !important;} table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {opacity: 0;}
table.dataTable thead .sorting:before, 
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:before, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:before, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:before, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:before, 
table.dataTable thead .sorting_desc_disabled:after {opacity: 0;} table.dataTable.stripe tbody>tr.odd.selected, 
table.dataTable.stripe tbody>tr.odd>.selected, 
table.dataTable.display tbody>tr.odd.selected, 
table.dataTable.display tbody>tr.odd>.selected {background:#f1f1f1;}
table.dataTable.hover tbody>tr.selected:hover, 
table.dataTable.hover tbody>tr>.selected:hover, 
table.dataTable.display tbody>tr.selected:hover, 
table.dataTable.display tbody>tr>.selected:hover {background:#f1f1f1;}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {background:#fff;} div.dataTables_wrapper div.dataTables_info {padding-right: 10px;}
div.dataTables_wrapper div.dataTables_length label {margin-top: 3px;}
div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {display: none;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {justify-content: center; margin: 10px 0;}
#salesOrderTable_wrapper .table-scrollable {margin: 0px 0 10px !important; box-shadow: 0px 2px 3px #d4d4d4;} #vehicleListTable_wrapper .dataTables_scroll {margin: 0px 0 10px !important; box-shadow: 0px 2px 3px #d4d4d4;}
table.gridListTableSec.dataTable {margin-top: 0 !important; margin-bottom: 0 !important; border-bottom: 1px solid #dee2e6;}
table.gridListTableSec.dataTable thead th, table.gridListTableSec.dataTable tbody td {padding: 7px 10px; border-bottom: 0px solid #636c73; white-space: nowrap; vertical-align: middle;}
table.gridListTableSec.dataTable thead tr {background: #f1f1f1; font-size: 12px;}
table.gridListTableSec.dataTable.stripe tbody tr.odd, 
table.gridListTableSec.dataTable.display tbody tr.odd {background: #fbfbfb;}
table.gridListTableSec.dataTable thead th:first-child {width: 20px !important; min-width: 20px; max-width: 20px;}
table.gridListTableSec.dataTable tbody td:first-child {width: 20px !important; min-width: 20px; max-width: 20px;}
#vehicleListTable_wrapper .input-xsmall {width: 60px !important;}
#vehicleListTable_wrapper .input-group-sm>.form-control {padding: 5px 5px;}
table.gridListTableSec.dataTable .checkbox {padding-left: 0;}
table.gridListTableSec.dataTable .checkbox label {margin-bottom: 1.2rem;}
table.gridListTableSec.dataTable .checkbox label::before {left: 10px; border-radius: 0;}
table.gridListTableSec.dataTable .checkbox label::after {margin-left: -10px;}
table.gridListTableSec.dataTable .checkbox input[type="checkbox"]:indeterminate + label::after {margin-left: -5.6px;}
table.gridListTableSec.dataTable tbody td a.editRowIcon i {font-size: 20px; color: #404040; float: left; margin: 5px 5px 0 0;}
table.gridListTableSec.dataTable tbody td a.editRowIcon i:hover {color: #006caf;}
table.gridListTableSec.dataTable tbody td a.delRowIcon i {font-size: 20px; color: #404040; float: left; margin: 3px 0px 0 0;}
table.gridListTableSec.dataTable tbody td a.delRowIcon i:hover {color: #006caf;}    .check {
display: block;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
padding-right: 15px;
cursor: pointer;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .check input {
position: absolute;
opacity: 0;
cursor: pointer;
} .checkmark {
position: absolute;
top: -2px;
left: 0;
height: 17px;
width: 17px;
background-color: #fff ;
border-color:#ccc;
border-style:solid;
border-width:1px;
} .check input:checked ~ .checkmark {
background-color: #fff  ;
} .checkmark:after {
content: "";
position: absolute;
display: none;
} .check input:checked ~ .checkmark:after {
display: block;
} .check .checkmark:after {
left: 5px;
top: 2px;
width: 5px;
height: 8px;
border: solid ;
border-color:#555;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}  .carosel_slide_sec.owl-carousel .owl-item .customCard {width: 230px;}
.carosel_slide_sec.owl-carousel-ad .owl-stage-outer {width: 88%; padding: 0 9px; margin: 0 auto;}
.carosel_slide_sec.owl-carousel-ad .owl-item .customCard {width: 215px; height: 93px;}
.carosel_slide_sec.owl-carousel-ad .owl-item .customCard img {width: 215px; height: 93px; box-shadow: 0px 0px 5px #9e9595; border: 0px solid #dcdcdc;}
.carosel_slide_sec.owl-carousel-eatJoinSec .owl-item .customCard {width: 193px; height: 137px; border: 5px solid #fff; overflow: hidden;}
.carosel_slide_sec.owl-carousel-eatJoinSec .owl-item .customCard img {width: 183px; height: 127px; transition: .3s ease-in-out;}
.carosel_slide_sec.owl-carousel-eatJoinSec .owl-item .customCard img:hover {transform: scale(1.2); cursor: pointer;}
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-item .customCard {width: 230px; max-width: 100%; height: 100px;}
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-item .customCard img {width: 230px; max-width: 100%; height: 100px; border-radius: 8px;} 
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: -37.5%; overflow: visible;}
.card.customCard {
background: none;
margin-bottom: 5px;
margin-top: 5px;
}
.pagination_sec.specialProduct_page {
width: 92%;
margin: 0 auto;
}
.customCard_Fixed {
width: 90%;
margin-bottom: 30px;
}
.card_blur_bg {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background: #000;
z-index: -1;
border-radius: 10px 10px 5px 5px;
}
.card_blur_bg.card_blur_WhitBg {
background: #FFF;
}
.card_blur_bg img {
filter: blur(2px);
object-fit: cover;
width: 100%;
height: 100%;
opacity: .5;
}
.carosel_slide_sec.owl-carousel .owl-item .card_blur_bg img {opacity: 0.5 !important;}
.card_image {
position: relative;
height: 0;
padding-bottom: calc(100% / 16 * 9);
overflow: hidden;
background-color: #333841;
}
.card_image img {
width: 100%;
border-radius: 5px;
}
.card_content {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 10px 15px;
color: #fff;
}
.card_content.card_blackText_content {
color: #000;
}
.overlayTop {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background: rgba(255,255,255,0.2); width: 100%;
height:0%;
transition: .5s ease;
z-index: -1;
border-radius: 5px 5px 0 0;
}
.overlayTop.overlayTop_blackBg {
background: rgba(0,0,0,0.2);
}
.container_mainBox:hover .overlayTop {
bottom: 0;
height: 100%;
z-index: 1;
}
.overlayTopText {
color: #000;
font-size: 12px;
position: absolute;
white-space: nowrap;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.overlayTopText.overlayTop_whiteText {
color: #fff;
}    
.card_heading_2 {font-size: 14px; font-weight: bold;}
.card_location_2, .card_price_2 {font-size: 15px;}
.card_location_2 i {
width: 20px;
height: 20px;
background: #3c91f5;
text-align: center;
border-radius: 50%;
font-size: 11px;
vertical-align: middle;
line-height: normal;
padding: 5px 0;
color: #fff;
}
.card_price_2 i {
width: 20px;
height: 20px;
background: #f8a01a;
text-align: center;
border-radius: 50%;
font-size: 11px;
vertical-align: middle;
line-height: normal;
padding: 5px 0;
color: #fff;
} .slide_cardDetail_sec {
width: 100%;
min-height: 40px;
position: absolute;
bottom: 0px;
left: 0px;
color: #fff;
padding: 5px;
font-size: 12px;
background: rgba(0, 0, 0, 0.5);
}  .price_tag_sec {
width: 200px;
margin: 5px 0;
position: absolute; 
top: 0; 
z-index: 1;
font-weight: bold;
font-size: 15px;
}
.price_tag { 
width: 190px; 
height: 32px; 
background: #ff2127; 
position: relative;
margin-left: 0px;
color: white;
line-height: 34px;
text-align: center;  }
.price_tag:before { 
content: ""; 
position: absolute; 
top: 0; 
right: -10px;
width: 0; 
height: 0; 
border-top: 16px solid #ff2127; 
border-bottom: 16px solid #ff2127; 
border-right: 10px solid transparent;
}
.price_tag.orange_bg:before { 
border-top: 16px solid #ff9900; 
border-bottom: 16px solid #ff9900; 
border-right: 10px solid transparent;
} .triangle_topBtm_sec {
position: absolute;
top: 2px;
right: 4px;
}
.triangle_topleft {
width: 0;
height: 0;
border-top: 13px solid #ff2127;
border-right: 8px solid transparent;
}
.triangle_bottomleft {
width: 0;
height: 0;
border-bottom: 15px solid #ff2127;
border-right: 8px solid transparent;
}
.price_tag.orange_bg { 
background: #ff9900; 
}
.triangle_topleft.orange_bg {
border-top: 13px solid #ff9900;
}
.triangle_bottomleft.orange_bg {
border-bottom: 15px solid #ff9900;
} .ageVerficy_sec img {width: 200px;}
.text_break {word-wrap: break-word;}
.text_breakAll {word-break: break-all;}
.form-control.dob_days_padding {padding: 0.375rem 0.70rem;}
.dob_label {padding-left: 35px; white-space: nowrap;}
.BannerCarousel .banner_text_1 {
width: 100%;
color: #FFF;
font-size: 30px;
font-weight: bold;
margin: 0;
padding: 0 15px;
position: absolute;
top: 190px;
z-index: 9;
text-align: center;
}
.bg_white.pb_70 {padding-bottom: 70px;}
.logo_width { width: 388px;
}
.navbar_sticky_sec .navbar {padding: 0.5rem 0rem;}
.pagereg{ width:95%; margin: 0 auto;}
.custParaText_box {padding: 5px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.prod_sale_img_sec {background: #f9f9f9;} .img-fluid.customImg {max-height: 360px;}
.order_form_sec.page_cmd_sec ul li {box-shadow: inherit;}
.order_form_sec.page_cmd_sec ul li img.cmd_img_sec {box-shadow: inherit; border: 0; padding: 0; margin-bottom: 15px;}
.icon_color_1 {color: #8e8e8e;}
.icon_color_1:focus, .icon_color_1:hover {color: #8e8e8e;}
.icon_lickesCount {
position: relative;
left: -90px;
color: #8e8e8e;
}
.input-group.input-group-unstyled input.form-control {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.input-group-unstyled .input-group-addon {
border-radius: 4px;
border: 0px;
background-color: transparent;
padding: 6px 12px;
} .fileUpload_secNew input[type="file"] {
display: none;
}
.fileUpload_secNew label {
display: inline-block;
width: 75px;
height: 75px; margin: 0;
padding: 18px;
color: #CCC;
font-size: 26px;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background: #FFF;
border: 2px dashed #CCC;
}
#listfileUp {
float: left;
}
#listfileUp div { display: inline; position: relative;
}
.order_form_sec ul li img.thumb {
width:75px;
height: 75px;
margin: 0 5px 0 0;
border: 1px solid #CCC;
padding: 2px; box-shadow: inherit;
}
#listfileUp span.remove_img_preview {
position: absolute;;
top:-33px;
right:2px;
background:black;
color:white;
border-radius:50%;
font-size:12px;
padding: 0px 0px;
text-align:center;
cursor:pointer;
width: 18px;
}
.remove_img_preview:before {
content: "×";
} .secFixed_width_actReport_page {
width: 581px;
margin: 0 auto;
}
.marBtm_10 {margin-bottom: 10px;}
.order_form_sec.page_cmd_sec.activity_recPage ul li {border: 0;}
.order_form_sec.page_cmd_sec ul.socialIcon_sec li {box-shadow: inherit; margin: 0; padding: 0 0px 0px 0;}
.order_form_sec.page_cmd_sec ul.socialIcon_sec li img {box-shadow: inherit; border: 0; padding: 0; width: 30px;} .order_form_sec.activity_recPage ul li img {box-shadow: inherit; border: 0; padding: 0;}
.btn.customBtn_2.social_btn {line-height: 18px; font-size: 11px;}
button.social_btn span img {width: 12px; height: 12px;}
button.social_btn span i.circle{
border-radius: 50%;
}
button.social_btn span i.fa-facebook {
background: #fff;
color: #2377f2;
padding: 2px 0px;
font-size: 12px;
width: 12px;
height: 12px;
position: relative;
top: 3px;
}
button.social_btn span i.fa-instagram { color: #FFF; font-size: 13px;
position: relative;
top: 1px;
}
button.social_btn span i.fa-twitter { color: #FFF; font-size: 13px;
position: relative;
top: 1px;
} .header_secNew {
background: #fff url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/header_btm_line_bg.png) bottom left repeat-x;
}
.para_text_1 {
border-bottom: 1px dashed #ccc; 
margin-bottom: 10px; 
color: #777; 
font-family: 'Yu Gothic';
font-size: 12px;
letter-spacing: 0.7px;
}
.custom_pullRight {float: right;} .header_menu .nav-item .nav-link {
padding: 0.35rem 0rem 0.1rem; 
color: #804256; 
margin-right: 20px; 
font-family: 'Yu Gothic'; 
font-size: 14px; }
.header_menu .nav-item .nav-link:hover {text-decoration: underline;}  .header_menu .nav-item:nth-child(1) .nav-link img {position: relative; top: -6px; margin-right: 7px;}
.header_menu .nav-item:nth-child(2) .nav-link img {position: relative; top: -2px; margin-right: 0px;}
.header_menu .nav-item:nth-child(3) .nav-link img {position: relative; top: -4px; margin-right: 7px;}
.header_menu .nav-item:nth-child(4) .nav-link img {position: relative; top: -4px; margin-right: 6px;}
.header_menu .nav-item:nth-child(4) .nav-link img {position: relative; top: -4px; margin-right: 6px;}
.header_menu .nav-item:nth-child(4) .nav-link {margin-right: 5px;}
.header_menu .nav-item .nav-link span.follow_count_sec {position: relative;}
.header_menu .nav-item .nav-link span.follow_count {
position: absolute;
top: -2px;
left: 7px;
z-index: 9;
min-width: 20px;
font-size: 12px;
font-weight: bold;
color: #fff;
text-align: center;
display: inline-block;
} .header_menu .nav-item .user_login_header {position: relative; top: -3px;}
.header_menu .nav-item .user_img_name_sec .vert_line_header {
width: 1px; 
height: 27px; 
background: #999; 
position: absolute; 
top: 5px; 
left: 5px;
}
.header_menu .nav-item .user_img_name_sec img {margin-left: 15px; margin-right: 8px;}
.header_menu .nav-item .user_img_name_sec a {
font-size: 18px;
font-weight: bold;
font-family: 'Yu Gothic';
color: #f39800;
margin: 0 5px 0 0px;
float: right;
white-space: nowrap;
}
.header_menu .nav-item .user_img_name_sec a:hover {color: #f39800;}
.header_menu .nav-item .flag_icon_name_sec img {width: 15px;  margin-right: 3px; margin-left: 3px;}
.header_menu .nav-item .flag_icon_name_sec a {
font-size: 14px;
font-weight: bold;
font-family: 'Yu Gothic';
color: #8c0038;
white-space: nowrap;
}
.header_menu .nav-item .flag_icon_name_sec a:hover {color: #8c0038;}
.carosuel_secNew {padding: 0 25px;}
.notice_and_banner_sec {padding: 0 25px;}
.notice_sec {border: 1px dashed #6f6f6f; margin-bottom: 15px; padding: 15px 40px 25px;}
.text_title_25 {font-size: 25px; color: #000; font-weight: 500; text-align: center;}
.customList_1 .list-group-item {border: 0; padding: 0 0 7px; font-size: 15px;}
.customList_1 .list-group-item span {color: #666666;}
.customList_1 .list-group-item span img {position: relative; top: -2px;}
.customList_1 .list-group-item a {color: #8c0038;}
.customList_1 .list-group-item a:hover {color: #f39800;}
.customList_1 .list-group-item small {background: #e9005d; color: #fff; padding: 3px 3px; line-height: 8px; display: inline-block;}
.see_more {color: #8c0038; text-decoration: none; border-bottom: 5px solid #8c0038; font-weight: bold; font-size: 20px; font-family: 'Meiryo UI'; letter-spacing: 2px;}
.see_more:hover {color: #f39800; text-decoration: none; border-bottom: 5px solid #f39800;}
.ownerRecuritList_sec {padding: 0 25px;}
.text_title_35 {font-size: 35px; color: #3f3f3f; font-weight: 500; text-align: center;}
.owner_title span {color: #f39800; padding: 10px 0 0; font-size: 16px; font-weight: bold; border-top: 5px solid #f4eef0; display: inline-block;} .eat_join_secBg { background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/left_dotted_bg.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/right_dotted_bg.png);
background-repeat: no-repeat, no-repeat;
background-color: #fdf3e2;
background-position: left top, right bottom; }
.triangle_down {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #fdf3e2;
position: absolute;
bottom: -15px;
left: 50%;
} .eat_join_sec {padding: 0 25px;}
.pointer_angle {
width: 100%;
min-height: 40px;
position: relative;
background: #fefaf3;
color: #8c5b40;
text-align: center;
padding: 10px 15px;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
.pointer_angle:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 12px solid #fdf3e2;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
}
.pointer_angle:before {
content: "";
position: absolute;
right: 0px;
bottom: 0;
width: 0;
height: 0;
border-right: 12px solid #fdf3e2;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
} .directSale_sec {padding: 0 25px;}
.text_title_16 { color: #000; 
font-weight: 500; padding: 0px 0 0 12px;
line-height: 20px;
}
.title_vertical_line {width: 3px; height: 20px; background: #f39800; position: absolute; top: 7px; left: 15px;}
.text_title_16 span.subText_1 a {font-size: 20px; font-weight: bold; color: #8c0038;}
.text_title_16 span.subText_1 a:hover {color: #f39800;}
.text_title_16 span.subText_2 {font-size: 15px;}
.text_title_16 span.subText_3 {
padding: 2px 5px 0;
background: #ededed;
font-size: 15px;
}
.text_title_16 span.subText_3 i {color: #f39800; }
.text_title_16 img {position: relative; top: 4px;} .follow_sec a {
font-size: 16px; 
color: #000; 
}
.btn.textChangeBtn {
color: #804256;
border: 0px;
padding: 0;
font-size: 15px;
}
.btn.textChangeBtn:focus, .btn.focus.textChangeBtn {box-shadow: inherit; outline: 0;}
.btn.textChangeBtn i {font-size: 22px; line-height: 15px; margin-right: 5px;}
.btn.textChangeBtn i.fa-plus-circle {color: #f39800;}
.btn.textChangeBtn i.fa-plus-circle + span {color: #804256;}
.btn.textChangeBtn i.fa-minus-circle {color: #666;}
.btn.textChangeBtn i.fa-minus-circle + span {color: #666;}
.btn.textChangeBtn b.plus_icon {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/icon_plus.png) 0 0 no-repeat; 
width: 17px;
height: 17px;
display: inline-block; 
position: relative;
top: 3px;
right: 5px;    
}
.btn.textChangeBtn b.plus_icon + span {color: #804256;}
.btn.textChangeBtn b.minus_icon {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/icon_minus.png) 0 0 no-repeat;  
width: 17px;
height: 17px;
display: inline-block; 
position: relative;
top: 3px;
right: 5px; 
}
.btn.textChangeBtn b.minus_icon + span {color: #666;}
.text_title_18 {
font-size: 18px;
font-weight: bold;
line-height: 22px;
margin-bottom: 10px;
letter-spacing: 3px;
}
.text_title_18 span {display: block; padding-bottom: 7px;}
.para_text_2 {
font-size: 14px;
margin-bottom: 5px;
color: #3f3f3f;
}
.text_title_19 {
font-size: 16px;
font-weight: bold;
line-height: 22px;
margin-bottom: 3px;
color: #666;
}
.text_title_19 span {display: block; padding-bottom: 9px; font-size: 18px;} .para_text_2.text_color_1 {color: #666;}
.para_text_2.text_color_1 span {color: #e9005d;}
.prodDelive_onlineEvent_sec span {
color: #e9005d;
border:1px solid #e9005d;
padding: 3px;
display: inline-block;
margin: 0 5px 5px 0;
font-size: 12px;
text-align: center;
line-height: 14px;
background: #fff;
}
.cust_border_btm_1 {border-bottom: 15px solid #f1eeef;}
.cust_img_border_1 {border: 5px solid #eaeaea;}
.SNS_secBg { background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/sns_left_bg.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/sns_right_bg.png);
background-repeat: no-repeat, no-repeat;
background-color: #fff; background-position: 1% 45%, right 88%; }
.SNS_content_sec {padding: 0 25px;}
.sns_title_bgSec {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/sns_title_left_icon.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/sns_title_right_icon.png);
background-repeat: no-repeat, no-repeat;
background-color: #fff;
background-position: left top, right top;
height: 90px;
}
.left_iconSec {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/sns_title_left_icon.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: left top;
width: 114px;
height: 88px;
position: absolute;
left: 105px;
top: -24px;
}
.right_iconSec {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/sns_title_right_icon.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: right top;
width: 126px;
height: 92px;
position: absolute;
right: 80px;
top: -15px;
}
.sns_title_sec {
width: 75%;
border: 3px solid #efe2e6;
padding: 2px 5px;
border-radius: 10px;
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
}
.sns_title_1 {font-size: 28px; padding-right: 5px; font-weight: 500; position: relative; top: 3px;}
.sns_title_2 {font-size: 16px; padding-right: 5px;}
.sns_title_3 {font-size: 16px; padding-right: 5px; color: #e9005d;}
.sns_title_4 {position: relative; top: -4px;}
.SNS_imgBox_sec img {border-radius: 12px;} .SNS_imgBox_sec img.bigThumb {width: 422px; height: 380px;}
.SNS_imgBox_sec img.smallThumb {width: 186px; height: 186px; margin: 0 10px 10px 0;}  .menu_title_1 {font-size: 18px; font-weight: bold; color: #666; margin-bottom: 10px;}
.customList_2 .list-group-item {
font-size: 15px; 
padding: 0;
background: none;
border-bottom: 1px solid #f1eeef;
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
}
.customList_2 .list-group-item:hover {
border-bottom: 1px solid #999;
}
.customList_2 .list-group-item a {color: #666; display: block; padding: 10px 5px 10px 0px; line-height: 16px;}
.customList_2 .list-group-item a:hover {color: #666;} .footer_menuLink {
width: 70%;
margin: 0 auto;
}
.footer_socialMedia {
width: 70%;
padding: 0px;
text-align: center;
margin: 0 auto 15px;
}
.footer_socialMedia .nav .nav-item {margin: 0 10px 10px 0;}
.footer_socialMedia .nav .nav-item:nth-child(2) {margin-right: 20px;}
.footer_socialMedia .nav .nav-item:nth-child(3) {margin-right: 20px;}
.footer_socialMedia .nav .nav-item .nav-link {padding: 0;}
.footerLinks .nav .nav-item {margin: 0 10px 5px 0;}
.footerLinks .nav .nav-item .nav-link {padding: 0;}
.back-to-topNew {
cursor: pointer;
position: fixed;
bottom: 60px;
right: 20px;
display:none;	
}
.btn.back-to-topNew {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/page_top_off.png) center center no-repeat;
width: 84px;
height: 84px;
z-index: 1;
}
.btn.back-to-topNew:hover {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/page_top_on.png) center center no-repeat;
width: 84px;
height: 84px;
}
.btn.back-to-topNew:focus, .btn.focus.back-to-topNew {box-shadow: inherit; outline: 0;} .playBtn_sec {
position: absolute;
right: 37px;
bottom: 7px;
z-index: 1; }
.playBtn_sec span {
background: #afafaf;
border: 1px solid #ccc;
padding: 2px 3px;
font-size: 12px;
color:#fff
}
.playBtn_sec span:hover {cursor: pointer;} .playBtn_sec .inactiveBtn {background: #e9005d; border: 1px solid #e9005d;}
.playBtn_sec .activeBtn {background: #FFF; border: 1px solid #e9005d; color: #656565;}
.form-control.border_pink {border: 1px solid #D5AFBA; color: #000; height: 28px;}
.btn.customNewBtn_1.minWidth_80 {height: 28px; min-width: 62px !important; line-height: 15px;}
.btn.customNewBtn_1.minWidth_100 {height: 28px; min-width: 90px !important; font-size: 17px; line-height: 16px; margin-top: 3px;}
.form-control.border_pink::placeholder {
color: #d2d2d2;
opacity: 1; }  
.form-control.border_pink:-ms-input-placeholder { color: #d2d2d2;
}
.form-control.border_pink::-ms-input-placeholder { color: #d2d2d2;
}
.letter_space_2 {letter-spacing: 2px;}
.letter_space_3 {letter-spacing: 3px;}
.letter_space_4 {letter-spacing: 4px;}
.letter_space_5 {letter-spacing: 5px;}
.minWidth_sec_PC {
min-width: 1100px;
}
.secFixed_width_new { width: 1100px; 
margin: 0 auto;
}
.Meiryo_Font {
font-family: 'Meiryo UI';    
}
.YuGothic_Font {
font-family: 'Yu Gothic';
}
.Airal_Font {
font-family: Arial, Helvetica, sans-serif;
}
.border_red {border: 1px solid red;}  .left_right_commonSpace {padding: 15px 25px 0 25px;}
.customBredcrum_sec_2.breadcrumb {
margin-bottom: 15px;
border-bottom: 5px solid #eeeff3;
border-radius: 0;
padding: 0.5rem 0.7rem;
line-height: 18px;
background: #fff;
position: relative;
z-index: 1;
}
.customBredcrum_sec_2.breadcrumb li {font-family: 'Meiryo UI';}
.customBredcrum_sec_2.breadcrumb li a {
font-size: 14px;
font-weight: normal;
color: #e9005d;
font-family: 'Meiryo UI'; 
}
.customBredcrum_sec_2.breadcrumb li a:hover {color:#000; font-weight: normal;}
.customBredcrum_sec_2.breadcrumb li.active {color:#000; font-weight: normal;}
.arr_right .breadcrumb-item + .breadcrumb-item::before {
content: "›";
vertical-align:top;
color: #000;
font-size:26px;
font-weight: 500;
line-height:15px;
}
.plus_minus_btnSec {margin-bottom: 25px; text-align: right;}
.plus_minus_btnSec .btn.textChangeBtn {
color: #8c0038;
padding: 3px 12px 4px 17px;
font-size: 12px;
font-family: 'Meiryo UI'; 
border: 1px solid #f39800;
border-radius: 0;    
}
.plus_minus_btnSec .btn.textChangeBtn b.plus_icon {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/icon_plus.png) 0 0 no-repeat; 
width: 17px;
height: 17px;
display: inline-block; 
position: relative;
top: 3px;
right: 5px;    
}
.plus_minus_btnSec .btn.textChangeBtn b.plus_icon + span {color: #804256;}
.plus_minus_btnSec .btn.textChangeBtn b.minus_icon {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/icon_minus.png) 0 0 no-repeat;  
width: 17px;
height: 17px;
display: inline-block; 
position: relative;
top: 3px;
right: 5px; 
}
.plus_minus_btnSec .btn.textChangeBtn b.minus_icon + span {color: #666;}
.plus_minus_btnSec .btn.textChangeBtn.borderActive {border: 1px solid #9a9a9a;}
.shop_bnr_title_1 a {
width: 70%;
margin: 0 auto 15px;
font-size: 33px;
font-weight: bold;
font-family: 'Yu Gothic';
color: #8c0038;
text-align: center;
padding: 0px 0px 0px 0px;
border-bottom: 2px solid #8c0038;
display: block;
}
.shop_bnr_title_1 a:hover {
color: #8c0038;
}
.shop_bnr_title_2 {
margin: 0 auto 15px;
font-size: 18px;
font-weight: 500;
font-family: 'Meiryo UI'; 
color: #000;
text-align: center;
padding: 0px 0px 0px 0px;
letter-spacing: 0.35px;
}
.shop_bnr_title_2 span {
font-size: 20px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
color: #e9005d;
text-align: center;
padding: 0px 0px 0px 0px;
border-bottom: 5px double #e9005d;
}
.shop_banner_sec { background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/shop_banner_01.png) center center no-repeat;
width: 100%;
height: 509px;
background-size: cover;
border-radius: 50px;
position: relative;
} .aleGive_batch {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/banner_aleGive_batch.png) 0px 0px no-repeat;
width: 129px;
height: 128px;
position: absolute; 
right: 5px; 
bottom: 10px;
}
.aleGive_batch:hover {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/banner_aleGive_batch_hover.png) 0px 0px no-repeat;
}
.banner_left_sec {
position: absolute;
left: 0px;
background: rgba(0, 0, 0, .5);
color: #fff;
padding: 30px 30px;
border-radius: 50px 0 0 50px;
width: 340px;
height: 509px;
}
.jp_map_sec {text-align: center; margin-bottom: 15px;}
.banner_left_sec .text_line_1 {font-size: 15px; font-weight: bold; font-family: 'Meiryo UI'; color: #fff; margin-bottom: 10px; text-align: center;}
.banner_left_sec .text_line_1 span {font-size: 20px;}
.banner_left_sec .text_line_2 {font-size: 17px; font-family: 'Meiryo UI'; color: #fff; margin-bottom: 10px; line-height: 26px;} .TAB_sec {padding: 35px 0px 0px;}
.TAB_sec .navTAB.nav-pills {margin: 0px 36px 0px;}
.navTAB.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff; padding: 7px 5px;
text-align: center;
border: 0;
position: relative;
background-image: linear-gradient(135deg, #f39800 25%, #f4a31a 25%, #f4a31a 50%, #f39800 50%, #f39800 75%, #f4a31a 75%, #f4a31a 100%);
background-size: 28.28px 28.28px;
min-width: 237px;
min-height: 69px;
}
.navTAB.nav-pills.nav_pills_top .nav-link.active:after {
content: '';
width: 0;
height: 0;
border-top: 10px solid #f39800;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
display: block;
margin: auto;
position: absolute;
top: 69px;
left: 44%;
}
.navTAB.nav-pills .nav-link.active .tab_subSpan_1 {
color: #fff;
font-size: 14px;
font-family: 'Yu Gothic';
}
.navTAB.nav-pills .nav-link.active .tab_subSpan_2 {
color: #fff;
font-size: 22px;
font-weight: bold;
font-family: 'Meiryo UI';
position: relative;
line-height: 24px;
}
.navTAB.nav-pills .nav-link.active .tab_subSpan_2:before {
content: '';
width: 0;
height: 0;
border-top: 6px solid #fff;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
display: block;
margin: auto;
position: absolute;
left: -20px;
top: 8px;
}
.navTAB.nav-pills.nav_pills_bottom .nav-link.active .tab_subSpan_2:before {
content: '';
width: 0;
height: 0;
border-left: 6px solid #fff;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
display: block;
margin: auto;
position: absolute;
left: -15px;
top: 4px;
}
.navTAB.nav-pills .nav-item {margin-right: 10px;}
.navTAB.nav-pills .nav-item:last-child {margin-right: 0px;}
.navTAB.nav-pills .nav-link {
border-radius: 10px;
border:3px solid #f39800;
padding: 7px 5px;
text-align: center;
min-width: 237px;
min-height: 64px;
}
.navTAB.nav-pills .nav-link:hover {
background: #fff;
opacity: 0.6;
}
.navTAB.nav-pills .nav-link.active:hover {
background-image: linear-gradient(135deg, #f39800 25%, #f4a31a 25%, #f4a31a 50%, #f39800 50%, #f39800 75%, #f4a31a 75%, #f4a31a 100%);
background-size: 28.28px 28.28px;
opacity: 0.6;
}
.navTAB.nav-pills .nav-link .tab_subSpan_1 {
display: block;
font-size: 14px;
font-weight: bold;
font-family: 'Yu Gothic';
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/slash_back.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/slash_front.png);
background-repeat: no-repeat, no-repeat; 
padding-bottom: 4px;   
}
.navTAB.nav-pills .nav-link.active .tab_subSpan_1 {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/slash_back_active.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/slash_front_active.png);
background-repeat: no-repeat, no-repeat;  
}
.navTAB.nav-pills .nav-link .tab_subSpan_1.slash_place_1 {background-position: 30% 40%, 70% 40%;}
.navTAB.nav-pills .nav-link.active .tab_subSpan_1.slash_place_1 {background-position: 30% 40%, 70% 40%;}
.navTAB.nav-pills .nav-link .tab_subSpan_1.slash_place_2 {background-position: 15% 40%, 85% 40%;}
.navTAB.nav-pills .nav-link.active .tab_subSpan_1.slash_place_2 {background-position: 15% 40%, 85% 40%;}
.navTAB.nav-pills .nav-link .tab_subSpan_1.slash_place_3 {background-position: 17% 40%, 83% 40%;}
.navTAB.nav-pills .nav-link.active .tab_subSpan_1.slash_place_3 {background-position: 17% 40%, 83% 40%;}
.navTAB.nav-pills .nav-link .tab_subSpan_1.slash_place_4 {background-position: 5% 40%, 94% 40%;}
.navTAB.nav-pills .nav-link.active .tab_subSpan_1.slash_place_4 {background-position: 5% 40%, 94% 40%;}
.navTAB.nav-pills .nav-link .tab_subSpan_2 {
display: inline-block;
color: #8c0038;
font-size: 22px;
font-weight: bold;
font-family: 'Meiryo UI';
position: relative;
line-height: 24px;
}
.navTAB.nav-pills .nav-link .tab_subSpan_2:before {
content: '';
width: 0;
height: 0;
border-left: 6px solid #8c0038;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
display: block;
margin: auto;
position: absolute;
left: -15px;
top: 4px;
}
.navTAB.nav-pills.nav_pills_bottom .nav-link .tab_subSpan_2:before {
content: '';
width: 0;
height: 0;
border-left: 6px solid #8c0038;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
display: block;
margin: auto;
position: absolute;
left: -15px;
top: 4px;
} .custom_tabContent.tab-content {position: relative; top: -16px;}
.custom_tabContent.tab-content .tab-pane {font-family: 'Meiryo UI';}
.custom_tabContent.tab-content .tab-pane .tabPane_space_sec {padding: 50px 95px 40px; font-family: 'Meiryo UI';}
.img_mb_1 {margin-bottom: 25px;}
.tab_text_1 {font-size: 20px; font-weight: bold; color: #000; margin-bottom: 15px;}
.tab_text_2 {font-size: 16px; font-weight: 500; color: #000; margin-bottom: 10px; line-height: 26px;}
.tab_text_3 {font-size: 20px; font-weight: bold; color: #f39c09; margin-bottom: 10px;}
.tab_text_4 {font-size: 24px; font-weight: 500; color: #CCC; margin-bottom: 15px;}
.mb_cust_1 {margin-bottom: 35px;}
.mb_cust_2 {margin-bottom: 20px;}
.afterTAB_Btn_sec {padding: 0px 30px 40px;}
.link_text_1 a {
color: #8c0038; 
font-size: 16px; 
font-weight: 500; 
font-family: 'Meiryo UI'; 
text-decoration: underline;
margin-bottom: 5px;
display: inline-block;
}
.link_text_1 a:hover {text-decoration: underline;}
.cust_arrowBtn {padding: 35px 0 0 0;}
.cust_arrowBtn.nav .nav-item {margin: 0 20px 0px 0;}
.cust_arrowBtn.nav .nav-item:last-child {margin-right: 0;}
.cust_arrowBtn.nav .nav-item .nav-link {
font-size: 16px; 
font-family: 'Meiryo UI'; 
margin: 0; 
color: #8c0038;
border: 2px solid #e9a3bf;
border-radius: 25px;
padding: 4px 28px 4px 43px;
position: relative;
}
.cust_arrowBtn.nav .nav-item .nav-link:hover {
text-decoration: underline;
}
.cust_arrowBtn.nav .nav-item .nav-link:before {
content: '';
width: 0;
height: 0;
border-left: 5px solid #8c0038;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
display: block;
margin: auto;
position: absolute;
left: 28px;
top: 11px;
}
.cust_arrowBtn.nav .nav-item .nav-link span {font-size: 14px; color: #e9005d;}
.snow_jewels_sec {padding: 0px 0px 25px;}
.snow_jewels_title, .snow_jewels_tab2_title {
padding: 12px 5px 8px;
margin: 0px 0px 0px;
text-align: center;
background: #8c0038;
color: #fff;
font-size: 24px;
font-weight: bold;
font-family: 'Meiryo UI'; 
}
.snow_jewels_tab2_title {background: #71b337;}
.vertImage_gallery_tab4_btmSec .snow_jewels_tab2_title {background: #edb062;}
.snow_jewels_tab2_title span {font-weight: 500;}
.snow_jewels_title span {font-weight: 500;}
.snow_jewels_imgWrapper, .snow_jewels_tab2_imgWrapper {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/snow_jewels_bg.jpg) repeat;
width: 100%;
height: 366px;
margin: 0 auto;
padding: 25px 25px;
border: 1px solid #e3e2e2;
border-top: 0;
}
.snow_jewels_tab2_imgWrapper {height: auto; padding: 35px 25px;}
.snow_jewels_contSec, .snow_jewels_tab2_contSec {width: 79%; margin: 0 auto; display: flex;}
.snow_jewels_tab2_contSec {width: 90%;}
.vertImage_gallery_tab4_btmSec .snow_jewels_tab2_contSec {width: 87%;}
.btn_ml {margin-left: 34px;} .snow_jewels_contSec .snow_customCard {width: 230px; float: left; overflow: hidden;}
.card.snow_customCard {background: none; margin: 0 25px 25px 0;}
.main_imgBox:last-child .card.snow_customCard {margin-right: 0;}
.snow_container_mainBox {overflow: hidden;}
.snow_card_blur_bg {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background: #000; z-index: 0;
border-radius: 10px 10px 5px 5px;
}
.snow_card_blur_bg.snow_card_blur_WhitBg {
background: #FFF;
}
.snow_card_blur_bg img {
filter: blur(2px);
object-fit: cover;
width: 100%;
height: 100%; } .snow_card_image {
position: relative;
height: 0;
padding-bottom: calc(100% / 16 * 9);
overflow: hidden;
background-color: #333841;
cursor: pointer;
}
.snow_card_image img {
width: 100%;
border-radius: 5px;
} .snow_jewels_contSec .snow_card_image.zoomImage img {
opacity: 1 !important; 
filter: inherit;    
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.zoomImage {
-webkit-transform: scale(1.2);
transform: scale(1.2);
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
height: 50px;
}
.snow_card_content {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 10px 15px;
color: #fff;
position: relative; z-index: 1; cursor: pointer;
background: rgba(0, 0, 0, .5);
}
.snow_card_content.snow_card_blackText_content {
color: #000;
}
.snow_overlayTop {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background: rgba(255,255,255,0.2); width: 100%;
height:0%;
transition: .5s ease;
z-index: -1;
border-radius: 5px 5px 0 0;
display: none;
}
.snow_overlayTop.snow_overlayTop_blackBg {
background: rgba(0,0,0,0.2);
}
.snow_container_mainBox:hover .snow_overlayTop {
bottom: 0;
height: 100%;
z-index: 1;
}
.snow_overlayTopText {
color: #000;
font-size: 12px;
position: absolute;
white-space: nowrap;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.snow_overlayTopText.snow_overlayTop_whiteText {
color: #fff;
}    
.snow_card_heading_2 {font-size: 14px; font-weight: bold; letter-spacing: 2.3px;}
@-moz-document url-prefix() { .snow_card_heading_2 {letter-spacing: 1.4px;}
} .snow_card_location_2, .snow_card_price_2 {font-size: 15px;}
.snow_card_location_2 i {
width: 20px;
height: 20px;
background: #3c91f5;
text-align: center;
border-radius: 50%;
font-size: 11px;
vertical-align: middle;
line-height: normal;
padding: 5px 0;
color: #fff;
}
.snow_card_price_2 i {
width: 20px;
height: 20px;
background: #f8a01a;
text-align: center;
border-radius: 50%;
font-size: 11px;
vertical-align: middle;
line-height: normal;
padding: 5px 0;
color: #fff;
}  .tagList_bgSec {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/tagList_bg_left.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/tagList_bg_right.png);
background-repeat: no-repeat, no-repeat;  
background-position: left top, right top;  background-size: 30% 100%, 30% 100%;
max-width: 1300px;
margin: 0 auto 15px;
padding-top: 30px;
}
.tabList_title a {
width: 47%;
margin: 0 auto 30px;
font-size: 24px;
font-weight: bold;
font-family: 'Meiryo UI'; 
color: #8c0038;
text-align: center;
padding: 0px 0px 0px 0px;
border-bottom: 2px solid #8c0038;
display: block;
}
@-moz-document url-prefix() { .tabList_title a {width: 50%;}
}
.tabList_title a:hover {color: #8c0038;}
.tabList_btn_sec {padding: 0px 0 40px 0;}
.tabList_btn {margin: 0px 0 12px 0;}
.tabList_btn.nav .nav-item {margin: 0 10px 0px 0;}
.tabList_btn.nav .nav-item:last-child {margin-right: 0;}
.tabList_btn.nav .nav-item .nav-link {
font-size: 14px; 
font-family: 'Meiryo UI'; 
margin: 0; 
color: #e9005d;
border: 2px solid #e9a3bf;
border-radius: 25px;
padding: 1px 12px 0px 12px;
}
.tabList_btn.nav .nav-item .nav-link:hover {
color: #f199bc;
}  .benefits_batch_sec {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/batch_bg_benefits_2.png) no-repeat;
background-size: contain;
height: 72px;   
color: #fff; 
font-size: 20px;
font-weight: bold;
font-family: 'Meiryo UI';
padding: 21px 18px 29px 75px;
line-height: 22px;
}
.deadline_sec { 
color: #010101; 
font-size: 18px;
font-weight: 500;
font-family: 'Meiryo UI';
text-align: right;
padding: 0px 0px 0px 0px;
margin: -6px 0px 0px;
}
.deadline_sec span { 
color: #e9005d; 
font-size: 24px;
font-weight: bold;
padding-left: 5px;
}
.deadline_sec span b { 
color: #010101; 
font-size: 24px;
font-weight: bold;
}
.deadline_sec strong { 
color: #010101; 
font-size: 24px;
font-weight: bold;
margin: 0px 10px;
}
.tab2_text_1 {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_top.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_bottom.png);
background-repeat: repeat-x, repeat-x;  
background-position: left top, left bottom;
font-size: 24px;
font-weight: 500;
font-family: 'Yu Gothic';
color: #000;
text-align: center;
margin: 5px 0px 20px 0px;
padding: 18px 0px;
}
.tab2_text_1 span {display: block;}
.tab2_text_2 {
font-size: 16px;
font-weight: 500;
font-family: 'Meiryo UI';
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
}
.tab2_text_2 span {color: #e9005d;}
.tab2_text_3 {
font-size: 24px;
font-weight: bold;
font-family: 'Meiryo UI';
color: #000;
line-height: 24px;
margin: 0px 0px 30px 0px;
padding: 0 0 0 10px;
border-left: 3px solid #f39800;
}
.tab2_text_4 {
font-size: 16px;
font-weight: bold;
font-family: 'Meiryo UI';
color: #e9005d;
margin-bottom: 5px;
}
.tab2_text_4 span {color: #000; font-weight: 500;}
.tab2_text_5 {font-size: 16px; margin-bottom: 5px;}
.tab2_text_6 {
font-size: 16px;
font-weight: 500;
font-family: 'Meiryo UI';
color: #000;
margin-bottom: 5px;
}
.tab2_text_6 span {color: #f39800; font-weight: bold;}
.tab2_text_7 {font-size: 16px; margin-bottom: 35px;}
.tab2_table_wrapper {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 25px 0;
margin-bottom: 35px;
}
.tab2_table_sec_1 {width: 100%; margin-bottom: 0;}
.tab2_table_sec_1 tr td {
padding: 5px 0px; 
color: #3f3f3f; 
font-size: 14px; 
font-weight: 500; 
font-family: 'Meiryo UI';
vertical-align: top; 
line-height: 25px;
}
.tab2_table_sec_1 tr td:first-child {font-weight: bold;}
.tab2_table_sec_1 tr td:nth-child(2) {text-align: center;}
.monthly_mem_sec {border: 1px solid #ccc; padding: 20px 20px; margin-bottom: 35px;}
.monthly_mem_sec p {
font-size: 14px;
font-weight: 500;
font-family: 'Meiryo UI';
color: #000;
margin-bottom: 5px;
}
.monthly_mem_sec p:first-child {
font-size: 20px;
color: #e9005d;
margin-bottom: 15px;
}
.monthly_mem_sec p:last-child {margin-bottom: 0px;}
.appDeadline_left {
font-size: 18px;
font-weight: bold;
font-family: 'Meiryo UI';
color: #000;
padding: 10px 0;
}
.appDeadline_left span {font-size: 24px;}
@-moz-document url-prefix() { .app_deadline_sec.c-w-92 {
width: 97% !important;
}
}
.appDeadline_right .btn.gradient_greenBtn {font-weight: bold;}
.vertImage_gallery_topSec {padding: 15px 0 50px;}
.gallery-containerTop { display: flex; }
.gallery-containerTop .gallery-main { width: 637px;
height: 422px;   margin: 0;
}
.gallery-containerTop .gallery-main .swiper-button-prev, .gallery-containerTop .gallery-main .swiper-button-next {
position: absolute;
bottom: 0;
right: 0;
top: auto;
left: auto;
height: 75px;
width: 40px;
color: #e9e9e9;
background: #1e1e1e;
}
.gallery-containerTop .gallery-main .swiper-button-prev::after, .gallery-containerTop .gallery-main .swiper-button-next::after {
font-size: 12px;
}
.gallery-containerTop .gallery-main .swiper-button-prev {
right: 40px;
border-right: 1px solid #e9e9e9;
}
.gallery-containerTop .gallery-title {
position: absolute;
top: 15px;
right: 15px;
font-family: "Epilogue", sans-serif;
font-size: 50px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
color: #ffffff;
}
.gallery-containerTop .swiper-slide-active .gallery-title {
-webkit-animation: slide-in 0.3s ease-in both;
animation: slide-in 0.3s ease-in both;
}
.gallery-containerTop .gallery-thumbs {  width: 148px;
height: 422px; margin: 0 0 0 15px;
}
.gallery-containerTop .gallery-thumbs .swiper-slide img {
transition: 0.3s;
opacity: 0.3;
}
.gallery-containerTop .gallery-thumbs .swiper-slide-active { opacity: 0.3;
}
.gallery-containerTop .gallery-thumbs .swiper-slide-active img {
opacity: 1;
}  
.gallery-containerTop .gallery-thumbs .swiper-slide:hover img { cursor: pointer;
}
.gallery-containerTop.gallery-thumbs .swiper-slide-active:hover img {
cursor: default;
}
.gallery-containerTop .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.gallery-containerTop .gallery-thumbs .swiper-slide-thumb-active img { opacity: 1;
}
.gallery-containerTop .gallery-thumbs .swiper-slide:hover img { cursor: pointer;
}
.gallery-containerTop .gallery-thumbs .swiper-slide-thumb-active:hover img {
cursor: default;
}
.gallery-containerTop .gallery-main .swiper-wrapper .swiper-slide img {
width: 100%;
height: 422px;
border-radius: 5px;
}
.gallery-containerTop .gallery-thumbs .swiper-wrapper .swiper-slide img {
width: 100%;
height: 100px;
border-radius: 5px;
}
.gallery-containerTop .gallery-thumbs .swiper-wrapper .swiper-slide {
margin-bottom: 0px;
}
.vertImage_gallery_btmSec {padding: 0px 0 0px;}
.gallery-containerBottom { width: 100%;
display: flex; overflow: hidden;
}
.gallery-containerBottom .gallery-main { width: 470px;
height: 470px;   margin: 0;
}
.gallery-containerBottom .gallery-main .swiper-button-prev, .gallery-containerBottom .gallery-main .swiper-button-next {
position: absolute;
bottom: 0;
right: 0;
top: auto;
left: auto;
height: 75px;
width: 40px;
color: #e9e9e9;
background: #1e1e1e;
}
.gallery-containerBottom .gallery-main .swiper-button-prev::after, .gallery-containerBottom .gallery-main .swiper-button-next::after {
font-size: 12px;
}
.gallery-containerBottom .gallery-main .swiper-button-prev {
right: 40px;
border-right: 1px solid #e9e9e9;
}
.gallery-containerBottom .gallery-title {
position: absolute;
bottom: 0px;
right: 0px;
font-family: "Epilogue", sans-serif;
font-size: 24px;
font-family: 'Yu Gothic';
font-weight: 500;
text-align: left;
color: #fff;
background: rgba(0, 0, 0, .5);
width: 100%;
padding: 10px;
}
.gallery-containerBottom .swiper-slide-active .gallery-title {
-webkit-animation: slide-in 0.3s ease-in both;
animation: slide-in 0.3s ease-in both;
}
.gallery-containerBottom .gallery-thumbs {  width: 110px;
height: 470px; margin: 0 0 0 25px;
overflow: visible;
}
.gallery-containerBottom .gallery-thumbs .swiper-slide img {
transition: 0.3s; opacity: 1;
} .gallery-containerBottom .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.gallery-containerBottom .gallery-thumbs .swiper-slide-thumb-active img {
opacity: 1;
}
.gallery-containerBottom .gallery-thumbs .swiper-slide:hover img { cursor: pointer;
}
.gallery-containerBottom .gallery-thumbs .swiper-slide-thumb-active:hover img {
cursor: default;
}
.gallery-containerBottom .gallery-main .swiper-wrapper .swiper-slide img {
width: 100%;
height: 470px; }
.gallery-containerBottom .gallery-thumbs .swiper-wrapper .swiper-slide img {
width: 100%;
height: 110px;
}
.gallery-containerBottom .gallery-thumbs .swiper-wrapper .swiper-slide {
margin-bottom: 10px;
margin-right: 10px;
height: 110px !important;
}
.gallery-containerBottom .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(n+9) {
margin-right: 0px;
}
.gallery-containerBottom .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(4n+4) {
margin-bottom: 0px;
}
.tab2_text_btmGallery {
font-size: 14px;
font-family: 'Meiryo UI';
margin-bottom: 0;
color: #000;
}  .custom_tabContent.tab-content .tab-pane .tabPane_space_sec.tab4space_sec {
padding: 50px 125px 40px;
}
.benefits_batch_tab4_sec {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/batch_bg_tab4_benefits.png) no-repeat;
background-size: contain;
height: 91px;   
color: #fff; 
font-size: 24px;
font-weight: bold;
font-family: 'Meiryo UI';
padding: 36px 18px 29px 100px;
line-height: 22px;
margin-bottom: 5px;
}
.tab4_text_1 {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_top.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_bottom.png);
background-repeat: repeat-x, repeat-x;  
background-position: left top, left bottom;
font-size: 24px;
font-weight: 500;
font-family: 'Yu Gothic';
color: #000;
text-align: center;
margin: 5px 0px 10px 0px;
padding: 39px 0px 34px;
}
.tab4_text_1 span {display: block;}
.tab4_text_2 {
font-size: 16px;
font-weight: 500;
font-family: 'Meiryo UI';
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
}
.tab4_text_2 span {color: #e9005d;}
.tab4_text_3 {
font-size: 24px;
font-weight: bold;
font-family: 'Meiryo UI';
color: #000;
line-height: 24px;
margin: 0px 0px 35px 0px;
padding: 0 0 0 10px;
border-left: 3px solid #f39800;
}
.tab4_text_4 {
font-size: 20px;
font-weight: normal;
font-family: 'Meiryo UI';
color: #000;
margin-bottom: 25px;
}
.tab4_text_5 {font-size: 16px; margin-bottom: 5px;}
.tab4_text_6 {
font-size: 16px;
font-weight: normal;
font-family: 'Meiryo UI';
color: #000;
margin-bottom: 30px;
}
.tab4_text_6 .sub_text_sec p {
color: #f39800;
margin-bottom: 2px;
}
.tab4_text_6 .sub_text_sec p span {
color: #000;
}
.tab4_text_7 {font-size: 16px; margin-bottom: 3px;}
.tab4_text_8 {font-size: 16px; margin-bottom: 3px;}
.tab4_text_9 {font-size: 16px; margin-bottom: 35px;}
.tab4_table_wrapper {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 25px 0;
margin-bottom: 35px;
}
.tab4_table_sec_1 {width: 100%; margin-bottom: 0;}
.tab4_table_sec_1 tr td {
padding: 5px 0px; 
color: #3f3f3f; 
font-size: 14px; 
font-weight: 500; 
font-family: 'Meiryo UI';
vertical-align: top; 
line-height: 20px;
}
.tab4_table_sec_1 tr td:first-child {font-weight: bold;}
.tab4_table_sec_1 tr td:nth-child(2) {text-align: center;}
.monthly_mem_tab4_sec {border: 1px solid #ccc; padding: 20px 20px; margin-bottom: 35px;}
.monthly_mem_tab4_sec p {
font-size: 14px;
font-weight: 500;
font-family: 'Meiryo UI';
color: #000;
margin-bottom: 5px;
}
.monthly_mem_tab4_sec p:first-child {
font-size: 20px;
color: #e9005d;
margin-bottom: 15px;
}
.monthly_mem_tab4_sec p:last-child {margin-bottom: 0px;}
.appDeadline_tab4_left {
font-size: 18px;
font-weight: bold;
font-family: 'Meiryo UI';
color: #000;
padding: 0px 0;
text-align: right;
}
.appDeadline_tab4_left .sub_text_1 {font-size: 18px; margin-right: 15px;}
.appDeadline_tab4_left .sub_text_2 {font-size: 24px;}
.appDeadline_tab4_left .sub_text_3 {font-size: 16px; position: relative; left: -7px;}
@-moz-document url-prefix() { .app_deadline_tab4_sec.c-w-75 {
width: 75% !important;
}
}
.appDeadline_tab4_right .btn.gradient_greenBtn {font-weight: bold;}
.vertImage_gallery_tab4_topSec {padding: 15px 0 50px;}
.gallery-tab4-containerTop { display: flex; }
.gallery-tab4-containerTop .gallery-main { width: 637px;
height: 422px;   margin: 0;
}
.gallery-tab4-containerTop .gallery-main .swiper-button-prev, .gallery-tab4-containerTop .gallery-main .swiper-button-next {
position: absolute;
bottom: 0;
right: 0;
top: auto;
left: auto;
height: 75px;
width: 40px;
color: #e9e9e9;
background: #1e1e1e;
}
.gallery-tab4-containerTop .gallery-main .swiper-button-prev::after, .gallery-tab4-containerTop .gallery-main .swiper-button-next::after {
font-size: 12px;
}
.gallery-tab4-containerTop .gallery-main .swiper-button-prev {
right: 40px;
border-right: 1px solid #e9e9e9;
}
.gallery-tab4-containerTop .gallery-title {
position: absolute;
top: 15px;
right: 15px;
font-family: "Epilogue", sans-serif;
font-size: 50px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
color: #ffffff;
}
.gallery-tab4-containerTop .swiper-slide-active .gallery-title {
-webkit-animation: slide-in 0.3s ease-in both;
animation: slide-in 0.3s ease-in both;
}
.gallery-tab4-containerTop .gallery-thumbs {  width: 148px;
height: 422px; margin: 0 0 0 15px;
}
.gallery-tab4-containerTop .gallery-thumbs .swiper-slide img {
transition: 0.3s;
opacity: 0.3;
}
.gallery-tab4-containerTop .gallery-thumbs .swiper-slide-active { opacity: 0.3;
}
.gallery-tab4-containerTop .gallery-thumbs .swiper-slide-active img {
opacity: 1;
}  
.gallery-tab4-containerTop .gallery-thumbs .swiper-slide:hover img { cursor: pointer;
}
.gallery-tab4-containerTop.gallery-thumbs .swiper-slide-active:hover img {
cursor: default;
}
.gallery-tab4-containerTop .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.gallery-tab4-containerTop .gallery-thumbs .swiper-slide-thumb-active img { opacity: 1;
}
.gallery-tab4-containerTop .gallery-thumbs .swiper-slide:hover img { cursor: pointer;
}
.gallery-tab4-containerTop .gallery-thumbs .swiper-slide-thumb-active:hover img {
cursor: default;
}
.gallery-tab4-containerTop .gallery-main .swiper-wrapper .swiper-slide img {
width: 100%;
height: 422px;
border-radius: 5px;
}
.gallery-tab4-containerTop .gallery-thumbs .swiper-wrapper .swiper-slide img {
width: 100%;
height: 100px;
border-radius: 5px;
}
.gallery-tab4-containerTop .gallery-thumbs .swiper-wrapper .swiper-slide {
margin-bottom: 0px;
}
.vertImage_gallery_tab4_btmSec {padding: 0px 11px 0px;}
.gallery-tab4-containerBottom { width: 100%;
display: flex; overflow: hidden;
}
.gallery-tab4-containerBottom .gallery-main { width: 470px;
height: 470px;   margin: 0;
}
.gallery-tab4-containerBottom .gallery-main .swiper-button-prev, .gallery-tab4-containerBottom .gallery-main .swiper-button-next {
position: absolute;
bottom: 0;
right: 0;
top: auto;
left: auto;
height: 75px;
width: 40px;
color: #e9e9e9;
background: #1e1e1e;
}
.gallery-tab4-containerBottom .gallery-main .swiper-button-prev::after, .gallery-tab4-containerBottom .gallery-main .swiper-button-next::after {
font-size: 12px;
}
.gallery-tab4-containerBottom .gallery-main .swiper-button-prev {
right: 40px;
border-right: 1px solid #e9e9e9;
}
.gallery-tab4-containerBottom .gallery-title {
position: absolute;
bottom: 0px;
right: 0px;
font-family: "Epilogue", sans-serif;
font-size: 24px;
font-family: 'Yu Gothic';
font-weight: 500;
text-align: left;
color: #fff;
background: rgba(0, 0, 0, .5);
width: 100%;
padding: 10px;
min-height: 70px;
}
.gallery-tab4-containerBottom .swiper-slide-active .gallery-title {
-webkit-animation: slide-in 0.3s ease-in both;
animation: slide-in 0.3s ease-in both;
}
.gallery-tab4-containerBottom .gallery-thumbs {  width: 110px;
height: 470px; margin: 0 0 0 25px;
overflow: visible;
}
.gallery-tab4-containerBottom .gallery-thumbs .swiper-slide img {
transition: 0.3s; opacity: 1;
} .gallery-tab4-containerBottom .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.gallery-tab4-containerBottom .gallery-thumbs .swiper-slide-thumb-active img {
opacity: 1;
}
.gallery-tab4-containerBottom .gallery-thumbs .swiper-slide:hover img { cursor: pointer;
}
.gallery-tab4-containerBottom .gallery-thumbs .swiper-slide-thumb-active:hover img {
cursor: default;
}
.gallery-tab4-containerBottom .gallery-main .swiper-wrapper .swiper-slide img {
width: 100%;
height: 470px; }
.gallery-tab4-containerBottom .gallery-thumbs .swiper-wrapper .swiper-slide img {
width: 100%;
height: 110px;
}
.gallery-tab4-containerBottom .gallery-thumbs .swiper-wrapper .swiper-slide {
margin-bottom: 10px;
margin-right: 10px;
height: 110px !important;
}
.gallery-tab4-containerBottom .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(n+9) {
margin-right: 0px;
}
.gallery-tab4-containerBottom .gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(4n+4) {
margin-bottom: 0px;
}
.tab4_text_btmGallery {
font-size: 14px;
font-family: 'Meiryo UI';
margin-bottom: 0;
color: #000;
}  .tab3_row_content_sec {border-bottom: 2px solid #eaeaea; margin-bottom: 35px;}
.tab3_row_content_sec .c-w-70.pull-left {padding-left: 20px;} .imagePart_sec {
position: relative; width: 100%;
margin: 0 auto 5px;
overflow: hidden;
border: 1px solid #ececec;
text-align: center;
} .imagePart_sec .content_overlay {
background: rgba(0,0,0,0.7);
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0; opacity: 0.5;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
cursor: default;
} .imagePart_sec .content_details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%; opacity: 1;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
cursor: default;
} .imagePart_sec .content_details p {
color: #fff;
font-size: 20px;
font-weight: 500;
font-family: 'Yu Gothic';
margin-bottom: 0;
} .imagePart_sec a {cursor: default;}
.img_hover_zoom {overflow: hidden;}
.img_hover_zoom img {
-webkit-transition: all 0.7s ease;
transition: transform 0.7s ease;
}
.img_hover_zoom:hover img {
transform: scale(1.1);
-webkit-transition: all 0.7s ease;
transition: transform 0.7s ease;
}
.imagePart_sec .content_overlay.overlay_dNone {display: none;}
.imagePart_sec .content_details.overlay_dNone {display: none;} .tab3_row_leftSec .no_of_seats {margin: 0; font-size: 14px; color: #3f3f3f; text-align: center; font-family: 'Meiryo UI';}
.tab3_row_leftSec .no_of_seats span {font-weight: bold; color: #f39800;}
.tab3RightSec_text_1 {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_bottom.png) left bottom repeat-x;
margin: 0px 0px 15px 0px;
padding: 0px 0px 5px;
}
.tab3RightSec_text_1 p {
font-size: 24px;
font-weight: bold;
font-family: 'Yu Gothic';
color: #010101;
margin: 0px;
padding: 0px 0px 8px;
letter-spacing: 0.23px;
}
.tab3RightSec_text_2 {font-family: 'Meiryo UI'; margin-bottom: 7px;}
.tab3RightSec_text_2 .sub_text_1 {
font-size: 24px;
font-weight: bold;
font-family: 'Meiryo UI';
color: #3F3F3F;
}
.tab3RightSec_text_2 .sub_text_1 .sub_text_1_1 {
font-size: 18px;
}
.tab3RightSec_text_2 .sub_text_2 {position: relative; top: -2px;}
.tab3RightSec_text_2 .sub_text_2 a {
font-size: 11px;
font-weight: bold;
color: #e9005d;
padding: 2px 8px;
margin: 0 10px 0;
border:2px solid #fbb2cf;
line-height: 12px;
}
.tab3RightSec_text_2 .sub_text_2 a:hover {
color: #e9005d;
}
.tab3RightSec_text_2 .sub_text_3 {
font-size: 14px;
font-weight: normal;
color: #3F3F3F;
margin-right: 20px;
}
.tab3RightSec_text_2 .sub_text_4 {
font-size: 14px;
font-weight: normal;
color: #3F3F3F;
}
.tab3RightSec_text_3 {
font-size: 14px;
font-family: 'Meiryo UI';
color: #3F3F3F;
background: #ececec;
margin-bottom: 10px;
padding: 5px 5px;
}
.tab3RightSec_text_4 {
font-size: 14px;
font-family: 'Meiryo UI';
color: #3F3F3F;
margin-bottom: 0px;
padding: 0px 0px;
line-height: 24px;
}
.btn.customNewBtn_1.tab3ListBtn {
font-size: 20px;
font-family: 'Meiryo UI';
min-width: 220px;
margin-bottom: 25px;
margin-right: 30px;
padding: 14px 0px 10px;
}   .form_header_img{
text-align: center;
padding: 25px 0px 0px;
}
.form_content_wrapper{
width: 800px;
width: auto;
}
.form_content_inner_header {
text-align: center;
padding: 45px 0px 0px;
}
.form_content_wrapper {
width: 800px;
margin: auto;
}
.form_content_inner_tiny_header {
text-align: center;
font-size: 14px;
color: #f39800;
}
.form_content_detail {
width: 600px;
margin: auto;
padding: 10px 0px 0px 0px;
}
.form_sumbit_btn {
text-align: center;
padding: 30px 0px 70px;
}
.required .heighlighted-label {
background: #e9005d;
font-size: 12px;
color: #fff;
display: inline-block;
vertical-align: middle;
padding: 2px 8px;
line-height: 16px;
margin: 0px 10px;   
}
.required .highlight_inner_label{
color: #e9005d;
}
#exampleFormControlTextarea1::placeholder { color: #999;
opacity: 1; }
#exampleFormControlTextarea1:-ms-input-placeholder { color: #999;
}
#exampleFormControlTextarea1::-ms-input-placeholder { color: #999;
}
.cust_label{
font-size: 16px;
margin-bottom: 10px;
padding-left: 10px;
} 
.cust_form_group_input {
border-radius: 0px;
border: 1px solid #999999;
color: #000;
}
.form-control.cust_form_group_input::placeholder, 
.form-control.cust_form_group_textarea::placeholder {
color: #999;
opacity: 1; }  
.form-control.cust_form_group_input:-ms-input-placeholder, 
.form-control.cust_form_group_textarea:-ms-input-placeholder { color: #999;
}  
.form-control.cust_form_group_input::-ms-input-placeholder, 
.form-control.cust_form_group_textarea::-ms-input-placeholder { color: #999;
}
.form_content_inner_header h3 {
font-size: 29px;
font-family: 'Yu Gothic';
}
.form-group-inner{
margin-bottom: 45px;
}
.cust_form_group_textarea{
border-radius: 0px;
border: 1px solid #999999;
color: #000;
height: 200px !important; 
padding: 10px; 
resize: none; 
}
.form_submit_btn {
width: 175px;
height: 40px;
}  .logo-header{
text-align: center;
margin: 55px 0px 0px;
}
.page_404_imgSec {
text-align: center; 
margin: 50px 0px 15px;
}
.logo_header_img{
text-align: center; 
margin: 10px 0px 15px;
}
.logo_header_1{
text-align: center;
}
.logo_content_inner_header{
text-align: center;
}
.logo_content_wrapper{
width: 800px;
margin: auto;
border-bottom: 1px solid #cccccc;
}
.add_content_wrapper{
width: 800px;
padding-bottom: 230px;
margin: auto;
}
.add_header_img{
text-align: center; 
margin-top: 30px;
}
.customNewBtn_4{
background: #f39800;
border-radius: 0px;
color: #fff;
font-size: 18px;
margin-bottom: 12px;
min-width: 180px;
padding: 3px 0;
margin: 30px 0px 0px;
}
.customNew_logo_Btn{
background: #f39800;
border-radius: 0px;
color: #fff;
font-size: 18px;
margin-bottom: 12px;
min-width: 180px;
padding: 3px 0;
max-width: 200px;
height: 50px;
}
.add-inner {
text-align: center;
}
.add-inner img {
display: inset-block;
vertical-align: middle;
border: 1px solid #cecece;
}
.add-inner img:nth-child(2) {
margin: 0px 10px;
}
.add-title {
font-size: 12px;
color: #666666;
line-height: normal;
margin: 10px 0px 10px;
text-align: left;
padding-left: 60px;
color: #d6d6d6;
font-family: 'Yu Gothic';
}
.logo_header_1 {
text-align: center;
}
.logo_header_1 img,
.logo_header_1 .logo-title {
display: inline-block;
vertical-align: middle;
}
.logo_header_1 .logo-title h5,
.logo_header_1 .logo-title span {
display: block;
font-size: 20px;
font-family: 'Yu Gothic';
}
.logo_header_1 .logo-title h5  {
margin: 0px;
line-height: 18px;
color: #e9005d;
}
.logo_header_1 .logo-title span {
margin-bottom: 5px;
}
.logo_content_inner_header h6 {
font-size: 50px;
color: #e0cfd5;
margin: 0px 0px 15px; 
font-family: Myriad Pro;
}
.logo_content_inner_header h5 {
font-weight: bold;
font-size: 30px;
color: #999999;
font-family: 'Yu Gothic';
}
.logo_sumbit_btn {
text-align: center;
padding: 25px 0px 70px;
}
.logo_sumbit_btn .cust-logo-btn {
width: 200px;
height: 50px;
font-size: 24px;
padding: 6px 0 3px;
}
.btn.cust-add-btn {
margin: 30px 0px 0px;
font-size: 14px;
min-width: 140px;
height: 30px;
background: #f39800;
border-radius: 0px;
color: #fff;
padding: 3px 0;
}  .comment_map_title_sec {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_top.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_bottom.png);
background-repeat: repeat-x, repeat-x;  
background-position: left top, left bottom;
padding: 25px 40px;
margin: 0 0 10px;
}
.cmd_map_title_1 a { width: auto;
margin: 0 0px 0 10px;
padding: 0px 0px 0px 0px;
font-size: 32px;
font-weight: bold;
font-family: 'Yu Gothic';
color: #8c0038;
text-align: center;
border-bottom: 2px solid #8c0038;
display: inline-block;
}
.cmd_map_title_1 a:hover {
color: #8c0038;
}
.cmd_post_wrapper {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/snow_jewels_bg.jpg) repeat;
width: 100%;
height: auto;
margin: 0 0 10px;
padding: 25px 125px 50px;
}
.cmd_post_title_1 {
text-align: center;
margin-bottom: 35px;
}
.cmd_post_1 {margin-bottom: 35px;}
.cmd_post_area_1 {
border: 1px solid #ccc;
background: #fff;
padding: 10px; 
}
.cmd_post_textbox_1 {
border-radius: 0px;
border: 0px solid #f00;
color: #000;
font-size: 12px;
font-family: 'Meiryo UI';
padding: 0px; 
min-height: 58px;
resize: none; 
}
.form-control.cmd_post_textbox_1::placeholder,
.form-control.post_entry_textbox::placeholder {
color: #CCC;
opacity: 1; }  
.form-control.cmd_post_textbox_1:-ms-input-placeholder,
.form-control.post_entry_textbox:-ms-input-placeholder { color: #CCC;
}  
.form-control.cmd_post_textbox_1::-ms-input-placeholder,
.form-control.post_entry_textbox::-ms-input-placeholder { color: #CCC;
}
.btn.customPostBtn_1 {
background: #f39800;
border-radius: 0px;
color: #fff;
font-size: 16px;
font-family: 'Meiryo UI';
font-weight: bold;
line-height: 20px;
margin-bottom: 0px;
border: 0px solid #f39800;
min-width: 100px;
} 
.btn.customPostBtn_1:hover {
background: #e9025e;
border-radius: 0px;
color: #fff;
box-shadow: inherit;
}
.btn_upload {
cursor: pointer;
display: inline-block;
overflow: hidden; position: absolute;
color: #000;
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px 5px 5px;
right: 140px;
top: 24px;
z-index: 1;
line-height: 20px;
background: #fff url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/paperclip.png) 6px 5px no-repeat;
width: 35px;
height: 32px; 
} @-moz-document url-prefix() {  }
.btn_upload:hover,
.btn_upload:focus {
width: 35px;
height: 31px; 
cursor: pointer;
}
.yes {
display: flex;
align-items: flex-start; }
.btn_upload input {
cursor: pointer;
height: 100%;
position: absolute;
filter: alpha(opacity=1);
-moz-opacity: 0;    
-webkit-opacity: 0;
opacity: 0;
left: -95px;
top: 1px;
}
.it {
max-width: 100%;
height: 58px; border: 1px solid #ccc;
}  
.btn_rmv1 {display: none;}
.rmv {
cursor: pointer;
color: #fff;
border-radius: 50%;
border: 1px solid #fff;
display: inline-block; background: #666;
margin: -5px -15px;
width: 20px;
height: 20px;
text-align: center;
font-size: 12px;
padding: 1px 0px;
}  
.rmv:hover { background: #555;
}
.cmd_post_2 {border-bottom: 2px solid #c5c5c5; margin-bottom: 30px;}
.cmdPost_left_sec {margin-bottom: 25px;}
.userPostImg_left {
border: 3px solid #fff;
border-radius: 50%;
}
.cmdPost_left_sec .userPostImg_left {width: 115px; height: 115px;}
.cmdPost_right_sec .userPostImg_left {width: 70px; height: 70px;}
.postBox_leftArrow_side {
width: auto;
margin: 0px 0px;
border: 2px solid #d0c1c5;
padding: 10px 10px 10px 20px;
color: #000;
font-family: 'Meiryo UI';
position: relative;
background: #fff;
border-radius: 5px;
} 
.postBox_leftArrow_side.orangeFrame_cmdPost {
border: 2px solid #f39800;
}
.sb11:before {
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid #d0c1c5;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
left: -16px;
top: 50px;
} 
.sb11.orangeFrame_sb11:before {
border-right: 8px solid #f39800;
}  
.sb11:after {
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid #fff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
left: -13px;
top: 50px;
}
.sb11.orangeFrame_sb11:after {
border-right: 8px solid #fff;
}  
.cmdPost_leftSide_text_1 {padding: 10px 0 10px;}
.cmdPost_leftSide_text_1 .sub_txt_1 {
font-size: 14px;
font-weight: bold;
color: #3f3f3f;
padding: 0 5px 0 0px;
}
.cmdPost_leftSide_text_1 .sub_txt_2 {
font-size: 12px;
font-weight: 500;
color: #666;
padding: 0 5px 0 0px;
}
.cmdPost_leftSide_text_1 .post_close {
font-size: 8px;
font-weight: 500;
color: #fff;
padding: 2px 5px 1px;
background: #8c0038;
text-align: center;
position: relative;
top: -2px;;
}
.cmdPost_leftSide_text_1 .post_close:hover {color: #fff; background: #f00;}
.postImg_right {border: 1px solid #cecece; cursor: pointer;}
.cmdPost_leftSide_text_2 {
font-size: 16px;
color: #3f3f3f;
padding: 0 0px 0 0px;
margin: 0;
}
.cmdPost_right_sec {margin-bottom: 35px;}
.postBox_rightArrow_side {
width: 75%;
margin: 0px 0px;
border: 2px solid #e5e5e5;
padding: 20px 20px 20px 20px;
color: #000;
font-family: 'Meiryo UI';
position: relative;
background: #fff;
border-radius: 5px;
float: right;
}
.sb12:before {
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 8px solid #e5e5e5;
border-right: 8px solid transparent;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
right: -16px;
top: 50px;
}  
.sb12:after {
content: "";
width: 0px;
height: 0px;
position: absolute;
border-left: 8px solid #fff;
border-right: 8px solid transparent;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
right: -13px;
top: 50px;
}
.cmdPost_rightSide_text_1 {padding: 0px 0 10px; text-align: right;}
.cmdPost_rightSide_text_1 .sub_txt_1 {
font-size: 14px;
font-weight: bold;
color: #3f3f3f;
padding: 0 5px 0 0px;
}
.cmdPost_rightSide_text_1 .sub_txt_2 {
font-size: 12px;
font-weight: 500;
color: #666;
padding: 0 5px 0 0px;
}
.cmdPost_rightSide_text_2 {
font-size: 12px;
color: #3f3f3f;
margin: 0;
text-align: left;
line-height: 20px;
}
.post_entry_sec {width: 77.5%; float: right;}
.post_entry_textbox {
border-radius: 0px;
border: 1px solid #ccc;
color: #000;
font-size: 12px;
font-family: 'Meiryo UI';
padding: 10px; 
min-height: 80px;
resize: none; 
}
.post_entry_textbox:focus {border: 1px solid #ccc;}
.post_btn {
position: absolute;
bottom: 0px;
right: 100px;
} .custom_pagination_1.cust_pt {padding-top: 33px;}
.custom_pagination_1 ul {margin:0; padding: 0;}
.custom_pagination_1 ul li {margin:0; padding: 0; list-style-type: none; display: inline-block; box-shadow: inherit;} .custom_pagination_1 ul li a {
margin:0 0 5px 0; padding: 3px 14px;
font-size: 14px;
color: #8c0038;
border:1px solid #CCC;
display: inline-block;
background: #fff;
}
.custom_pagination_1 ul li a:hover {
color: #000;
background-color: #e9d2d9;
border-color: #CCC;
}
.custom_pagination_1 ul li.active a {
color: #8c0038;
background-color: #e9d2d9;
border-color: #CCC;
cursor: default;
}
.custom_pagination_1 ul li.disabled a {
color: #ccc;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6;
} .close_icon {
position: absolute;
top: 2px;
right: 17px;
padding: 2px 5px 0;
font-size: 8px;
color: #fff;
background: #8c0038;
}
.close_icon:hover {
color: #fff;
background: #f00;
}
button.modal_closeBtn {
position: absolute;
top: -28px;
right: 0;
z-index: 1;
padding: 3px 0px;
background: #8c0038;
color: #fff;
width: 28px;
height: 28px;
text-align: center;
}
button.modal_closeBtn:hover {
background: #f00;
color: #fff;
}
button.modal_closeBtn:focus {outline: 0;}
.cust_modalBody {
padding: 3px;
box-shadow: inset 0px 0px 0px 5px #ccc;
}  .report_top_wrapper {
margin: 0 0 10px;
padding: 25px 0px 50px;
}
.report_title_1 {
margin-bottom: 35px;
font-size: 26px;
font-family: 'Yu Gothic';
font-weight: bold;
color: #f39800;
align-items: center;
display: flex;
}
.report_title_1 img {margin-right: 10px; width: 36px;}
.report_article_wrapper {margin-bottom: 25px; font-family: 'Meiryo UI';}
.report_article_sec {border-bottom: 1px solid #eaeaea; padding-bottom: 20px; margin-bottom: 35px;}
.reportArt_text_1 {
margin-bottom: 10px;
font-size: 12px;
color: #010101;
align-items: center;
display: flex;
}
.reportArt_text_1 img {
position: absolute;
left: 155px;
top: -6px;
}
.reportArt_text_2 {
border-left: 3px solid #f39800;   
margin-bottom: 15px;
align-items: center;
display: flex;
}
.reportArt_text_2 a {
font-size: 20px;
color: #8c0038;
font-weight: bold;
padding: 3px 0 0 10px;
line-height: 18px;
letter-spacing: 1.8px;
}
.reportArt_text_3 {
font-size: 14px;
color: #3f3f3f;
padding: 0px 0 10px 0;
margin-bottom: 0px;
line-height: 22px;
}
.readMore_article {
font-size: 14px;
color: #8c0038;
padding: 0px 0 0 0px;
line-height: 18px;
border-bottom: 3px solid #8c0038;
float: right;
}
.readMore_article:hover {color: #8c0038;}
.reportArt_imgRight {
border: 5px solid #fff;
float: right;
box-shadow: 0px 0px 5px #9c9c9c;
}
.reportArt_text_4 {
font-size: 36px;
color: #CCC;
text-align: center;
padding: 0px 0 70px 0;
margin-bottom: 0px; }
.btn.customNewBtn_1.topProducerBtn {
font-size: 14px;
font-family: 'Meiryo UI';
min-width: 140px;
margin-top: 40px;
}  .eventDetail_map_title_sec {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_top.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_bottom.png);
background-repeat: repeat-x, repeat-x;  
background-position: left top, left bottom;
padding: 25px 40px;
margin: 0 0 10px;
}
.eventDetail_map_title_1 {margin-bottom: 30px; padding-left: 10px;}
.eventDetail_map_title_1 a { margin: 0 0px 0 0px;
padding: 0px 0px 0px 0px;
font-size: 32px;
font-weight: bold;
font-family: 'Yu Gothic';
color: #8c0038;
text-align: center;
border-bottom: 2px solid #8c0038; }
.eventDetail_map_title_1 a:hover {color: #8c0038;}
.eventDetail_map_text_1 {
margin: 0 0px 0 0px;
padding: 0px 0px 0px 10px;
font-size: 24px;
font-weight: 500;
font-family: 'Yu Gothic';
color: #010101;
}
.event_detail_wrapper {
margin: 0 0 10px;
padding: 25px 120px 0px 120px;
}
.eventDetail_cont_wrapper {font-family: 'Meiryo UI';}
.eventDetail_vertImage_gallery_topSec {padding: 0px 0 15px;}
.eventDetail_gallery_containerTop { display: flex; }
.eventDetail_gallery_containerTop .gallery-main { width: 670px;
height: 440px;  margin: 0 4px 0 0;
}
.eventDetail_gallery_containerTop .gallery-main .swiper-button-prev, .eventDetail_gallery_containerTop .gallery-main .swiper-button-next {
position: absolute;
bottom: 0;
right: 0;
top: auto;
left: auto;
height: 75px;
width: 40px;
color: #e9e9e9;
background: #1e1e1e;
}
.eventDetail_gallery_containerTop .gallery-main .swiper-button-prev::after, .eventDetail_gallery_containerTop .gallery-main .swiper-button-next::after {
font-size: 12px;
}
.eventDetail_gallery_containerTop .gallery-main .swiper-button-prev {
right: 40px;
border-right: 1px solid #e9e9e9;
}
.eventDetail_gallery_containerTop .gallery-title {
position: absolute;
top: 15px;
right: 15px;
font-family: "Epilogue", sans-serif;
font-size: 50px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
color: #ffffff;
}
.eventDetail_gallery_containerTop .swiper-slide-active .gallery-title {
-webkit-animation: slide-in 0.3s ease-in both;
animation: slide-in 0.3s ease-in both;
}
.eventDetail_gallery_containerTop .gallery-thumbs {  width: 120px;
height: 440px; margin: 0 0 0 15px;
}
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-slide img {
transition: 0.3s; border: 2px solid #CCC;
}
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-slide-active {
opacity: 1; }
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-slide-active img {
opacity: 1;
border: 2px solid #CCC;
}  
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-slide:hover img {
opacity: 1;
cursor: pointer;
}
.eventDetail_gallery_containerTop.gallery-thumbs .swiper-slide-active:hover img {
cursor: default;
}
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-slide-thumb-active img { opacity: 1;
border: 2px solid #f39800;
}
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-slide:hover img {
opacity: 1;
cursor: pointer;
}
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-slide-thumb-active:hover img {
cursor: default;
}
.eventDetail_gallery_containerTop .gallery-main .swiper-wrapper .swiper-slide img {
width: 100%;
height: 440px; }
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-wrapper .swiper-slide img {
width: 100%;
height: 78px; }
.eventDetail_gallery_containerTop .gallery-thumbs .swiper-wrapper .swiper-slide {
margin-bottom: 0px;
}
.eventDet_userImg_text_sec {font-family: 'Meiryo UI'; padding-left: 10px;}
.eventDet_userImg_text_sec .sub_text_1 .sub_text_1_1 {
font-size: 14px;
font-weight: 500;
color: #3f3f3f;
}
.eventDet_userImg_text_sec .sub_text_1 .sub_text_1_2 {
font-size: 18px;
font-weight: bold;
color: #8c0038;
}
.eventDet_userImg_text_sec .sub_text_2 {position: relative; top: -3px;}
.eventDet_userImg_text_sec .sub_text_2 a {
font-size: 11px;
font-weight: 500;
color: #e9005d;
padding: 2px 8px;
margin: 0 5px 0;
border:1px solid #fbb2cf;
line-height: 12px;
}
.eventDet_userImg_text_sec .sub_text_2 a:hover {
color: #e9005d;
}
.eventDet_userImg_text_sec .sub_text_3 {
font-size: 14px;
font-weight: 500;
color: #3f3f3f;
}
.eventDet_table {width: 100%; margin-bottom: 30px; border: 1px solid #ececec;}
.eventDet_table tr td {padding: 10px 15px; color: #3f3f3f; font-size: 14px; font-weight: 500; vertical-align: middle; line-height: 20px;}
.eventDet_table tr td:first-child {font-weight: bold; font-size: 16px;}
.eventDet_table tr:nth-child(odd) {background: #f3f3f3; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.eventDet_table tr:first-child {border-top: 0px;}
.event_cont_sec {padding: 20px; margin-bottom: 20px; border: 1px solid #ececec;}
.event_cont_sec p:first-child {
font-size: 18px;
font-weight: bold;
color: #e9005d;
padding: 0 0 10px 0;
margin: 0;
}
.event_cont_sec p:last-child {
font-size: 14px;
font-weight: 500;
color: #3f3f3f;
padding: 0 0 40px 0;
margin: 0;
line-height: 28px;
letter-spacing: -0.1px;
}
.precaution_sec {padding: 20px; margin-bottom: 30px;}
.precaution_sec p {
font-size: 12px;
color: #666;
margin: 0;
}
.precaution_sec p:first-child {padding: 0 0 5px 0;}
.precaution_sec p:last-child {line-height: 24px;}
.eventDet_app_margin {margin-bottom: 25px;}
.eventDet_app_deadline_sec .appDeadline_left {
font-size: 18px;    
font-weight: normal;
font-family: 'Meiryo UI';
color: #010101;
padding: 0px 0;
}
.eventDet_app_deadline_sec .appDeadline_left span {font-size: 24px; font-weight: bold;}
.eventDet_app_deadline_sec .appDeadline_left span em {margin: 0 10px 0;}
.eventDet_app_deadline_sec .appDeadline_left span b {color: #e9005d;}
@-moz-document url-prefix() { .eventDet_app_deadline_sec.c-w-85 {
width: 88% !important;
}
}
.btn.custom_fullWidth_Btn_3 {
background: #f39800;
border-radius: 0px;
color: #fff; font-size: 24px;
font-family: 'Yu Gothic';
transition: all 0.3s ease;
margin-bottom: 12px;
padding: 10px 15px;
}
.btn.custom_fullWidth_Btn_3:hover {
background: #e9025e;
border-radius: 0px;
color: #fff;
box-shadow: inherit;
}
.pastEvent_full_bgSec {    background: #fdf3e2 url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/pastEvent_bg_top.png) left top repeat-x;    
margin-bottom: 25px;
padding: 0 0 35px;
}
.pastEvent_leftRight_bgSec {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/pastEvent_bg_left.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/pastEvent_bg_right.png);
background-repeat: no-repeat, no-repeat;  
background-position: left 15px, right 15px;  background-size: 15% 60%, 20% 55%;
max-width: 1300px;
margin: 0 auto 0px;
padding-top: 30px;
}
.pastEvent_title_1 {margin:  0 0 25px 0; text-align: center;}
.pastEvent_gallery_sec {padding: 0px 0 30px 0;}
.pastEvent_gallery_sec .nav .nav-item {margin: 0 20px 0px 0;}
.pastEvent_gallery_sec .nav .nav-item img {width: 150px; height: 150px; border-radius: 50%; border:1px solid #c3c3c3; margin-bottom: 15px;}
.pastEvent_gallery_sec .nav .nav-item:last-child {margin-right: 0;}
.pastEvent_gallery_sec .nav .nav-item .nav-link {
font-size: 12px; 
font-family: 'Meiryo UI'; 
margin: 0; 
color: #8c0038;
padding: 0px 20px 0px;
}
.pastEvent_gallery_sec .nav .nav-item .nav-link:hover {
color: #8c0038;
}
.btn.customNewBtn_1.eventListBtn {
font-size: 14px;
font-family: 'Meiryo UI';
min-width: 140px;
margin-bottom: 25px;
}  .report_detail_wrapper {
margin: 0 0 30px;
padding: 25px 100px 0px 100px;
}
.reportDet_title_1 {
margin-bottom: 15px;
font-size: 18px;
font-family: 'Yu Gothic';
font-weight: bold;
color: #f39800;
align-items: center;
display: flex;
}
.reportDet_title_1 img {margin-right: 10px; width: 26px;} .reportDet_text_1 {
border-left: 3px solid #f39800;   
margin-bottom: 45px;
align-items: center;
display: flex;
}
.reportDet_text_1 a {
font-size: 20px;
color: #000;
font-weight: bold;
padding: 3px 0 0 10px;
line-height: 18px; }
.reportDet_text_2 {
margin-bottom: 20px;
font-size: 12px;
color: #010101;
align-items: center;
display: flex;
}
.reportDet_text_2 img {
position: relative;
left: 5px;
top: 0px;
}
.reportDet_text_3 {
margin-bottom: 30px;
font-size: 14px;
font-family: 'Meiryo UI';
color: #3f3f3f;
line-height: 26px;
}
.reportDet_img_sec {margin-bottom: 35px;}
.hr_line {margin: 50px 0 30px; border-top: 1px solid #eaeaea;}
.article_menu.nav {margin: 0 0 25px;}
.article_menu.nav .nav-link {
margin: 0 5px 0 0; 
padding: 0 5px; 
color: #8c0038; 
font-size: 16px;
font-family: 'Meiryo UI';
} .article_menu.nav .nav-link.active {color: #666; font-weight: bold;}
.article_menu.nav .nav-link.active i.dobleLeftArrow {margin: 0 15px 0 0px;}
.article_menu.nav .nav-link.active i.dobleRightArrow {margin: 0 0px 0 15px;}  .product_wrapper {
margin: 0 0 10px;
padding: 5px 125px 0px 125px;
}
.product_cont_wrapper {font-family: 'Meiryo UI';}
.product_vertImage_gallery_topSec {margin: 0px 0 25px;}
.product_gallery_containerTop { display: flex; }
.product_gallery_containerTop .gallery-main { width: 637px;
height: 422px;   margin: 0;
}
.product_gallery_containerTop .gallery-main .swiper-button-prev, .product_gallery_containerTop .gallery-main .swiper-button-next {
position: absolute;
bottom: 0;
right: 0;
top: auto;
left: auto;
height: 75px;
width: 40px;
color: #e9e9e9;
background: #1e1e1e;
}
.product_gallery_containerTop .gallery-main .swiper-button-prev::after, .product_gallery_containerTop .gallery-main .swiper-button-next::after {
font-size: 12px;
}
.product_gallery_containerTop .gallery-main .swiper-button-prev {
right: 40px;
border-right: 1px solid #e9e9e9;
}
.product_gallery_containerTop .gallery-title {
position: absolute;
top: 15px;
right: 15px;
font-family: "Epilogue", sans-serif;
font-size: 50px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
color: #ffffff;
}
.product_gallery_containerTop .swiper-slide-active .gallery-title {
-webkit-animation: slide-in 0.3s ease-in both;
animation: slide-in 0.3s ease-in both;
}
.product_gallery_containerTop .gallery-thumbs {  width: 148px;
height: 422px; margin: 0 0 0 15px;
}
.product_gallery_containerTop .gallery-thumbs .swiper-slide img {
transition: 0.3s;
opacity: 0.3;
}
.product_gallery_containerTop .gallery-thumbs .swiper-slide-active { opacity: 0.3;
}
.product_gallery_containerTop .gallery-thumbs .swiper-slide-active img {
opacity: 1;
}  
.product_gallery_containerTop .gallery-thumbs .swiper-slide:hover img { cursor: pointer;
}
.product_gallery_containerTop.gallery-thumbs .swiper-slide-active:hover img {
cursor: default;
}
.product_gallery_containerTop .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.product_gallery_containerTop .gallery-thumbs .swiper-slide-thumb-active img { opacity: 1;
}
.product_gallery_containerTop .gallery-thumbs .swiper-slide:hover img { cursor: pointer;
}
.product_gallery_containerTop .gallery-thumbs .swiper-slide-thumb-active:hover img {
cursor: default;
}
.product_gallery_containerTop .gallery-main .swiper-wrapper .swiper-slide img {
width: 100%;
height: 422px;
border-radius: 5px;
}
.product_gallery_containerTop .gallery-thumbs .swiper-wrapper .swiper-slide img {
width: 100%;
height: 100px;
border-radius: 5px;
}
.product_gallery_containerTop .gallery-thumbs .swiper-wrapper .swiper-slide {
margin-bottom: 0px;
}
.product_title_1 {
margin: 0 0 20px 0; 
padding: 0 0px; 
color: #010101; 
font-size: 28px;
font-weight: bold;
font-family: 'Yu Gothic';
line-height: 40px;
letter-spacing: -1.4px;
}
.product_table_1 {width: 100%; margin-bottom: 20px;}
.product_table_1 tr td {padding: 7px 0px; color: #010101; font-size: 18px; font-family: 'Meiryo UI'; vertical-align: middle; line-height: 20px;}
.product_table_1 tr td:first-child {font-weight: bold;}
.product_table_1 tr td.text_color_1 {color: #8c0038;}
.product_table_2 {width: 100%; margin-bottom: 20px;}
.product_table_2 tr td {padding: 0px 0px; color: #010101; font-family: 'Meiryo UI'; vertical-align: middle; line-height: 20px;}
.product_table_2 tr td.product_td_1 .sub_text_1 {font-size: 20px; font-weight: bold; color: #f39c09;}
.product_table_2 tr td.product_td_1 .sub_text_2 {font-size: 14px; color: #000; position: relative; left: -5px;}
.product_table_2 tr td.product_td_2 table {margin-bottom: 0;}
.product_table_2 tr td.product_td_2 table tr td {padding: 0px 0px; color: #010101; vertical-align: middle;}
.product_table_2 tr td.product_td_2 table tr td .sub_text_1 {font-size: 14px;}
.product_table_2 tr td.product_td_2 table tr td .sub_text_2 {font-size: 14px; color: #e9005d; position: relative; left: -3px;}
.product_table_2 tr td.product_td_2 table tr td .sub_text_3 {font-size: 14px; display: inline-block;}
.product_table_2 tr td.product_td_2 table tr td .sub_text_4 {font-size: 14px; display: inline-block;}
.tableSec_dropdown {
border-radius: 5px;
border: 1px solid #ccc;
color: #010101;
width: 70px;
height: 40px;
font-size: 14px;
padding: 6px 5px 5px 9px;
}
.btn.customNewBtn_1.toBuyBtn {
font-size: 21.6px;
font-family: 'Meiryo UI';
min-width: 190px;
margin: 0px;
padding: 11px 0px 9px;
}
.product_text_1 {
color: #010101;
font-size: 16px;
font-family: 'Meiryo UI';
margin-bottom: 15px;
}
.hr_line_2 {margin: 15px 0 20px; border-top: 1px solid #ccc;}
.product_table_3 {width: 100%; margin-bottom: 20px;}
.product_table_3 tr td {padding: 2px 0px; color: #010101; font-size: 14px; font-family: 'Meiryo UI'; vertical-align: middle; line-height: 20px;}
.inquire_abt_product {
color: #010101;
font-size: 14px;
font-family: 'Meiryo UI';
margin: 0px 0px 50px 0px;
padding: 7px 15px 7px;
border: 2px solid #e9a3bf;
border-radius: 25px;
display: inline-block;
}
.inquire_abt_product img {margin-right: 5px;}
.porduct_doubleLine_sec {
background-image: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_top.png), url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/border_doubleLine_bottom.png);
background-repeat: repeat-x, repeat-x;  
background-position: left top, left bottom;
color: #010101;
font-family: 'Meiryo UI';
margin: 5px 0px 10px 0px;
padding: 30px 0px 30px;
}
.prod_text_1 {
color: #f39c09;
font-size: 18px;
font-weight: bold;
font-family: 'Meiryo UI';
margin-bottom: 20px;
}
.prod_text_2 {
color: #000;
font-size: 14px;
font-family: 'Meiryo UI';
margin-bottom: 25px;
}
.prod_text_2 .sub_text_1 {
color: #e9005d;
font-size: 18px;
font-weight: bold;
} .prod_text_3 {
color: #000;
font-size: 14px;
font-family: 'Meiryo UI';
margin-bottom: 20px;
}
.prod_text_3 .sub_text_1 {
color: #e9005d;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid #e9005d;
display: inline-block;
line-height: 20px;
}
.prod_text_4 {
color: #000;
font-size: 14px;
font-family: 'Meiryo UI';
margin-bottom: 25px;
line-height: 22px;
}
.prod_text_5 {
color: #000;
font-size: 14px;
font-family: 'Meiryo UI';
margin-bottom: 0px;
}
.prod_text_5 .sub_text_1 {
display: block;
margin-bottom: 2px;
}
.prod_text_5 .sub_text_2 {
color: #000;
}
.prod_text_5 .sub_text_2 .sub_text_1 {
background: #e9005d;
color: #fff;
font-size: 14px;
padding: 2px 3px 2px 5px;
display: inline-block;
}
.prod_text_5 .sub_text_2 .sub_text_2 {
color: #f39800;
font-size: 18px;
vertical-align: middle;
}  .about_wrapper {margin: 0 0 35px; padding: 0px 104px;}
.about_cont_wrapper {font-family: 'Meiryo';}
.about_owner_text {
color: #804256;
font-size: 16px;
font-family: 'Meiryo UI';
margin: 0px 0px 15px;
text-align: right;
}
.about_owner_text i {color: #804256; margin-right: 5px;}
.about_page_title {
color: #3F3F3F;
font-size: 30px;
font-family: 'Yu Gothic';
margin: 0px 0 40px;
padding: 0px 0px;
text-align: center;
}
.about_page_title span {
color: #f39800;
font-size: 14px;
margin: 0px;
padding-top: 5px;
text-align: center;
display: block;
}
.about_text_1 {
color: #3F3F3F;
font-size: 22px;
font-family: 'Meiryo';
margin: 0px 0px 35px;
padding: 0px 0px;
text-align: center;
}
.about_text_1 p:first-child {margin: 0px 0px 5px;}
.about_text_1 p:last-child {margin: 0px 0px 0px;}
.about_text_1 p:last-child b {
background: #80c217;
background: -moz-linear-gradient(top,  #80c217 0%, #ffffff 0%, #ffffff 49%, #f2dfe6 49%, #f2dfe6 100%);
background: -webkit-linear-gradient(top,  #80c217 0%,#ffffff 0%,#ffffff 49%,#f2dfe6 49%,#f2dfe6 100%);
background: linear-gradient(to bottom,  #80c217 0%,#ffffff 0%,#ffffff 49%,#f2dfe6 49%,#f2dfe6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c217', endColorstr='#f2dfe6',GradientType=0 );
}
.about_top_leftRight_img_sec {padding: 0 100px; margin-bottom: 40px;} .about_top_leftRight_img_sec .img_w_45 {width: 45px; position: relative; top: -10px; left: 10px;}
.about_top_leftRight_img_sec .img_w_200 {width: auto;}
.about_top_img_text {
color: #3F3F3F;
font-size: 22px;
font-family: '02utsukushiminchoregular';
margin: 0px 0 0px;
padding: 15px 0px 0px;
text-align: center;
letter-spacing: 0px;
}
.about_top_img_text span {color: #e9005d;}
.three_div_box_sec {margin-bottom: 50px;}
.three_div_box_sec .support_exp_trail_boxSec {
padding: 30px 15px 18px;
border: 2px solid #e5e5e5;
border-radius: 10px;
font-family: 'Meiryo';
}
.support_exp_trail_boxSec .divBox_img {
text-align: center;
margin-bottom: 37px;
}
.support_exp_trail_boxSec .divBox_text_1 {
color: #f39800;
font-size: 22px;
font-weight: bold;
padding: 0;
text-align: center;
}
.support_exp_trail_boxSec .divBox_text_1 span {
color: #3F3F3F;
padding: 0;
}
.support_exp_trail_boxSec .divBox_text_2 {
color: #3F3F3F;
font-size: 14px;
line-height: 26px;
margin: 0;
padding: 0;
}
.support_exp_trail_boxSec .divBox_text_2.font15 {font-size: 15px;}
.about_title_text_1 {
border-left: 4px solid #f39800;   
align-items: center;
display: flex;
color: #3F3F3F;
font-size: 20px;
font-weight: bold;	
font-family: 'Meiryo';	
margin-bottom: 15px;
padding: 3px 0 0 12px;
line-height: 16px;
}
.about_cont_text_1 {
color: #3F3F3F;
font-size: 16px;
font-weight: bold;
margin-bottom: 30px;
padding: 0px 0 0 10px;
}
.about_cont_text_2 {
color: #3F3F3F;
font-size: 14px;
margin-bottom: 25px;
padding: 0px 0 0 0px;
line-height: 26px;
}
.btn.customNewBtn_1.about_cont_Btn {
font-size: 18px;
font-family: 'Meiryo UI';
min-width: 140px;
margin-bottom: 55px;
padding: 12px 15px 8px;
}
.btn.customNewBtn_1.about_cont_Btn i {    
font-size: 15px;
margin-right: 5px;
position: relative;
top: -1px;
}
.about_para_divBox {margin-bottom: 42px;}
.about_para_divBox.mb_control_1 {margin-bottom: 26px;}
.about_para_divBox.mb_control_2 {margin-bottom: 20px;}
.about_para_divBox.mb_control_3 {margin-bottom: 35px;}
.about_para_divBox .about_title_text_1 {margin-bottom: 25px;}
.about_para_text_1 {
color: #333;
font-size: 14px;	
font-family: 'Meiryo';	
margin-bottom: 0px;
padding: 0px 0 0 0px;
line-height: 26px;
}
.about_para_text_1 span {
font-size: 18px;
margin-right: 2px;
vertical-align: middle;
}    
.logo_tatatan_abtImage {margin-left: 25px;}
.about_we_run_sec .about_para_text_1 {padding: 0 0 0 0px;}
.about_title_text_2 {
color: #333;
font-size: 18px;
font-weight: bold;
font-family: 'Meiryo';
margin-bottom: 15px;
padding: 0px 0 0 0px;
line-height: 16px;
}
.btn.customNewBtn_1.toTopBtn {
font-size: 18px;
font-family: 'Meiryo UI';
padding: 12px 0px 8px;
}  .abtOwner_wrapper {margin: 20px 0 35px; padding: 0px 115px;}
.abtOwner_cont_wrapper {font-family: 'Meiryo';}
.abtOwner_page_title {
color: #3F3F3F;
font-size: 30px;
font-family: 'Yu Gothic';
margin: 0px 0 40px;
padding: 0px 0px;
text-align: center;
}
.abtOwner_page_title span {
color: #f39800;
font-size: 14px;
margin: 0px;
padding-top: 5px;
text-align: center;
display: block;
}
.abtOwner_title_text_1 {
border-left: 4px solid #f39800;   
align-items: center;
display: flex;
color: #3F3F3F;
font-size: 20px;
font-weight: bold;	
font-family: 'Meiryo';	
margin-bottom: 25px;
padding: 3px 0 0 12px;
line-height: 16px;
}
.abtOwner_cont_text_1 {
color: #3F3F3F;
font-size: 14px;
margin-bottom: 25px;
padding: 0px 0 0 0px;
line-height: 26px;
}
.abtOwner_cont_text_2 {
color: #3F3F3F;
font-size: 16px;
font-weight: bold;	
font-family: 'Meiryo';
margin-bottom: 25px;
padding: 0px 0 0 0px;
}
.abtOwner_para_text_1 {margin-bottom: 0px;}
.abtOwner_para_text_1 ul li {
color: #3F3F3F;
font-size: 14px;	
font-family: 'Meiryo';
padding: 0px 0 4px;
border: 0;
width: 100%;
float: left;
}
.abtOwner_para_text_1 ul li .sub_left {
width: 2%;
float: left;
}
.abtOwner_para_text_1 ul li .sub_right {
width: 98%;
float: left;
}
.abtOwner_para_text_2 {
color: #3F3F3F;
font-size: 14px;
margin-bottom: 25px;
padding: 0px 0 0 0px;
line-height: 26px;
}
.hr_line_3 {
margin: 25px 0 40px;
border-top: 1px solid #eaeaea;
}
.progress_bar_yearly_wrapper {margin: 45px 0 50px;  }
.abtOwner_cont_text_3 {
color: #000;
font-size: 18px;
font-weight: bold;
font-family: 'Yu Gothic UI';
margin-bottom: 25px;
padding: 0px 0 0 0px;
}
.progBar_yearly_sec {padding: 0 10px; margin: 0px 0px 28px;}
.progBar_text_1 {
color: #666;
font-size: 14px;
font-family: 'Yu Gothic UI';
margin-bottom: 5px;
padding: 0px 0 0 15px;
}
.progBar_text_2 {
color: #666;
font-size: 12px;
font-family: 'Yu Gothic UI';
margin: 0px 65px 5px 0;
text-align: right;
}
.progBar_bg_yearly {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/progress_bar_bg_yearly_2.png) left top no-repeat;
color: #666666;
font-size: 14px;
font-weight: bold;
font-family: 'Yu Gothic UI';
width: 750px;
height: 136px;
margin-bottom: 10px;
position: relative;
}
.progBar_yearly_text_1 {
position: absolute;
top: 58px;
left: 25px;    
color: #aa0d4b;
}
.progBar_yearly_text_2 {
position: absolute;
top: 80px;
left: 175px; 
text-align: center;
line-height: 18px;
}
.progBar_yearly_text_3 {
position: absolute;
top: 80px;
left: 373px;   
text-align: center;
line-height: 18px;
}
.progBar_yearly_text_4 {
position: absolute;
top: 80px;
right: 160px; 
text-align: center;
line-height: 18px;
}
.progBar_text_3 b {
background: #80c217;
background: -moz-linear-gradient(top,  #80c217 0%, #ffffff 0%, #ffffff 49%, #f2dfe6 49%, #f2dfe6 100%);
background: -webkit-linear-gradient(top,  #80c217 0%,#ffffff 0%,#ffffff 49%,#f2dfe6 49%,#f2dfe6 100%);
background: linear-gradient(to bottom,  #80c217 0%,#ffffff 0%,#ffffff 49%,#f2dfe6 49%,#f2dfe6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c217', endColorstr='#f2dfe6',GradientType=0 );
}
.progress_bar_monthly_wrapper {margin: 75px 0 0px;  }
.abtOwner_cont_text_3 {
color: #000;
font-size: 18px;
font-weight: bold;
font-family: 'Yu Gothic UI';
margin-bottom: 25px;
padding: 0px 0 0 0px;
}
.progBar_monthly_sec {padding: 0 10px; margin: 0px 0px 28px;}
.progBar_bg_monthly {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/progress_bar_bg_monthly_2.png) left top no-repeat;
color: #666666;
font-size: 14px;
font-weight: bold;
font-family: 'Yu Gothic UI';
width: 750px;
height: 136px;
margin-bottom: 10px;
position: relative;
}
.progBar_bg_monthly span b {
color: #aa0d4b;
font-size: 12px;
text-align: center;
display: block;
}
.progBar_monthly_text_1 {
position: absolute;
top: 58px;
left: 25px;    
color: #aa0d4b;
}
.progBar_monthly_text_2 {
position: absolute;
top: 66px;
left: 121px; 
text-align: center;
line-height: 18px;
}
.progBar_monthly_text_3 {
position: absolute;
top: 66px;
left: 222px;   
text-align: center;
line-height: 18px;
}
.progBar_monthly_text_4 {
position: absolute;
top: 66px;
left: 322px; 
text-align: center;
line-height: 18px;
}
.progBar_monthly_text_5 {
position: absolute;
top: 66px;
right: 257px; 
text-align: center;
line-height: 18px;
}
.progBar_monthly_text_6 {
position: absolute;
top: 66px;
right: 159px; 
text-align: center;
line-height: 18px;
}
.progBar_monthly_text_7 {
position: absolute;
top: 80px;
right: 8px; 
line-height: 18px;
color: #aa0d4b;
}
.btn.customNewBtn_1.progBarBtn {
font-size: 18px;
font-family: 'Yu Gothic UI';
min-width: 140px;
margin-bottom: 15px;
padding: 6px 20px 8px 15px;
border-radius: 25px;
cursor: default;
}
.progBar_text_3 {
color: #333;
font-size: 18px;
font-family: 'Meiryo UI';
margin-bottom: 23px;  
padding-left: 25px;
}
.progBar_text_3 b {
background: #80c217;
background: -moz-linear-gradient(top,  #80c217 0%, #ffffff 0%, #ffffff 49%, #f2dfe6 49%, #f2dfe6 100%);
background: -webkit-linear-gradient(top,  #80c217 0%,#ffffff 0%,#ffffff 49%,#f2dfe6 49%,#f2dfe6 100%);
background: linear-gradient(to bottom,  #80c217 0%,#ffffff 0%,#ffffff 49%,#f2dfe6 49%,#f2dfe6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c217', endColorstr='#f2dfe6',GradientType=0 );
}
.annual_owner_prod_sec .abtOwner_title_text_1 {margin: 10px 0 40px 0;}
.annual_owner_prod_sec .annual_owner_prod_img {margin-bottom: 35px;}
.annual_owner_prod_sec .abtOwner_cont_text_1 {margin-bottom: 45px;}
.abtOwner_cont_text_1 b {
background: #80c217;
background: -moz-linear-gradient(top,  #80c217 0%, #ffffff 0%, #ffffff 49%, #f2dfe6 49%, #f2dfe6 100%);
background: -webkit-linear-gradient(top,  #80c217 0%,#ffffff 0%,#ffffff 49%,#f2dfe6 49%,#f2dfe6 100%);
background: linear-gradient(to bottom,  #80c217 0%,#ffffff 0%,#ffffff 49%,#f2dfe6 49%,#f2dfe6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c217', endColorstr='#f2dfe6',GradientType=0 );
}  .monthly_yearly_view .close_icon {
position: absolute;
top: 2px;
right: 17px;
padding: 2px 5px 0;
font-size: 8px;
color: #fff;
background: #8c0038;
}
.monthly_yearly_view .close_icon:hover {
color: #fff;
background: #f00;
}
.monthly_yearly_view button.modal_closeBtn {
position: absolute;
top: -30px;
right: 0;
z-index: 1;
padding: 0px 0px;
background: none;
color: #fff;
width: 28px;
height: 28px;
text-align: center;
text-shadow: inherit;
opacity: 1;
font-size: 34px;
}
.monthly_yearly_view button.modal_closeBtn:hover {
background: none;
color: #fff;
opacity: 1 !important;
}
.monthly_yearly_view button.modal_closeBtn:focus {outline: 0;}
.modal-dialog.cust_modalDialog {max-width: 872px; width: 872px;}
.modal-content.monthly_yearly_view {border-radius: 0;}
.monthly_yearly_view .cust_modalBody {padding: 40px 45px 40px; box-shadow: inherit;}
.monthly_yearly_view .cust_modalBody .hr_line_3 {margin: 20px 0 30px;}
.monthly_yearly_view .cust_modalBody .abtOwner_title_text_1 {
color: #000;
font-size: 22px;
font-weight: bold;
font-family: 'Yu Gothic UI';
}
.monthly_yearly_view .cust_modalBody .progBar_text_3 {padding-left: 16px; font-family: 'Yu Gothic UI';}
.monthly_yearly_view .cust_modalBody .btn.customNewBtn_1.progBarBtn {padding: 9px 20px 11px 15px; font-size: 22px;}
.monthly_yearly_view .cust_modalBody .progBar_popup_text_1 {
color: #333;
font-size: 16px;
font-family: 'Yu Gothic UI';
margin-bottom: 45px;
padding-left: 16px;
letter-spacing: -0.3px;
}  .renewal_bgSec {
background: #fff url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/renewal_bg_top.jpg) center center no-repeat;
background-size: contain; height: 1325px;
margin: 0 auto 0px;
}
.secFixed_width_renewalPage {
max-width: 1100px; 
width: 930px; 
margin: 0 auto; }
.renewal_topBg_content_wrapper { padding: 670px 0 0;
}
.renewal_top_content_sec {padding: 0 0 0 35px;}
.renewal_topCont_text_1 {
color: #000000;
font-size: 28px;
font-family: 'Yu Mincho';
margin-bottom: 25px;
letter-spacing: -1px;
}
.renewal_topCont_text_1 span {color: #e9025b;}
.renewal_topCont_text_2 {
color: #000000;
font-size: 20.3px;
font-family: 'Yu Gothic';
margin-bottom: 25px;
letter-spacing: -1.5px;
}
.btn.customNewBtn_1.renewal_whatis_Btn {
color: #333;
font-size: 22px;
font-family: 'Yu Gothic';
min-width: 260px;
padding: 16px 15px 14px;
background: inherit;
border: 2px solid #a0a0a0;
border-radius: 50px;
}
.btn.customNewBtn_1.renewal_whatis_Btn i {
color: #333;
position: relative;
top: 0px;
float: right;
}
.renewal_top_content_offer_sec {padding: 0 0 0 240px; margin: 220px 0 0 0;}
.renewal_topCont_offer_text_1 {
color: #333;
font-size: 17px;
font-weight: 500;
font-family: 'Yu Gothic';
margin-bottom: 2px;
letter-spacing: -0.5px;
}
.renewal_topCont_offer_text_1 b {
background: #80c217;
background: -moz-linear-gradient(top,  #80c217 0%, #fff4ee 0%, #fff4ee 49%, #fddce1 49%, #fddce1 100%);
background: -webkit-linear-gradient(top,  #80c217 0%,#fff4ee 0%,#fff4ee 49%,#fddce1 49%,#fddce1 100%);
background: linear-gradient(to bottom,  #80c217 0%,#fff4ee 0%,#fff4ee 49%,#fddce1 49%,#fddce1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c217', endColorstr='#fddce1',GradientType=0 );
}
.renewal_offer_listTerms {margin-bottom: 0px;}
.renewal_offer_listTerms ul li {
color: #3F3F3F;
font-size: 14px;
font-family: 'Yu Gothic';
padding: 0px 0 2px;
border: 0;
width: 100%;
float: left;
background: inherit;
}
.renewal_offer_listTerms ul li .sub_left {
width: 2%;
float: left;
}
.renewal_offer_listTerms ul li .sub_right {
width: 80%;
float: left;
letter-spacing: -0.2px;
}
.renewal_offer_listTerms ul li:last-child {padding-bottom: 0;}
.renewal_offer_listTerms ul li b {color: #e50356;}
.btn.customNewBtn_1.renewal_annualOwnr_Btn {
color: #e9005d;
font-size: 18px;
font-weight: 500;
font-family: 'Yu Gothic';    
min-width: 210px;
padding: 6px 15px 4px;
background: #fff;
border: 1px solid #e98fb3;
border-radius: 25px;
float: right;
margin: -5px 140px 0px 0;
}
.btn.customNewBtn_1.renewal_annualOwnr_Btn i {
color: #e9005d;
font-size: 15px;
margin-right: 5px;
position: relative;
top: -2px;
}
.bg_sandle {background: #f5e8cb; padding: 0 0 5px;}
.renewal_targetOwner_prodList_wrapper {background: #fff; padding: 10px 10px;}
.renewal_targetOwner_prodList_cont_sec {background: #fff; border: 2px solid #e2c8c3; padding: 40px 30px 40px;}
.renewal_targetOwner_prodList_cont_sec.height_1500 {height: 1500px;}
.renewal_targetowner_title {text-align: center; margin-bottom: 70px;}
.renewal_targetowner_text_1 {
color: #4c4a4a;
font-size: 16px;
font-weight: 500;
font-family: 'Yu Gothic';
margin-bottom: 20px;
}
.renewal_targetowner_text_1 b {font-size: 24px;}
.renewal_targetowner_text_2 {
color: #4c4a4a;
font-size: 18px;
font-family: 'Yu Gothic';
margin-bottom: 20px;
line-height: 25px;
letter-spacing: -3px;
}
.btn.customNewBtn_1.targOwner_leftBtn {
font-size: 18px;
font-family: 'Yu Gothic';
min-width: 200px;
margin-bottom: 15px;
padding: 9px 15px 7px;
border-radius: 25px;
}
.btn.customNewBtn_1.targOwner_leftBtn i {
color: #fff;
font-size: 20px;
margin-right: 8px;
position: relative;
top: -2px;
}
.hr_line_4 {
margin: 25px 0 35px;
border-top: 5px solid #e1e1e1;
width: 90%;
}
.view_prod_details {
color: #666;
font-size: 24px;
font-weight: 500;
font-family: 'Yu Gothic';
margin: 0 0 0px;
padding: 0px 0px 0px 0px;
text-align: center;
line-height: 35px;
}
.view_prod_details span {font-size: 18px;}
.campagin_price {
color: #e9005d;
font-size: 26px;
font-weight: bold;
font-family: 'Yu Gothic';
margin: 0 0 0px;
padding: 0px 0px 0px 0px;
text-align: center;
line-height: 35px;
position: relative;
}
.campagin_price b {
color: #fff;
font-size: 16px;
background: #e9035f;
padding: 2px 5px 2px;
position: relative;
top: -5px;
}
.campagin_price span {font-size: 20px;}
.campagin_price:before {
content: '';
width: 0;
height: 0;
border-left: 14px solid #8c0038;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
display: block;
margin: auto;
position: absolute;
left: -15px;
top: 25px;
}
.renewal_targetowner_right img {margin-bottom: 35px;}
.become_annual_btn {text-align: center;}
.btn.customNewBtn_5.become_annualOwner_btn {
color: #fff;
font-size: 24px;
font-weight: bold;
font-family: 'Yu Gothic';    
min-width: 320px;
padding: 10px 15px 8px;
border-radius: 50px;
}
.btn.customNewBtn_5.become_annualOwner_btn i {
color: #fff;
margin-right: 8px;
position: relative;
top: -4px;
}
.hr_line_5 {
margin: 48px 0 60px;
border-top: 2px solid #e7e7e7;
}
.renewal_annualOwner_prod_bgSec_top {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/renewal_annualOwner_prod_bg_top.png) top left repeat-x;
height: 40px;
}
.renewal_annualOwner_prod_bgSec_btm {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/renewal_annualOwner_prod_bg_bottom.png) top left repeat-x;
height: 40px;
}
.renewal_annualOwner_prod_bgSec_center {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/renewal_annualOwner_prod_bg_center.png) top left repeat;
}
.renewal_annualOwner_prod_wrapper {padding: 0px 0px 0; margin: 0 0 0;}
.renewal_annualOwner_prod_cont_sec {padding: 40px 30px 35px;}
.annual_prod_img_sec {text-align: center; margin-bottom: 30px;}
.annual_prod_text_1 {
color: #000;
font-size: 18px;
font-family: 'Yu Gothic';    
margin: 0px 0px 5px;
padding: 0px 15px 0px;
line-height: 30px;
letter-spacing: -0.8px;
}
.annual_prod_text_1 b {color: #e9005d;}
.renewal_campaign_details_wrapper {padding: 0px 0px 0; margin: 0 0 0;}
.renewal_campaign_details_cont_sec {padding: 80px 45px 30px;}
.campaign_details_text_1 {
color: #333333;
font-size: 18px;
font-weight: bold;
font-family: 'Yu Gothic';    
margin: 0px 0px 20px;
padding: 0px 0px 0px;
}
.campaignDetails_table {width: 100%; margin-bottom: 20px;}
.campaignDetails_table tr td {
padding: 2px 0px 25px; 
color: #666666; 
font-size: 16px; 
font-weight: bold;
font-family: 'Yu Gothic';  
vertical-align: middle; 
line-height: 20px;
vertical-align: top;
}
.campaignDetails_table tr td:last-child {
color: #333333; 
font-size: 14px;
font-weight: normal;
}
.campaignDetails_table tr:nth-child(2) td:last-child {letter-spacing: -0.5px;}
.campaignDetails_table tr:nth-child(4) td:last-child {line-height: 24px;}  .report_wrapper {margin: 20px 0 35px; padding: 0px 104px;}
.report_cont_wrapper {font-family: 'Yu Gothic';}
.event_report_sec {
background: #f8f5f6;
padding: 10px 30px 15px;
margin-bottom: 30px;
}
.event_rep_title_1 {text-align: center; margin-bottom: 5px;}
.event_rep_title_2 {margin-bottom: 10px;}
.event_rep_title_2 h5 {
margin: 0;
color: #e9005d;
font-size: 16px;
font-weight: bold;
}
.event_rep_title_2 span {
margin: 0;
color: #3f3f3f;
font-size: 14px;
font-weight: normal;
}
.event_rep_text_1 {
margin: 0;
color: #3f3f3f;
font-size: 26px;
font-weight: bold;
}
.report_profile_sec {margin-bottom: 15px;}
.report_profile_sec .left_sec {border-right: 2px solid #eeeff3;}
.report_profile_sec .left_sec .profile_title_1 {text-align: center;}
.report_profile_sec .left_sec .profile_img {
text-align: center;
margin: 5px 0 10px;
}
.report_profile_sec .left_sec .profile_img img {
width: 100px;
height: 100px;
border-radius: 50%;
border: 3px solid #dbdbdb;
}
.report_profile_sec .left_sec .profile_text_1 {
margin: 0;
color: #3f3f3f;
font-size: 14px;
padding: 0 22px 0 36px;
}
.report_profile_sec .right_sec {padding: 0 0 0 20px;}
.report_profile_sec .right_sec .profile_title_2 {
margin: 0px;
padding: 0px 0 5px;
color: #3f3f3f;
font-size: 16px;
font-weight: bold;
}
.report_profile_sec .right_sec .profile_text_2 {
margin: 0px;
padding: 0px;
color: #3f3f3f;
font-size: 14px;
line-height: 22px;
}
.social_media_sec {
margin-bottom: 30px;
text-align: right;
}
.social_media_sec a {margin-left: 5px;}
.paraText_divBox {margin-bottom: 30px;}
.paraText_divBox .right_sec p {
color: #3f3f3f;
font-size: 14px;
line-height: 22px;
margin: 0px;
padding: 0px 90px 0 0;
}
.content_box_sec {
padding: 30px 30px 10px;
margin-bottom: 50px;
border: 3px solid #eeeff3;
}
.content_box_sec h4 {
color: #9b9b9b;
text-align: center;
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 30px;
}
.content_box_sec ul li {
padding: 0px 0 12px;
border: 0;
color: #3f3f3f;
font-size: 18px;
font-weight: bold;
width: 100%;
float: left;
}
.content_box_sec ul li b {
border-right: 2px solid #c5c6c9; font-size: 24px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
color: #e9005d;
margin-right: 10px;
width: 4%;
float: left;
padding: 0 6px 0 0;
display: table;
}
.content_box_sec ul li span {
width: 92%;
float: left;
line-height: 20px;
}
.content_box_sec ul li span .sub_text_1 {
color: #3f3f3f;
font-size: 18px;
font-weight: normal;
padding: 2px 0 0;
line-height: 24px;
}
.content_paraList_sec {margin-bottom: 50px;} 
.content_paraList_sec h1 {
font-size: 20px;
font-weight: bold;
color: #3f3f3f;
margin-bottom: 25px;
width: 100%;
float: left;
}
.content_paraList_sec h1 b {
border-right: 3px solid #c5c6c9; width: 4%;
float: left; font-size: 22px;
font-weight: bold;
line-height: 24px;
color: #e9005d;
margin-right: 8px;
padding: 0 8px 0 0;
display: table;
}
.content_paraList_sec h1 span {
width: 92%;
float: left;
}
.content_paraList_sec h3 {
font-size: 18px;
font-weight: bold;
color: #e9005d;
margin-bottom: 15px;
}
.content_paraList_sec p {
color: #3f3f3f;
margin-bottom: 25px;
line-height: 22px;
}
.content_paraList_sec p a {
color: #833c36;
text-decoration: underline;
}
.content_paraList_sec p a:hover {
color: #833c36;
text-decoration: underline;
}
.content_paraList_sec .both_img_sec {margin-bottom: 30px;}
.content_paraList_sec .both_img_sec img {width: 100%;}
.mr_img_1 {margin-right: 3px;}
.mr_img_2 {margin-right: 10px;}
.mr_img_3 {margin-right: 20px;}
.content_paraList_sec .link_text_1 {
font-size: 14px;
font-weight: bold;
color: #833c36;
margin-bottom: 5px;
text-decoration: underline;
display: inline-block;
}
.content_paraList_sec .link_text_1:hover {color: #833c36;}
.profile_btm_title_1 {
color: #181818;
font-size: 20px;
text-align: center;
font-weight: bold;
margin-bottom: 30px;
}
.profile_btm_title_1 span {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/profile_title_btmLine_bg.jpg) bottom center repeat-x;      
height: 4px;
padding: 0 0 8px;
}
.profile_btm_title_1 span b {color: #ec2474;}
.div_space {padding: 0px 0px 0px 15px;}
.profile_btm_title_2 {
font-size: 18px;
font-weight: bold;
line-height: 28px;
color: #3f3f3f;
margin-bottom: 6px;
}
.profile_btm_title_2 img {margin-top: -6px;}
.profile_btm_title_3 {
font-size: 18px;
font-weight: bold;
line-height: 28px;
color: #3f3f3f;
margin-bottom: 6px;
text-indent: -10px;
}
.profile_btm_title_3 .sub_text_1 {
font-size: 14px;
font-weight: bold;
}
.profile_btm_title_3 .sub_text_2 {
font-size: 16px;
font-weight: 500;
text-indent: -8px;
display: inline-block;
}
.profile_btm_boxSec{margin-bottom: 40px;}
.profile_btm_sec {
border: 1px solid #ccc;
padding: 35px 15px 0px 35px;
}
.profile_btm_sec p {
color: #3f3f3f;
font-size: 14px;
margin-bottom: 0px;
}
.text_move_left span {text-indent: -5px; display: inline-block;}
.btn.customFlatBtn_2 {
background: #833c36;
border-radius: 0px;
color: #fff;
line-height: 24px;
margin-bottom: 12px;
border: 1px solid #CCC;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
min-width: 180px;
}
.btn.customFlatBtn_2:hover {
border-radius: 0px;
color: #fff;
box-shadow: inherit;
}
.btn.knowMoreBtn {
font-size: 18px;
margin-bottom: 0;
padding: 7px 20px 7px;
}  @media only screen and (min-width: 1328px) {
.header_searchBox {left: 43%;}
}
@media only screen and (min-width: 1500px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: -31%; overflow: visible;}
}
@media only screen and (min-width: 1701px) {
.header_searchBox {left: 43%;}
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: -27.5%; overflow: visible;}
}
@media only screen and (min-width: 2001px) {
.header_searchBox {left: 43%;}
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: -25%; overflow: visible;}
}
@media only screen and (min-width: 1410px) and (max-width: 1499px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: -35%; overflow: visible;}
}
@media only screen and (min-width: 1311px) and (max-width: 1350px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: -38%; overflow: visible;}
}
@media only screen and (min-width: 1250px) and (max-width: 1310px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: -40%; overflow: visible;}
}
@media only screen and (min-width: 1161px) and (max-width: 1327px) {
.header_searchBox {left: 46%;} .img-fluid.customImg {max-height: 335px;}
}
@media only screen and (min-width: 1161px) and (max-width: 1249px) {
.header_searchBox {left: 50%;}
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
}
@media only screen and (min-width: 1101px) and (max-width: 1160px) {
.header_searchBox {left: 50%;}
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
}
@media only screen and (max-width: 1200px) {  .text_title_16 {line-height: 30px;}
.minWidth_bodySec_PC {min-width: 84rem;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.eventDetail_banner_text p {font-size: 16px;}
.img-fluid.customImg {max-height: 300px;} }
@media only screen and (min-width: 768px) and (max-width: 823px) {
.eventDetail_banner_text p {font-size: 16px;}
}
@media only screen and (min-width: 737px) and (max-width: 767px) {
.p_t_evntDetail {padding-top: 40px;}
.eventDetail_banner_text p {font-size: 16px;}
.img-fluid.customImg {max-height: 340px;}
.eventDetail_banner_thumbImg {
position: inherit;
bottom: inherit;
}
}
@media only screen and (min-width: 457px) and (max-width: 736px) {
.eventDetail_banner_text p {font-size: 16px;}
.eventDetail_banner_thumbImg {
position: inherit;
bottom: inherit;
}
}
@media only screen and (min-width: 487px) and (max-width: 519px) {
.img-fluid.customImg {
max-height: 300px;
}
}
@media only screen and (device-width: 1024px) {
.header_searchBox {left: 43%;}  
.header_searchBox {left: 40%;}
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;} }
@media only screen and (min-width: 1024px) {
.dob_sec.cust_w_40 {width: 40%;}       
}
@media only screen and (max-width: 992px) {  }
@media only screen and (min-width: 992px) and (max-width: 1100px) {
.header_searchBox {left: 54%;}
.header_searchBox .input-group {width: 70%;}
}
@media only screen and (min-width: 1066px) and (max-width: 1100px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
}
@media only screen and (min-width: 1025px) and (max-width: 1065px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
}
@media only screen and (max-width: 991px) {
#sliderThumbView.flexslider.cusImg_pr {padding-right: 0px;}
}
@media only screen and (min-width: 931px) and (max-width: 991px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
}
@media only screen and (min-width: 824px) and (max-width: 991px) {
.header_searchBox {left: 40%;}
.eventDetail_banner_text {margin-bottom: 38px;}
.eventDetail_banner_text p {font-size: 13px;}
.img-fluid.customImg {max-height: 220px;}
}
@media only screen and (min-width: 883px) and (max-width: 930px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
}
@media only screen and (min-width: 824px) and (max-width: 882px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
}
@media only screen and (min-width: 768px) and (max-width: 823px) {
.eventDetail_banner_text p {font-size: 13px;}
.header_searchBox {left: 40%;}
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
.img-fluid.customImg {max-height: 220px;}
}
@media only screen and (min-width: 767px) and (max-width: 823px) {
.eventDetail_banner_text {margin-bottom: 38px;}
} @media only screen and (max-width : 768px) {
.top_left_navbar_sec .nav-item .nav-link {padding: 0.5rem 0rem;}
.top_left_navbar_sec .nav-item .nav-link:hover {padding: 0.5rem 1.5rem;}
.thumbNaile_right_sec .btn_place {bottom: -60px; left: 2%;} .header_searchBox {left: 40%;}
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage {width: auto;}
}
@media only screen and (device-width: 768px) {
.img-fluid.customImg {max-height: 200px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.dob_sec.cust_w_40 {width: 70%;}
}
@media only screen and (max-width: 767px) {
.customCard_Fixed {width: 100%;}
.mb_label {margin-bottom: 15px;}
.form-control.year, .form-control.month, .form-control.day {margin-bottom: 10px;}
.pr_control.pr-1 {padding-right: 0 !important;}
}
@media only screen and (max-width: 750px) {
.card_heading_2 {font-size: 12px;}
.card_location_2, .card_price_2 {font-size: 12px;}
}
@media only screen and (max-width: 736px) {
.eventDetail_banner_text {margin-bottom: 0px;}
.eventDetail_banner_text p {
font-size: 13px;
}
.secFixed_width {width: auto;}
.secFixed_width_actReport_page {width: auto;} .carosel_slide_sec.owl-theme .owl-nav button { display: none; }  .card.customCard {margin-bottom: 10px;}
.carosel_slide_sec.owl-carousel .owl-stage-outer {overflow-x: scroll; margin-bottom: 15px;}
.carosel_slide_sec.owl-carousel .owl-stage-outer::-webkit-scrollbar {
-webkit-appearance: none;
}
.carosel_slide_sec.owl-carousel .owl-stage-outer::-webkit-scrollbar:vertical {
width: 12px;
}
.carosel_slide_sec.owl-carousel .owl-stage-outer::-webkit-scrollbar:horizontal {
height: 10px;
}
.carosel_slide_sec.owl-carousel .owl-stage-outer::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
border: 2px solid #eaeaea;
}
.carosel_slide_sec.owl-carousel .owl-stage-outer::-webkit-scrollbar-track {
border-radius: 10px;  
background-color: #eaeaea; 
}
.header_searchBox {left: 40%;}
.carosel_slide_sec.owl-carousel.owl-carousel-ad .owl-stage-outer {overflow-x: hidden; margin-bottom: 0px;}
.carosel_slide_sec.owl-carousel.owl-carousel-eatJoinSec .owl-stage-outer {overflow-x: hidden; margin-bottom: 0px;} } 
@media only screen and (max-width: 767px) {
.carosel_slide_sec.owl-carousel-ad.fixedImages .owl-stage-outer {left: inherit; overflow: hidden;}
}
@media only screen and (min-width: 569px) and (max-width: 735px){   
.header_searchBox {left: 43%;}
.img-fluid.customImg {max-height: 250px;}
} 
@media only screen and (max-width: 568px) {
.secFixed_width {width: 400px;}
.cusWidth_myPage .w-60 {width: 70% !important;} 
.cusWidth_myPage .customBtn_2.minWidth_265 {min-width: 240px !important;} 
.header_searchBox {left: 47%;}
.header_searchBox .input-group {width: 80%;}
.secFixed_width_actReport_page {width: 400px;}
} 
@media only screen and (min-width: 538px) and (max-width: 567px){   
.header_searchBox {left: 43%;}
} 
@media only screen and (max-width: 450px) {
.secFixed_width {width: 320px;}
.secFixed_width_actReport_page {width: 320px;}
}  
@media only screen and (min-width: 320px) and (max-width: 450px){    
.cusWidth_myPage .w-60 {width: 100% !important;}    
.cusWidth_myPage .customBtn_2.minWidth_265 {min-width: 260px !important;} 
.header_searchBox {left: 40%;}
.pagereg{ width:97%; margin: 0 auto;}
}  
@media only screen and (min-width: 421px) and (max-width: 468px){  
.custom_navTab.nav-tabs .nav-link {padding: 0.25rem 10px;}
.header_searchBox {left: 40%;}
} 
@media only screen and (min-width: 381px) and (max-width: 420px){  
.custom_navTab.nav-tabs .nav-link {padding: 0.25rem 5px;}
} 
@media only screen and (min-width: 320px) and (max-width: 380px){  
.custom_navTab.nav-tabs .nav-link {padding: 0.25rem 4px; font-size: 11px;}
.tabbable .custom_navTab {top: -40px;}
.speProd_page_padding .tabbable .custom_navTab {top: -87px;}
} 
@media only screen and (min-width: 340px) and (max-width: 532px){
.pointer_angle {padding: 10px 20px;}
.pointer_angle:after {
border-left: 15px solid #fdf3e2;
border-top: 33px solid transparent;
border-bottom: 35px solid transparent;
}
.pointer_angle:before {
border-right: 15px solid #fdf3e2;
border-top: 33px solid transparent;
border-bottom: 35px solid transparent;
}
} 
@media only screen and (min-width: 361px) and (max-width: 486px){  
.logo_width {width: 180px;}
.header_searchBox {left: 51%; top: 12px;}
.header_searchBox .input-group {width: 90%;}
.minHeight_74 {min-height: 62px;}
#main_nav {margin-top: 10px;}
.img-fluid.customImg {max-height: 288px;}
.eventDetail_banner_thumbImg {
position: inherit;
bottom: inherit;
}
} 
@media only screen and (min-width: 361px) and (max-width: 409px){ 
.img-fluid.customImg {max-height: 226px;}
} 
@media only screen and (min-width: 410px) and (max-width: 459px){ 
.img-fluid.customImg {max-height: 252px;}
} 
@media only screen and (min-width: 460px) and (max-width: 486px){ 
.img-fluid.customImg {max-height: 296px;}
} 
@media only screen and (min-width: 456px) and (max-width: 488px){  
.header_searchBox {left: 50%;}
.header_searchBox .input-group {width: 74%;}
} 
@media only screen and (min-width: 321px) and (max-width: 455px){  
.header_searchBox .input-group {width: 70%;}
} 
@media only screen and (min-width: 321px) and (max-width: 360px){ 
.logo_width {width: 130px;}
.header_searchBox {left: 41%; top: 6px;}
.header_searchBox .form-control {height: calc(1.0em + 0.75rem + 2px);}
.minHeight_74 {min-height: 44px;}
#main_nav {margin-top: 10px;}
.img-fluid.customImg {max-height: 165px;}
.small_images img {width: 94px; height: 67px;}
.eventDetail_banner_thumbImg {
position: inherit;
bottom: inherit;
}
} 
@media only screen and (device-width: 360px) {
.img-fluid.customImg {max-height: 190px;}
.icon_lickesCount {left: -86px;}
}
@media only screen and (device-width: 320px) {
.cusWidth_myPage .customBtn_2.minWidth_265 {min-width: 200px !important;}
.img-fluid.customImg {max-height: 192px;}
.eventDetail_banner_thumbImg {
position: inherit;
bottom: inherit;
}
.small_images img {width: 94px; height: 67px;}
.fileUpload_secNew label {
width:63px;
height: 63px;
padding: 12px;
}
.order_form_sec ul li img.thumb {
width:63px;
height: 63px;
}
}
@media only screen and (min-width: 321px) and (max-width: 457px) { .eventDetail_banner_text p {font-size: 12px;}
}
@media only screen and (min-width: 321px) and (max-width: 329px) {
.eventDetail_banner_text p {font-size: 11px;}
}
@media only screen and (max-width: 320px) {
.eventDetail_banner_text p {font-size: 11px;}
.secFixed_width {width: 260px;}  
.logo_width {width: 124px;}
.header_searchBox {left: 40%; top: 6px;}
.header_searchBox .input-group {width: 74%;}
.header_searchBox .form-control {height: calc(1.0em + 0.75rem + 2px);}
.minHeight_74 {min-height: 42px;}
#main_nav {margin-top: 10px;} .eventDetail_banner_text p {font-size: 11px;}
.secFixed_width_actReport_page {width: 260px;}
}