/* ------------------------------------------------------------------------
    Common
------------------------------------------------------------------------  */

/* Shadow */
.shadow {
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,.3);
}
.hov_shadow {}
@media screen and (max-width:768px){
	.hov_shadow {
		box-shadow: 0px 0px 7px 0px rgba(0,0,0,.3);
	}
}
@media screen and (min-width:769px){
	.hov_shadow {
		transition: all .6s;
	}
	.hov_shadow:hover {
		box-shadow: 0px 0px 7px 0px rgba(0,0,0,.3);
	}
}
/* video */
video {
	width: 100%;
}

/* youtube */
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
 
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* pointer-events: none */
.pe_none {
    pointer-events: none;
}
/* ------------------------------------------------------------------------
    Arrow
------------------------------------------------------------------------  */
.arr {
	position: relative;
	padding-right: 20px;
}
.arr:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0px;

	width: 6px;
	height: 6px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
	
	transition: all .2s ease;
}
/* hover */
@media screen and (min-width:1024px){
}

/* accordion */
.Ac_Label {
	position: relative;
}
.Ac_Icon_Wrap {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
}
.Ac_Icon_Wrap .Ac_Icon{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.Ac_Icon_Wrap .Ac_Icon:before,
.Ac_Icon_Wrap .Ac_Icon:after{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.4s;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	background: #000;
}
.Ac_Icon_Wrap .Ac_Icon:before{
	transform: translate(-50%,-50%) rotate(90deg);
}
.Ac_Icon_Wrap .Ac_Icon.active:before{
	transform: translate(-50%,-50%) rotate(0deg);
}
.Ac_Icon_Wrap .Ac_Icon:after{
	opacity: 1;
}
.Ac_Icon_Wrap .Ac_Icon.active:after{
	opacity: 0;
}
@media screen and (min-width:1024px){
}

/* Link */
.arr_Link ,
.arr_LinkNl {
	display: block;
	position: relative;
	width: 100%;
	transition: all .3s 0s ease;
}
.arr_Link {
	max-width: 160px;
	padding-bottom: .5em;
	border-bottom: 1px solid #000;
	font-size: .875em;
	box-sizing: border-box;
	padding-right: 50px;
}
.Btn_B .arr_Link:before ,
.Btn_B .arr_LinkNl:before {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50% - 1em);
	content: '';
	width: 15px !important;
	height: 1px !important;
	background: #666;
}
.arr_Link:after ,
.arr_LinkNl:after {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 15px;
	height: 5px;
	background-image: url("../images/icon_arrow.svg");
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s 0s ease;
}
@media screen and (min-width:1024px){
	.arr_Link {
		max-width: 220px;
	}
	.arr_Link:after ,
	.arr_LinkNl:after {
		right: 20px;
	}
	/* hover */
	.arr_Link:hover {
		color: #999;
	}
	.arr_Link:hover:after ,
	a:hover .arr_LinkNl:after {
		right: 10px;
	}
}

/* ------------------------------------------------------------------------
    Button
------------------------------------------------------------------------  */
.Btn_Area {
	text-align: center;
}
.Btn_Area p.Message{
	font-size: 1.125em;
	text-align: center;
	margin-bottom: 1.5em;
	font-weight: 500;
}
/*********************
  TYPE-A
**********************/
.Btn_A {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	max-width: 320px;
	height: 50px;
	
	border-radius: 25px;
	border:1px solid #fff;
	background: #fff;
	
	transition: .3s;
}
.Btn_A span{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
	text-align: center;
}
.Btn_A span:before{
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 20px;
	height: 20px;
	background-size: cover;
}
@media screen and (min-width:1024px){
	.Btn_A:hover {
		color: #999;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3) inset;
	}
}

/* login */
.Btn_A span.login:before{
	background-image: url("../images/icon_sign.svg");
}

/* Download */
.Btn_A span.Dl:before{
	background-image: url("../images/icon_dl.svg");
	left: inherit;
	right: 1.5em;
}

/*********************
  TYPE-B
**********************/
.Btn_B {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	max-width: 320px;
	height: 50px;
	
	border-radius: 25px;
	background: #fff;
	
	transition: .3s;
}
.Btn_B span{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
	text-align: center;
}
.Btn_B span:before{
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 20px;
	height: 20px;
	background-size: cover;
}
@media screen and (min-width:1024px){
	.Btn_B:hover {
		color: #999;
	}
}

/*********************
  SMALL
**********************/
.Btn_S {
	padding-left: 1.5em;
	padding-right: 1.5em;
	border-radius: 30px;
	background: #91a6d0;
	font-size: .875em;
	color: #fff;
}

/*********************
  SIGN
**********************/
.Sign {
	max-width: 320px;
}
.Sign a.Btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	max-width: 320px;
	height: 50px;
	
	border-radius: 25px;
	box-sizing: border-box;
	text-align: center;

}
.Sign a.Btn span{
	width: 100%;
	position: relative;
	display: inline-block;
	text-align: center;
	line-height: 2em;
	box-sizing: border-box;
	padding-left: 1.25em;
	padding-right: 0em;
}
.Sign a.Btn span:before{
	position: absolute;
	left: .5em;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 20px;
	height: 20px;
	background-image: url("../images/icon_sign.svg");
	background-position: 50%;
	background-size: cover;
}
.Sign:not(.Hd) a.Btn {
}
.Sign:not(.Hd) a.Btn span{
	padding-right: 1em;
}
.Sign:not(.Hd) a.Btn span:before{
	left: 1em;
}
/* ------------------------------------------------------------------------
    LIST TOP
------------------------------------------------------------------------  */
#LIST_TOP {}
#LIST_TOP.container{
	max-width: 1400px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#LIST_TOP .NumArea,
#LIST_TOP .Sort{
}

/* NumArea */
#LIST_TOP .NumArea{
	display: flex;
	flex-wrap: wrap;
}
#LIST_TOP .NumArea p{
	padding-right: 1em;
}
#LIST_TOP .NumArea p.Keyword{
	width: 100%;
	margin-bottom: 1em;
}
/* 絞り込み */
#LIST_TOP .NumArea .MoreSearch{
	width: 100%;
	margin-bottom: 1em;
}
#LIST_TOP .NumArea #CATEGORY_PLUS{
	display: none;
}
.Plus_Inner{
	display: flex;
	justify-content: center;
}
.Plus_Inner ul{
	display: flex;
	flex-wrap: wrap;
}
.Plus_Inner ul li{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
.Plus_Inner ul li:before{
	content: '[ ';
}
.Plus_Inner ul li:after{
	content: ' ]';
}

/* Sort */
#LIST_TOP .Sort{
	position: relative;
	display: flex;
	text-align: right;
}
#LIST_TOP .Sort_Display{
	margin-left: auto;
	padding-right: 1.75em;
	cursor: pointer;
}
/* SortList */
#LIST_TOP .Sort ul.Sort_List{
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	background: #fff;
}
#LIST_TOP .Sort ul.Sort_List.active{
	display: block;
	animation: is-fade-in .6s ease 0s both;
}
#LIST_TOP .Sort ul.Sort_List li a{
	position: relative;
	padding-left: 1.75em;
	padding-right: 1.75em;
}
#LIST_TOP .Sort ul.Sort_List li a:after{
	position: absolute;
	left: .875em;
	top: 50%;
	transform: translateY(-50%);
	content: '-';
	transition: all .3s 0s ease;
	opacity: 1;
}

@media screen and (max-width:768px){
	#LIST_TOP.container{
		flex-wrap: wrap;
	}
	#LIST_TOP .Sort{
		border-top: 1px dotted #ccc;
		padding-top: 1em;
		margin-top: 1em;
	}
	#LIST_TOP .NumArea,
	#LIST_TOP .Sort{
		width: 100%;
	}
	#LIST_TOP .NumArea p.Keyword{
		width: 100%;
	}
}
@media screen and (min-width:769px){
	#LIST_TOP .NumArea{
		width: 70%;
	}
	#LIST_TOP .Sort{
		width: 30%;
	}
	#LIST_TOP .Sort ul.Sort_List li:hover{
		background: #dcdcdc;
		border-radius: 3px;
	}
	#LIST_TOP .Sort ul.Sort_List li a:hover:after{
		opacity: 0;
	}
}
/* ------------------------------------------------------------------------
    LIST ITEM
------------------------------------------------------------------------  */
#LIST.TypeA {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: -2.5em;
	margin-bottom: -2.5em;
}
#LIST.TypeA .Item{
	width: 100%;
	max-width: 48%;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
	margin-left: 1%;
	margin-right: 1%;
}
@media screen and (min-width:769px){
	#LIST.TypeA .Item{
		max-width: 23%;
	}
}
/* List Item */
.ItemList .Item .Item_Container {
	display: block;
	width: 100%;
}
.ItemList .Item .Item_Container .Item_Image{
	position: relative;
	width: 100%;
	border-radius: 7px;
	background-position: 50%;
	background-size: cover;
	
	margin-bottom: 1em;
}
.ItemList .Item .Item_Container .Item_Image:after{
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 7px;
	transition: all .6s 0s ease;
	background: rgba(255,255,255,0);
}
/* Item_Category */
.Item_Category span{
	font-size: .875em;
	font-weight: 500;
	color: #888;
}
.Item_Category span:before{
	content: '[';
}
.Item_Category span:after{
	content: ']';
}
.Item_Name {
	font-weight: 500;
}
@media screen and (max-width:768px){
	.Item_Category span{
		display: block;
	}
}
@media screen and (min-width:1024px){
	.ItemList .Item .Item_Container:hover .Item_Image:after{
		background: rgba(255,255,255,.3);
	}
}

/* ------------------------------------------------------------------------
    LIST TABLE
------------------------------------------------------------------------  */
.List_Table.List_Table {
}
.List_Table .Item{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.List_Table .Item:first-child{
	border-top: 1px solid #ccc;
}
.List_Table .Item .Item_Name,
.List_Table .Item .Item_Contents{
	width: 100%;
	box-sizing: border-box;
	padding-top:.875em;
	padding-bottom: .875em;
	padding-left: 1em;
	padding-right: 1em;
}
.List_Table .Item .Item_Name{
	background: #dcdcdc;
}
@media screen and (max-width:768px){
	.List_Table .Item .Item_Name{
		border-bottom: 1px solid #ccc;
	}
}
@media screen and (min-width:769px){
	.List_Table .Item .Item_Name{
		width: 15em;
	}
	.List_Table .Item .Item_Contents{
		width: calc(100% - 15em);
	}
	.List_Table .Item .Item_Name{
		border-right: 1px solid #ccc;
	}
}

/* ------------------------------------------------------------------------
    PAGER
------------------------------------------------------------------------  */
#PAGER {
	margin-bottom: 8em;
}
#PAGER.container {
	max-width: 1400px;
	display: flex;
	justify-content: center;
}
#PAGER ul {
	display: flex;
	flex-wrap: wrap;
}
#PAGER ul li {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#PAGER ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	transition: all .6s;
}
#PAGER ul li.active a{
	background: #999;
	color: #fff;
	cursor: default;
}
@media screen and (max-width:768px){
	#PAGER.container {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (min-width:769px){
	#PAGER ul li {
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#PAGER ul li a{
		width: 40px;
		height: 40px;
	}
	#PAGER ul li:not(.active) a:hover{
		background: #ccc;
	}
}

/* ------------------------------------------------------------------------
    BOTTOM FEATURE
------------------------------------------------------------------------  */
#BTM_FEATURE.container {
	position: relative;
}
#BTM_FEATURE.container .Btm_Feature_Title{
	position: absolute;
	left: 8%;
	top: 1em;
	
	font-size: 1.28em;
	font-weight: 500;
}
#BTM_FEATURE.container .BtmBtn{
	margin-top: 2em;
}
#BTM_FEATURE.container .BtmBtn a{
	margin-left: auto;
}
@media screen and (max-width:768px){
	#BTM_FEATURE.container {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (min-width:769px){
	#BTM_FEATURE.container .Btm_Feature_Title{
		position: absolute;
		left: 20px;
		top: 0;
	}
}

/* ------------------------------------------------------------------------
    MV
------------------------------------------------------------------------  */
#MV{
	position: relative;
}
#MV .container{
	display: flex;
	justify-content: center;
	align-items: center;
	
	padding-top: 40px;
	padding-bottom: 40px;
}
#MV .container .Mv_Box{
	text-align: center;
	color: #fff;
}
#MV .container .Mv_Box h2{
}
#MV .container .Mv_Box .Com{
	margin-top: .5em;
	vertical-align:baseline;
}
#MV .container .Mv_Box .Com span{
	margin-left: .5em;
	font-size: 1.75em;
}
#MV .container .Mv_Box .Btn_Area{
	margin-top: 1.5em;
}
@media screen and (min-width:1024px){
	#MV{
		height: 300px;
	}
	#MV .container{
		height: 300px;
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* slider */
#MV .Mv_Slider{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -2;
}
#MV .Mv_Slider .Mv_Slider_container{
	position: relative;
	overflow: hidden;
}
#MV .Mv_Slider .Mv_Slider_container:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0,0,0,.3);
}
#MV .Mv_Slider .Mv_Slider_container .Mv_Slider_Image{
	width: 100%;
	height: 350px;
	background-position: 50%;
	background-size: cover;
}
#MV .Mv_Slider .Mv_Slider_container .Mv_Slider_Image.mv01{
	background-image: url("../images/mv_image01_sp.jpg");
}
#MV .Mv_Slider .Mv_Slider_container .Mv_Slider_Image.mv02{
	background-image: url("../images/mv_image02_sp.jpg");
}
@media screen and (min-width:1024px){
	#MV .Mv_Slider .Mv_Slider_container .Mv_Slider_Image.mv01{
		background-image: url("../images/mv_image01_pc.jpg");
	}
	#MV .Mv_Slider .Mv_Slider_container .Mv_Slider_Image.mv02{
		background-image: url("../images/mv_image02_pc.jpg");
	}
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
	#MV .Mv_Slider .Mv_Slider_container .Mv_Slider_Image{
		height: 500px;
	}
}
@media screen and (min-width:1401px){
	#MV .Mv_Slider .Mv_Slider_container .Mv_Slider_Image{
		height: 600px;
	}
}

/***********
  category list
***********/
.Category_Container {
	display: flex;
}
.Category_Container .Category_Title{
	width: 100%;
	box-sizing: border-box;
}
.Category_Container .Category_Title .Category_Title_Box > div{
	display: block;
	width: 100%;
}
.Category_Container .Category_List{
	width: 100%;
}
.Category_Container .Category_Btn {
	display: flex;
	justify-content: flex-end;
	margin-top: 2em;
}
@media screen and (max-width:1023px){
	.Category_Container {
		flex-wrap: wrap;
	}
	.Category_Container .Category_Title .Title-A{
		margin-bottom: 2em;
	}
	.Category_Container .Category_Title a{
		display: none;
	}
}
@media screen and (min-width:1024px){
	/* order */
	#NEW .Category_Container > *:nth-child(1){
		order: 2;
	}
	#NEW .Category_Container > *:nth-child(2){
		order: 1;
	}
	
	.Category_Container {
	}
	.Category_Container .Category_Title{
		width: 25%;
		
	}
	.Category_Container .Category_Title .Category_Title_Box{
		display: flex;
		align-items: center;
	}
	.Category_Container .Category_List{
		width: 75%;
	}
	.Category_Container .Category_Btn {
		display: none;
	}
}

/***********
  slider
***********/
/* container */
.Item_Slider {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	overflow: hidden;
}
.Item_Slider .Item .Item_Container{
	display: block;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}


/* Category Title Top margin/padding */
.Category_Container .Category_Title{
	padding-top: 60px;
	margin-top: -60px;
}

/* Slider Type */
.Slider_TypeA {
	padding-top: 60px;
	margin-top: -60px;
}
.Slider_TypeA .slick-list {
	padding-right: 30px;
}
.Slider_TypeB {
	padding-top: 60px;
	margin-top: -60px;
}
.Slider_TypeB .slick-list {
	padding-left: 30px;
}
.Slider_TypeC ,
.Slider_TypeD {
	padding-top: 50px;
	margin-top: -50px;
}
@media screen and (min-width:769px){
	.Slider_TypeA ,
	.Slider_TypeB ,
	.Slider_TypeC ,
	.Slider_TypeD {
		margin-top: -60px;
		padding-top: 60px;
	}
}
/* arrow */
.Slider_Btn {
	position: absolute;
	top: 0;
	z-index: 1;
	height: 40px;
	width: 40px;
	cursor: pointer;
	transition: all .3s;
	border-radius: 50%;
	border: 1px solid #000;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.Slider_Btn.Next {
	right: 30px;
}
.Slider_Btn.Prev {
	right: 85px;
}
.Slider_Btn p{
	position: relative;
	display: block;
	width: 100%;
	font-size: 10px;
	text-align: center;
}
.Slider_Btn p:after{
	position: absolute;
	top: 50%;
	content: '';
	transition: all .6s;
}
.Slider_Btn p:after{
	width: 15px;
	height: 5px;
	background-image: url("../images/icon_arrow.svg");
	background-size: cover;
}
.Slider_Btn.Next p:after{
	right: -10px;
	transform: translateY(-50%);
}
.Slider_Btn.Prev p:after{
	left: -10px;
	transform: translateY(-50%) scale(-1,1);
}
@media screen and (min-width:769px){
	/* Category Title */
	.Category_Container .Category_Title{
		padding-top: 70px;
		margin-top: -70px;
	}
	.Slider_Btn {
		width: 50px;
		height: 50px;
	}
	.Slider_Btn.Prev {
		right: 95px;
	}
	.Slider_Btn p{
		font-size: 12px;
	}
}
@media screen and (min-width:1024px){
	.Slider_Btn:hover {
		background: #dcdcdc;
	}
	.Slider_Btn.Next:hover p:after{
		right: -15px;
	}
	.Slider_Btn.Prev:hover p:after{
		left: -15px;
	}
}

/* ------------------------------------------------------------------------
    Bottom Sign in
------------------------------------------------------------------------  */
#SIGN_AREA {
	display: flex;
	flex-wrap: wrap;
}
#SIGN_AREA > *{
	width: 100%;
	box-sizing: border-box;
}
/* image */
#SIGN_AREA .Image_Area{
	position: relative;
}
/* image */
	#SIGN_AREA .Image_Area .Image{
		width: 77%;
	}
	#SIGN_AREA .Image_Area .ImageBg{
		position: absolute;
		right: 10%;
		top: 50%;
		transform: translateY(-50%);
		z-index: -1;
		width: 70%;
		max-width: 650px;
		background: #dcdcdc;
	}
/* Text */
#SIGN_AREA .Text_Area {
	border-top: 2px solid #000;
}
#SIGN_AREA .Text_Area h3{
	font-size: 2.75em;
	line-height: 1.5em;
	font-weight: 500;
	margin-bottom: .5em;
}
#SIGN_AREA .Text_Area p.Message{
	font-size: 1.25em;
	line-height: 1.5em;
}
#SIGN_AREA .Text_Area .Btn{
	margin-top: 1em;
	margin-bottom: 1em;
}
#SIGN_AREA .Text_Area .Link{
	margin-top: 1em;
}
@media screen and (max-width:768px){
	#SIGN_AREA .Text_Area .Btn{
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width:769px){
	#SIGN_AREA > *{
		max-width: 50%;
	}
	/* image */
	#SIGN_AREA .Image_Area .Image{
		width: 77%;
	}
	#SIGN_AREA .Image_Area .ImageBg{
		position: absolute;
		right: 10%;
		top: 50%;
		transform: translateY(-50%);
		z-index: -1;
		width: 82%;
		max-width: 650px;
		background: #dcdcdc;
	}
	/* Text */
	#SIGN_AREA .Text_Area {
		max-width: 700px;
	}
	#SIGN_AREA .Text_Area h3{
		font-size: 6.75em;
	}
	#SIGN_AREA .Text_Area p.Message{
		font-size: 1.375em;
	}
}
/* ------------------------------------------------------------------------
    Bottom Contact
------------------------------------------------------------------------  */
#CONTACT_AREA {
	position: relative;
	background: rgba(0,0,0,.4);
	overflow: hidden;
	
	padding-top: 4em;
	padding-bottom: 4em;
}
#CONTACT_AREA:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("../images/contact_bg_sp.jpg");
	background-size: cover;
	background-position: 50%;
	z-index: -2;
}
#CONTACT_AREA .Title-A h2{
	text-align: center;
}
#CONTACT_AREA .Title-A > *{
	color: #fff;
}
#CONTACT_AREA .Btn_Area{
	margin-top: 2.5em;
}
@media screen and (min-width:769px){
	#CONTACT_AREA {
		padding-top: 6.25em;
		padding-bottom: 6.25em;
	}
	#CONTACT_AREA:before {
		background-image: url("../images/contact_bg_pc.jpg");
	}
	#CONTACT_AREA .Title-A p{
		text-align: center;
	}
}

/* ------------------------------------------------------------------------
    SEARCH LIST
------------------------------------------------------------------------  */
#SERACH_LIST {}
#SERACH_LIST.container {
}


/* ------------------------------------------------------------------------
    DETAIL
------------------------------------------------------------------------  */
/* TOP */
#DETAIL_TOP {}
#DETAIL_TOP.container{
}
#DETAIL_TOP .Detail_Title {
	margin-bottom: 80px;
}
#DETAIL_TOP .Detail_Title .Title-B p{
}
#DETAIL_TOP .Detail_Images{}
#DETAIL_TOP .Detail_Text{}
#DETAIL_TOP .Detail_Text .Title{
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.5em;
	margin-bottom: 1em;
}
#DETAIL_TOP .Item_Category {
	margin-bottom: 1.5em;
}
#DETAIL_TOP .Detail_Text .Btn_Area{
	margin-top: 4em;
}
@media screen and (max-width:1023px){
	#DETAIL_TOP .Detail_Images{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2em;
		max-width: 450px;
	}
	#DETAIL_TOP .Detail_Text .Title-B{display: none;}
}
@media screen and (min-width:1024px){
	#DETAIL_TOP .Detail_Title{display: none;}
	
	#DETAIL_TOP.container{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#DETAIL_TOP .Detail_Images{
		width: 400px;
	}
	#DETAIL_TOP .Detail_Text{
		width: calc(100% - 450px);
	}
	/* image hover */
	#DETAIL_TOP .ItemList .Item .Item_Container .Item_Image:after{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 80px;
		height: 80px;
	}
	#DETAIL_TOP .ItemList .Item .Item_Container .Item_Image:before{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 40px;
		height: 40px;
		content: '';
		background-size: cover;
		z-index: 3;
		
		transition: all .6s 0s ease;
	}
	#DETAIL_TOP .ItemList .Item .Item_Container:hover .Item_Image:before{
		background-image: url("../images/icon_search.svg");
	}
}

/* Detail MainText */
#DETAIL_MAIN.container {
}
#DETAIL_MAIN > .Message {
	margin-bottom: 2em;
}

/* ITEM_FARE */
#ITEM_FARE.container {
}
#ITEM_FARE .ItemFare_Area{
	margin-bottom: 1.5em;
}
#ITEM_FARE .ItemFare_Area .Message {
	margin-bottom: 2em;
}
@media screen and (min-width:1024px){
	#ITEM_FARE .ItemFare_Area{
		display: flex;
		justify-content: space-between;
	}
}

/* MOVIE */
#ITEM_MOVIE.container{
	padding-bottom: 2em;
}
#ITEM_MOVIE.container .Movie_Wrap{
	width: 100%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}

/* CATALOG */
#ITEM_CATALOG.container{
	padding-bottom: 2em;
}
#ITEM_CATALOG .Catalog {
	background: #dcdcdc;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 2em;
	margin-bottom: 4em;
	
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#ITEM_CATALOG .Catalog .Item{
	width: 100%;
	max-width: 320px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
}
#ITEM_CATALOG .Catalog .Item .Message{
	text-align: center;
	margin-bottom: 1em;
}

/* COMPANY */
#ITEM_COMPANY.container{
}
#ITEM_COMPANY .Comapny_Area {
	position: relative;
	margin-bottom: 4em;
}
#ITEM_COMPANY .Comapny_Area .Com{
}
#ITEM_COMPANY .Comapny_Area .Com h3{
	font-size: 1.125em;
	font-weight: 500;
	margin-bottom: 1em;
}
#ITEM_COMPANY .Comapny_Area .Contens{
}
#ITEM_COMPANY .Btn_Area{
	padding-bottom: 2em;
}
@media screen and (max-width:768px){
	#ITEM_COMPANY .Comapny_Area .Com{
		padding-bottom: 1.5em;
		margin-bottom: 1.5em;
	}
}
@media screen and (min-width:769px){
	#ITEM_COMPANY .Comapny_Area {
		display: flex;
		align-items: center;
	}
	#ITEM_COMPANY .Comapny_Area > *{
		width: 50%;
		box-sizing: border-box;
	}
	#ITEM_COMPANY .Comapny_Area .Com{
		padding-right: 25px;
		border-right: 1px dotted #ccc;
	}
	#ITEM_COMPANY .Comapny_Area .Contens{
		padding-left: 25px;
	}
}

/* ------------------------------------------------------------------------
    PRIVACY
------------------------------------------------------------------------  */
#PRIVACY{
	margin-top: 4em;
	margin-bottom: 4em;
}
#PRIVACY .Message {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}
#PRIVACY .Block{
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}
#PRIVACY h2{
	font-size: 1.28em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	font-weight: 500;
}
#PRIVACY ol{
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
#PRIVACY .contact{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
@media screen and (min-width:769px){
	#PRIVACY{
		margin-top: 5em;
		margin-bottom: 5em;
	}
	#PRIVACY .h2{
		font-size: 1.5em;
	}
}
/* ------------------------------------------------------------------------
    LAW
------------------------------------------------------------------------  */
#LAW{
	margin-top: 4em;
	margin-bottom: 4em;
}
@media screen and (min-width:769px){
	#LAW{
		margin-top: 5em;
		margin-bottom: 5em;
	}
}