@charset "UTF-8";
/* CSS Document */


/* WEB FONT */
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap");


body.footerYes {
	padding-bottom: 70px;
}

DIV#contents {}

/* PCパーツの非表示 */
DIV#contents #aladdin .sp {
	display: none !important;
}

/*共通フォント*/
DIV#contents #aladdin {
	font-family: "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,"PT Sans","Lucida Grande",sans-serif;
}

/*英語フォント*/
DIV#contents #aladdin .en {
	font-family: "EB Garamond", serif;
	font-weight: normal;
	font-weight: 400;
}

/*日本語明朝フォント*/
/*DIV#contents #aladdin .jp {
	font-family: "Noto Serif JP", serif;
}*/

/*文字寄せ*/
DIV#contents #aladdin .center {
	text-align: center!important;
}
DIV#contents #aladdin .right {
	text-align: right!important;
}
DIV#contents #aladdin .left {
	text-align: left!important;
}

html {
	scroll-behavior: smooth;
}
DIV#contents #aladdin {
	/*inline-blockの余白クリア
	font-size: 0;*/
	/*table-cellの余白クリア*/
	line-height: 0;
}


/* 文字 設定 */
DIV#contents #aladdin h1,
DIV#contents #aladdin h2,
DIV#contents #aladdin h3,
DIV#contents #aladdin h4,
DIV#contents #aladdin h5,
DIV#contents #aladdin h6,
DIV#contents #aladdin p,
DIV#contents #aladdin a,
DIV#contents #aladdin ul,
DIV#contents #aladdin li,
DIV#contents #aladdin figure,
DIV#contents #aladdin img {
	background: none;
	border: none;
	color: #444;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .1em;
	margin: 0;
	opacity: 1;
	padding: 0;
	transition: all .3s ease;
}

/*クリック時の枠線とハイライトの非表示*/
DIV#contents #aladdin a {
	cursor:pointer;
	outline: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

DIV#contents #aladdin a {
	color: #444;
	text-decoration: none;
}
DIV#contents #aladdin a:hover {
	opacity: .5;
}

/*見出し設定*/
DIV#contents #aladdin h2 {
	font-family: "EB Garamond", serif;
	font-size: 50px;
	font-weight: normal;
	font-weight: 400;
	letter-spacing: .03em;
	line-height: 1.3em;
	margin-top: 60px;
	text-align: center;
}

DIV#contents #aladdin h2 span {
	display: block;
	font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 20px;
	font-weight: normal;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.6em;
	margin-bottom: 8px;
	text-align: center;
}

DIV#contents #aladdin h3 {
	font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 15px;
	font-weight: normal;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.6em;
	text-align: center;
}
DIV#contents #aladdin h3 span.line {
	display: inline-block;
	font-family: "EB Garamond", serif;
	font-size: 40px;
	font-weight: normal;
	font-weight: 400;
	letter-spacing: .03em;
	line-height: 1.3em;
	margin: 0 auto 5px;
	position: relative;
	text-align: center;
}
DIV#contents #aladdin h3 span.line::before,
DIV#contents #aladdin h3 span.line::after {
	background-color: #444;
	content: "";
	height: 1px;
	position: absolute;
	top: calc(50% - .5px);
	width: 40px;
}
DIV#contents #aladdin h3 span.line::before {
	left: -60px;
}
DIV#contents #aladdin h3 span.line::after {
	right: -60px;
}
DIV#contents #aladdin h3 span.line-full {
	align-items: center;
	display: flex;
	font-family: "EB Garamond", serif;
	font-size: 40px;
	font-weight: normal;
	font-weight: 400;
	letter-spacing: .03em;
	line-height: 1.3em;
	margin: 0 auto 5px;
	position: relative;
	text-align: center;
}
DIV#contents #aladdin h3 span.line-full::before,
DIV#contents #aladdin h3 span.line-full::after {
	background-color: #444;
	content: "";
	height: 1px;
	flex-grow: 1;
}
DIV#contents #aladdin h3 span.line-full::before {
	margin-right: 20px;
}
DIV#contents #aladdin h3 span.line-full::after {
	margin-left: 20px;
}
DIV#contents #aladdin h3 span.line + span,
DIV#contents #aladdin h3 span.line-full + span{
	display: block;
}

/*文字設定*/
DIV#contents #aladdin .text-XL {
	font-size: 24px;
	line-height: 1.5em;
}
DIV#contents #aladdin .text-L {
	font-size: 20px;
	line-height: 1.3em;
}
DIV#contents #aladdin .text-M {
	font-size: 18px;
	line-height: 2em;
}
DIV#contents #aladdin .text-S {
	font-size: 15px;
	line-height: 1.6em;
}
DIV#contents #aladdin .text-XS {
	font-size: 12px;
	line-height: 1.6em;
}

/* ボタン類 */
DIV#contents #aladdin .btn {
	background: none;
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

DIV#contents #aladdin .btn a {
	align-items: center;
	background-color: #EACB1F;
	box-sizing: border-box;
	display: flex;
	font-size: 20px;
	font-weight: bold;
	height: 80px;
	justify-content: center;
	line-height: 1.5em;
	opacity: 1;
	padding: 0 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 560px;
}
DIV#contents #aladdin .btn a::after {
	border-bottom: 0px;
	content: "→";
	line-height: 1em;
	opacity: 1;
	position: absolute;
	right: 20px;
	transition: all .3s ease;
}
DIV#contents #aladdin .btn a:hover,
DIV#contents #aladdin .btn a:hover:after {
	opacity: .5;
}

/* リンク画像 */
DIV#contents #aladdin a img:hover {
	opacity: .5;
}


/* flexBoxの基本設定 */
DIV#contents #aladdin .flex-box {
}




/*--------------------------------------------------------------------------------
  .topAreaBox
--------------------------------------------------------------------------------*/
DIV#contents #aladdin .top-area img {
	margin-top: 60px;
}
DIV#contents #aladdin .top-area p.text-S {
	margin-top: 15px;
	padding-left: 40px;
	padding-right: 40px;
}


/*--------------------------------------------------------------------------------
  .mainAreaBox
--------------------------------------------------------------------------------*/
DIV#contents #aladdin .main-area {}


/* .main-area共通設定 */
DIV#contents #aladdin .main-area .flex-box {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
}


/* .movie-area */
DIV#contents #aladdin .main-area .movie-area {
	margin-top: 90px;
}
DIV#contents #aladdin .main-area .movie-area .flex-box {
	align-items: center;
	margin-top: 40px;
}
DIV#contents #aladdin .main-area .movie-area .flex-box:nth-of-type(2n) {
	flex-direction: row-reverse;
}
DIV#contents #aladdin .main-area .movie-area .flex-box .movie-box {
	height: 315px;
	width: 560px;
}
DIV#contents #aladdin .main-area .movie-area .flex-box .text-box {
	width: 280px;
	margin-left: 40px;
	margin-right: 40px;
}
DIV#contents #aladdin .main-area .movie-area .flex-box .text-box p {
	padding-left: 5px;
	padding-right: 5px;
}
DIV#contents #aladdin .main-area .movie-area .flex-box .text-box p.text-XL {
	font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: bold;
	padding-bottom: 41px;
	position: relative;
}
DIV#contents #aladdin .main-area .movie-area .flex-box .text-box p.text-XL::after {
	background-color: #444;
	bottom: 30px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 280px;
}

/* .special-contents-area */
DIV#contents #aladdin .main-area .special-contents-area {
	margin-top: 90px;
}
DIV#contents #aladdin .main-area .special-contents-area .flex-box {
	flex-wrap: wrap;
	justify-content: space-between;
}
DIV#contents #aladdin .main-area .special-contents-area .flex-box .flex-box-inner {
	margin-top: 40px;
	width: 460px;
}
DIV#contents #aladdin .main-area .special-contents-area .flex-box .flex-box-inner p.text-S {
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}


/* .column-area */
DIV#contents #aladdin .main-area .column-area {
	margin-top: 90px;
}
DIV#contents #aladdin .main-area .column-area .flex-box {
	flex-wrap: wrap;
	justify-content: space-between;
}
DIV#contents #aladdin .main-area .column-area .flex-box .flex-box-inner {
	margin-top: 40px;
	width: 225px;
}
DIV#contents #aladdin .main-area .column-area .flex-box .flex-box-inner p.text-XS {
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


/* .about-aladdin-area */
DIV#contents #aladdin .main-area .about-aladdin-area {
	border-bottom: 1px solid #444;
	margin-top: 90px;
	padding-bottom: 60px;
}
DIV#contents #aladdin .main-area .about-aladdin-area .flex-box {
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
}
DIV#contents #aladdin .main-area .about-aladdin-area .flex-box p {
	width: 580px;
}
DIV#contents #aladdin .main-area .about-aladdin-area .flex-box img {
	height: 280px;
	width: 280px;
}

/* .product-area */
DIV#contents #aladdin .main-area .product-area {
	background-color: #F4F5F2;
	margin-top: 90px;
	padding: 60px 40px;
}
DIV#contents #aladdin .main-area .product-area .flex-box {
	flex-wrap: wrap;
	justify-content: space-between;
}
DIV#contents #aladdin .main-area .product-area .flex-box .flex-box-inner {
	margin-top: 40px;
	width: 420px;
}
DIV#contents #aladdin .main-area .product-area .flex-box .flex-box-inner .text-L {
	font-family: "EB Garamond", serif;
	font-weight: normal;
	font-weight: 400;
	letter-spacing: .03em;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
DIV#contents #aladdin .main-area .product-area .flex-box .flex-box-inner .text-S {
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}