@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,100;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

* {
	margin: 0;
	padding: 0;
	outline: none !important;
	font-family: 'Noto Sans JP', sans-serif;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: 'Noto Sans JP', sans-serif;
}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
center {
	display: block;
}

nav ul,
ul {
	list-style-type: none;
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #2f38b1;
}

a:hover {
	opacity: 0.7;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #001674 !important;
	margin: 1em 0;
	padding: 0;
}

button {
	vertical-align: middle;
	cursor: pointer;
}

button:hover {
	opacity: 0.7;
}

html {
	width: 100%;
	height: 100%;
	background: white;
	color: #333333;
	overflow: auto;
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 1;
	background-color: transparent;
	position: relative;
}

body.top {
	background-color: #EFF4F6 !important;
}

body * {
	box-sizing: border-box;
}

h1,
h2,
h3,
h4 {
	font-family: 'Noto Sans JP', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ul,
ol,
li,
dl,
dt,
dd {
	margin: 0px;
	padding: 0px;
}

li,
dt,
dd {
	list-style-type: none;
}

p {
	margin: 0;
}

img {
	border: 0;
	border: none;
	max-width: 100%;
}

a:hover {
	text-decoration: none;
}

.text-primary {
	color: #2f38b1 !important;
}

.bg-primary {
	background: #001674 !important;
}

.bg-primary2 {
	background: #2f38b1 !important;
}

.bg-primary3 {
	background: #939EC4 !important;
}

.btn-primary {
	background: #10106F;
	border: none !important;
	color: #FFF;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	background: #13138f;
	border: none !important;
}

.btn-primary i {
	transform: rotate(-45deg);
}

.z-index {
	z-index: 1;
}

.z-index2 {
	z-index: 10;
}

#top {
	z-index: 100;
}

#top:hover {
	opacity: 0.9;
}

.fs-9 {
	font-size: 9px;
}

.fs-10 {
	font-size: 10px;
}

.fs-11 {
	font-size: 11px;
}

.fs-12 {
	font-size: 12px;
	line-height: 1.5;
}

.fs-13 {
	font-size: 13px;
}

.fs-15 {
	font-size: 15px;
}

.fs-16 {
	font-size: 16px;
}

.radius1 {
	border-radius: 10px 0 10px 0;
}

.radius2 {
	border-radius: 10px 0 0 0;
}

.radius3 {
	border-radius: 0 0 10px 0;
}

.modal-body button.position-absolute {
	right: -15px;
	top: -15px;
	background: none;
}

.w-100p {
	width: 100px;
}

.bg-gradients {
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
}

.mobile-nav .bg-gradients {
	background: #a957e6;
	background: -moz-linear-gradient(left, #a957e6 0%, #2f38b1 100%);
	background: -webkit-linear-gradient(left, #a957e6 0%, #2f38b1 100%);
	background: linear-gradient(to left, #a957e6 0%, #2f38b1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a957e6', endColorstr='#2f38b1', GradientType=1);
}

.form-check-input {
	width: 1.4em;
	height: 1.4em;
	margin-right: 10px;
	margin-top: 0;
}

.card-boxes-same .form-check-input {
	width: 20px;
	height: 20px;
	margin-right: 6px;
	margin-top: 2px;
}

.card-boxes-same .m-4 {
	margin: 1.0rem 0 !important;
}

.hidden-desktop {
	display: none;
}

.text-danger {
	color: #FC2749 !important;
}

.scrollbar-1 {
	scrollbar-width: thin;
	scrollbar-color: #10106F;
	border-radius: 10px;
}

.scrollbar-1::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	border-radius: 10px;
}

.scrollbar-1::-webkit-scrollbar-track {
	background-clip: content-box;
	border: 2px solid transparent;
}

.scrollbar-1::-webkit-scrollbar-thumb {
	background-color: #10106F;
	border-radius: 10px;
}

.scrollbar-1::-webkit-scrollbar-thumb:hover {
	background-color: #10106F;
	border-radius: 10px;
}

.scrollbar-1::-webkit-scrollbar-corner,
.scrollbar-1::-webkit-scrollbar-track {
	background-color: rgba(16, 16, 111, 0.3);
}

[class^="scrollbar"] {
	height: 200px;
	overflow-y: scroll;
}

[class^="scrollbar"] div {
	height: 400px;
	width: 200%;
	padding: 4rem;
	background-image: linear-gradient(130deg, #c8c8c8 0%, #fefefe 100%);
}

.mt-13 {
	margin-top: 15px;
}


/*******************************Reset CSS For All Pages Ends Here***************************/
#top_main {
	position: relative;
	width: 100%;
	height: 768px;
	overflow: hidden;
	background: url(https://img.yuyu-tei.jp/images/common/back/background.png) no-repeat center / cover;
}

#top_main::before {
	content: '';
	position: absolute;
	top: 0px;
	right: calc(50% - 910px);
	z-index: 1;
	width: 2300px;
	height: 768px;
}

#roundSlider .g_logo {
	position: absolute;
	left: 10%;
	top: 12%;
	width: 80%;
}

#roundSlider .text-back {
	background: url(https://img.yuyu-tei.jp/images/animation/card/b-back.png) no-repeat center / cover;
	width: 220px;
	height: 58px;
	padding-top: 10px;
	padding-left: 20px;
}

.mx-xustom {
	margin: 0 50px 0 30px;
	height: 178px;
}

.border-box {
	border: 1px solid #001674;
	width: 208px;
	margin-right: 70px;
	background: #FFF;
	margin-top: -7px;
}

#roundSlider {
	position: absolute;
	top: calc(50% - 230px);
	right: calc(50% - 200px);
	z-index: 3;
	width: 880px;
	height: 570px;
}

#roundSlider ul {
	width: 300px;
	height: 425px;
	position: absolute;
	transform-style: preserve-3d;
	perspective: 1000px;
	perspective-origin: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#roundSlider ul li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	perspective: 270px;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	-moz-user-select: none;
	-ms-user-select: none;
	transition: 0.3s;
}

#roundSlider ul li div {
	position: relative;
	transition: 0.3s;
	transform: scale(0.4) translate3d(0px, 0px, 0px);
}

#roundSlider ul li div::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#roundSlider .one_para .position-relative .mx-xustom {
	height: 130px;
}

#roundSlider ul li.zoom div {
	transform: scale(1) translate3d(0px, 0px, 10px);
}

#roundSlider ul li.zoom.nonzoom div {
	transform: scale(1);
}

#roundSlider ul li div * {
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
}

#roundSlider ul li div.onbase .link::before {
	content: '';
}

#roundSlider_icon {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 5;
	width: 100%;
	max-width: 1370px;
	height: 100%;
	transform: translate(-50%, 0);
	visibility: hidden;
}

#roundSlider_icon ul {
	width: 500px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
}

#roundSlider_icon ul li {
	display: inline-block;
	vertical-align: top;
	width: 140px;
	height: 62px;
	background: url(https://img.yuyu-tei.jp/images/gamelogo/_base.svg) no-repeat center / contain;
	background-size: 170px 92px;
	position: relative;
	margin: 0 10px 8px 0;
	cursor: pointer;
	visibility: visible;
	transition: 0.2s;
}

#roundSlider_icon ul li:nth-child(6n+4) {
	margin-left: 30px;
}

#roundSlider_icon ul li img {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90%;
	transition: 0.2s;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}

#roundSlider_icon ul li:hover img {
	transform: translate(-50%, -50%) scale(1.1);
}

#roundSlider_icon ul li.noselect {
	opacity: 0.2;
	pointer-events: none;
}

#roundCircle {
	position: absolute;
	top: calc(45% + 30px);
	right: calc(50% + 230px);
	z-index: 0;
}

#roundCircle div {
	position: absolute;
}

#roundCircle div::before,
#roundCircle div::after {
	content: '';
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	left: 50%;
}

#roundCircle div.top {
	top: -245px;
	z-index: 1;
}

#roundCircle div.top::before {
	background-image: url(https://img.yuyu-tei.jp/images/animation/circle/top_in.png);
	width: 500px;
	height: 500px;
	transform: translate(-50%, -50%) rotate3d(1, 0, 0, 77deg) rotate(0deg);
	opacity: 0.4;
	animation: roundCircle_top_in forwards 8s 0s infinite linear normal;
}

@keyframes roundCircle_top_in {
	0% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, 77deg) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, 77deg) rotate(360deg);
	}
}

#roundCircle div.top::after {
	background-image: url(https://img.yuyu-tei.jp/images/animation/circle/top_out.png);
	width: 1180px;
	height: 1100px;
	transform: translate(-50%, -50%) rotate3d(1, 0, 0, 72deg) rotate(0deg);
	top: calc(50% - 4px);
	opacity: 0.2;
	animation: roundCircle_top_out forwards 5s 0s infinite ease normal;
}

@keyframes roundCircle_top_out {
	0% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, 77deg) rotate(0deg);
	}

	50% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, 77deg) rotate(-360deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, 77deg) rotate(-360deg);
	}
}

#roundCircle div.middle {
	z-index: 2;
}

#roundCircle div.middle::before,
#roundCircle div.middle::after {
	transform: translate(-50%, -50%) rotate3d(1, 0, 0, 85deg) rotate(0deg);
	background-image: url(https://img.yuyu-tei.jp/images/animation/circle/middle.png);
	width: 980px;
	height: 980px;
	opacity: 0.8;
	animation: roundCircle_middle forwards 3s 0s infinite linear normal;
}

@keyframes roundCircle_middle {
	0% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, 85deg) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, 85deg) rotate(90deg);
	}
}

#roundCircle div.middle::before {
	top: calc(50% - 74px);
}

#roundCircle div.middle::after {
	top: calc(50% + 124px);
}

#roundCircle div.bottom {
	top: 298px;
	z-index: 1;
}

#roundCircle div.bottom::before {
	background-image: url(https://img.yuyu-tei.jp/images/animation/circle/bottom_in.png);
	width: 680px;
	height: 680px;
	transform: translate(-50%, -50%) rotate3d(1, 0, 0, -77deg) rotate(0deg);
	opacity: 0.4;
	animation: roundCircle_bottom_in forwards 10s 0s infinite linear normal;
}

@keyframes roundCircle_bottom_in {
	0% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, -75deg) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, -75deg) rotate(360deg);
	}
}

#roundCircle div.bottom::after {
	background-image: url(https://img.yuyu-tei.jp/images/animation/circle/top_out.png);
	width: 1580px;
	height: 1580px;
	transform: translate(-50%, -50%) rotate3d(1, 0, 0, 72deg) rotate(0deg);
	top: calc(50% - -1px);
	opacity: 0.1;
	animation: roundCircle_bottom_out forwards 3s 0s infinite linear normal;
}

@keyframes roundCircle_bottom_out {
	0% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, 74deg) rotate(0deg);
	}

	100% {
		transform: translate(-50%, -50%) rotate3d(1, 0, 0, 74deg) rotate(360deg);
	}
}

#roundCircle div.light {
	z-index: 3;
}

#roundCircle div.light::before,
#roundCircle div.light::after {
	background: #f3f4e4;
	width: 130px;
	height: 20px;
	border-radius: 50%;
	box-shadow: -60px 0px 60px 60px #e9ee68, 60px 0px 60px 60px #e9ee68;
	opacity: 0.4;
	transform: translate(-50%, -50%) scale(0.6, 0.9);
	transition: 0.2s;
}

#roundCircle div.light::before {
	top: calc(50% - 246px);
}

#roundCircle div.light::after {
	top: calc(50% + 297px);
}

#roundCircle div.light.zoom::before,
#roundCircle div.light.zoom::after {
	opacity: 0.7;
	transform: translate(-50%, -50%);
	transition: 0.2s 0.2s;
}

#bg_arrow {
	position: absolute;
	top: calc(50% - 136px);
	right: calc(50% + 424px);
	z-index: 0;
	width: 158px;
	height: 42px;
	background: url(https://img.yuyu-tei.jp/images/animation/arrow/base.svg);
}

#bg_arrow div {
	position: absolute;
	top: 25px;
	z-index: 1;
	width: 14px;
	height: 16px;
	background: url(https://img.yuyu-tei.jp/images/animation/arrow/tri.png);
	transform-origin: left center;
	animation: bg_arrow forwards 2s 0s infinite linear normal;
}

@keyframes bg_arrow {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	90% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

#bg_arrow div:nth-child(1) {
	left: 94px;
	animation-delay: -1s;
}

#bg_arrow div:nth-child(2) {
	left: 112px;
	transform: scale(0.9);
	animation-delay: -0.85s;
}

#bg_arrow div:nth-child(3) {
	left: 128px;
	transform: scale(0.7);
	animation-delay: -0.7s;
}

#bg_arrow div:nth-child(4) {
	left: 141px;
	transform: scale(0.6);
	animation-delay: -0.55s;
}

#bg_arrow div:nth-child(5) {
	left: 153px;
	transform: scale(0.5);
	animation-delay: -0.4s;
}

#bg_star {
	position: absolute;
	top: 0;
	right: calc(50% - 200px);
	z-index: 0;
	width: 900px;
	height: 100%;
}

#parts {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 7;
	width: 100%;
	max-width: 1370px;
	height: 100%;
	transform: translate(-50%, 0);
	visibility: hidden;
}

#parts img {
	visibility: visible;
	position: absolute;
	z-index: 1;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}

#parts .__parts_b,
#parts .__parts_c {
	visibility: visible;
	position: absolute;
	z-index: 1;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}

#parts img.__parts_a {
	top: -9px;
	left: 40px;
	display: none;
}

#parts .__parts_b {
	bottom: 30px;
	left: 20px;
	width: 241px;
	height: 124px;
}

#parts .__parts_b .info-posts3.side-box {
	min-height: 0 !important;
	background-size: inherit !important;
}

#parts .__parts_c {
	bottom: 30px;
	right: 510px;
	width: 235px;
	height: 78px;
}

#parts img.__parts_d {
	display: none;
}

#parts .tcg,
#parts .atcg {
	position: absolute;
	bottom: 54px;
	display: block;
	height: 22px;
	cursor: pointer;
	z-index: 3;
	visibility: visible;
	background: white;
	opacity: 0;
}

#parts .tcg {
	right: 625px;
	width: 85px;
}

#parts .atcg {
	right: 534px;
	width: 85px;
}

#parts .tcg:hover,
#parts .atcg:hover {
	animation: partstcg forwards 0.1s 0s infinite linear normal;
}

#parts .__parts_c strong {
	margin-top: 5px;
	margin-left: 21px;
	letter-spacing: 2px;
	font-weight: 400;
}

#parts .__parts_c a {
	margin-left: 6px;
}

#parts .__parts_c a {
	width: 85px;
	height: 22px;
	margin-top: 24px !important;
	line-height: 22px;
	letter-spacing: 1px;
}

#parts .__parts_c a.tcgs {
	margin-left: 35px;
}

@keyframes partstcg {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 0.6;
	}
}

nav {
	visibility: visible;
	z-index: 10;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
	position: fixed;
	top: 0;
	left: -6px;
}

#news {
	min-height: 806px;
	width: 95%;
	margin-bottom: 8%;
	border-radius: 0 0 10px 0;
	background: url(https://img.yuyu-tei.jp/images/common/back/news_bg.svg) no-repeat center / cover;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0%, 100% 98%, 98.5% 100%, 0% 100%)
}

.p3 #news {
	margin-bottom: 0%;
	margin-top: 5rem !important;

}

.top .container {
	max-width: 1340px;
}

.container {
	max-width: 1268px;
}

#news h1 {
	font-size: 50px;
	color: #001674;
	letter-spacing: 4px;
}

/* H1調節 */
#news h5 {
	font-size: 50px;
	color: #001674;
	letter-spacing: 4px;
}
/* */

#news ul li button,
#news ul li.pipe b {
	font-size: 14px;
	color: #001674;
}

#news ul li.pipe b {
	font-size: 18px;
}

#news .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #001674;
	background: none;
	border-bottom: 2px solid #001674;
	padding-top: 0px !important;
	padding-bottom: 8px !important;
}

#news ul li button.btn {
	border: 1px solid #001674;
}

#news ul li button.btn:hover,
#news ul li button.btn:active,
#news ul li button.btn:focus {
	color: #FFF;
	background: #001674;
}

.mt-center {
	margin-top: 3px;
}

.news-box {
	margin: 35px 0;
}

.news-box h2 {
	font-size: 14px;
	color: #121212;
}

.news-box h2 strong {
	width: 102px;
	height: 15px;
	display: inline-block;
	text-align: center;
	background: #001674;
	vertical-align: -7px;
}

.news-box h2 strong:before {
	border-bottom: 11px solid #001674;
	border-left: 12px solid transparent;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: -13px;
	width: 102px;
}

/* 総合TOP用 */
.news-box h2.topnews strong {
	width: 86px;
	height: 15px;
	display: inline-block;
	text-align: center;
	background: #001674;
	vertical-align: -7px;
}

.news-box h2.topnews strong:before {
	border-bottom: 11px solid #001674;
	border-left: 12px solid transparent;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: -13px;
	width: 86px;
}
/* / */

.news-box h2 strong small {
	position: absolute;
	width: 100%;
	right: 0;
	left: 0;
	top: -3px;
	margin: 0 auto;
	display: block;
	text-align: center;
	background: #001674;
	line-height: 0.7;
}

.news-box em {
	width: 3px;
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
}

.news-box p {
	font-size: 15px;
	color: #121212;
	line-height: 26px;
}

.news-box p a {
	text-decoration: none;
}

.new_link {
	color: black;
}

#blog h2 {
	font-size: 60px;
	color: #001674;
	letter-spacing: 4px;
	transform: rotate(90deg) translate(25%, 10px);
}
#sitemap h2 {
	font-size: 60px;
	color: #001674;
	letter-spacing: 4px;
	transform: rotate(90deg) translate(25%, 10px);
}

#sitemap h2 {
	padding-top: 0 !important;
	padding-bottom: 10rem !important;
}


#blog .card {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/grid.svg) bottom center rgba(255, 255, 255, 0.9);
}

.card-body {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

#blog .btn {
	line-height: 1.2;
}

#blog .btn1 {
	line-height: 1.8;
}

.btn1 .fa-caret-right::before {
	margin-top: 6px;
	display: block;
}

#blog .slick-prev img,
#blog .slick-next img {
	margin-top: 1px;
	height: 10px;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	padding-left: 0 !important;
	padding-right: 150px !important;
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	margin: 0 10px;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

#blog .blog_link:hover {
	opacity: 0.7;
}

#blog .blog_link {
	text-decoration: none;
}

#blog .card strong {
	font-size: 15px;
	color: #2f38b1;
}

#blog .card b {
	font-size: 12px;
	color: #121212;
	font-family: 'Lato', sans-serif;
}

#blog .card p {
	font-size: 14px;
	color: #121212;
	line-height: 22px;
	font-weight: 400;
}

#blog .shadow {
	box-shadow: 0 .5rem 1rem rgba(149, 145, 145, 0.15) !important;
}

#blog .card em,
.info-posts em,
.info-posts2 em,
.twitter-box em,
.site-map-boxes em,
.side-box em,
.card-boxes-same em {
	width: 4px;
	background: #e364fd;
	/* Old browsers */
	background: -moz-linear-gradient(top, #542CC9 0%, #e364fd 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #542CC9 0%, #e364fd 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #542CC9 0%, #e364fd 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#542CC9', endColorstr='#e364fd ', GradientType=1);
	/* IE6-9 */
}

.card-boxes-same em {
	width: 6px;
}

body .card-boxes-same em {

	background: #e364fd;
	/* Old browsers */
	background: -moz-linear-gradient(top, #542CC9 0%, #a756e5 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #542CC9 0%, #a756e5 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #542CC9 0%, #a756e5 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#542CC9', endColorstr='#a756e5  ', GradientType=1);
	/* IE6-9 */
}

.info-posts small,
.info-posts2 small,
.twitter-box small {
	height: 4px;
	background: #e364fd;
	/* Old browsers */
	background: -moz-linear-gradient(top, #542CC9 0%, #e364fd 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #542CC9 0%, #e364fd 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #542CC9 0%, #e364fd 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#542CC9', endColorstr='#e364fd ', GradientType=1);
	/* IE6-9 */
}

.rotate {
	transform: rotate(-180deg)
}

.slick-arrow {
	position: absolute;
	bottom: -61px;
}

.slick-prev {
	left: 50%;
	transform: translateX(-200px);
}

.slick-next {
	right: 50%;
	transform: translateX(200px);
}

#information {
	min-height: 555px;
}

#information::before {
	content: "";
	background: url(https://img.yuyu-tei.jp/images/common/back/information-lhs.svg) no-repeat left bottom;
	height: 330px;
	width: 1000px;
	display: block;
	position: absolute;
	bottom: 0;
	left: -16px;
}

#information::after {
	content: "";
	background: url(https://img.yuyu-tei.jp/images/common/back/information-rhs.svg) no-repeat right top;
	height: 320px;
	width: 361px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}


.info-posts h3,
.info-posts2 h3,
.info-posts3 h3 {
	font-family: 'Noto Sans JP', sans-serif;
}

.info-posts {
	background: url(https://img.yuyu-tei.jp/images/common/back/info-post-1.svg) center center no-repeat rgba(255, 255, 255, 1);
	background-size: cover;
	min-height: 200px;
	clip-path: polygon(0 0, 100% 0%, 100% 92%, 96% 100%, 0% 100%)
}

.info-posts2 {
	background: url(https://img.yuyu-tei.jp/images/common/back/info-post-2.svg) center center no-repeat rgba(255, 255, 255, 1);
	background-size: cover;
	min-height: 200px;
	border-radius: 0 0 0 0;
	box-shadow: -3px 2px 3px 0px rgb(0, 0, 0, 0.1);
	clip-path: polygon(0 0, 100% 0%, 100% 92%, 96% 100%, 0% 100%)
}

.info-posts.side-box2:after {
	display: none;
}

.info-posts.side-box2 {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/info-box.png) center center no-repeat;
	background-size: contain;
	margin-bottom: -17px !important;
}

.info-posts2.side-box {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/info-box2.png) center center no-repeat;
	background-size: contain;
	min-height: 0;
	box-shadow: none;
	border-radius: 0;
	margin: -14px 0 -28px !important;
}

.info-posts3.side-box {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/info-box3.png) center center no-repeat;
	background-size: contain;
	min-height: 150px !important;
	margin: 14px 0 0 !important;
}

.info-posts strong {
	font-size: 14px;
	color: #121212;
	line-height: 22px;
	font-weight: 800;
}

.edge {
	background: url(../images/edge1.svg) no-repeat bottom right;
	position: absolute;
	right: -10px;
	bottom: -6px;
	width: 28px;
	height: 30px
}

.info-posts h3 {
	font-size: 27px;
	color: #FC2749;
	line-height: 41px;
	font-weight: 800;
}

.info-posts .btn i {
	left: -5px;
	top: -9px;
	font-size: 16px;
}

.info-posts2 h3 {
	font-size: 33px;
	line-height: 71px;
	font-weight: 800;
}

.info-posts3 h3 {
	padding-top: 10px;
}

.info-posts3 h3,
.info-posts3 p {
	font-size: 18px !important;
	line-height: 25px !important;
	font-weight: 700 !important;
}

#parts .info-posts3 h3 {
	padding-top: 0;
}

.info-posts2 span {
	font-size: 33px;
	font-weight: 800;
	line-height: 0;
}

.info-posts2 p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
}

.twitter-box {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/twitter-bg.png) 0% -10% no-repeat rgba(255, 255, 255, 1);
	background-size: auto;
	/*min-height: 200px;*/
	min-height: 709px;
}

.twitter-box .tweets {
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: 25px;
	left: 80px;
}

.negative-margin {
	margin-top: -70px;
}

#business-day h2 {
	font-size: 56px;
	line-height: 45px;
	letter-spacing: 7px;
}

#business-day em {
	width: 2px;
	background: #001674;
}

#business-day p {
	font-size: 15px;
	line-height: 24px;
	color: #121212;
	font-weight: bold;
}

.ms-n1 {
	margin-left: -40px;
}

/* datepicker css */

.ui-datepicker {
	text-align: center;
}

.ui-datepicker-trigger {
	margin: 0 0 0 5px;
	vertical-align: text-top;
}

.ui-datepicker {
	font-family: Open Sans, Arial, sans-serif;
	margin-top: 2px;
	padding: 0 !important;
	border-color: #c9f0f5 !important;
}

.ui-datepicker {
	width: 256px;
}

.datepicker-container {
	pointer-events: none;
}

.openemr-calendar .ui-datepicker {
	width: 100%;
}

.ui-datepicker table {
	width: 256px;
	table-layout: fixed;
}

.openemr-calendar .ui-datepicker table {
	width: 100%;
	table-layout: fixed;
}

.ui-datepicker-header {
	background-color: #3e9aba !important;
	background-image: none !important;
	border-radius: 0;
}

.openemr-calendar .ui-datepicker-header {
	background: none !important;
	border: none !important;
}

.ui-datepicker-title {
	padding: 0;
}

.openemr-calendar .ui-datepicker-title {
	line-height: 24px !important;
	margin: 0;
	text-align: left;
	text-indent: -99999px;
}

.ui-datepicker-prev span {
	display: none !important;
}

.ui-datepicker-next {
	text-align: center;
}

.ui-datepicker-next span {
	display: none !important;
}

.ui-datepicker-prev {
	background-color: transparent !important;
	background-image: url('data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAUklEQVQYlXWPwQnAMAwDj9IBOlpH8CjdJLNksuujFIJjC/w6WUioFBcqJ7sGEAD5Y/hpqLRghRv4YQlUjqXI3Kql2MixraGbEhVcDXcFUR/1egEHNuTBpFW0NgAAAABJRU5ErkJggg==') !important;
	height: 12px !important;
	width: 7px !important;
	margin: 14px 12px;
	left: 0 !important;
	top: 0 !important;
	display: none;
}

.openemr-calendar .ui-datepicker-prev {
	background-image: url('data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAuUlEQVQokXXRsUtCYRAA8J8pDQ1CVIgIgtBU2NDiZIuDS4uLf6WDS1O0tLREEE8icBNKS3lTs8/B78XHw3dwcHA/juOuqjzucYJVrQQMcYctvo4OgEFIeMK6iPphCjzjEWLUC3vACx7yRo5uMUIFr5gii1EL41AvMIkBVPGH04DrSLEsIvjEOZq4wi9+iijDR0ANXOMbmxjlcIY2LtANO6YxymGCDs5wg/ciYv+KBJeY4+2A+Y9j4Y47RtUkrNXeDxUAAAAASUVORK5CYII=') !important;
	height: 14px !important;
	width: 9px !important;
	margin: 5px !important;
}

.ui-datepicker-next {
	cursor: pointer;
	display: none;
}

.ui-datepicker-prev {
	cursor: pointer;
}

.ui-datepicker-next {
	background-color: transparent !important;
	background-image: url('data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAVUlEQVQYlXWQ0Q3AIAhEL07gKI7kKN2kI3Wk1w9to3KQEELucQEECOizhhTQGHFnwOdgobWx0GkZILfYBhXl0STVbPoBarbkL7ozN/F8VBBXh8uJgF5r2hrI4GHUkAAAAABJRU5ErkJggg==') !important;
	height: 12px !important;
	width: 8px !important;
	margin: 14px 12px;
	display: none;
	right: 0 !important;
	top: 0 !important;
}

.openemr-calendar .ui-datepicker-next {
	background-image: url('data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAtElEQVQYlXXQsUpCcRQH4I97EQyHa1pgIEE0hBGYL+BjNLRFjxXh4rM4F21BS4S4FAgqQioOngt/RM/6+zi/w4EanlA4MDkecYsO3vG/D8a4Rx03eMMqBQt8oodTXAdalwBm+IpNDVxG3aYEMMU3ujjDBT5SAH9R2cE58mwPFOgneJSCGp7RjLoXTEtQjbCFOV7xCxkqdp9sYxnhpFyb4QFXdh8c4Cc9Ko++OwzjFwfn5FiwBVeuI/K2UCkSAAAAAElFTkSuQmCC') !important;
	height: 14px !important;
	width: 8px !important;
	margin: 5px;
}

.ui-datepicker-month {
	border-radius: 2px;
	background-color: #3985a0;
	width: 130px !important;
	max-width: 130px !important;
	height: 32px;
	color: #fff;
	font-weight: 600;
	text-align: left;
	border: none !important;
	margin-right: 17px !important;
	vertical-align: text-top;
	font-size: 40px;
}

.ui-datepicker-other-month {
	text-indent: -99999px;
}

.openemr-calendar .ui-datepicker-month {
	color: #001674;
	font-weight: 700;
	text-align: center;
	transform: scaleX(1.0029);
	float: left;
	max-width: 100px;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	font-size: 20px;
}

.ui-datepicker-month {
	font-size: 50px;
}

.ui-datepicker-year {
	border-radius: 2px;
	background-color: #3985a0;
	width: 61px !important;
	height: 22px;
	border: none !important;
	font-family: Open Sans !important;
	color: #fff;
	font-size: 14px !important;
	font-weight: 600;
	text-align: left;
	vertical-align: text-top;
	display: none;
}

.openemr-calendar .ui-datepicker-year {
	font-family: Open Sans, Arial, sans-serif;
	color: rgba(34, 34, 34, 0.87);
	font-size: 12px !important;
	font-weight: 700;
	text-align: center;
	transform: scaleX(1.0029)
}

.ui-datepicker-month option,
.ui-datepicker-year option {
	color: #3985a0 !important;
	background-color: #fff !important;
	font-family: Open Sans !important;
	font-size: 14px !important;
	font-weight: 600;
}

.ui-datepicker-month option[selected],
.ui-datepicker-year option[selected] {
	background-color: #e5edf0 !important;
}

.ui-datepicker .ui-state-hover {
	/*background: none !important;*/
	border: 0 !important;
}

.ui-datepicker td {
	vertical-align: top;
}

.ui-datepicker .ui-state-default {
	border-radius: 2px;
	border-color: #edebeb !important;
	/*     background: white !important; */
	width: 24px;
	height: 24px;
	padding: 0 !important;
	line-height: 24px;
	text-align: center !important;
	font-family: Open Sans, Arial, sans-serif;
	color: #707070;
	font-size: 13px;
	font-weight: 400 !important;
	margin: 7px 0 0 4px;
}

.ui-datepicker .ui-state-default.ui-state-highlight {
	border-color: #001674;
	background-color: #001674 !important;
	color: #FFF !important;
}

.openemr-calendar .ui-state-default {
	font-size: 10px;
	margin: 0;
}

.ui-datepicker td {
	width: 33px;
}

.openemr-calendar .ui-datepicker td {
	width: 26px;
}

.openemr-calendar .ui-datepicker td:hover {
	cursor: default !important;
}

.openemr-calendar .ui-state-default,
.ui-datepicker-calendar tr th span {
	color: #001674;
	font-size: 14px;
	font-weight: 600 !important;
	background: #FFF;
	border-radius: 0;
	line-height: 15px;
	width: auto;
	height: 30px;
	margin: 2px;
	line-height: 32px !important;
	display: block;
	clip-path: polygon(0 20%, 15% 0%, 100% 0%, 100% 80%, 85% 100%, 0 100%)
}

.ui-datepicker-calendar thead tr th {
	font-family: Open Sans, Arial, sans-serif;
	color: #549fa8;
	font-size: 12px;
	font-weight: 400;
	padding: 0.45em 0.3em !important;
	/*   width: 15px !important; */
}

.openemr-calendar .ui-datepicker-calendar thead tr th {
	font-size: 10px;
}

.ui-datepicker-close {
	display: none;
}

.ui-datepicker-calendar tr td:first-child .ui-state-default{
	color: #F00;
}

.ui-datepicker thead {
	background-color: #f5f5f5;
}

.openemr-calendar .ui-datepicker thead {
	background: none;
}

.ui-state-default.ui-datepicker-current {
	float: none !important;
	font-family: Open Sans, Arial, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	border-width: 0 !important;
	border: none;
	vertical-align: top;
	margin: 0 !important;
	background-color: transparent !important;
}

.ui-datepicker-buttonpane.ui-widget-content {
	text-align: center;
	background-color: #3e9aba;
	margin: 0 !important;
	height: 28px;
	padding: 0 !important;
}

.openemr-calendar .ui-datepicker-year {
	background-color: transparent;
}

.openemr-calendar .ui-datepicker-month {
	background-color: transparent;
}

.openemr-calendar .ui-state-default {
	border: 0 !important;
	cursor: default;
}

.openemr-calendar .ui-state-default:hover {
	opacity: 1;
}

.openemr-calendar .ui-datepicker-month {
	margin-right: 10px !important;

}

/* .openemr-calendar .ui-datepicker-month::first-letter {
	font-size: 35px;
} */

.openemr-calendar .ui-datepicker-month .month {
	font-size: 35px;
}

.ui-widget.ui-widget-content {
	background: none;
	border: none;
	display: flex !important;
	width: 100% !important;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: auto;
	margin: 10px;
	;
}

.site-map-boxes strong {
	font-size: 16px;
	line-height: 26px;
}

.site-map-boxes p {
	font-size: 14px;
	color: #121212;
	line-height: 26px;
}

.site-map-boxes p a {
	text-decoration: none;
	color: black;
	line-height: 2.4;
}

#card-game h3 {
	font-size: 15px;
	letter-spacing: 2px;
	padding: 6px 0 !important;
	background: #963bac;
	/* Old browsers */
	background: -moz-linear-gradient(left, #120a73 0%, #963bac 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #120a73 0%, #963bac 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #120a73 0%, #963bac 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#120a73', endColorstr='#963bac', GradientType=1);
	/* IE6-9 */
}

.p2 #card-game h3 {
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
}

#card-game a {
	display: inline-block;
	vertical-align: top;
	width: 140px;
	height: 62px;
	background: url(https://img.yuyu-tei.jp/images/gamelogo/_base.svg) no-repeat center / contain;
	background-size:170px 92px;
	position: relative;
	margin: 0 10px 8px 0;
	cursor: pointer;
	visibility: visible;
	transition: 0.2s;
}

#card-game a img {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90%;
	transition: 0.2s;
	user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}

#footer .share {
	border-top: 1px dashed #001674;
	border-bottom: 1px dashed #001674;
}

#footer .share h4 {
	font-size: 18px;
	background: #FFF;
	padding: 10px 20px;
	margin-top: -46px !important;
	vertical-align: 32px;
}

#footer .footer-links a {
	font-size: 12px;
	font-weight: bold;
	color: #121212;
	text-decoration: none;
}

#footer .footer-links a:hover {
	color: #343434;
}

#footer span {
	font-size: 12px;
	font-weight: bold;
	color: #121212;
}
.logo-text{
   padding-left: 30px;
    top: 10px;
}
.l-text{
    margin-top: 30px;
    margin-left: 14px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
}
.logo-btn {
    bottom: 16px!important;
    right: 20px!important;
}
#top-bar {
	top: -9px;
	margin-left: 14px;
	z-index: 10;
	max-width: 782px;
}

#top-bar ul {
	bottom: 27px;
}

#top-bar ul li a {
	font-size: 14px;
	font-weight: bold;
	padding-right: 2px;
}
 #top-bar ul li a.sta{
  font-size: 18px;
  vertical-align: top;
}

.site-map {
	background: rgba(255, 255, 255, 0.7) !important;
}

.card-texts {
	margin-bottom: 42px;
	line-height: 20px;
}

.card-texts .mt-n {
	margin-top: -5px;
}

.card-texts small {
	text-indent: -7px;
}

.hemburger-menu {
	transition: all 0.4s;
	background: #a957e6;
	left: -269px;
	/* Old browsers */
	background: -moz-linear-gradient(top, #2f38b1 0%, #564ec7 50%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2f38b1 0%, #564ec7 50%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #2f38b1 0%, #564ec7 50%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	z-index: 10000;
}


/* スクロール */
.hemburger-menu div {
    overflow: auto;
    
    height:100%;
    -webkit-overflow-scrolling: touch;
    
    scrollbar-color: #564ec7 #2f38b1;
    scrollbar-width: thin;
}

.hemburger-menu div::-webkit-scrollbar{
	   width: 5px;
	}
.hemburger-menu div::-webkit-scrollbar-track{
	   background-color: #2f38b1;
	}
.hemburger-menu div::-webkit-scrollbar-thumb{
	   background-color: #564ec7;
	}


.hemburger-menu ul li a {
	line-height: 2;
	font-family: Noto Sans JP;
	font-weight: bold;
}

.nav-btn-bar {
	right: -66px;
	top: 50%;
	transform: translate(0, -70px);
}

.nav-btn-bar:hover {
	opacity: 1;
}

/************************Home Page CSS Ends Here*******************/

#header {
	z-index: 1001;
	margin-right: -6px;
}

#header nav {
	background: rgba(255, 255, 255, 0.95);
	padding: 0px !important;
}
 .logo-des{
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    line-height: 1.5;
    margin-left: 20px;
    letter-spacing: 2px;
    margin-top: 14px;
    font-weight: bold;
}
#header input {
	background: linear-gradient(#FFF 0 0) padding-box,
		/*this is your grey background*/
		linear-gradient(to right, #a957e6, #2f38b1) border-box;
	border-radius: 40px;
	border: 2px solid transparent;
	border-radius: 15px;
	display: inline-block;
	height: 32px;
	max-width: 170px;
	padding-right: 1.8rem;
}

#header a.twitter {
	width: 32px;
	height: 32px;
}

#header .position-relative.me-3.ms-2 {
	margin-right: 2rem !important;
}

#header a.btn.sky {
	background: #2f38b1;
}

#header a.btn.sky img {
	vertical-align: bottom;
}

#header a.btn img {
	vertical-align: -1px;
}

#header a.btn.ocean {
	background: #668DD6;
}

#header a.btn {
	font-size: 14px !important;
	height: 27px;
	line-height: 1.2;
	font-weight: bold;
}

#header a.btn i {
	left: -2px;
	top: -5px;
}

#header a.links {
	color: #121212;
	font-size: 14px;
	line-height: 1.4;
	margin-top: 4px !important;
}

/* .bg {
	background: url(https://img.yuyu-tei.jp/images/common/back/background.png) no-repeat center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	height: fit-content; */
	/*overflow-x: hidden;*/
/* } */

.bg::before {
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width: 100vw;
	height:100dvh;
	background: url(https://img.yuyu-tei.jp/images/common/back/background.png);
	background-size:cover;
	background-position: center;
	content:"";
}

.sidebar {
	word-break: break-all;
	background: rgba(255, 255, 255, 0.8);
	/* border-radius: 0 0 31px 0; */
	position: relative;
	clip-path: polygon(0 0, 0% 100%, 96% 100%, 100% 97%, 100% 0);
	border-left: 4px solid transparent;
	background: linear-gradient(#f5f8f8, #f5f8f8) padding-box,
		linear-gradient(to bottom, #a957e6, #2f38b1) border-box;
}


.rbc {
	clip-path: polygon(0 0, 0% 100%, 96% 100%, 100% 98%, 100% 0);
}

.sidebar .edge2 {
	opacity: 0.8 !important;
}

.main {
	margin-top: 70px;
}

.search input {
	background: linear-gradient(#FFF 0 0) padding-box,
		/*this is your grey background*/
		linear-gradient(to right, #a957e6, #2f38b1) border-box;
	border-radius: 40px;
	border: 2px solid transparent;
	border-radius: 15px;
	display: inline-block;
	height: 32px;
	padding-right: 40px;
}

.sidebar .nav-tabs .nav-link {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	line-height: 0;
	background: #10106F;
}

.sidebar .nav-tabs .nav-link:hover,
.sidebar .nav-tabs .nav-link:active,
.sidebar .nav-tabs .nav-link:focus {
	border-color: #10106F;
}

/* .sidebar .nav-tabs li:nth-last-of-type(even){
	background: #10106F;
} */
.sidebar .nav-tabs li {
	text-align: center;
	margin-bottom: -2px;
}

.sidebar .nav-tabs li p {
	font-size: 14px;
	color: #FFF;
	line-height: 2.5;
}

.sidebar .nav-tabs .nav-link {
	border-top: 4px solid #10106F;
	border-bottom: 3px solid #10106F;
}

.sidebar .nav-tabs .nav-item.show .nav-link,
.sidebar .nav-tabs .nav-link.active {
	background: none !important;
	border: none;
	border-top: 4px solid #10106F;
	color: #10106F;
}

.sidebar .nav-tabs .nav-link.active.l1 {
	padding-left: 17px;
}

.sidebar .nav-tabs .nav-link.active.l2 {
	padding-left: 17px;
}

.sidebar .nav-tabs .nav-link.active.l3 {
	padding-right: 17px;
}


.sidebar .nav-tabs .nav-link.active.l1 small,
.sidebar .nav-tabs .nav-link.active.l2 small,
.sidebar .nav-tabs .nav-link.active.l3 small {
	display: none;
}

.sidebar .nav-tabs .nav-link small {
	margin-right: -3px !important;
	z-index: 1;
}

.sidebar-accordion .accordion-item.parent,
.sidebar-accordion .accordion-item.sub-child {
	border: 1px solid #10106F;
	border-radius: 0 0px 0 0 !important;
}

.accordion-header {
	line-height: 1.3;
}

.corner {
	position: relative;
	border: 1px solid rgb(25 2 110);
	border-radius: 0 !important;
}

.toggle-menu .corner::before {
	background-color: #fff;
}

.corner:before {
	height: 11px;
	width: 11px;
	display: block;
	position: absolute;
	right: 0;
	content: "";
	top: 0;
	z-index: 2;
	background-color: #f5f8f8;
	border-left: 1px solid rgb(25 2 110);
	transform: translateX(100%) translateY(-30%) rotate(-45deg);
	transform-origin: bottom left;
}

.corner:after {
	height: 0;
	display: block;
	position: absolute;
	right: 0px;
	content: "";
	border-top: 1px solid rgb(25 2 110);
	border-left: solid 14px transparent;
	top: -1px;
}

.corner1 {
	position: relative;
	border: 1px solid rgb(25 2 110);
	border-radius: 0 !important;
}

.corner1::before {

	height: 17px;
	width: 0px;
	display: block;
	position: absolute;
	left: -2px;
	content: "";
	top: -1px;
	z-index: 2;
	background-color: #f5f8f8;
	border-right: 1px solid rgb(28, 24, 196);
	transform: translateX(100%) translateY(-30%) rotate(45deg);
	transform-origin: bottom left;
}

.corner1::after {
	height: 0px;
	display: block;
	position: absolute;
	left: -1px;
	content: "";
	border-top: solid 12px rgb(252, 241, 255);
	border-right: solid 12px transparent;
	top: -1px;
}

.sidebar-accordion .accordion-item button {
	box-shadow: none;
	background: none;
	font-size: 12px;
	padding: 8px 10px;
	font-weight: 600;
}

.sidebar-accordion .tab-link {
	box-shadow: none;
	background: none;
	font-size: 12px;
	padding: 8px 10px;
	font-weight: 600;
	text-decoration: none;
	display: block;
}

.sidebar-accordion .accordion-item button em {
    padding-left: 3px;
	/* width: 3px !important; */
	height: 15px;
	margin-right: 10px;
	display: inline-block;
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
}

.accordion-item {
	background: none;
}

.accordion-flush .accordion-item.child {
	border-radius: 0 !important;
	padding: 10px 0;
	border: none;
	margin-bottom: -1px;
	border-top: 1px solid #10106F !important;
	border-bottom: 1px solid #10106F !important;
}

.accordion-flush .accordion-item.child:last-child {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.accordion-flush .accordion-item.sub-child button {
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
	color: #FFF;
	z-index: 0 !important;
}


.accordion-flush .accordion-item.sub-child button:hover {
	z-index: 0 !important;
}

.accordion-flush .accordion-item.child button.collapsed {
	background: none;
	color: #000 !important;
}

.accordion-body.light-blue {
	background: #E5E9F4;
}

/* 3層目 アクション */

.accordion-button::after {
	content: '+';
	background: none;
	font-size: 18px;
	width: 10px;
	transform: rotate(0deg);
	line-height: 16px;
}

.accordion-button:not(.collapsed)::after {
	content: '-';
	background: none;
	font-size: 22px;
	width: 8px;
	line-height: 10px;
	transform: rotate(0deg);
}

/* 4層目 */

.accordion-list li a:after {
	display: inline-flex;
	width: 7px;
	height: 7px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	transform: rotate(135deg);
	content: "";
	position: absolute;
	right: 16px;
	top: 15px;
    padding-right: 0px;
}

.accordion-list li a:hover:after,
.accordion-list li a:active:after,
.accordion-list li a:focus:after {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}

.accordion-list li a {
	display: block;
	padding: 12px 20px 12px 10px;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	position: relative;
	margin-top: -2px;
}

.accordion-list li a em {
	background: #10106F !important;
	display: block;
	left: 10px;
	right: 10px;
	height: 1px !important;
	bottom: 0;
	position: absolute;
}

.accordion-list li:last-child a em {
	display: none;
}

.accordion-list li a:hover em,
.accordion-list li a:active em,
.accordion-list li a:focus em {
	display: none;
}

.accordion-list li a:hover,
.accordion-list li a:active,
.accordion-list li a:focus {
	color: #FFF;
	background: #10106F;
	opacity: 1;
}

.accordion-list li:last-child a {
	border: none;
}

/* 次層有 */
.accordion-flush .accordion-item.sub-child .layer4 button {
	background: #E5E9F4;
    color: #000;
    font-weight: normal;
}

.sidebar-accordion .accordion-item.layer4 button em {
	background: #10106F !important;
	display: block;
	left: 10px;
	right: 0px;
	height: 1px !important;
	bottom: 0px;
	position: absolute;
}

.sidebar-accordion .accordion-item.layer4 button:hover,
.sidebar-accordion .accordion-item.layer4 button:active,
.sidebar-accordion .accordion-item.layer4 button:focus {
	color: #FFF !important;
	background: #10106F;
	opacity: 1;
}

/* 5層目 */

.accordion-list .layer4 ul li a {
	display: block;
	padding: 12px 20px 12px 20px;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	position: relative;
	margin-top: -2px;
}

.accordion-list .layer4 ul li a em {
	background: #10106F !important;
	display: block;
	left: 15px;
	right: 10px;
	height: 1px !important;
	bottom: 0;
	position: absolute;
}

.accordion-body.light-blue .accordion-list .layer4 ul li  {
	background: #D2DAEC;
    line-height: 1.2;
}

.accordion-body.light-blue .accordion-list .layer4 ul li a em {
	background: #10106F !important;
	display: block;
	left: 10px;
	right: 10px;
	height: 1px !important;
	bottom: 0;
	position: absolute;
}

.accordion-body.light-blue .accordion-list .layer4 ul li a:hover,
.accordion-body.light-blue .accordion-list .layer4 ul li a:active,
.accordion-body.light-blue .accordion-list .layer4 ul li a:focus {
	color: #FFF;
	background: #10106F;
	opacity: 1;
}

/*--------* オープン設定 *--------*/

/* 1層目 */

h2.accordion-header .selected  {
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
	color: #FFF !important;
}

/* 2層目 */

.accordion-item.child .accordion-header .opened.selected {
    color: #AF00A7 !important;
    /*color: #2f38b1 !important;*/
    background:none;
}

/* 3層目 */

.accordion-flush .accordion-item.sub-child .opened::after {
	right: 8px;
	top: 15px;
}

.accordion-flush .accordion-item.sub-child .opened {
    background: none;
    color: #000;
    padding-right: 14px;
}

.accordion-flush .accordion-item.sub-child .opened.selected {
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
	color: #FFF !important;
}

.accordion-flush .accordion-item.sub-child .opened.selected::after {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.accordion-button.opened::after {
	display: inline-flex;
	width: 7px;
	height: 7px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	transform: rotate(135deg);
	content: "";
	position: absolute;
	right: 3px;
	top: 5px;
}

.child .accordion-header .opened {
    padding-right: 14px !important;
}

/* 4層目 */

.accordion-body .accordion-item .light-blue .accordion-list li .selected {
	color: #FFF;
	background: #10106F;
	opacity: 1;
}

/* 5層目 */

.accordion-body .accordion-item .light-blue .accordion-list li .accordion-item.layer4 ul li .selected {
	color: #FFF;
	background: #10106F;
	opacity: 1;
}

/* オープン設定 end */

#accordionPanelsStayOpenExample .accordion-button::after {
	display: inline-flex;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	transform: rotate(135deg);
	content: "";
	position: absolute;
	right: 10px;
	top: 15px;
}

#accordionPanelsStayOpenExample .accordion-button:not(.collapsed)::after {
	display: inline-flex;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	transform: rotate(225deg);
	content: "";
	position: absolute;
	right: 10px;
	top: 12px;
}

.side-box,
.side-box2 {
	min-height: 0;
}


.side-box2 h3 {
	font-size: 18px !important;
	line-height: 22px;
}

.side-box h3 {
	font-size: 14px;
	line-height: 22px;
}

.side-box p {
	font-size: 13px;
	line-height: 22px;
}

.side-box p {
	font-size: 18px;
	line-height: 30px;
}

.side-box .ti {
	font-size: 20px !important;
	line-height: 26px !important;
	;
}

.info-posts2.side-box p.text-start.text-decoration-underline {
	line-height: 1.5;
	margin-top: 8px;
	font-size: 13px;
	margin-bottom: 18px;
}

.b_link {
	color: black;
}

hr {
	border-color: #10106F !important;
	opacity: 0.7;
}

.p4 hr {
	border-color: #000 !important;
}

.p4 hr.mt-4 {
	border-color: #1f40b3 !important;
}

.info-posts2.p-3.position-relative.mt-1.side-box.hidden-mobile h3 {
	font-size: 15px;
	margin-top: 16px;
	line-height: 1.3;
}

.info-posts.side-box2:after {
	border-bottom: 20px solid #eff4f6;
}

.side-box3 {
	max-height: 709px;
	border-radius: 0 0 0px 0;
}

.twitter-box .tweets2 {
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 85px;
	bottom: 15px;
	right: 5px;
	left: 0;
}

.rev_slider.slick-slider {
	margin-left: -0%;
	margin-right: -17%;
}

.p2 .rev_slider.slick-slider {
	max-height: 278px;
}

.rev_slider.slick-slider .slick-arrow:nth-of-type(2) {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/prev3.svg) no-repeat center center;
	width: 28px;
	height: 32px;
	right: 150px;
	bottom: -37px !important;
	border: none;
}

.rev_slider.slick-slider .slick-arrow:nth-of-type(1) {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/prev2.svg) no-repeat center center;
	width: 28px;
	height: 32px;
	/* right: 270px; */
	right: 350px;
	bottom: -37px !important;
	border: none;
}

.rev_slider.slick-slider .slick-dots {
	position: absolute;
	bottom: -22px;
	display: block;
	padding: 0;
	list-style: none;
	text-align: center;
	right: 180px;   
    width: 160px;
}

.rev_slider.slick-slider .slick-dots li {
	position: relative;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	background: #707070;
}

.rev_slider.slick-slider .slick-dots li.slick-active {
	background: #10106F;
}

.rev_slider.slick-slider .slick-track {
	max-width: 100% !important;
	transform: translate3d(0, 0, 0) !important;
	perspective: 100px;
}

.rev_slider.slick-slider .slick-slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	transform: translate3d(0, 0, 0);
	transition: transform 1s, opacity 1s;
}

.rev_slider.slick-slider a:hover {
	opacity: 1;
}

.rev_slider.slick-slider .slick-snext,
.rev_slider.slick-slider .slick-sprev,
.rev_slider.slick-slider .slick-snext2,
.rev_slider.slick-slider .slick-sprev2 {
	display: block;
}

.rev_slider.slick-slider .slick-current {
	opacity: 1;
	position: relative;
	display: block;
	z-index: 4;
}

.rev_slider.slick-slider .slick-snext {
	opacity: 1;
	transform: translate3d(10%, 0, -10px);
	z-index: 3;
	perspective: 1000px;
}

.rev_slider.slick-slider .slick-snext2 {
	opacity: 1;
	transform: translate3d(20%, 0, -20px);
	z-index: 2;
	perspective: 1000px;
}

.rev_slider.slick-slider .slick-sprev {
	opacity: 0;
	z-index: 1;
}

.rev_slider.slick-slider .slick-sprev2 {
	opacity: 0;
	z-index: 0;
}

.news h3,
.card-boxes-same h2,
#power h3 {
	color: #FFF;
	font-size: 50px;
	letter-spacing: 2px;
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
}

.news h3 span,
.card-boxes-same h2 span {
	font-size: 10px;
	vertical-align: 15px;
	border: 1px solid #FFF;
	margin-left: 20px;
}

.card-boxes-same h2 span {
	margin-left: 3px;
}

.line {
	height: 1px;
	width: 34px;
	display: inline-block;
	border: 2px solid !important;
	vertical-align: super !important;
	margin-left: 0px !important;
	margin-right: 14px;
}

.line1 {
	height: 1px;
	width: 24px;
	display: inline-block;
	border: 1px solid !important;
	vertical-align: super !important;
	margin-left: 0px !important;
	margin-right: 10px;
}

.bg-none {
	background: none !important;
}

#blog .btn.w-100 {
	border-radius: 0px 0 0 0;
	clip-path: polygon(0 12px, 12px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.py-5.last-row {
	padding-bottom: 5rem !important;
}

.carousel-item .row a {
	text-decoration: none;
}

.card-boxes-same {
	background: rgba(255, 255, 255, 0.5);
    /*
	border-radius: 0 0 0px 0;
	clip-path: polygon(0 -1000%, 0% 1000%, 97% 100%, 100% 96%, 100% -10%);
    */
}

.card-boxes-same1 {
	clip-path: polygon(0 -10%, 0% 100%, 97% 100%, 100% 97%, 100% -10%);
}

.card-boxes-same2 {
	clip-path: polygon(0 -1000%, 0% 1000%, 98% 100%, 100% 93%, 100% -10%);
}

.card-boxes-same3 {
    /*
	clip-path: polygon(0 -1000%, 0% 1000%, 97% 100%, 100% 93%, 100% -10%);
    */
}

.card-boxes-same h2 {
	font-size: 18px;
	border-radius: 0;
	top: -20px;
	font-weight: bold;
	clip-path: polygon(0 30%, 4% 0%, 100% 0%, 100% 72%, 96% 100%, 0 100%);
	background: -moz-linear-gradient(left, #3039B1 0%, #6948CC 100%);
	background: -webkit-linear-gradient(left, #3039B1 0%, #6948CC 100%);
	background: linear-gradient(to left, #3039B1 0%, #6948CC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3039B1', endColorstr='#a957e6', GradientType=1);


}

.p7 .card-boxes-same h2,
.p7 .lrc {
	background: -moz-linear-gradient(left, #3039B1 0%, #A957E6 100%);
	background: -webkit-linear-gradient(left, #3039B1 0%, #A957E6 100%);
	background: linear-gradient(to left, #3039B1 0%, #A957E6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3039B1', endColorstr='#A957E6', GradientType=1);
}

.card-boxes-same.form h2 {
	background: -moz-linear-gradient(left, #3039B1 0%, #A152E2 100%);
	background: -webkit-linear-gradient(left, #3039B1 0%, #A152E2 100%);
	background: linear-gradient(to left, #3039B1 0%, #A152E2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3039B1', endColorstr='#A152E2 ', GradientType=1);


}

.p7 .card-boxes-same h2 {
	font-size: 32px !important;
	font-weight: normal;
	letter-spacing: 4px;
	padding: 10px 5% !important;
}
.p7 .dropdown span{
	margin-top: 4px !important;
	font-weight: normal !important;
	color:#6c757d;

}


.p7 .lrc {
	padding: 12px 26px !important;
}

.p7 .lrc h1 {
	line-height: 1;
}

.lrc {
	padding: 12px 26px !important;
	background: -moz-linear-gradient(left, #3039B1 0%, #6948CC 100%);
	background: -webkit-linear-gradient(left, #3039B1 0%, #6948CC 100%);
	background: linear-gradient(to left, #3039B1 0%, #6948CC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3039B1', endColorstr='#a957e6', GradientType=1);
}

.vertical-boxes .no-ope {
	border-radius: 0;
	top: -20px;
	font-weight: bold;
	clip-path: polygon(0 30%, 3% 0%, 100% 0%, 100% 72%, 97% 100%, 0 100%);
}


.p6 .card-boxes-same h2 {
	clip-path: polygon(0 28%, 8% 0%, 100% 0%, 100% 72%, 92% 100%, 0 100%);
}

.p3 .card-boxes-same h2 {
	clip-path: polygon(0 28%, 4% 0%, 100% 0%, 100% 72%, 96% 100%, 0 100%);
}

.p3 .card-boxes-same.form h2 {
	clip-path: polygon(0 28%, 10% 0%, 100% 0%, 100% 72%, 90% 100%, 0 100%);
	background: #a957e6;
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
}

.card-boxes-same h2 span {
	vertical-align: 2px;
}

.card-boxes-same p {
	font-size: 12px;
	line-height: 18px;
	color: #10106F;
}

.card-boxes-same b {
	font-size: 12px;
	line-height: 30px;
	color: #121212;
}

.card-boxes-same .btn {
	background: #656565;
	font-size: 12px;
	color: #FFF;
	border-radius: 0;
	clip-path: polygon(0 28%, 8% 0%, 100% 0%, 100% 72%, 92% 100%, 0 100%);

}

.card-boxes-same .btn span span {
	color: black;
	font-weight: normal;
}

.card-boxes-same .btn span.px-4 {
	color: white;
}

.border-bottom {
	border-bottom: none;
}

.lrc {
	clip-path: polygon(0 30%, 6% 0%, 100% 0%, 100% 72%, 94% 100%, 0 100%);
}

.card-boxes-same .btn.rounded-0 {
	clip-path: none;
}

.card-boxes-same .btn span {
	font-size: 15px;
	margin-top: 4px !important;
	color: #6c757d;
font-weight: normal !important;
}

.carousel-control-next,
.carousel-control-prev {
	width: 27px;
	height: 80px;
	background: #001674;
	top: 50%;
	transform: translate(0, -50%);
}

.fs-normal {
	font-size: 14px;
	color: #121212;
	line-height: 22px;
	border-radius: 0px 0 0 0;
	clip-path: polygon(0 30%, 4% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.p4 .fs-normal {
	clip-path: none;
}

.form .btn i {
	top: 7px !important;
}

.form input,
.form select {
	border: 1px solid #001674;
	padding: 4px 8px;
}

.news-box h2 strong i.color {
	color: #ebebeb !important;
}

.edge2 {
	/*background:url(../images/edge2.svg) no-repeat center center;*/
	width: 28px;
	height: 32px;
	bottom: -11px;
	right: -7px;
}

.object-fit {
	object-fit: cover;
}

.mobile-screen .carousel-item p {
	font-weight: bold;
}

.carousel-control-next,
.carousel-control-prev {
	opacity: 1;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	opacity: 0.6;
}

.top-left-edge {
	left: -3px;
	top: -9px;
	transform: rotate(45deg);
	color: #fff0;
}

.bottom-right-edge {
	right: -3px;
	bottom: -9px;
	transform: rotate(225deg);
	color: rgb(255, 255, 255, 0);
}

.top-left-edge-btn {
	left: -3px;
	top: -7px;
	transform: rotate(45deg);
	color: #fff0;
}

.bottom-right-edge-btn {
	right: -3px;
	bottom: -7px;
	transform: rotate(225deg);
	color: #fff0;
}

.adjust {
	margin-left: 20px;
	margin-top: 30px;
}

.mt-n1 {
	margin-top: -17px;
}

.ad {
	max-width: max-content;
	width: 100%;
	position: relative;
}

.ad .slick-list {
	width: 150%;
}

.overflow-x {
	/* overflow-x: hidden; */
}

.ad .slick-initialized .slick-slide {
	max-width: 250px;
}

.mt-5p {
	margin-top: 5px;
}



.p3 .game-text h1 {
	letter-spacing: 0.5px;
	text-align: left;
}

.p3 .col-lg-9 .col-md-4 {
	text-align: center;
}

.tabs-list li.pipe {
	margin-top: -2px !important;
}

/**************************Page2 CSS Ends Here***********************/
#power h3 {
	font-size: 22px;
}

.p3 #power h3,
.p7 #power h3,
.p8 #power h3,
.p9 #power h3 {
    font-size: 22px;
    
    padding-left:1.5em;
    text-indent:-1.5em;
    padding-right: 5px;
}

.p7 hr {
	border-color: #5F45C6 !important;
	opacity: 1;
}

#power p {
	font-size: 15px;
	line-height: 22px;
	color: #121212;
	border-color: #2041b3 !important;
}



.p4 .game-text h1 {
	line-height: 17px;
	letter-spacing: 1px;
	margin: 0 0 0 12px !important;
	font-size: 10px;
}

.p6 .game-text h1 {
	line-height: 1.5;
	letter-spacing: 1px;
	margin: 8px 0 0 25px !important;
	font-size: 11px;
	text-align: left;
}

.card-product a {
	text-decoration: none;
}

.cards-list h3 {
	background: rgba(255, 255, 255, 09);
	letter-spacing: 1px;
	font-size: 17px !important;
}

.p4 .cards-list h3 {
	font-size: 18px !important;
	line-height: 1.5;
}

.cards-list h3 span {
	font-size: 20px;
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
}

.card-product .star {
	right: -8px;
	top: -8px;
	z-index: 2;
}

.starfeat .star1 {
	display: none;
}

.p4 .starbtn {
	margin-right: 25px;
}

.card-product span {
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
}

/*
.card-product p.item-name {
    min-height: 75px;
}
*/

.card-product p.item-name a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    min-height: 85px;
    height: 85px;
  }

.card-product h4 {
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
    
    height: 38px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.card-product strong {
	font-size: 14px;
	line-height: 30px;
}

.form-check {
	font-size: 10px;
	line-height: 18px;
}

.form-radio .fs-normal,
.form-check {
	clip-path: none;
}

.p4 .form-check {
	font-size: 14px;
	line-height: 24px;
}

.counter,
.counter a,
.counter input {
	height: 18px;
	min-height: 18px;
	line-height: 16px;
}

.counter input {
	pointer-events: none;
}

.p4 .counter,
.p4 .counter a,
.p4 .counter input {
	height: 26px;
	min-height: 20px;
	line-height: 24px;
}

.counter input {
	border-top: 1px solid #2f38b1;
	border-bottom: 1px solid #2f38b1;
}

.sold-out .counter input {
	border-top: 1px solid #656565;
	color: #121212;
	border-bottom: 1px solid #656565;
}

.card-product .main-btn {
	font-size: 12px;
	line-height: 25px;
	padding: 0 4px;
	background: #2f38b1;
	border-radius: 0 !important;
	clip-path: polygon(0 28%, 8% 0%, 100% 0%, 100% 72%, 92% 100%, 0 100%);
}

.counter .btn-primary {
	background: #2f38b1;
}

.card-product .btn-secondary {
	background: #656565;
}

/*
.sold-out .product-img:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: block;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
*/

.text-purple {
	color: #9944AD !important;
}

.btn-purple {
	background: #9944AD !important;
	color: #FFF !important;
}

.sale em {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/sale.svg) no-repeat center center;
	height: 42px;
	width: 42px;
}

.priceup em {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/priceup.svg) no-repeat center center;
	height: 42px;
	width: 42px;
}


.form .top-left-edge {
	color: #fff0;
}

.form-selects select {
	color: #a2a2a2;
}

.card.img-fluid {
	border-radius: 0 !important;
	width: 100%;
}

/******************************Page3 CSS Ends Here*******************************/

.main-banner-text {
	font-size: 15px;
	line-height: 22px;
	border-color: #2141b3 !important;
}

.product-detailing del {
	font-size: 18px;
}

.product-detailing h4 {
	font-size: 28px;
}

/* fujii add */
.product-detailing .text-item-detail h4 {
	font-size: 1.1rem;
}
/* end */

.product-detailing .counter {
	width: 100px;
}

.p4 .product-detailing .counter {
	width: 90px;
}

.p4 .product-detailing .btn-warning {
	width: 160px;
	height: 40px;
}

.product-detailing .btn-warning {
	background: #E5780A;
	height: 40px;
	border-radius: 0px 0 0 0;
	clip-path: polygon(0 30%, 7% 0%, 100% 0%, 100% 100%, 0 100%);
}

/* buy用 */
.p4 .product-detailing .btn-warning2 {
	width: 160px;
	height: 40px;
}

.product-detailing .btn-warning2 {
	background: #9944AD;
	height: 40px;
	border-radius: 0px 0 0 0;
	clip-path: polygon(0 30%, 7% 0%, 100% 0%, 100% 100%, 0 100%);
}

.product-detailing table tr td,
.product-detailing table tr th {
	border: 1px solid #001674;
	padding: 5px 5px;
}

.product-detailing table tr th {
	background: rgba(0, 22, 116, 0.1);
}

.product-detailing p.fs-normal {
	line-height: 16px;
}

#cards-slider .btn-lg {
	border-radius: 0px 0 0 0;
	clip-path: polygon(0 24%, 3% 0%, 100% 0%, 100% 100%, 0 100%);
}

.vertical-align1 {
	vertical-align: -3px;
}

.modal {
	background: rgba(0, 0, 0, 0.35) !important;
}

#pickup.py-5 {
	padding-bottom: 5rem !important;
}

.p4 #pickup.py-5 {
	padding-bottom: 2rem !important;
	padding-top: 6rem !important;
}

.p4 #footer span {
	margin-bottom: 50px;
}

/******************************Page4 CSS Ends Here*******************************/
.product-sec .star {
	right: -8px;
	top: -8px;
}

.btn-warning {
	background: #FC7E20;
	border-color: #FC7E20;
}

.btn-success {
	background: #04C330;
	border-color: #04C330;
}

.sing-cards .card-product p {
	line-height: 20px;
	margin-top: 0px !important;
}

.card-product hr.mb-1 {
	margin-bottom: 0px !important;
}

.form-selects {
	width: 100%;
	margin: 20px 0;
}

.form-selects select {
	display: none;
}

.selected-item {
	padding: 9px 15px;
	color: #001674;
	cursor: pointer;
	width: 100%;
	background: #FFF;
	height: 38px;
	border: 1px solid #001674;
}

.selected-item:after {
	content: "";
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/select-arrow.svg) no-repeat right top;
	position: absolute;
	right: 0;
	transition: 0.5s;
	display: block;
	width: 38px;
	height: 38px;
	top: 0;
}

.arrowanim.selected-item:after {
	transform: rotate(180deg);
}

.item {
	background: #FFF;
	padding: 10px 20px;
	color: #001674;
	border-bottom: 1px solid #001674;
	cursor: pointer;
}

.all-items {
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 100;
	box-shadow: 3px 3px 5px #ccc;
	display: block;
}

.all-items .item:last-child {
	border: none;
}

.all-items-hide {
	display: none;
}

.sdf {
	border: 1px solid red;
}

.p4 small.bg-danger {
	padding: 2px 28px !important;
	letter-spacing: 2px;
}

.p4 #news {
	margin-top: 6rem !important;
	margin-bottom: 0%;
}

/***************************Page5,6,7 CSS Ends Here*************************/
.p5 .product-detailing del {
	padding: 10px 0 0;
}

.p5 .form-check {
	font-size: 12px;
	line-height: 24px;
	width: 50px;
}

.product-detail .btn.radius1 {
	border-radius: 0;
	clip-path: polygon(0 28%, 8% 0%, 100% 0%, 100% 72%, 92% 100%, 0 100%);
}

.three-btns a.btn i {
	margin-top: 13px;
}

.mix-content {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 0 0 0px 0;
	clip-path: polygon(0 0, 0% 1000%, 98% 100%, 100% 99.5%, 100% 0);
}

.s_btn {
	margin-top: -53px;
	height: 30px;
	border: none !important;
	color: white !important;
	width: 75px;
}

.s_btn i {
	margin-left: 5px;
	vertical-align: 1px;
}

.mix-content p {
	line-height: 22px;
}

.vertical-boxes .cards-new-stretch.mx-2 {
	width: 12%;
}

.vertical-boxes span b {
	font-family: 'Lato', sans-serif;
}

.vertical-boxes h4 {
	background: rgba(30, 64, 178, 0.1);
	clip-path: polygon(0 10px, 10px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.vertical-boxes h4.title2 {
	background: rgba(30, 64, 178, 0.2);
}

.vertical-boxes h4.title3 {
	background: rgba(30, 64, 178, 0.4);
}

.list li {
	line-height: 24px;
}

.list li strong {
	font-size: 20px;
}

.form-check-input:checked {
	background: #2f38b1;

}

.p6 .form-check-input {
	margin-top: 2px !important;
}

.p6 .card-product .col-4 {
	padding-right: 0px;
}

.card-product .cart-b {
	background: #1e40b2 no-repeat 0 center;
	background-size: contain;
	border-radius: 0;
	width: 120px;
	clip-path: polygon(0 28%, 6% 0%, 100% 0%, 100% 72%, 94% 100%, 0 100%);
}

.c_val {
	margin: 16px 0;
	font-size: 12px;
    line-height: 1.3em;
}

.card-product .cart-g {
	background: #656565 no-repeat 0 center;
	background-size: contain;
	border-radius: 0;
	width: 120px;
	border: 0;
	clip-path: polygon(0 28%, 6% 0%, 100% 0%, 100% 72%, 94% 100%, 0 100%);
}

.p6 .text-primary a {
	color: #001674 !important;
}

.v-align {
	vertical-align: -8px;
}

.form-check-input {
	border: 1px solid #001674;
}

.form-check-input:checked[type=radio] {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/radio.png) no-repeat center center;
	border: 1px solid #001674;
}

.change-size p {
	font-size: 15px !important;
	line-height: 22px;
}

.ui-datepicker-month .first-word {
	font-size: 35px !important;
	width: 40px;
	display: inline-block;
}

.corner-y {
	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/coner-y.svg) no-repeat  center;
	border: 0;
	border-radius: 0;
	padding: 2px 10px !important;
	margin-right: 0px !important;
	margin-bottom: 8px;
}

.corner-g {

	background: url(https://img.yuyu-tei.jp/images/common/btn-icon/coner-g.svg) no-repeat center;
	border: 0;
	border-radius: 0;
	padding: 2px 10px;
	margin-bottom: 8px;
}

.p6 .w-100p {
	width: 90px;
}

.p6 .counter,
.p6 .counter a,
.p6 .counter input {
	height: 20px;
	min-height: 20px;
	line-height: 18px;
}



.p7 .card-boxes-same p {
	font-size: 14px;
	line-height: 22px;
	color: #10106F;
}

.clear {
	clear: both;
	float: none;
}

.bold {
	font-weight: bold;
}

.cards-list h2 {
	background: rgba(255, 255, 255, 09);
	letter-spacing: 2px;
}

.p7 .cards-new-stretch .bg-gradients {
	clip-path: polygon(0 8px, 8px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.p8 .form-label span {
	border-radius: 0px 0 0 0;
	clip-path: polygon(0 8px, 8px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.p8 a.w-50 {
	border-radius: 0px 0 0 0;
	clip-path: polygon(0 14px, 14px 0%, 100% 0%, 100% 100%, 0% 100%);
}


.p9 a.w-100 {
	border-radius: 0px 0 0 0;
	clip-path: polygon(0 14px, 14px 0%, 100% 0%, 100% 100%, 0% 100%);
}


.p8 input {
	border-radius: 0;
	opacity: 0.8;
	clip-path: polygon(0 0, 100% 0%, 100% 74%, 99% 100%, 0% 100%);
}

textarea.form-control {
	opacity: 0.8;
}

.p9 table {
	clip-path: none;
}

.p9 .product-detailing table tr td,
.p9 .product-detailing table tr th {
	border: 2px solid #001674;
}

.p9 .product-detailing table tr td {
	font-weight: normal !important;
}

#sub-bar {
	cursor: pointer;
}

.mt-n2 {
	margin-top: -5px
}

.mt-n3 {
	vertical-align: 5px;
}

.p7 .card-boxes-same {
	clip-path: none;
}


/***************************Page8 CSS Ends Here*************************/
@media screen and (max-width: 768px) {
	body {
		overscroll-behavior: none;
		overflow-x: hidden;
		background: transparent;
		/*height: 100%;*/
	}

	body.top {
		background: #EFF4F6 !important;
	}

	/* .bg {
		background-attachment: fixed !important;
		background-size: cover !important;
		height: 100%;
	} */

	#top_main {
		height: auto !important;
		overflow: visible;
		margin-top: 50px;
		/* min-height: 270vh; */
		padding-bottom: 80px;
	}

	#top_main::before {
		width: 100%;
		right: 0;
		height: 320vw;
		top: -85vw;
	}

	#roundSlider {
		width: 100%;
		top: 26vw;
		left: 0;
		height: 125vw;
		overscroll-behavior-x: none;
		position: relative;
	}

	#roundSlider ul {
		width: 60vw;
		height: 95vw;
		perspective: 300px;
	}

	#roundSlider ul li {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	#roundSlider ul li div * {
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	#roundSlider_icon {
		width: 100%;
		left: 4%;
		height: auto;
		transform: none;
		position: relative;
	}

	#roundSlider_icon ul {
		width: 100%;
		right: 50%;
		top: 50px;
		transform: translate(50%, 0);
		padding-bottom: 10vw;
		position: relative;
	}

	#roundSlider_icon ul li {
		width: 37.5vw;
		height: 16.5vw;
		margin: 0 0 2vw 2vw;
	}

	#roundSlider_icon ul li:nth-child(6n+4) {
		margin-left: 2vw;
	}

	#roundSlider_icon ul li:nth-child(4n+3) {
		margin-left: 12vw;
	}

	#roundCircle {
		top: 324px;
		right: 50%;
		padding-top: 82px;
	}

	#roundCircle div.top {
		top: -40vw;
	}

	#roundCircle div.middle::before {
		top: -30vw;
	}

	#roundCircle div.middle::after {
		top: 5vw;
	}

	#roundCircle div.bottom {
		top: 56vw;
	}

	#roundCircle div.light::before {
		top: calc(50% - 246px);
	}

	#roundCircle div.light::after {
		top: 33vw;
	}

	.border-box {
		width: 212px;

	}

	#bg_arrow {
		display: none;
	}

	#parts img.__parts_a {
		display: none;
	}

	#parts img.__parts_b {
		display: none;
	}

	#parts img.__parts_c {
		display: none;
	}

	#parts img.__parts_d {
		display: block;
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
	}

	nav {
		display: none;
	}

	.change1.col-md-4 {
		margin-bottom: 20px;
	}
	.p3 .change1.col-md-4 {
		margin-bottom: 4px!important;
	}

	.hidden-desktop {
		display: block;
	}

	.hidden-mobile {
		display: none;
	}

	.mobile-nav {
		background: rgba(255, 255, 255, 0.9);
		border-top: 2px solid #a957e6;
		z-index: 100;
	}

	.mobile-nav .icons a {
		transition: all 0.4s;
		width: 45px;
		margin: 3px 1px 0 1px !important;
	}

	.mobile-nav .icons a:nth-child(2) img {
		width: 22px;
	}

	.mobile-nav .icons a:hover {
		opacity: 0.8;
		transform: scale(0.95);
	}

	#news {
		opacity: 0.9;
		width: 100%;
	}

	.p2 #news {
		margin-top: 4rem !important;
	}

	#news h1 {
		font-size: 36px;
	}

    /* h1調節 */
	#news h5 {
		font-size: 36px;
	}
    /*  */
	
	.tabs-list {
		display: flex;
		justify-content: space-between;
	}

	#news ul li:last-child button.btn,
	#news ul li:last-child {
		width: 100%;
		margin: 10px 0 !important;
	}

	#blog {
		padding-top: 0 !important;
	}

	#blog .shadow {
		box-shadow: 0 .125rem 0.5rem rgba(219, 219, 219, 0.75) !important;
	}

	#blog h2 {
		transform: rotate(0) translate(0, 0);
		margin: 0 0 0 30px !important;
		padding-top: 0 !important;
		width: 100%;
		font-size: 40px;
	}
		#sitemap h2 {
		transform: rotate(0) translate(0, 0);
		margin: 0 0 0 30px !important;
		padding-top: 0 !important;
		width: 100%;
		font-size: 40px;
	}

	#blog .slick-next {
		right: 60%;
	}

	#blog .slick-prev {
		left: 60%;
	}

	#blog .slick-slider .slick-list {
		padding-right: 40px !important;
		padding-left: 40px !important;
	}

	#information .container {
		padding: 0;
		padding-bottom: 30px !important;
	}

	#information h2 {
		font-size: 55px;
		font-weight: 500;
		margin-left: 52px;
		opacity: 0.3;
	}

	#information::before {
		height: 1000px;
		left: 0 !important;
		background: url(https://img.yuyu-tei.jp/images/common/back/information-bg.svg) no-repeat left 440%;
		background-size: 53%;
	}


	#information::after,
	.info-posts:after {
		display: none;
	}

	.bday {
		padding-left: 36px;
		display: block;
	}

	.negative-margin {
		margin-top: -15px;
	}

	.negative-margin .col-lg-6 {
		padding: 0 !important;
	}

	.negative-margin br,
	#business-day em {
		display: none !important;
	}

	.info-posts,
	.info-posts2,
	.twitter-box {
		width: 92%;
		clip-path: none;
	}

	.sub-bar a {
		color: white;
		text-decoration: none;

	}

	.p2 .search a.btn {
		font-weight: normal !important;
		line-height: 1.8;

	}

	.p2 .search a.btn i {
		margin-left: 5px;
	}

	.m_rev h2 {
		color: #FFFFFF;
        /*
		margin: 0 0 27px 115px !important;
		padding: 0 !important;
        */
		font-size: 23px;
		text-align: center;
	}

	.twitter-box {
		min-height: 350px;
	}

	.info-posts2 {
		margin-top: 0 !important;
		border-radius: 0 !important;
		padding: 30px 41px !important;
	}

	.info-posts h3 {
		font-size: 22px;
	}

	.info-posts2 h3 {
		font-size: 25px;
		font-weight: 900;
		line-height: 1;
	}

	.info-posts strong {
		font-size: 13px;
		color: #121212;
		line-height: 1.0;
		font-weight: 800;
	}

	.info-posts2 span {
		line-height: 0;
		margin-top: 12px;
		display: block;
	}

	.info-posts2 p {
		font-size: 13px;
		padding: 0 !important;
		font-weight: 600;
	}

	.line {
		width: 22px;
	}

	#business-day h2 {
		font-size: 40px;
		line-height: 46px;
		padding-bottom: 20px !important;
		letter-spacing: 4px;
	}

	#sitemap h2 {
		font-size: 36px;
		line-height: 46px;
		padding-bottom: 0px !important;
		padding-left: 20px;
	}

	#business-day p {
		font-weight: 600;
		padding-left: 40px;
	}

	.site-map {
		padding: 0px 20px !important;
		margin-left: 20px;
	}

	.site-map .col-lg-3 {
		border-bottom: 1px solid #333;
		padding: 0 0 30px 0 !important;
		margin-bottom: 0 !important;
	}

	.icon-mobile-collapse::before {
		content: '-';
		color: #001674;
		font-size: 35px;
		display: block;
		position: absolute;
		right: 0;
		font-weight: 500;
	}

	.collapsed.icon-mobile-collapse::before {
		content: '+';
		font-size: 25px;
		font-weight: 700;
	}

	#footer .share {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#footer .share a {
		width: 110px;
		display: inline-block;
		margin-top: 0 !important;
	}

	.footer-links {
		text-align: left !important;
		padding-top: 0px !important;
	}

	.footer-links a {
		text-align: left !important;
		margin: 5px 0px !important;
		width: 32%;
		display: inline-block;
		font-size: 11px !important;
	}

	.footer-links a:nth-child(4) {
		font-size: 10px !important;
	}

	.menu-close,
	.navs .menu {
		display: none;
	}

	.navs .menu-close {
		display: inline-block;
	}

	.toggle-menu {
		margin-top: 55px;
		overflow-y: auto;
		overflow-x: hidden;
		transition: all 0.4s;
		right: -100% !important;
	}

	.toggle-menu.show {
		right: 0 !important;
		z-index: 1000;
		background: white;
		opacity: 0.95;
	}

	.toggle-menu .sidebar {
		background: rgba(255, 255, 255, 0.9) !important;
		clip-path: none !important;
		z-index: 100000;
	}

	.corner1::after {
		border-top: solid 12px rgb(255, 255, 255);
	}

	#top {
		z-index: 10 !important;
	}

	.p3 #top {
		margin-bottom: 3px !important;
	}

	.p4 #top {
		margin-bottom: 55px !important;
	}

	.tabs-list li.pipe {
		margin-left: 2px !important;
		margin-right: 2px !important;
		margin-top: -2px !important;
	}

	.float-nones {
		float: none !important;
	}

	.bg-b em {
		top: 3px !important;
	}

	/***************************Home Page CSS Ends Here*****************************************/
	.ps-6 {
		padding-left: 68px !important;
	}

	.search input.ps-6 {
		padding-left: 78px !important;
	}


	#mobile-slider2 .slick-list.draggable {
		padding-right: 130px !important;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(2) {
		right: 260px;
    }

	.rev_slider.slick-slider .slick-dots {
		right: 289px;
        
        width: 250px;
        text-align: center;
    }

	.rev_slider.slick-slider .slick-arrow:nth-of-type(1) {
		right: 540px;
    }
    
	#mobile-slider2 .overflow-hidden.position-relative.mt-3.pb-5 {
		padding-bottom: 60px !important;
	}

	#mobile-slider3 .slick-slider .slick-list {
		padding: 0 50px !important;
	}

	.list-links a[aria-expanded="false"]:before {
		content: '+';
		font-size: 25px;
		font-weight: 700;
		display: block;
		position: absolute;
		right: 0;
		font-weight: 500;
	}

	.list-links a[aria-expanded="true"]:before {
		content: '-';
		font-size: 25px;
		font-weight: 700;
		display: block;
		position: absolute;
		right: 0;
		font-weight: 500;
	}

	.new-sizebar .nav-tabs li {
		margin-bottom: -2px !important;
	}

	.news h3,
	.card-boxes-same h2,
	#power h3 {
		font-size: 40px;
	}

	.news h3 span,
	.card-boxes-same h2 span,
	#power h3 span {
		vertical-align: 12px;
		margin-left: 4px;
	}

	.p3 .news h3 span,
	.p3 .card-boxes-same h2 span,
	.p3 #power h3 span,
    .p7 #power h3 span {
		vertical-align: 8px;
	}

	.p3 .news h3 {
		font-size: 36px;
		letter-spacing: 3px;
		line-height: 1.5;
	}

	.news h3 {
		font-size: 40px;
		letter-spacing: 2px;
	}

	#blog .text-center button i {
		position: relative !important;

	}

	#blog .text-center button {
		padding-right: 2rem !important;
		padding-left: 3rem !important;
	}

	.bg-none.news ul li {
		flex: 1 1 auto !important;
	}

	.bg-none.news ul li.mx-3 {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.mobile-screen .card-boxes-same h2,
	.card-boxes-same.form h2 {
		font-size: 16px;
	}

	.mobile-screen .card-boxes-same h2 span,
	.card-boxes-same.form h2 span {
		vertical-align: 3px;
	}

	.mobile-screen .carousel {
		overflow-x: scroll;
		overflow-y: hidden;


	}

	.mobile-screen .carousel-inner {
		position: relative;
		width: 100%;
		display: flex;
		min-width: max-content;
		height: 252px;
		padding: 0;
	}

	.mobile-screen .carousel-item {
		float: left;
		display: flex;
		-webkit-backface-visibility: hidden;
		transition: transform .6s ease-in-out;
		margin-right: 0;
	}

	.mobile-screen .carousel-item .row .col {
		width: 100px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.card-boxes-same.form .row.m-4 {
		margin-bottom: 0px !important;
	}

	.card-boxes-same.form .form-selects {
		margin: 5px 0;
	}

	.card-boxes-same.form .col-12 {
		text-align: left !important;
	}

	.card-boxes-same.form .col-12 .form-check {
		margin-top: 10px !important;
	}

	#power h3 {
		margin-top: 20px;
		font-size: 19px;
		line-height: 2;

        padding-left:0rem;
        text-indent:0rem;
        padding-right: 0px;
    }

	.p4 #power h3,
	.p3 #power h3,
    .p7 #power h3,
    .p8 #power h3,
    .p9 #power h3 {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.2;

        padding-left:2.1rem;
        text-indent:-2.1rem;
        padding-right: 0px;
    }
    
    /*
	.p4 #power h3,
	.p3 #power h3,
    .p7 #power h3,
    .p8 #power h3,
    .p9 #power h3 {
		line-height: 1.2;
		font-size: 18px;
    }
    */
    
   	.p4 #power h3 {
        text-indent:0;
	}

	.p7 .lrc {
		padding: 10px 26px !important;
	}

    
    div[id^="card-lits"] {
		display: flex;
		flex-wrap: wrap;
	}

    div[id^="card-lits"] .col-md {
		width: 25%;
		padding: 0 5px;
	}
    
    /*
	#card-lits,
	#card-lits2,
	#card-lits3,
	#card-lits4 {
		display: flex;
		flex-wrap: wrap;
	}

	#card-lits .col-md,
	#card-lits2 .col-md,
	#card-lits3 .col-md,
	#card-lits4 .col-md {
		width: 25%;
		padding: 0 5px;
	}
    */

	.card-product .star {
		width: 20px;
		height: 20px;
		right: -2px;
		top: -2px;
	}

	.card-product p.item-name {
		min-height: 35px;
	}

    .card-product p.item-name a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        min-height: 34px;
        height: 34px;
    }
    
	.card-product span {
		font-size: 7px;
	}

	.card-product h4 {
		font-size: 11px;
		line-height: 15px;

        height: 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
	}

	.card-product strong {
		font-size: 12px;
		line-height: 25px;
	}

	.form-check {
		font-size: 10px;
	}

	.card-product .main-btn {
		font-size: 10px;
	}

	.counter,
	.counter a,
	.counter input {
		height: 15px;
		min-height: 20px;
		line-height: 19px;
		font-size: 12px;
	}

	.search-btn {
		left: -9px;
		bottom: -9px;
	}

	#mobile-slider3 {
		min-height: 130px;
	}

	#mobile-slider3 .slick-arrow {
		display: none !important;
	}

	#mobile-slider3 #card-slider {
		position: absolute !important;
		left: 0px !important;
		right: -12px !important;
	}

	#mobile-slider3 .container {
		padding: 0 !important;
	}


	.p2 .sidebar {
		clip-path: none !important;
		background: #ffffff6b;
	}

	.cart-counter {
		width: 18px;
		height: 18px;
		top: -4px;
		right: -2px;
		line-height: 18px;
	}

	.bigger-btn {
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 70%;
	}

	.new-sizebar.sidebar .nav-tabs .nav-item.show .nav-link,
	.new-sizebar.sidebar .nav-tabs .nav-link.active {
		border-top: 4px solid #10106F;
	}

	.mobile-screen .card-boxes-same {
		margin-left: -24px;
		margin-right: -24px;
		padding-right: 0 !important;
	}

	.mobile-screen .card-boxes-same.pick-up {
		margin-left: -35px !important;
		margin-right: -35px
	}

	.mobile-screen .card-boxes-same h2 {
		margin-left: 20px;
	}

	.four-row2 {
		margin-top: -15px;
	}

	.ad .slick-list {
		margin-left: -24px;
	}

	.card-boxes-same .btn {
		display: block;
		margin: 0 auto;
		width: 65%;
	}

	.card-boxes-same .btn.rounded-0 {
		margin-bottom: 10px;
	}

    div[id^="card-list-"] h3{
        margin-left: -9px;
		margin-right: -9px;
	}
    
    [id^="card-list-"] {
		margin-left: -15px;
		margin-right: -15px;
	}
    
    /*
	#card-list h3,
	#card-list2 h3,
	#card-list3 h3 {
		margin-left: -9px;
		margin-right: -9px;
	}

	#card-list,
	#card-list2,
	#card-list3 {
		margin-left: -15px;
		margin-right: -15px;
	}
    */
    
	.pagination li a {
		background: rgba(255, 255, 255, 0.7);
		padding: 5px 13px !important;
		margin: 2px;
	}

	.pagination li.shown a {
		background: #505EBC !important;
		clip-path: none !important;
		color: white !important;
		box-shadow: none;
	}

	.pagination li.shown a:hover {
		opacity: 1;
	}

    /*
	.pagination li:nth-child(2) a {
		background: #505EBC;
		color: white;
	}
    */

	.pagination li:first-child a,
	.pagination li:last-child a,
	.pagination li:nth-child(6) a {
		background: rgba(255, 255, 255, 0.7) !important;
		color: #001674 !important
	}

	.carousel.scrollbar-1 {
		padding-bottom: 25px;
		width: 96%;
		border-radius: 0;
		padding-left: 0 !important;
	}

	.card-boxes-same h2.h2s {
		font-size: 18px !important;
	}

	.w-change {
		width: 110%;
	}

	.my-xs-2 {
		margin: 5px 0 !important;
	}

	.me-mobile-0 {
		margin-right: 0 !important;
	}

	/************************Page2,3 CSS Ends Here*************************/
	#power h3 span {
		font-size: 10px;
	}
    
	.p4 #power h3 {
        padding-left: 50px;
        padding-right: 50px;
	}

	.p4 #power h3 span {
		letter-spacing: 0;
	}

	.lhs small {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.flex-flow-column {
		flex-flow: column;
	}

	#lhs {
		left: -9px;
		bottom: -9px;
	}

	#lhs img {
		width: 222px;
	}

	#rhs {
		right: -9px;
		bottom: -11px;
	}

	#rhs img {
		width: 223px;
	}

	.modal-content {
		width: 70%;
		margin: auto;
	}

	.card-product del {
		font-size: 7px !important;
	}

	.w-100-m {
		width: 100%;
		display: block;
		margin: 10px 0;
	}

	.vertical-boxes .cards-new-stretch.mx-2 {
		width: 31%;
		margin: 10px 5px 10px 0 !important;
	}

	.bg-h {
		width: 100%;
		text-align: center !important;
	}

	.vertical-boxes .cards-new-stretch.mx-2 p {
		font-size: 10px !important;
		line-height: 17px !important;
	}

	.w-equal {
		width: 46%;
	}

	.w-70 {
		width: 100% !important;
	}

	.menu-over {
		margin-top: 101px;
	}

	.toggle-menu2 {
		background: rgba(255, 255, 255, 0.93);
		overflow-y: scroll;
		overflow-x: hidden;
		transition: all 0.4s;
		height: 100%;
		bottom: -100%;
		padding-bottom: 101px;
	}

	.toggle-menu2.position-absolute.start-0.end-0.w-100.z-index2.hidden-desktop.py-b.px-3.bottom-0 {
		top: 101px;
		transition: all 0.4s;
		position: fixed !important;
		z-index: 100;
	}

    #search-bar {
        position: fixed;
        top: 54px;
        z-index: 100;
        width: 100%;
        display: none;
    }

    #search-bar.active {
        display: block;
    }
  
    #search-bar h2 {
        text-align: left;
        font-size: 17px !important;
        line-height: 1;
    }

    #search-bar h2:before {
        content: "\f103";
        display: inline-block;
        height: 20px;
        width: 20px;
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 900);
    }

	.dropdown-toggle::after {
		display: none;
	}

	.tags a:hover,
	.tags a:active,
	.tags a:focus,
	.tags a.active {
		color: #FFF !important;
		background: #001674 !important;
		border-color: #001674 !important;
	}

	.tags a:hover span,
	.tags a:active span,
	.tags a:focus span,
	.tags a.active span {
		background: #EEE !important;
		opacity: 1 !important;
	}

	.new-data.change-text {
		text-align: left;
		font-size: 17px !important;
		line-height: 1;
	}

	.new-data.change-text:before {
		content: "\f103";
		display: inline-block;
		height: 20px;
		width: 20px;
		font-family: var(--fa-style-family, "Font Awesome 6 Free");
		font-weight: var(--fa-style, 900);
	}

	.menu-over,
	.sub-bar,
	.setting-mobile br {
		display: none;
		transition: all 0.4;
	}

	.top .sub-bar, .p2 .sub-bar {
		display: block;
	}

	.main-sub.main {
		margin-top: 25px;
	}

	.p3 .main-sub.main {
		margin-top: 70px;
	}

	.setting-mobile {
		margin-top: 13px;
		margin-bottom: -15px !important;
	}

	.setting-mobile label {
		font-size: 15px;
		font-weight: 600;
		margin-top: -3px;
	}

	.product-detailing .counter.mobile-setting2 {
		margin-left: 0 !important;
		width: 50%;
	}

	.rhs.d-flex.justify-content-between.align-items-end {
		align-items: baseline !important;
	}

	.mobile-setting2 a,
	.mobile-setting2 input,
	.sing-cards .card-product .counter a,
	.sing-cards .card-product .counter input {
		height: 24px;
		min-height: 16px;
		line-height: 23px;
		font-size: 13px;
	}

	.mix-content p {
		font-size: 13px;
	}

	.new-sliders-blog .slick-arrow {
		display: none !important;
	}

	#card-game a:nth-child(3),
	#card-game a:nth-child(7),
	#card-game a:nth-child(11),
	#card-game a:nth-child(15),
	#card-game a:nth-child(19),
	#card-game a:nth-child(23) {
		margin-left: 52px !important;
	}

	#card-game a.m-1.shadow-sm.ms-4 {
		margin-left: 0 !important;
	}

	.mt-new.main {
		margin-top: 25px;
	}

	.mobile-setting3 .form-selects {
		margin-top: 0 !important;
		margin-bottom: 10px !important;
	}

	.mobile-setting3 .btn {
		margin-top: 10px !important;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
		display: block;
	}

	.sing-cards .card-product span {
		font-size: 10px;
	}

	.sing-cards .card-product .form-check {
		margin-top: 4px;
	}

	.sing-cards .card-product .form-check-label.fw-bold.float-start {
		font-size: 11px;
		margin-top: -2px;
	}

	.change-size p.new-size {
		font-size: 13px !important;
	}

	.line-height-new {
		line-height: 24px;
		font-size: 14px;
	}

	.mobile-setting4 {
		margin-top: -35px !important;
	}

	.ui-widget.ui-widget-content {
		display: block !important;
	}

	.vertical-boxes .cards-new-stretch .img-fluid {
		width: 100%;
	}

	#footer .col-12 {
		padding: 0;
	}

	.modal-footer {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#cards-slider .row.mobile-screen .col-md-6.ps-md-0,
	#cards-slider .row.mobile-screen .col-md-6.pe-md-0 {
		padding: 0;
	}

	.no-sapce-x h3 {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}

	.z-index2s {
		z-index: 2;
	}

	.btn.bg-white.border.border-dark.text-muted.dropdown-toggle img {
		transition: 0.4s all;
	}

	.btn.bg-white.border.border-dark.text-muted.dropdown-toggle.show img {
		transform: rotate(-180deg);
		transition: all 0.4s;
	}

	.product-sec .product-img img {
		height: auto;
		object-fit: cover;
	}

	.sing-cards .card-product del {
		font-size: 10px !important;
	}

	.three-btns .col-md-4 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.no-ope {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.zo {
		padding: 0 24%;
	}

	.zo img {
		width: 100%;
	}

	.pote {
		margin-bottom: 16px !important;
	}

	.p4 .starbtn {
		margin-top: 5px;
	}

	.p4 .counter,
	.p4 .counter a,
	.p4 .counter input {
		min-height: 35px;
		line-height: 35px;
		font-size: 16px;
	}

	.p4 .product-detailing .btn-warning {
		width: 200px;
	}

	.p4 .product-detailing .counter.mobile-setting2 {
		width: 41%;
	}

	.p4 .table-responsive.hidden-desktop {
		margin-top: 2rem !important;
	}

	.p5 .form-check {
		width: auto;
	}
    
    div.vertical-boxes [id^="card-list"] {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
    
    /*
	.vertical-boxes #card-list,
	.vertical-boxes #card-list2,
	.vertical-boxes #card-list3 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
    */

	.mbs {
		margin-bottom: -20px !important;
	}

	.row.hidden-desktop {
		display: flex;
	}

	.p3 .row.hidden-desktop {
		padding: 0;
	}

	.table-padding.product-detailing table tr td,
	.table-padding.product-detailing table tr th {
		padding: 8px 5px;
	}

	.sing-cards .card-product p {
		line-height: 16px;
	}

	.corner-g,
	.corner-y {
		margin-bottom: 4px;
		margin-top: 0 !important;
	}

	#card-game .col-12 .d-flex {
		margin-left: 1%;
	}

	.tomenu {
		overflow: hidden;
	}

	.bracket {
		width: 100%;
	}

	/************************Page4,5,6,7,8 CSS Ends Here*************************/
	.glogo {
		width: 166px;
		float: left;
	}

	.bra1 {
		margin-left: 16px;
		float: left;
	}

	.bra2 {
		float: right;
	}

	.change1 .game-text h1 {
		width: 90%;
		padding-left: 3%;
		margin: 0 !important;
	}

	.bra {
		float: left;
		width: calc(100% - 166px);
	}

	.game-text h1 {
		line-height: 17px;
		letter-spacing: 1px;
		display: inline-block;
		vertical-align: top;
		padding-top: 4px;
	}
}





@media (min-width: 767px) {
	.main .col-lg-9 {
		width: 76%;
	}

	.main .col-lg-3 {
		width: 20%;
		margin-left: 2%;
		margin-right: 2%;
		padding: 0;
	}

	.main .col-lg-3.zo {
		width: 246px;
		margin-left: 0px;
	}

	.main .col-lg-9.zo1 {
		width: calc(100% - 265px);
		padding-right: 0px;
	}

	.main .col-lg-7.zo1 {
		padding-right: 0px;
	}

	.cards-list .col-md {
		padding: 0px 10px 0 0;
		width: 12.5%;
		flex: initial;
	}

	.bg {
		/* overscroll-behavior: none; */
		/* overflow-x: hidden; */
	}

	.modal-open.bg {
		padding-right: 0px !important
	}

	.p2 .rev_slider.slick-slider {
		height: 279px;
	}
	.glogo{
		width: 260px;
	}
	header .navbar-brand img {
		width: 130px;
	}

	#information h2 {
		font-size: 121px;
		opacity: 0.3;
		padding-left: 2%;
		line-height: 1.5;
		letter-spacing: 10px;
	}

	.navbar-expand-lg .navbar-collapse {
		margin-top: 18px;
		padding-bottom: 10px;
	}

	.main .container.py-5 {
		padding-top: 2.5rem !important;
	}

	.p7 .game-text h1 {
		line-height: 20px;
		letter-spacing: 1.25px;
		font-size: 12px;
		margin-left: 18px !important;
		margin-top: 0px !important;
	}
}

@media (min-width: 1600px) {
	.navbar>.container {
		width: 1230px;
	}
}


@media (min-width: 1365px) and (max-width: 1600px) {

	.top #news {
		width: 95%;
		padding-left: 12%;
		padding-right: 8%;
	}

	.top #information .container {
		max-width: 1000px;
	}

	.col-li {
		padding-left: 20px;
	}

	.navbar>.container {
		max-width: 1238px;
		width: 1238px;
	}

	.container0 {
		max-width: 1300px;
	}

	#blog.blo .container-fluid {
		margin-left: 10%;
	}

	#business-day .container {
		max-width: 1200px;
	}

	#business-day {
		margin-left: 9%;
	}

	#card-game .container {
		max-width: 1250px;
	}

	.main .container {
		max-width: 1268px;
		padding-bottom: 5rem !important;
	}
}

@media (min-width: 767px) and (max-width: 1366px) {
	.top section {
		min-width: 1366px;
	}

	.main,
	#footer .container,
	#card-game .container {
		min-width: 1366px;
	}

	.navbar>.container {
		max-width: 1232px;
		margin-left: 70px;

	}
}

@media screen and (max-width: 500px) {
	.card-texts {
		zoom: 0.99;
	}

	.sidebar {
		clip-path: polygon(0 0, 0% 100%, 96% 100%, 100% 95%, 100% 0);
	}

	.rbc {
		clip-path: polygon(0 0, 0% 100%, 96% 100%, 100% 95%, 100% 0);
	}

	.card-boxes-same2 {
		clip-path: polygon(0 -10%, 0% 100%, 94% 100%, 100% 95%, 100% -10%);
	}

	.p3 .card-boxes-same h2 {
		clip-path: polygon(0 28%, 5% 0%, 100% 0%, 100% 72%, 95% 100%, 0 100%);
	}

	.p4 .card-boxes-same h2 {
		clip-path: polygon(0 30%, 3% 0%, 100% 0%, 100% 72%, 97% 100%, 0 100%);
	}

	#blog .btn.w-100 {
		clip-path: polygon(0 14px, 14px 0%, 100% 0%, 100% 100%, 0% 100%);
	}

	#sitemap .btn.w-100 {
		clip-path: polygon(0 14px, 14px 0%, 100% 0%, 100% 100%, 0% 100%);
	}

	#cards-slider .btn-lg {
		clip-path: polygon(0 24%, 5% 0%, 100% 0%, 100% 100%, 0 100%);
	}

	.p7 .mix-content {
		clip-path: none;
	}

	.p7 .no-ope h1 {
		font-size: 17px;
	}


	.p8 input {
		border-radius: 0;
		clip-path: polygon(0 0, 100% 0%, 100% 74%, 97% 100%, 0% 100%);
	}

}

@media screen and (max-width: 495px) {
	.card-texts {
		zoom: 1;
		-moz-transform: scale(1, 1);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	#information::before {
		background: url(https://img.yuyu-tei.jp/images/common/back/information-bg.svg) no-repeat left 440%;
		background-size: 53%;
	}

}

@media screen and (max-width: 600px) {
	.card-texts {
		zoom: 0.99;
		-moz-transform: scale(0.99, 0.99);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	#information h2 {
		font-size: 65px;
	}

	#mobile-slider2 .game-text h1,
	.change1 .game-text h1 {
		line-height: 15px;
		font-size: 10px !important;
	}


	#mobile-slider2 .slick-list.draggable {
		padding-right: 112px !important;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(1) {
		right: 450px;
	}

	.rev_slider.slick-slider .slick-dots {
		right: 225px;
        
        width: 220px;
        text-align: center;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(2) {
		right: 190px;
	}
    

	#card-game .col-12 .d-flex {
		margin-left: 10%;
	}

	.p2 .main {
		margin-top: 70px;
	}

	.vertical-boxes .cards-new-stretch .img-fluid {
		width: 100%;
	}

	.m_rev h2 {
		bottom: 10px !important;
	}

	.zo {
		padding: 0 17%;
	}

	.change1 .game-text h1 {
		width: 86%;
	}
}




@media screen and (max-width: 400px) {
	.card-texts {
		zoom: 0.81;
		-moz-transform: scale(0.81, 0.81);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	#card-game a:nth-child(3),
	#card-game a:nth-child(7),
	#card-game a:nth-child(11),
	#card-game a:nth-child(15),
	#card-game a:nth-child(19),
	#card-game a:nth-child(23) {
		margin-left: 30px !important;
	}

	#information::before {
		background-size: auto;
	}

	#information h2 {
		font-size: 53px;
		font-weight: 500;
		margin-left: 30px;
	}

	#mobile-slider2 .game-text h1,
	.change1 .game-text h1 {

		line-height: 15px;
		font-size: 9px !important;
	}

	#mobile-slider2 .slick-list.draggable {
		padding-right: 95px !important;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(1) {
		right: 372px;
	}

	.rev_slider.slick-slider .slick-dots {
		right: 210px;
        
        width: 140px;
        text-align: center;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(2) {
		right: 150px;
	}
    
	#card-game .col-12 .d-flex {
		margin-left: 1%;
	}

	.main {}

	.p7 .lrc {
		padding: 10px 20px !important;
	}

	.m_rev h2 {
		bottom: 0px !important;
	}

}


@media screen and (max-width: 485px) {
	.card-texts {
		zoom: 0.98;
		-moz-transform: scale(0.98, 0.98);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	.m_rev h2 {
		font-size: 17px
	}
}

@media screen and (max-width: 480px) {
	.card-texts {
		zoom: 0.97;
		-moz-transform: scale(0.97, 0.97);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 475px) {
	.card-texts {
		zoom: 0.96;
		-moz-transform: scale(0.96, 0.96);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	.change1 .game-text h1 {
		width: 80%;
	}
}

@media screen and (max-width: 470px) {
	.card-texts {
		zoom: 0.95;
		-moz-transform: scale(0.95, 0.95);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 465px) {
	.card-texts {
		zoom: 0.94;
		-moz-transform: scale(0.94, 0.94);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 460px) {
	.card-texts {
		zoom: 0.93;
		-moz-transform: scale(0.93, 0.93);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 455px) {
	.card-texts {
		zoom: 0.92;
		-moz-transform: scale(0.92, 0.92);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 450px) {
	.card-texts {
		zoom: 0.91;
		-moz-transform: scale(0.91, 0.91);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

}

@media screen and (max-width: 445px) {
	.card-texts {
		zoom: 0.9;
		-moz-transform: scale(0.9, 0.9);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 440px) {
	.card-texts {
		zoom: 0.89;
		-moz-transform: scale(0.89, 0.89);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 435px) {
	.card-texts {
		zoom: 0.88;
		-moz-transform: scale(0.88, 0.88);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 430px) {
	.card-texts {
		zoom: 0.87;
		-moz-transform: scale(0.87, 0.87);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	#information::before {
		background: url(https://img.yuyu-tei.jp/images/common/back/information-bg.svg) no-repeat left bottom;
		background-size: 42%;
	}

	.rev_slider.slick-slider .slick-dots {
		right: 222px;
        
        width: 150px;
        text-align: center;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(1) {
		right: 380px;
	}
    
    .rev_slider.m_rev p {
        font-size: 12px !important;
    }
    
	#card-game .col-12 .d-flex {
		margin-left: 6%;
	}

	.zo {
		padding: 0 13%;
	}

	#power h3 {
		font-size: 16px;
	}
}

@media screen and (max-width: 425px) {
	.card-texts {
		zoom: 0.86;
		-moz-transform: scale(0.86, 0.86);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 420px) {
	.card-texts {
		zoom: 0.85;
		-moz-transform: scale(0.85, 0.85);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	.rev_slider.slick-slider .slick-dots {
		right: 220px;
        
        width: 150px;
        text-align: center;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(1) {
		right: 374px;
	}
    
    .rev_slider.m_rev p {
        font-size: 12px !important;
    }
    
	.m_rev h2 {

	}


}

@media screen and (max-width: 415px) {
	.card-texts {
		zoom: 0.84;
		-moz-transform: scale(0.84, 0.84);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	#card-game .col-12 .d-flex {
		margin-left: 2%;
	}
}

@media screen and (max-width: 410px) {
	.card-texts {
		zoom: 0.83;
		-moz-transform: scale(0.83, 0.83);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}
}

@media screen and (max-width: 405px) {
	.p7 .l_bord {
		height: 43px;
		width: 6px;
	}

	.card-texts {
		zoom: 0.82;
		-moz-transform: scale(0.82, 0.82);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	.change1 .game-text h1 {
		width: 74%;
	}
}

@media screen and (max-width: 395px) {
	.card-texts {
		zoom: 0.8;
		-moz-transform: scale(0.8, 0.8);
		-moz-transform-origin: left 208px;
		font-size: 11px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 11px !important;
	}

	.zo {
		padding: 0 10%;
	}
}

@media screen and (max-width: 390px) {
	.card-texts {
		zoom: 0.79;
		-moz-transform: scale(0.79, 0.79);
		-moz-transform-origin: left 205px;
		font-size: 11px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 11px !important;
	}

	#card-game .col-12 .d-flex {
		margin-left: 3%;
	}

}

@media screen and (max-width: 385px) {
	.card-texts {
		zoom: 0.78;
		-moz-transform: scale(0.78, 0.78);
		-moz-transform-origin: left 205px;
		font-size: 11px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 11px !important;
	}
}

@media screen and (max-width: 380px) {
	.card-texts {
		zoom: 0.77;
		-moz-transform: scale(0.77, 0.77);
		-moz-transform-origin: left 205px;
		font-size: 11px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 10px !important;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(1) {
		right: 340px;
	}

	.rev_slider.slick-slider .slick-dots {
		right: 185px;
        
        width: 150px;
        text-align: center;
	}
    
    .rev_slider.m_rev p {
        font-size: 12px !important;
    }

	#information::before {
		background-size: 40%;
	}

	#card-game .col-12 .d-flex {
		margin-left: 1%;
	}
    .rev_slider.m_rev p {
        font-size: 11px !important;
    }
}

@media screen and (max-width: 375px) {
	.card-texts {
		zoom: 0.76;
		-moz-transform: scale(0.76, 0.76);
		-moz-transform-origin: left 205px;
		font-size: 11px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 10px !important;
	}

	#card-game .col-12 .d-flex {
		margin-left: 0%;
	}

	.change1 .game-text h1 {
		font-size: 9px !important;
	}

	.p4 .change1 .game-text h1 {
		font-size: 9px !important;
		width: 70%;
		
	}
}

@media screen and (max-width: 370px) {
	.card-texts {
		zoom: 0.75;
		-moz-transform: scale(0.75, 0.75);
		-moz-transform-origin: left 205px;
		font-size: 10px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 11px !important;
	}

	#mobile-slider2 .game-text h1 {
		font-size: 8px !important;
	}

	#card-game a {
		width: 136px;
		background-position: -15px center!important;
	}


	.p7 .card-boxes-same h2 {
		font-size: 26px !important;
	}

	.rev_slider.slick-slider .slick-dots {
		right: 185px;
        
        width: 130px;
        text-align: center;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(1) {
		right: 320px;
	}
    
    .rev_slider.m_rev p {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 365px) {
	.card-texts {
		zoom: 0.74;
		-moz-transform: scale(0.74, 0.74);
		-moz-transform-origin: left 205px;
		font-size: 10px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 10px !important;
	}

	#card-game a {
		width: 130px;
	}
	.top .sub-bar .fs-6{
  font-size: 0.7rem !important;
}
}

@media screen and (max-width: 360px) {
	.card-texts {
		zoom: 0.73;
		-moz-transform: scale(0.73, 0.73);
		-moz-transform-origin: left 205px;
		font-size: 10px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 10px !important;
	}
}

@media screen and (max-width: 355px) {
	.card-texts {
		zoom: 0.72;
		-moz-transform: scale(0.72, 0.72);
		-moz-transform-origin: left 205px;
		font-size: 10px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 10px !important;
	}
	.change1 .game-text h1 {
	  font-size: 8px !important;
	}
}

@media screen and (max-width: 350px) {
	.card-texts {
		zoom: 0.71;
		-moz-transform: scale(0.71, 0.71);
		-moz-transform-origin: left 205px;
		font-size: 10px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 10px !important;
	}

	.rev_slider.slick-slider .slick-dots {
		right: 163px;
        
        width: 140px;
        text-align: center;
	}

	.rev_slider.slick-slider .slick-arrow:nth-of-type(2) {
		right: 120px;
	}
    
    .rev_slider.m_rev p {
        font-size: 10px !important;
    }

}

@media screen and (max-width: 345px) {
	.card-texts {
		zoom: 0.7;
		-moz-transform: scale(0.7, 0.7);
		-moz-transform-origin: left 205px;
		font-size: 10px !important;
		width: 103% !important;
	}

	.card-texts b {
		font-size: 10px !important;
	}
}

#roundSlider ul li div {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#roundSlider_icon ul {
	will-change:transform;
}



/******************************* scala-plyce fujii add ***************************/


/*============================================================
　共有設定　追加
============================================================*/

/* グラデーション 見出し */

.headline-gradation h3 {
	color: #FFF;
    font-size: 1.25rem;
	letter-spacing: 2px;
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
    
    margin-top: 20px;
    line-height: 1.2;
    
    padding-left:2.1rem;
    text-indent:-2.1rem;
    padding-right: 10px;
}

@media screen and (max-width: 760px) {
    .headline-gradation h3 {
        font-size: 1rem;
        padding-right: 5px;
    }
}

/* グラデーション 買取 見出し */

.headline-purple-gradation h3 {
	color: #FFF;
    font-size: 1.25rem;
	letter-spacing: 2px;
    
	background: #963bac;
	/* Old browsers */
	background: -moz-linear-gradient(left, #120a73 0%, #963bac 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #120a73 0%, #963bac 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #120a73 0%, #963bac 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#120a73', endColorstr='#963bac', GradientType=1);
	/* IE6-9 */
        
    margin-top: 20px;
    line-height: 1.2;
    
    padding-left:2.1rem;
    text-indent:-2.1rem;
    padding-right: 10px;
}

@media screen and (max-width: 760px) {
    .headline-purple-gradation h3 {
        font-size: 1rem;
        padding-right: 5px;
    }
}

/* 紺 見出し */

h3.headline-navyblue  {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.2;
    
    padding-left:2.1rem;
    text-indent:-2.1rem;
    padding-right: 0px;
}


/*文字サイズ*/

.fs-7 {
  font-size: 0.8rem!important
}

/*width*/

.w-10 {
  width: 10%!important
}

.w-20 {
  width: 20%!important
}

.w-80 {
  width: 80%!important
}

.w-5 {
  width: 5%!important
}

.w-95 {
  width: 95%!important
}

/* dangerカラー変更*/

.text-danger {
    color:#B80003 !important;
}

.border-danger {
  border-color: #B80003 !important;
}

/* border-primary color */

.border-primary {
    border-color: #001674 !important;
}

.border-purple {
    border-color: #4D208C !important;
}

/* bg-primary color */

.bg-primary4 {
	background: rgba(0, 22, 116, 0.1);
}

.bg-primary5 { 
	background-color: rgba(255,255,255,0.5);
}

.bg-purple { 
	background-color: #4D208C;
}

.bg-lightgray {
  background-color:#B1B1B1 !important;
}

.bg-gradation  {
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
}

/* 角度0 */

.radius0 {
	border-radius: 0 !important;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 100% 100%, 0% 100%) !important;
}

/*============================================================
　買取用　設定
============================================================*/

/* btn-purple color */

.btn-purple2 {
	background: #4D208C !important;
	color: #FFF !important;
}

/* 買取用　gradation */

.bg-gradients-purple {
	background: #963bac;
	/* Old browsers */
	background: -moz-linear-gradient(left, #120a73 0%, #963bac 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #120a73 0%, #963bac 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #120a73 0%, #963bac 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#120a73', endColorstr='#963bac', GradientType=1);
	/* IE6-9 */
}

/*============================================================
　白シンプル　ボタン
============================================================*/

.button-cart-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    margin:0 auto;
    padding: .6em 2em;
    border: 1px solid #001674;
    background-color: rgba(255,255,255,0.5);
    color: #001674;
    font-size: 1em;
}

/*============================================================
　select Ver2
============================================================*/

.select-cart-ver2 {
    position: relative;
    width: 100%;
}

.select-cart-ver2::before,
.select-cart-ver2::after {
    position: absolute;
    content: '';
    pointer-events: none;
}

.select-cart-ver2::before {
    right: 0;
    display: inline-block;
    width: 2.8em;
    height: 2.8em;
    background-color: #001674;
    content: '';
}

.select-cart-ver2::after {
    position: absolute;
    top: 50%;
    right: 1.4em;
    transform: translate(50%, -50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
}

.select-cart-ver2 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 80px;
    width: 100%;
    height: 2.8em;
    padding: .4em 3.6em .4em .8em;
    border: 1px solid #001674;
    color: #828282;
    font-size: 1em;
    cursor: pointer;
    background-color: #FFFFFF;
}

.select-cart-ver2 select:focus {
    outline: 1px solid #001674;
}


/*============================================================
　checkbox Ver2
============================================================*/

/* チェックボックス全体 */
.form-check2 {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
    padding-left: 27px;
    padding-top: 2px;
    font-weight: bold;
}

.form-check2 input {
    display: none;
}

/* チェックボックスのスタイル */
.form-check2 .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: #FFF;
    border: 1px solid #001674;
    box-sizing: border-box;
}

/* チェックマーク作成 */
.form-check2 .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 1px;
    width: 7px;
    height: 14px;
    border: 2px solid #FFF;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* チェック時のスタイル */
.form-check2 input:checked + .checkmark {
    background-color: #001674;
}

/* チェック時 チェックマーク表示 */
.form-check2 input:checked + .checkmark:after {
    display: block;
}


/*============================================================
　パンくず
============================================================*/

.breadcrumb {
    display: flex;
    list-style: none;
    padding: 0;
    font-size: .8em;
}

.breadcrumb li {
    display: flex;
    align-items: center;
	line-height: 1.5;
    font-weight: bold;
}

.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .5em;
    height: .5em;
    margin-left: 10px;
    margin-right: 10px;
    border-top: 1px solid #212529;
    border-right: 1px solid #212529;
    content: '';
}

.breadcrumb a {
    color: #2f38b1;
    text-decoration: none;
}

@media screen and (max-width: 760px) {
    .breadcrumb {
        display: flex;
        overflow-x: scroll;
        white-space: nowrap;
        flex-wrap:nowrap;
    }
}

/*============================================================
　外部リンク
============================================================*/

/*
a[href^="http"]:after,
a[href^="//"]:after {
    margin: 0 0 0 3px;
    font-family: "Font Awesome 5 Free";
    content: '\f35d';
    font-weight: 900;
}

a[href^="https://(*.?)yuyu-tei.jp/"]:after {
    margin: inherit;
    font-family: inherit;
    content: '';
    font-weight: inherit;
}
*/

/*
a[href^="https://yuyu-tei.jp/"]:after {
    margin: inherit;
    font-family: inherit;
    content: '';
    font-weight: inherit;
}
*/


/*============================================================
　フォーム
============================================================*/

/**** フォーム　横並 ****/

.form-row {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    display:-ms-flexbox;
    display: -webkit-flex;
}

/* スマホ縦並に */
@media screen and (max-width: 760px) {
	.form-row {
        display: block;
	}
}

/* フォーム　2列 */
@media (min-width:768px) {
    .col-md-55 {
    flex:0 0 auto;
    width:49.25%
    }
}

/* フォーム　2列 角調節 */
/*
.p8 input.radius0 {
	border-radius: 0;
	opacity: 0.8;
	clip-path: polygon(0 0, 100% 0%, 100% 74%, 98% 100%, 0% 100%) !important;
}
*/

/* フォーム　3列　TEL用 */
@media (min-width:768px) {
    .col-md-tel {
    flex:0 0 auto;
    width:30.17%
    }
}

/* フォーム　3列　TEL用 角調節 */
/*
.p8 input.radius0 {
	border-radius: 0;
	opacity: 0.8;
	clip-path: polygon(0 0, 100% 0%, 100% 74%, 97% 100%, 0% 100%);
}
*/

/*============================================================
　Thanks Ligo
============================================================*/

.bg-logo-thanks {
    background: url(https://img.yuyu-tei.jp/images/common/yuyutei-logo-l.svg) no-repeat center;
    background-size:70%;
    padding-top: 6rem;
    padding-bottom: 6rem;
    text-shadow: 1px 1px 0px rgb(255,255,255);
}

/*============================================================
　error page
============================================================*/

.p404 {
    font-size: 60px;
}


/*============================================================
　タイトルトップ
============================================================*/

/* スライサー text タイトル名 */
.slide-titlename {
    text-shadow:
        -1px -1px 0 #000000,
        -1px 0 0 #000000,
        -1px 1px 0 #000000,
        0 -1px 0 #000000,
        0 1px 0 #000000,
        1px -1px 0 #000000,
        1px 0 0 #000000,
        1px 1px 0 #000000;
}

/* スライサー 文言 */
.rev_slider a {
    text-decoration:none;
}

.slide-titletext {
	background: #a957e6;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2f38b1 0%, #a957e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, #2f38b1 0%, #a957e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f38b1', endColorstr='#a957e6', GradientType=1);
	/* IE6-9 */
    
    left:0px;
}


/*============================================================
　p3 シングル一覧
============================================================*/

/* モーダル　タイトル検索 */

.p3 .modal-dialog {
    max-width: 900px;
    margin: 5rem auto
}

.p3 .modal-body {
    height: 550px;
    max-height: 550px;
    overflow-y:scroll;
    padding: 0px;
}

/* 検索　タイトル一覧 */

.search-title-list input[type=checkbox] {
    display: none;
}

.search-title-list input[type="checkbox"]:checked + label {
    /*background: #3E82FF;*/
    background: #001674;
    color: #ffffff;
}

.search-title-list .label {
    cursor:pointer;
}

.search-title-list li label {
  display: block;
  width: 100%;
  height: 100%;
}

.search-title-list li div {
    border: 1px solid #001674;
}

/* 検索　ドロップダウン スクロール */

.dropdown-menu {
    overflow-y: auto;
    max-height: 400px;

}

/* 傷有レイヤー */

.item-img-dmg {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.product-img a:hover {
	opacity: 1;
}

/* sold-out 修正 */

.sold-out .btn {
    pointer-events: none;
    cursor: default;
}

.sold-out .product-img {
  background-color: #000000;
}

.sold-out .card {
  display: block;
  opacity: 0.7;
}

/* SP モーダル　タイトル検索 */
.p3 .ModalSearchSP .modal-dialog {
    margin: 1rem auto;
    height: 95%;
    max-height: 95%;
}

.p3 .ModalSearchSP .search-title-list input[type="checkbox"]:checked + label {
    border-radius: 0rem;
}

.p3 .ModalSearchSP .search-title-list li div {
    border: 0px;
}

.p3 .ModalSearchSP .modal-dialog-fluid {
    max-width: inherit;
    width: 90%;
}

/* SP radio 選択 */

.search-radio-tags {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
    flex-wrap:  wrap;
}

.search-radio-tags li {
    margin: 12px 2px;
}

.search-radio-tags label {
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #001674;
}

.search-radio-tags label input {
    display: none;
}

.search-radio-tags label span {
    border: 1px solid #333;
    padding: 5px 10px;
}

.search-radio-tags label input:checked + span {
    color: #FFF;
    background: #001674;
}

/* SP 選択肢の表示 */

details.search-list-selected li {
    display: inline;
    padding: 2px 8px;
    margin: 2px;
    background: #001674;
    color: #FFFFFF;
    line-height: 2.1em;
}

/*============================================================
　p4 詳細　
============================================================*/

/* 傷有レイヤー */

.p4 .item-img-dmg {
    position: absolute;
    width: 120px;
    height: 50%;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* SP 傷有レイヤー */

@media screen and (max-width: 760px) {
	.p4 .item-img-dmg {
        position: absolute;
        width: 25%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
	}
}

/*============================================================
　超買取
============================================================*/

.ultra-buy {
    z-index: 0;
    background: url("https://img.yuyu-tei.jp/images/common/back/news_bg.svg");
    width: 50%;
}

.ultra-buy:before {
    border-top:3px solid #001674;
    border-left:3px solid #001674;
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.ultra-buy:after {
    border-bottom:3px solid #001674;
    border-right:3px solid #001674;
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.ultra-buy .card-name {
    line-height: 1.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    
    height: 38px;
    max-height: 38px;
    
    bottom: 30%;
}


.ultra-buy .hold {
    position: absolute;
    transform: rotate(-35deg);
    transform-origin:top left;
    font-weight: bold;
    top:45%;
    left:5%;
    color: #FFF;
    font-size: 66px;
    
}

.ultra-buy .hold-img {
    filter: brightness(0.5);
}


@media only screen and (max-width: 760px) {
    
    .ultra-buy .card-name {
        font-size: 0.80rem!important;
        font-weight: bold;
        
        height: 33px;
        max-height: 33px;
    }
    
    .ultra-buy .card-price {
        font-size: 1.15rem!important;
    }
    
    .ultra-buy .btn {
        font-size: 0.8rem!important;
    }
    
    .ultra-buy .hold {
        top:40%;
        left:23%;
        font-size: calc(1.375rem + 1.5vw)!important
    }
    
    
}

/*============================================================
　ブログ 横スライサー
============================================================*/

.slicer-blog-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
  overflow: hidden;
    
    height: 70px;
}

.slicer-blog-cate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/*============================================================
　入力フォーム 共通セレクトボックス
============================================================*/

.combo-select, .adrs-select {
    -webkit-appearance: none;
    appearance: none;
    /* デフォルトの矢印を非表示 */
    border-radius: 0;
    height: 37px;
    padding-top: 0px;
    padding-left: 10px;
}

.combo-select::-ms-expand, .adrs-select::-ms-expand {
    display: none;
    /* デフォルトの矢印を非表示(IE用) */
}

/* セレクトボックスの矢印デザイン変更 */
.combo-select, .adrs-select {
    background-image: url('https://img.yuyu-tei.jp/images/common/btn-icon/select-arrow.svg');
    background-position: right 0px center;
    background-repeat: no-repeat;
    background-size: 35px 35px;
}

/*============================================================
　入力フォーム 国番号セレクトボックス
============================================================*/

.country-code-select {
    -webkit-appearance: none;
    appearance: none;
    /* デフォルトの矢印を非表示 */
    border-radius: 0;
    height: 37px;
    width: 200px;
    padding-top: 0px;
    padding-left: 10px;
}

.country-code-select::-ms-expand {
    display: none;
    /* デフォルトの矢印を非表示(IE用) */
}

/* セレクトボックスの矢印デザイン変更 */
.country-code-select {
    background-image: url('https://img.yuyu-tei.jp/images/common/btn-icon/select-arrow.svg');
    background-position: right 0px center;
    background-repeat: no-repeat;
    background-size: 35px 35px;
}

/*============================================================
　P6 M　一覧
============================================================*/

.ellipsis-releasedate {
    width: 140px;
    padding: 0px 2px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.height-itemname {
    height: 130px;
}

@media screen and (max-width: 768px) {
    .height-itemname {
        height: 68px;
    }
}

/*============================================================
　Cset
============================================================*/

.btn-cset .btn.w-100 {
	border-radius: 0px 0 0 0;
	clip-path: polygon(0 12px, 12px 0%, 100% 0%, 100% 100%, 0% 100%);
}

@media screen and (max-width: 500px) {
	.btn-cset .btn.w-100 {
		clip-path: polygon(0 14px, 14px 0%, 100% 0%, 100% 100%, 0% 100%);
	}
}

/*============================================================
　Blogスライサー　横スクロール対策
============================================================*/

#blog.news {
    overflow-x: hidden;
    overflow-y: hidden;
}

/*============================================================
　カード詳細画面　ヘッダー下の青背景メッセージ
============================================================*/

.detail-top-line {
	border-top: 4px solid #F4FBFE;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/*ツールチップ*/
.tooltipBlock {
    position: relative;
}
div#toolTip {
    display: none;
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: #545454;
    padding: 4px 12px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.8;
    animation: fadeIn 0.6s;
    color: #FFF;
    border-radius: 3px;
    filter: drop-shadow(0px 1px 4px #aaa);
}
div#toolTip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #545454;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/*
ツールチップ用ホバー
*/

.popup:hover + .mouseover__box{
	display: block;
}
.mouseover__box:hover{
	display: block;
}
.mouseover__box{
	z-index: 1;
	width: 450px;
	height: 600px;
	display: none;
	position: absolute;
	padding: 5px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.mouseover__box.clear-stop{
	display: block;
}
/*
ツールチップ用お気に入りボタン表示位置指定
*/
.tooltip-star {
	margin-right: 30px;
}

/*
カード詳細画面の下線部
*/
.detail-under-line{
	border-bottom: 1px solid #1f40b3;
}