@charset "UTF-8";
/* CSS Document */
.sp{
	display:none;
}
other{
    display:none;
}

.navToggle,
.globalMenuSp{
	display:none;
}
#sp-topimg{
	display:none;
}

/*PC*/
@media screen and (max-width:768px) {
/* ----------------------------------------
common
---------------------------------------- */
#topimg{
	display:none;
}
#sp-topimg{
	display:block;
	margin-bottom: 20px;
}
#sp-topimg img{
	width:100%;
	height:auto;
}
body{
	-webkit-text-size-adjust: 100%;
}
.sp{
	display:block;
}
.pc{
	display:none;
}
#movie{
    display:none;
}
a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.table {
	margin-bottom: 20px;
}
.table th {
	font-size: 14px;
	width: 26%;
}
.table td{
	font-size: 13px;
}
iframe{
	width:100%;
	height:200px;
}
iframe.instagram-media{
    width: 100%;
    height: -webkit-fill-available;
}
/* ----------------------------------------
head
---------------------------------------- */
#head {
    width: 90%;
    margin: auto;
    text-align: left;
    box-sizing: border-box;
	padding-top:5px;
}
#head h1{
	font-size:12px;
	width:85%;
	margin-bottom:5px;
}
#head #logo img{
	width:430px;
	margin-bottom:10px;
}
#head ul{
	display:none;
}
#head #headbody{
	float:none;
	width:100%;
}
#head #sns{
	display:none;
}
/* ----------------------------------------
topimg
---------------------------------------- */
#topimg {
    margin-bottom: 20px;
}
/* ----------------------------------------
pagebody
---------------------------------------- */
#pagebody{
	width:90%;
	margin:auto;
}
/* ----------------------------------------
category_menu
---------------------------------------- */
.category_menu{
	margin-bottom:50px;
}
.category_menu ul{
	background:#f5f5f5;
	box-sizing: border-box;
	padding:10px;
	padding-bottom:0;
	overflow:hidden;
	margin-bottom:30px;
}	
.category_menu li{
	display:block;
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:10px;
}
.category_menu li:nth-child(5n){
	margin-right:2%;
}	
.category_menu li:nth-child(3n){
	margin-right:0;
}
.category_menu li a{
	display:block;
	font-size:14px;
	border:1px solid #CCC;
	background:#FFF;
	height:40px;
	line-height:40px;
	box-sizing: border-box;
	padding-left:10%;
	font-weight:bold;
}
.category_menu li:nth-child(1) a{
	background-size:34px auto;
}
.category_menu li:nth-child(2) a{
	background-size:35px auto;
}
.category_menu li:nth-child(3) a{
	background-size:25px auto;
}
.category_menu li:nth-child(4) a{
	background-size:23px auto;
}
.category_menu li:nth-child(5) a{
	background-size:23px auto;
}
.category_menu li:nth-child(6) a{
	background-size:13px auto;
}
.category_menu li:nth-child(7) a{
	background-size:23px auto;
}
.category_menu li:nth-child(8) a{
	background-size:12px auto;
}
.category_menu li:nth-child(9) a{
	background-size:22px auto;
}
.category_menu li:nth-child(10) a{
	background-size:31px auto;
}
.category_menu li:nth-child(11) a{
	background-size:35px auto;
}
.category_menu li:nth-child(12) a{
	background-size:16px auto;
}
.category_menu li:nth-child(13) a{
	background-size:35px auto;
}
.category_menu li:nth-child(14) a{
	background-size:11px auto;
}
.category_menu li:nth-child(15) a{
	background-size:28px auto;
}
.category_menu li a::after{
    margin-top: 14px;
    margin-right: 14px;
}
/* ----------------------------------------
popular
---------------------------------------- */
.popular li{
	display:block;
	float:left;
	width:32%;
	margin-right:2%;
}
.popular li:nth-child(3){
	margin-right:0;
}
.popular li:nth-child(4){
	display:none;
}

/* ----------------------------------------
foot
---------------------------------------- */
#foot {
    padding: 30px 0;
}
#foot dl{
	width:90%;
	margin:auto;
	overflow:hidden;
	text-align:left;
}
#foot dl dt,
#foot dl dd{
	width:100%;
	float:none;
}
#foot dl dt h3{
	font-size:18px;
}
#foot dl dt li{
	display:block;
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:10px;
}
#foot dl dt li:nth-child(5n){
	margin-right:2%;
}
#foot dl dt li:nth-child(3n){
	margin-right:0;
}
#foot dl dt li a{
	font-size:14px;
	padding-left:10%;
}
#foot dl dd ul{
	padding:0;
	border:0;
	margin-bottom:20px;
}
#foot dl dd ul li{
	border-bottom:1px solid #CCC;
}
#foot dl dd ul li a{
	height:40px;
	line-height:40px;
}
#foot dl dd .sns{
	float:none;
	margin:auto;
}
/* ----------------------------------------
copy
---------------------------------------- */
#copy {
    width:100%;
	margin:auto;
	font-size:14px;
}
/* ----------------------------------------
navi
---------------------------------------- */
#navi{
	display:none;
}
nav.globalMenuSp {
	display:block;
	position: fixed;
	z-index:1001;
	top: 0;
	left: 0;
	background: #fff;
	color: #000;
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 100%;
}
nav.globalMenuSp ul {
	background: #FFF;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
nav.globalMenuSp ul li{
	font-size: 14px;
	list-style-type: none;
	padding: 0;
	width: 100%;
}
nav.globalMenuSp ul li a {
	display: block;
	color: #000;
	height:40px;
	line-height:40px;
	text-decoration: none;
	box-sizing: border-box;
	border-bottom: 1px solid #CCC;
}
globalMenuSp ul li:first-child a{
	background:#333333 ;
	color:#FFF;
	height:41px;
}
nav.globalMenuSp ul li a:hover {
	background: #FFF;
	color:#ec6c99;
	text-decoration: none;
}
globalMenuSp ul li:first-child a:hover{
	background:#333333 ;
	color:#FFF;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateY(0%);
}
.navToggle {
    display: block !important;
    position: fixed;
    right:5%;
    padding-right: 0;
    top:13px;
    background: #b12d3a;
    width: 44px;
    height: 44px;
    cursor: pointer;
    z-index: 1003;
    text-align: center;
}
.navToggle span {
	display: block;
	position: absolute;
	width: 28px;
	border-bottom: solid 3px #FFF;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left:8px;
}
.navToggle span:nth-child(1) {
	top: 7px;
}
.navToggle span:nth-child(2) {
	top: 15px;
}
.navToggle span:nth-child(3) {
	top: 24px;
}
.navToggle span:nth-child(4) {
	border: none;
	color: #fff;
	font-size:9px;
    font-weight: normal;
    letter-spacing: 1px;
	top:28px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
	top: 16px;
	left:8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
	top: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* ----------------------------------------
breadcrumb
---------------------------------------- */
#breadcrumb{
	padding:10px 0;
	margin-bottom:20px;
}
#breadcrumb dl{
	width:90%;
	margin:auto;
	overflow:hidden;
}
#breadcrumb dl dt{
	height:auto;
	line-height:inherit;
	margin-right:0px;
	font-size:14px;
}
#breadcrumb dl dt a{
	height:auto;
	line-height:inherit;
	padding-right:10px;
}
#breadcrumb dl dt a::after {
    margin-top:4px;
    margin-left:10px;
}
#breadcrumb dl dd{
	height:auto;
	line-height:inherit;
    font-size:14px;
}
/* ----------------------------------------
.contents_body
---------------------------------------- */
.contents_body .item {
    overflow:inherit;
}
.contents_body .item .area {
    margin-top: 0;
    font-size:14px;
}
.button {
    width:300px;
    margin-bottom: 40px;
}


@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(0px); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
}
@media screen and (max-width:480px) {
/* ----------------------------------------
head
---------------------------------------- */
#head h1{
	font-size:12px;
	width:85%;
	margin-bottom:5px;
}
#head h1 span{
	display:none;
}
#head #logo img{
	width:300px;
	margin-bottom:10px;
}
#head ul{
	display:none;
}
/* ----------------------------------------
topimg
---------------------------------------- */
#topimg{
	width:100%;
	overflow:hidden;
}
#topimg img{
	width:120%;
	margin-left:-10%;
}
/* ----------------------------------------
h2
---------------------------------------- */
h2.title{
	font-size:20px;
}
h2.title02 {
    font-size: 20px;
}
h2.title img{
	margin-right:5px;
}
.category_menu h2.title img{
	width:20px;
}
.popular h2.title img{
	width:24px;
}
.tokusyu h2.title img{
	width:17px;
}
.hikaku h2.title img{
	width:22px;
}
.hajimete h2.title img{
	width:21px;
}
.kiji h2.title img{
	width:22px;
}
/* ----------------------------------------
category_menu
---------------------------------------- */
.category_menu li a::after{
	display:none;
}
.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-position:85% center;
}
/* ----------------------------------------
button
---------------------------------------- */
.button{
	width:300px;
	margin:auto;
	text-align:center;
	clear:both;
}
/* ----------------------------------------
popular
---------------------------------------- */
.popular {
    margin-bottom: 40px;
}
.ranking {
    margin-bottom: 40px;
}
.popular ul{
	margin-bottom:10px;
}
.ranking ul{
	margin-bottom:30px;;
}
.popular li{
	display:block;
	float:left;
	width:49%;
	margin-right:2%;
}
.ranking li{
	margin-bottom:0;
}
.popular li:nth-child(3){
	margin-right:2%;
}
.popular li:nth-child(2n){
	margin-right:0;
}
.popular li:nth-child(4){
	display:block;
}
.popular li .text{
	box-sizing: border-box;
	padding:0 10px;
	margin-bottom:10px;
	font-size:14px;
}
.popular li .star{
	margin-bottom:10px;
	padding-left:10px;
	font-size:12px;
}
.popular li .star span{
	font-size:18px;
	font-weight:bold;
}
.popular li .star img{
	width:60px;
	height:auto;
	display:inline-block;
	margin-right:5px;
	vertical-align: baseline;
}
.popular li .price{
	margin-bottom:20px;
	padding:0 10px;
	font-size:14px;
}
.popular li .price span{
	font-weight:bold;
	font-size:14px;
	color:#b12d3a;
	float:right;
}
.popular li .price span strong{
	font-size:18px;
}
/* ----------------------------------------
tokusyu
---------------------------------------- */
.tokusyu ul{
	margin-bottom:30px;
}
.tokusyu li{
	width:49%;
	margin-right:2%;
	margin-bottom:20px;
}
.tokusyu li:nth-child(4),
.tokusyu li:nth-child(5),
.tokusyu li:nth-child(6){
	margin-bottom:20px;
}
.tokusyu li:nth-child(3n){
	margin-right:2%;
}
.tokusyu li:nth-child(2n){
	margin-right:0;
}
.tokusyu li .img{
	margin-bottom:5px;
}
.tokusyu li img{
	width:100%;
}
.tokusyu li .text{
	margin-bottom:0;
	font-size:14px;
}
/* ----------------------------------------
hikaku
---------------------------------------- */
.tokusyu ul{
	margin-bottom:10px;
}
.hikaku li{
	width:100%;
	margin-right:0;
	margin-bottom:20px;
}
.hikaku li:nth-child(3n){
	margin-right:0;
}
.hikaku li:nth-child(2n){
	margin-right:0;
}
/* ----------------------------------------
hajimete
---------------------------------------- */
.hajimete iframe{
	margin-bottom:10px;
}
.hajimete p{
	text-align:left;
	font-size:14px;
}
/* ----------------------------------------
contents_body
---------------------------------------- */
.contents_body .item dt,
.contents_body .item dd{
    float:none;
    width:100%;
    margin-bottom:20px;
}
.contents_body .item dd{
    margin-bottom:60px;
}
.site_list li {
    padding:20px 0;
}
.site_list li .button {
    width: 300px;
    float: none;
    margin-top:0px;
}
.site_list li .price {
    margin-bottom:20px;
}
.site_list li .title {
    font-size: 20px;
    margin-bottom: 10px;
}
.site_list li .review {
    margin-bottom: 5px;
}
.entry_body h2 {
    font-size: 20px;
}
.entry_body p {
    font-size: 14px;
}
.contents_body .item .text {
    font-size: 14px;
}
.contents_body .item h2 {
    font-size: 20px;
}
}