@charset "utf-8";

/*------------------------------------------------------------
	共通
------------------------------------------------------------*/
body { background:#fff;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

.wrapper {width:1080px; margin-right:auto; margin-left:auto;}
.wrapper:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* list */
.disc {list-style:disc; margin-left:1.5em; margin-bottom:1.5em;}

/* color */
.clr_red {color:#cc0000;}


/*------------------------------------------------------------
	header
------------------------------------------------------------*/
#header .wrapper {position:relative;height:110px;}
#description {font-size:12px;position:absolute; top:10px; left:0;font-weight:400;}
#logo {position:absolute; top:46px; left:50%; margin-left:-71px;}

#headermenu1 {font-size:12px;text-align:right;position:absolute; top:10px; right:0;}
#headermenu1 li {display:inline-block;}
#headermenu1 li:after {content:"│";}
#headermenu1 li:last-child:after {content:none;}

#headermenu2 {font-size:11px;position:absolute; top:42px; right:0;}
#headermenu2 li {margin-bottom:3px;padding-left:22px;}
#headermenu2 li:nth-child(1) {background:url(../img/icon_magazine.png) no-repeat left center;}
#headermenu2 li:nth-child(2) {background:url(../img/icon_cart.png) no-repeat -2px 0;}
#headermenu2 li:nth-child(3) {background:url(../img/icon_review.png) no-repeat left center;}

#header form {position:absolute; top:50px; left:0;}
#header form input[type="text"] {width:250px; padding:5px; border:1px solid #aaa;}
#header form input[type="submit"] { padding:5px 10px;}

/*------------------------------------------------------------
	gnavi
------------------------------------------------------------*/
#gnavi {width:100%; background:#eee;margin-bottom:20px;}
#gnavi ul {text-align:center; margin:0 auto; width:90%;}
#gnavi li {float:left;width:12.5%;}
#gnavi li a {display:block; padding:7px 0px 11px 0px;}

/*------------------------------------------------------------
	rakuten-gnavi
------------------------------------------------------------*/
#rakuten-gnavi {width:100%; background:#eee;margin-bottom:20px;}
#rakuten-gnavi ul {text-align:center; margin:0 auto; width:1080px;}
#rakuten-gnavi li {display:inline-block;}
#rakuten-gnavi li a {display:block; padding:7px 0px 11px 0px;}


/*------------------------------------------------------------
	bnr-area
------------------------------------------------------------*/
#bnr-area:after {content:""; display:block; clear:both;}
#bnr-area {width:100%; margin:0 auto 25px auto;}
/*#bnr-area {width:1080px; margin:0 auto 25px auto;}*/
#bnr-area li {float:left; margin-bottom:13px;}
#bnr-area li:nth-child(1) {margin-right:17px;}
#bnr-area li:nth-child(5) {margin-left:10px;}
#bnr-area li:nth-child(6) {margin-left:10px;}
#bnr-area li:nth-child(7) {margin-left:10px;}


/*------------------------------------------------------------
	content
------------------------------------------------------------*/
#content {width:100%; margin:0 auto 50px auto;}
/*#content {width:1080px; margin:0 auto 50px auto;}*/
#content:after {content:""; display:block; clear:both;}


/*------------------------------------------------------------
	sidemenu
------------------------------------------------------------*/
#sidemenu { float:left;width:201px;}
#bnr_list {margin-bottom:18px;}
#bnr_list li {margin-bottom:10px;}

#category dl {margin-bottom:1em; }
#category dt a,#category dd a{border:1px solid #c4bfb4; border-top:none; padding:0.3em 0.5em; display:block;}
#category dt a{padding:0.4em 0.5em;}
#category dt a:hover {text-decoration:none; color:#fee25d;}
#category dd a:hover {text-decoration:none; background:#f2ede4;}
#category dt {background:#b2aea6; font-weight:500;font-size:14px;}
#category dt a {color:#fff;}
#category dd {font-size:13px;}

/*------------------------------------------------------------
	main
------------------------------------------------------------*/
#main {float:right;width:100%;}
#tit_red {font-weight:800; font-size:24px;margin:0 auto 15px auto; color:#e00808; text-align:center;
	position: relative;
	display: block;
	padding: 0 70px;
}
#tit_red:before, #tit_red:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 70px;
	height: 4px;
	border-top: 4px double #e00808;
}
#tit_red:before {
	left:0;
}
#tit_red:after {
	right: 0;
}


#tit_red span {font-size:18px;}
.tit_maru {font-weight:700; font-size:17px;margin-bottom:8px;}
.tit_maru:before {content:"●";color:#0680e7;}

.arrow_red {margin-bottom:20px;}
.arrow_red li {display:inline-block; margin:0 8px 10px 0; font-size:16px; font-weight:800;}
.arrow_red li a {position: relative; display:block; padding:6px 15px 9px 22px; min-width:120px; border-radius:7px; border:1px solid #ccc;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 75%, rgba(237,237,237,1) 100%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 75%,rgba(237,237,237,1) 100%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 75%,rgba(237,237,237,1) 100%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.arrow_red li a:hover {text-decoration:none;
background: rgb(242,249,254);
background: -moz-linear-gradient(top, rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%);
background: -webkit-linear-gradient(top, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%);
background: linear-gradient(to bottom, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 );}
.arrow_red li span {font-size:24px;}
.arrow_red li a:before {position: absolute; top:50%; left:11px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;margin-top:-4px;
    border: 4px solid transparent;
    border-right: 0 solid transparent;
    border-left: 6px solid #fe4c4c;
}


/*------- 人気TOP5 -------*/
.ranking_list {margin-bottom:20px;}
.ranking_list li {display:inline-block; width:150px; margin:0 7px 7px 7px; padding-top:35px;position:relative;}
.ranking_list li img {width:100%;}
.ranking_list li:nth-child(1):before {position:absolute; top:0px; left:67px; content:""; display:block;
width:32px; height:29px; background:url(https://taihou.itembox.design/item/icon_rk1.png) no-repeat;}
.ranking_list li:nth-child(2):before {position:absolute; top:0px; left:67px; content:""; display:block;
width:32px; height:29px; background:url(https://taihou.itembox.design/item/icon_rk2.png) no-repeat;}
.ranking_list li:nth-child(3):before {position:absolute; top:0px; left:67px; content:""; display:block;
width:32px; height:29px; background:url(https://taihou.itembox.design/item/icon_rk3.png) no-repeat;}
.ranking_list li:nth-child(4):before {position:absolute; top:0px; left:67px; content:""; display:block;
width:32px; height:29px; background:url(https://taihou.itembox.design/item/icon_rk4.png) no-repeat;}
.ranking_list li:nth-child(5):before {position:absolute; top:0px; left:67px; content:""; display:block;
width:32px; height:29px; background:url(https://taihou.itembox.design/item/icon_rk5.png) no-repeat;}


/*------- 外部ランキングツール -------*/
#ranking_review:after {content:""; display:block; clear:both;}
#ranking_review .fltL,#ranking_review .fltR {width:410px; border:1px solid #ccc;}
#ranking_review .fltL {float:left;}
#ranking_review .fltR {float:right;}
#ranking_review .fltL iframe,
#ranking_review .fltR iframe {width:100%;height:100%;display:block;height:450px;
border:none;padding:0;}
#ranking_review .fltR iframe {height:440px;}
#ranking_review .fltL h3,#ranking_review .fltR h3 { border:5px solid #ccc;}
#ranking_review .fltL h3 img,#ranking_review .fltR h3 img {width:100%;}


/*------------------------------------------------------------
	information
------------------------------------------------------------*/
#information {padding:7px; border:2px solid #dad2c1; margin-bottom:15px; margin-top:50px; font-size:13px; line-height:1.4;}
#information h2:before {content:url(../img/icon-infocart.png);margin:0 5px 0 0;}
#information h2 {background:#c4b494; color:#fff; font-weight:500; margin-bottom:15px;padding:8px 12px; font-size:16px;}
#information h2 span {font-size:12px;margin-left:8px;}
#information h3 {font-weight:800; padding:3px; border-bottom:3px solid #eadec7; margin-bottom:12px; font-size:108%;}
#information p {margin-bottom:1.1em;}
.infoarea {display:inline-block; margin:0 7px;width:261px; vertical-align:top;}
.tit_gold {font-weight:600; color:#aa863d; margin-bottom:3px;}


/*------------------------------------------------------------
	footer
------------------------------------------------------------*/
#footer {width:100%; background:#5a5858; color:#fff;padding:40px 0;}
#footer a { color:#fff}
.footermenu {display:inline-block; vertical-align:top; margin:0 14px;}
.footermenu dt {margin-bottom:10px;}
dl.footermenu { width:200px;margin-bottom:12px;}
nav.footermenu { width:130px;}
div.footermenu { min-width:100px;}
.footermenu h3 {text-decoration:underline;}
small {display:block; text-align:right; margin-top:20px;}



/*------------------------------------------------------------
	rakutenguide
------------------------------------------------------------*/

    #rakutenguide {width:100%; background:#eee;margin-bottom:20px;}
    #rakutenguide ul {text-align:center; margin:0 auto; width:1080px;}
    #rakutenguide li {display:inline-block;}
    #rakutenguide li a {display:block; padding:7px 0px 11px 0px;
	}






/*-----------------------------------------------------------------------------------
	スマートフォン向けCSS
-----------------------------------------------------------------------------------*/
.sponly {display:none;}

@media screen and (max-width: 768px) {
	#header{position:fixed; background:#fff; top:0; left:0;width:100%;z-index:100;}
	.sponly {display:inline;}
	.wrapper {width:100%; margin-right:auto; margin-left:auto;}

	/* header */
	#header .wrapper {
	    position: relative;
	    height: auto; text-align:center;
	}
	#description,#headermenu1,#headermenu2 {display:none;}
	#logo {margin:20px auto 12px auto; width:130px; position:static;}
	#logo img {width:100%;}
	#header form {position:static;text-align:center; background:#eee; padding:7px 0; margin-bottom:0px;}

	#gnavi {display:none;width:100%; background:#eee;margin-bottom:20px;}
	#gnavi ul {text-align:center; margin:0 auto; width:100%;}

	#bnr-area {width:94%; text-align:center;
	    margin: 0 auto 17px auto;}
	#bnr-area li { margin-bottom:8px; float:none; display:inline-block;}
	#bnr-area li:nth-child(1) {margin-right:0;}
	#bnr-area li:nth-child(2),#bnr-area li:nth-child(3) {margin-right:0;}
	#bnr-area li:nth-child(4),#bnr-area li:nth-child(6) {margin-right:2%; width:48%;margin-left:0px;}
	#bnr-area li:nth-child(5),#bnr-area li:nth-child(7) {margin-right:0; width:49%;margin-left:0px;}
	#bnr-area li img {width:100%;}


	#rbtn {
		width: 36px;
		height: 36px;
		position: absolute;
		top: 0;
		right: 50px;
	}
	#rbtn img {width:100%;height:auto;}

	#cartbtn {
		width: 32px;
		height: 32px;
		position: absolute;
		top:0;
		right: 5px;
	}
	#cartbtn img {width:100%;}

	#rakuten-gnavi ul {
		text-align:center; margin:110px auto 0; width:100%;
		}

	/****メニュー全体****/
	#menu{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 100;
	}
	#menu a {color:#fff;}

	/****メニュー開閉ボタン****/
	#menu div{
		width: 30px;
		height: 32px;
		overflow: hidden;
		position: absolute;
		top: 10px margin-top:-15px;
		left: 10px;text-align:center;
	}
	.home #menu div{
		width: 30px;
		height: 32px;
		overflow: hidden;
		position: absolute;
		top: 50%; margin-top:-15px;
		left: 10px;text-align:center;
	}


	#menu div img {width:100%; }
	#menu .menuopen{
		color: rgba(255,255,255,1);
		font-size: 20px;
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: auto;
	}

	#menu .menuclose{
		color: rgba(255,255,255,1);
		font-size: 20px;
		display: none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: auto;
	}

	/****メニュー一覧****/
	#menu ul{
		background: #666;
		width: 100%;
		position: absolute;
		top: 57px;
		right: 0;
	}

	#menu li{
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		color: rgba(0,0,0,1);
		border-bottom: 0px rgba(255,255,255,1) solid;
		pointer-events: auto;
	}
	#menu li a{padding: 10px; display:block;}


	/****メニューオープン時****/

	#menu:target .menuopen,
	#menu ul{
		display: none;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	#menu:target .menuclose,#menu:target ul{
		display: block;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	#menu:target li{
		border-bottom: 1px #999 solid;
	}


	#content {width:100%; margin:0;}
	#bnr-area {margin-top:150px;}

	/*------------------------------------------------------------
		sidemenu
	------------------------------------------------------------*/
	#sidemenu { float:none;width:94%; background:#f2efe7; padding:5% 3% 8% 3%;}
	#bnr_list {text-align:center;}
	#bnr_list li {display:inline-block; vertical-align:top; width:30%; margin:1%;}
	#bnr_list li img {width:100%;}

	#category dl {margin:0;}
	#category dt a {
	    padding: 0.6em 0.6em;position: relative;
	}
	#category dt a:after {
	    display: block;
	    content: '';
	    position: absolute;
	    top: 50%;
	    right: .8em;
	    width: 6px;
	    height: 6px;margin-top:-3px;
	    border-right: 2px solid #fff;
	    border-bottom: 2px solid #fff;
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	#category dd {display:none;}


	/*------------------------------------------------------------
		main
	------------------------------------------------------------*/
	#main {display:none;}

	.infoarea {
	    display: block;
	    margin: 0 auto;
	    width: 94%;
	}

	dl.footermenu,nav.footermenu,div.footermenu {
	    width: 100%;
	    margin-bottom: 12px;text-align:center;
	}
	dl.footermenu dd {display:none;}

	div.footermenu {display:none;}
	small {
	    text-align: center;
	    margin-top: 20px;
	}
	.footermenu {
	    margin: 0;
	}
	.footermenu .disc {
	    list-style: none;
	    margin-left: 0;
	    margin-bottom:0;
	}
	.footermenu .disc li {display:inline-block;width:45%; margin:1%;}
	.footermenu .disc a {
	 padding:4% 2%;width:96%; display:block; background:#777;
	}