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

/* web font */
@font-face {
    font-family: 'GenShinGothic-Bold';
    src: url('http://kifkif.me/font/GenShinGothic-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'GenShinGothic';
    src: url('http://kifkif.me/font/GenShinGothic-P-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Hannari';
    src: url('http://kifkif.me/font/Hannari.otf') format('opentype');
}

body{
	background-color:#111;
	color:#fff;
}

/* ヘッダー */
header{
	width:98%;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	height:80px;
	position:relative;
}

header #logo{
	width:130px;
	position:absolute;
	left:20px;
	top:26px;
}

header #logo img{
width:130px;
}

/*ナビゲーション*/
#nav_list{
	position:absolute;
	right:0;
	margin-top:20px;
}



nav.pc_menu ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	right:0;
}
nav.pc_menu ul:after {
	display: block;
	clear: both;
	content: '';
}
nav.pc_menu ul li {
	position: relative;
	float: left;
	ont-family:Arial, Helvetica, sans-serif;
	
}


nav.pc_menu ul li:hover ul li{
	opacity:1;
}
nav.pc_menu ul li a {
	display: inline-block;
	padding: 1em 0;
	line-height: ;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	color:#fff;
	margin-right:6px;
	padding-right:6px;
}

nav.pc_menu ul li a:hover {
	color:#ccc;
}
.pc_menu ul li.sla a:after{
	content:"　/";
}

.pc_menu ul li.sla ul li.non_sla a:after{
	content:"";
}

nav.pc_menu ul ul {
	position: absolute;
	top: 100%;
	left: 0;
}
nav.pc_menu ul ul li {
	float: none;
	margin: 0;
	font-size:95%;
}

nav.pc_menu ul ul li a{
	padding:5px 0;
}


nav.pc_menu ul ul {
	visibility: hidden;
	opacity: 0;
	transition: .2s ease-in-out;
	transform: translateY(-20px);
}
nav.pc_menu ul li:hover > ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}


nav.pc_menu ul li.sns{
	padding-right:15px;
	}

.insta img{
	width:14px;
	position:absolute;
	top:15px;
	margin-right:6px;
}

.facebook img{
	width: 14px;
	position: absolute;
	top: 15px;
}


.fixed{
position:fixed;
width:98%;
top:0px;
z-index:999;
left:auto;

}

.fade-area{
position:fixed;
width:98%;
top:0px;
z-index:999;
background-color:#fff;
left:auto;
opacity:0.6;
}


@media screen and (max-width: 640px) {
	#nav_list{
	position:absolute;
	left:5px;
	margin-top:55px;
	}
	
	nav.pc_menu ul li a {
	padding:5px 0;
	}
	
	header #logo{
		left:5px;
	}
	.pc_menu ul li.sla a:after{
	content:" /";
}

nav.pc_menu ul li.sns{
	padding-right:15px;
	}

.insta img{
	width:14px;
	position:absolute;
	top:8px;
	margin-right:6px;
}

.facebook img{
	width: 14px;
	position: absolute;
	top: 8px;
}
}


}


/*ヘッダー・スマホメニュー用の指示 */
.drawer-menu-item{
	font-family:GenShinGothic;
}

.drawer-menu ul li{
	color:#fff;
}


/*フッター */

footer{
	height:70px;
	widows:100%;
	position:relative;
}

footer #copyright{
	position:absolute;
	width:100%;
	left:0px;
	padding-left:5px;
	bottom:0;
	height:30px;
	border-top:solid 1px #ccc;
	padding-top:5px;
	font-size:10px;
	color:#fff;
}


/*基本ルール */

.box_link a{
	text-decoration:none!important;
	display:block;
	width: 100%; 
}

a:link{
	text-decoration: underline;
	color: #333;
	}

a:visited {
	text-decoration: none;
	color: #333;
	}
	
a:hover {
	color: #999;
	text-decoration: none;
	}

a:active {
	text-decoration:underline;
	}
	
.bold{
	font-weight:bold;
}

.font120{
	font-size:120%;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	visibility:hidden;
	clear:both;
}

p{
	margin:0;
	padding:0;
}

a:hover{
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.mot-francais{
	line-height:1.5;
	font-size:110%;
}

.pc_none{
	display:none;
}

.sp_none{
	display:block;
}


/*コンテンツ・トップページ */
#wrapper{
	width:98%;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	color:#333;
	position:relative;
	padding:10px 0 0;
}

#content{
	padding-top:80px;
	
}


/*コンテンツ・COLUMN*/
.image_photo{
	text-align:center;
	width:auto;
	height:576px;
	margin-bottom:5px;
}
.image_photo img{
	width:auto;
	height:576px;
	text-align:center;
}
.text_photo{
	width:90%;
	height:auto;
	margin:0px auto 70px;
	padding-top:70px;
}
.text_photo img{
	width:100%;
	height:auto;
}
.boutique_photo{
	width:90%;
	height:auto;
	margin:0px auto;
	padding-top:70px;
}
.boutique_photo img{
	width:100%;
	height:auto;
}
.company_photo{
	width:90%;
	height:auto;
	margin:0px auto;
	padding-top:70px;
}
.company_photo img{
	width:100%;
	height:auto;
}

.image_white{
	width:100%;
	height:auto;
	margin:0px auto;
}

.image_white img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 640px) {
.image_photo,.text_photo,.boutique_photo,.company_photo{
	width:95%;
	height:auto;
	margin:0 auto;
}

.image_photo img,.text_photo img,.boutique_photo img,.company_photo img{
	width:100%;
	height:auto;
}

.text_photo{
	margin-bottom:50px!important;
}

}

#news_area{
	width:660px;
	height:700px;
	margin:70px auto 0;
}
#news_area p{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

@media screen and (max-width: 640px) {
	#news_area{
		width:95%;
		margin:70px auto;
}
}

#content-article{
position:relative;
}

#content-article .article-area{
	width:74%;
	float:left;
	margin-right:1%;
}

.img-title{
	font-size:110%;
	font-weight:bold;
	padding:5px 0;
	text-align:center;
}

.catch{
	font-size:110%;
	font-weight:bold;
	padding:2px 0;
	margin-bottom:5px;
}

.article_date{

}

.article_index{
	padding-bottom:30px;
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
}

#content-article .menu_area{
	width:24%;
	float:right;
}

#content-article .menu_area ul{
	list-style:none;
	border-bottom:solid 1px #ccc;
	padding-bottom:5px;
}
#content-article .menu_area ul li{
	list-style-position:inside;
	margin:5px 0;
}

#content-article .menu_area ul li.column_list{
	padding-left:2em;
}

#content-article .menu_area ul li a{
	text-decoration:none;
}

#content-article .menu_area ul li a:hover{
	text-decoration:underline;
}




/*コンテンツ・box割*/
.box{
	width:50%;
	margin:0px auto 10px;
}

.box .box_4_left{
	width:22.5%;
	margin-right:10%;
	float:left;
}

.box .box_4_left img{
	width:100%;
}

.box .box_4_right{
	width:67.5%;
	margin-right:10%;
	float:left;
}

.box .box3{
	width:32%;
	float:left;
	margin-right:2%;
}
	
.box .box3 img{
	width:100%;
}

.box .box3:last-child{
	margin-right:0;
}

.box .box2{
	width:49%;
	float:left;
	margin-right:2%;
}
	
.box .box2 img{
	width:100%;
}

.box .box2:last-child{
	margin-right:0;
}

@media screen and (min-width: 1024px) {
#wrapper{
	width:1024px;
}
}


@media screen and (max-width: 640px) {
.pc_none{
	display:block;
}

.sp_none{
	display:none;
}

header{
	height:70px;
}

#wrapper{
	padding:10px 0 0;
}

/*コンテンツ・index*/
#main-logo-area{
	width:90%;
	margin:-100px auto 0;
}

#main-logo{
	width:100%;
}

#header #main-logo img{
	width:100%;
}

/*コンテンツ・PLOFILE*/
.profile .profile_img,.profile .profile_txt{
	float:none;
	width:100%;
	margin-right:0;
}

.profile .profile_img{
	margin-bottom:15px;
}

/*コンテンツ*/
.article_index{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}

#content-article .article-area{
	width:100%;
	float:none;
	margin:0 auto;
	border-right:none;
}

#content-article .menu_area{
	width:100%;
	float:none;
	margin:40px auto 0;
	padding-top:10px;
}

.box{
	width:100%;
	margin:0px auto 10px;
}

.box .box2{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:20px;
}

}