@charset "UTF-8";
/*リスト
 1:全体
 2:ヘッダ
 3:メイン
 4:フッタ
 5:その他共通パーツ
*/
/*----------------------------------------
 1:全体
----------------------------------------*/
/*日本語*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500&display=swap&subset=japanese');
/*joliechambre用英字*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap');


body {
	color: #707070;
	font-size: 1em;
	line-height: 1.2em;
	font-family: 'Roboto', 'Noto Sans JP', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
	font-weight: 700;
}
@media (max-width: 768px) {
	body{
		font-size: 3vw;
	}
}
/*リンク*/

a {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color: #000000;
}

/*画像*/

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 (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 (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:ヘッダ
----------------------------------------*/
header {
	min-width: 980px;
	/*border-top:20px solid #C1EBE7;*/
}
header .container{
	position: relative;
}
@media (max-width: 768px) {
	header {
		width: 100%;
		min-width: 100%;
		border-top: none;
	}
}

.header__description{
	padding: 12px 0;
	text-align: center;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.82em;
}
@media (max-width: 768px) {
	.header__description{
		padding:3px;
		background-color:#8DE2DB;
		color:#fff;
		display:block;
	}
	.header__description img{
		display:none;
	}

	.header__description__item{
		background-size:contain;
		display:block;
		width:70%;
		height:20px;
	}
}

.logo {
	padding: 0 0 10px;
	text-align: center;
}

@media (max-width: 768px) {
	.logo {
		margin: 0 auto;
		width: 49%;
	}
	.logo img {
		max-width: 100%;
	}
}
/*ヘッダー各種リンク*/
/*ヘッダ右上JointSpaceリンク*/
.header__link-js a{
	border:#000000 solid 1px;
	display: block;
	color:#000000;
	letter-spacing: 0.02em;
	text-indent: 0.02em;
	padding: 6px 20px;
	position: absolute;
	right: 0;
	top:10px;
	font-size: 0.8em;
	letter-spacing: 0.14em;
	text-indent: 0.14em;
}
.header__link-js a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.header__tools__item {
	display: block;
	position: absolute;
	top:56px;
}
.header__tools__item-login{
	right: 68px;
}
.header__tools__item-cart{
	right: 10px;
}
/*ヘッダーピックアップ*/
.header__pickup {
	border-top:2px #000000 solid;
	border-bottom:2px #000000 solid;
	color:#ffffff;
	letter-spacing: 0.15em;
	text-indent: 0.15em;
	background-color: #000000;
}
.header__pickup a{
	color:#ffffff;
}
.header__pickup__list{
	list-style: none;
	text-align: center;
	font-size: 0;
}
.header__pickup__item {
	display: inline-block;
	font-size: 1.2rem;
	vertical-align: middle;
}
.header__pickup__item img{
	position: relative;
	bottom: 1px;
}
.header__pickup__item a{
	padding: 8px 14px;
	display: inline-block;
}
.header__pickup__item:after{
	content: "/";
}
.header__pickup__item:last-child:after{
	content:"";
}
/*グローバルナビ*/
.gnav .container {
	*zoom: 1;
}
.gnav .container:before, .gnav .container:after {
	content: " ";
	display: table;
}

.gnav__list {
	*zoom: 1;
	list-style: none;
	padding: 28px 0;
	text-align:center;
}

.gnav__item {
	display: inline;
	text-align: center;
	padding: 0 24px;
	font-size: 1.15em;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
}
@media (max-width: 768px) {
	.gnav__list {
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.gnav__item{
		font-size:3vw;
		padding-right:4%;
		padding-left:1%;
	}
	
}
/*----------------------------------------
 3:メイン
----------------------------------------*/
/*POPUP*/
.top__popup{
	animation: hide .3s linear 0s;
    height: 100vh;
	position: fixed;
	width: 100%;
	z-index: 10000;
	top:0;
	left: 0;
	overflow: hidden;
	overflow-y: auto;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: lighter;
	font-size: 1.1em;
	line-height: 1.5em;
	display: none;
}
.top__popup.is--opened{
	display: block;
}
.top__popup__overlay{
	background: rgba(0,0,0,0.6);
	width: 100%;
    height: 100vh;
}
.top__popup__inner{
	position: absolute;
	padding: 70px 42px 28px;
	z-index: 100;
	width: 700px;
	display: block;
	background: #fff;
	box-shadow: 2px 2px 4px grey;
	margin: 0 auto;
	text-align: center;
	top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
.top__popup__close{
	cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    width: 28px;
    height: 28px;
}
@media (max-width: 768px) {
	.top__popup__close{
		right: 2vw;
		top: 2vw;
	}
}
.top__popup__close__icon {
	position: relative;
    display: inline-block;
    margin: 0 -14px 0 -14px;
    padding: 0;
    width: 1px;
    height: 28px;
    background: #000;
    transform: rotate(45deg);
}
.top__popup__close__icon:before{
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -14px;
    width: 28px;
    height: 1px;
    margin-top: -1px;
    background: #000;
}
.top__popup__inner p{
	padding-top: 28px;
}
.top__popup__check a{
	border:1px solid #000;
	display: inline-block;
	margin: 0 auto;
	padding: 3px 14px;
	margin-top: 18px;
	font-family: "Roboto","Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.3em;
	text-indent: 0.3em;
	color: #000;
}
.top__popup__check a:hover{
	text-decoration: none;
	opacity: 0.7;
}

@media (max-width: 768px) {
	.top__popup__inner{
		padding: 10vw 6vw 4.6vw 6vw;
		width: 70vw;
	}
	.top__popup__inner p{
		padding-top: 4.6vw;
		font-size: 1.1em;
	}
	.top__popup__check a{
		padding: 1.5vw 2vw;
	}
}
/*スライダー*/
.mainvisual{
	padding-top: 4px;
}
.bx-wrapper{
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border:none !important;
}
.bx-controls-direction{
	display: none;
}

.bx-pager.bx-default-pager a{
	background:#fff !important;
	border:1px solid #000000;
}
.bx-pager.bx-default-pager a.active{
	background:#000000 !important;
}

.main__slider:after{
	clear: both;
}
.bxslider li {
display: none;
}
.bx-viewport .bxslider li {
display: block !important;
}
@media (max-width: 768px) {
	.bx-controls-direction{
		display: block;
	}
	.bx-wrapper .bx-prev{
		background:url(../images/top/slider_arrow-left.png) no-repeat !important;
		left:1vw !important;
		background-size: 2.5vw !important;
	}
	.bx-wrapper .bx-next{
		background:url(../images/top/slider_arrow-right.png) no-repeat top right !important;
		right:1vw !important;
		background-size: 2.5vw !important;
	}
}


/*バナーエリア*/
.top__bnr {
	text-align: center;
	padding:45px 0;
	box-sizing: border-box;
}
.top__bnr a{
	width: 100%;
}

@media (max-width: 768px) {
	.top__bnr {
		padding: 2vw 4vw;
	}
}
/*共通*/

.top__contents{
	padding-bottom:40px;
}

.top__contents:before, .top__contents:after {
	content: " ";
	display: table;
}
.top__contents:after {
	clear: both;
}

@media (max-width: 768px) {
	.top__contents{
		padding-bottom:5vw;
	}
}
.top__contents h2{
	font-weight: lighter;
}

/*ranking*/
.top__ranking {
	padding-top:40px;
}
.top__ranking__title{
	padding-bottom:60px;
	text-align: center;
	background: url(../images/top/top_icon_ranking.png) no-repeat center top;
	padding-top: 64px;
	font-size: 2em;
	letter-spacing: 0.27em;
	text-indent: 0.27em;
	line-height: 1em;
	color:#000000;
}

@media (max-width: 768px) {
	.top__ranking{
		padding-top: 14vw;
	}
	.top__ranking__title{
		padding-top: 6vw;
		background-size: 5vw;
		padding-bottom: 0;
		font-size:7vw;
	}
}

.top__ranking__list {
	*zoom: 1;
	font-size: 0;
	list-style: none;
	counter-reset: rank;
}
.top__ranking__list:before,
.top__ranking__list:after {
	content: " ";
	display: table;
}
.top__ranking__list:after {
	clear: both;
}
.top__ranking__item:before{
	counter-increment:rank;
	content:"No."counter(rank);
	display: block;
	width: 100%;
	text-align: center;
	color:#000000;
	font-size: 1.6em;
	padding-bottom: 14px;
	font-family: "Roboto", "Noto Sans JP", sans-serif;
}
.top__ranking__item {
	display: inline-block;
	padding: 0 20px 64px 0;
	width: 180px;
	font-size: 1rem;
	text-align: center;
	vertical-align: top;
}
.top__ranking__item:nth-child(5n){
	padding-right: 0;
}
.top__ranking__item--blank--sp{
	display: none;
}
@media (max-width: 768px) {
	.top__ranking__list{
		padding: 0 4vw 6.6vw;
	}
	.top__ranking__item {
		padding: 6vw 3.4% 1.3vw 0;
		width: 31%;
	}
	.top__ranking__item:nth-child(-n+2) {
		padding: 6vw 3.4% 1.3vw 0;
		width:48.3%;
	}
	.top__ranking__item:nth-child(2),
	.top__ranking__item:nth-child(8){
		padding-right: 0;
	}
	.top__ranking__item:before{
		font-size: 3.6vw;
		padding-bottom: 1.3vw;
	}
	.top__ranking__item:nth-child(-n+2):before{
		font-size: 5.8vw;
		line-height: 1em;
	}
	.top__ranking__item--blank--sp{
		display: inline-block;
		background: url(../images/top/bg_ranking_item.png) center no-repeat;
		background-size: 20vw;
		height:53vw;
	}
	.top__ranking__item--blank--sp:before{
		content: "";
	}
}
.top__ranking__item__text{
	padding-top: 16px;
	font-size: 0.8em;
	line-height: 1.3em;
	font-weight: lighter;
}

@media (max-width: 768px) {
	.top__ranking__item__text{
		font-size: 2.2vw;
		padding-top: 1em;
	}
}
hr{
	border: none;
	border-top:1px solid #aaa;
}

/*new item*/
.top__new__title,
.top__re__title,
.top__category__title,
.top__information__title{
	padding-top:100px;
	padding-bottom: 30px;
	text-align: center;
	font-size:2.4em;
	letter-spacing: 0.29em;
	text-indent: 0.29em;
	line-height: 1em;
	color: #000000;
}
@media (max-width: 768px) {
	.top__new__title {
		padding-top: 15vw;
		padding-bottom: 10vw;
	}
	.top__new__title,
	.top__re__title,
	.top__category__title,
	.top__information__title{
		font-size: 7vw;
	}
}
.top__new__list,
.top__re__list{
	list-style: none;
	font-size: 0;
}
.top__new__list:after {
	content: "";
	display: block;
	clear: both;
}

@media (max-width: 768px) {
	.top__new__list,
	.top__re__list{
		padding: 0 4vw;
	}
}
.top__new__item,
.top__re__item,
.top__feature__item{
	position: relative;
	display: inline-block;
	vertical-align:top;
	width:224px;
	padding-right:24px;
	padding-bottom:50px;
	font-size:0.8rem;
	line-height: 1.3rem;
	font-weight: 400;
	text-align: center;
}
.top__new__item:nth-child(4n),
.top__re__item:nth-child(4n),
.top__feature__item:nth-child(4n){
	padding-right:0;
}
.top__new__item:last-child:after,
.top__re__item:last-child:after{
	clear:both;
}
.top__new__item .top__new__item__date,
.top__re__item .top__re__item__date{
	color:#000000;
	display: block;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 1em;
	padding-bottom: 0.4em;
}

@media (max-width: 768px) {
	.top__new__item,
	.top__re__item {
		width:48.3%;
		padding: 0 3.4% 7vw 0;
		line-height: 1.3em;
	}
	.top__new__item:nth-child(2n),
	.top__re__item:nth-child(2n){
		padding-right: 0;
	}
	.top__new__item,
	.top__re__item,
	.top__feature__item{
		font-size: 2.2vw;
	}
	
}
.new__mark,
.hit__mark,
.hot__mark,
.re__mark{
	position: absolute;
	top: 0;
	left: 0;
	width: 67px;
}
.new__mark img,
.hit__mark img,
.hot__mark img,
.re__mark img{
	width:100%;
}

@media (max-width: 768px) {
	.new__mark,
	.hot__mark,
	.re__mark{
		width: 10.2vw;
	}
}

.top__btn__more-circle{
	position: relative;
	height: 290px;
}
.top__btn__more-circle a{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 186px;
}
@media (max-width: 768px) {
	.top__btn__more-circle{
		height: 58vw;
	}
	.top__btn__more-circle a{
		width:37vw;
	}
}
/*PICK UP、FEATURE*/
.top__pickup,
.top__feature{
	padding-top: 40px;
}
.top__pickup{
	margin-top: 8px;
	background: #eeeeee;
}
.top__feature{
	background: #dddddd;
	padding-top: 64px;
	padding-bottom: 70px;
}
.top__pickup__title,
.top__feature__title{
	margin: 0 auto;
	text-align: center;
	padding: 16px 0;
}
.top__pickup__title{
	width:288px;
}
.top__feature__title{
	color:#424443;
	font-size: 2.5em;
	letter-spacing: 0.16em;
	position: relative;
	left: 0.1em;
}
h2.top__feature__title::before,
h2.top__feature__title::after{
	display: block;
	margin: 0 auto;
	width: 288px;
	content: "";
	position: relative;
	left: -0.1em;
}
h2.top__feature__title::before{
	background: url(../images/top/top_title_feature_top.png) no-repeat top;
	background-size: contain;
	height: 60px;
}
h2.top__feature__title::after{
	background: url(../images/top/top_title_feature_btm.png) no-repeat bottom;
	background-size: contain;
	height: 27px;
}
.top__pickup__date,
.top__feature__date{
	text-align: center;
	font-family: "Roboto", "Noto Sans JP", sans-serif;
	font-size: 1.3em;
	line-height: 1em;
	padding-bottom: 36px;
}
.top__pickup__date{
	color:#b59b74;
}
.top__feature__date{
	color:#434343;
	padding-bottom: 75px;
}

@media (max-width: 768px) {
	.top__feature{
		padding-bottom: 12vw;
	}
	.top__pickup__title,
	.top__feature__title{
		margin: 0 auto;
		padding: 3vw 0 2.6vw;
	}
	.top__pickup__title{
		width:58vw;
	}
	.top__feature__title{
		font-size: 8vw;
		letter-spacing: 0.17em;
		left: 0;
	}
	h2.top__feature__title::before{
		padding-bottom: 4vw;
		height: 8vw;
	}
	h2.top__feature__title::after{
		padding-top: 1.8vw;
		height: 4vw;
	}
	h2.top__feature__title::before,
	h2.top__feature__title::after{
		width:57vw;
		left: 0;
	}

}
.top__pickup__list,
.top__feature__list{
	list-style: none;
	font-size: 0;
	text-align: center;
}
.top__pickup__item{
	display: inline-block;
	font-size: 1rem;
	padding-right: 24px;
	padding-bottom: 40px;
}
.top__pickup__item a{
	display: block;
	width: 310px;
	border: 8px solid #fff;
	box-sizing: border-box;
}
.top__pickup__item:nth-child(3n){
	padding-right: 0;
}

.top__feature__item p{
	padding-top: 1em;
}

.top__btn__more a{
	display: block;
	text-align:center;
	border: 1px solid #000000;
	color: #ffffff;
	background: #000000;
	font-size: 1.3em;
    letter-spacing: 0.2em;
	text-indent: 0.2em;
	padding: 18px 0;
	margin: 0 auto;
	width:308px;
}
.top__btn__more a:hover{
	text-decoration: none;
	opacity: 0.7;
}

@media (max-width: 768px) {
	
	.top__pickup__list,
	.top__feature__list{
		padding:0 4vw 3vw;
	}
	.top__feature__list{
		text-align: left;
	}
	.top__pickup__item{
		width: 100%;
		padding-bottom: 5.5vw;
		padding-right: 0;
	}
	.top__pickup__item a{
		width: 100%;
		border-width: 2vw;
	}
	.top__feature__item{
		width: 48.3%;
		padding: 0 3.4% 10vw 0;
		line-height: 1.3em;
	}
	.top__feature__item:nth-child(even){
		padding-right: 0;
	}
	.top__btn__more{
		text-align: center;
	}
	.top__btn__more a{
		width: auto;
		display: inline-block;
		margin: 0 auto;
		padding: 4vw 16.5vw;
		font-size: 1.6em;
	}
}


/*rearrival*/


@media (max-width: 768px) {
	.top__re__title{
		padding-bottom: 17.5vw;
		padding-top: 19vw;
	}
}

/*user coordinate*/
.top__user {
	padding-top:70px;
}
.top__user__title{
	text-align: center;
	padding-bottom: 38px;
	margin: 0 auto;
	width: 450px;
}
.top__user__list {
	padding-bottom: 84px;
}

@media (max-width: 768px) {
	.top__user{
		padding-top: 10vw;
	}
	.top__user__title{
		width: 69vw;
		margin: 0 auto;
		padding-bottom: 10vw;
	}
	.top__user__list{
		padding: 0 4vw 14vw;
	}
}
/*director*/
.top__director{
 	background:url("../images/top/top_director_bg.jpg") center top no-repeat;
	background-color: #313131;
	margin-top: 80px;
	padding-top:60px;
	text-align:center;
	width:100%;
	min-width:980px;
	height: 533px;
}
.top__director .container{
	position: relative;
}
.top__director__title{
	position: absolute;
	right:76px;
	width:332px;
}
.top__director__item-profile a {
	border: 1px solid #000000;
	color: #000000;
	background: #fff;
	display: block;
	position: absolute;
	width:304px;
	font-size: 1.4em;
	letter-spacing: 0.15em;
	text-indent: 0.15em;
	padding: 18px 0;
	right:88px;
	top:360px;
}
.top__director__item-profile a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.top__director__link__list {
	list-style: none;
	border: 1px solid #000000;
	color: #000000;
	background: #fff;
	width:304px;
	font-size: 0;
	right:88px;
	top:440px;
	position: absolute;
	text-align: center;
}
.top__director__link__item{
	display: inline-block;
	padding: 15px 0;
	padding-right: 20px;
}
.top__director__link__item img{
	height: 52px;
}
.top__director__link__item:last-child{
	padding-right: 0;
}
@media (max-width: 768px) {
	.top__director{
		min-width:100%;
	}
	.top__director{
		background:url("../images/top/top_director_bg-sp.jpg") center top no-repeat;
		background-size: contain;
		background-color: #313131;
		margin-top: 12vw;
		padding-top:85vw;
		text-align:center;
		width:100%;
		height: auto;
	}
	.top__director__title{
		position: relative;
		width: 75vw;
		display: block;
		margin: 0 auto;
		right: auto;
	}
	
	.top__director__item-profile a {
		position: relative;
		left: auto;
		top:auto;
		right: auto;
		margin: 3vw auto 0;
		padding: 4.5vw 1vw;
		width: 65vw;
		font-size: 4vw;
		letter-spacing:0.32em;
		text-indent: 0.32em;
	}
	.top__director__link__list {
		border: none;
		background: none;
		width:auto;
		font-size: 0;
		right:auto;
		top:auto;
		position: relative;
		text-align: center;
		padding-top: 5vw;
		padding-bottom: 5vw;
	}
	.top__director__link__item{
		padding: 3vw 0;
		padding-right: 4vw;
	}
	.top__director__link__item a{
		display: block;
	}
	.top__director__link__item img{
		height: 11vw;
		width: auto;
	}
}
.top__director__title{
	padding-bottom:40px;
	text-align: center;
}
@media (max-width: 768px) {
	.top__director__title{
		padding-bottom:20px;
	}
	.top__director__title img {
		width: 70%;
		max-width: 393px;
	}
}
.director__name{
	padding-bottom:20px;
}
@media (max-width: 768px) {
	.director__name img {
		width: 65%;
		max-width: 344px;
	}
}
.director__photo{
	padding-bottom:24px;
}
@media (max-width: 768px) {
	.director__photo img {
		width: 40%;
		max-width: 241px;
	}
}
.director__profile{
	padding-bottom:70px;
}
@media (max-width: 768px) {
	.director__profile{
		padding-bottom:40px;
	}
	.director__profile img {
		width: 38%;
		max-width: 199px;
	}
}
.director__link{
	padding-bottom:10px;
}
@media (max-width: 768px) {
	.icon_25ans {
		width: 30%;
		max-width: 127px;
	}
	.icon_facebook {
		width: 10%;
		max-width:43px;
	}
	.icon_instagram {
		width: 10%;
		max-width: 43px;
	}
}

/*category*/
.top__category{
	padding-top:0;
}
@media (max-width: 768px) {
	.top__category{
		padding-top:11vw;
	}
}
.top__category__title{
	padding-top:90px;
}
@media (max-width: 768px) {
	.top__category__title{
		padding-top: 1vw;
		padding-bottom: 10vw;
	}
}

.top__category__list {
	*zoom: 1;
	list-style: none;
	font-size: 0;
	padding-bottom: 60px;
}
.top__category__list:before, .top__category__list:after {
	content: " ";
	display: table;
}
.top__category__list:after {
	clear: both;
}
@media (max-width: 768px) {
	.top__category__list {
		padding: 0 4vw 7vw;
	}
}
.top__category__item {
	display: inline-block;
	font-size: 2.2rem;
	line-height: 1em;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
}
.top__category__item a {
	margin: 0 19px 20px 0;
	width: 312px;
	color: #000000;
	border: 1px solid #000000;
	text-align: center;
	padding: 38px 0 36px;
	display: block;
}
.top__category__item a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.top__category__item:nth-child(3n) a{
	margin-right:0;
}
@media (max-width: 768px) {
	.top__category__item{
		font-size: 1.2rem;
		letter-spacing: 0.18em;
		width: 48.3%;
		margin: 0 3.4% 3vw 0;
		padding: 0vw 0;
	}
	.top__category__item a {
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 5.7vw 0;
		font-size: 4.5vw;
		letter-spacing: 0.21em;
		text-indent: 0.21em;
	}
	.top__category__item:nth-child(3n){ 
		margin-right: 3.4%
	}
	.top__category__item:nth-child(even){
		margin-right: 0;
	}
	
}

/*information*/
.top__information{
	background: #eeeeee;
}
@media (max-width: 768px) {
	.top__information{
		padding-top:2vw;
		padding-bottom:6vw;
	}
}

.top__information__title{
	padding-bottom:40px;
	text-align: center;
}
.top__information__list {
	*zoom: 1;
	list-style: none;
	padding-top: 30px;
	text-align: center;
	font-size: 0;
	padding-bottom: 70px;

}
.top__information__list:before, .top__information__list:after {
	content: " ";
	display: table;
}
.top__information__list:after {
	clear: both;
}
@media (max-width: 768px) {
	.top__information__title{
		padding: 15vw 0 13vw;
	}
	.top__information__list {
		padding: 0 4vw;
	}
}
.top__information__item {
	display: inline-block;
}
.top__information__item a {
	width: 223px;
	margin: 0 0 22px 22px;
	display: block;
}
.top__information__item:nth-child(4n) a{
	margin-right: 0;
}
@media (max-width: 768px) {
	.top__information__item{
		width: 48.2%;
		padding: 0 1.2% 5.5vw;
	}
	.top__information__item a{
		width: 100%;
		margin: 0;
	}
	.top__information__item:nth-child(even){
		padding-right: 0;
	}
}

.top__brand{
	text-align: center;
	padding-top: 136px;
}
.top__brand__js a{
	display: block;
	margin-top: 78px;
	border: 1px solid #333;
	width: 690px;
	margin: 78px auto;
	padding-top: 28px;
	padding-bottom: 30px;
}
.top__brand__js a:hover{
	text-decoration: none;
	opacity: 0.7;
}
.top__brand__js a p{
	font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: lighter;
	letter-spacing: 0.12em;
	padding-bottom: 30px;
}

@media (max-width: 768px) {
	.top__brand{
		padding-top: 16vw;
		padding-bottom: 0;
	}
	.top__brand__logo{
		width: 65vw;
	}
	.top__brand__js{
		margin: 16vw 4vw 0 4vw;
	}
	.top__brand__js a{
		width:100%;
		box-sizing: border-box;
		padding-top: 3.5vw;
		padding-bottom: 3.5vw;
		margin-top:4vw;
		margin-bottom: 11vw;
	}
	.top__brand__js a p{
		font-size: 2.3vw;
		letter-spacing: 0.05em;
		padding-bottom: 3vw;
	}
	.top__brand__js a img{
		width: 36vw;
	}
}

/*----------------------------------------
 4:フッタ
----------------------------------------*/
footer{
	min-width: 980px;
	background: #eeeeee;
}
@media (max-width: 768px) {
	footer {
		width: 100%;
		min-width: 100%;
	}
}

.footer__pagetop{
	width:100%;
}
.footer__pagetop__btn{
	width:50px;
	position: fixed ;
	right: 0px;
	bottom: 0px;
	padding:10px;
}
.footer__pagetop__btn a{
	z-index:9999;
}
.footer__pagetop__btn img{
	width:100%;
}

@media (max-width: 768px) {
	.footer__pagetop__btn{
		width:10%;
		padding: 2vw;
	}
}
	
.footer__pc{
	padding-top: 72px;
	font-size:0.75em;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (max-width: 768px) {
	.footer__pc {
		display: none;
	}
}
.footer__content{
	display: inline-block;
	vertical-align: top;
}
.footer__content--info{
	width: 190px;
	padding-right: 10px;
}
.footer__content--guide{
	width: 180px;
	padding-right: 10px;
}
.footer__content--about{
	width: 300px;
	padding-right: 10px;
}
.footer__content__title{
	font-family: "Roboto","Noto Sans JP", sans-serif;
	padding-bottom: 30px;
	font-weight: 500;
	font-size:1.3em;
		letter-spacing:0.05em;
}
.footer__content__list{
	list-style: none;
	line-height: 2em;
}
.footer__content p{
	padding-bottom: 2em;
}
.footer__content em{
	font-style: normal;
	font-weight: bolder;
}
.footer__content iframe{
	margin-top: 10px;
	padding-top: 20px;
	background: #fff;
}

.footer__sp{
	display: none;
}
@media (max-width: 768px) {
	.footer__sp{
		display: block;
		padding-top: 9vw;
		font-size: 0.8em;
	}
	.footer__sp__list {
		text-align: center;
		list-style: none;
	}
	.footer__sp__item {
		display: inline-block;
		vertical-align: middle;
		padding-bottom: 3vw;
	}
	.footer__sp__item:first-child:before,
	.footer__sp__item:nth-child(4):before{
		padding-left: 0;
	}
	.footer__sp__item:before{
		content: "|";
		padding: 0 3.5vw;
		vertical-align: middle;
	}
	.footer__sp__item:nth-child(3):after,
	.footer__sp__item:last-child:after{
		content: "|";
		padding: 0 0 0 3.5vw;
		vertical-align: middle;
	}
	
}
.footer__copyright {
	text-align: center;
	font-family: "Roboto","Noto Sans JP", sans-serif;
	padding-top: 96px;
	padding-bottom: 126px;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	font-size: 0.9em;
}

@media (max-width: 768px) {
	.footer__copyright {
		font-size: 2vw;
		padding-top: 7vw;
		padding-bottom: 11vw;
	}
}
/*google adwords崩れ防止*/

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


/*----------------------------------------
 ex:パンくずリスト　2020.2.5追加
----------------------------------------*/
.breadcrumb_box {
	width:100%;
	/*margin-top: 60px;*/
	font-size: 1em;
	border-top:black 1px dotted;
}
.breadcrumb_box .container{
	padding-top:15px;
	padding-bottom:15px;
}

@media (max-width: 768px) {
	.breadcrumb_box{
		margin-top: 30px;
		font-size: 1em;
	}
	.breadcrumb_box .container{
		padding-top:15px;
		padding-bottom:15px;
	}
}

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

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

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

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

.breadcrumb li a {
	text-decoration: none;
	color: #000000;/*色*/
}

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



/*----------------------------------------
 ex:ブランドキャッチコピー　2020.2.21追加
----------------------------------------*/

.brandcatch{
	padding-top:10px;
	padding-bottom:15px;
	text-align: center;
	font-size:0.8rem;
	font-weight: 400;
	color:black;
}