@charset "shift_jis";
/*_____________________________________________________________________________*/
#mycontainer{
	font-family:Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	font-weight:400;
	color:#000000;
}
#mycontainer,#mycontainer *{
	font-size:14px;
	line-height:1.0;
	letter-spacing: 0.00rem;
	box-sizing:border-box;
}
@media screen and (max-width:767px){
	#mycontainer,#mycontainer *{
		font-size:12px;
		line-height:1.0;
		letter-spacing: 0.00rem;
	}
	footer{
		margin-top:0;
	}
}
#mycontainer *{
	font-size:inherit;
	line-height:inherit;
	box-sizing:inherit;
	font-family:inherit;
}
#mycontainer h2,#mycontainer h3,#mycontainer h4,#mycontainer h5,#mycontainer h6{
	font-weight:400;
}
#mycontainer .px0{
	font-size:0;
	line-height:0;
}
#mycontainer img{
	max-width:auto;
	max-width:initial;
}

#mycontainer *{
	word-break:normal;
}
#mycontainer .ja_txt{
	font-family: "Noto Sans JP", sans-serif;
}
#mycontainer .txt_bold{
	font-weight:bold;
}

/* 背景色 */
/* 1 パンくず */
#pankuzu_body.its_bg_color{
	background-color:#F0ECE9 !important;
}
/* 2 メインコンテンツ */
#mycontainer.its_bg_color{
	background-color:#F0ECE9 !important;
}

#mycontainer .bg_white{
	background-color:#FFFFFF;
}

/* 改行レイアウト */
#mycontainer br.spneed{  display:none;}
#mycontainer br.spnoneed{display:inline;}
@media screen and (max-width: 767px){
	#mycontainer br.spneed{  display:inline;}
	#mycontainer br.spnoneed{display:none;}
}

/* リンク無もaタグで統一 */
#mycontainer a[href^="javascript:void(0)"]{
	cursor:default;
	opacity:1.0 !important;
	pointer-events:none;
}

/* 標準fadeIn */
#mycontainer .Innview {
	opacity: 0;
}

#mycontainer .Effect1 {
	opacity: 1;
	transition: opacity 1.5s ease 0.01s;
}
#mycontainer .Effect0 {
	opacity: 1;
	transition:unset;
}

/*__________________________________ トップ画像、テキスト______________________________*/
#mycontainer .main_v{
	width:100%;
	position:relative;
}
#mycontainer .main_v > div{
	max-width:1225px;
	width:100%;
	margin:0 auto;
	position:relative;
}
	#mycontainer .main_v .topmain{
		padding-top:0;   /*9.7959183%;*/ /*120/1225*/
		padding-bottom:11.4285714%;/*140/1225*/
	}
@media screen and (max-width:767px){
		#mycontainer .main_v .topmain{
			padding-top:0;   /*9.7959183%;*/ /*120/1225*/
			padding-bottom:calc(67.5 * (100vw / 375));
		}
}

#mycontainer #title_01, #mycontainer #title_02 {
	font-size: 15px;
	letter-spacing:0.233333333333em;
	text-align: center;
	line-height:2;
}
#mycontainer #title_02 {
	margin-bottom: 110px;
}
@media screen and (max-width:767px){
	#mycontainer #title_01, #mycontainer #title_02 {
		letter-spacing:0.25em;
	}
}

/*__________________________________ コンテンツ ______________________________________*/
#mycontainer .content_body{
	width:100%;
	position:relative;
}
#mycontainer .content_body > div{
	max-width:685px;
	width:100%;
	margin:0 auto;
	position:relative;
}
#mycontainer .content_body > div > div{
	padding:0 0 20px;/*0/685 max内なので固定*/
}
#mycontainer .content_body > div > div.pt0{
	padding-top:0;
}
	/* メイン */
	#mycontainer .content_body .letter{
		padding-top:0;
		padding-bottom:80px;/*80/685 max内なので固定*/
	}
		/* 画像 */
		#mycontainer .content_body .letter .top_img{
			padding-bottom:50px;/*50/685 max内なので固定*/
		}
		#mycontainer .content_body .letter .top_img.pb0{
			padding-bottom:0px;
		}
		#mycontainer .content_body .letter .top_img.bottom_m{
			padding-bottom:8vw;
		}
		
		/* 商品クレジット */
		#mycontainer .content_body .letter .letter_txt{
			width:95%;
			margin:0 auto;
		}
		#mycontainer .content_body .letter .letter_txt.letter_txt2{
			padding-bottom:70px;/*70/685 max内なので固定*/
		}
			#mycontainer .content_body .letter .letter_txt .description{
				padding-bottom:50px;/*50/685 max内なので固定*/
			}
			#mycontainer .content_body .letter .letter_txt .description.pb0{
				padding-bottom:0px;
			}
				#mycontainer .content_body .letter .letter_txt .description a{
					display:block;
				}
					#mycontainer .content_body .letter .letter_txt .description a .credit{}
					#mycontainer .content_body .letter .letter_txt .description a .en_txt{
						font-weight: normal;
						letter-spacing: 1px;
						font-family: 'Inter', sans-serif;
					}
						#mycontainer .content_body .letter .letter_txt .description a .credit .item_py{
							text-align:right;
							font-size:13px;/*13/685 max内なので固定*/
							letter-spacing:0.27em;/* 0.35rem 1remで10pxのサイトだった */
							line-height:2;
							transform: skewX(-25deg);
						}
						#mycontainer .content_body .letter .letter_txt .description a .credit .item_nm{
							text-align:left;
							font-size:13px;/*13/685 max内なので固定*/
							letter-spacing:0.27em;/* 0.35rem 1remで10pxのサイトだった */
							line-height:2;
						}
	/* ボタン、TOPリンク */
	#mycontainer .content_body .btm_nav{
		padding-top:0;
		padding-bottom:120px;/*120/685 max内なので固定*/
	}
		#mycontainer .content_body .btm_nav .list_btn{
			width:100%;
			padding-bottom:100px;
		}
			#mycontainer .content_body .btm_nav .list_btn > div{}
				#mycontainer .content_body .btm_nav .list_btn .en_txt{
					font-weight: normal;
					letter-spacing: 1px;
					font-family: 'Inter', sans-serif;
				}
				#mycontainer .content_body .btm_nav .list_btn p{
					font-size:13.5px;/*20/685 max内なので固定*/
					line-height:2;
					text-align:center;
				}
					#mycontainer .content_body .btm_nav .list_btn p a{
						font-weight:bold;
						letter-spacing:0.26em;/* 0.35rem 1remで10pxのサイトだった */
						text-decoration:underline;
					}

		#mycontainer .content_body .btm_nav .top_btn{
			border-bottom:1px solid #000000;
			width:100%;
		}
			#mycontainer .content_body .btm_nav .top_btn > div{}
				#mycontainer .content_body .btm_nav .top_btn .en_txt{
					font-weight: normal;
					letter-spacing: 1px;
					font-family: 'Inter', sans-serif;
				}
				#mycontainer .content_body .btm_nav .top_btn p{
					font-size:20px;/*20/685 max内なので固定*/
					line-height:2;
					padding-bottom:0.5em;
					text-align:center;
				}
					#mycontainer .content_body .btm_nav .top_btn p a{
						letter-spacing:0.175em;/* 0.35rem 1remで10pxのサイトだった */
					}
@media screen and (max-width:767px){
	/* コンテンツ */
	#mycontainer .content_body > div{
		width:91.3%;
		max-width:100%;
	}
	#mycontainer .content_body > div > div{
		padding:0 0 0px;
	}
		/* メイン */
		#mycontainer .content_body .letter{
			padding-top:0;
			padding-bottom:calc(48.75 * (100vw / 375));
		}
			/* 画像 */
			#mycontainer .content_body .letter .top_img{
				padding-bottom:calc(30 * (100vw / 375));
			}
			#mycontainer .content_body .letter .top_img.bottom_m{
				padding-bottom:15vw;
			}
			
			/* 商品クレジット */
			#mycontainer .content_body .letter .letter_txt{
				padding-bottom:calc(30 * (100vw / 375));
			}
			#mycontainer .content_body .letter .letter_txt.pb0{
				padding-bottom:0;
			}
			#mycontainer .content_body .letter .letter_txt.letter_txt2{
				padding-bottom:calc(67.5 * (100vw / 375));
			}
				#mycontainer .content_body .letter .letter_txt .description{
					padding-bottom:calc(24.75 * (100vw / 375));
				}
							#mycontainer .content_body .letter .letter_txt .description a .credit .item_py{
								font-size:calc(12 * (100vw / 375));
							}
							#mycontainer .content_body .letter .letter_txt .description a .credit .item_nm{
								font-size:calc(12 * (100vw / 375));
							}


		/* ボタン、TOPリンク */
		#mycontainer .content_body .btm_nav{
			padding-top:calc(70 * (100vw / 375));
			padding-bottom:calc(100 * (100vw / 375));
		}
					#mycontainer .content_body .btm_nav .top_btn p{
						font-size:calc(20 * (100vw / 375));
					}
						#mycontainer .content_body .btm_nav .top_btn p a{
							letter-spacing:0.175em;/* 0.35rem 1remで10pxのサイトだった */
						}
}