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

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

.bread {
	width:100%;
	margin-bottom:10px;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px !important;
	color:#000;
	line-height:1.8 !important;
	background:#fffd56;
	-webkit-text-size-adjust: 100%;
	word-wrap:break-word;
}

div.HeaderTop {
	display:none;
}
	
/*メニュー出現*/

header {
		position:fixed;
		z-index:10000 !important;
		background:#fffd56;
		width:100%;
	height: 53px;
	}

.togmenu {
	display:none;
}

.menubtn {
	position:absolute;
	top:15px;
	left:15px;
}


#menu {
	background:#fffd56;
	width:100%;
	position:absolute;
	top:53px;
	left:0;
}


div#menu ul {
	margin-top:0;

}

div#menu ul li {
	width:100%;
	border-bottom:1px solid #393939;
	font-family: 'Varela Round', sans-serif;
	line-height:14px;
	font-weight:bold;
}

div#menu ul li img {
	padding-right:5px;
	padding-bottom:2px;
}

div#menu ul li a {
	display:block;
	padding:15px;
	text-decoration:none;
	color:#000000;
}

ul.SubMenu li a {
	padding:10px 0 !important;
	text-align:center;
}

ul.SubMenu li {
	width:50% !important;
	float:left !important;
	border-right:1px solid #000;
	margin:0 -1px 0 0;
}

h1.TopLogo {
	text-align:center;
	width:200px;
	margin:0 auto;
	padding:10px 0;
}

h1.TopLogo img {
	width:100%;
	height:auto;
}

div.i_online {
	position:absolute;
	top:9px;
	right:9px;
	width:35px;
}

div.i_online img {
	width:100%;
	height:auto;
}

div#MainPhoto {
	width:100%;
	margin-top:53px;
}

#slider1 img {
	width:100%;
	height:auto;
}

h2.Title {
	font-family: 'Gravitas One', cursive;
	text-align:center;
	font-size:20px;
	line-height:40px;
	/*background:url(../images/title_border.gif) no-repeat center bottom;*/
	font-weight:normal !important;
}

section#ConceptArea {
}

section#ConceptArea h2 {
	padding:20px 0;
	background:#FFF;
}

div.ConceptWrap {
	width:100%;
	background:#FFF;
	-moz-background-size:100% auto;
	background-size:100% auto;
	position:relative;
	z-index:2;
	padding-bottom:30px;
}

section#ConceptArea h3 {
	margin:0 auto;
	width:178px;
}

section#ConceptArea h3 img {
	width:100%;
	height:auto;
}


div.TopConceptText {
	background: rgba(255,255,255,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33ffffff', endColorstr='#88ffffff');
	color:#000000;
	width:80%;
	margin:0 auto;
}

div.TopConceptText p {
	margin-top:5px;
}

/*タブ切り替えここから*/

.tab{
	overflow:hidden;
	margin:10px auto;
	width:180px;
}
.tab li{
	padding:0 10px;
	float:left;
	margin-right:1px;
	border-right:1px solid #000;
	line-height:13px;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
}
.tab li:last-child {
	border:none;
}
.hide {
	display:none;
}
.tab li a {
	text-decoration:none;

}

/*タブ切り替えここまで*/



section.NewsArea {
	width:100%;
	margin:30px auto 0 auto;
	background:#FFF;
	padding:20px 0;
}

.bg_img3 .bx-wrapper
{
width: inherit;
margin-bottom: 50px;
max-width:100% !important;
}

.bg_img3
{margin-top:20px;
}



.slider3 li img {
	width:100%;
	height:auto;
}

.bg_img3 .bx-wrapper .bx-prev {
    width: 36px;
    height: 72px;
    background: url(../images/prev.png) no-repeat;
    display: block;
    text-indent: -9999px;
	left: 0;
	top: 38%;
}

.bg_img3 .bx-wrapper .bx-prev:hover {
    background-position: 0 -72px;
}



.bg_img3 .bx-wrapper .bx-next {
    width: 36px;
    height: 72px;
    background: url(../images/next.png) no-repeat;
    display: block;
    text-indent: -9999px;
	right:0;
	top: 38%;
}

.bg_img3 .bx-wrapper .bx-next:hover {
    background-position: 0 -72px;
}

section.LookbookWrap {
}


section.LookbookArea {
	width:100%;
	margin:20px auto;
}

div.LookbookPhoto {
	margin-top:20px !important;
}

div.LookbookPhoto img {
	width:100%;
	height:auto;
}


div#lookbook-pager {
	width:100%;
	margin-top:20px;
}
div#lookbook-pager div {
	width:10%;
	float:left;
	margin:1% 0 0 1%;
}

div#lookbook-pager div img {
	width:100%;
	height:auto;
}

p.CText {
	padding-top:5px;
}

.Lookbook3 .bx-wrapper
{
width: inherit;
margin-bottom: 50px;
max-width:100% !important;
}

.Lookbook3 {margin-top:30px;
}



.Lookbook3 .bx-wrapper .bx-prev {
    width: 36px;
    height: 72px;
    background: url(../images/prev.png) no-repeat;
    display: block;
    text-indent: -9999px;
	left: 0;
	top: 41%;
	z-index:1;
}

.Lookbook3 .bx-wrapper .bx-prev:hover {
    background-position: 0 -72px;
}



.Lookbook3 .bx-wrapper .bx-next {
    width: 36px;
    height: 72px;
    background: url(../images/next.png) no-repeat;
    display: block;
    text-indent: -9999px;
	right:0;
	top: 41%;
	z-index:1;
}

.Lookbook3 .bx-wrapper .bx-next:hover {
    background-position: 0 -72px;
}

div.OnlineBotton {
	margin:0 auto !important;
	text-align:center;
	padding-top:15px;
}

div.OnlineBotton img {
	max-width:80%;
	height:auto;
}

section.MovieArea {
	margin:30px 0 0 0;
}



section.InstaArea {
	padding:30px 0;
}

div.InstaInner {
	width:95%;
	margin:20px auto 0 auto;
}

div.InstaInner h3 {
	margin:30px auto 20px auto;
	width:150px;
}

div.InstaInner h3 img {
	width:100%;
	height:auto;
}

.instagram-image {
	float:left;
	margin:0 0 1% 1%;
	width:32.3%;
}

.instagram-image img {
	width:100%;
	height:auto;
}

.instagram-placeholder {
}

footer {
	background:#FFFFFF;
	padding:20px 0 0 0 !important;
}

div.FooterInner {
	width:95%;
	margin:0 auto;
}

h1.FooterLogo {
	text-align:center;
}


ul.Sns {
	width:93px;
	margin:10px auto;
}

ul.Sns li {
	float:left;
	margin:0 10px;
}

div.FooterInner nav {
	display:none;
}

div.Copy {
	margin-top:10px;
	background:#000;
	padding:10px 5px 5px 5px;
}

div.Copy p {
	text-align:center;
	font-size:10px;
	padding:0 0 3px 0;
	color:#FFF;
}

p.F_Banner {
	padding:10px 0 !important;
}

p.F_Banner {
	padding:10px 0 !important;
}

.gotop {
	position:fixed;
	right:5px;
	bottom:5px;
	z-index:2000;
}

p.F_Banner {
	padding:10px 0 !important;
}

.gotop a {
	width:45px;
	height:45px;
	display:block;
}

section.CharacterArea {
	width:95%;
	margin:30px auto 20px auto;
}


section.CharacterArea ul li h3 {
	margin:0 auto 10px auto;
	width:80%;
}

section.CharacterArea ul li h3 img,
section.CharacterArea ul li figure img {
	width:100%;
	height:auto;
}

#concept,
#lookbook {
	margin-top:-40px;
    padding-top:40px;
}

div.LookBookBotton {
	margin:20px auto 0 auto;
	width:300px;
}

div.LookBookBotton a {
	background:#000000;
	font-family: 'Varela Round', sans-serif;
	text-align:center;
	font-size:20px;
	line-height:50px;
	font-weight:normal !important;
	letter-spacing: 3px;
	text-decoration:none;
	display:block;
	color:#fffd56;
}

div#Contents {
	width:95%;
	margin:53px auto 20px auto;
	padding-top:30px;
}
	
	.TopChara {
		text-align: center;
		margin-top: 30px;
	}
	
	.TopChara li {
		display: inline-block;
		width: 47%;
		margin: 1%;
	}
	
	.TopChara li img {
		max-width: 100%;
		height: auto;
	}


/*-------------------------------------------------------
キャラクター
-------------------------------------------------------*/

section.BenjaminWrap,
section.NekoWrap {
	width:100%;
	background:#FFFFFF;
	padding:20px 0 0 0;
	margin-top:53px;
}

section.BenjaminWrap {
}

section.BenjaminWrap h2 {
	margin:0 auto 10px auto;
	width:95%;
}

section.BenjaminWrap h2 img,
section.BenjaminWrap h4 img,
section.BenjaminWrap h3 img,
div.BearInner ul li img,
section.NekoWrap h2 img,
section.NekoWrap h4 img,
section.NekoWrap h3 img,
div.NekoInner img,
section.SekaiWrap h2 img,
div.SekaiWrap ul li img {
	width:100%;
	height:auto;
}

section.BenjaminWrap h3 {
	background:#dbecf1;
	padding:10px 2.5%;
	width:95%;
	margin:0 auto;
}

section.BenjaminWrap h4 {
	width:95%;
	padding:20px 0;
	margin:0 auto;
}

div.BearWrap {
	background:url(../character/images/benjamin_bg_pc.gif) repeat;
	padding:30px 0;
}

div.BearInner {
	width:95%;
	margin:0 auto;
}

div.BearInner ul {
}

div.BearInner ul li {
	margin-bottom:3%;
}

section.NekoWrap h2 {
	margin:10px auto 20px auto;
	width:200px;
}

section.NekoWrap h3 {

}

section.NekoWrap h4 {
	width:95%;
	margin:20px auto;
}
div.NekoWrap {
	background:url(../character/images/neko_bg_pc.jpg) repeat;
	padding:20px 0;
}

div.NekoInner {
	width:95%;
	margin:0 auto;
}

section.SekaiWrap {
	background:url(../character/images/sekai_bg.jpg) repeat;
	width:100%;
	margin-top:63px;
}

section.SekaiWrap h3 {
	text-align:center;
}

section.SekaiWrap h3 img {
	max-width:70%;
	height:auto;
}

div.SekaiWrap {
	width:95%;
	padding:20px 0;
	margin:0 auto;
}

div.SekaiWrap ul li {
	margin-bottom:20px;
}

div.SekaiDetail {
	background:#FFF;
	padding:20px 0;
}

div.SekaiText {
	width:95%;
	margin:20px auto 0 auto;
}

div.BenjaminBotton {
	margin:20px auto 0 auto;
	width:300px;
}

div.BenjaminBotton a {
	background:#dbedf1;
	text-align:center;
	font-size:20px;
	line-height:50px;
	font-weight:normal !important;
	letter-spacing: 3px;
	text-decoration:none;
	display:block;
	color:#000;
	font-weight:bold;
	font-family: 'Varela Round', sans-serif;
}
	
.CharaWrap {
	width:100%;
	background:#FFFFFF;
	padding:20px 0 0 0;
	margin-top:53px;
	}
	
	.CharaWrap ul {
		width: 90%;
		max-width: 800px;
		margin: 0 auto;
		text-align: center;
		
	}
	
	.CharaWrap ul li {
		margin-top: 5%;
	}
	
	.CharaWrap ul li figure img {
		max-width: 100%;
		height: auto;
	}
	
	.CharaWrap ul li p {
		font-size: 15px;
	}
	

/*------------------------------------------------------------------
NEWS
------------------------------------------------------------------*/

section#NewsWrap {
}


section#NewsWrap article {
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #000;
}

section#NewsWrap article time {
	font-size:10px;
}

section#NewsWrap article h3 {
	margin-bottom:5px;
	font-size:15px;
}

section#NewsWrap article figure {
	text-align:center;
	margin-bottom:10px;
}

section#NewsWrap article figure img {
	max-width:100%;
	height:auto;
}

.PageLink {
	margin-top:-40px;
	padding-top:40px;

}

/*------------------------------------------------------------------
SHOPLIST
------------------------------------------------------------------*/

section#ShopListWrap p {
	padding:10px 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

section#ShopListWrap h3 {
	font-size:15px;
	text-align:center;
	padding:10px 0;
}

.table{
		display: block;
	}
		.table thead{
			display: none;
		}
		.table tbody{
			display: block;
		}
			.table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			.table tbody th,
			.table tbody td{
				display: list-item;
				list-style-type: none;
				border: none;
			}
			.table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				background: #000000;
				text-align:center;
				color:#FFFFFF;
			}
			.table tbody td{
				padding: 0;
				margin:0 5px;
			}
	
/*SHOPLIST追加css*/
	
	
	.table {
		margin-top: 30px;
		border-bottom: #999 solid 1px;
	}

	.shoplistbtn {
		background: #000;
		color: #FFF;
		text-align: center;
		font-size: 15px;
		line-height: 15px;
		padding: 10px;
	}
	
	.shoplistbtn span {
		padding-left: 15px;
	}
	
	.shoplistbtn span img {
		margin-top: -2px;
	}
	
	.list_detail{
	font-family: 'Montserrat', sans-serif;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		background:#FFF;
		}
	
	.list_detail ul {

	}
	
	.list_detail ul li {
		text-align: center;
		padding: 10px;
		border-bottom: 1px solid #999;
	}
	
	.list_detail ul li a {
		color: #000;
		font-size: 15px;
		line-height: 15px;
		text-decoration: none;
		display: block;
	}

}/* デバイスの横幅が640px以下の場合 */