@charset "UTF-8";
/*リスト
 1:全体
 2:ヘッダ
 3:メイン
 4:フッタ
 5:その他共通パーツ
*/
/*----------------------------------------
 1:全体
----------------------------------------*/
body {
	color:#494646;
	font-size: 1em;
	line-height: 1.2em;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
	font-weight: 300;
}
@media (max-width: 768px) {
	body{
		font-size: 2.5vw;
	}
}
/*リンク*/

a {
	color:#494646;
}
a:visited {
	color:#494646;
}
a:hover {
	text-decoration:underline;
	opacity: 0.7;
}
a:active {
	color:#494646;
}

/*画像*/

img {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	vertical-align: top;
}

@media (max-width: 768px){
	img{
		max-width: 100%;
		width: 100%;
	}
}

/*common layout*/

.container {
	*zoom: 1;
	margin: 0 auto;
	width: 980px;
	min-width:980px;
}
@media (min-width: 769px) and (max-width:1024px) {
	.container {
		width: 100%;
		min-width: 100%;
	}
}
@media (max-width: 768px) {
	.container {
		width: 100%;
		min-width: 100%;
	}
}
.contents {
	*zoom: 1;
	margin: 0 auto;
	width: 100%;
	min-width:980px;
}
.contents:before, .contents:after {
	content: " ";
	display: table;
}
.contents:after {
	clear: both;
}

@media (min-width: 769px) and (max-width:1024px) {
	.contents{
		min-width: 100%;
	}
}
@media (max-width: 768px){
	.contents{
		min-width: 100%;
	}
}
@-ms-viewport {
	width: device-width;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd {
	margin: 0;
}
ul, ol {
	padding: 0;
}
a {
	text-decoration: none;
}

/*----------------------------------------
 2:ヘッダ
----------------------------------------*/
.top__snsbtn{
	position: fixed;
	right: 0;
    top: 0;
	height: 100vh;
	z-index: 1;
}
.top__snsbtn.is--hide{
	transition: 0.5s;
	opacity: 0;
}
.top__snsbtn.is--show{
	transition: 0.5s;
	opacity: 1;
}
.top__snsbtn__list{
	position:relative;
	list-style: none;
	top:50vh;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.top__snsbtn__item{
	padding: 25px;
}
.top__snsbtn__item a{
	display: block;
	width:37px;
}
@media (max-width: 1114px){
	.top__snsbtn{
		display: none;
	}
}
/*----------------------------------------
 3:メイン
----------------------------------------*/
.top__section{
	padding-bottom: 210px;
}

@media (max-width: 768px){
	.top__section{
		padding-bottom: 30vw;
	}
}
/*メインビジュアル*/
.top__mainvisual{
	padding-bottom: 0;
}
.top__mainvisual .top__mainvisual__video {
	position:relative;
	width:100%;
	padding-top:601px;
}
.top__mainvisual .top__mainvisual__video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
@media (min-width: 769px) and (max-width:1024px) {
	.top__mainvisual .top__mainvisual__video {
		padding-top:61vw;
	}
}
@media (max-width: 768px){
	/*16:9比率*/
	.top__mainvisual .top__mainvisual__video {
		padding-top:177.777vw;
	}
	.main_video{
		width:100%;
	}
}

.movie-pc {
	display: block;
}
.movie-sp {
	display: none;
}

@media (max-width: 768px){
	.movie-pc {
		display: none;
	}
	.movie-sp {
		display: block;
	}
	
}
/*ブランドタイトル*/
.top__brandtitle {
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	line-height: 1.8em;
	padding-top: 20px;
	padding-bottom: 130px;
}
@media (max-width: 768px){
	.top__brandtitle {
		padding-top: 3vw;
		font-size: 1em;
		padding-bottom: 18.2vw;
		letter-spacing: 0;
	}
}
/*カテゴリー*/
.top__category{
}
.top__mainvisual + .top__category{
	padding-bottom: 180px;
}
.top__category .top__category__list {
	font-size: 0;
}
.top__category .top__category__list .top__category__item{
	display: inline-block;
	padding-bottom: 75px;
	vertical-align: top;
	width:16.5%;
	text-align: center;
}
.top__category .top__category__list .top__category__item:nth-last-child(-n+6){
	padding-bottom: 0;
}

.top__category .top__category__list .top__category__item a{
	display: inline-block;
}
.top__category .top__category__list .top__category__item a:hover{
	text-decoration: none;
}
.top__category .top__category__list .top__category__item .top__category__item__largetxt{
	display: block;
	line-height: 1em;
	padding-bottom: 8px;
	font-size: 24px;
	letter-spacing: 0.05em;
}
.top__category .top__category__list .top__category__item .top__category__item__smalltxt {
	letter-spacing: 0em;
	font-size: 12px;
}
@media (max-width: 768px){
	.top__category{
		width: 90%;
		margin: 0 auto;
	}
	.top__mainvisual + .top__category{
		padding-bottom: 20vw;
	}
	.top__category .top__category__list .top__category__item{
		width: 25%;
		padding-bottom: 12vw;
	}
	.top__category .top__category__list .top__category__item .top__category__item__largetxt{
		font-size: 4vw;
		letter-spacing: 0.5px;
	}
	.top__category .top__category__list .top__category__item .top__category__item__smalltxt {
		font-size: 2.2vw;
		letter-spacing: 0;
		padding-left: 0.2em;
	}
}
/*初めての方へ*/
.top__beginner{
	text-align: center;
	padding-bottom: 166px;
}
.top__beginner a{
	font-size: 1.1em;
	letter-spacing: 0.25em;
	padding-left: 0.25em;
	border-bottom: 1px solid #494646;
}
.top__beginner a:hover{
	text-decoration: none;
}
@media (max-width: 768px){
	.top__beginner{
		padding-bottom: 26.5vw;
	}
	.top__beginner a{
		width: 90%;
		display: block;
		border: 1px solid #494646;
		margin: 0 auto;
		padding: 2vw;
		letter-spacing: 0.1em;
	}
}
/*line up、共通タイトル*/
.top__lineup {
	padding-bottom: 188px;
}
h2.top__lineup__title,
h2.top__snap__title,
h2.top__ranking__title,
h2.top__information__title {
	font-weight: normal;
	text-align: center;
	font-size: 1.63em;
	letter-spacing: 0.27em;
	text-indent: 0.1em;
	line-height: 1.4em;
	padding-bottom: 53px;
}
@media (max-width: 768px){
	.top__lineup {
		padding-bottom: 26vw;
	}
	h2.top__lineup__title,
	h2.top__snap__title,
	h2.top__ranking__title,
	h2.top__information__title {
		padding-bottom: 7vw;
		font-size: 1.55em;
		font-size: 1.55em;
		letter-spacing: 0.24em;
	}
	h2.top__lineup__title::after,
	h2.top__snap__title::after,
	h2.top__ranking__title::after{
		display: none;
	}
}

/*itemlist*/
.top__itemlist {
	list-style: none;
	font-size: 0;
}

.top__itemlist__item {
	font-size:1rem;
	display: inline-block;
	width:282px;
	padding-right: 38px;
	padding-bottom: 74px;
	vertical-align: top;
}
.top__itemlist__item:nth-child(3n+1){
	padding-left: 30px;
}
.top__itemlist__item:nth-child(3n){
	padding-right: 0;
}
.top__itemlist__item:nth-last-child(-n+3){
	padding-bottom: 0;
}
.top__itemlist__item a{
	text-decoration: none;
	display: block;
}
.top__itemlist__item img{
	padding-bottom: 0.8em;
}
.top__itemlist__mark{
	font-family: futura-pt,sans-serif;
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1em;
	padding-bottom: 0.5em;
}
@media (max-width: 768px){
	.top__itemlist__mark{
		font-size: 1.5em;
		padding-bottom: 0.35em;
		letter-spacing: 0.5px;
	}
}

.top__itemlist__date {
	font-size: 0.8em;
	letter-spacing: 0.125em;
	font-family: 'Noto Serif JP', serif;
	padding-bottom: 0.5em;
}
.top__itemlist__text {
	font-size: 0.9em;
	font-family: 'Noto Serif JP', serif;
	padding-bottom: 0.5em;
}
.top__itemlist__price{
	font-size: 0.8em;
	letter-spacing: 0.125em;
	font-family: 'Noto Serif JP', serif;
}

@media (min-width: 769px) and (max-width:1024px) {
	.top__itemlist__item {
		width:31.4%;
		padding-right: 2%;
	}
	.top__itemlist__item:nth-child(3n+1){
		padding-left: 1%;
	}
	
}
@media (max-width: 768px){
	
	.top__itemlist {
		padding:0 0 0 0;
	}
	.top__itemlist.is--pc{
		display: none;
	}
	.top__itemlist.is--sp{
		display: block;
	}
	.top__itemlist__item {
		font-size: 2.5vw;
		width: 44%;
		padding-right: 4%;
		padding-bottom: 8.3vw;
	}
	.top__itemlist__item:nth-child(even){
		padding-right: 4%
	}
	.top__itemlist__item:nth-child(odd),
	.top__itemlist__item:nth-child(3n+1){
		padding-left: 4%;
	}
	.top__itemlist__item:nth-child(n+13){
		padding-bottom: 0;
	}
	.top__itemlist__item:nth-child(n+15) {
		display: none;
	}
	.top__itemlist__item img{
		padding-bottom: 2.75vw;
	}
	.top__itemlist__text {
		font-size: 1em;
		line-height: 1.6em;
		padding-bottom: 0.35em;
	}
	.top__itemlist__date,
	.top__itemlist__price{
		font-size: 0.8em;
		line-height: 1.6em;
		padding-bottom: 0.35em;
		letter-spacing: 0.03em;
	}
}
.btn__more{
	padding-top: 134px;
	font-weight: normal;
	text-align: center;
}
.btn__more a{
	letter-spacing: 0.23em;
	text-indent: 0.23em;
	display: block;
	margin: 0 auto;
	border: 1px solid #494646;
	width: calc(680px - 40px);
	padding: 20px;
}

.btn__more a:hover{
	text-decoration: none;
}
@media (max-width: 768px){
	.btn__more{
		padding-top: 16.3vw;
	}
	.btn__more a{
		letter-spacing: 0.4em;
		text-indent: 0.1em;
		line-height: 1em;
		width: calc(90% - 5vw);
		padding: 2.5vw;
	}
	.btn__more a:after{
		width: 9.2vw;
		height: 4vw;
		margin:3.6vw auto;
	}
}

/*information*/
.top__information {
	padding-bottom: 194px;
	text-align: center;
}
.top__information__list {
	text-align: center;
	list-style: none;
}
.top__information__list .top__information__item {
	padding: 0.9em 0;
	letter-spacing: 0.18em;
}
.top__information__list .top__information__item:last-child {
	margin-bottom: 0;
}
.top__information__list .top__information__item a{
	display: inline-block;
	border-bottom: 1px solid #494646;
}
.top__information__list .top__information__item a:hover{
	text-decoration: none;
}

.top__information__list .top__information__item strong{
	font-weight: 300;
}


@media (min-width: 769px){
	h2.top__information__title{
		border-bottom: 2px solid #494646;
		display: inline-block;
		text-align: center;
		padding-bottom: 0.35em;
		margin-bottom: 24px;
		letter-spacing: 0.3em;
	}
}
@media (max-width: 768px){
	.top__information {
		padding-bottom: 25vw;
		text-align: center;
	}
	.top__information__list .top__information__item {
		margin: 0 auto;
		width: calc(90% - 2em);
		border: 1px solid #494646;
		margin-bottom: 9vw;
		padding: 0;
	}
	.top__information__list .top__information__item:last-child {
		margin-bottom: 0;
	}
	.top__information__list .top__information__item a{
		border: none;
		display: block;
		padding: 1em;
	}
}
/* ranking */
.top__ranking{
	counter-reset: ranking;
}
.top__ranking__list.top__itemlist a:before{
	content: "No." counter(ranking);
	counter-increment: ranking;
	display: block;
	text-align: center;
	font-size: 1.38em;
	line-height: 1.4em;
	padding-bottom: 20px;
}

.top__ranking__list .top__itemlist__item:nth-child(5){
	padding-bottom: 0 !important;
}
@media (min-width: 769px){
	.top__ranking__list .top__itemlist__item{
		width: 223px;
		padding-right: 29px;
		padding-left: 0;
	}
	.top__ranking__list .top__itemlist__item:nth-child(4n){
		padding-right: 0;
	}
}
@media (min-width: 769px) and (max-width:1024px) {
	.top__ranking__list .top__itemlist__item{
		width: 23.5%;
		padding-right: 2%;
		padding-left: 0;
	}
}
@media (max-width: 768px){
	.top__ranking{
	}
	.top__ranking__list.top__itemlist a:before{
		font-size: 1.5em;
		padding-bottom: 2vw;
	}
	.top__ranking__list.top__itemlist .top__itemlist__item{
		padding-bottom: 9.2vw;
	}
	.top__ranking__list.top__itemlist .top__itemlist__item:nth-child( n + 5 ){
		display: inline-block;
	}
	.top__ranking__list.top__itemlist .top__itemlist__item:nth-last-child(-n+2){
		padding-bottom: 0;
	}
}

/*coordinate*/
.top__coordinate{
	padding-bottom: 253px;
}

@media (max-width: 768px){
	.top__coordinate{
		padding-bottom: 19vw;
	}
	
}
.top__coordinate__list{
	width: 910px;
	margin: 0 auto;
	display: none;
}
.top__coordinate__list.slick-slider{
	display: block;
}
@media (min-width: 769px) and (max-width:1024px) {
	.top__coordinate__list{
		width:90vw;
	}
}
@media (max-width: 768px){
	
	.top__coordinate__list{
		width:90vw;
	}
	
}
.top__coordinate__item{
	padding: 0 7px;
}
.top__coordinate__item img{
	width: 100%;
}
.top__coordinate__list .slick-dots{
	bottom: -44px;
}
.top__coordinate__list .slick-dots li{
	margin:0 6px;
}
.top__coordinate__list .slick-dots li button:before{
	font-size: 10px;
	opacity: 0.2;
}
.top__coordinate__list .slick-dots li.slick-active button:before{
	opacity: 0.5;
}
.top__coordinate__list .slick-arrow{
	width: 25px;
	height: 27px;
}
.top__coordinate__list .slick-arrow:before{
	content: "";
	width: 25px;
	height: 27px;
	display: block;
	opacity: 1;
}
.top__coordinate__list .slick-prev:before{
	background-image: url(../images/top/btn_slide_prev.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.top__coordinate__list .slick-next:before{
	background-image: url(../images/top/btn_slide_next.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.top__coordinate__list .slick-prev{
	left: -22px;
}
.top__coordinate__list .slick-next{
	right: -33px;
}
@media (max-width: 768px){
	.top__coordinate__item{
		padding: 0;
	}
	.top__coordinate__list .slick-dots{
		bottom: -10vw;
	}
	.top__coordinate__list .slick-dots li{
		margin: 0 2vw;
		width:auto;
		height: auto;
	}
	.top__coordinate__list .slick-dots li button:before{
		width: 2vw;
		height: 2vw;
		line-height: 3vw;
		font-size: 3.6vw;
	}
}

/*snap*/
.top__snap{
}

.top__snap__container{
	width: 100%;
}

.top__snap__list{
	list-style: none;
	font-size: 0;
	display: flex;
}
.top__snap__item{
	display: inline-block;
	font-size: 1rem;
	width: 25%;
	padding-right: 12px;
}
.top__snap__item:nth-child(4n){
	padding-right: 0;
}
.top__snap__item img{
	width: 100%;
}
@media (min-width: 769px){
	.top__snap__title{
	}
	.top__snap__item:nth-child(n+5){
		display: none;
	}
	.top__snap__item:nth-last-child(-n+4){
		padding-bottom: 0;
	}
}
@media (max-width: 768px){
	
	.top__snap{
	}
	.top__snap__list{
		flex-wrap: wrap;
	}
	.top__snap__item{
		width: 26%;
		padding: 0vw 3.3% 3.5vw 4%;
	}
	.top__snap__item:nth-last-child(-n+3){
		padding-bottom: 0;
	}
	.top__snap__item:nth-child(4n){
		padding-right: 3.3%;
	}
}
/* brand */
.top__jointspace{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

@media (min-width: 769px){
	.top__jointspace .for--sp {
		display: none;
	}
	.top__jointspace img{
		width: 737px;
	}
}

.top__jointspace a:hover{
	text-decoration: none;
}
.top__jointspace a:hover img{
	opacity: 0.7;
}
.top__jointspace img{
	display: block;
	margin: 0 auto;
}
.top__jointspace img.top__jointspace__js{
	width: 302px;
}
@media (max-width: 768px){
	.top__jointspace{
	}
	.top__jointspace a{
		display: block;
		padding-top: 4.5vw;
		padding-bottom: 4vw;
		border: 1px solid #B1B0B0;
	}
	.top__jointspace .for--pc {
		display: none;
	}
	.top__jointspace img{
		padding-top: 3vw;	
	}
	.top__jointspace img.top__jointspace__js{
		width: 41vw;
	}
}
/*----------------------------------------
 4:フッター
----------------------------------------*/
/*----------------------------------------
 ex:パンくずリスト　
----------------------------------------*/
.breadcrumb_box {
	width:100%;
	/*margin-top: 60px;*/
	margin-bottom: 15px;
	font-size: 1em;
	border-top:black 1px dotted;
	overflow: hidden;
}
.breadcrumb_box .container{
	padding-top:15px;
}
.breadcrumb_box .container ol{
	padding-left: 25px;
}

.breadcrumb {
	padding-left:0;
	margin-left:0;
}

.breadcrumb li{
	display:inline;/*横に並ぶように*/
	list-style: none;
}

.breadcrumb li:after {/* >を表示*/
	content: '>';
	padding: 0 3px;
}

.breadcrumb li:last-child:after {
	content: '';
	padding: 0;
}

.breadcrumb li a {
	text-decoration: none;
}
@media (max-width: 768px) {
	.breadcrumb_box{
		font-size: 1.4em;
		line-height: 1.4em;
		margin-bottom: 0;
	}
	.breadcrumb_box .container{
		padding:3.5vw 0;
	}
	.breadcrumb{
		padding-left: 0;
		padding-left: 4.5vw;
	}
	.breadcrumb li a{
		display: inline-block;
	}
}


.breadcrumb li a:hover {
	text-decoration: underline;
}


/*ページトップに戻るボタン*/
#footer .footer__pagetop {
	width: 100%;
}

footer .footer__pagetop__btn {
	width: 50px;
	position: fixed;
	right: 10px;
	bottom: 0px;
	margin: 10px;
	z-index: 99;
}

#footer .footer__pagetop__btn {
	width: 35px;
	bottom: 90px;
	padding: 5px;
	background: rgba(255,255,255,0.7);
}

#footer .footer__pagetop__btn img {
	width: 100%;
	opacity: 0.85;
}

@media (max-width: 768px) {

	#footer .footer__pagetop__btn {
		width: 9vw;
		right: 10px;
		bottom: 15vw;
		padding: 1vw;
	}
}

@media (max-width: 768px) {
	.second-page .footer__chat{
		display: none;
	}
}

/*PCフッター*/
.footer-pc {
	display: block;
	background: #363636;
	min-width: 980px;
	width: 100%;
	z-index: 1;
    position: relative;
}

/*@media (min-width: 769px) and (max-width:1024px) {
	.footer-pc {
		min-width: 100%;
	}

}*/
.footer__main {
	padding-top: 60px;
	color: #fff;
	font-size: 0.8em;
}

.footer__main a {
	color: #fff;
}

.footer__main__js {
	padding-bottom: 50px;
}

.footer__main__info {
	width: 180px;
	padding-right: 20px;
	padding-left: 25px;
}

.footer__main__guide {
	width: 160px;
	padding-right: 20px;
}

.footer__main__about {
	width: 310px;
	padding-right: 20px;
}
@media (min-width: 769px) and (max-width:1024px) {
	
	.footer__main__info {
		width: 18%;
		padding-right: 2%;
		padding-left: 2%;
	}

	.footer__main__guide {
		width: 16%;
		padding-right: 2%;
	}

	.footer__main__about {
		width: 31%;
		padding-right: 2%;
	}
}

.footer__main__info,
.footer__main__guide,
.footer__main__about,
.footer__main__calender {
	display: inline-block;
	vertical-align: top;
	box-sizing: content-box;
	letter-spacing: 0;
	font-size: 0.9em;
}

.footer__main__info h2,
.footer__main__guide h2,
.footer__main__about h2{
	font-family: 'Amiri', sans-serif;
	font-size: 1.25em;
	line-height: 1em;
	letter-spacing: 0.13em;
	font-weight: bold;
}

.footer__main__calender h2 {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.13em;
}

.footer__main__info h2,
.footer__main__guide h2,
.footer__main__about h2,
.footer__main__calender h2 {
	padding-bottom: 25px;
}

.footer__main__info ul,
.footer__main__guide ul {
	list-style: none;
}

.footer__main__info li,
.footer__main__guide li,
.footer__main__about,
.footer__main__about__description {
	line-height: 2em;
}

.footer__main__about .footer__main__about__description {
	padding-bottom: 35px;
}
.footer__calendar__area{
	background: #fff;
	padding-top: 1em;
}
@import url(//db.onlinewebfonts.com/c/38acc11ee03d6c1df3df3cc99a04b734?family=Iskoola+Pota);
.footer__copyright {
	padding-top: 64px;
	padding-bottom: 52px;
	text-align: center;
	font-family: 'Iskoola Pota', sans-serif;
	letter-spacing: 0.05em;
}

/*スマホフッター*/
#footer .footer-sp {
	display: none;
}

@media (max-width: 768px) {
	.footer-pc {
		display: none;
	}

	#footer .footer-sp {
		display: block;
		background: #363636;
		padding: 6vw 0;
		color: #fff;
		line-height: 2.4em;
		font-size: 0.8em;
		text-align: center;
	}

	.footer-sp__links {
		margin: 0 auto;
		padding-bottom: 6vw;
	}

	.footer-sp__links__item {
		display: inline-block;
		width: 12vw;
		max-width: 60px;
		padding-right: 2vw;
	}
	
	.footer-sp__links__item:last-child{
		padding-right: 0;
	}

	.footer-sp__logo {
		padding-bottom: 6vw;
	}

	.footer-sp__logo img {
		width: 36vw;
	}
}


.footer__menu--fixed{
	position: fixed;
	bottom:0;
	left: 0;
	background: #fff;
	width:100%;
	border-top:#ADABA6 1px solid;
}
.footer__menu--fixed__list{
	font-size: 0;
	text-align: center;
}
.footer__menu--fixed__item{
	font-size: 2vw;
	display: inline-block;
	vertical-align: bottom;
    width: 20%;
}
.footer__menu--fixed__item a{
    padding: 10px 0;
    display: block;
	width: 100%;
}
.footer__menu--fixed__item a:hover{
	text-decoration: none;
}
.footer__menu--fixed__item a img{
	display: block;
    margin: 0 auto;
    width: 4vw;
    padding-bottom: 5px;
}
.footer__menu--fixed{
	transition-duration: .5s ;
}
.footer__menu--fixed.is-hide{
	margin-bottom: -100%;
	transition-duration: .5s;
}

/*google adwords崩れ防止*/

iframe[name="google_conversion_frame"]{
	position: absolute;
	top: 0;
}
iframe[title="sprocket control"]{
	position: absolute;
	top: 0;
}


/*---   スライド　ドット削除   ---*/
.top__coordinate.top__section {
	padding-bottom: 145px;
}

.top__coordinate.top__section .slick-dots {
	display: none;
}