@charset "UTF-8";


/*
■ 汎用
■ ヘッダー
■ リード
■ 各アイテム
■ 装飾
■ フッター
■ slick
*/



/* ■ 汎用 ==================================================================================== */

/*
横幅
アイテム名
ボタン
背景色
アニメーション
背景パララックス
*/


* {
min-width: 0;
min-height: 0;
}

#Wrapper {
display: none;
}


/* 横幅 --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.Width1 {
	margin: 0 20px;
	}

}

@media print, screen and (min-width: 768px) {

	.Width1 {
	max-width: 1050px;
	margin: 0 auto;
	}

	.Width2 {

	}

	.Width3 {
		
	}

}

@media print, screen and (min-width: 1090px) {


}


/* アイテム名 --------------------------------------------------- */

.InBox {
box-sizing: border-box;
}

@media only screen and (max-width: 767px) {

	.InBox {
	margin: 0 20px;
	}

}

@media only screen and (max-width: 372px) {



}

@media print, screen and (min-width: 768px) {
	
	.InBox {
	margin: 0 20px;
	}

}

@media print, screen and (min-width: 1090px) {

	.InBox {
	margin: 0 auto;
	}

}


/* 見出し --------------------------------------------------- */

h2.Mds,
h3.Mds {
font-weight: 500;
}


/* コピーライト --------------------------------------------------- */

.Copyright {
letter-spacing: 0.01em;
color: #000;
}

@media only screen and (max-width: 767px) {

	.Copyright {
	font-size: 67%;
	}

}

@media only screen and (max-width: 372px) {


}

@media print, screen and (min-width: 768px) {

	.Copyright {
	font-size: 74%;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* リンク --------------------------------------------------- */
.LinkLine {
display: inline-block;
color: #3dadd1 !important;
text-decoration: underline !important;
}


/* ボタン --------------------------------------------------- */

.Btn {
display: inline-block;
border: 1px solid #d9bb6d;
line-height: 1.0em;
text-align: center;
color: #d9bb6d !important;
}

.Btn span {
background: url(../img/common/Icon_Cart.png) no-repeat;
}

.BtnFwd {
position: relative;
}

.BtnFwd:after {
display: block;
position: absolute;
top: 50%;
right: 20px;
border-top: solid 3px;
border-right: solid 3px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: '';
}

@media only screen and (max-width: 767px) {

	.Btn {
	width: 100%;
	padding: 15px 70px 12px 70px;
	font-size: 120%;
	}

	.Btn span {
	padding-left: 22px;
	background-position: 0 3px;
	background-size: 15px auto;
	}

	.BtnFwd:after {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	}

}

@media print, screen and (min-width: 768px) {

	.Btn {
	padding: 12px 40px 11px 40px;
	font-size: 107%;
	}

	.Btn span {
	padding-left: 18px;
	background-position: 0 4px;
	background-size: 12px auto;
	}

	.BtnFwd:after {
	width: 16px;
	height: 16px;
	margin-top: -8px;
	}

}

@media print, screen and (min-width: 1090px) {

}


/* 終了ボタン --------------------------------------------------- */

.BtnEnd {
display: inline-block;
border-radius: 50px;
line-height: 1.0em;
font-weight: 700;
text-align: center;
color: #fff;
background: #473b00;
}

@media only screen and (max-width: 767px) {

	.BtnEnd {
	width: 100%;
	padding: 20px 0;
	}

}

@media print, screen and (min-width: 768px) {

	.BtnEnd {
	padding: 20px 70px;
	font-size: 147%;	
	}

}

@media print, screen and (min-width: 1090px) {

}


/* 背景色 --------------------------------------------------- */

.Bg1 {

}

.Bg2 {

}


/* 背景パララックス --------------------------------------------------- */

.Parallax {
width: 100%;
background-position: center center;
background-repeat: repeat-y;
background-size: cover;
}
	
@media only screen and (max-width: 767px) {

	.Parallax {
	padding: 125px 0;
	}

	.Parallax.BgItem1 {
	background-image: url(../img/item/Bg_Insert_SP.jpg);
	}	
					
}

@media only screen and (max-width: 372px) {


}

@media print, screen and (min-width: 768px) {

	.Parallax {
	padding: 200px 0;
	}

	.Parallax.BgItem1 {
	background-image: url(../img/item/Bg_Insert_PC.jpg);
	}	
				
}

@media print, screen and (min-width: 1090px) {
	
}



/* ■ ヘッダー ==================================================================================== */

#Header {
position: relative;
background: #c10e19;
}

#Header .Slider > li:not(:first-child) {
display: none;
}

@media only screen and (max-width: 767px) {

	#Header h1.Title {
	height: 225px;
	}	

	#Header h1.Title img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 210px;
	margin-left: -105px;
	margin-top: -50px;
	}

	#Header.After h1.Title img {
	animation-name: HeaderTitle;
	animation-timing-function: cubic-bezier(0.000, 0.130, 0.000, 0.995);
	animation-fill-mode: forwards;
	animation-duration: 1.5s;
	animation-delay: 1.0s;
	}
	
	@keyframes HeaderTitle {
		0% {
			top: 50%;
		}
		100% {
			top: 65px;
			margin-top: 0;
		}
	}

	.KeyVisual {
	opacity: 0;
	}

	#Header.After .KeyVisual {
	animation-name: HeaderKeyVisual;
	animation-fill-mode: forwards;
	animation-duration: 2.0s;
	animation-delay: 1.5s;
	}

	@keyframes HeaderKeyVisual {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

}

@media print, screen and (min-width: 768px) {

	#Header {
	height: 450px;
	}

	#Header h1.Title {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	margin-left: -100px;
	margin-top: -58px;
	}

	#Header.After h1.Title {
	animation-name: HeaderTitle;
	animation-timing-function: cubic-bezier(0.000, 0.130, 0.000, 0.995);
	animation-fill-mode: forwards;
	animation-duration: 1.5s;
	animation-delay: 1.0s;
	}
	
	@keyframes HeaderTitle {
		0% {
			left: 50%;
			margin-left: -174px;
		}
		100% {
			left: 8%;
			margin-left: 0;
		}
	}

	.KeyVisual {
	width: 57%;
	margin-left: auto;
	opacity: 0;
	}

	.KeyVisual img {
    max-width: 100%;
    max-height: 100%;
	height: 450px;
	object-fit: cover; 
	}

	#Header.After .KeyVisual {
	animation-name: HeaderKeyVisual;
	animation-fill-mode: forwards;
	animation-duration: 2.0s;
	animation-delay: 1.5s;
	}

	@keyframes HeaderKeyVisual {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

}

@media print, screen and (min-width: 1090px) {

	#Header {
	height: 100vh;
	}

	#Header h1.Title {
	width: 348px;
	margin-left: -174px;
	margin-top: -84px;
	}

	@keyframes HeaderTitle {
		0% {
			left: 50%;
			margin-left: -174px;
		}
		100% {
			left: 10%;
			margin-left: 0;
		}
	}

	.KeyVisual img {
    height: 100vh;
	}

	
}



/* ■ リード ==================================================================================== */

.SectionLead .Icon35th {
text-align: center;
}

.SectionLead h2.Mds {
font-weight: 700;
color: #f091a7;
}

@media only screen and (max-width: 767px) {

	.SectionLead {
	padding: 8% 15px 10% 15px;
	}

	.SectionLead .Icon35th {
	margin-bottom: 20px;
	}

	.SectionLead .Icon35th img {
	width: 186px;
	height: auto;
	}
	
	.SectionLead h2.Mds {
	margin-bottom: 15px;
	font-size: 140%;
	text-align: center;
	line-height: 1.6em !important;
	}

	.SectionLead .Lead1 {
	line-height: 2.0em;
	}
							
	.SectionLead .ListKomeAlertS {
	margin-top: 10px;
	margin-bottom: 20px;
	}	

}

@media only screen and (max-width: 372px) {

	.SectionLead h2.Mds {
	font-size: 127%;
	}
		
}

@media print, screen and (min-width: 768px) {

	.SectionLead {
	max-width: 920px;
	margin: 0 auto;
	padding: 5% 30px 8% 30px;
	}

	.SectionLead .Icon35th {
	margin-bottom: 30px;
	}

	.SectionLead .Icon35th img {
	width: 276px;
	height: auto;
	}

	.SectionLead h2.Mds {
	margin-bottom: 25px;
	font-size: 225%;
	text-align: center;
	line-height: 1.5em !important;
	}

	.SectionLead .Lead1 {
	font-size: 107%;
	line-height: 2.0em;
	}	

	.SectionLead .ListKomeAlertS {
	width: 60%;
	margin: 15px auto 0 auto;
	}	
}

@media print, screen and (min-width: 1090px) {

	.SectionLead h2.Mds {
	font-size: 240%;
	line-height: 1.9em;
	}
	
}


/* ■ 各アイテム ==================================================================================== */

.SectionItems .TitleUnit h2.Mds,
.SectionItems .TitleUnit h3.Mds {
font-weight: 700;
letter-spacing: 0.08em;
text-align: center;
}

.SectionEachItem a {
display: block;
}

.SectionItems .DetailBox ul {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}

.SectionEachItem .ItemName {
font-weight: 500;
text-align: center;
}

.SectionEachItem .Price {
font-weight: 500;
text-align: center;
}
	
.SectionEachItem .BtnBuy a {
margin: 0 auto 0 auto;
border-radius: 25px;
box-sizing: border-box;
background: #fff;
font-weight: 700;
color: #000;
text-align: center;
line-height: 1.0em;
letter-spacing: 0.1em;
}

.SectionEachItem .BtnBuySold a {
margin: 0 auto 0 auto;
border-radius: 25px;
box-sizing: border-box;
background: #fff;
font-weight: 700;
color: #000;
text-align: center;
line-height: 1.0em;
letter-spacing: 0.1em;
}

.SectionEachItem .BtnBuy span {
display: inline-block;
color: #000;
}

.SectionEachItem .BtnBuySold span {
display: inline-block;
color: #000;
}

		
@media only screen and (max-width: 767px) {

	.SectionItems {
	padding: 12% 0 14% 0;
	}

	.SectionItems .TitleUnit h2.Mds {
	margin-bottom: 15px;
	font-size: 174%;
	line-height: 1.4em !important;
	}

	.SectionItems .TitleUnit .IconMdsMain {
	margin-bottom: 15px;
	}

	.SectionItems .TitleUnit h3.Mds {
	margin-bottom: 15px;
	font-size: 134%;
	line-height: 1.7em;
	}
		
	.SectionEachItem .ItemMain {
	margin-bottom: 25px;
	}

	.SectionEachItem .ItemName {
	font-size: 87%;
	font-weight: 700;
	}
				
	.SectionEachItem .Price {
	font-size: 87%;
	}
	
	.SectionEachItem .Price small {
	font-size: 80%;
	}

	.SectionEachItem .BtnBuy a {
	width: 60%;
	margin-top: 15px;
	padding: 8px 0 10px 0;
	border: 2px solid #000;
	font-size: 140%;
	}

	.SectionEachItem .BtnBuySold a {
	width: 60%;
	margin-top: 15px;
	padding: 8px 0 10px 0;
	border: 2px solid #000;
	font-size: 140%;
	}

	.SectionEachItem .BtnBuy span {
	padding-top: 3px;
	padding-left: 22px;
	background: url(../img/common/Icon_Cart.png) no-repeat;
	background-position: 0 60%;
	background-size: 17px auto;
	}		

	.SectionEachItem .BtnBuySold span {
	padding-top: 3px;
	}		

	/* デティール画像 */
	.SectionItems .DetailBox.SP {
	margin-top: 15%;
	}
			
	.SectionItems .DetailBox.SP li:nth-child(1) {
	margin-bottom: 1%
	}			

	.SectionItems .DetailBox.SP li:nth-child(2) {
	width: 49.5%;
	margin-bottom: 1%
	}

	.SectionItems .DetailBox.SP li:nth-child(3) {
	width: 49.5%;
	margin-bottom: 1%
	}			
						
}

@media only screen and (max-width: 372px) {

	.SectionItems .TitleUnit h3.Mds {
	font-size: 120%;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionItems {
	padding: 8% 0;
	}

	.SectionItems .TitleUnit {
	margin-bottom: 30px;
	}	
		
	.SectionEachItem .ItemMain {
	width: 65%;
	margin: 0 auto;
	}			
	
	.SectionItems .LeadTitle {
	width: 76%;
	margin: 0 auto;
	}	
		
	.SectionItems .TitleUnit h2.Mds {
	margin-bottom: 15px;
	font-size: 268% !important;
	text-align: center;
	}

	.SectionItems .TitleUnit h3.Mds {
	margin-bottom: 15px;
	font-size: 200%;
	text-align: center;
	}
	
	.SectionEachItem .ItemName {
	font-size: 134%;
	}

	.SectionEachItem .Price {
	font-size: 134%;
	}
				
	.SectionEachItem .Price small {
	font-size: 60%;
	}
	
	.SectionEachItem .BtnBuy a {
	width: 250px;
	margin-top: 20px;
	padding: 8px 0 11px 0;
	border: 3px solid #000;
	font-size: 160%;
	}

	.SectionEachItem .BtnBuySold a {
	width: 250px;
	margin-top: 20px;
	padding: 8px 0 11px 0;
	border: 3px solid #000;
	font-size: 160%;
	}

	.SectionEachItem .BtnBuy span {
	padding-top: 4px;
	padding-left: 22px;
	background: url(../img/common/Icon_Cart.png) no-repeat;
	background-position: 0 50%;
	background-size: 20px auto;
	color: #000;
	}	
			
	.SectionEachItem .BtnBuySold span {
	padding-top: 4px;
	color: #000;
	}	

	/* 左右ボックス個別設定 */
	.SectionEachItem.R {
	flex-direction: row-reverse;
	}

	/* デティール画像 */
	.SectionItems .DetailBox.PC {
	margin-top: 8%;
	}
			
	.SectionItems .DetailBox.PC li:nth-child(1) {
	width: 32.5%;
	margin-bottom: 1%
	}			

	.SectionItems .DetailBox.PC li:nth-child(2) {
	width: 66.5%;
	margin-bottom: 1%
	}

	.SectionItems .DetailBox.PC li:nth-child(3) {
	width: 66.5%;
	}			

	.SectionItems .DetailBox.PC li:nth-child(4) {
	width: 32.5%;
	}		
}

@media print, screen and (min-width: 1090px) {
		
	.SectionEachItem h3.Mds {
	margin-bottom: 10%;
	font-size: 400%;
	}

	.SectionEachItem .LeadBox {
	margin-bottom: 20%;
	}
			
}


/* WEB受注限定のスペシャルハット！（Cate1） --------------------------------------------------- */

.SectionItems#Cate1 .TitleUnit h2.Mds  {
text-align: center;
line-height: 1.0em;
}

.SectionItems#Cate1 .IconMdsUnit {
position: relative;
}

@media only screen and (max-width: 767px) {

	.SectionItems#Cate1 {
	background: url(../img/common/Bg_SP1.jpg) repeat-y center top;
	background-size: 100% auto;
	}

	.SectionItems#Cate1 .IconMdsUnit {
	margin-bottom: 20px;
	}
	
	.SectionItems#Cate1 .IconMdsUnit h2.Mds img {
	width: 289px;
	}

	.SectionItems#Cate1 .IconMdsUnit .Icon {
	position: absolute;
	left: 50%;
	top: 20%;
	width: 302px;
	margin-left: -151px;
	}

	.SectionItems#Cate1 .IconMdsUnit .Icon.Animated {
	animation-name: MarukoIcon;
	animation-timing-function: cubic-bezier(0.000, 0.130, 0.000, 0.995);
	animation-fill-mode: forwards;
	animation-duration: 1.0s;
	animation-delay: 1.0s;
	}
	
	@keyframes MarukoIcon {
		0% {
			transform: translate(0,0) scale(1);
		}
		100% {
			transform: translate(-120px,-60px) scale(0.3);
		}
	}

	.SectionItems#Cate1 .IconMdsUnit .Photo {
	width: 268px;
	margin: 0 auto;
	transform: scale(0,0) rotate(0);
	opacity: 0;
	}

	.SectionItems#Cate1 .IconMdsUnit .Photo.Animated {
	animation-name: MarukoPhoto;
	animation-timing-function: cubic-bezier(0.000, 0.130, 0.000, 0.995);
	animation-fill-mode: forwards;
	animation-duration: 0.5s;
	animation-delay: 1.25s;
	}
	
	@keyframes MarukoPhoto {
		0% {
			opacity: 0;
			transform: scale(0,0) rotate(0);
		}
		100% {
			opacity: 1;
			transform: scale(1,1) rotate(15deg) translate(30px,-20px);
		}
	}		

	.SectionItems#Cate1 .TitleUnit h3.Mds {
	margin-bottom: 10px;
	font-size: 134%;
	line-height: 1.6em;
	}	

	.SectionItems#Cate1 .TitleUnit .ListKomeAlertS {
	margin-top: 10px;
	margin-bottom: 20px;
	}	

}

@media only screen and (max-width: 372px) {

}

@media print, screen and (min-width: 768px) {

	.SectionItems#Cate1 {
	padding: 80px 0 130px 0;
	background: url(../img/common/Bg_PC1.jpg) repeat-y center top;
	background-size: 100% auto;
	}

	.SectionItems#Cate1 .TitleUnit {
	margin-bottom: 60px;
	}

	.SectionItems#Cate1 .IconMdsUnit {
	margin-bottom: 90px;
	}
	
	.SectionItems#Cate1 .IconMdsUnit h2.Mds img {
	width: 577px;
	}

	.SectionItems#Cate1 .IconMdsUnit .Icon {
	position: absolute;
	left: 50%;
	top: 20%;
	width: 606px;
	margin-left: -303px;
	}

	.SectionItems#Cate1 .IconMdsUnit .Icon.Animated {
	animation-name: MarukoIcon;
	animation-timing-function: cubic-bezier(0.000, 0.130, 0.000, 0.995);
	animation-fill-mode: forwards;
	animation-duration: 1.0s;
	animation-delay: 1.0s;
	}
	
	@keyframes MarukoIcon {
		0% {
			transform: translate(0,0) scale(1);
		}
		100% {
			transform: translate(-320px,-110px) scale(0.3);
		}
	}

	.SectionItems#Cate1 .IconMdsUnit .Photo {
	width: 508px;
	margin: 0 auto;
	transform:  scale(0,0) rotate(0);
	opacity: 0;
	}

	.SectionItems#Cate1 .IconMdsUnit .Photo.Animated {
	animation-name: MarukoPhoto;
	animation-timing-function: cubic-bezier(0.000, 0.130, 0.000, 0.995);
	animation-fill-mode: forwards;
	animation-duration: 0.5s;
	animation-delay: 1.25s;
	}
	
	@keyframes MarukoPhoto {
		0% {
			opacity: 0;
			transform: scale(0,0) rotate(0);
		}
		100% {
			opacity: 1;
			transform: scale(1,1) rotate(15deg);
		}
	}

	.SectionItems#Cate1 .TitleUnit h3.Mds {
	margin-bottom: 40px;
	font-size: 200%;
	line-height: 1.0em;
	}

	.SectionItems#Cate1 .TitleUnit .ListKomeAlertS {
	width: 36%;
	margin: 15px auto 0 auto;
	}

}

@media print, screen and (min-width: 1090px) {
		
}


/* Cate2・Cate3 共通 --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.SectionItems#Cate1 .SectionEachItem .InfoWrap {
	margin-top: 40px;
	}

	.SectionItems#Cate2 .SectionEachItem .InfoWrap,
	.SectionItems#Cate3 .SectionEachItem .InfoWrap {
	margin-top: 20px;
	}

}

@media only screen and (min-width: 768px) {
	
	.SectionItems#Cate2 .SectionEachItem .ItemMain,
	.SectionItems#Cate3 .SectionEachItem .ItemMain {
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	}

	.SectionItems#Cate2 .SectionEachItem.L .ItemMain,
	.SectionItems#Cate3 .SectionEachItem.L .ItemMain {
	flex-direction: row;
	margin-right: -6%;
	}
	
	.SectionItems#Cate2 .SectionEachItem.R .ItemMain,
	.SectionItems#Cate3 .SectionEachItem.R .ItemMain {
	flex-direction: row-reverse;
	margin-left: -6%;
	}		

	.SectionItems#Cate2 .SectionEachItem .PhotoWrap,
	.SectionItems#Cate3 .SectionEachItem .PhotoWrap {
	width: 60%;
	}

	.SectionItems#Cate2 .SectionEachItem .InfoWrap, 
	.SectionItems#Cate2 .SectionEachItem .InfoWrap {
	width: 40%;
	}

	.SectionItems#Cate2 .SectionEachItem.L .PhotoWrap,
	.SectionItems#Cate3 .SectionEachItem.L .PhotoWrap {
	padding: 0 3% 0 0;
	}

	.SectionItems#Cate2 .SectionEachItem.R .PhotoWrap,
	.SectionItems#Cate3 .SectionEachItem.R .PhotoWrap {
	padding: 0 0 0 3%;
	}		

}

/* 総柄バケットハット（Cate2） --------------------------------------------------- */

.SectionItems#Cate2 .InBox {
position: relative;
}

.SectionItems#Cate2 .Character {
position: absolute;
}

.SectionItems#Cate2 .TitleUnit h2.Mds {
color: #f091a7;
}
	
@media only screen and (max-width: 767px) {

	.SectionItems#Cate2 {
	background: #fff;
	}	

	.SectionItems#Cate2 .Character1 {
	top: 0;
	left: 1.5%;
	}	

	.SectionItems#Cate2 .Character1 img {
	width: 45px;
	height: auto;
	}

	.SectionItems#Cate2 .Character2 {
	top: -0.5%;
	right: 2%;
	}	

	.SectionItems#Cate2 .Character2 img {
	width: 40px;
	height: auto;
	}	
	
	.SectionItems#Cate2 .Character3 {
	top: 19%;
	right: 0;
	}	

	.SectionItems#Cate2 .Character3 img {
	width: 53px;
	height: auto;
	}	
	
	.SectionItems#Cate2 .Character4 {
	top: 34%;
	left: 1.5%;
	}	

	.SectionItems#Cate2 .Character4 img {
	width: 55px;
	height: auto;
	}	
	
	.SectionItems#Cate2 .Character5 {
	top: 46.5%;
	right: 1.5%;
	}	

	.SectionItems#Cate2 .Character5 img {
	width: 52px;
	height: auto;
	}

	.SectionItems#Cate2 .Character6 {
	top: 66%;
	left: 0;
	}	

	.SectionItems#Cate2 .Character6 img {
	width: 50px;
	height: auto;
	}	

	.SectionItems#Cate2 .Character7 {
	top: 40%;
	left: 3.5%;
	}	

	.SectionItems#Cate2 .Character7 img {
	width: 65px;
	height: auto;
	}

	.SectionItems#Cate2 .Character8 {
	top: 64.5%;
	left: 0.5%;
	}	

	.SectionItems#Cate2 .Character8 img {
	width: 55px;
	height: auto;
	}

	.SectionItems#Cate2 .SectionEachItemKids .InfoWrap {
	margin-top: -30px;
	}
		
}

@media only screen and (max-width: 372px) {

	.SectionItems#Cate2 .Character img {
	width: 35px !important;
	height: auto;
	}
	
	.SectionItems#Cate2 .Character3 {
	top: 22%;
	right: 0;
	}

	.SectionItems#Cate2 .Character4 {
	top: 36%;
	}	

}

@media print, screen and (min-width: 768px) {

	.SectionItems#Cate2 {
	background: #fff;
	}

	.SectionItems#Cate2 .Character1 {
	top: 0;
	left: 1%;
	}	

	.SectionItems#Cate2 .Character1 img {
	width: 55px;
	height: auto;
	}

	.SectionItems#Cate2 .Character2 {
	top: 0;
	right: 1%;
	}	

	.SectionItems#Cate2 .Character2 img {
	width: 45px;
	height: auto;
	}	
	
	.SectionItems#Cate2 .Character3 {
	top: 12%;
	left: 1%;
	}	

	.SectionItems#Cate2 .Character3 img {
	width: 58px;
	height: auto;
	}	
	
	.SectionItems#Cate2 .Character4 {
	top: 13%;
	right: 1.5%;
	}	

	.SectionItems#Cate2 .Character4 img {
	width: 60px;
	height: auto;
	}	
	
	.SectionItems#Cate2 .Character5 {
	top: 38%;
	right: 8%;
	}	

	.SectionItems#Cate2 .Character5 img {
	width: 62px;
	height: auto;
	}

	.SectionItems#Cate2 .Character6 {
	top: 62%;
	right: 8%;
	}	

	.SectionItems#Cate2 .Character6 img {
	width: 52px;
	height: auto;
	}	

	.SectionItems#Cate2 .Character7 {
	top: 42%;
	left: 2.5%;
	}	

	.SectionItems#Cate2 .Character7 img {
	width: 65px;
	height: auto;
	}

	.SectionItems#Cate2 .Character8 {
	top: 66%;
	left: 2%;
	}	

	.SectionItems#Cate2 .Character8 img {
	width: 50px;
	height: auto;
	}
		
}

@media print, screen and (min-width: 1090px) {

	.SectionItems#Cate2 .Character1 {
	top: 0;
	left: 3.5%;
	}	

	.SectionItems#Cate2 .Character1 img {
	width: 65px;
	height: auto;
	}			

	.SectionItems#Cate2 .Character2 {
	top: 0;
	right: 3.5%;
	}	

	.SectionItems#Cate2 .Character2 img {
	width: 55px;
	height: auto;
	}	
	
	.SectionItems#Cate2 .Character3 {
	top: 8%;
	left: 2%;
	}	

	.SectionItems#Cate2 .Character3 img {
	width: 75px;
	height: auto;
	}	
	
	.SectionItems#Cate2 .Character4 {
	top: 13%;
	right: 3.5%;
	}	

	.SectionItems#Cate2 .Character4 img {
	width: 75px;
	height: auto;
	}	
	
	.SectionItems#Cate2 .Character5 {
	top: 34%;
	right: 8%;
	}	

	.SectionItems#Cate2 .Character5 img {
	width: 75px;
	height: auto;
	}

	.SectionItems#Cate2 .Character6 {
	top: 61%;
	right: 8%;
	}	

	.SectionItems#Cate2 .Character6 img {
	width: 68px;
	height: auto;
	}	

	.SectionItems#Cate2 .Character7 {
	top: 40%;
	left: 3.5%;
	}	

	.SectionItems#Cate2 .Character7 img {
	width: 65px;
	height: auto;
	}

	.SectionItems#Cate2 .Character8 {
	top: 64.5%;
	left: 0.5%;
	}	

	.SectionItems#Cate2 .Character8 img {
	width: 60px;
	height: auto;
	}

}


/* 作品のイメージをCA4LAの人気アイテムで表現（Cate3） --------------------------------------------------- */

.SectionItems#Cate3 .TitleUnit {
color: #fff;
}

.SectionItems#Cate3 .IconMdsMain {
text-align: center;
}

.SectionItems#Cate3 .TitleUnit h2.Mds {
color: #e0bf4b !important;
}	

.SectionItems#Cate3 .SectionEachItem {
color: #fff;
}		

@media only screen and (max-width: 767px) {

	.SectionItems#Cate3 {
	background: url(../img/item/cate3/Bg_SP.jpg) repeat-y center top;
	background-size: 100% auto;
	}	

	.SectionItems#Cate3 .TitleUnit .IconMdsMain img {
	width: 50%;
	height: auto;
	}	

}

@media only screen and (max-width: 372px) {



}

@media print, screen and (min-width: 768px) {

	.SectionItems#Cate3 {
	background: url(../img/item/cate3/Bg_PC.jpg) repeat-y center top;
	background-size: 100% auto;
	}

	.SectionItems#Cate3 .TitleUnit .IconMdsMain {
	margin-bottom: 15px;
	}

	.SectionItems#Cate3 .TitleUnit .IconMdsMain img {
	width: 205px;
	height: auto;
	}
		
}

@media print, screen and (min-width: 1090px) {
		
}

/* ■ 注意書き ==================================================================================== */

.SectionAlert {
padding: 20px 0 25px 0;
}

.SectionAlert h2.Mds {
font-weight: 700;
color: #f091a7;
}

@media only screen and (max-width: 767px) {

	.SectionAlert {
	padding: 8% 15px 10% 15px;
	}

	.SectionAlert .Icon35th {
	margin-bottom: 20px;
	}

	.SectionAlert .Icon35th img {
	width: 186px;
	height: auto;
	}
	
	.SectionAlert h2.Mds {
	margin-bottom: 15px;
	font-size: 140%;
	text-align: center;
	line-height: 1.6em !important;
	}

	.SectionAlert .Lead1 {
	line-height: 2.0em;
	}
							
	.SectionAlert .ListKomeAlertS {
	margin-top: 10px;
	margin-bottom: 20px;
	}	

}

@media only screen and (max-width: 372px) {

	.SectionAlert h2.Mds {
	font-size: 127%;
	}
		
}

@media print, screen and (min-width: 768px) {

	.SectionAlert {
	max-width: 920px;
	margin: 0 auto;
	padding: 2% 30px 3% 30px;
	}

	.SectionAlert .Icon35th {
	margin-bottom: 30px;
	}

	.SectionAlert .Icon35th img {
	width: 276px;
	height: auto;
	}

	.SectionAlert h2.Mds {
	margin-bottom: 25px;
	font-size: 225%;
	text-align: center;
	line-height: 1.5em !important;
	}

	.SectionAlert .Lead1 {
	font-size: 107%;
	line-height: 2.0em;
	}	

	.SectionAlert .ListKomeAlertS {
	width: 55%;
	margin: 15px auto 0 auto;
	}	
}

@media print, screen and (min-width: 1090px) {

	.SectionAlert h2.Mds {
	font-size: 240%;
	line-height: 1.9em;
	}
	
}


	
/* ■ 作品紹介 ==================================================================================== */

.SectionIntro h2.Mds {
color: #f091a7;
line-height: 1.0em;
}

.SectionIntro .InBox {
box-sizing: border-box;
background: #fff;
}

@media only screen and (max-width: 767px) {

	.SectionIntro {
	padding: 40px 0 35px 0;
	background: url(../img/common/Bg_SP1.jpg) repeat-y center top;
	background-size: 100% auto;
	}

	.SectionIntro .InBox {
	padding: 30px 20px;
	border-radius: 12.5px;
	border: 2.5px solid #f091a7;
	}

	.SectionIntro h2.Mds {
	font-size: 120% !important;
	text-align: center;
	}

	.SectionIntro .IntroUnit .Lead1 {
	font-size: 87%;
	line-height: 2.0em;
	}

	.SectionIntro .IntroUnit .ListLink {
	margin-top: 15px;
	font-size: 80%;
	}	
	
}

@media only screen and (max-width: 372px) {



}

@media print, screen and (min-width: 768px) {

	.SectionIntro {
	padding: 85px 0 70px 0;
	background: url(../img/common/Bg_PC1.jpg) repeat-y center top;
	background-size: cover;
	}

	.SectionIntro .InBox {
	padding: 65px 60px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 20px;
	border: 4px solid #f091a7;
	}

	.SectionIntro h2.Mds {
	margin-bottom: 25px;
	font-size: 160% !important;
	}

	.SectionIntro .IntroUnit {
	display: table;
	}

	.SectionIntro .IntroUnit .Photo,
	.SectionIntro .LeadUnit {
	display: table-cell;
	vertical-align: top;
	}

	.SectionIntro .IntroUnit .Photo {
	width: 32%;
	}

	.SectionIntro .IntroUnit .LeadUnit {
	width: 68%;
	padding-right: 2%;
	}

	.SectionIntro .IntroUnit .ListLink {
	margin-top: 20px;
	font-size: 87%;
	}	
		
}


@media print, screen and (min-width: 1090px) {


}



/* ■ フッター ==================================================================================== */

/*
フッターセクション
SNSシェアボタン
ロゴ
オフィシャルSNS
Footer
ページの先頭へ
*/


/* フッターセクション --------------------------------------------------- */

	
@media only screen and (max-width: 767px) {

	.FooterWrap {
	margin-top: 8%;
	}
		
}

@media print, screen and (min-width: 768px) {

	.FooterWrap {
	margin-top: 3%;
	}
		
}

@media print, screen and (min-width: 1090px) {

}


/* ロゴ --------------------------------------------------- */

#Logo {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#Logo {
	margin-bottom: 30px;
	}

	#Logo img {
	width: 120px;
	height: auto;
	}
	
}

@media print, screen and (min-width: 768px) {

	#Logo {
	margin-bottom: 30px;
	}

	#Logo img {
	width: 140px;
	height: auto;
	}
	
}


/* オフィシャルSNS --------------------------------------------------- */

#OfficialSNS {
text-align: center;
}

@media only screen and (max-width: 767px) {

	#OfficialSNS {
	margin-bottom: 20px;
	}
	
	#OfficialSNS ul li {
	display: inline;
	margin: 0 10px;
	}
	
	#OfficialSNS ul li img {
	width: 30px;
	height: auto;
	}

}

@media print, screen and (min-width: 768px) {

	#OfficialSNS {
	margin-bottom: 30px;
	}
	
	#OfficialSNS li {
	display: inline;
	margin: 0 15px;
	}
	
	#OfficialSNS li img {
	width: 26px;
	height: auto;
	}

}


/* Footer --------------------------------------------------- */

#Footer .Copyright {
font-size: 67%;
text-align: center;
}

@media only screen and (max-width: 767px) {

	#Footer {
	padding-bottom: 20px;
	}
	
	#Footer .Copyright {
	}

}

@media print, screen and (min-width: 768px) {

	#Footer {
	padding-bottom: 40px;
	text-align: center;
	}
	
}


/* ページの先頭へ --------------------------------------------------- */

#PageTop {
display: none;
position: fixed;
z-index: 10000;
opacity: 0.7;
}

@media only screen and (max-width: 767px) {

	#PageTop {
	bottom: 10px;
	right: 10px;
	}

	#PageTop {
	width: 40px;
	}

}

@media print, screen and (min-width: 768px) {

	#PageTop {
	bottom: 20px;
	right: 20px;
	}
	
}


/* ■ slick ==================================================================================== */

.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);
}

.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;

    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;
}

.slick-arrow:before{
	content:"" !important;
}

/* 装飾 -------------------------------------- */

/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 35px;
}

.slick-dots {
position: absolute;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

@media only screen and (max-width: 767px) {

	.slick-dots {
	margin-left: 9px;
	bottom: -15px;
	}

	.SectionItems#Cate1 .slick-dots {
	bottom: -40px;
	}

	.slick-dotted.slick-slider {
	margin-bottom: 0;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionItems#Cate1 .slick-dots {
	margin-bottom: 45px;
	bottom: -80px;
	}

	.SectionItems#Cate2 .slick-dots {
	bottom: -10px !important;
	}
	
	.SectionItems#Cate3 .slick-dots {
	bottom: -10px !important;
	}
	
}

.slick-slider .slick-dots li {
float: none;
position: relative;
display: inline-block;
width: 20px;
height: 30px;
margin: 0;
padding: 0;
vertical-align: top;
cursor: pointer;
}

@media print, screen and (min-width: 768px) {

	.slick-slider .slick-dots li {
	width: 30px !important;
	}
			
}


.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 30px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}

.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
border-radius: 100%;
content: '';
text-align: center;
opacity: 1;
/* color: #fff; */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* background: #fff; */
}

.SectionItems#Cate1 .slick-dots li button:before,
.SectionItems#Cate2 .slick-dots li button:before  {
border: 1px #f091a7 solid;
color: #f091a7;	
}

.SectionItems#Cate3 .slick-dots li button:before  {
border: 1px #e0bf4b solid;
color: #e0bf4b;	
}

@media print, screen and (min-width: 768px) {

	.slick-dots li button:before {
	font-size: 1;
	line-height: 1;
	width: 12px;
	height: 12px;
	}
			
}

.slick-dots li.slick-active button:before {
opacity: 1;
}

.SectionItems#Cate1 .slick-dots li.slick-active button:before,
.SectionItems#Cate2 .slick-dots li.slick-active button:before {
background: #f091a7;
color: #f091a7;	
}

.SectionItems#Cate3 .slick-dots li.slick-active button:before {
background: #e0bf4b;
color: #e0bf4b;	
}

user agent stylesheet
button {
appearance: auto;
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
color: -internal-light-dark(black, white);
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: center;
align-items: flex-start;
cursor: default;
background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
box-sizing: border-box;
margin: 0em;
font: 400 13.3333px Arial;
padding: 1px 6px;
border-width: 2px;
border-style: outset;
border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
border-image: initial;
}


/* Arrow（矢印ボタン） */
.slick-prev {
    left: 50px !important;
}

.slick-next {
    right: 50px !important;
}

.slick-prev,
.slick-next
{
    z-index: 100;
}

.slick-arrow:before {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
content: "" !important;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}

@media only screen and (max-width: 767px) {

	.SectionItems .slick-arrow {
	top: 50% !important;
	width: 30px !important;
	height: 30px !important;
	}

	.SectionItems#Cate1 .slick-next {
	margin-top: -15px;
	right: -20px !important;
	}

	.SectionItems#Cate2 .slick-next,
	.SectionItems#Cate3 .slick-next {
	margin-top: -15px;
	right: -15px !important;
	}
	
	.SectionItems#Cate1 .slick-prev {
	margin-top: -15px;
	left: -10px !important;
	}

	.SectionItems#Cate2 .slick-prev,
	.SectionItems#Cate3 .slick-prev {
	margin-top: -15px;
	left: -5px !important;
	}
	
	.SectionItems#Cate1 .slick-next:before {
	background: url(../img/item/Icon_LinkAllow1.png) no-repeat !important;
	background-size: 18px auto !important;
	}
	
	.SectionItems#Cate2 .slick-next:before {
	background: url(../img/item/Icon_LinkAllow1.png) no-repeat !important;
	background-size: 18px auto !important;
	}
	
	.SectionItems#Cate3 .slick-next:before {
	background: url(../img/item/Icon_LinkAllow2.png) no-repeat !important;
	background-size: 18px auto !important;
	}  

	.SectionItems#Cate1 .slick-prev:before {
	background: url(../img/item/Icon_LinkAllowBack1.png) no-repeat !important;
	background-size: 18px auto !important;
	}

	.SectionItems#Cate2 .slick-prev:before {
	background: url(../img/item/Icon_LinkAllowBack1.png) no-repeat !important;
	background-size: 18px auto !important;
	}	

	.SectionItems#Cate3 .slick-prev:before {
	background: url(../img/item/Icon_LinkAllowBack2.png) no-repeat !important;
	background-size: 18px auto !important;
	}			


}

@media print, screen and (min-width: 768px) {

	.SectionItems#Cate1 .slick-arrow {
	top: 50% !important;
	width: 70px !important;
	height: 70px !important;
	}

	.SectionItems#Cate2 .slick-arrow,
	.SectionItems#Cate3 .slick-arrow {
	top: 50% !important;
	width: 50px !important;
	height: 50px !important;
	}

	.SectionItems#Cate1 .slick-next {
	margin-top: -25px;
	right: -60px !important;
	}
			
	.SectionItems#Cate2 .slick-next,
	.SectionItems#Cate3 .slick-next {
	margin-top: -18px;
	right: -30px !important;
	}

	.SectionItems#Cate1 .slick-prev {
	margin-top: -25px;
	left: -30px !important;
	}
		
	.SectionItems#Cate2 .slick-prev,
	.SectionItems#Cate3 .slick-prev {
	margin-top: -18px;
	left: -20px !important;
	}

	.SectionItems#Cate1 .slick-next:before {
	background: url(../img/item/Icon_LinkAllow1.png) no-repeat !important;
	background-size: 50px auto !important;
	}
	
	.SectionItems#Cate2 .slick-next:before {
	background: url(../img/item/Icon_LinkAllow1.png) no-repeat !important;
	background-size: 32px auto !important;
	}
	
	.SectionItems#Cate3 .slick-next:before {
	background: url(../img/item/Icon_LinkAllow2.png) no-repeat !important;
	background-size: 32px auto !important;
	}  

	.SectionItems#Cate1 .slick-prev:before {
	background: url(../img/item/Icon_LinkAllowBack1.png) no-repeat !important;
	background-size: 50px auto !important;
	}

	.SectionItems#Cate2 .slick-prev:before {
	background: url(../img/item/Icon_LinkAllowBack1.png) no-repeat !important;
	background-size: 32px auto !important;
	}	

	.SectionItems#Cate3 .slick-prev:before {
	background: url(../img/item/Icon_LinkAllowBack2.png) no-repeat !important;
	background-size: 32px auto !important;
	}			

}