@charset "UTF-8";
/* ----------------------------------------
common
---------------------------------------- */
.m0{
	margin:0 !important;
}
.mt0{
	margin-top:0 !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}
.mb40{
	margin-bottom:40px !important;
}
.mb50{
	margin-bottom:50px !important;
}
a img {
	transition:all 0.3s ;
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
a:link,
a:visited{
	color:#333;
	text-decoration:none;
}
a:hover,
a:active{
	color:#333;
	text-decoration:underline;
}
body{
	border-top:5px solid #b12d3a;
}
/* ----------------------------------------
head
---------------------------------------- */
#head{
	width:1100px;
	margin:auto;
	padding-top:10px;
	box-sizing: border-box;
}
#head h1{
	font-size:16px;
	color:#666;
	font-weight:normal;
	margin-bottom:10px;
}
#head #headbody{
	width:80%;
    float:left;
}
#head #logo img{
	width:500px;
	margin-bottom:20px;
}
#head #sns{
    width:25px;
    float:right;
}
#head #sns img{
    width:100%;
    height:auto;
}
#head ul{
	height:30px;
	border-right:1px solid #CCC;
	margin-bottom:20px;
    clear:both;
}
#head ul li{
	width:21%;
	height:30px;
	border-left:1px solid #CCC;
	display:block;
	float:left;
	text-align:center;
	font-size:16px;
	text-indent:0px;
	line-height:30px;
	box-sizing: border-box;
}
#head ul li:nth-child(1){
	width:19%;
}
#head ul li:nth-child(3){
	width:18%;
}
#head ul li img{
	display:inline-block;
	margin-right:5px;
	margin-top:-5px;
	vertical-align:middle;
}
#head ul li:nth-child(1) img{
	width:17px;
}
#head ul li:nth-child(2) img{
	width:17px;
}
#head ul li:nth-child(3) img{
	width:13px;
}
#head ul li:nth-child(4) img{
	width:17px;
}
#head ul li:nth-child(5) img{
	width:13px;
}
#head ul li:nth-child(6) img{
	width:16px;
}
/* ----------------------------------------
topimg
---------------------------------------- */
#topimg{
	margin-bottom:40px;
	clear:both;
}
#topimg img{
	width:100%;
	height:auto;
}
/* ----------------------------------------
h2
---------------------------------------- */
h2.title{
	font-size:24px;
	margin-bottom:20px;
	line-height:30px;
	text-align:left;
}
h2.title02{
	font-size:24px;
	margin-bottom:20px;
	line-height:30px;
	text-align:left;
	border-left:5px solid #b12d3a;
	padding-left:15px;
	clear:both;
}
h2.title img{
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}
.category_menu h2.title img{
	width:25px;
}
.popular h2.title img{
	width:33px;
}
.tokusyu h2.title img{
	width:25px;
}
.hikaku h2.title img{
	width:32px;
}
.hajimete h2.title img{
	width:23px;
}
.kiji h2.title img{
	width:30px;
}
/* ----------------------------------------
button
---------------------------------------- */
.button{
	width:400px;
	margin:auto;
	text-align:center;
	clear:both;
}
.button a{
	display:block;
	background:#b12d3a;
	height:50px;
	line-height:50px;
	border-radius:3px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .5);
	text-indent:20px;
}
.button a:hover{
	text-decoration:none;
}
.button a::after{
    content: "";
    display: block;
    float: right;
    width:10px;
    height:10px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 19px;
    margin-right:30px;
}
/* ----------------------------------------
category_menu
---------------------------------------- */
.category_menu{
	margin-bottom:50px;
}
.category_menu ul{
	background:#f5f5f5;
	box-sizing: border-box;
	padding:20px;
	padding-bottom:0;
	overflow:hidden;
	margin-bottom:30px;
}	
.category_menu li{
	display:block;
	float:left;
	width:18.8%;
	margin-right:1.5%;
	margin-bottom:15px;
}
.category_menu li:nth-child(5n){
	margin-right:0;
}
.category_menu li a{
	display:block;
	font-size:16px;
	border:1px solid #CCC;
	background:#FFF;
	height:55px;
	line-height:55px;
	box-sizing: border-box;
	padding-left:25px;
	font-weight:bold;
}
.category_menu li:nth-child(1) a,
.category_menu li:nth-child(2) a,
.category_menu li:nth-child(3) a,
.category_menu li:nth-child(4) a,
.category_menu li:nth-child(5) a,
.category_menu li:nth-child(6) a,
.category_menu li:nth-child(7) a,
.category_menu li:nth-child(8) a,
.category_menu li:nth-child(9) a,
.category_menu li:nth-child(10) a,
.category_menu li:nth-child(11) a,
.category_menu li:nth-child(12) a,
.category_menu li:nth-child(13) a,
.category_menu li:nth-child(14) a,
.category_menu li:nth-child(15) a{
	background-color:#FFF;
	background-position:70% center;
	background-repeat:no-repeat;
}
.category_menu li:nth-child(1) a{
	background-image:url(../images/common/category01.gif);
	background-size:50px auto;
}
.category_menu li:nth-child(2) a{
	background-image:url(../images/common/category02.gif);
	background-size:55px auto;
}
.category_menu li:nth-child(3) a{
	background-image:url(../images/common/category03.gif);
	background-size:36px auto;
}
.category_menu li:nth-child(4) a{
	background-image:url(../images/common/category04.gif);
	background-size:32px auto;
}
.category_menu li:nth-child(5) a{
	background-image:url(../images/common/category05.gif);
	background-size:32px auto;
}
.category_menu li:nth-child(6) a{
	background-image:url(../images/common/category06.gif);
	background-size:19px auto;
}
.category_menu li:nth-child(7) a{
	background-image:url(../images/common/category07.gif);
	background-size:34px auto;
}
.category_menu li:nth-child(8) a{
	background-image:url(../images/common/category08.gif);
	background-size:19px auto;
}
.category_menu li:nth-child(9) a{
	background-image:url(../images/common/category09.gif);
	background-size:32px auto;
}
.category_menu li:nth-child(10) a{
	background-image:url(../images/common/category10.gif);
	background-size:43px auto;
}
.category_menu li:nth-child(11) a{
	background-image:url(../images/common/category11.gif);
	background-size:50px auto;
}
.category_menu li:nth-child(12) a{
	background-image:url(../images/common/category12.gif);
	background-size:22px auto;
}
.category_menu li:nth-child(13) a{
	background-image:url(../images/common/category13.gif);
	background-size:44px auto;
}
.category_menu li:nth-child(14) a{
	background-image:url(../images/common/category14.gif);
	background-size:16px auto;
}
.category_menu li:nth-child(15) a{
	background-image:url(../images/common/category15.gif);
	background-size:37px auto;
}
.category_menu li a:hover{
	text-decoration:none;
}
.category_menu li a::after{
    content: "";
    display: block;
    float: right;
    width:10px;
    height:10px;
    border-top: solid 2px #b12d3a;
    border-right: solid 2px #b12d3a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 19px;
    margin-right: 16px;
}
/* ----------------------------------------
popular
---------------------------------------- */
.popular{
	margin-bottom:50px;
}
.popular ul{
	clear:both;
	margin-bottom:30px;
	overflow:hidden;
	margin-top:-24px;
}
.popular li{
	display:block;
	float:left;
	width:23.5%;
	margin-right:2%;
	margin-bottom:20px;
}
.popular li:nth-child(4n){
	margin-right:0;
}
.popular li a{
	display:block;
	box-sizing: border-box;
	border:1px solid #CCC;
}
.popular li .rank{
	position:relative;
	width:71px;
	margin:auto;
	top:15px;
	z-index:1000;
}
.popular li .rank img{
	width:100%;
	height:auto;
}
.popular li .photo{
	margin-bottom:10px;
}
.popular li .photo img{
	width:100%;
	height:auto;
}
.popular li .text{
	box-sizing: border-box;
	padding:0 15px;
	margin-bottom:10px;
	font-size:16px;
}
.popular li .star{
	margin-bottom:10px;
	padding-left:15px;
	font-size:16px;
}
.popular li .star span{
	font-size:22px;
	font-weight:bold;
}
.popular li .star img{
	width:80px;
	height:auto;
	display:inline-block;
	margin-right:10px;
	vertical-align: baseline;
}
.popular li .price{
	margin-bottom:20px;
	padding:0 15px;
	font-size:16px;
}
.popular li .price span{
	font-weight:bold;
	font-size:18px;
	color:#b12d3a;
	float:right;
}
.popular li .price span strong{
	font-size:22px;
}
.popular li a:hover{
	text-decoration:none;
}
/* ----------------------------------------
tokusyu
---------------------------------------- */
.tokusyu{
	margin-bottom:50px;
}
.tokusyu ul{
	clear:both;
	margin-bottom:30px;
	overflow:hidden;
	letter-spacing:-.4em;
}
.tokusyu li{
	display:inline-block;
	letter-spacing:normal;
	width:32%;
	margin-right:2%;
	margin-bottom:20px;
	vertical-align:top;
}
.tokusyu li:nth-child(3n){
	margin-right:0;
}
.tokusyu li:nth-child(4),
.tokusyu li:nth-child(5),
.tokusyu li:nth-child(6){
	margin-bottom:0;
}
.tokusyu li .img{
	margin-bottom:10px;
}
.tokusyu li img{
	width:100%;
}
.tokusyu li .text{
	margin-bottom:0;
	font-size:16px;
}
.tokusyu li a:hover{
	text-decoration:none;
}
/* ----------------------------------------
hajimete
---------------------------------------- */
.hajimete{
	margin-bottom:50px;
	text-align:center;
}
.hajimete iframe{
	margin:auto;
	margin-bottom:20px;
}
.hajimete p{
	text-align:left;
	font-size:16px;
}

/* ----------------------------------------
pagebody
---------------------------------------- */
#pagebody{
	clear:both;
	width:1100px;
	margin:auto;
}
/* ----------------------------------------
foot
---------------------------------------- */
#foot{
	clear:both;
	text-align:center;
	padding:50px 0;
	background:#f5f5f5;
}
#foot dl{
	width:1100px;
	margin:auto;
	overflow:hidden;
	text-align:left;
}
#foot dl dt{
	width:69%;
	float:left;
}
#foot dl dt h3{
	font-size:24px;
	margin-bottom:20px;
	line-height:30px;
	text-align:left;
	border-left:5px solid #333;
	padding-left:10px;
}
#foot dl dt ul{
	box-sizing: border-box;
	padding-bottom:0;
	overflow:hidden;
	margin-bottom:0px;
}	
#foot dl dt li{
	display:block;
	float:left;
	width:18.4%;
	margin-right:2%;
	margin-bottom:10px;
}
#foot dl dt li:nth-child(5n){
	margin-right:0;
}
#foot dl dt li a{
	display:block;
	font-size:16px;
	border:1px solid #CCC;
	background:#FFF;
	height:40px;
	line-height:40px;
	box-sizing: border-box;
	padding-left:30px;
	font-weight:bold;
}
#foot dl dt li a:hover{
	text-decoration:none;
}
#foot dl dt li a::after{
    content: "";
    display: block;
    float: right;
    width:10px;
    height:10px;
    border-top: solid 2px #b12d3a;
    border-right: solid 2px #b12d3a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 13px;
    margin-right:15px;
}
#foot dl dd{
	width:27%;
	float:right;
}
#foot dl dd ul{
	padding-left:40px;
	border-left:1px solid #CCC;
	margin-bottom:10px;
}
#foot dl dd .sns{
	width:25px;
	float:right;
}
#foot dl dd .sns img{
	width:100%;
	height:auto;
}
#foot dl dd ul li{
	font-size:16px;
}
#copy{
	font-size:16px;
	padding:30px 0;
	color:#FFF;
	text-align:center;
	background:#333;
}
/* ----------------------------------------
pagetop
---------------------------------------- */
.page-top{
	margin: 0 ;
	padding: 0 ;
	display: none ;
} 
.page-top p{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
} 
.move-page-top{
	display: block ;
	width: 40px ;
	height:40px ;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
	background:#333;
	border:1px solid #FFF;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
.move-page-top:hover{
	opacity: 0.85;
	text-decoration:none;
}
#ef102ede_1590664250{
	height:165px;
	overflow:hidden;
}
#ef102ede_1590664250 iframe{
	margin-top:-36px;
}
.sp{
	display:none;
}
.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}