@font-face {
font-family: 'kurenaicon';
src: url('/img/js/kurenaicon3.eot');
src: url('/img/js/kurenaicon3.eot') format('embedded-opentype'), url('/img/js/kurenaicon3.woff') format('woff'), url('/img/js/kurenaicon3.ttf') format('truetype'), url('/img/js/kurenaicon3.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.fa {
display: inline-block;
font-family: kurenaicon;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.3333333333333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.2857142857142858em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.142857142857143em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.142857142857143em;
width: 2.142857142857143em;
top: 0.14285714285714285em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.8571428571428572em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-sample:before {
content: "\e603";
}
.fa-user:before {
content: "\e601";
}
.fa-truck:before {
content: "\e602";
}
.fa-shopping-cart:before {
content: "\e600";
}
.fa-home:before {
content: "\e604";
}
.fa-tel:before {
content: "\e605";
}
.fa-review:before {
content: "\e606";
}
body[data-member-login="true"] .fa-user:before {
content: "\e607";
}
span.sp_headmenu_login{
display:none;
}

body[data-member-login="true"] span.sp_headmenu_login{
display:inline;
}

body[data-member-login="true"] span.sp_headmenu_logout{
display:none;
}

.demo3{
overflow:hidden;
}


.sidr h3{
position: absolute;
top: 0;
left:0;
z-index: 100000;
width: 100%;
color: white;
display:block;
}

.sidr li a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 12px;
height: 12px;
margin: -6px 0 0 0;
/*border-top: solid 2px #fff;
border-right: solid 2px #fff;*/
border-top: solid 2px #333;
border-right: solid 2px #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/*Androidバグ用
.sidr li ul li a:after {
display: block;
content: "";
position: absolute;
width: 100%;
height: 60px;
margin-left:-30px;
}
*/
.sidr .sp_menu_parent > a:after{
display: block;
position: absolute;
top: 22px;
right: 10px;
border:0px;
border-radius: 2px;
width: 16px;
height: 16px;
background: #454545;
content: "＋";
line-height: 16px;
color: #fff;
text-align: center;
font-weight: normal;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
margin:0;
}
li.sp_menu_parent > ul {
display: none;
}
.sp_menu_parent.open > a:after{
content: "－";
}

.sidr .sp_menu_parent > a::before {
content: "開く";
position: absolute;
right: 5px;
top: 16px;
font-size: 12px;
}

.sidr .sp_menu_parent.open > a::before {
content: "閉じる";
}

/*.sp_menu1{background-color:#E44188;}
.sp_menu2{background-color:#63C6F2;}
.sp_menu3{background-color:#8bc21f;}
.sp_menu4{background-color:#CB51C1;}
.sp_menu5{background-color:#1A75D7;}
.sp_menu6{background-color:#f08200;}
.sp_menu7{background-color:#11A613;}
.sp_menu8{background-color:#D00F0F;}
.sp_menu9 {background-color: #1F42C2;}
*/

.sp_menu4{background-color: #fff;}
.sp_menu1{background-color: #eee;}
.sp_menu2{background-color: #fff;}
.sp_menu8{background-color: #eee;}
.sp_menu4{background-color: #fff;}
.sp_menu3{background-color: #eee;}
.sp_menu10{background-color: #fff;}
.sp_menu9{background-color: #eee;}
.sp_menu6{background-color: #fff;}
.sp_menu7{background-color: #eee;}
.sp_menu5{background-color: #fff}





.sidr ul li.sp_menu1 a { color: #E44188 !important;}
.sidr ul li.sp_menu2 a { color: #63C6F2 !important;}
.sidr ul li.sp_menu8 a { color: #D00F0F !important;}
.sidr ul li.sp_menu9 a { color: #1F42C2 !important;}
.sidr ul li.sp_menu3 a { color: #8bc21f !important;}
.sidr ul li.sp_menu2 a { color: #20ACEC !important;}
.sidr ul li.sp_menu4 a { color: #CB51C1 !important;}
.sidr ul li.sp_menu6 a { color: #f08200 !important;}
.sidr ul li.sp_menu7 a { color: #11A613 !important;}
.sidr ul li.sp_menu5 a { color: #1A75D7 !important;}
.sidr ul li.sp_menu10 a { color: #1A75D7 !important;}


.sp_menu .sysContent {
padding: 0 !important;
}

a.toggle_menu {
width: 50px;
height: 50px;
display: block;
text-align: center;
padding-top: 16px;
background-color: #b2b2b2;
margin: 0 auto;
border-radius: 50%;
box-sizing: border-box;
}

a.activate.toggle_menu {
/*background-color: #E60012;*/
background-color: #000;
opacity: 0.7;
}

.toggle_menu span{
display: block;
width: 30px;
height: 3px;
background: #fff;
margin:0 auto 5px;
transition: all .3s cubic-bezier(0.395, -0.600, 0.580, 1.650);
}

.toggle_menu span.first,
.toggle_menu span.second,
.toggle_menu span.third{
-webkit-transform: translate(0,0) rotate(0deg);
transform: translate(0,0) rotate(0deg);
}

a.activate.toggle_menu span.first{
-webkit-transform: translate(0,8px) rotate(-45deg);
transform: translate(0,8px) rotate(-45deg);
}
a.activate.toggle_menu span.second{
opacity: 0;
}
a.activate.toggle_menu span.third{
-webkit-transform: translate(0,-8px) rotate(45deg);
transform: translate(0,-8px) rotate(45deg);
}

.header-menu2 a {
width: 20% !important;
float:left;
padding:1px;
}


.sidr {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 99999;
width: 100%;
overflow-x: none;
overflow-y: auto;
font-size: 16px;
background: #333;
color: #fff;
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-box-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222
}
.sidr .sidr-inner {
padding: 0 0 15px
}
.sidr .sidr-inner>p {
margin-left: 15px;
margin-right: 15px
}
.sidr.right {
left: auto;
right: -100%
}
.sidr.left {
left: -280px;
right: auto
}
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
font-size: 32px;
font-weight: normal;
padding: 0 15px;
margin: 0 0 5px;
color: #fff;
line-height: 60px;
height: 60px;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
background-image: -o-linear-gradient(#4d4d4d, #1a1a1a);
background-image: linear-gradient(#4d4d4d, #1a1a1a);
-webkit-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2);
box-shadow: 0 5px 5px 3px rgba(0,0,0,0.2)
}
.sidr p {
font-size: 13px;
margin: 0 0 12px
}
.sidr p a {
color: rgba(255,255,255,0.9)
}
.sidr>p {
margin-left: 15px;
margin-right: 15px
}
.sidr ul {
display: block;
}
.sidr ul li {
display: block;
margin: 0;
line-height: 60px;
position: relative;
}

.sidr ul li a {
padding: 0 15px;
display: block;
text-decoration: none;
color: #fff;
width: 100%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.sidr ul li ul {
border-bottom: none;
margin: 0
}
.sidr ul li ul li {
line-height: 60px;
font-size: 16px;
/*border-top: 1px solid rgba(255, 255, 255, 0.4);*/
border-top: 1px solid rgba(0, 0, 0, 0.4);
}
.sidr ul li ul li:last-child {
border-bottom: none
}

.sidr ul li ul li a {
padding-left: 30px;
display:block;
position:relative;
}

.sidr ul li ul li ul li a {
padding-left: 45px;
}

.sidr input[type=checkbox] {
width: auto;
display: inline;
clear: none
}
.sidr input[type=button], .sidr input[type=submit] {
color: #333;
background: #fff
}
.sidr input[type=button]:hover, .sidr input[type=submit]:hover {
background: rgba(255,255,255,0.9)
}

.user_area li{
background:#f8f8f8;
border-bottom: 1px solid #dfdfdf
}

.sidr ul.user_area li ul li {
border-top: 1px solid #dfdfdf;
border-bottom:0
}

.sidr ul.user_area li a{
color:#333 !important;
}

.sidr ul.user_area li a:after{
border-color:#333;
}


ul.nav-pills{
width:100%;
}

ul.nav-pills li{
width:20%;
display:inline-block;
text-align:center;
font-size:10px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
ul.nav-pills li a{
text-decoration:none;
}

ul.nav-pills li i{
width: 50px;
text-align: center;
font-size: 26px;
height: 50px;
color: white;
border-radius: 50%;
margin: 0 auto;
line-height: 50px;
background-color: #b2b2b2;
display:block;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}

.fixbutton{
position: fixed;
top: 5px;
z-index: 100001;
width: 60px !important;
color: white;
right: 10px;
}

@media screen and (max-width: 579px){
ul.nav-pills{
clear:both;
width:100%;
}
ul.nav-pills li{
width:20%;
display:block;
float:left;
}
}
@media screen and (min-width: 580px) and (max-width: 640px){
ul.nav-pills{
width:50%;
float:right;
}
ul.nav-pills li{
width:20%;
display:block;
float:left;
}
}

@media screen and (min-width: 641px){
ul.nav-pills{
width:300px;
float:right;
text-align:left;
}
ul.nav-pills li{
width:60px;
display:inline-block;
}
}

.sidr-open.sidr-main-open #colorbox{position: fixed !important;}
#colorbox,#cboxOverlay,#cboxWrapper{z-index:100003 !important}
#cboxOverlay{z-index:100002 !important}