@charset "UTF-8";
/* CSS Document */

* {
    box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

/* clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
.clearfix {display: inline-table;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html,body {
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	font-weight:normal;
	width:100%;
	overflow-x: hidden;
	color: #0e0e0e;
}

html,body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd {
	margin:0;
	padding:0;
	list-style:none;
}
#main {
	background-image: url(../img/back.png);
	background-repeat: repeat;
}

.category p {
	font-size: 14px;
	margin: 5px;
	
}

.category p.brand {
	font-weight: 600;
	font-size: 16px;
	
}
.category p.item {
	font-weight: 600;	
}
.category p.catch {
	font-weight: 600;	
	color: #fcac9f;
}

/* pickup */


.pickup p.event{
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #fcac9f;

}

.pickup p.catch {
	font-weight: 600;
	color: #fcac9f;
	
}
.pickup p.profile {
	color: #777777;
	
}



	p#pageTop {
		background-color: #0e0e0e;
		opacity: 0.9;
		width: 50px;
		height: 50px;
		position: fixed;
		right: 1%;
		bottom: 1%;
		border-radius: 50%;
		text-align: center;
		line-height: 50px;
		font-size: 20px;
	}
	
	p#pageTop a:link,
	p#pageTop a:visited {
		color: #fff;
	}

@media screen and (min-width: 668px) {

#main_in {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 40px 0;
}	
	
#maintop {
	width: 100%;
}	
	
.menu {
	width: 985px;
	margin: 0 auto;	
}

.menu li#menu0 {
	background-image: url(../img/category_over_00.png);
}
.menu li#menu1 {
	background-image: url(../img/category_over_01.png);
}
.menu li#menu2 {
	background-image: url(../img/category_over_02.png);
}
.menu li#menu3 {
	background-image: url(../img/category_over_03.png);
}
.menu li#menu4 {
	background-image: url(../img/category_over_04.png);
}
.menu li#menu5 {
	background-image: url(../img/category_over_05.png);
}
.menu li#menu6 {
	background-image: url(../img/category_over_06.png);
}
.menu li#menu7 {
	background-image: url(../img/category_over_07.png);
}
.menu li#menu8 {
	background-image: url(../img/category_over_08.png);
}
.menu li#menu9 {
	background-image: url(../img/category_over_09.png);
}
	
.menu ul li {
	float: left;
	width: 181px;
	height: 73px;
	margin: 0 20px 20px 0;
	
}

.menu ul li:nth-child(5) {
	margin-right: 0;
	
}

.menu ul li:nth-child(9) {
	margin-right: 0;
	
}

.menu ul li:nth-child(6) {
	margin-left: 90.5px;
	
}

.menu ul li a {
	display: block;
	width: 181px;
	height: 73px;
}

.menu ul li a:hover,
.menu ul li a:hover img {
	filter:alfa(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-khtml-opacity:0;
	-ms-filter:"alpha(opacity=0)";
	zoom:1;
}
	
#pickup {
	width: 1000px;
	margin: 0 auto;
	
}
	
#pickup h2 {
	text-align: center;
	margin: 120px 0 40px;
	font-weight: 600;
	
}
	
#pickup li img.pickupimage {
	width: 314px;
	height: auto;
	border-top-left-radius: 17px;
	border-top-right-radius: 17px;
	}
	
#pickup li {
	float: left;
	width: 320px;
	margin: 20px 20px 80px 0;
	border-radius: 20px;
	border: 3px solid #ddd;
	background-color: #ffffff;
	
}
#pickup li:nth-child(3) {
	margin-right: 0;
	
}
	
#pickup li p.btn {
	background-image: url(../img/btn_over_00.png);
	background-repeat: no-repeat;
	width: 250px;
	margin: 0 auto 20px;
}

#pickup li a {
	display: block;
	width: 250px;
	height: 60px;
}

#pickup li a:hover,
#pickup li a:hover img {
	filter:alfa(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-khtml-opacity:0;
	-ms-filter:"alpha(opacity=0)";
	zoom:1;
}	
	
#pickup p.text {
	height: 60px;
	text-align: center;
	font-size: 16px;
	color: #fcac9f;
	margin: 10px 0;
	font-weight: 600;

	
}
	
.category {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
	
.category h2 {
	text-align: center;
	margin: 80px 0 40px;
	font-weight: 600;
}
	
.category img {
	width: 320px;
	border-radius: 20px;
	border: 3px solid #ddd;
	background-color: #ffffff;
}
	
.category li {
	float: left;
	width: 320px;
	height: 550px;
	margin: 20px 20px 0 0;
	
}
.category li:nth-child(3n) {
	margin-right: 0;
	
}
	
.pickup {
	width: 1000px;
	margin: 30px auto 0;
	padding: 40px 0;
	border-radius: 20px;
	border: 3px solid #ddd;
	background-color: #ffffff;
	
}

.pickup img {
	width: 900px;
	margin: 0 auto 20px;
	display: block;
	
}

.pickup p {
	width: 900px;
	margin: 0 auto;
	
}
	
.pickup p span {
	font-weight: 600;
	line-height: 24px;
	
}
	
.banner {
	width: 1000px;
	margin: 0 auto;
	
}
.banner img {
	width: 490px;
	margin: 60px 10px 50px 0;
}
.banner img:nth-child(2) {
	margin-right: 0;
	
}
h3 {
	width: 1000px;
	margin: 0 auto;
}
	
#end {
	text-align: center;
	margin-top: -60px;
}	
#end h1{
	padding: 0 0 20px;
	font-size: 3rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #9A0532;
}
#end p{
	line-height: 2.4rem;
	font-size: 1.2rem;
}
#end img{
	padding: 60px 0;
}
#maintop h1 img {
	width: 100%;
}
}

@media screen and (max-width: 667px) {

#main_in {
	padding: 0 0 40px 0;
}
	
#maintop {
	width: 100%;
	margin: 0 0 20px;	
}
	
.menu {
	width: 94%;
	margin: 0 auto;	
}

.menu ul li {
	float: left;
	width: 32%;
	height: auto;
	margin: 0 2% 2% 0;
	
}
.menu ul li:nth-child(3n) {
	margin-right: 0;
	
}
	
#pickup {
	width: 94%;
	margin: 0 auto;
	
}
	
#pickup h2 {
	text-align: center;
	margin: 50px 0 30px;
	font-weight: 600;
	
}
	
#pickup li {
	width: 94%;
	margin: 0px auto 10px;
	border-radius: 20px;
	border: 3px solid #ddd;
	background-color: #ffffff;
	
}
	
	
#pickup li img.pickupimage {
	width: 100%;
	height: auto;
	border-top-left-radius: 17px;
	border-top-right-radius: 17px;
}
	
#pickup li p.btn {
	width: 80%;
	margin: 0 auto 20px;
}
	
#pickup li p.btn img {
	width: 100%;
}	

	
#pickup p.text {
	text-align: center;
	font-size: 16px;
	color: #fcac9f;
	margin: 10px 5px;
	font-weight: 600;

	
}
	
.category {
	width: 94%;
	margin: 0 auto;
}
	
.category h2 {
	text-align: center;
	margin: 50px 0 30px;
	font-weight: 600;
}
	
.category img {
	width: 94%;
	border-radius: 20px;
	border: 3px solid #ddd;
	background-color: #ffffff;
}
	
.category li {
	width: 94%;
	margin: 0px auto 20px;
	
}
	
.category li img {
		width: 100%;
}
	
.pickup {
	width: 94%;
	margin: 30px auto 0;
	padding: 20px 0;
	border-radius: 20px;
	border: 3px solid #ddd;
	background-color: #ffffff;
	
}

.pickup img {
	width: 90%;
	margin: 0 auto 10px;
	display: block;
	
}

.pickup p {
	width: 90%;
	margin: 0 auto;
	
}
	
.pickup p span {
	font-weight: 600;
	line-height: 20px;
	
}
	
.banner {
	width: 100%;
	margin: 50px auto;
	
}
.banner img {
	margin: 5px auto;
	
}
h3 {
	width: 94%;
	margin: 40px auto;
}
	
#end {
	text-align: center;
	margin-top: -30px;
}	
#end h1{
	padding: 0 0 20px;
	font-size: 2.2rem;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #9A0532;
}
#end p{
	font-size: 1.2rem;
	text-align: left;
	padding: 0 5%;
}
#end img{
	padding: 30px 0;
}
}