@charset "utf-8";


/* Google fonts import */

@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css"); /* mincho [font-family: "Sawarabi Mincho";] */
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css"); /* gothic [font-family: "Noto Sans Japanese";] */


/*‘reset----------------------------------------------*/
*{
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5,h6{
	font-size:14px;
	font-weight:normal;
}
ul,ol,li{
	list-style-type:none;
}
a{
	font-size:14px;
	transition:all 0.5s;
	color:#2A6BA8;
}
a:hover{
	color:#CF811F;
}
img{
	border:none;
	display:block;
}
p{
	font-size:14px;
	line-height:140%;
}

body{
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
        font-family: "Noto Serif Japanese", "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", Ÿΰ–Ύ’©, YuMincho, HG–Ύ’©E, "‚l‚r ‚o–Ύ’©", "‚l‚r –Ύ’©", serif;
	font-family: "Noto Sans Japanese";
	background:#FFFFFF;
}

br.sp{
	display:none;
}
@media screen and (max-width:600px) {
	br.sp{
		display:block;
	}
}





/* Header
-------------------------------------------------------------- */
header{
	width:100%;
	background:#FFFFFF;
	box-shadow:0 4px 5px rgba(0,0,0,0.25);
	padding:8px 0;
	position:relative;
	z-index:5;
}
header h1 img{
	width:260px;
	display:block;
	margin:auto;
}
@media screen and (max-width:600px) {
	header h1 img{
		width:210px;
	}
}






/* Mv
-------------------------------------------------------------- */
#Mv{
	width:100%;
}
#Mv .Area{
	padding:3% 0;
	background:url(/bc/images/shop_top_tamashii/20220809_KcYE5ktcMecP_mv_bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	overflow:hidden;
}
#Mv .Area img.tx{
	width:100%;
	display:block;
	position:absolute;
	top:20px;
	left:0;
}
#Mv .Area .slider{
	transform: scale(0.9,0.9);
	padding:10px 0;
	width:120%;
	margin-left:-10%;
}
#Mv .Area .slider div{
	transform:skewX(-7deg);
	margin:0 40px;
	overflow:hidden;
	max-height:560px;
}
@media screen and (max-width:1460px) {
	#Mv .Area .slider div{
		margin:0 20px;
		max-height:420px;
	}
}
#Mv .Area .slider a{
	box-shadow:0 3px 4px rgba(0,0,0,0.2);
	display:block;
}
#Mv .Area .slider img{
	width:100%;
	display:block;
	transform:skewX(15deg) scale(1.4,1.4) translateY(12.5%);
}
@media screen and (max-width:600px) {
	#Mv .Area{
		padding:25% 0 20% 0;
	}
	#Mv .Area img.tx{
		top:25px;
	}
	#Mv .Area .slider{
		transform: scale(1.6,1.6);
		padding:10px 0;
		width:100%;
		margin:auto;
	}
	#Mv .Area .slider div{
		margin:0 8px;
	}
}




/* Read
-------------------------------------------------------------- */
.Read{
	width:100%;
	padding:60px 0;
}
.Read .Area{
	width:92%;
	max-width:1000px;
	margin:auto;
}
.Read .Area p{
	font-size:16px;
	letter-spacing:1px;
	line-height:185%;
	color:#333333;
	text-align:center;
}
.Read .Area p a{
	color:#2F73A5;
	font-size:16px;
	transition:all 0.5s;
}
.Read .Area p a:hover{
	opacity:0.7;
}

.Read .Area .Atent{
	border:solid 3px #111111;
	background:#FFDE1F;
	color:#111111;
	margin-top:40px;
}
.Read .Area .Atent div{
	padding:20px;
}
.Read .Area .Atent div p.b{
	font-size:24px;
	font-weight:bold;
}
.Read .Area .Atent div p.b::after{
	content:"";
	display:block;
	width:80px;
	height:5px;
	background:#111111;
	margin:15px auto;
}
.Read .Area .Atent div p.n{
	font-size:16px;
	line-height:165%;
}
.Read .Area .Atent div strong{
	color:#CC0000;
}
.Read .Area .Atent div span{
	display:block;
	font-size:12px;
}

@media screen and (max-width:600px) {
	.Read{
		padding:40px 0;
	}
	.Read .Area p{
		font-size:14px;
		line-height:175%;
	}
	.Read .Area p a{
		color:#2F73A5;
		font-size:14px;
		transition:all 0.5s;
	}
	
	.Read .Area .Atent{
		margin-top:30px;
	}
	.Read .Area .Atent div{
		padding:15px;
	}
	.Read .Area .Atent div p.b{
		font-size:20px;
	}
	.Read .Area .Atent div p.b::after{
		width:60px;
		height:4px;
		margin:10px auto;
	}
	.Read .Area .Atent div p.n{
		font-size:14px;
	}
	.Read .Area .Atent div span{
		font-size:11px;
		line-height:135%;
		margin-top:10px;
	}
}






/* Menu
-------------------------------------------------------------- */
.Menu{
	width:100%;
	padding:20px 0 40px ;
	background:url(/bc/images/shop_top_tamashii/20220809_KcYE5ktcMecP_menu_bg.jpg) no-repeat top center;
	background-size:100%;
}
.Menu h2{
	font-size:30px;
	letter-spacing:3px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	width:220px;
	margin:auto;
	margin-bottom:20px;
	position:relative;
}
.Menu h2::before,
.Menu h2::after{
	content:"";
	display:block;
	width:40px;
	height:2px;
	background:#FFFFFF;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.Menu h2::before{
	left:0;
}
.Menu h2::after{
	right:0;
}

.Menu ul{
	width:92%;
	max-width:1200px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.Menu ul li{
	width:23%;
}
.Menu ul li a{
	display:block;
	background:#FFFFFF;
	border-radius:4px;
	padding:10px 0;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	position:relative;
}
.Menu ul li:nth-child(1) a,
.Menu ul li:nth-child(4) a{
	padding:20px 0;
}
.Menu ul li a::after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #FFFFFF transparent transparent transparent;
	position:absolute;
	bottom:-15px;
	left:50%;
	transform:translateX(-50%);
}
.Menu ul li a:hover{
	opacity:0.7;
	transition:all 0.5s;
}
@media screen and (max-width:600px) {
	.Menu{
		padding:15px 0 10px ;
		background:url(/bc/images/shop_top_tamashii/20220809_KcYE5ktcMecP_menu_bg_sp.jpg) no-repeat top center;
		background-size:100%;
	}
	.Menu h2{
		font-size:22px;
		width:180px;
		margin-bottom:15px;
	}
	
	.Menu ul li{
		width:45%;
		margin-bottom:30px;
	}
	.Menu ul li a{
		padding:8px 0;
		font-size:13px;
	}
	.Menu ul li:nth-child(1) a,
	.Menu ul li:nth-child(4) a{
		padding:36px 0 37px 0;
	}
}






/* Wrap(Contents)
-------------------------------------------------------------- */
.Wrap{
	width:100%;
	padding:70px 0;
	margin-bottom:40px;
	position:relative;
}
.Wrap img.BgBack{
	width:100%;
	display:block;
	position:absolute;
	height:72%;
	bottom:0;
	left:0;
}
.Wrap img.BgBack.hi{
	height:82%;
}
.Wrap .Area{
	width:100%;
	max-width:1000px;
	margin:auto;
	position:relative;
	z-index:2;
}
.Wrap .Area h3{
	font-size:24px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	width:100%;
	padding:12px 0;
	max-width:1000px;
	margin-bottom:40px;
	background:url(/bc/images/shop_top_tamashii/20220809_KcYE5ktcMecP_tit_bg.jpg) no-repeat center center;
	background-size:cover;
}
@media screen and (max-width:600px) {
	.Wrap{
		padding:50px 0;
		margin-bottom:20px;
	}
	.Wrap.spMb{
		padding:50px 0 20px 0;
		margin-bottom:0;
	}
	.Wrap img.BgBack{
		width:100%;
		display:block;
		position:absolute;
		height:72%;
		bottom:0;
		left:0;
		z-index:-1;
	}
	.Wrap img.BgBack.hi{
		height:82%;
	}
	.Wrap .Area h3{
		font-size:18px;
		margin-bottom:25px;
		line-height:145%;
	}
}






/* TableImg
-------------------------------------------------------------- */
.TableImg{
	padding: 20px;
	background: #FAFAFA;
	position:relative;
}

.TableScroll{
	overflow:scroll;
	overflow-y:hidden;
	width: 100%;
	cursor:move;
	padding-bottom:40px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.TableScroll img{
	width:1480px;
	display:block;
}

.TableScroll::-webkit-scrollbar {
  height:10px;
}
.TableScroll::-webkit-scrollbar-track {
  background: #e4e4e4;
  border-radius: 100px;
  padding:5px;
}

.TableScroll::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 6px solid rgba(0, 0, 0, 0.18);
  border-left: 0;
  border-right: 0;
  background-color: #666666;
}
img.Scroll{
	display: block;
	position:absolute;
	width:180px;
	height:140px;
	top:30%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	z-index:1;
}
img.Swipe{
	display:none;
}
@media screen and (max-width:600px) {
	.TableImg{
		padding: 12px;
	}
	.TableScroll{
		padding-bottom:20px;
	}
	.TableScroll img{
		width:900px;
	}
	img.Scroll{
		display:none !important;
	}
	img.Swipe{
		display: block;
		position:absolute;
		width:120px;
		height:120px;
		top:50%;
		left:50%;
		transform:translateX(-50%) translateY(-50%);
		z-index:1;
	}
}

p.notes {
    color: #222;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 5px;
}
@media screen and (max-width:600px) {
    p.notes {
        font-size: 2.6vw;
    }
}




/* Info
-------------------------------------------------------------- */
.Info{
	background:#FFF7D2;
	padding:20px;
	margin-bottom:30px;
}
.Info table{
	width:100%;
}
.Info table td{
	font-size:18px;
	line-height:165%;
	color:#5B410E;
	padding:5px 0;
	vertical-align:text-top;
	letter-spacing:1px;
	font-weight:bold;
}
.Info table td:nth-child(1){
	width:20%;
}
.Info table td:nth-child(2){
	width:78%;
}
.Info table td p{
	font-size:18px;
	text-indent:-18px;
	margin-left:18px;
	line-height:165%;
	letter-spacing:1px;
}
.Info table td p i{
	font-style:normal;
}
.Info table td p span{
	display: block;
	letter-spacing:0;
	font-size:12px;
	text-indent:0px;
}
@media screen and (max-width:600px) {
	.Info{
		width:84%;
		margin:auto;
		padding:12px;
		margin-bottom:24px;
	}
	.Info table td{
		font-size:18px;
		display:block;
	}
	.Info table td:nth-child(1){
		width:100%;
		padding:0;
		padding-top:8px;
	}
	.Info table td:nth-child(2){
		width:100%;
		padding:0;
		padding-bottom:8px;
	}
	.Info table td p{
		font-size:14px;
		text-indent:0;
		line-height:145%;
	}
	.Info table td p.spIn{
		text-indent:-93px;
		margin-left:93px;
	}
	.Info table td p i{
		display:none;
	}
	.Info table td p b{
		margin-right:15px;
	}
	.Info table td p span{
		font-size:11px;
		line-height:140%;
		margin-top:6px;
	}
}







/* Group
-------------------------------------------------------------- */
.Group{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.Group .w{
	width:47.5%;
	margin-bottom:60px;
}
.Group .w div.f{
	border:solid 5px #E5E7F2;
	padding:18px;
	background:#FFFFFF;
}
.Group h4{
	text-align:center;
	color:#333333;
	font-size:24px;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:20px;
}
.Group ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.Group ul li{
	width:32%;
}
.Group ul li img{
	width:100%;
	display:block;
}
.Group ul li div{
	background:#E50012;
	position:relative;
	height:94px;
}
.Group ul li p{
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	line-height:135%;
	padding:6px 3px 6px 8px;
}
.Group ul li p span{
	font-size:10px;
}

.Group p.Cap{
	font-size:12px;
	text-align:center;
	margin:5px 0;
	width:100%;
	color:#333333;
	font-weight:bold;
}
@media screen and (max-width:600px) {
	.Group .w{
		width:92%;
		margin:auto;
		margin-bottom:30px;
	}
	.Group .w div.f{
		border:solid 4px #E5E7F2;
		padding:12px;
	}
	.Group h4{
		font-size:20px;
		margin-bottom:15px;
	}
	.Group ul li div{
		background:#E50012;
		position:relative;
		height:94px;
	}
	.Group ul li p{
		font-size:10px;
		padding:4px 5px;
	}
	.Group ul li p br{
		display:none !important;
	}
	
	.Group p.Cap{
		font-size:10px;
	}
}







/* Product
-------------------------------------------------------------- */
.Product{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.Product div.w{
	width:32%;
	position:relative;
	padding-bottom:60px;
	margin-bottom:50px;
}
.Product div.w .Img{
	border:solid 5px #E5E7F2;
}
.Product div.w .Img img{
	display: block;
	width:100%;
}
.Product div.w p{
	color:#FFFFFF;
	line-height:145%;
	font-size:16px;
	letter-spacing:1px;
	padding:5px 10px;
}
.Product div.w p span{
	font-size:13px;
}
.Product div.w a{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
@media screen and (max-width:600px) {
	.Product{
		width:92%;
		margin:auto;
	}
	.Product div.w{
		width:47.5%;
		padding-bottom:60px;
		margin-bottom:40px;
	}
	.Product div.w .Img{
		border:solid 4px #E5E7F2;
	}
	.Product div.w p{
		font-size:13px;
		padding:4px 7px;
	}
	.Product div.w p span{
		display:inline-block;
		font-size:11px;
		line-height:135%;
		margin-top:6px;
	}
}






/* Btn style
-------------------------------------------------------------- */
a.Btn_w{
	display:block;
	width:60%;
	margin:auto;
	background:#FFFFFF;
	border-radius:100px;
	padding:14px 0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	color:#333333;
	text-decoration:none;
	position:relative;
	box-shadow:0 3px 4px rgba(0,0,0,0.25);
	transition:all 0.5s;
}
a.Btn_w:hover{
	opacity:0.7;
}
a.Btn_w::after{
	content:"";
	display: block;
	width:7px;
	height:7px;
	border-top:2px solid #333333;
	border-right:2px solid #333333;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:30px;
	top:55%;
	margin-top:-7px;
}
@media screen and (max-width:600px) {
	a.Btn_w{
		width:80%;
		padding:12px 0;
		font-size:14px;
	}
	a.Btn_w:hover{
		opacity:0.7;
	}
	a.Btn_w::after{
		width:5px;
		height:5px;
		right:24px;
		margin-top:-5px;
	}
}

a.Btn_rl,a.Btn_r,a.Btn_n{
	display:block;
	width:84%;
	margin:auto;
	background:#FFFFFF;
	border-radius:100px;
	padding:10px 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color:#FFFFFF;
	text-decoration:none;
	position:relative;
	box-shadow:0 3px 4px rgba(0,0,0,0.25);
	transition:all 0.5s;
}
a.Btn_rl:hover,
a.Btn_r:hover,
a.Btn_n:hover{
	opacity:0.7;
}
a.Btn_rl::after,
a.Btn_r::after,
a.Btn_n::after{
	content:"";
	display: block;
	width:5px;
	height:5px;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:20px;
	top:55%;
	margin-top:-5px;
}
a.Btn_rl{
	background:#E096A1;
}
a.Btn_r{
	background:#E60012;
}
a.Btn_n{
	background:#999999;
}
@media screen and (max-width:600px) {
	a.Btn_rl,a.Btn_r,a.Btn_n{
		width:96%;
		padding:8px 0;
		font-size:12px;
	}
	a.Btn_rl::after,
	a.Btn_r::after,
	a.Btn_n::after{
		right:12px;
		margin-top:-5px;
	}
}







/* Extra
-------------------------------------------------------------- */
div.anc{
	position:relative;
	top:20px;
}







/* Copy
-------------------------------------------------------------- */
.Copy .copylist {
    text-align: center;
}
.Copy .copylist li {
    display: inline-block;
    line-height: 1.4em;
    margin: 0.1em 0.2em;
}



/* footer
-------------------------------------------------------------- */
#cduFooter p,
#cduFooter a {
    font-size: inherit;
}    
#cduFooter img{
    display: inline-block;
}