@charset "utf-8";

/* ======================================================
 * ELEMENT **********************************************
 * Common Parts
 * Section Parts
 * Heading Parts
 * Indent Parts
 * Text Parts
 * List Parts
 * Link Parts
 * Navi Parts
 * Table Parts
 * Table Parts
 * Faq Parts
 * Toggle Parts
 * Box Parts
 * Layout Parts
 * RESPONSIVE *******************************************
 * Clearfix
====================================================== */
	
/********************************************************

  ELEMENT

********************************************************/

/* Common Parts
------------------------------------------------------ */
#main > div:last-child{
	margin-bottom: 15px;
}

/* Section Parts
------------------------------------------------------ */

/* Heading Parts
------------------------------------------------------ */
/* heading01 */
.heading01{
	padding: 0 10px;
	background: #d4b560;
	color: #ffffff;
	font-size: 20px;
	font-size: 2.0rem;
}
.heading01.book{
	background: #baa97f;
}
.heading01.comic{
	background: #799aba;
}
.heading01.magazine{
	background: #c38d8d;
}
.heading01.cd{
	background: #6ea99f;
}
.heading01.dvd{
	background: #9092bb
}

/* heading02 */
.heading02 {
	margin-top: 30px;
	padding: 4px 4px;
	border-top: solid 2px #ff7315cf;
	border-bottom: solid 1px #e0e0e0;
	color: #444444;
	font-size: 18px;
	font-size: 1.8rem;
}
.heading02 .headingNote{
	padding: 3px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}


/* Indent Parts
------------------------------------------------------ */
.IndentSection .heading02{
	padding-left: 5px;
}
.IndentSection .indent01{
	padding-left: 5px;
}

.IndentSection2 .heading02{
	padding-left: 5px;
	height: 40px;
}
.IndentSection2 .heading02 .title{
	float: left;
}
.IndentSection2 .heading02 .valvation{
	float: right;
	font-size: 1.3rem;
	font-weight: bold;
	vertical-align: bottom;
}

/* Text Parts
------------------------------------------------------ */
/* txColor */
.txColor01 { color: #bd3939; }
/* note01 */
.note01 > li {
	position: relative;
	padding: 0 0 0 1.5em;
	font-size: 11px;
	font-size: 1.1rem;
}
.note01.fontS > li {
	font-size: 13px;
	font-size: 1.3rem;
	padding-left: 1.75em;
}
.note01 > li > span {
	position: absolute;
	left: 0;
	top: 0;
}
/* note02 */
.note02{
	margin: 20px 0 0;
}
.note02 > li {
	position: relative;
	padding: 0 0 0 1em;
	color: #666666;
	font-size: 12px;
	font-size: 1.2rem;
}
.note02 > li > span {
	position: absolute;
	left: 0;
	top: 0;
}
/* note03 */
.note03 > li {
	position: relative;
	padding: 0 0 0 1em;
}
.note03 > li > span {
	position: absolute;
	left: 0;
	top: 0;
}


/* List Parts
------------------------------------------------------ */
/* descList01 */
.descList01 {
	margin: 0 0 5px;
}
.descList01 + .descList01 {
	margin: 5px 0;
}
.descList01 > dt {
	font-weight: bold;
	margin: 0 0 8px;
}
.descList01 > dd {
	color: #666666;
	font-size: 12px;
	font-size: 1.2rem;
}

/* Link Parts
------------------------------------------------------ */
/* iconLink01 */
.iconLink01 li{
	padding: 0 0 0 20px;
	background: url(../images/com_ic14.png) no-repeat 0 0.3em;
}
.iconLink01.listRow{
	margin: 0 0 0 -12px;
}
.iconLink01.listRow li{
	display: inline-block;
	margin: 0 0 0 12px;
}
.iconLink01.small li a{
	font-size: 12px !important;
	font-size: 1.2rem !important;
}
/* iconLink01 .balloonBox */
.iconLink01 .balloonBox span{
	/*padding: 0 20px 0 0;
	background: url(../images/aside_ic02.png) no-repeat 100% 40%;*/
}
/* iconLink02 */
.iconLink02 li{
	position: relative;
	padding: 0 0 0 12px;
	line-height: 1.5;
}
.iconLink02 li:before{
	position: absolute;
	display: inline-block;
	content: "";
	width: 5px;
	height: 5px;
	top: 0.55em;
	left: 0;
	border-radius: 5em;
	background: #ff7315cf;
}
.iconLink02.listRow{
	margin: 0 0 0 -12px;
}
.iconLink02.listRow li{
	display: inline-block;
	margin: 0 0 0 12px;
}
.iconLink02 li.on a{
	color: #444444;
}
.iconLink02 li .date{
	color: #444444;
}
.iconLink02 li a:hover .date{
	text-decoration: none;
}
/* iconLink03 */
.iconLink03 li{
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
}
.iconLink03 li + li{
	border-top: solid 1px #e6e6e6;
}
.iconLink03 li a{
	display: block;
	padding: 6px 25px 6px 0;
}
.iconLink03 li .date{
	color: #444444;
}
.iconLink03 li a:hover .date{
	text-decoration: none;
}
/* iconLink04 */
.iconLink04 li{
	padding: 5px 0 5px 10px;
	background: url(../images/com_ic04.png) no-repeat 0 0.6em;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
}
.iconLink04 li a{
	padding: 0;
}
.iconLink04 li + li{
	border-top: none;
}
/* btnLink01 */
.btnLink01 li a{
	display: block;
	padding: 10px 0 8px;
	border-radius: 5px;
	border-bottom: solid 2px #e6e6e6;
	background: #f5f3e8;
	color: #59301b;
	font-size: 1.3rem;
}

.btnLink01.type03 li a {
     display: block;
     padding: 15px 0px 12px;
     border-radius: 5px;
     border-bottom: 2px solid #bcc7c4;
     background: #e3f3ee none repeat scroll 0% 0%;
     color: #59301b;
     font-size: 1.3rem;
     font-weight: bold;
}

.btnLink01.type02 li a{
	padding: 7px 0 5px;
}
.btnLink01 li a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.btnLink01 li a .small{
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1;
	padding: 2px 0px 2px;
}
.btnLink01 li.balloonBox a{
	padding-right: 15px;
	background: #f5f3e8 url(../images/aside_ic02.png) no-repeat 94% 50%;
}
/* btnLink01 typeDenshi */
.btnLink01.typeDenshi li a{
	display: block;
	padding: 10px 90px 8px 0;
	border-radius: 5px;
	border-bottom: solid 2px #e6e6e6;
	background: #f5f3e8 url(../images/aside_logo01.png) no-repeat 80% 50%;
	background-size: 82px;
	color: #59301b;
	font-size: 1.4rem;
}


/* Navi Parts
------------------------------------------------------ */

/* Table Parts
------------------------------------------------------ */
/* mainItemLayout rightCol mainItemTable */
.mainItemLayout .rightCol .mainItemTable{
	width: 100%;
}
/* mainItemLayout rightCol mainItemTable */
.mainItemLayout.col3 .rightCol .mainItemTable{
	display: block;
	margin: 20px 0 0;
	width: 100%;
}
.mainItemLayout .rightCol .mainItemTable table{
	width: 100%;
	color: #666666;
	font-size: 12px;
	font-size: 1.2rem;
}
.mainItemLayout .rightCol .mainItemTable table tr + tr{
}
.mainItemLayout .rightCol .mainItemTable table tr > *{
	padding: 5px 0 2px;
}
.mainItemLayout .rightCol .mainItemTable table tr th{
	font-weight: normal;
	text-align: left;
}
.mainItemLayout .rightCol .mainItemTable table tr td{
	padding-left: 20px;
}

/* itemDetailContents itemDetailTable */
.itemDetailContents .itemDetailTable{
	width: 100%;
}
.itemDetailContents .itemDetailTable table{
	width: 100%;
	border-bottom: solid 1px #e6e6e6;
}
.itemDetailContents .itemDetailTable table tr + tr{
	border-top: solid 1px #e6e6e6;
}
.itemDetailContents .itemDetailTable table tr > *{
	padding: 9px 0 8px;
}
.itemDetailContents .itemDetailTable table tr th{
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
.itemDetailContents .itemDetailTable table tr td{
}
.itemDetailContents .itemDetailTable table tr td p{
	padding: 0 0 0 30px;
	border-left: dotted 1px #999999;
}

/* Faq Parts
------------------------------------------------------ */
/* faqWrap01 */
.faqWrap01 .faqList01 + .faqList01{
	margin: 25px 0 0;
}
.faqWrap01 .faqList01 .question{
	min-height: 30px;
	margin: 0 0 10px;
	padding: 4px 0 2px 40px;
	background: url(../images/com_ic07.png) no-repeat 0 0;
	font-weight: bold;
}
.faqWrap01 .faqList01 .answer{
	min-height: 30px;
	padding: 4px 0 2px 40px;
	background: url(../images/com_ic08.png) no-repeat 0 0;
	font-size: 13px;
	font-size: 1.3rem;
}

/* Toggle Parts
------------------------------------------------------ */

/* Box Parts
------------------------------------------------------ */
/* boxLayout01 */
.boxLayout01{
	padding: 15px 30px;
	border-radius: 5px;
	border: solid 1px #e0e0e0;
}
.boxLayout01 .frame01 .boxHead01{
	margin: 0 0 15px;
	padding: 0 0 15px 25px;
	border-bottom: solid 1px #e0e0e0;
	background: url(../images/com_ic35.png) no-repeat 0 0.25em;
	color: #555555;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.boxLayout01 .frame01 .boxContent01{
	color: #555555;
	font-size: 13px;
	font-size: 1.3rem;
}
.boxLayout01 .frame01 .boxContent01 p + *{
	margin: 15px 0 0;
}
/* txBox01 */
.txBox01{
	margin: 10px 0 0;
	padding: 5px 15px 2px;
	border: solid 1px #ff0000;
}

/* Layout Parts
------------------------------------------------------ */
/* mainItemLayout */
.mainItemLayout{
}
/* mainItemLayout leftCol */
.mainItemLayout .leftCol{
	float: left;
	/* width: 240px; */
	margin: 0 25px 0 0;
}
/* mainItemLayout leftCol readingItems */
.mainItemLayout .leftCol .readingItems{
	width: 170px;
	margin: 10px auto 0;
}
.mainItemLayout .leftCol .readingItems a{
	display: block;
	padding: 9px 0 7px;
	border-radius: 5px;
	border: solid 1px #e6e6e6;
	border-bottom: solid 2px #e6e6e6;
	color: #59301b;
	text-align: center;
}
.mainItemLayout .leftCol .readingItems a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.mainItemLayout .leftCol .readingItems a span{
	padding: 0 10px 0 30px;
	background: url(../images/com_ic15.png) no-repeat 0 40%;
}
.mainItemLayout .leftCol .readingItems.type02 a span{
	background: url(../images/com_ic19.png) no-repeat 0 40%;
}
.mainItemLayout .leftCol .copyright{
	width: 200px;
	margin-top: 5px;
}
/* mainItemLayout rightCol */
.mainItemLayout .rightCol{
	float: left;
	display: table;
	width: 465px;
}
/* mainItemLayout rightCol itemLabel */
.mainItemLayout .rightCol .itemLabel{
	min-width: 80px;
	margin: 0 0 10px;
	padding: 6px 30px 5px;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
}
.mainItemLayout .rightCol .itemLabel.type01{ background: #baa97f; }
.mainItemLayout .rightCol .itemLabel.type02{ background: #c38d8d; }
.mainItemLayout .rightCol .itemLabel.type03{ background: #6ea99f; }
.mainItemLayout .rightCol .itemLabel.type04{ background: #c78646; }
.mainItemLayout .rightCol .itemLabel.type05{ background: #9092bb; }
.mainItemLayout .rightCol .itemLabel.type06{ background: #ffa620; }
.mainItemLayout .rightCol .itemLabel.type07{ background: #ffffff; padding: 5px 30px 4px; border: solid 1px #999999; color: #666666; }
.mainItemLayout .rightCol .itemLabel.type08{ background: #799aba; }
.mainItemLayout .rightCol .itemLabel.type09{ background: #ea5757; }
.mainItemLayout .rightCol .itemLabelBox li{
	display: inline-block;
}
/* mainItemLayout rightCol itemTitle */
.mainItemLayout .rightCol .itemTitle{
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	margin: 5px auto 0;
}
/* mainItemLayout rightCol AuthorsName */
.mainItemLayout .rightCol .AuthorsName{
	margin: 15px 0;
}
.mainItemLayout .rightCol .AuthorsName li{
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
}
/* mainItemLayout col3 rightCol */
.mainItemLayout.col3 .rightCol{
	width: 465px;
}
/* mainItemLayout rightLinksBox */
.mainItemLayout .rightLinksBox{
	float: left;
	margin: 0 0 0 20px;
	width: 200px;
}
/* mainItemLayout rightLinksBox rightLinksBoxInner */
.mainItemLayout .rightLinksBox .rightLinksBoxInner{
	margin: 0 0 10px;
	padding: 15px 15px;
	border: solid 1px #e6e6e6;
	border-bottom: solid 2px #e6e6e6;
}
/* mainItemLayout rightLinksBox rightLinksBoxInner favoriteBox */
.mainItemLayout .rightLinksBox .rightLinksBoxInner .favoriteBox.after{
	padding: 10px 15px;
	border-radius: 5px;
	background: #ebeae6;
}
.mainItemLayout .rightLinksBox .rightLinksBoxInner .favoriteBox.after .favoriteText{
	margin: 0 0 10px;
	padding: 0 0 10px;
	color: #8c8c89;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
	text-align: center;
	border-bottom: solid 1px #c2c1be;
}
.mainItemLayout .rightLinksBox .rightLinksBoxInner .favoriteBox.after.balloonBox .favoriteText{
	background: url(../images/aside_ic02.png) no-repeat 100% 40%;
}
.mainItemLayout .rightLinksBox .rightLinksBoxInner .cartInBtn a{
	display: block;
	padding: 14px 0 10px;
	border-radius: 5px;
	border-bottom: solid 2px #e6e6e6;
	background: #ff0000;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.mainItemLayout .rightLinksBox .rightLinksBoxInner .cartInBtn a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.mainItemLayout .rightLinksBox .rightLinksBoxInner .cartInBtn02 a{
	display: block;
	padding: 14px 0 10px;
	border-radius: 5px;
	border-bottom: solid 2px #e6e6e6;
	background: #ea5757;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.mainItemLayout .rightLinksBox .rightLinksBoxInner .cartInBtn02 a:hover{
	text-decoration: none;
	opacity: 0.7;
}

/* mainItemLayout rightLinksBox rightLinksBoxInner */
.mainItemLayout .rightLinksBox .rightLinksBoxInner .rightLinksText{
	margin: 15px 0 0;
	padding: 15px 0 0;
	border-top: solid 1px #e6e6e6;
	color: #444444;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}
.mainItemLayout .rightLinksBox .rightLinksBoxInner .rightLinksText .small{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
/* rightLinksBoxInner balloonBoxItem */
.rightLinksBoxInner .balloonBox{
	position: relative;
}
.rightLinksBoxInner .balloonBoxItem{
	display: none;
	position: absolute;
	top: -80px;
	right: 0;
	width: 170px;
	z-index: 15;
}
.rightLinksBoxInner .balloonBoxItem.active{
	display: block;
}
.rightLinksBoxInner .balloonBoxItem{
	border-radius: 5px;
	border: solid 1px #e6e6e6;
	background: #ffffff;
}
.rightLinksBoxInner .balloonBoxItem .balloonBoxInner{
	position: relative;
	padding: 10px 15px;
	font-size: 12px;
	font-size: 1.2rem;
}
.rightLinksBoxInner .balloonBoxItem .balloonBoxInner:after{
	position: absolute;
	content: "";
	bottom: -8px;
	right: 12px;
	width: 16px;
	height: 8px;
	background: url(../images/aside_ic16.png);
}



/* mainItemLayout rightCol AuthorsName */
.mainItemLayout .rightCol .AuthorsName{
	margin: 0;
}

/* projectColumn */
.projectColumn{
	position: relative;
	margin: 35px 0 0;
	border: solid 1px #e6e6e6;
	border-top: solid 3px #2ab48e;
}
/* projectColumn projectHead */
.projectColumn .projectHead{
	width: 350px;
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 10px 30px 7px;
	border-radius: 15em;
	background: #2ab48e;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
/* projectColumn projectTitle */
.projectColumn .projectTitle{
	padding: 35px 35px 15px 108px;
	background: #ebf5f1 url(../images/com_ic11.png) no-repeat 28px 33px;
}
.projectColumn .projectTitle .projectCategory{
	margin: 0 0 5px;
}
.projectColumn .projectTitle .projectCategory li{
	display: inline-block;
	min-width: 100px;
	padding: 4px 15px 1px;
	border-radius: 4px;
	border: solid 1px #8bd5c0;
	background: #ffffff;
	color: #2ab48e;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}
.projectColumn .projectTitle .projectTitleHead{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
/* projectColumn projectDetail */
.projectColumn .projectDetail{
	padding: 20px 30px 15px;
}
.projectColumn .projectDetail .iconLink01{
	margin-top: 10px;
}

/* movieContents */
.movieContents{
	margin: 15px 0 0;
	text-align: center;
}
.movieContents iframe{
	margin: 0 auto;
}
.movieContents iframe + iframe{
	margin: 10px 0 0;
}

/* interviewColumn */
.interviewColumn{
	margin: 15px 0 0;
	border-radius: 4px;
	border: solid 1px #e0e0e0;
}
/* interviewColumn interviewHead */
.interviewColumn .interviewHead{
	padding: 15px 55px 9px;
	border-radius: 4px 4px 0 0;
	background: #faf9f5 url(../images/com_ic06.png) no-repeat 17px 17px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.interviewColumn .interviewInner{
	padding: 20px 30px 15px;
}

/* reviewContents */
.reviewContents{
	margin: 15px 0 0;
}
/* reviewContents dl */
.reviewContents > dl > dt{
	padding: 0 30px;
	background: #ff7315cf;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	cursor: pointer;
}
.reviewContents > dl > dd{
	border-top: solid 2px #e1e0dc;
}
.reviewContents > dl > dd .reviewList > li{
	margin: 0 0 5px;
	padding: 15px 30px;
	background: #faf9f5;
}
/* reviewContents togglePanel */
.reviewContents .togglePanel{
	display: none;
}
/* reviewContents toggleBtn */
.reviewContents > dl > dd .toggleBtn{
	width: 190px;
	margin: 10px auto 15px;
	padding: 10px 10px 8px 0;
	border-radius: 4px;
	border-bottom: 2px solid #e6e6e6;
	background: #f5f3e8 url(../images/com_ic33.png) no-repeat 95% 50%;
	color: #59301b;
	text-align: center;
	cursor: pointer;
}
.reviewContents > dl > dd .toggleBtn.active{
	background: #f5f3e8 url(../images/com_ic34.png) no-repeat 95% 50%;
}
.reviewContents > dl > dd .toggleBtn span{
}

/* reviewContents reviewTitle */
.reviewList .reviewTitle{
	margin: 0 0 5px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
/* reviewContents reviewDetail */
.reviewList .reviewDetail{
	margin: 0 0 15px;
}
.reviewList .reviewDetail li{
	display: inline-block;
}
.reviewList .reviewDetail .detailPoint{
}
.reviewList .reviewDetail .detailPoint .starIcon{
	display: inline-block;
	width: 73px;
	height: 12px;
	margin: 0 0 0 10px;
}
.reviewList .reviewDetail .detailPoint .starIcon.type3{ background: url(../images/com_star_ic03.png) no-repeat 0 0; }
.reviewList .reviewDetail li + li{
	margin: 0 0 0 30px;
}
.reviewList .togglePanel p{
	font-size: 13px;
	font-size: 1.3rem;
}
.reviewList .togglePanel .iconLink01{
	margin-top: 10px;
}

/* atherItemContents */
.atherItemContents{
	margin: 15px 0 0;
}
/* atherItemContents atherItemSlider */
.atherItemContents [class^="atherItemSlider"]{
	margin: 15px 0 0;
	padding: 0 40px;
}
.atherItemContents .atherItemSlider ul li{
	margin: 0 10px;
}
.atherItemContents .atherItemSlider02 ul li{
	margin: 0 15px;
	text-align: center;
}
.atherItemContents .atherItemSlider ul li figure img{
	width:auto;
	height:auto;
	max-width:100px;
	max-height:100px;
	vertical-align: middle;/*IE7*/
}
.atherItemContents .atherItemSlider02 ul li figure img{
	width:auto;
	height:auto;
	max-width:100px;
	max-height:100px;
	vertical-align: middle;/*IE7*/
}
.atherItemContents [class^="atherItemSlider"] ul li dl dt{
	margin: 10px 0 0;
}
.atherItemContents [class^="atherItemSlider"] ul li dl dd{
	color: #444444;
	font-size: 13px;
	font-size: 1.3rem;
}
.atherItemContents [class^="atherItemSlider"] ul li a:hover{
	text-decoration: none;
}
.atherItemContents [class^="atherItemSlider"] ul li a:hover dl dt{
	text-decoration: underline;
}
/* slick-slider */
.atherItemContents [class^="atherItemSlider"] .slick-dotted.slick-slider {
	margin-bottom: 55px;
}
/* slick-arrow */
.atherItemContents [class^="atherItemSlider"] .slick-next:before,
.atherItemContents [class^="atherItemSlider"] .slick-prev:before{
	content: "";
}
.atherItemContents .atherItemSlider .slick-arrow{
	position: absolute;
	top: 75px;
	right: auto;
	left: auto;
	width: 30px;
	height: 32px;
	border: none;
	background: none;
	cursor: pointer;
	z-index: 10;
}
.atherItemContents .atherItemSlider .slick-next{
	right: -40px;
	background: url(../images/index_ic03.png);
}
.atherItemContents .atherItemSlider .slick-prev{
	left: -40px;
	background: url(../images/index_ic02.png);
}
.atherItemContents .atherItemSlider02 .slick-arrow{
	position: absolute;
	top: 75px;
	right: auto;
	left: auto;
	width: 18px;
	height: 82px;
	border: none;
	background: none;
	cursor: pointer;
	z-index: 10;
}
.atherItemContents .atherItemSlider02 .slick-next{
	right: -40px;
	background: url(../images/com_ic17.png);
}
.atherItemContents .atherItemSlider02 .slick-prev{
	left: -40px;
	background: url(../images/com_ic16.png);
}
/* atherItemContents typeRanks */
.atherItemContents.typeRanks{
	margin: 15px 0 0;
}
.atherItemContents.typeRanks .rankingList{
	margin: 15px 0 0;
}
.atherItemContents.typeRanks .rankingList li{
	float: left;
	width: 18.4%;
	padding: 40px 0 0;
}
.atherItemContents.typeRanks .rankingList li + li{
	margin: 0 0 0 2%;
}
.atherItemContents.typeRanks .rankingList li.rank1{ background: url(../images/com_ic25.png) no-repeat 50% 0; }
.atherItemContents.typeRanks .rankingList li.rank2{ background: url(../images/com_ic26.png) no-repeat 50% 0; }
.atherItemContents.typeRanks .rankingList li.rank3{ background: url(../images/com_ic27.png) no-repeat 50% 0; }
.atherItemContents.typeRanks .rankingList li.rank4{ background: url(../images/com_ic36.png) no-repeat 50% 0; }
.atherItemContents.typeRanks .rankingList li.rank5{ background: url(../images/com_ic37.png) no-repeat 50% 0; }
.atherItemContents.typeRanks .rankingList li dl dd{
	color: #333333;
	font-size: 11px;
	font-size: 1.1rem;
	word-break: break-all;
}
.atherItemContents.typeRanks .rankingList li a:hover{
	text-decoration: none;
}
.atherItemContents.typeRanks .rankingList li a:hover dl dt{
	text-decoration: underline;
}
.typeRanks .navLayout{
	display: table;
}
.typeRanks .navLayout .navCol{
	display: table-cell;
	width: 50%;
}

/* itemDetailContents */
.itemDetailContents{
	margin: 15px 0 0;
}

/* commentContents */
.commentContents{
	margin: 15px 0 0;
}
/* commentContents commentColumn */
.commentContents .commentColumn{
	padding: 10px;
	border-radius: 5px;
	background: #f5f3e8;
}
.commentContents .commentColumn + .commentColumn{
	margin: 15px 0 0;
}
.commentContents .commentColumn .commentHead{
	min-height: 25px;
	padding: 1px 0 0 35px;
	background: url(../images/com_ic12.png) no-repeat 10px 0;
	font-weight: bold;
}
.commentContents .commentColumn .commentHead.typeLinks{
	background: url(../images/com_ic14.png) no-repeat 10px 40%;
}
.commentContents .commentColumn .commentDetail{
	margin: 5px 0 0;
	padding: 15px 20px;
	background: #ffffff;
	font-size: 13px;
	font-size: 1.3rem;
}

/* authorContents */
.authorContents{
	margin: 15px 0 0;
	padding: 5px 0 0;
}
/* authorContents authorDescList */
.authorContents .authorDescList{
	padding: 15px 0;
	border-bottom: dotted 1px #999999;
}
.authorContents .authorDescList dt{
	margin: 0 0 10px;
	color: #ff7315cf;
	font-weight: bold;
}

/* demotapeContents */
.demotapeContents{
	margin: 15px 0 0;
}
.demotapeContents p{
	margin: 17px 0 15px;
	font-size: 13px;
	font-size: 1.3rem;
}
.demotapeContents > section > section{
	border-top: 1px solid #e0e0e0;
}
.demotapeContents .demotapeHead{
	margin: 15px 0 10px;
}
/* demotapeContents demotapeHead */
.demotapeContents .demotapeHead{
	color: #ff7315cf;
	font-weight: bold;
}
/* demotapeContents demoList */
.demotapeContents .demoList{
}
.demotapeContents .demoList dl{
	display: table;
	width: 100%;
	padding: 0 0 10px;
	border-bottom: dotted 1px #999999;
	font-size: 13px;
	font-size: 1.3rem;
}
.demotapeContents .demoList dl + dl{
	padding: 10px 0;
}
.demotapeContents .demoList dl dt{
	display: table-cell;
	padding: 0 0 0 30px;
	width: 10.5%;
	background: url(../images/com_ic19.png) no-repeat 0 0;
}
.demotapeContents .demoList dl dd{
	display: table-cell;
	position: relative;
	width: 89.5%;
	padding: 0 0 0 25px;
}
.demotapeContents .demoList dl dd .discNum{
	display: inline-block;
	position: absolute;
	left: 0;
}

/* itemDetail02Contents */
.itemDetail02Contents{
	margin: 15px 0 0;
}
/* itemDetail02Contents itemDetailInner */
.itemDetail02Contents .itemDetailInner{
	padding: 15px 0;
}
/* itemDetail02Contents itemDetailInner leftCol */
.itemDetail02Contents .itemDetailInner{
}
.itemDetail02Contents .itemDetailInner.itemTitle{
	margin: 0 0 5px;
	font-size: 15px;
	font-size: 1.5rem;
}
.itemDetail02Contents .itemDetailInner ul li{
	font-size: 13px;
	font-size: 1.3rem;
}
/* contentsInner */
.contentsInner{
	margin: 10px 0 0;
}
/* contentsInner searchArea */
.contentsInner .searchArea{
	margin: 0 0 10px;
	padding: 10px 20px;
	background: #faf9f5;
}
.contentsInner .searchArea .searchAreaInner{
	display: table;
	width: 100%;
}
.contentsInner .searchArea .searchAreaInner dl{
	display: table-cell;
	width: 36%;
	vertical-align: middle;
}
.contentsInner .searchArea .searchAreaInner dl:first-child{
	width: 30%;
}
.contentsInner .searchArea .searchAreaInner dl:last-child{
	width: 5%;
}
.searchAreaInner dl > * {
	display: table-cell;
	vertical-align: middle;
}
.contentsInner .searchArea .searchAreaInner dl dt{
	padding: 0 20px 0 0;
}
.contentsInner .searchArea .searchAreaInner dl dd select{
	width: 200px;
	margin: 0;
	padding: 5px 8px 3px;
	outline: none;
	border: solid 1px #dedede;
	border-radius: 6px;
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
	background: #ffffff url(../images/com_ic03.png) no-repeat 95% 50%;
	font-size: 13px;
	font-size: 1.3rem;
}
.contentsInner .searchArea .searchAreaInner dl:first-child dd select{
	width: 180px;
}
.contentsInner .searchArea .searchAreaInner dl:first-child dd.selectWide select{
	width: 220px;
}
.contentsInner .searchArea .searchAreaInner dl dd select::-ms-expand {
  display: none;
}.contentsInner .searchArea .searchAreaInner dl dd input[type=button]{
	padding: 5px 8px 3px;
	border: solid 1px #dedede;
	border-radius: 6px;
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
	background: #ffffff;
	font-size: 13px;
	font-size: 1.3rem;
	cursor: pointer;
}

/* contentsInner searchNum */
.contentsInner .searchNum{
	position: absolute;
	margin: 0 0 10px;
	font-weight: bold;
}
.contentsInner .searchNum span{
	font-size: 20px;
	font-size: 2.0rem;
}

/* contentsInner reslutPager */
.contentsInner .reslutPager{
	display: inline-block;
	margin: 0 auto;
	padding: 6px 0;
	width: 100%;
	text-align: center;
}
.contentsInner .reslutPager.typeTop{
}
.contentsInner .reslutPager.typeBottom{
}
.contentsInner .reslutPager ul li {
	display: inline-block;
	padding: 0 3px;
}
.contentsInner .reslutPager ul li.before {
	padding: 0 15px;
	background: url(../images/com_ic38.png) no-repeat 0 50%;
}
.contentsInner .reslutPager ul li.after {
	padding: 0 15px;
	background: url(../images/com_ic14.png) no-repeat 100% 50%;
}
.contentsInner .reslutPager ul li span{
	font-weight: bold;
}

/* contentsInner maypageColumn */
.contentsInner .maypageColumn{
}
/* contentsInner maypageColumn .columnBox01 */
.contentsInner .maypageColumn .columnBox01 + .columnBox01{
	margin: 15px 0 0;
}
/* maypageColumn .columnBox01 */
.maypageColumn .columnBox01{
	border: solid 1px #e0e0e0;
	border-radius: 5px;
}
.maypageColumn .columnBox01 + .columnBox01{
	margin: 20px 0 0;
}
.maypageColumn .columnBox01 .boxHead01{
	padding: 13px 30px 10px;
	border-radius: 6px 6px 0 0;
	background: #faf9f5;
}
.maypageColumn .columnBox01 .boxHead01 ul{
	display: inline-block;
}
.maypageColumn .columnBox01 .boxHead01 ul.date{
	float: left;
}
.maypageColumn .columnBox01 ul.state{
	float: right;
	display: table-cell;
}
.maypageColumn .columnBox01 .boxHead01 ul li{
	display: inline-block;
}
.maypageColumn .columnBox01 .boxHead01 ul.date li + li{
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	border-left: dotted 1px #666666;
}
.maypageColumn .columnBox01 ul li.state{
	padding: 2px 20px 0;
	width: 140px;
	border: solid 1px #219bd9;
	background: #ffffff;
	color: #219bd9;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}
.maypageColumn .columnBox01 ul li.state.wide{
	width: 200px;
}
.maypageColumn .columnBox01 ul li.state.type01{ border: solid 1px #219bd9; color: #219bd9; }
.maypageColumn .columnBox01 ul li.state.type02{ border: solid 1px #bd3939; color: #bd3939; }
.maypageColumn .columnBox01 ul li.state.type03{ border: solid 1px #e5a400; color: #e5a400; }
.maypageColumn .columnBox01 ul li.state.type04{ border: solid 1px #bfbfbf; color: #bfbfbf; }
.maypageColumn .columnBox01 ul li.state.type05{ border: solid 1px #279b24; color: #279b24; }
.maypageColumn .columnBox01 .rightCol ul.state li{
	padding: 2px 20px 0;
	min-width: 140px;
	border: solid 1px #219bd9;
	background: #ffffff;
	color: #219bd9;
	font-size: 12px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.maypageColumn .columnBox01 .rightCol ul.state:not([class^="type"]) li{
	padding: 4px 60px 2px;
	border: none;
	color: #ffffff;
}
.maypageColumn .columnBox01 .rightCol ul.state.type01 li{ background: #219bd9; }
.maypageColumn .columnBox01 .rightCol ul.state.type02 li{ background: #bd3939; }
.maypageColumn .columnBox01 .rightCol ul.state.type03 li{ background: #e5a400; }
.maypageColumn .columnBox01 .rightCol ul.state.type04 li{ background: #bfbfbf; }
.maypageColumn .columnBox01 .stateText{
	display: inline-block;
	margin: 23px 0 0 15px;
	font-size: 12px;
	font-size: 1.2rem;
}
.maypageColumn .columnBox01 .boxContent01{
	padding: 15px 30px;
}
.maypageColumn .columnBox01 .boxContent01 .Layout01 > .leftCol{
	float: left;
	width: 605px;
	margin: 0 30px 0 0;
	padding: 0 30px 0 0;
	border-right: solid 1px #e0e0e0;
}
.maypageColumn .columnBox01 .boxContent01 .Layout01 > .rightCol{
	float: left;
	width: 268px;
}
.maypageColumn .columnBox01 .boxContent01 .Layout01 > .rightCol .btnLink01{
	width: 170px;
	margin: 0 auto;
}
.maypageColumn .columnBox01 .boxContent01 .Layout01 > .rightCol{
	float: left;
	width: 268px;
}
.maypageColumn .columnBox01 .boxContent01 .Layout01 .leftCol .Layout02 + .Layout02{
	margin: 15px 0 0;
}
.maypageColumn .columnBox01 .boxContent01 .Layout01 .leftCol .leftCol{
	float: left;
	margin: 0 20px 0 0;
	width: 95px;
	min-height: 140px;
}
/* boxContent01 mainItemImg */
.maypageColumn .columnBox01 .boxContent01 .mainItemImg img{
	width: 95px;
}
/* boxContent01 rightColInner */
.maypageColumn .columnBox01 .Layout01 .rightCol .rightColInner{
	margin: 0 0 15px;
}
.maypageColumn .columnBox01 .Layout01 .rightCol .rightColInner dl{
	display: table;
	font-size: 13px;
	font-size: 1.3rem;
}
.maypageColumn .columnBox01 .Layout01 .rightCol .rightColInner dl dt{
	display: table-cell;
	white-space: nowrap;
}
.maypageColumn .columnBox01 .Layout01 .rightCol .rightColInner dl dd{
	display: table-cell;
}
.maypageColumn .columnBox01 .Layout01 .rightCol .rightColInner .btnLink01 a{
	width: 100%;
}

/* maypageColumn rightCol itemLabel */
.maypageColumn .rightCol .itemLabel{
	display: inline-block;
	width: 80px;
	margin: 0 0 10px;
	padding: 4px 0;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
}
.maypageColumn .rightCol .itemLabel.type01{ background: #baa97f; }
.maypageColumn .rightCol .itemLabel.type02{ background: #c38d8d; }
.maypageColumn .rightCol .itemLabel.type03{ background: #6ea99f; }
.maypageColumn .rightCol .itemLabel.type04{ background: #c78646; }
.maypageColumn .rightCol .itemLabel.type05{ background: #9092bb; }
.maypageColumn .rightCol .itemLabel.type06{ background: #ffa620; }
.maypageColumn .rightCol .itemLabel.type07{ background: #ffffff; padding: 3px 0; border: solid 1px #999999; color: #666666; }
.maypageColumn .rightCol .itemLabel.type08{ background: #799aba; }
/* maypageColumn rightCol itemTitle */
.maypageColumn .rightCol .itemTitle{
	margin: 0 0 5px;
}
/* maypageColumn rightCol dateList */
.maypageColumn .rightCol .dateList{
	display: inline-block;
}

.maypageColumn .rightCol .dateList li{
	font-size: 13px;
	font-size: 1.3rem;
}

.maypageColumn .rightCol .dateList li.state{
	padding: 2px 20px 0;
	min-width: 140px;
	border: solid 1px #279b24;
	color: #279b24;
	background: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
}

/* maypageColumn radioBox */
.radioBox input[type=radio]{
	display: inline-block;
	margin: 0 0 0 6px;
}
.radioBox input[type=radio] + label{
	display: inline-block;
	position: relative;
	margin: 0 12px 0 0;
	font-size: 13px;
	font-size: 1.3rem;
	cursor: pointer;
}
.radioBox input[type=radio]{
	display: none;
	margin: 0;
}
.radioBox input[type=radio] + label{
	padding: 0 0 0 24px;
}
.radioBox input[type=radio] + label:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin: -8px 0 0;
	background: #ffffff;
	-moz-box-sizing: border-box;
			 box-sizing: border-box;
}
.radioBox input[type=radio] + label:before {
	border-radius: 30px;
	border: 1px solid #cccccc;
}
.radioBox input[type=radio]:checked + label:after{
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	-moz-box-sizing: border-box;
			 box-sizing: border-box;
}
.radioBox input[type=radio]:checked + label:after {
	left: 4px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0;
	border-radius: 8px;
	background: #000000;
}
/* toggleWrap01 typeIconLink */
.iconLink03.typeAsideToggle li{
	position: relative;
}
.toggleWrap01.typeIconLink .toggleBtn{
	position: absolute;
	top: 9px;
	right: 5px;
	width: 13px;
	height: 13px;
	background: url(../images/aside_ic10.png) no-repeat 0 0;
}
.toggleWrap01.typeIconLink .toggleBtn.active{
	background: url(../images/aside_ic10on.png) no-repeat 0 0;
}
.toggleWrap01.typeIconLink .togglePanel{
	margin: 0 0 3px;
}

.reviewDetail,
.commentDetail, 
.itemDetailContents .itemDetailTable table,
.authorContents .authorDescList dd {
	font-size: 13px;
}

/*----------------------
	column
----------------------*/
#main .column01 {
	margin-top: 20px;
	padding-top: 12px;
	/*
	background: url(/store/common/material/images/com_bg021.gif) no-repeat 0 0;
	background-size: 100%;
	*/
	background-color: #ffeeee;
	font-size: 11px;
	zoom: 1;
}
#main .column01 .title,
#wideMain .column01 .title {
	margin: 0 11px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}
#main .column01 .title span,
#wideMain .column01 .title span {
	padding: 2px 5px 2px 10px ;
	background: url(/store/common/material/images/com_bg023.gif) repeat-y 0 0;
	font-weight: bold;
	zoom: 1;
}
#main .column01 .inner {
	display: block;
	padding: 12px 11px 10px;
	/*
	background: url(/store/common/material/images/com_bg022.gif) no-repeat 0 bottom;
	*/
	zoom: 1;
}
#wideMain .column01 {
	margin-top: 20px;
	padding-top: 12px;
	/*
	background: url(/store/common/material/images/com_bg039.gif) no-repeat 0 0;
	*/
	zoom: 1;
}
#wideMain .column01 .inner {
	display: block;
	padding: 12px 11px 10px;
	/*
	background: url(/store/common/material/images/com_bg040.gif) no-repeat 0 bottom;
	*/
	zoom: 1;
}

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

	clearfix

=================================*/
.mainItemLayout:after,
.maypageColumn .columnBox01 .boxHead01:after,
.maypageColumn .columnBox01 .boxContent01 .Layout01:after,
.maypageColumn .columnBox01 .boxContent01 .Layout01 .Layout02:after,
.toggleWrap01.typeIconLink:after,
.atherItemContents.typeRanks .rankingList:after {
	content: "";
	display: block;
	clear: both;
}