@charset "utf-8";

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

/* overwrite */
html { font-size: 62.5%; /* font-size: 10px; */ }

body {
	font-size: 1.4rem !important; /* font-size: 14px; */
	text-align: left !important;
	color: #000;
	line-height: 1.5;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
#careContents *, #careContents *::before, #careContents *::after{box-sizing:border-box;}



/* ------------------------------------------------------------
common use
------------------------------------------------------------ */
.tx_C { text-align: center; }
.tx_R { text-align: right; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb70 { margin-bottom: 70px; }

.ml10 { margin-left: 10px;}

.tx11 { font-size: 1.1rem; }
.tx16 { font-size: 1.6rem; }

img { vertical-align: bottom; }

sup { font-size: 1.1rem; position: relative; top: -0.4em;}

.bold { font-weight: bold; }

#careContents a {
	text-decoration: none;
}

.w980 {
	width: 980px;
	margin: 0 auto;
}

.tx_C { text-align: center; }

.cFix:after {
  content: " ";
  clear: both;
  display: block;
}

.clear { clear: both; }

.cauiton10 { font-size: 1rem; }

#access_header h1,
#access_header h1 a{
	color: #000;
}

div.thumbWrapper a *,
#plusAccessory a{
	color: #444;
}

ul.cautionIndent1em {
	font-size: 1.1rem;
}

ul.cautionIndent1em li {
	padding-left: 1em;
	text-indent: -1em;
}

/* ------------------------------------------------------------
nav
------------------------------------------------------------ */
/*nav { margin:0; padding:0; }

.is-fixed {
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	z-index:10000;
	margin:0; padding:0;
}*/



/* ------------------------------------------------------------
#pageTitle
------------------------------------------------------------ */
#pageTitle { background: #1f3364; /*margin-bottom: 55px;*/}

#pageTitle h2 { width: 980px; margin: 0 auto; }


/* section */
.w980 section { margin-bottom: 40px; }

.w980 section h3 { text-align: center; margin-bottom: 12px; }

.w980 section h3 img { width: 318px; }

.w980 section p.leadCopy { text-align: center; margin-bottom: 30px; }


/* div.thumbWrapper */
div.thumbWrapper {
	width: 960px;
	margin: 0 10px;
}
@media only screen and (min-width: 737px) {
	div.thumbWrapper {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
div.thumbWrapper a {
	display: block;
	width: 300px;
	float: left;
	margin-right: 30px;
}

div.thumbWrapper a:nth-child(3n) {
	margin-right: 0;
}

div.thumbWrapper dl { width: 300px; padding-bottom: 40px; }

div.thumbWrapper dl dt { margin-bottom: 15px; overflow: hidden; }

div.thumbWrapper dl dt img { width: 100%;}

div.thumbWrapper dl dd p.sCopy { font-size: 1.1rem; color:#444; margin-bottom: 5px; }

div.thumbWrapper dl dd p.sCopy.sannen6man { padding-right: 80px; background:url(../../img/sannen6man.png) right top no-repeat; background-size: 66px auto; min-height:22px;}

/*20170404試したけどお蔵
div.thumbWrapper dl dd p.sCopy.sannen6man { padding-right: 80px; background:url(../../img/sannen6man.png) right top no-repeat; min-height:22px;}
*/

div.thumbWrapper dl dd h4 { font-size: 1.6rem; font-weight: bold; background:url(../img/link_arrow.gif) right center no-repeat; background-size: 16px 16px;}

div.thumbWrapper dl dd h4 span { display:block; /*←line-heigt効かせる用*/ font-size: 1.3rem;}

.bgBtm { background-position: right bottom 5px !important;}

div.thumbWrapper a dl dt img {
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}

div.thumbWrapper a:hover dl dt img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

div.thumbWrapper a.lineup { width: 300px; margin-bottom: 40px; overflow: hidden;}

div.thumbWrapper a.lineup img { width: 100%;}

div.thumbWrapper a.lineup img {
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}

div.thumbWrapper a.lineup:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


div.thumbWrapper a:hover dl dd h4 {
	text-decoration: underline;
}

/*カテゴリindexのサムネールリンクしない時*/
div.thumbWrapper a.disabled {
	cursor: default;
}

div.thumbWrapper a.disabled dl dt img {
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

div.thumbWrapper a.disabled:hover dl dt img {
	-webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

div.thumbWrapper a.disabled:hover dl dd h4 {
	text-decoration: none;
}

div.thumbWrapper a.disabled dl dd h4 { background: none;}

div.thumbWrapper a.disabled dl dd h4 + div.default { position:relative; font-size: 1.2rem; margin-top: 10px; }
div.thumbWrapper a.disabled dl dd h4 + div.clicked { position:relative; font-size: 1.2rem; margin-top: 10px; }

div.thumbWrapper a.disabled dl dd h4 + div.default::before {
	display: block;
	content: "";
	width: 100%;
	height: 27px;
	background: #ededed;
	z-index: 1;
	cursor: pointer;
}

div.thumbWrapper a.disabled dl dd h4 + div.default:hover::before {
	opacity: 0.7;
}

div.thumbWrapper a.disabled dl dd h4 + div.default::after {
	display: block;
	content: "";
	width: 300px;
	height: 16px;
	background:url(../img/arrow_up.png);
	background-size: contain;
	position: absolute;
	top :5px;
	left: 0;
	z-index: 2;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	cursor: pointer;
}

div.thumbWrapper a.disabled dl dd h4 + div.clicked::before {
	display: block;
	content: "";
	width: 300px;
	height: 16px;
	background:url(../img/arrow_up.png);
	background-size: contain;
	position: absolute;
	bottom :5px;
	left: 0;
	z-index: 2;
	cursor: pointer;
}

div.thumbWrapper a.disabled dl dd h4 + div.clicked:hover::after {
	opacity: 0.7;
}

div.thumbWrapper a.disabled dl dd h4 + div.clicked::after {
	display: block;
	content: "";
	width: 100%;
	height: 27px;
	background: #ededed;
	z-index: 1;
	cursor: pointer;
	margin-top: 10px;
}


/*20170407改変*/
div.thumbWrapper a.disabled dl dd h4 + div.default2 > div > a {
	display:inline;
	float:none;
}

div.thumbWrapper a.disabled dl dd h4 + div.default2 > p.trigger {
	margin-top: 10px;
}

div.thumbWrapper a.disabled dl dd h4 + div.default2 > p.down {
	height: 27px;
	cursor: pointer;
	background:url(../img/arrow_down2.png) center no-repeat #ededed;
}

div.thumbWrapper a.disabled dl dd h4 + div.default2 > p.trigger:hover {
	opacity: 0.7;
}

div.thumbWrapper a.disabled dl dd h4 + div.default2 div {
	margin:10px 0;}

div.thumbWrapper a.disabled dl dd h4 + div.default2 p.tx12 {
	font-size: 1.2rem;
}

div.thumbWrapper a.disabled dl dd h4 + div.default2 > p.up {
	height: 27px;
	cursor: pointer;
	background:url(../img/arrow_up2.png) center no-repeat #ededed;
}

.goAccepage {
	text-decoration: underline;
	cursor: pointer;
}

.goAccepage:hover {
	color: #c00;
}


/* ------------------------------------------------------------
#plusAccessory
------------------------------------------------------------ */
#plusAccessory { background: #f1f4f5; padding-top: 50px; padding-bottom: 28px;}

#plusAccessory h5 { text-align: center; margin-bottom: 40px; }

#plusAccessory div.w980 div.thumbWrapper div.cFix a {
	width: 290px;
	float: left;
	margin-right: 45px;
	padding-bottom: 20px;
}

/*self時設定*/
#plusAccessory div.w980 div.thumbWrapper div.cFix a.self {
	cursor: default;
}

#plusAccessory a.self ul.plusAccessoryList li:nth-child(1) p:nth-child(1) {
	color: #888;
}

#plusAccessory div.w980 div.thumbWrapper div.cFix a.self img{
	outline:solid 3px #888;
}

#plusAccessory div.w980 div.thumbWrapper div.cFix a.self:hover img{
	opacity: 1;
}

#plusAccessory a.self:hover ul.plusAccessoryList li:nth-child(1) p:nth-child(1){
	text-decoration: none;
}
/**/

#plusAccessory div.w980 div.thumbWrapper div.cFix a:hover img{
	opacity: 0.8;
}

#plusAccessory div.w980 div.thumbWrapper div.cFix a:nth-child(3n){
	margin-right: 0;
}

#plusAccessory ul.plusAccessoryList li {
	float: left;
}

#plusAccessory ul.plusAccessoryList li:nth-child(1) {
	width: 210px;
}

#plusAccessory ul.plusAccessoryList li:nth-child(1) p:nth-child(1) {
	color: #5c7492;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}

#plusAccessory ul.plusAccessoryList li:nth-child(1) p:nth-child(2) {
	font-size: 1.2rem;
}

#plusAccessory ul.plusAccessoryList li:nth-child(2) {
	width: 80px;
}

#plusAccessory ul.plusAccessoryList li:nth-child(2) img {
	width: 100%;
}

#plusAccessory a:hover ul.plusAccessoryList li:nth-child(1) p:nth-child(1){
	text-decoration: underline;
}


/* ------------------------------
#footer_topic_path
------------------------------ */
#footer_topic_path {
	background-color: #23282d;
	color: #fff;
}

#footer_topic_path ul {
	width: 980px;
	margin: 0 auto;
	/*position: relative;*/
	overflow: hidden;
}

#footer_topic_path ul li {
	font-size: 1.2rem;
	padding: 20px 0 16px;
	line-height: 20px;
	float: left;
}

#footer_topic_path ul li a {
	color: #fff;
}

#footer_topic_path ul li a::after {
	content: "＞";
	margin-left: 5px;
	margin-right: 5px;
}


/* ------------------------------------------------------------
#backToTop
------------------------------------------------------------ */
#backToTop{
	position: fixed;
	bottom:20px;
	right: 20px;
	display: block;
	z-index: 2;
}

#backToTop img{
	width: 50%;
}

#backToTop a:hover{
	opacity: 0.8;
}

/* ------------------------------------------------------------
#sannen6manWrapper
------------------------------------------------------------ */
#sannen6manWrapper{
	margin-top: 7px;
	margin-bottom: 50px;
	font-size: 1.2rem;
	text-align: right;
}

#sannen6manWrapper a{
	text-decoration: underline;
	color: #444;
}

#sannen6manWrapper a:hover{
	color: #c00;
}

#sannen6manWrapper p{
	display: inline-block;
}


#sannen6manWrapper p:nth-child(2){
	padding-left: 55px;
	background:url(../../img/sannen6man.png) left center no-repeat;
	background-size: 52px auto;
	min-height: 17px;
}




@media only screen and (min-width: 737px) {
/* ------------------------------------------------------------
.page-nav
------------------------------------------------------------ */
	.page-nav{position:fixed;right:0;top:50%;margin-top:-225px;}
	.page-nav-list li{position:relative;height:50px;cursor:pointer;}
	.page-nav-list img{position:absolute;left:0;top:0;max-width:none;}
	#careContents img {vertical-align:bottom;}
}

/* PCで表示する項目
=========================================*/
.spshow {
	display: none;
}
img {
	max-width: 100%;
	/*max-width: 99%\9;*/
}

/* SPで表示する項目
=========================================*/
@media only screen and (max-width: 736px) {
	.pcshow { display: none;}
	.spshow { display: block;}
	img { max-width: 100%;}
	body { position: relative;}

	.mb5 { margin-bottom: 1%; }
	.mb10 { margin-bottom: 1.9%; }
	.mb15 { margin-bottom: 2.85%; }
	.mb20 { margin-bottom: 3.8%; }
	.mb30 { margin-bottom: 5.6%; }
	.mb40 { margin-bottom: 6.8%; }
	.mb50 { margin-bottom: 8.6%; }
	.mb70 { margin-bottom: 12%; }
}


@media only screen and (max-width: 736px) {
	.w980 {
		width: 90.625%;
		margin: 0 auto;
	}

	/* ------------------------------------------------------------
	.page-nav
	------------------------------------------------------------ */
	.page-nav{position:fixed;left:0;bottom:0;display:-webkit-flex;display:flex;z-index:2;}
	.page-nav-list{display:-webkit-flex;display:flex;}
	.page-nav img{vertical-align:top;}

	/* ------------------------------------------------------------
	#pageTitle
	------------------------------------------------------------ */
	/*#pageTitle { margin-bottom: 12%; }*/

	#pageTitle h2 {
		width: 100%;
		padding-top: 65.625%;
		background:url(../../img/main_sp.jpg) no-repeat;
		background-size: contain;
	}

	#pageTitle h2 img { display: none; }


	/* section */
	.w980 section { margin-bottom: 15%; }

	.w980 section h3 { margin-bottom: 5%;  }

	.w980 section h3 img { width: 100%; }

	.w980 section p.leadCopy { margin-bottom: 9%; }

	/* div.thumbWrapper */
	div.thumbWrapper {
		width: 95.5517%;
		margin: 0 auto;
	}

	div.thumbWrapper a {
		display: block;
		width: 100%;
		float: none;
		margin-right: 0;
	}


	div.thumbWrapper dl { width: 100%; padding-bottom: 11%; }

	div.thumbWrapper dl dt { margin-bottom: 6%; }

	div.thumbWrapper dl dd p.sCopy { margin-bottom: 2%; }

	div.thumbWrapper a dl dt img {
		-moz-transition: none;
    	-webkit-transition: none;
    	-o-transition: none;
    	-ms-transition: none;
    	transition: none;
	}

	div.thumbWrapper a:hover dl dt img {
		-webkit-transform: none;
    	-moz-transform: none;
    	-o-transform: none;
    	-ms-transform: none;
    	transform: none;
	}

	div.thumbWrapper a.lineup img {
		-moz-transition: none;
    	-webkit-transition: none;
    	-o-transition: none;
    	-ms-transition: none;
    	transition: none;
	}

	div.thumbWrapper a.lineup:hover img {
		-webkit-transform: none;
    	-moz-transform: none;
    	-o-transform: none;
    	-ms-transform: none;
    	transform: none;
	}

	div.thumbWrapper a.lineup { width: 100%; margin-bottom: 0; padding-bottom: 11%; }


	/*カテゴリindexのサムネールリンクしない時*/
	div.thumbWrapper a.disabled dl dd h4 + div.default::before {
		height: 0;
		padding-top: 10.71428%;
	}

	div.thumbWrapper a.disabled dl dd h4 + div.default::after {
		width: 100%;
		height: 0;
		padding-top: 5.17857%;
		top:25%;
		left: 0;
	}

	div.thumbWrapper a.disabled dl dd h4 + div.clicked::before {
		width: 100%;
		height: 0;
		padding-top: 5.17857%;
		bottom:7%;
		left: 0;
	}


	div.thumbWrapper a.disabled dl dd h4 + div.clicked::after {
		padding-top: 10.71428%;
	}

	div.thumbWrapper a.disabled dl dd h4 + div.default2 > p.trigger:hover {
		opacity:1;
	}

	/*20170404試したけどお蔵
	div.thumbWrapper dl dd p.sCopy.sannen6man { background:url(../../img/sannen6man_large.png) right top no-repeat; background-size: 66px auto;}
	*/

	/* ------------------------------------------------------------
	#plusAccessory
	------------------------------------------------------------ */
	#plusAccessory { display: none; }
	/*消すことになったけど、消す前のレイアウトcss*/
	/*
	#plusAccessory { padding-top: 10.9375%; padding-bottom: 5%; }

	#plusAccessory h5 {
		width:89.285%;
		margin: 0 auto;
		padding-top:33%;
		background:url(../img/plusAccessorytitle_sp.gif) no-repeat;
		background-size: contain;
		margin-bottom: 8%;
	}

	#plusAccessory h5 img { display: none; }

	#plusAccessory div.w980 div.thumbWrapper div.cFix a{
		width: 100%;
		float: none;
		margin-right: 0;
		padding-bottom: 7%;
	}

	#plusAccessory div.w980 div.thumbWrapper div.cFix a:hover img{
		opacity: 1
	}

	#plusAccessory ul.plusAccessoryList li {
		float: left;
	}

	#plusAccessory ul.plusAccessoryList li:nth-child(1) {
		width: 75%;
		padding-right: 5%;
		box-sizing: border-box;
	}

	#plusAccessory ul.plusAccessoryList li:nth-child(2) {
		width: 25%;
	}
	*/




	/* ------------------------------
	#footer_topic_path
	------------------------------ */


	#footer_topic_path ul {
		width: 90.625%;
		position: relative;
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}


	#footer_topic_path ul li {
		float: none;
		padding: 12px 0;
		line-height: 16px;
		/*display: inline-block;*/
		display: table-cell;
	}


	#footer_topic_path ul li::after {
		/*content: "＞";*/
		margin-left: 5px;
		margin-right: 5px;
	}

	#footer_topic_path ul li:last-child::after {
		content: none;
	}


	/* ------------------------------------------------------------
	#backToTop
	------------------------------------------------------------ */
	#backToTop{
		width:14%;
		position: fixed;
		bottom: 10%;
		right: 2%;
		display: block;
	}

	#backToTop img{
		width: 100%;
	}

	#backToTop a:hover{
		opacity: 1;
	}


	/* ------------------------------------------------------------
	#sannen6manWrapper
	------------------------------------------------------------ */
	#sannen6manWrapper{
		margin-bottom: 8.6%;
		font-size: 1.1rem;
		text-align: right;
	}

	#sannen6manWrapper p:nth-child(1){
		display: block;
		text-align: right;
		margin-bottom: 5px;
	}

}

/* スマホ横向きの場合のスタイル */
@media screen and (orientation: landscape) and (max-width: 736px){
.page-nav {bottom:-1px;}
.page-nav h2{width:135px;height:100%;background:#000;text-align:center;}

div.thumbWrapper a.disabled dl dd h4 + div.clicked::before {
		bottom:12%;
	}
}


@media screen and (orientation: landscape) and (max-width: 568px){
.page-nav h2{width:100px;}
}


@media print {
.page-nav{position:fixed;right:0;top:50%;margin-top:-225px;z-index:10;}
.page-nav-list li{position:relative;height:50px;cursor:pointer;}
.page-nav-list img{position:absolute;left:0;top:0;max-width:initial;}
#careContents img {vertical-align:bottom;}
}



/*202003add コレクションアイテムページ新規作成「/ACCESS/collection_item/」*/
@media only screen and (min-width: 737px){
	nav p.smpTitle {	
		display: none;
	}
}

@media only screen and (max-width: 736px){
	nav p.smpTitle {	
		width: 100%;
		background:#ededed;
		height: 50px;
		line-height: 50px;
		font-size: 18px;
		font-weight: bold;
		padding-left: 15px;
	}
	}
}