/*
Theme Name  :UN BILLION S.A. 
Description :カタログ用
*/
/* blue #5291ce / red #e46969 #c12748 */

@charset "utf-8";
@font-face {
	font-family: 'Julius Sans One';
	font-style: normal;
	font-weight: 400;
	src: local('Julius Sans One'), local('JuliusSansOne-Regular'), url(https://fonts.gstatic.com/s/juliussansone/v6/1Pt2g8TAX_SGgBGUi0tGOYEga5WOwnsS.ttf) format('truetype');
}
* {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
a img, a:hover img, a:active img, a:focus img { border:0; outline:none;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; ox-sizing:border-box; }
a:hover img {
	-webkit-transition:0.2s ease-in-out;
       -moz-transition:0.2s ease-in-out;
	    -ms-transition:0.2s ease-in-out;
         -o-transition:0.2s ease-in-out;
            transition:0.2s ease-in-out; }
a.notlink {
	pointer-events: none;
}
/* Helpers ===================================== */
.m-l--125 { margin-left: -125px; }
.m-t--125 { margin-top: -125px; }
.m-r--125 { margin-right: -125px; }
.m-b--125 { margin-bottom: -125px; }
.m-l--120 { margin-left: -120px; }
.m-t--120 { margin-top: -120px; }
.m-r--120 { margin-right: -120px; }
.m-b--120 { margin-bottom: -120px; }
.m-l--115 { margin-left: -115px; }
.m-t--115 { margin-top: -115px; }
.m-r--115 { margin-right: -115px; }
.m-b--115 { margin-bottom: -115px; }
.m-l--110 { margin-left: -110px; }
.m-t--110 { margin-top: -110px; }
.m-r--110 { margin-right: -110px; }
.m-b--110 { margin-bottom: -110px; }
.m-l--105 { margin-left: -105px; }
.m-t--105 { margin-top: -105px; }
.m-r--105 { margin-right: -105px; }
.m-b--105 { margin-bottom: -105px; }
.m-l--100  { margin-left: -100px; }
.m-t--100 { margin-top: -100px; }
.m-r--100 { margin-right: -100px; }
.m-b--100 { margin-bottom: -100px; }
.m-l--95 { margin-left: -95px; }
.m-t--95 { margin-top: -95px; }
.m-r--95 { margin-right: -95px; }
.m-b--95 { margin-bottom: -95px; }
.m-l--90 { margin-left: -90px; }
.m-t--90 { margin-top: -90px; }
.m-r--90 { margin-right: -90px; }
.m-b--90 { margin-bottom: -90px; }
.m-l--85 { margin-left: -85px; }
.m-t--85 { margin-top: -85px; }
.m-r--85 { margin-right: -85px; }
.m-b--85 { margin-bottom: -85px; }
.m-l--80 { margin-left: -80px; }
.m-t--80 { margin-top: -80px; }
.m-r--80 { margin-right: -80px; }
.m-b--80 { margin-bottom: -80px; }
.m-l--75 { margin-left: -75px; }
.m-t--75 { margin-top: -75px; }
.m-r--75 { margin-right: -75px; }
.m-b--75 { margin-bottom: -75px; }
.m-l--70 { margin-left: -70px; }
.m-t--70 { margin-top: -70px; }
.m-r--70 { margin-right: -70px; }
.m-b--70 { margin-bottom: -70px; }
.m-l--65 { margin-left: -65px; }
.m-t--65 { margin-top: -65px; }
.m-r--65 { margin-right: -65px; }
.m-b--65 { margin-bottom: -65px; }
.m-l--60 { margin-left: -60px; }
.m-t--60 { margin-top: -60px; }
.m-r--60 { margin-right: -60px; }
.m-b--60 { margin-bottom: -60px; }
.m-l--55 { margin-left: -55px; }
.m-t--55 { margin-top: -55px; }
.m-r--55 { margin-right: -55px; }
.m-b--55 { margin-bottom: -55px; }
.m-l--50 { margin-left: -50px; }
.m-t--50 { margin-top: -50px; }
.m-r--50 { margin-right: -50px; }
.m-b--50 { margin-bottom: -50px; }
.m-l--45 { margin-left: -45px; }
.m-t--45 { margin-top: -45px; }
.m-r--45 { margin-right: -45px; }
.m-b--45 { margin-bottom: -45px; }
.m-l--40 { margin-left: -40px; }
.m-t--40 { margin-top: -40px; }
.m-r--40 { margin-right: -40px; }
.m-b--40 { margin-bottom: -40px; }
.m-l--35 { margin-left: -35px; }
.m-t--35 { margin-top: -35px; }
.m-r--35 { margin-right: -35px; }
.m-b--35 { margin-bottom: -35px; }
.m-l--30 { margin-left: -30px; }
.m-t--30 { margin-top: -30px; }
.m-r--30 { margin-right: -30px; }
.m-b--30 { margin-bottom: -30px; }
.m-l--25 { margin-left: -25px; }
.m-t--25 { margin-top: -25px; }
.m-r--25 { margin-right: -25px; }
.m-b--25 { margin-bottom: -25px; }
.m-l--20 { margin-left: -20px; }
.m-t--20 { margin-top: -20px; }
.m-r--20 { margin-right: -20px; }
.m-b--20 { margin-bottom: -20px; }
.m-l--15 { margin-left: -15px; }
.m-t--15 { margin-top: -15px; }
.m-r--15 { margin-right: -15px; }
.m-b--15 { margin-bottom: -15px; }
.m-l--10 { margin-left: -10px; }
.m-t--10 { margin-top: -10px; }
.m-r--10 { margin-right: -10px; }
.m-b--10 { margin-bottom: -10px; }
.m-l--5 { margin-left: -5px; }
.m-t--5 { margin-top: -5px; }
.m-r--5 { margin-right: -5px; }
.m-b--5 { margin-bottom: -5px; }
.m-l-0 { margin-left: 0px; }
.m-t-0 { margin-top: 0px; }
.m-r-0 { margin-right: 0px; }
.m-b-0 { margin-bottom: 0px; }
.m-l-5 { margin-left: 5px; }
.m-t-5 { margin-top: 5px; }
.m-r-5 { margin-right: 5px; }
.m-b-5 { margin-bottom: 5px; }
.m-l-10 { margin-left: 10px; }
.m-t-10 { margin-top: 10px; }
.m-r-10 { margin-right: 10px; }
.m-b-10 { margin-bottom: 10px; }
.m-l-15 { margin-left: 15px; }
.m-t-15 { margin-top: 15px; }
.m-r-15 { margin-right: 15px; }
.m-b-15 { margin-bottom: 15px; }
.m-l-20 { margin-left: 20px; }
.m-t-20 { margin-top: 20px; }
.m-r-20 { margin-right: 20px; }
.m-b-20 { margin-bottom: 20px; }
.m-l-25 { margin-left: 25px; }
.m-t-25 { margin-top: 25px; }
.m-r-25 { margin-right: 25px; }
.m-b-25 { margin-bottom: 25px; }
.m-l-30 { margin-left: 30px; }
.m-t-30 { margin-top: 30px; }
.m-r-30 { margin-right: 30px; }
.m-b-30 { margin-bottom: 30px; }
.m-l-35 { margin-left: 35px; }
.m-t-35 { margin-top: 35px; }
.m-r-35 { margin-right: 35px; }
.m-b-35 { margin-bottom: 35px; }
.m-l-40 { margin-left: 40px; }
.m-t-40 { margin-top: 40px; }
.m-r-40 { margin-right: 40px; }
.m-b-40 { margin-bottom: 40px; }
.m-l-45 { margin-left: 45px; }
.m-t-45 { margin-top: 45px; }
.m-r-45 { margin-right: 45px; }
.m-b-45 { margin-bottom: 45px; }
.m-l-50 { margin-left: 50px; }
.m-t-50 { margin-top: 50px; }
.m-r-50 { margin-right: 50px; }
.m-b-50 { margin-bottom: 50px; }
.m-l-55 { margin-left: 55px; }
.m-t-55 { margin-top: 55px; }
.m-r-55 { margin-right: 55px; }
.m-b-55 { margin-bottom: 55px; }
.m-l-60 { margin-left: 60px; }
.m-t-60 { margin-top: 60px; }
.m-r-60 { margin-right: 60px; }
.m-b-60 { margin-bottom: 60px; }
.m-l-65 { margin-left: 65px; }
.m-t-65 { margin-top: 65px; }
.m-r-65 { margin-right: 65px; }
.m-b-65 { margin-bottom: 65px; }
.m-l-70 { margin-left: 70px; }
.m-t-70 { margin-top: 70px; }
.m-r-70 { margin-right: 70px; }
.m-b-70 { margin-bottom: 70px; }
.m-l-75 { margin-left: 75px; }
.m-t-75 { margin-top: 75px; }
.m-r-75 { margin-right: 75px; }
.m-b-75 { margin-bottom: 75px; }
.m-l-80 { margin-left: 80px; }
.m-t-80 { margin-top: 80px; }
.m-r-80 { margin-right: 80px; }
.m-b-80 { margin-bottom: 80px; }
.m-l-85 { margin-left: 85px; }
.m-t-85 { margin-top: 85px; }
.m-r-85 { margin-right: 85px; }
.m-b-85 { margin-bottom: 85px; }
.m-l-90 { margin-left: 90px; }
.m-t-90 { margin-top: 90px; }
.m-r-90 { margin-right: 90px; }
.m-b-90 { margin-bottom: 90px; }
.m-l-95 { margin-left: 95px; }
.m-t-95 { margin-top: 95px; }
.m-r-95 { margin-right: 95px; }
.m-b-95 { margin-bottom: 95px; }
.m-l-100 { margin-left: 100px; }
.m-t-100 { margin-top: 100px; }
.m-r-100 { margin-right: 100px; }
.m-b-100 { margin-bottom: 100px; }
.m-l-105 { margin-left: 105px; }
.m-t-105 { margin-top: 105px; }
.m-r-105 { margin-right: 105px; }
.m-b-105 { margin-bottom: 105px; }
.m-l-110 { margin-left: 110px; }
.m-t-110 { margin-top: 110px; }
.m-r-110 { margin-right: 110px; }
.m-b-110 { margin-bottom: 110px; }
.m-l-115 { margin-left: 115px; }
.m-t-115 { margin-top: 115px; }
.m-r-115 { margin-right: 115px; }
.m-b-115 { margin-bottom: 115px; }
.m-l-120 { margin-left: 120px; }
.m-t-120 { margin-top: 120px; }
.m-r-120 { margin-right: 120px; }
.m-b-120 { margin-bottom: 120px; }
.m-l-125 { margin-left: 125px; }
.m-t-125 { margin-top: 125px; }
.m-r-125 { margin-right: 125px; }
.m-b-125 { margin-bottom: 125px; }
.margin-0 { margin: 0; }
.p-l-0 { padding-left: 0px; }
.p-t-0 { padding-top: 0px; }
.p-r-0 { padding-right: 0px; }
.p-b-0 { padding-bottom: 0px; }
.p-l-5 { padding-left: 5px; }
.p-t-5 { padding-top: 5px; }
.p-r-5 { padding-right: 5px; }
.p-b-5 { padding-bottom: 5px; }
.p-l-10 { padding-left: 10px; }
.p-t-10 { padding-top: 10px; }
.p-r-10 { padding-right: 10px; }
.p-b-10 { padding-bottom: 10px; }
.p-l-15 { padding-left: 15px; }
.p-t-15 { padding-top: 15px; }
.p-r-15 { padding-right: 15px; }
.p-b-15 { padding-bottom: 15px; }
.p-l-20 { padding-left: 20px; }
.p-t-20 { padding-top: 20px; }
.p-r-20 { padding-right: 20px; }
.p-b-20 { padding-bottom: 20px; }
.p-l-25 { padding-left: 25px; }
.p-t-25 { padding-top: 25px; }
.p-r-25 { padding-right: 25px; }
.p-b-25 { padding-bottom: 25px; }
.p-l-30 { padding-left: 30px; }
.p-t-30 { padding-top: 30px; }
.p-r-30 { padding-right: 30px; }
.p-b-30 { padding-bottom: 30px; }
.p-l-35 { padding-left: 35px; }
.p-t-35 { padding-top: 35px; }
.p-r-35 { padding-right: 35px; }
.p-b-35 { padding-bottom: 35px; }
.p-l-40 { padding-left: 40px; }
.p-t-40 { padding-top: 40px; }
.p-r-40 { padding-right: 40px; }
.p-b-40 { padding-bottom: 40px; }
.p-l-45 { padding-left: 45px; }
.p-t-45 { padding-top: 45px; }
.p-r-45 { padding-right: 45px; }
.p-b-45 { padding-bottom: 45px; }
.p-l-50 { padding-left: 50px; }
.p-t-50 { padding-top: 50px; }
.p-r-50 { padding-right: 50px; }
.p-b-50 { padding-bottom: 50px; }
.p-l-55 { padding-left: 55px; }
.p-t-55 { padding-top: 55px; }
.p-r-55 { padding-right: 55px; }
.p-b-55 { padding-bottom: 55px; }
.p-l-60 { padding-left: 60px; }
.p-t-60 { padding-top: 60px; }
.p-r-60 { padding-right: 60px; }
.p-b-60 { padding-bottom: 60px; }
.p-l-65 { padding-left: 65px; }
.p-t-65 { padding-top: 65px; }
.p-r-65 { padding-right: 65px; }
.p-b-65 { padding-bottom: 65px; }
.p-l-70 { padding-left: 70px; }
.p-t-70 { padding-top: 70px; }
.p-r-70 { padding-right: 70px; }
.p-b-70 { padding-bottom: 70px; }
.p-l-75 { padding-left: 75px; }
.p-t-75 { padding-top: 75px; }
.p-r-75 { padding-right: 75px; }
.p-b-75 { padding-bottom: 75px; }
.p-l-80 { padding-left: 80px; }
.p-t-80 { padding-top: 80px; }
.p-r-80 { padding-right: 80px; }
.p-b-80 { padding-bottom: 80px; }
.p-l-85 { padding-left: 85px; }
.p-t-85 { padding-top: 85px; }
.p-r-85 { padding-right: 85px; }
.p-b-85 { padding-bottom: 85px; }
.p-l-90 { padding-left: 90px; }
.p-t-90 { padding-top: 90px; }
.p-r-90 { padding-right: 90px; }
.p-b-90 { padding-bottom: 90px; }
.p-l-95 { padding-left: 95px; }
.p-t-95 { padding-top: 95px; }
.p-r-95 { padding-right: 95px; }
.p-b-95 { padding-bottom: 95px; }
.p-l-100 { padding-left: 100px; }
.p-t-100 { padding-top: 100px; }
.p-r-100 { padding-right: 100px; }
.p-b-100 { padding-bottom: 100px; }
.p-l-105 { padding-left: 105px; }
.p-t-105 { padding-top: 105px; }
.p-r-105 { padding-right: 105px; }
.p-b-105 { padding-bottom: 105px; }
.p-l-110 { padding-left: 110px; }
.p-t-110 { padding-top: 110px; }
.p-r-110 { padding-right: 110px; }
.p-b-110 { padding-bottom: 110px; }
.p-l-115 { padding-left: 115px; }
.p-t-115 { padding-top: 115px; }
.p-r-115 { padding-right: 115px; }
.p-b-115 { padding-bottom: 115px; }
.p-l-120 { padding-left: 120px; }
.p-t-120 { padding-top: 120px; }
.p-r-120 { padding-right: 120px; }
.p-b-120 { padding-bottom: 120px; }
.p-l-125 { padding-left: 125px; }
.p-t-125 { padding-top: 125px; }
.p-r-125 { padding-right: 125px; }
.p-b-125 { padding-bottom: 125px; }
.padding-0 { padding: 0; }
.font-6 { font-size: 6px; }
.font-7 { font-size: 7px; }
.font-8 { font-size: 8px; }
.font-9 { font-size: 9px; }
.font-10 { font-size: 10px; }
.font-11 { font-size: 11px; }
.font-12 { font-size: 12px; }
.font-13 { font-size: 13px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-17 { font-size: 17px; }
.font-18 { font-size: 18px; }
.font-19 { font-size: 19px; }
.font-20 { font-size: 20px; }
.font-21 { font-size: 21px; }
.font-22 { font-size: 22px; }
.font-23 { font-size: 23px; }
.font-24 { font-size: 24px; }
.font-25 { font-size: 25px; }
.font-26 { font-size: 26px; }
.font-27 { font-size: 27px; }
.font-28 { font-size: 28px; }
.font-29 { font-size: 29px; }
.font-30 { font-size: 30px; }
.font-31 { font-size: 31px; }
.font-32 { font-size: 32px; }
.font-33 { font-size: 33px; }
.font-34 { font-size: 34px; }
.font-35 { font-size: 35px; }
.font-36 { font-size: 36px; }
.font-37 { font-size: 37px; }
.font-38 { font-size: 38px; }
.font-39 { font-size: 39px; }
.font-40 { font-size: 40px; }
.font-41 { font-size: 41px; }
.font-42 { font-size: 42px; }
.font-43 { font-size: 43px; }
.font-44 { font-size: 44px; }
.font-45 { font-size: 45px; }
.font-46 { font-size: 46px; }
.font-47 { font-size: 47px; }
.font-48 { font-size: 48px; }
.font-49 { font-size: 49px; }
.font-50 { font-size: 50px; }
.font_red { color: #e46969; font-size: x-small; }
.font_atnd { color: #c12748; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.no-resize { resize: none; }
.font-bold { font-weight: bold; }
.font-italic { font-style: italic; }
.font-underline { text-decoration: underline; }
.font-line-through { text-decoration: line-through; }
.font-overline { text-decoration: overline; }
.hr_bk { border-color: #ccc; }

/* General ===================================== */
html {
	-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
}
body {
	background: #ececec;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
	overflow-y: scroll; /* 縦スクロールバーを常に表示 */
	width: calc(100vw - 15px); /* fancyboxポップアップ時のズレ防止 */
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 25px;
}
h2 {
    font-size: 20px;
}
button, input, select, a {
	outline: none !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.no-animate {
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}
section.content {
	margin: 80px 10px 0 255px; /* サイドバー分 */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	overflow: hidden; /* 20220412追加 */
}
.type_list section.content {
	overflow: auto; /* 20220427追加listのみ回避 */
}
.hr_bk { margin: 0 0 1.8em 0; padding: 0; }
.go_back {
	margin-bottom: 2em;
}
.go_back a {
	color: #444;
}

/* Buttons ===================================== */
.btn:active, .btn:focus {
	outline: none !important;
	text-decoration: none;
}
.btn {
	position: relative;
	-webkit-border-radius: 0.333em;
	-moz-border-radius: 0.333em;
	-ms-border-radius: 0.333em;
	border-radius: 0.333em;
	font-size: 13px;
	outline: none;
	color: #e9e9e9;
	background-color: transparent;
	border: 1px solid #e9e9e9;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	height: 50px;
	width: 48%;
	max-width: 200px;
}
.btn:hover {
	text-decoration: none;
	color: #555;
	border: 1px solid #555;
}
.btn_BK {
	color: #fff;
	background-color: #555;
	border: 1px solid #555;
}
.btn_BK:hover {
	color: #fff;
	background-color: #999;
	border: 1px solid #555;
}

/* Page Loader ================================= */
.page-loader-wrapper {
	z-index: 99999999;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #eee;
	overflow: hidden;
	text-align: center;
}
.page-loader-wrapper p {
	font-size: 13px;
	margin-top: 10px;
	font-weight: bold;
	color: #666;
}
.page-loader-wrapper .loader {
	position: relative;
	top: calc(50% - 30px);
}

/* Preloaders ================================== */
.preloader {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	-webkit-animation: container-rotate 1568ms linear infinite;
	-moz-animation: container-rotate 1568ms linear infinite;
	-o-animation: container-rotate 1568ms linear infinite;
	animation: container-rotate 1568ms linear infinite;
}
.preloader.pl-size-xl {
	width: 75px;
	height: 75px;
}
.preloader.pl-size-l {
	width: 60px;
	height: 60px;
}
.preloader.pl-size-md {
	width: 50px;
	height: 50px;
}
.preloader.pl-size-sm {
	width: 40px;
	height: 40px;
}
.preloader.pl-size-xs {
	width: 25px;
	height: 25px;
}
.spinner-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	border-color: /*#5291ce;*/ #ccc;
	-ms-opacity: 1;
	opacity: 1;
	-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.right {
	float: right !important;
}
.circle-clipper {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
	border-color: inherit;
}
.circle-clipper .circle {
	width: 200%;
	height: 100%;
	border-width: 3px;
	border-style: solid;
	border-color: inherit;
	border-bottom-color: transparent !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: none;
	animation: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
.circle-clipper.left .circle {
	left: 0;
	border-right-color: transparent !important;
	-webkit-transform: rotate(129deg);
	-moz-transform: rotate(129deg);
	-ms-transform: rotate(129deg);
	-o-transform: rotate(129deg);
	transform: rotate(129deg);
	-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.circle-clipper.right .circle {
	left: -100%;
	border-left-color: transparent !important;
	-webkit-transform: rotate(-129deg);
	-moz-transform: rotate(-129deg);
	-ms-transform: rotate(-129deg);
	-o-transform: rotate(-129deg);
	transform: rotate(-129deg);
	-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

/* Card ======================================== */
.card {
	background: #fff;
	min-height: 50px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
.card .header {
	color: #555;
	padding: 20px;
	position: relative;
	border-bottom: 1px solid rgba(204, 204, 204, 0.35);
}
.card .header .header-dropdown {
	position: absolute;
	top: 20px;
	right: 15px;
	list-style: none;
}
.card .header .header-dropdown .dropdown-menu li {
	display: block !important;
}
.card .header .header-dropdown li {
	display: inline-block;
}
.card .header .header-dropdown i {
	color: #999;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.card .header .header-dropdown i:hover {
	color: #000;
}
.header-dropdown a {
	text-decoration: none;
	color: #444444;
}
.header-dropdown i,
.header-dropdown a i {
	color: #444444;
}
.card .header h2 {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	color: #111;
}
.card .header h2 small {
	display: block;
	font-size: 12px;
	margin-top: 5px;
	color: #999;
	line-height: 15px;
}
.card .header h2 small a {
	font-weight: bold;
	color: #777;
}
.card .header .col-xs-12 h2 {
	margin-top: 5px;
}
.card .body {
	font-size: 14px;
	color: #555;
	padding: 20px;
}
.lastup_label {
	position: absolute;
	top: 1.25em;
	right: 0.8em;
	display: inline-block;
	width: 26px;
	height: 12px;
	overflow: hidden;
	margin-top: 0px;
}
.lastup_disp {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 12px;
	overflow: hidden;
	margin-top: 0px;
}
.lastup_label iframe,
.lastup_disp iframe {
	position: absolute;
	top: 0; left: 0;
	width: 120px; /* max:100px */
	height: 20px;
	margin-top: 0px; /* 位置設定が必要な場合はここで調整 */
}

/* Nav Tabs ==================================== */
.nav-tabs {
	border-bottom: 2px solid #eee;
}
.nav-tabs > li {
	position: relative;
	top: 3px;
	left: -2px;
	background-color: transparent !important;
}
.nav-tabs > li > a {
	border: none !important;
	color: #999 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	background-color: transparent !important;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus {
	background-color: transparent !important;
}
.nav-tabs > li > a:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 0;
	border-bottom: 2px solid #e46969;
	bottom: 2px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: 0.1s ease-in;
	-moz-transition: 0.1s ease-in;
	-o-transition: 0.1s ease-in;
	transition: 0.1s ease-in;
}
.nav-tabs > li > a .material-icons {
	position: relative;
	top: 7px;
	margin-bottom: 8px;
}
.nav-tabs li.active a {
	color: #222 !important;
}
.nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus {
	background-color: transparent !important;
}
.nav-tabs li.active a:before {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.nav-tabs + .tab-content {
	padding: 15px 0;
}

/* Panel ======================================= */
.panel-group .panel {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.panel-group .panel .panel-title .material-icons {
	float: left;
	line-height: 16px;
	margin-right: 8px;
}
.panel-group .panel .panel-heading {
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.panel-group .panel .panel-heading a {
	display: block;
	padding: 10px 15px;
}
.panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active {
	text-decoration: none;
}
.panel-group .panel .panel-body {
	color: #555;
}
.panel-group .panel-primary {
	border: 1px solid #d7d730;
}
.panel-group .panel-primary .panel-title {
	background-color: #d7d730;
}
.panel-group .panel-success {
	border: 1px solid #5291ce;
}
.panel-group .panel-success .panel-title {
	background-color: #5291ce;
	color: #fff;
}
.panel-group .panel-warning {
	border: 1px solid #ff9600;
}
.panel-group .panel-warning .panel-title {
	background-color: #ff9600;
	color: #fff;
}
.panel-group .panel-danger {
	border: 1px solid #fb483a;
}
.panel-group .panel-danger .panel-title {
	background-color: #fb483a;
	color: #fff;
}
.full-body .panel-primary .panel-body {
	border-top-color: #fff !important;
	background-color: #d7d730;
	color: #fff;
}
.full-body .panel-success .panel-body {
	border-top-color: #fff !important;
	background-color: #e46969;
	color: #fff;
}
.full-body .panel-warning .panel-body {
	border-top-color: #fff !important;
	background-color: #ff9600;
	color: #fff;
}
.full-body .panel-danger .panel-body {
	border-top-color: #fff !important;
	background-color: #fb483a;
	color: #fff;
}

/* Navbar ====================================== */
.navbar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	border: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 12;
	width: 100%;
	width: calc(100vw - 15px); /* fancyboxポップアップ時のズレ防止 */
}
.navbar .navbar-brand {
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	position: relative;
	top: -10px; /* container-fluidのpadding分にめり込む */
}
.navbar .navbar-brand a {
	border: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 180px; height: 22px;
	background-image: url(../img/unbillion_wh.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 180px 22px;
	color: rgba(254, 254, 254, 0.0);
}
.navbar .navbar-brand p {
	letter-spacing: 0.1em;
	font-size: 12px;
	margin: 2px 0 0 4px;
}
.navbar .navbar-custom-right-menu {
	float: right;
}
.navbar .navbar-toggle {
	text-decoration: none;
	color: #fff;
	width: 20px;
	height: 20px;
	margin-top: -4px;
	margin-right: 17px;
}
.navbar .navbar-toggle:before {
	content: '\E8D5';
	font-family: 'Material Icons';
	font-size: 26px;
}
.navbar .navbar-collapse.in {
	overflow: visible;
}
.ls-closed .sidebar {
	margin-left: -300px;
}
.ls-closed section.content {
	margin-left: 10px;
}
.ls-closed .bars:after, .ls-closed .bars:before {
	font-family: 'Material Icons';
	font-size: 24px;
	position: absolute;
	top: 18px;
	left: 20px;
	margin-right: 10px;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ls-closed .bars:before {
	content: '\E5D2';
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.ls-closed .bars:after {
	content: '\E5C4';
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.ls-closed .navbar-brand {
	margin-left: 30px;
}
.overlay-open .bars:before {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.overlay-open .bars:after {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.navbar-header {
	padding: 10px 7px;
}
.navbar-header .bars {
	float: left;
	text-decoration: none;
}
.navbar-nav > li > a {
	padding: 7px 7px 2px 7px;
	margin-top: 17px;
	margin-left: 5px;
}
.navbar-nav .dropdown-menu {
	margin-top: -40px !important;
}
.label-count {
	position: absolute;
	top: 2px;
	right: 6px;
	font-size: 10px;
	line-height: 15px;
	background-color: #000;
	padding: 0 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

/* Dropdown Menu =============================== */
.dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	margin-top: -35px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	border: none;
	/*width: 200px;*/
}
.dropdown-menu .divider {
	margin: 5px 0;
}
.dropdown-menu .header {
	font-size: 13px;
	font-weight: bold;
	min-width: 270px;
	border-bottom: 1px solid #eee;
	text-align: center;
	padding: 4px 0 6px 0;
}
.dropdown-menu ul.menu {
	padding-left: 0;
}
.dropdown-menu ul.menu.tasks h4 {
	color: #333;
	font-size: 13px;
	margin: 0 0 8px 0;
}
.dropdown-menu ul.menu.tasks h4 small {
	float: right;
	margin-top: 6px;
}
.dropdown-menu ul.menu.tasks .progress {
	height: 7px;
	margin-bottom: 7px;
}
.dropdown-menu ul.menu .icon-circle {
	width: 36px;
	height: 36px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	display: inline-block;
}
.dropdown-menu ul.menu .icon-circle i {
	font-size: 18px;
	line-height: 36px;
}
.dropdown-menu ul.menu li {
	border-bottom: 1px solid #eee;
}
.dropdown-menu ul.menu li:last-child {
	border-bottom: none;
}
.dropdown-menu ul.menu li a {
	padding: 5px 8px;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.dropdown-menu ul.menu li a:hover {
	background-color: #e9e9e9;
}
.dropdown-menu ul.menu .menu-info {
	display: inline-block;
	position: relative;
	top: 3px;
	left: 5px;
}
.dropdown-menu ul.menu .menu-info h4 {
	margin: 0;
	font-size: 13px;
	color: #333;
}
.dropdown-menu ul.menu .menu-info p {
	margin: 0;
	font-size: 11px;
	color: #aaa;
}
.dropdown-menu ul.menu .menu-info p .material-icons {
	font-size: 13px;
	color: #aaa;
	position: relative;
	top: 2px;
}
.dropdown-menu .footer a {
	text-align: center;
	border-top: 1px solid #eee;
	padding: 5px 0 5px 0;
	font-size: 12px;
	margin-bottom: -5px;
}
.dropdown-menu .footer a:hover {
	background-color: transparent;
}
.dropdown-menu > li input,
.dropdown-menu > li button,
.dropdown-menu > li a {
	background-color: transparent !important;
	border: none;
	outline: none;
	appearance: none;
	padding: 5px 8px;
	text-decoration: none;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	font-size: 12px;
	white-space: nowrap;
}
.dropdown-menu > li input:hover,
.dropdown-menu > li button:hover,
.dropdown-menu > li a:hover {
	color: #e46969;
	/*background-color: #e9e9e9;*/
}
.dropdown-menu > li input:disabled,
.dropdown-menu > li button:disabled {
	color: #999;
}
.dropdown-menu > li {
	border-bottom: 1px solid #eee;
}
.dropdown-menu > li:nth-last-child(1) {
	border-bottom: none;
}
/*.dropdown-menu > li > a {
	padding: 7px 18px;
	color: #666;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 14px;
	line-height: 25px;
}
.dropdown-menu > li > a:hover {
	background-color: rgba(0, 0, 0, 0.075);
}*/
.dropdown-menu > li > a i.material-icons {
	float: left;
	margin-right: 7px;
	margin-top: 2px;
	font-size: 20px;
}
.dropdown-animated {
	-webkit-animation-duration: .3s !important;
	-moz-animation-duration: .3s !important;
	-o-animation-duration: .3s !important;
	animation-duration: .3s !important;
}

/* Left Sidebar & Overlay ====================== */
.overlay {
	position: fixed;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 10;
}
.overlay-open .sidebar {
	margin-left: 0;
	z-index: 99999999;
}
.sidebar {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background: #fdfdfd;
	width: 240px; /*サイドバー幅*/
	overflow: hidden;
	display: inline-block;
	height: calc(100vh - 70px);
	position: fixed;
	top: 70px;
	left: 0;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	z-index: 11 !important;
}
.sidebar .legal {
	position: absolute;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #eee;
	padding: 15px;
	overflow: hidden;
}
.sidebar .legal .copyright {
	font-size: 13px;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sidebar .legal .copyright a {
	font-weight: bold;
	text-decoration: none;
}
.sidebar .legal .version {
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 5px;
	font-size: 13px;
}
.sidebar .user-info {
	padding: 13px 15px 12px 15px;
	white-space: nowrap;
	position: relative;
	border-bottom: 1px solid #e9e9e9;
	background: url("../images/user-img-background.jpg") no-repeat no-repeat;
	height: 135px;
}
.sidebar .user-info .image {
	margin-right: 12px;
	display: inline-block;
}
.sidebar .user-info .image img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	vertical-align: bottom !important;
}
.sidebar .user-info .info-container {
	cursor: default;
	display: block;
	position: relative;
	top: 25px;
}
.sidebar .user-info .info-container .name {
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 14px;
	max-width: 200px;
	color: #fff;
}
.sidebar .user-info .info-container .email {
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12px;
	max-width: 200px;
	color: #fff;
}
.sidebar .user-info .info-container .user-helper-dropdown {
	position: absolute;
	right: -3px;
	bottom: -12px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	color: #fff;
}
.sidebar .menu {
	position: relative;
	overflow-y: auto;
	height: 90vh;
}
.sidebar .menu .list {
	list-style: none;
	padding-left: 0;
	margin-bottom: 100px; /*SP下確保*/
}
.sidebar .menu .list li {
	position: relative;
}
.sidebar .menu .list li.active > :first-child span {
	font-weight: bold;
}
.sidebar .menu .list .header {
	background: #eee;
	font-size: 12px;
	font-weight: 600;
	padding: 8px 16px;
}
.sidebar .menu .list .sub_header {
	background: #eee;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 10px 3px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 10px;
}
.sidebar .menu .list i.material-icons {
	margin-top: 4px;
}
.sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before {
	position: absolute;
	top: calc(50% - 14px);
	right: 14px;
	font-size: 18px;
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	font-family: 'Material Icons';
}
.sidebar .menu .list .menu-toggle:before {
	content: 'add';
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.sidebar .menu .list .menu-toggle:after {
	content: 'remove';
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.sidebar .menu .list .menu-toggle.toggled:before {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.sidebar .menu .list .menu-toggle.toggled:after {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.sidebar .menu .list a {
	color: #747474;
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	width: 100%;
	padding: 10px;
}
.sidebar .menu .list a:hover, .sidebar .menu .list a:active, .sidebar .menu .list a:focus {
	text-decoration: none !important;
}
.sidebar .menu .list a small {
	position: absolute;
	top: calc(50% - 7.5px);
	right: 15px;
}
.sidebar .menu .list a span {
	margin: 5px 0 5px 8px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
}
.sidebar .menu .list .ml-menu {
	list-style: none;
	display: none;
	padding-left: 0;
}
.sidebar .menu .list .ml-menu span {
	font-weight: normal;
	font-size: 13px;
	margin: 3px 0 3px 6px;
}
.sidebar .menu .list li.h_m_ct:hover,
.sidebar .menu .list .ml-menu:not(.hotwords) li:hover {
	background: #f6f6f6;
}
.menu .list .ml-menu li,
.menu .list .ml-menu li a {
	position: relative;
}
.sidebar .menu .list .ml-menu li a {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.sidebar .menu .list .ml-menu li.Exhibition a span {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	/*color: #fff;
	background: #5291ce;/*#e46969 #c12748*/;
	color: #5291ce;
	/*padding: 5px 8px 3px 6px;
	margin-left: -5px;*/
	line-height: 1.2;
}
.sidebar .menu .list .ml-menu li.Exhibition i {
	color: #5291ce;
}
/*.sidebar .menu .list .ml-menu li.Exhibition a span:before {
	content: 'play_arrow';
	font-family: 'Material Icons';
	position: relative;
	font-size: 11px;
	top: 0px;
	right: 0px;
	margin-right: 3px;
}*/
.sidebar .menu .list .ml-menu li.list_sale a span {
	/*color: #5291ce;*/
}
.Highlight a span {
	color: #c12748 !important;
}
.list_sale.HighlightNew:before,
.list_continue.HighlightNew:before,
.list_sinsaku.HighlightNew:before,
.list_teiban.HighlightNew:before {
	content: "NEW";
	position: absolute;
	top: 1.3em;
	left: 0;
	display: inline-block;
	line-height: 1;
	padding: 2px 3px 1px;
	font-size: 9px;
	/*color: #fff;
	background: #dc143c;*/
	color: #c12748;
}
.list_sale.HighlightNew:before,
.list_continue.HighlightNew:before { top: 1.8em; }
.sidebar .menu .list .ml-menu li.list_continue a span {
	color: #98a0ac;
}
.sidebar .menu .list .ml-menu li.list_sinsaku a span {
	color: #d8667a;
}
.sidebar .menu .list .ml-menu li.list_teiban a span {
	color: #668ad8;
}
.sidebar .menu .list .ml-menu li.list_sale a span:before,
.sidebar .menu .list .ml-menu li.list_continue a span:before {
	content: 'list_alt';
	font-family: 'Material Icons';
	position: relative;
	font-size: 16px;
	top: 3px;
	right: 0px;
}
.sidebar .menu .list .hotwords li span {
	display: inline-block;
	background: #ececec;
}
.sidebar .menu .list .hotwords li span a {
	padding-left: 10px;
	color: #444;
}
.sidebar .menu .list .hotwords li span:hover {
	background: #5291ce;
}
.sidebar .menu .list .hotwords li span:hover a {
	color: #fff;
}
.sidebar .menu .list li.current,
.sidebar .menu .list .ml-menu:not(.hotwords) li.current,
.sidebar .menu .list .hotwords li span.current {
	background: rgba(82, 145, 206, 0.26);
	pointer-events: none;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 50%;
}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
	font-weight: 600;
	margin-left: 5px;
}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
	content: '\E315';
	font-family: 'Material Icons';
	position: relative;
	font-size: 21px;
	height: 20px;
	top: -5px;
	right: 0px;
}
.sidebar .menu .list .ml-menu li .ml-menu li a {
	padding-left: 80px;
}
.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {
	padding-left: 95px;
}
.right-sidebar {
	width: 280px;
	height: calc(100vh - 70px);
	position: fixed;
	right: -300px;
	top: 70px;
	background: #fdfdfd;
	z-index: 11 !important;
	-webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.right-sidebar.open {
	right: 0;
}
.right-sidebar .nav-tabs {
	font-weight: 600;
	font-size: 13px;
	width: 100%;
	margin-left: 2px;
}
.right-sidebar .nav-tabs li {
	text-align: center;
}
.right-sidebar .nav-tabs li > a {
	margin-right: 0;
}
.right-sidebar .nav-tabs li:first-child {
	width: 45%;
}
.right-sidebar .nav-tabs li:last-child {
	width: 55%;
}

/* Bootstrap Notify ============================ */
.bootstrap-notify-container {
	max-width: 320px;
	text-align: center;
}

/* Form ================================== */
select::-ms-expand { display:none; } /* IEでselectの横に矢印が入るのを抑制 */
input:focus {
	box-shadow: none;
}
/* <input type="number">のスピンボタン（右のボタン）を消す */
input[type="number"] { -moz-appearance:textfield; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* フォームのplaceholder設定 */
::-webkit-input-placeholder { color:rgba(0, 0, 0, 0.2); }
::-moz-placeholder { color:rgba(0, 0, 0, 0.2); opacity:1; }
:-ms-input-placeholder { color:rgba(0, 0, 0, 0.2); }

.input {
	position: relative;
}
.input .input_icon {
	position: absolute;
	display: block;
	color: #575757;
	left: 10px;
	top: 8px;
	font-size: 20px;
}
.input input {
	width: 100%;
	height: 38px;
	padding: 10px 5px 10px 36px;
	display: block;
	border: 1px solid #575757;
	-webkit-border-radius: 0.333em;
	-moz-border-radius: 0.333em;
	-ms-border-radius: 0.333em;
	border-radius: 0.333em;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
	color: #575757;
	font-size: 12px;
}
.input input.page_search_input {
	 width: calc(100% - 3em);
}
.input input.name_input {
	 padding: 10px 5px 10px 10px;
}
.input input:focus {
	padding: 10px 5px 10px 10px;
	outline: 0;
	border-color: #e46969;
}
/* --- リフレッシュボタン --- */
.refresh-button {
	border-style: none;
	position: absolute;
	top: 10px; right: 4px;/* inputに被せる */
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
	box-shadow: 0 2px 0 #333;
	color: #575757;
	cursor: pointer;
	vertical-align: bottom;
	/*opacity: 0.50;
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;*/
	z-index: 1;
}
.refresh-button i { font-size: 20px; }
.refresh-button i:after {
	content: "RESET";
	font-size: 0.42em;
	position: absolute;
	top: -10px; left: -3px;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	z-index: 2;
}
.refresh-button:hover {
	color: #5291ce; box-shadow: 0 2px 0 #2a74be;
}
.form-group {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.form-group:after {
	content: '';
	display: block;
	clear: both;
}
.form-control:focus {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	box-shadow: none !important;
}
.form-group label {
	white-space: nowrap;
	width: 22%;
}
.form-group .control-label {
	text-align: left;
}

/* Header Search ================================== */
.header_search {
	margin-top: 15px;
	width: 300px;
}
.header_search .id_input,
.header_search .name_input {
	width: 80%;
	float: left;
	vertical-align: bottom;
}
.header_search .btn {
	height: 38px;
	width: 48%;
	max-width: 50px;
	margin-left: 2px;
	color: #ccc;
}
.header_search .refresh-button {
	right: 66px;/* inputに被せる */
}

/* Page Top ================================== */
#pagetop {
	position:fixed; right:10px; margin:0; padding:0; display:inline-block; z-index:999; width:30px; height:30px;
	visibility:hidden; }
#pagetop i { font-style:normal; }
#pagetop a { background:rgba(35, 35, 35, 0.9); text-decoration:none; color:rgba(255, 255, 255, 1.0); width:100%; height:100%; text-align:center; display:block; font-size:0.677em; position:relative; margin:0; padding:0; line-height:1; }
#pagetop a:before, #top a::before { content:"▲"; font-size:small; display:block; margin:0; padding:0; padding-top:10px; }
/*#pagetop a:after, #top a::after { content:"TOP"; font-size:x-small; display:block; margin:0; padding:0; padding-top:2px; }*/
#pagetop a:hover { text-decoration:none; background:rgba(35, 35, 35, 0.96); }

/* Breadcrumbs ================================= */
.breadcrumb {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
	font-size: 13px;
	padding: 8px 0;
	margin-bottom: 0;
}
.breadcrumb li { /* 長いリザルトを...で省略 */
	max-width: 66%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.breadcrumb li a {
	color: #444;
	text-decoration: none;
}
.breadcrumb li a .material-icons {
	font-size: 18px;
	position: relative;
	top: 4px;
}
.breadcrumb li .material-icons {
	font-size: 18px;
	position: relative;
	top: 4px;
}
.breadcrumb > li + li:before {
	content: '>\00a0';
	color: #9f9f9f;
}
.result_text span:after {
	content: ',';
	margin-left: 3px;
	margin-right: 5px;
}
.result_text span:last-child:after {
	content: '';
	margin-left: 0;
	margin-right: 0;
}
.result_text span.result_price:nth-last-child(2):after {
	content: '';
	margin-left: 0;
	margin-right: 0;
}
.not_found {
	margin-top: 20px;
}
.not_found,
.not_result {
	font-size: 13px;
	font-weight: bold;
	margin: 20px 0;
	color: #666;
}

/* Catalog-header ========================== */
.catalog-header {
	position: relative;
	margin-bottom: 2em;
}
.catalog-header h2 {
	font-size: 32px;
	margin-top: -0.5em;
	margin-bottom: 0.6em;
}
.catalog-header h2 span {
	font-size: 50%;
}
.catalog-header h2.brandLogo {
	margin-top: -1em; /* Logoは縦幅があるので上にずらす */
	margin-bottom: 0;
}
.catalog-header h2:empty {
	display: none !important; /* 中身が空なら消す */
}
.catalog-header h2.brandLogo img {
	max-height: 70px;
}
.catalog-header .resultSet .material-icons {
	position: relative;
	top: 8px; /* 位置調整 */
	left: 0;
}
.Explanation {
	margin-top: 0.8em;
	/*padding-bottom: 1em;*/
	font-size: 12px;
}
.Explanation:empty {
	display: none !important; /* 中身が空なら消す */
}
.Explanation span.brandName {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.Explanation span.exhibitionData {
	font-size: 120%;
	color: #c12748;
	margin: 0 5px;
}
.checkAll {
	text-align: right;
	margin: 0.5em 0 0.8em;
	font-size: 12px;
}
span.mini {
	font-size: 80% !important;
}

/* Modals ====================================== */
.modal {
	z-index: 99;
	padding-right: 0px !important; /*Modalポップアップ時時のズレ防止*/
}
.modal .modal-header {
	border: none;
	padding: 25px 25px 5px 25px;
}
.modal .modal-header .modal-title {
	font-weight: bold;
	font-size: 16px;
}
.modal .modal-content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
	border: none;
}
.modal .modal-content .modal-body {
	color: #777;
	padding: 15px 25px;
}
.modal .modal-footer {
	border: none;
}
.modal-open {
    padding-right: 0px !important; /*Modalポップアップ時時のズレ防止*/
}
.shtUrlIframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	width: 100%;
	max-height: 80px;
}
#urlForm, .shareButton, .modalButton {
	background-color: transparent;
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	appearance: none;
}
#urlForm {
	position: absolute;
	top: -36px;
	right: 0;
}
.shareButton {
	font-size: 20px;
}
.shareButton:before {
	content: "ページの共有";
	font-size: 11px;
	position: absolute;
	top:5px; left:-68px;
	display: inline-block;
	white-space:nowrap;
}
.modalButton {
	opacity: 0;
}
.shareButton:hover {
	color: #5291ce;
}

/* Search Result ================================== */
.resultSet_full {
	position: relative;
	width: 100%;
	height: 50px;
}
.resultSet {
	position: relative;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
}
.resultSet div { margin:0; padding:0; }
.resultSet div.d_left { float: left; }
.resultSet div.d_right { float: right; text-align: right; }
.resultSet div:after { content: ''; display: block; clear: both; }
.hit_count {
	position: relative;
	top: 4px; /* 位置調整 */
}
.hit_count .count {
	font-size: 1.6em;
	font-weight: 600;
	color: #e46969;
}
.hit_count small { font-size: 1em; }
.listtype, .listtype a {
	display: inline-block;
	margin:0;
	padding:0;
	color: #444444;
}
.listtype a {
	color: #ccc;
}
.listtype a:hover {
	color: #5291ce;
}
#changeButton_Choice {
	display: none;
}
.PDFchange a,
.conversionBtn .dropdown-toggle,
.conversionBtn_notlink {
	display: inline-block; /*padding: 8px 32px 6px 12px;*/ padding: 8px 12px 6px;
	background-color: #666; box-shadow: 0 2px 0 #333;
	font-size: 12px; color: #fff; vertical-align: middle; text-align: center;
	border: none; outline: none; text-decoration: none;
	/*background-image: url(../img/PDF_icon.svg); background-size:16px 16px; background-repeat:no-repeat; background-position:center right 10px;*/
	-webkit-border-radius: 0.333em;
	-moz-border-radius: 0.333em;
	-ms-border-radius: 0.333em;
	border-radius: 0.333em;
	-khtml-opacity:0.4;
	  -moz-opacity:0.4;
	       opacity:0.4;
}
.PDFchange a,
.conversionBtn .dropdown-toggle {
	cursor: pointer;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	-khtml-opacity:1;
	  -moz-opacity:1;
	       opacity:1;
}
.PDFchange a { position:absolute; right:8px; bottom:8px; }
.conversionBtn { margin-bottom: 0.72em !important; /* 品番過多の際のチェックありなしでのボタン下変化防止 */ }

.PDFchange a:hover,
.conversionBtn .dropdown-toggle:hover {
	background-color:#5291ce; box-shadow: 0 2px 0 #2a74be;
}
.PDFchange a:before { content:"PDF変換"; }
.check_atnd, li.check_atnd { font-size:11px; color:#a49ea8; border-bottom:none !important; padding-left:5px; }
.pdf_atnd { font-size:11px; color:#a49ea8; margin:0; padding:0; text-align:right; }

/* Page Search ================================== */
#PSheader, #NEWsearch {
	position: relative;
	margin: 0px;
}
.itemsearch {
	position: absolute;
	top: 0;
	right: 0;
}
#NEWsearch { /* ヘッダー一番下に来ることを想定したデザイン修正 */
	margin-top: 1em;
	margin-bottom: -0.8em;
}
.multisearch {
	position: relative;
	top: 0;
	left: 0;
}
#NEWsearch, .multisearch {
	padding: 0;
	margin-right: -10px; /* 主にiPhone類折り返し対策 */
}
/*#PSheader.fixSearch .itemsearch {
	position: fixed;
	top: 80px;
	right: 22px;
	z-index: 5;
}*/
#NEWsearch.fixSearch .multisearch {
	position: fixed;
	top: 80px;
	left: 270px;
	z-index: 5;
}
.multisearch:before {
	content: '';
	position: absolute;
	top: -10px;
	left: -30px;
	display: block;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	z-index: -1;
}
#NEWsearch.fixSearch .multisearch:before {
	width: 500%;
	height: 150%;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.page_search {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	/*flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.page_search select {
	margin-right: 2px;
}
#select-check, #select-check2 {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	border: 1px solid #575757;
	color: #575757;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0px 14px 0px 2px;
	background-image: url(../img/arrow_down.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 8px 8px;
	height: 38px;
	-webkit-border-radius: 0.333em;
	-moz-border-radius: 0.333em;
	-ms-border-radius: 0.333em;
	border-radius: 0.333em;
}
.page_search > .input {
	width: 180px;
	max-width: 100%;
}
.page_search > select {
	max-width: 84px;
}
.page_search input {
	background-color: rgba(255, 255, 255, 0.9);
}
.combosearch {
	filter:alpha(opacity=0);
         -khtml-opacity:0.0;
		   -moz-opacity:0.0;
			    opacity:0.0;
	overflow:hidden;
	position: absolute; top:0; right:0;
	z-index:-1;
}
/*プルダウン→チェックボタン方式*/
.search_slct_btn_title {
	font-size: 12px;
}
.search_slct_btn_title:nth-of-type(n+2) {
	margin-left: 6px;
}
.search_slct_btn input {
	display: none;
}
.search_slct_btn span {
	color: #333;
	font-size: 12px;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 4px 5px;
	margin-right: 5px;
	cursor: pointer;
	line-height: 2.6;
}
.search_slct_btn.brand_B span:hover,
.search_slct_btn.option_B span:hover {
	background: rgba(1, 1, 1, 0.12);
}
.search_slct_btn.brand_B input:checked + span {
    color: #fff;
    background: #337ab7;
    border: 1px solid #337ab7;
}
.search_slct_btn.option_B input:checked + span {
    color: #fff;
    background: #c12748;
    border: 1px solid #c12748;
}

/* Home ================================== */
/*  // Home News //  */
.card_title {
	margin: 0 0 8px;
	padding-bottom: 4px;
	border-bottom: 1px solid #dfdfdf;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.news {
	overflow: scroll;
	overflow-x: hidden;
	width: 100%;
	height: 82px; /* １件の場合 18px *//* ２件の場合 50px */
	text-overflow: ellipsis;
	font-size: 12px;
	letter-spacing: 0.1em;
}
.news span:after {
	content: "…";
	margin: 0 10px;
	font-size: 80%;
}
.news p:nth-last-child(1) {
	margin-bottom: 0px !important;
}
.news .newup:before {
	content: "NEW";
	position: relative;
	display: inline-block;
	line-height: 1.1;
	padding: 2px 3px 1px;
	font-style: normal;
	font-size: 0.7em;
	letter-spacing: 0.05em;
	background: #c12748;
	color: #fff;
	border-radius: 1px;
	margin-right: 3px;
	bottom: 2px;
}

/*  // Home Search //  */
.home_search {
	width: 100%;
	max-width: 800px;
}
.home_search .input input {
	padding: 10px 5px !important;
}
.home_search th,
.home_search td {
	padding: 15px;
	border-top: 1px solid #dfdfdf;
}
.home_search th {
	font-size: 12px;
	background-color: #f6f6f6;
}
.home_search th {
	text-align: center;
}
.price_input input {
	width: 84%;
	float: left;
	vertical-align: bottom;
}
.price_input span {
	display: inline-block;
	width: 16%; height: 40px;
	line-height: 40px;
	padding-left: 5px;
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
	margin-left: 0px; /* bootstrapのmargin-left:10px;相殺 */
}

/* For Internet Explorer 10 ===================== */
html.ie10 .sidebar .menu .list li {
	line-height: 30px;
}
html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
	top: 6px !important;
	line-height: 20px !important;
}
html.ie10 .sidebar .user-info .info-container {
	top: 15px;
}
html.ie10 .dropdown-menu ul.menu li a {
	margin-top: -22px;
}

/* For Internet Explorer 11 ===================== */
html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
	top: 6px !important;
	line-height: 20px !important;
}
html.ie11 .sidebar .user-info .info-container {
	top: 15px;
}
html.ie11 .dropdown-menu ul.menu li a {
	margin-top: -22px;
}

/* Media ======================================= */
@media screen and (max-width: 1200px){
	body {
		overflow: auto;
		width: 100%; /* fancyboxポップアップ時のズレ防止の相殺 */
	}
	.navbar {
		width: 100%; /* fancyboxポップアップ時のズレ防止の相殺 */
	}	
	.price_input span {
		width: 100%;
		display: block;
		line-height: normal;
		text-align: right;
	}
}
@media screen and (max-width: 1080px){
	#PSheader.fixSearch .itemsearch {
		right: 15px;
	}
	#NEWsearch.fixSearch .multisearch {
		left: 26px;
	}
}
@media (max-width:1024px) and (orientation:landscape) {
}
@media screen and (max-width: 812px){
	section.content { margin-top: 76px; }
}
@media (max-width:812px) and (orientation:landscape) {
}
@media (max-width: 767px) {
	.navbar .navbar-toggle { display:none; }/*20210312 検索を出しっぱなしに修正*/
	section.content,
	.ls-closed section.content {
		margin-top: 120px;/*20210312 検索を出しっぱなしに修正*/
		margin-left: 0;
		margin-right: 0;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 35px;
		width: 73%;
	}
	.navbar .navbar-header {
		display: inline-block;
		margin-bottom: -6px;
		width: calc(100% + 30px);
	}
	.navbar .nav > li {
		display: inline-block;
	}
	.navbar .navbar-nav {
		margin-top: -20px; /*検索を出しっぱなしに修正したためデザイン修正*/
		margin-bottom: 10px; /*検索を出しっぱなしに修正したためデザイン修正*/
		margin-left: 6px;
	}
	.navbar .navbar-nav .open .dropdown-menu {
		background-color: #fff;
		position: absolute;
	}
	.navbar .dropdown-menu {
		margin-left: -50px;
	}
	.navbar .js-right-sidebar {
		margin-top: 15px;
	}
	.panel-switch-btn {
		top: 12px;
		right: 0 !important;
	}
	.shareButton:before {
		content: "";
		top:0; left:0;
	}
	#PSheader.fixSearch .itemsearch {
		top: 120px;
	}
	/* 留める場合 */
	/*#NEWsearch.fixSearch .multisearch {
		top: 120px;
		left: 15px;
		padding-right: 10px;
	}
	#NEWsearch.fixSearch .multisearch:before {
		height: 120%;
	}*/
	/* 留めない場合 */
	#NEWsearch.fixSearch .multisearch {
		position: relative;
		top: 0;
		left: 0;
	}
	#NEWsearch.fixSearch .multisearch:before {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 20px;
	}
	.form-group label { width:30%; }
}
@media (min-width: 992px) and (max-width: 1169px) {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 20px;
	}
}
@media screen and (max-width: 640px){
	.catalog-header h2 {
		font-size: 24px;
		margin-top: 0px !important;
		position: relative;
		top: 8px; /* 位置調整 */
	}
	.catalog-header h2.brandLogo img {
		max-height: 54px;
	}
	.catalog-header h2.brandLogo img.marmelo {
		max-width: 140px;
	}
	.Explanation.sp_none {
		display: none;
	}
	.form-group label { width: 100%; }
	.card .body { padding: 16px 12px; }
	.card .header { padding: 16px; }
	
	.home_search th,
	.home_search td {
		padding: 10px;
	}
	/*.home_search th span {
		-webkit-writing-mode: vertical-rl;
		  -ms-writing-mode: tb-rl;
			  writing-mode: vertical-rl;
	}*/
	.home_search th {
		font-size: 80%;
	}
	.price_input input {
		width: 100%;
		float: none;
	}
	.price_input span { height:20px; line-height:20px; }
	.news { height: 120px; font-size: 11px; padding-right:10px; } /* １件の場合 40px *//* ２件の場合 80px */
	.news span { display:block; }
	.news span:after { content: ""; margin: 0; }
}
@media (max-width: 360px) {
	.navbar .navbar-brand p {
		font-size: 0.57em;
	}
}
/* 印刷時に不要な部分にclass=not_printを割り当てる */
@media print{
	.not_print { display: none; }
	
	@page { margin: 0; size: A4 landscape; }
	body { margin: 1.6cm; }
}


/*-----------------------------------------------------------*/
.theme-CatalogColor .navbar {
	background-color: /*#5291ce*/#333;
}
.theme-CatalogColor .navbar-brand {
	color: #fff;
}
.theme-CatalogColor .navbar-brand:hover {
	color: #fff;
}
.theme-CatalogColor .navbar-brand:active {
	color: #fff;
}
.theme-CatalogColor .navbar-brand:focus {
	color: #fff;
}
.theme-CatalogColor .nav > li > a {
	color: #fff;
}
.theme-CatalogColor .nav > li > a:hover {
	background-color: transparent;
}
.theme-CatalogColor .nav > li > a:focus {
	background-color: transparent;
}
.theme-CatalogColor .nav .open > a {
	background-color: transparent;
}
.theme-CatalogColor .nav .open > a:hover {
	background-color: transparent;
}
.theme-CatalogColor .nav .open > a:focus {
	background-color: transparent;
}
.theme-CatalogColor .bars {
	color: #fff;
}
.theme-CatalogColor .sidebar .menu .list li.active {
	background-color: transparent;
}
.theme-CatalogColor .sidebar .menu .list li.active > :first-child i, .theme-CatalogColor .sidebar .menu .list li.active > :first-child span {
	color: #5291ce;
}
.theme-CatalogColor .sidebar .menu .list .toggled {
	background-color: transparent;
}
.theme-CatalogColor .sidebar .menu .list .ml-menu {
	background-color: transparent;
}
.theme-CatalogColor .sidebar .legal {
	background-color: #fff;
}
.theme-CatalogColor .sidebar .legal .copyright a {
	color: #5291ce !important;
}
/*-----------------------------------------------------------*/

/* angular *//* 使わなくなりました */
.pageContainer {
    opacity: 1;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}
.pageContainer.ng-leave-active {
    opacity: 0;
}
.pageContainer.ng-enter{
    opacity: 0;
}
.pageContainer.ng-enter-active {
    opacity: 0;
}

/* Custom Animations ============================== */
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes spin {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes container-rotate {
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
}
to {
	-webkit-transform: rotate(1080deg);
	transform: rotate(1080deg);
}
}
@keyframes fill-unfill-rotate {
12.5% {
transform: rotate(135deg);
}
25% {
transform: rotate(270deg);
}
37.5% {
transform: rotate(405deg);
}
50% {
transform: rotate(540deg);
}
62.5% {
transform: rotate(675deg);
}
75% {
transform: rotate(810deg);
}
87.5% {
transform: rotate(945deg);
}
to {
	transform: rotate(1080deg);
}
}
@-webkit-keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
	-webkit-transform: rotate(130deg);
	-moz-transform: rotate(130deg);
	-ms-transform: rotate(130deg);
	-o-transform: rotate(130deg);
	transform: rotate(130deg);
}
}
@keyframes left-spin {
from {
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
	-moz-transform: rotate(130deg);
	-ms-transform: rotate(130deg);
	-o-transform: rotate(130deg);
	-webkit-transform: rotate(130deg);
	transform: rotate(130deg);
}
}
@-webkit-keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
	-webkit-transform: rotate(-130deg);
	-moz-transform: rotate(-130deg);
	-ms-transform: rotate(-130deg);
	-o-transform: rotate(-130deg);
	transform: rotate(-130deg);
}
}
@-moz-keyframes right-spin {
from {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
	-moz-transform: rotate(-130deg);
	-ms-transform: rotate(-130deg);
	-o-transform: rotate(-130deg);
	-webkit-transform: rotate(-130deg);
	transform: rotate(-130deg);
}
}
@keyframes right-spin {
from {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
	-moz-transform: rotate(-130deg);
	-ms-transform: rotate(-130deg);
	-o-transform: rotate(-130deg);
	-webkit-transform: rotate(-130deg);
	transform: rotate(-130deg);
}
}

/* NEW Mark & PICK Mark  ================================== */
.NEWmark {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 2;
}
.ITEMwrap .NEWmark {
	left: 0.5em;
}
.NEWmark:before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 4em solid transparent;
	border-left: 4em solid #dc143c;
	border-left: 4em solid rgba(220, 20, 60, 0.96);
	position: absolute;
}
.NEWmark.new_color:before {
	border-left: 4em solid rgba(220, 20, 60, 0.8);
}
.NEWmark span {
	display: block;
	transform: rotate(-45deg);
	color: #fff;	
	z-index: 3;
	font-size: 12px;
	text-align: center;
	margin-top: 0.8em;
	margin-left: 0.5em;
}
.NEWmark.new_color span {
	font-size: 10px;
	line-height: 1.1;
	margin-top: 0.6em;
	margin-left: 0.6em;
}
/* メニューのNEW */
.newmark:after, .newmark::after {
	position:absolute; z-index:1; right:0; top:12px;
	width:50px; height:20px; background:#db133b; background:rgba(219, 19, 59, 0.9); content:"New!";
	text-align:center; color:#ffffff; font-size:12px; line-height:1.6; padding:0px; margin-top:-5px;
	opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
/* PickMark */
.PICKmark {
	position: absolute;
	display: block;
	color: red;
	width: 0px;
	height: 0px;
	border-right: 25px solid transparent;
	border-bottom: 17.5px solid rgba(236, 230, 100, 1);
	border-left: 25px solid transparent;
	transform: rotate(35deg);
	z-index: 2;
}
.list-group-item .PICKmark {
	top: auto;
	right: auto;
	bottom: 0.5em;
	left: -0.5em;
}
.ITEMcolumn .PICKmark {
	top: 4.4em;
	right: auto;
	bottom: auto;
	left: 1em;
}
.inline_Box .PICKmark {
	top: 7.8em;
	right: auto;
	bottom: auto;
	left: 3.6em;
}
.PICKmark:before {
	border-bottom: 20px solid rgba(236, 230, 100, 1);
	border-left: 7.5px solid transparent;
	border-right: 7.5px solid transparent;
	position: absolute;
	height: 0;
	width: 0;
	top: -11.25px;
	left: -16.25px;
	display: block;
	content: '';
	transform: rotate(-35deg);
}
.PICKmark:after {
	position: absolute;
	display: block;
	color: red;
	top: 1.5px;
	left: -26.25px;
	width: 0px;
	height: 0px;
	border-right: 25px solid transparent;
	border-bottom: 17.5px solid rgba(236, 230, 100, 1);
	border-left: 25px solid transparent;
	transform: rotate(-70deg);
	content: '';
}
.PICKmark span {
	position: absolute;
	top: -5px;
	left: -18px;
	line-height: 1.2;
	width: 50px;
	height: 50px;
	color: rgba(234, 94, 94, 0.8);
	font-size: 11px;
	text-align: center;
	letter-spacing: -0.1em !important;
	transform: rotate(-35deg);
	z-index: 5;
}
@media screen and (max-width:544px){
	.NEWmark, .ITEMwrap .NEWmark {
		left: 0;
	}
	.ITEMcolumn .PICKmark {
		left: 0.5em;
	}
	.inline_Box .PICKmark {
		left: 1.2em;
	}
}

/* ムービーボタン・DLボタン */
.movie_click {
	position: relative;
	margin-top: 0.6em !important;
	margin-bottom: 0.4em !important;
	z-index: 4;
}
.dl_click {
	position: absolute;
	left: 0;
	bottom: 1em;
	width: 100%;
	z-index: 4;
}
.movie_click_btn,
.dl_click_btn,
.detail_link_btn {
	display: inline-block;
	padding: 0.25em 1em 0.25em 0.6em !important;
	text-decoration: none !important;
	color: #fff;
	-webkit-border-radius: 0.333em !important;
	-moz-border-radius: 0.333em !important;
	-ms-border-radius: 0.333em !important;
	border-radius: 0.333em !important;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
	font-size: 0.86em;
	white-space: nowrap;
}
.movie_click_btn{
	background: #ec7069; /* pink */
	border-bottom: solid 2px #c8553e;
}
.dl_click_btn {
	background: #ff9a40; /* orange */
	border-bottom: solid 2px #df7414;
}
.detail_link_btn {
	background: #5291ce; /* blue */ 
	border-bottom: solid 2px #2a74be;
	cursor: pointer;
}
.movie_click_btn:before,
.dl_click_btn:before,
.detail_link_btn:before {
	font-family: "Material Icons";
	position: relative;
	top: 3px;
	font-size: 1.2em;
	font-weight: normal;
	margin-right: 3px;
}
.movie_click_btn:before { content: "play_circle_outline"; }
.dl_click_btn:before { content: "download"; }
.detail_link_btn:before { content: "shopping_bag"; }
.movie_click_btn:hover, .movie_click_btn:active, .movie_click_btn:focus,
.dl_click_btn:hover, .dl_click_btn:active, .dl_click_btn:focus,
.detail_link_btn:hover, .detail_link_btn:active, .detail_link_btn:focus {
	color: #fff;
}
.dammy {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	display: block;
	width: 100%;
	z-index: -1;
	visibility: hidden;
}
.check_combo {
	visibility: hidden;
	position: absolute;
	z-index: -1;
}

.Link_btn_wrap {
	margin: 0 auto;
	/* flexbox */
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	-webkit-box-lines: multiple;
    -moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	/*justify-content: space-around;*/
	font-size: 12px;
}
.Link_btn_wrap a {
	outline: none;
	text-decoration: none;
}
.Link_btn_wrap .Link_btn {
	position: relative;
	margin-left: 11px;
	margin-bottom: 16px;
}
/*.Link_btn_wrap .Link_btn:first-of-type {
	margin-top: 12px;
}*/
.Link_btn_wrap .Link_btn_full {
	position: relative;
	margin-top: 5px;
	margin-left: 11px;
	margin-bottom: 16px;
}
/*.Link_btn_wrap .Link_btn:nth-last-of-type(-n+2) {
	margin-bottom: 0px;
}*/
/* 2Dボタン */
a.Link_btn_2d {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	max-height: 66px;
	position: relative;
	letter-spacing: 0.08em;
	line-height: 1.2;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 10px 9px 10px 12px !important;
	text-align: center;
	vertical-align: middle;
	color: #fff !important;
	border-radius: 2px;
	margin-top: 5px;
}
a.Link_btn_2d.salelist {
	background-color: #d78896;
}
a.Link_btn_2d.salelist_wide {
	background-color: #b4b1e8;
	font-size: 112%;
}
a.Link_btn_2d.etcbtn_wide {
	background-color: #f76150;
	font-size: 112%;
}
a.Link_btn_2d.contlist {
	background-color: #72b4c4;
}
a.Link_btn_2d.etclist {
	background-color: #3788d8;
}
a.Link_btn_2d:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 24px 0 0;
	border-color: #ffffff transparent transparent transparent;
}
a.Link_btn_2d:after {
	content: "";
	position: absolute;
	top: -6px;
	left: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 24px 14px;
	border-color: transparent transparent rgba(255, 255, 255, 0.6) transparent;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
	transform: rotate(26deg);
}
a.Link_btn_2d:hover {
	opacity:0.7; color: #fff;
}
a.Link_btn_1d {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	max-height: 66px;
	position: relative;
	letter-spacing: 0.04em;
	line-height: 1.4;
	padding: 10px !important;
	text-align: center;
	vertical-align: middle;
	color: #fff !important;
	border-radius: 3px;
	background: #00BCD4;
	box-shadow: 0 4px #00a8be;
	margin-top: 5px;
}
a.Link_btn_1d:hover {
	box-shadow: 0 2px #00a8be;
	top: 2px;
}
a.Link_btn_1d:active {
	box-shadow: 0 0 #00a8be;
	top: 4px;
}
a.Link_btn_1d.notice {
	background: #0050d4;
	box-shadow: 0 4px #0048be;
}
a.Link_btn_1d.holiday {
	background: #e8412d;
	box-shadow: 0 4px #d6412e;
}
/* Exhibitionボタン */
a.exhibitionLink_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-height: 66px;
	position: relative;
	letter-spacing: 0.1em;
	line-height: 1.4;
	/*padding: 10px 17px 5px 24px !important;/*2month-VER*/
	padding: 10px 18px 8px 30px !important;/*1month-VER*/
	vertical-align: middle;
	background-color: #f06470;
	color: #fff !important;
	/*font-size: 15px;/*2month-VER*/
	font-size: 16px;/*1month-VER*/
	font-weight: 600;
	border-radius: 3px;
	box-shadow: 0 4px #d74a58;
}
a.exhibitionLink_btn:before {
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	top: 7px;
	left: -30px;
	padding: 1px 22px;
	content: "NEW";
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: top;
	transform-origin: top;
 	color: #f06470;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
}
a.exhibitionLink_btn:hover {
	box-shadow: 0 2px #d74a58;
	top: 2px;
}
a.exhibitionLink_btn:active {
	box-shadow: 0 0 #d74a58;
	top: 4px;
}
/* 3Dボタン */
a.Link_btn_3d {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	max-height: 66px;
	position: relative;
	letter-spacing: 0.06em;
	line-height: 1.2;
	padding: 10px 13px !important;
	text-align: center;
	vertical-align: middle;
	color: #fff !important;
	font-size: 16px;
	border-radius: 3px;
	margin-top: 5px;
	margin-bottom: 16px;
}
a.Link_btn_3d.newly {
	background: #faae6f;
	box-shadow: 0 4px #f09a46;
}
a.Link_btn_3d.newly:hover {
	box-shadow: 0 2px #f09a46;
	top: 2px;
}
a.Link_btn_3d.newly:active {
	box-shadow: 0 0 #f09a46;
	top: 4px;
}
a.Link_btn_3d.classic {
	background: #9ac8ae;
	box-shadow: 0 4px #87b49a;
}
a.Link_btn_3d.classic:hover {
	box-shadow: 0 2px #87b49a;
	top: 2px;
}
a.Link_btn_3d.classic:active {
	box-shadow: 0 0 #87b49a;
	top: 4px;
}
.Link_btn.HighlightNew:after {
	content: "NEW!";
	position: absolute;
	top: 0px;
	left: auto;
	right: -24px;
	display: inline-block;
	line-height: 1;
	padding: 3px 5px 2px 6px;
	font-size: 0.78em;
	letter-spacing: 0.1em;
	background: #c12748;
	color: #fff;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	border-radius: 2px;
}
/*.Link_btn.Pmbtn.HighlightNew:after,*/
.in_list .Link_btn.HighlightNew:after {
	top: -5px;
}
.Link_btn.current { /*選択中*/
	opacity: 40%;
	pointer-events: none;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
.in_list {
	display: inline-block;
	position: relative;
	/*top:0;
	left: 49%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);*/
	
	margin: 0 auto;
	/* flexbox */
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	-webkit-box-lines: multiple;
    -moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	/*justify-content: space-around;*/
	font-size: 12px;
}
.in_list:nth-of-type(n+2) { /*2個目以降*/
	margin-top: 8px;
}
.in_list,
.in_list li {
	list-style: none !important;
	padding-left: 0 !important;
}
.in_list li .Link_btn {
	margin-top: 10px !important;
	margin-bottom: 8px !important;
}
.in_list li .Link_btn_full {
	margin-bottom: 16px !important;
}
.in_list .Link_btn_wrap .Link_btn:nth-last-of-type(-n+3) {
	margin-bottom: 0px !important;
}
.in_list a.Link_btn_2d,
.in_list a.Link_btn_3d {
	margin-top: 5px;
}
.in_list .h_m_ct {
	display: table;
	width: 23%;
	position: relative;
	padding: 0;
	border-radius: 2px;
	background: #909090;
	margin: 1%;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	line-height: 36px;
}
.in_list .h_m_ct a {
	display: table-cell;
	width: 100%;
	height: 100%;
	letter-spacing: 0.08em;
	text-align: center;
	vertical-align: middle;
	color: #fff !important;
	line-height: 1.2;
	padding-right: 10px;
	outline: none;
	text-decoration: none;
}
.in_list .h_m_ct i {
	display: none;
}
.in_list .menu_brnd:before {
	content: "Brand: "
}
.in_list .menu_sris:before {
	content: "Category: "
}
.in_list .menu_brnd:before,
.in_list .menu_sris:before {
	font-size: 0.9em;
	letter-spacing: 0.06em;
	margin-left: 8px;
	color: #fff;
	opacity: 0.7;
}
.in_list .h_m_ct:hover {
	background: #c12748;
}
.hidden_select {
	visibility: hidden;
	/*以下はTestの時は外す*/
	position: fixed;
	top:0; left:0;
	z-index:-999;
}
@media (max-width: 767px) {
	.header_buttons_wrap {
		margin-bottom: 20px;
	}
	.in_list .h_m_ct {
		width: 48%;
	}
}

.spip_only, .sp_only, .mini_only {
	display: none !important;
}
@media screen and (max-width: 1200px){
	.pc_only {
		display: none !important;
	}
	.spip_only {
		display: inline-block !important;
	}
}
@media screen and (max-width: 767px) {
	.sp_only {
		display: inline-block !important;
	}
}
@media screen and (max-width: 360px){
	.mini_only {
		display: inline-block !important;
	}
}
.f_red {
	font-size: inherit !important;
	color: #dc0000 !important;
}
.f_bold {
	font-weight: bold !important;
}
.updata_p {
	margin: 5px 0 !important;
	display: inline-block !important;
	padding: 2px 10px !important;
	border: 1px solid #dc0000 !important;
}

.strikethrough { text-decoration:line-through; color:#ccc; }