@charset "utf-8";

/* ===========================================================

	KCJS/サイト内共通レスポンシヴのスタイルシート
	2016.7 by FLICKS
	
============================================================ */

/* ===========================================================

	desktop用（601px以上）
	
============================================================ */
@media screen and (min-width : 601px) {

#smart_menu #main-menu li .image_btn {
	margin: 0px;
	padding: 0px;
}

#global_navi li li {
	float: none;
}
}
.sp {
	none;
}
.pc {
	display:  block;
}

/* ===========================================================

	スマホ用（600px以下）
	
============================================================ */
@media screen and (max-width : 600px) {
.sp {
	display:  block !important;
}
.pc {
	none !important;
}

/* グローバルナビ */
#global_navi {
	background: none;
}

#global_navi ul {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

#global_navi li {
	float: none;
}
/*  */

.inner {
	width: 100% !important;
}

.pc {
	display: none !important;
}
#contents #side {
	float: none;
	width: auto;
	margin-right: -5%;
	margin-left: -5%;
	padding: 0px;
}
#contents #main {
	float: none;
	width: auto;
}

#contents {
	width: 90% !important;
	padding-right: 5% !important;
	padding-left: 5% !important;
	padding-top: 0px;
}
body {
	min-width: 0px;
}
#footer {
	min-width: 0px;
}


#contents #main {
	padding: 0px;
}

#header .inner {
	background: url(../img/common/header/bg01.gif) no-repeat 65% bottom;
    background-size: 250% auto;
}
#header .inner .logo {
	margin-left: -5px;

}
#header .inner .logo a img {
	width: 76%;
}

#contents #main #movies {
	text-align: center;
}
#contents #main #movies ul li {
	display: block;
	float: none;
	padding: 0px;
	margin: 10px auto 0px;
}
#contents #side p {
	text-align: center;
}
#contents #side #facebook {
	text-align: center;
}
#contents #side .banners {
	text-align: center;
}
#contents #side #office h2 {
	text-align: center;
}
#footer {
	padding: 20px;
}
#footer .inner .copy {
	text-align: center;
}
#contents #side #office .kcjs {
	padding-bottom: 20px;
}
#contents #side #office {
	margin-right: 5%;
	margin-left: 5%;
}
#contents #side {
	padding-bottom: 10px;
}

#footer .inner .col {
	width: 100%;
}

/* 画像をテキスト */
#smart_menu ul li img {
    display: none;
  }
#smart_menu li a:before {
    content: attr(data-label);
  }
	
#contents #main img {
    max-width: 100%;
	height: auto;
}

#contents #main .photobox-center {
	padding-right: 16px;
}
	
#main .photobox-lineup {
	width: auto;
	text-align: center;
}
}