/* CSS Document */

/* ==================================================

	icon

 ================================================== */
@font-face {
  font-family: 'icon';
  src:  url('/disney/fonts/icon.eot?z9136r');
  src:  url('/disney/fonts/icon.eot?z9136r#iefix') format('embedded-opentype'),
    url('/disney/fonts/icon.ttf?z9136r') format('truetype'),
    url('/disney/fonts/icon.woff?z9136r') format('woff'),
    url('/disney/fonts/icon.svg?z9136r#icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "icoset";
  src: url(/kekkonuchiiwai/fonts/icoset.ttf) format("truetype"), url(/kekkonuchiiwai/fonts/icoset.woff) format("woff");
  font-weight: 400;
  font-style: normal
}
@font-face{
	font-family:'defico';
	src:url("/cmn/css/fonts/icoset.eot");
	src:url("/cmn/css/fonts/icoset.eot#iefix") format("embedded-opentype"),url("/cmn/css/fonts/icoset.ttf") format("truetype"),url("/cmn/css/fonts/icoset.woff") format("woff"),url("/cmn/css/fonts/icoset.svg#icoset") format("svg");
	font-weight:normal;
	font-style:normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-point_shine:before {
  content: "\e906";
}
.icon-catalog:before {
  content: "\e902";
}
.icon-shop:before {
  content: "\e903";
}
.icon-chevron-down:before {
  content: "\e904";
}
.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-controller-record:before {
  content: "\e905";
}




/* ==================================================

	common

 ================================================== */
/*.spMode body{
	overflow-x:hidden;
}*/
body{
	counter-reset: point_number;
}
/*
	article
================================ */
#disney,
#disney .bg_blue{
	background: url("/disney/images/disney_left_bg_img.svg"), url("/disney/images/disney_right_bg_img.svg");
	background-repeat: repeat-y, repeat-y;
	background-position: left, right;
	background-size: 30% auto, 30% auto;
}
/*
	section
================================ */
#disney section{
	width: 100%;
	padding: 60px 0;
	margin: 0 auto;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: .2rem;
}
#disney section .inner{
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
}
/*
	bg_blue
================================ */
#disney .bg_blue{
	background-color: #eaf6fd;
}
/*
	bg_gold
================================ */
#disney .bg_gold{
	background: url("/disney/images/disney_left_bg_yl_img.svg"), url("/disney/images/disney_right_bg_yl_img.svg"), linear-gradient(0deg, rgba(255,238,195,1) 0%, rgba(247,225,170,1) 50%, rgba(239,212,143,1) 100%);
	background-repeat: repeat-y, repeat-y, repeat;
	background-position: left, right;
	background-size: 30% auto, 30% auto, 100% 100%;
	/*background-size: 30% 100%, 30% 100%;*/
}
/*
	bg_shine
================================ */
#disney .bg_shine{
	background: url("/disney/images/disney_left_bg_img.svg"), url("/disney/images/disney_right_bg_img.svg"), linear-gradient(0deg, rgba(71, 116, 185, 1) 10%, rgba(38, 96, 173, 1) 40%, rgba(0, 80, 153, 1) 68%, rgba(0, 56, 109, 1) 90%);
	background-repeat: repeat-y, repeat-y, repeat;
	background-position: left, right;
	background-size: 30% auto, 30% auto, 100% 100%;
	/*background-size: 30% 100%, 30% 100%;*/
}
/*
	h2
================================ */
#disney h2{
	color: #00386d;
	font-size: 2.4rem;
	font-weight: 800;
	text-align: center;
}
/* span -------------------- */
#disney h2 span{
	display: inline-block;
	font-weight: 800;
}
/* .ornament ------------ */
#disney h2 span.ornament{
	position: relative;
}
#disney h2 span.ornament::before,
#disney h2 span.ornament::after{
	position: absolute;
	display: block;
	width: 30px;
}
#disney h2 span.ornament::before{
	content: url(/disney/images/disney_h2_left.svg);
	top: -20px;
	left: -30px;
}
#disney h2 span.ornament::after{
	content: url(/disney/images/disney_h2_right.svg);
	bottom: -20px;
	right: -30px;
}
/*
	text
================================ */
#disney .serif {
	font-family: 'Noto Serif JP', serif;
}
#disney .mplus {
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
/* .caption ------------ */
#disney p.caption{
	width: 90%;
	margin: 30px auto 40px;
	text-align: justify;
}
/*
	.link_btn
================================ */
#disney .link_btn{
	width: 90%;
	max-width: 400px;
	margin: 40px auto 0;
}
#disney .link_btn a{
	display: block;
	padding: 14px 0;
	color: #fff;
	text-align: center;
	border: 1px solid #00386d;
	border-radius: 10px;
	background-color: #00386d;
	transition: all .3s;
}
#disney .link_btn a:hover{
	color: #00386d;
	background-color: #fff;
}
/* 赤 -------------------- */
#disney .digicata_area .link_btn a,
#disney .btn_area .link_btn a,
#disney .campaign_area .link_btn a{
	border: 1px solid #e71a3c;
	background-color: #e71a3c;
}
#disney .digicata_area .link_btn a:hover,
#disney .btn_area .link_btn a:hover,
#disney .campaign_area .link_btn a:hover{
	color: #e71a3c;
	background-color: #fff;
}
/* ==========================================
	768~(tablet)
========================================== */
@media screen and (min-width:768px) {
	/*
		article
	================================ */
	#disney,
	#disney .bg_blue,
	#disney .bg_gold,
	#disney .bg_shine{
		background-size: 20% auto, 20% auto;
	}
	/*
		section
	================================ */
	#disney section{
		padding: 100px 0;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.4;
	}
}
/* ==========================================
	1024~(PC)
========================================== */
@media screen and (min-width:1024px) { 
	/*
		article
	================================ */
	#disney,
	#disney .bg_blue,
	#disney .bg_gold,
	#disney .bg_shine{
		background-size: 10% auto, 10% auto;
	}
	/*
		section
	================================ */
	#disney section .inner{
		width: 100%;
	}
	/*
		h2
	================================ */
	#disney h2{
		font-size: 3.6rem;
	}
	/* .ornament ------------ */
	#disney h2 span.ornament::before,
	#disney h2 span.ornament::after{
		width: 30px;
	}
	#disney h2 span.ornament::before{
		top: -30px;
		left: -40px;
	}
	#disney h2 span.ornament::after{
		bottom: -30px;
		right: -40px;
	}
	/*
		text
	================================ */
	/* .caption ------------ */
	#disney p.caption{
		width: 100%;
		margin: 60px auto 80px;
		text-align: center;
	}
}



/* ========================================

	.copyright_area

 ======================================== */
#disney .copyright_area{
	padding: 10px;
}
#disney .copyright_area p{
	margin: 0 0 0 auto;
	font-size: 1rem;
	text-align: right;
}
#disney .copyright_area p span{
	display: block;
}
/* ==========================================
	1024~(PC)
========================================== */
@media screen and (min-width:1024px) {
    #disney .copyright_area p span{
		display: inline-block;
	}
	#disney .copyright_area p span:nth-of-type(n + 2){
		margin-left: 10px;
	}
}