@charset "UTF-8";


/*
■ 汎用
■ ヘッダー
■ リード
■ 各アイテム
■ 装飾
■ フッター
■ slick
*/



/* ■ 汎用 ==================================================================================== */

/*
横幅
アイテム名
ボタン
背景色
背景パララックス
アニメーション
*/


/* 横幅 --------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.Width1 {
	margin: 0 20px;
	}

}

@media print, screen and (min-width: 768px) {

	.Width1 {
/* 	max-width: 890px; */
	margin: 0 30px;
	}

	.Width2 {

	}

	.Width3 {
		
	}

}

@media print, screen and (min-width: 1090px) {


	.Width1 {
	max-width: 1090px;
	margin: 0 auto;
	}

	.Width2 {

	}

	.Width3 {
		
	}
	
}


/* アイテム名 --------------------------------------------------- */

.InBox {
box-sizing: border-box;
}

@media only screen and (max-width: 767px) {

	.InBox {
	margin: 0 30px;
	}

}

@media only screen and (max-width: 372px) {



}

@media print, screen and (min-width: 768px) {



}

@media print, screen and (min-width: 1090px) {

}


/* 見出し --------------------------------------------------- */

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) {

}


/* ボタン --------------------------------------------------- */

.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 -1px;
	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_Insert1_SP.jpg);
	}	

	.Parallax.BgItem2 {
	background-image: url(../img/item/Bg_Insert2_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_Insert1_PC.jpg);
	}	

	.Parallax.BgItem2 {
	background-image: url(../img/item/Bg_Insert2_PC.jpg);
	}	
					
}

@media print, screen and (min-width: 1090px) {
	
}


/* アニメーション --------------------------------------------------- */

/* 鳥 */
.IconIllustBrird {
position: relative;
}

.IconIllustBrird .Effect_Bird {
position: absolute;
}

@media only screen and (max-width: 767px) {

	.SectionEachItem1 {
	margin-bottom: 120px !important;
	}
				
	.IconIllustBrird .Effect_Bird {
	top: 100px;
	right: -270px;
	width: 245px;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionEachItem1 {
	margin-bottom: 80px !important;
	}
				
	.IconIllustBrird .Effect_Bird {
	top: -50px;
	right: -300px;
	width: 290px;
	}

}

@media print, screen and (min-width: 1090px) {

	.SectionEachItem1 {
	margin-bottom: 120px !important;
	}
				
	.IconIllustBrird .Effect_Bird {
	top: -100px;
	right: -280px;
	width: 490px;
	}

}

.Effect_Bird_Done {
animation-name: Effect_Bird;
animation-timing-function: cubic-bezier(.13,.94,.87,.23);
animation-fill-mode: forwards;
animation-duration: 1.0s;
}

@keyframes Effect_Bird {
  0%  {
    transform: translate3d(0px, 0px, 0px);
  }
  0.8%  {
    transform: translate3d(-0.01px, -0.01px, 0px);
  }
  1.6%  {
    transform: translate3d(-0.01px, -0.01px, 0px);
  }
  2.4%  {
    transform: translate3d(-0.01px, -0.01px, 0px);
  }
  3.2%  {
    transform: translate3d(-0.01px, -0.01px, 0px);
  }
  4%  {
    transform: translate3d(-0.01px, -0.01px, 0px);
  }
  4.8%  {
    transform: translate3d(-0.01px, -0.01px, 0px);
  }
  5.6%  {
    transform: translate3d(-0.01px, -0.01px, 0px);
  }
  6.4%  {
    transform: translate3d(-0.01px, -0.01px, 0px);
  }
  7.19%  {
    transform: translate3d(-0.01px, -0.02px, 0px);
  }
  8%  {
    transform: translate3d(-0.01px, -0.02px, 0px);
  }
  8.79%  {
    transform: translate3d(-0.01px, -0.03px, 0px);
  }
  9.6%  {
    transform: translate3d(-0.01px, -0.04px, 0px);
  }
  10.4%  {
    transform: translate3d(-0.01px, -0.06px, 0px);
  }
  11.2%  {
    transform: translate3d(-0.01px, -0.08px, 0px);
  }
  12%  {
    transform: translate3d(-0.02px, -0.1px, 0px);
  }
  12.8%  {
    transform: translate3d(-0.02px, -0.13px, 0px);
  }
  13.6%  {
    transform: translate3d(-0.02px, -0.16px, 0px);
  }
  14.39%  {
    transform: translate3d(-0.03px, -0.2px, 0px);
  }
  15.2%  {
    transform: translate3d(-0.03px, -0.25px, 0px);
  }
  16%  {
    transform: translate3d(-0.04px, -0.3px, 0px);
  }
  16.8%  {
    transform: translate3d(-0.05px, -0.37px, 0px);
  }
  17.59%  {
    transform: translate3d(-0.06px, -0.44px, 0px);
  }
  18.39%  {
    transform: translate3d(-0.07px, -0.52px, 0px);
  }
  19.2%  {
    transform: translate3d(-0.08px, -0.62px, 0px);
  }
  20%  {
    transform: translate3d(-0.09px, -0.73px, 0px);
  }
  20.8%  {
    transform: translate3d(-0.11px, -0.85px, 0px);
  }
  21.6%  {
    transform: translate3d(-0.13px, -0.99px, 0px);
  }
  22.4%  {
    transform: translate3d(-0.15px, -1.14px, 0px);
  }
  23.2%  {
    transform: translate3d(-0.17px, -1.31px, 0px);
  }
  24%  {
    transform: translate3d(-0.19px, -1.5px, 0px);
  }
  24.8%  {
    transform: translate3d(-0.22px, -1.71px, 0px);
  }
  25.6%  {
    transform: translate3d(-0.25px, -1.94px, 0px);
  }
  26.4%  {
    transform: translate3d(-0.28px, -2.19px, 0px);
  }
  27.2%  {
    transform: translate3d(-0.32px, -2.46px, 0px);
  }
  28%  {
    transform: translate3d(-0.36px, -2.76px, 0px);
  }
  28.79%  {
    transform: translate3d(-0.41px, -3.08px, 0px);
  }
  29.6%  {
    transform: translate3d(-0.46px, -3.43px, 0px);
  }
  30.4%  {
    transform: translate3d(-0.51px, -3.81px, 0px);
  }
  31.2%  {
    transform: translate3d(-0.57px, -4.22px, 0px);
  }
  32%  {
    transform: translate3d(-0.64px, -4.66px, 0px);
  }
  32.8%  {
    transform: translate3d(-0.72px, -5.14px, 0px);
  }
  33.6%  {
    transform: translate3d(-0.8px, -5.64px, 0px);
  }
  34.4%  {
    transform: translate3d(-0.89px, -6.19px, 0px);
  }
  35.19%  {
    transform: translate3d(-0.98px, -6.76px, 0px);
  }
  36%  {
    transform: translate3d(-1.09px, -7.38px, 0px);
  }
  36.79%  {
    transform: translate3d(-1.21px, -8.03px, 0px);
  }
  37.6%  {
    transform: translate3d(-1.34px, -8.73px, 0px);
  }
  38.4%  {
    transform: translate3d(-1.48px, -9.47px, 0px);
  }
  39.2%  {
    transform: translate3d(-1.63px, -10.24px, 0px);
  }
  40%  {
    transform: translate3d(-1.8px, -11.07px, 0px);
  }
  40.79%  {
    transform: translate3d(-1.98px, -11.92px, 0px);
  }
  41.6%  {
    transform: translate3d(-2.19px, -12.84px, 0px);
  }
  42.4%  {
    transform: translate3d(-2.41px, -13.8px, 0px);
  }
  43.2%  {
    transform: translate3d(-2.65px, -14.8px, 0px);
  }
  44%  {
    transform: translate3d(-2.91px, -15.85px, 0px);
  }
  44.8%  {
    transform: translate3d(-3.19px, -16.94px, 0px);
  }
  45.6%  {
    transform: translate3d(-3.5px, -18.08px, 0px);
  }
  46.4%  {
    transform: translate3d(-3.84px, -19.27px, 0px);
  }
  47.2%  {
    transform: translate3d(-4.21px, -20.51px, 0px);
  }
  48%  {
    transform: translate3d(-4.61px, -21.8px, 0px);
  }
  48.8%  {
    transform: translate3d(-5.05px, -23.13px, 0px);
  }
  49.6%  {
    transform: translate3d(-5.53px, -24.51px, 0px);
  }
  50.4%  {
    transform: translate3d(-6.04px, -25.93px, 0px);
  }
  51.2%  {
    transform: translate3d(-6.6px, -27.4px, 0px);
  }
  52%  {
    transform: translate3d(-7.21px, -28.91px, 0px);
  }
  52.8%  {
    transform: translate3d(-7.87px, -30.47px, 0px);
  }
  53.6%  {
    transform: translate3d(-8.59px, -32.07px, 0px);
  }
  54.4%  {
    transform: translate3d(-9.36px, -33.71px, 0px);
  }
  55.2%  {
    transform: translate3d(-10.2px, -35.38px, 0px);
  }
  56%  {
    transform: translate3d(-11.1px, -37.09px, 0px);
  }
  56.8%  {
    transform: translate3d(-12.08px, -38.83px, 0px);
  }
  57.59%  {
    transform: translate3d(-13.12px, -40.58px, 0px);
  }
  58.4%  {
    transform: translate3d(-14.27px, -42.41px, 0px);
  }
  59.2%  {
    transform: translate3d(-15.5px, -44.23px, 0px);
  }
  60%  {
    transform: translate3d(-16.82px, -46.08px, 0px);
  }
  60.8%  {
    transform: translate3d(-18.23px, -47.94px, 0px);
  }
  61.6%  {
    transform: translate3d(-19.76px, -49.82px, 0px);
  }
  62.4%  {
    transform: translate3d(-21.4px, -51.71px, 0px);
  }
  63.2%  {
    transform: translate3d(-23.15px, -53.61px, 0px);
  }
  64%  {
    transform: translate3d(-25.03px, -55.51px, 0px);
  }
  64.8%  {
    transform: translate3d(-27.04px, -57.41px, 0px);
  }
  65.6%  {
    transform: translate3d(-29.19px, -59.3px, 0px);
  }
  66.4%  {
    transform: translate3d(-31.49px, -61.18px, 0px);
  }
  67.2%  {
    transform: translate3d(-33.93px, -63.05px, 0px);
  }
  68%  {
    transform: translate3d(-36.54px, -64.9px, 0px);
  }
  68.8%  {
    transform: translate3d(-39.32px, -66.73px, 0px);
  }
  69.59%  {
    transform: translate3d(-42.23px, -68.51px, 0px);
  }
  70.39%  {
    transform: translate3d(-45.36px, -70.29px, 0px);
  }
  71.2%  {
    transform: translate3d(-48.71px, -72.05px, 0px);
  }
  72%  {
    transform: translate3d(-52.23px, -73.76px, 0px);
  }
  72.8%  {
    transform: translate3d(-55.94px, -75.43px, 0px);
  }
  73.59%  {
    transform: translate3d(-59.81px, -77.04px, 0px);
  }
  74.4%  {
    transform: translate3d(-63.99px, -78.66px, 0px);
  }
  75.2%  {
    transform: translate3d(-68.34px, -80.22px, 0px);
  }
  76%  {
    transform: translate3d(-72.92px, -81.74px, 0px);
  }
  76.8%  {
    transform: translate3d(-77.71px, -83.23px, 0px);
  }
  77.6%  {
    transform: translate3d(-82.74px, -84.69px, 0px);
  }
  78.4%  {
    transform: translate3d(-87.99px, -86.14px, 0px);
  }
  79.2%  {
    transform: translate3d(-93.47px, -87.57px, 0px);
  }
  80%  {
    transform: translate3d(-99.18px, -88.99px, 0px);
  }
  80.8%  {
    transform: translate3d(-105.12px, -90.43px, 0px);
  }
  81.59%  {
    transform: translate3d(-111.2px, -91.88px, 0px);
  }
  82.4%  {
    transform: translate3d(-117.64px, -93.42px, 0px);
  }
  83.2%  {
    transform: translate3d(-124.22px, -95px, 0px);
  }
  84%  {
    transform: translate3d(-130.99px, -96.68px, 0px);
  }
  84.8%  {
    transform: translate3d(-137.93px, -98.49px, 0px);
  }
  85.6%  {
    transform: translate3d(-145.04px, -100.47px, 0px);
  }
  86.4%  {
    transform: translate3d(-152.28px, -102.65px, 0px);
  }
  87.2%  {
    transform: translate3d(-159.64px, -105.08px, 0px);
  }
  88%  {
    transform: translate3d(-167.08px, -107.82px, 0px);
  }
  88.8%  {
    transform: translate3d(-174.58px, -110.93px, 0px);
  }
  89.6%  {
    transform: translate3d(-182.09px, -114.47px, 0px);
  }
  90.4%  {
    transform: translate3d(-189.56px, -118.52px, 0px);
  }
  91.2%  {
    transform: translate3d(-196.95px, -123.16px, 0px);
  }
  92%  {
    transform: translate3d(-204.2px, -128.5px, 0px);
  }
  92.8%  {
    transform: translate3d(-211.24px, -134.64px, 0px);
  }
  93.6%  {
    transform: translate3d(-218px, -141.7px, 0px);
  }
  94.4%  {
    transform: translate3d(-224.4px, -149.8px, 0px);
  }
  95.19%  {
    transform: translate3d(-230.27px, -158.97px, 0px);
  }
  96%  {
    transform: translate3d(-235.73px, -169.74px, 0px);
  }
  96.8%  {
    transform: translate3d(-240.46px, -181.91px, 0px);
  }
  97.6%  {
    transform: translate3d(-244.39px, -195.8px, 0px);
  }
  98.4%  {
    transform: translate3d(-247.4px, -211.62px, 0px);
  }
  100%  {
    transform: translate3d(-250px, -250px, 0px);
  }
}

/* 親父 */
.Effect_Oyaji {
animation-name: Effect_Oyaji;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
}

@keyframes Effect_Oyaji {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-20px)
    }
}

/* サメ */
.Effect_Shark {
transform-origin: 50% 50%;
transform: translate(0,100px);
opacity: 0;
}

.Effect_Shark_Done {
animation-name: Effect_Shark;
animation-timing-function: cubic-bezier(0.000, 0.130, 0.000, 0.995);
animation-fill-mode: forwards;
animation-duration: 1.0s;
}
@keyframes Effect_Shark {
	0% {
		transform: translate(0,100px);
		opacity: 0;
	}
	100% {
		transform: translate(0,0);
		opacity: 1;
	}
}

/* ディレイ */
.EffectDelay1 {
animation-delay: 0.1s;
}

.EffectDelay2 {
animation-delay: 0.2s;
}

.EffectDelay3 {
animation-delay: 0.3s;
}

.EffectDelay4 {
animation-delay: 0.4s;
}

.EffectDelay5 {
animation-delay: 0.5s;
}

.EffectDelay6 {
animation-delay: 0.6s;
}

.EffectDelay7 {
animation-delay: 0.7s;
}

.EffectDelay8 {
animation-delay: 0.8s;
}

.EffectDelay9 {
animation-delay: 0.9s;
}

.EffectDelay10 {
animation-delay: 1.0s;
}



/* ■ ヘッダー ==================================================================================== */
		
@media only screen and (max-width: 767px) {
		

}

@media print, screen and (min-width: 768px) {

	#Header {
	display: flex;
	align-items: center;
	}
	
	#Header .Title {
	width: 50%;
	}
	
	.KeyVisual {
	width: 50%;
	}
			
}

@media print, screen and (min-width: 1090px) {

	
}



/* ■ リード ==================================================================================== */

.SectionLead .Logo {
text-align: center;
}

.SectionLead h2.Mds {
font-weight: 700;
text-align: justify;
font-feature-settings: "palt";
}

.SectionLead .Lead1 {
text-align: justify;
}

@media only screen and (max-width: 767px) {

	.SectionLead {
	padding: 12% 15px 12% 15px;
	}

	.SectionLead .Logo {
	margin-right: 10px;
	margin-bottom: 20px;
	}

	.SectionLead .Logo img {
	width: 300px;
	height: auto;
	}
	
	.SectionLead h2.Mds {
	margin-bottom: 15px;
	font-size: 147%;
	line-height: 1.6em !important;
	}

	.SectionLead .Lead1 {
	line-height: 2.0em;
	}
							
	.SectionLead .ListKomeS {
	margin-top: 10px;
	}
	
}

@media only screen and (max-width: 372px) {

	.SectionLead .Logo img {
	width: 270px;
	height: auto;
	}
		
}

@media print, screen and (min-width: 768px) {

	.SectionLead {
	max-width: 1050px;
	margin: 0 auto;
	padding: 8% 80px 8% 80px;
	}

	.SectionLead .Logo {
	margin-bottom: 20px;
	}

	.SectionLead .Logo img {
	width: 600px;
	height: auto;
	}

	.SectionLead h2.Mds {
	margin-bottom: 25px;
	font-size: 200%;
	text-align: center;
	line-height: 1.5em !important;
	}

	.SectionLead .Lead1 {
	font-size: 107%;
	line-height: 2.0em;
	}	

	.SectionLead .ListKomeS {
	margin-top: 10px;
	}
	
}

@media print, screen and (min-width: 1090px) {

	
}


/* ■ 各アイテム ==================================================================================== */

.SectionItems .TitleUnit {
}

.SectionItems .TitleUnit h2.Mds {
font-weight: 400;
text-align: center;
}

.SectionItems .TitleUnit h2.Mds .Mds_Wrap {
display: inline-block;
position: relative;
padding: 0 15px;
}

.SectionItems .TitleUnit h2.Mds .Mds_Txt {
position: relative;
z-index: 2;
white-space: nowrap;
}

.SectionItems .TitleUnit h2.Mds .Mds_Deco {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
content: "";
}

.SectionEachItem {
position: relative;
}

.SectionEachItem .IconIllust {
position: absolute;
}

.SectionItems .LeadTitle {
text-align: justify;
}

.SectionEachItem a {
display: block;
}

.SectionEachItem .InfoWrap {
font-family: 'League Spartan', sans-serif;
text-align: center;
}	

.SectionEachItem .ItemName {
font-weight: 700;
}		

.SectionEachItem .BtnBuy {
position: relative;
z-index: 1000;
margin: 0 auto 0 auto;
border-radius: 25px;
box-sizing: border-box;
background: #fff;
font-weight: 400;
color: #000;
text-align: center;
line-height: 1.0em;
letter-spacing: 0.1em;
}

.SectionEachItem .BtnBuy span {
display: inline-block;
color: #000;
}
		
@media only screen and (max-width: 767px) {

	.SectionItems {
	padding: 10% 0 14% 0;
	}

	.SectionItems .TitleUnit {
	margin: 0 20px 20px 20px;
	}

	.SectionItems .TitleUnit h2.Mds {
	margin-bottom: 30px;
	font-size: 268%;
	line-height: 1.2em !important;
	}

	.SectionItems .TitleUnit h2.Mds .Mds_Deco {
	bottom: 5px;
	height: 70px;
	}

	.SectionItems .LeadTitle {
	font-size: 94%;
	}

	.SectionEachItem {
	margin-bottom: 14%;
	}				

	.SectionEachItem:last-of-type {
	margin-bottom: 0;
	}

	.SectionEachItem .IconIllust1 {
	top: 13%;
	right: -158%;
	}

	.SectionEachItem .IconIllust1 img {
	width: 35%;
	height: auto;
	}

	.SectionEachItem .IconIllust2 {
	left: 1%;
	bottom: -9%;
	}

	.SectionEachItem .IconIllust2 img {
	width: 35%;
	height: auto;
	}
		
	.SectionEachItem .Photo {
	margin-bottom: 30px;
	}
	
	.SectionEachItem .ItemName {
	font-size: 147%;
	line-height: 1.3em;
	}
				
	.SectionEachItem .Price {
	font-size: 114%;
	}
	
	.SectionEachItem .Price small {
	font-size: 80%;
	}

	.SectionEachItem .BtnBuy {
	width: 60%;
	margin-top: 15px;
	padding: 12px 0 8px 0;
	border: 2px solid #000;
	font-size: 140%;
	}

	.SectionEachItem .BtnBuy span {
	padding: 2px 0 2px 22px;
	padding-left: 22px;
	background: url(../img/common/Icon_Cart.png) no-repeat;
	background-position: 0 1px;
	background-size: 17px auto;
	}				
						
}

@media only screen and (max-width: 372px) {

	.SectionItems .TitleUnit h2.Mds {
	font-size: 200% !important;
	}
	
	.SectionEachItem .ItemName {
	font-size: 127%;
	}
	
}

/*
@media screen and (max-width: 896px) and (orientation: landscape) {

	.SectionEachItem .IconIllust1 {
	top: -4%;
	right: -52%;
	}

}
*/

@media print, screen and (min-width: 768px) {

	.SectionItems {
	padding: 10% 0 12% 0;
	}

	.SectionItems .TitleUnit {
	max-width: 890px;
	margin: 0 auto 40px auto;;
	}			
	
	.SectionItems .LeadTitle {
	width: 76%;
	margin: 0 auto;
	font-size: 107%;
	}	
		
	.SectionItems .TitleUnit h2.Mds {
	margin-bottom: 50px !important;
	font-size: 400% !important;
	text-align: center;
	line-height: 1.0em;
	}

	.SectionItems .TitleUnit h2.Mds .Mds_Deco {
	bottom: 0;
	height: 100px;
	}

	.SectionEachItem {
	margin-bottom: 12%;
	}				

	.SectionEachItem:last-of-type {
	margin-bottom: 0;
	}	

	.SectionEachItem .IconIllust1 {
	top: 10%;
	right: -65%;
	}

	.SectionEachItem .IconIllust1 img {
	width: 55%;
	height: auto;
	}

	.SectionEachItem .IconIllust2 {
	left: 5%;
	bottom: -8%;
	}

	.SectionEachItem .IconIllust2 img {
	width: 55%;
	height: auto;
	}
		
	.SectionEachItem .Photo {
	max-width: 1050px;
	margin: 0 auto 45px auto;
	}

	.SectionEachItem .ItemName {
	font-size: 160%;
	}

	.SectionEachItem .Price {
	font-size: 134%;
	font-weight: 400;
	}
				
	.SectionEachItem .Price small {
	font-size: 60%;
	}
	
	.SectionEachItem .BtnBuy {
	width: 250px;
	margin-top: 35px;
	padding: 14px 10px 11px 0;
	border: 3px solid #000;
	font-size: 160%;
	}

	.SectionEachItem .BtnBuy span {
	padding-left: 28px;
	background: url(../img/common/Icon_Cart.png) no-repeat;
	background-position: 0 0;
	background-size: 20px auto;
	color: #000;
	}	
				
}

@media print, screen and (min-width: 1090px) {
		
	.SectionItems .TitleUnit {
	max-width: 1090px;
	}

	.SectionEachItem .IconIllust1 {
	top: -10%;
	right: -35%;
	}
	
	.SectionEachItem .IconIllust1 img {
	width: 80%;
	height: auto;
	}

	.SectionEachItem .IconIllust2 {
	left: 4%;
	bottom: -8%;
	}

	.SectionEachItem .IconIllust2 img {
	width: 100%;
	height: auto;
	}
					
}

@media print, screen and (min-width: 1320px) {
		
	.SectionEachItem .IconIllust1 {
	top: -15%;
	right: -18%;
	}

	.SectionEachItem .IconIllust1 img {
	width: 100%;
	height: auto;
	}

}



/* Cate1 */
.SectionItems#Cate1 .TitleUnit h2.Mds .Mds_Deco {
transform: rotate(1deg);
background: linear-gradient(transparent 70%, #ceff66 70%);
}

.SectionItems#Cate1 .SectionEachItem a {
display: block;
color: #000;
}

@media only screen and (max-width: 767px) {

	.SectionItems#Cate1 {
	background: url(../img/common/Bg1_SP.jpg) repeat-y center top;
	background-size: cover;	
	}

	.TitleUnit_BB_CAP {
	padding-top: 70px;
	}
				
}

@media only screen and (max-width: 372px) {


}

@media print, screen and (min-width: 768px) {

	.SectionItems#Cate1 {
	background: url(../img/common/Bg1_PC.jpg) repeat-y center top;
	background-size: cover;
	}

}

@media print, screen and (min-width: 1090px) {
					
}

/* Cate2 */
.SectionItems#Cate2 {
color: #fff;
}

.SectionItems#Cate2 .TitleUnit h2.Mds .Mds_Deco {
transform: rotate(-1deg);
background: linear-gradient(transparent 70%, #e97cf9 70%);
}

.SectionItems#Cate2 .SectionEachItem a {
color: #000;
}

.IconIllust3 {
position: relative;
}

.IconIllust3 .IconIllust3_Shark,
.IconIllust3 .IconIllust3_Wave {
position: absolute;
left: 0;
bottom: 0;
}

@media only screen and (max-width: 767px) {

	.SectionItems#Cate2 {
	padding-bottom: 0;
	background: url(../img/common/Bg2_SP.jpg) repeat-y center top;
	background-size: cover;	
	}

	.SectionItems#Cate2 .ItemSub {
	padding: 0 0 12% 0;
	}

	.SectionItems#Cate2 .ItemSub .IconIllust {
	margin-bottom: 15px;
	}		

	.SectionItems#Cate2 .SectionEachItem {
	padding: 10% 0 12% 0;
	background: url(../img/common/Bg1_SP.jpg) repeat-y center top;
	background-size: cover;
	}							
}

@media only screen and (max-width: 372px) {


}

@media print, screen and (min-width: 768px) {

	.SectionItems#Cate2 {
	padding-bottom: 0;
	background: url(../img/common/Bg2_PC.jpg) repeat-y center top;
	background-size: cover;
	}

	.SectionItems#Cate2 .ItemSub {
	padding: 4% 0 7% 0;
	}

	.SectionItems#Cate2 .ItemSub .InBox {
	display: flex;
	justify-content: space-between;
	}				

	.SectionItems#Cate2 .ItemSub .IconIllust {
	width: 48%;
	}

	.SectionItems#Cate2 .ItemSub .Photo {
	width: 48%;
	}

	.SectionItems#Cate2 .SectionEachItem {
	padding: 8% 0 10% 0;
	background: url(../img/common/Bg1_PC.jpg) repeat-y center top;
	background-size: cover;
	}	
}

@media print, screen and (min-width: 1090px) {
		

			
}

/* Cate3 */
.SectionItems#Cate3 .TitleUnit h2.Mds .Mds_Deco {
transform: rotate(1deg);
background: linear-gradient(transparent 70%, #c6f0ff 70%);
}

.SectionItems#Cate3 .SectionEachItem a {
display: block;
color: #000;
}

@media only screen and (max-width: 767px) {

	.SectionItems#Cate3 {
	background: url(../img/common/Bg1_SP.jpg) repeat-y center top;
	background-size: cover;	
	}						
}

@media only screen and (max-width: 372px) {


}

@media print, screen and (min-width: 768px) {

	.SectionItems#Cate3 {
	padding-bottom: 130px;
	background: url(../img/common/Bg1_PC.jpg) repeat-y center top;
	background-size: cover;
	}
				
}

@media print, screen and (min-width: 1090px) {
					
}



/* ■ Message FROM MULGA ==================================================================================== */

.SectionMessage h2.Mds {
text-align: center;
color: #fff;
}

		
@media only screen and (max-width: 767px) {
	
	.SectionMessage {
	padding: 9% 0 11% 0;
	background: url(../img/common/Bg2_SP.jpg) repeat-y center top;
	background-size: cover;
	}

	.SectionMessage h2.Mds {
	margin-bottom: 20px;
	font-size: 200%;
	line-height: 1.2em;
	}	

}

@media only screen and (max-width: 372px) {

	.SectionMessage h2.Mds {
	font-size: 187%;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionMessage {
	padding: 6% 0 8% 0;
	background: url(../img/common/Bg2_PC.jpg) repeat-y center top;
	background-size: cover;
	}

	.SectionMessage h2.Mds {
	margin-bottom: 35px;
	font-size: 400%;
	line-height: 1.0em;
	}

	.SectionMessage .MovieWrap {
	max-width: 960px;
	height: auto;
	margin: 0 auto;
	}

}


@media print, screen and (min-width: 1090px) {
	


}



/* ■ ART PANEL EXHIBITION ==================================================================================== */

.SectionExhibition {
position: relative;
}

.SectionExhibition .IconIllust {
position: absolute;
}

.SectionExhibition h2.Mds,
.SectionExhibition .LeadMain {
text-align: center;
color: #fff;
}

.SectionExhibition .LeadMain {
font-weight: bold;
}

.SectionExhibition .Lead1,
.SectionExhibition .Lead2,
.SectionExhibition .LinkTel {
color: #fff;
}

		
@media only screen and (max-width: 767px) {
	
	.SectionExhibition {
	padding: 10% 0 12% 0;
	background: url(../img/common/Bg2_SP.jpg) repeat-y center top;
	background-size: cover;
	}

	.SectionExhibition h2.Mds {
	margin-bottom: 5px;
	font-size: 200%;
	line-height: 1.2em;
	font-feature-settings: "palt";
	}

	.SectionExhibition .LeadMain {
	margin-bottom: 20px;
	font-size: 114%;
	}

	.SectionExhibition .Photo {
	margin: 0 10px 20px 10px;
	}

	.SectionExhibition .Lead1 {
	font-size: 94%;
	}

	.SectionExhibition .Lead2 {
	margin-top: 25px;
	font-size: 87%;
	}

}

@media only screen and (max-width: 372px) {

	.SectionExhibition .LeadMain {
	font-size: 107%;
	}

}

@media print, screen and (min-width: 768px) {

	.SectionExhibition {
	padding: 8% 0 10% 0;
	background: url(../img/common/Bg2_PC.jpg) repeat-y center top;
	background-size: cover;
	}

	.SectionExhibition h2.Mds {
	margin-bottom: 20px;
	font-size: 400%;
	line-height: 1.0em;
	}

	.SectionExhibition .LeadMain {
	margin-bottom: 35px;
	font-size: 174%;
	}

	.SectionExhibition .Photo {
	max-width: 925px;
	margin: 0 auto 60px auto;
	}
	

	.SectionExhibition .Lead1 {
	text-align: center;
	}

	.SectionExhibition .Lead2 {
	margin-top: 35px;
	font-size: 94%;
	text-align: center;
	}

	.SectionExhibition .LinkTel {
	pointer-events: none !important;
	}

	.SectionExhibition .IconIllust4 {
	right: -17%;
	bottom: -6%;
	}

	.SectionExhibition .IconIllust4 img {
	width: 50%;
	height: auto;
	}
		
}


@media print, screen and (min-width: 1090px) {
	
	.SectionExhibition .IconIllust4 {
	right: 2%;
	bottom: -12%;
	}

	.SectionExhibition .IconIllust4 img {
	width: 100%;
	height: auto;
	}

}



/* ■ MULGA THE ARTIST ==================================================================================== */

.SectionIntro h2.Mds {
text-align: center;
}

.SectionIntro h3.Name {
line-height: 1.0em;
}

.SectionIntro h4.Mds {
line-height: 1.0em;
}

.SectionIntro .Profile .Lead1 {
text-align: justify;
}	

.SectionIntro .ListLink a {
font-family: 'League Spartan', sans-serif;
font-weight: 400;
color: #5b97da;
}	

.SectionIntro .ListLink .LinkNewWin1 {
display: inline-block;
position: relative;
}

.SectionIntro .ListLink .LinkNewWin1:after {
display: inline-block;
position: absolute;
top: 50%;
right: 0;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
content: '';
}

.SectionIntro .ListLink .LinkNewWin1:after {
background-image: url(../img/common/Icon_LinkNewWin1.png);
}

.SectionIntro .Copyright {
letter-spacing: 0.15em;
}
		
@media only screen and (max-width: 767px) {
	
	.SectionIntro {
	padding: 10% 0 12% 0;
	background: url(../img/intro/Bg_SP.jpg) repeat-y center top;
	background-size: cover;
	}

	.SectionIntro h2.Mds {
	margin-bottom: 16px;
	font-size: 200%;
	line-height: 1.2em;
	}

	.SectionIntro .Photo {
	margin-bottom: 20px;
	}

	.SectionIntro h3.Name {
	margin-bottom: 10px;
	font-size: 107%;
	}					

	.SectionIntro .Profile .Lead1 {
	font-size: 94%;
	}	

	.SectionIntro h4.Mds {
	margin-bottom: 5px;
	}	

	.SectionIntro .ListLinkWrap {
	margin-top: 20px;
	font-size: 87%;
	}

	.SectionIntro .ListLink li {
	line-height: 1.5em;
	}	

	.SectionIntro .LinkNewWin1 {
	padding: 0 15px 0 0;
	}

	.SectionIntro .LinkNewWin1:after {
	width: 9px;
	height: 8px;
	margin-top: -4px;
	}

	.SectionIntro .Copyright {
	margin-top: 15px;
	font-size: 67%;
	}
	
}

@media only screen and (max-width: 372px) {



}

@media print, screen and (min-width: 768px) {

	.SectionIntro {
	padding: 8% 0 10% 0;
	background: url(../img/intro/Bg_PC.jpg) repeat-y center top;
	background-size: cover;
	}

	.SectionIntro h2.Mds {
	margin-bottom: 55px;
	font-size: 400%;
	line-height: 1.0em;
	}
	
	.SectionIntro .IntroUnit {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	max-width: 910px;
	margin: 0 auto;
	}

	.SectionIntro .Photo {
	width: 42%;
	}
	
	.SectionIntro .Profile {
	width: 53%;
	}

	.SectionIntro h3.Name {
	margin-bottom: 15px;
	font-size: 120%;
	}		

	.SectionIntro .ListLinkWrap {
	margin-top: 30px;
	}

	.SectionIntro h4.Mds {
	margin-bottom: 8px;
	}	

	.SectionIntro .ListLink li {
	line-height: 1.5em;
	}
		
	.SectionIntro .LinkNewWin1 {
	padding: 0 15px 0 0;
	}

	.SectionIntro .LinkNewWin1:after {
	width: 9px;
	height: 8px;
	margin-top: -4px;
	}

	.SectionIntro .Copyright {
	margin-top: 35px;
	font-size: 80%;
	}

}


@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;
}

/* 装飾 -------------------------------------- */

/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 35px;
}

.slick-dots {
position: absolute;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}

@media only screen and (max-width: 767px) {

	.slick-dots {
	bottom: -40px;
	}

}

@media print, screen and (min-width: 768px) {

	.slick-dots {
	bottom: -50px;
	}

}

.slick-slider .slick-dots li {
float: none;
position: relative;
display: inline-block;
width: 55px;
height: 5px;
margin: 0 5px 0 0;
padding: 0;
vertical-align: top;
cursor: pointer;
}

@media print, screen and (min-width: 768px) {

			
}


.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: 55px;
height: 5px;
border-radius: 0;
content: '';
text-align: center;
opacity: 1;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* background: #fff; */
border: 1px solid #09e6d9;
}


@media print, screen and (min-width: 768px) {

	.slick-dots li button:before {
	font-size: 1;
	line-height: 1;
	width: 55px;
	height: 5px;
	}
			
}

.slick-dots li.slick-active button:before {
opacity: 1;
color: #09e6d9;
background: #09e6d9;
}

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;
}



