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

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

}

* {

	margin: 0;

	padding: 0;

	outline: 0;

	vertical-align: baseline;

	list-style: none;

}

body {
background-color: ;
color: #000;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, span {
	margin: 0 auto;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	list-style: none;
}
ul, li {
	list-style-type: none;
}
/*----------------------------------------  BLOCKS */


body, html {
	font-size: 100%;
	padding: 0;
	margin: 0;
}
/* Reset */
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a img:hover {
	opacity: 0.5;
	-moz-transition: opacity 0.5s linear 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.2s;
	-moz-transition-timeing-function: linear;
	-moz-transition-timing-function: linear;
	-moz-transition-delay: 0s;
}
p {
	margin-bottom: 10px;
}
/* header */

header {
	padding: 10px;
	position: fixed;
	z-index: 99;
	border-bottom: solid #fff 1px;
	width: 100%;
	background: url() repeat ;
}
#header {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 3%;
}
/* menu */

h1.logo {
	float: left;
	width: 200px;
	margin-right: 40px;
	margin-top: 6px;
}
.menu {
	width: 680px;
	float: left;
}
nav a {
	position: relative;
	display: inline-block;
	margin: 15px 10px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 0.9em;
}
nav a:hover, nav a:focus {
	outline: none;
}


/* social count btn */
ul.social-btn { float: right; width: 200px; padding-top: 14px}
.social-btn li { float: left; padding-right: 10px }
.social-btn li:last-child { padding-right:0px; }

/* footer social btn */
.social { width: 260px; text-align: center; margin: 0 auto; }
.social li { float: left; padding-right: 20px;}


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

/* セクション */
.row { padding: 0 !important; margin: 0 !important;}
.container { width: 1000px; margin: 0 auto;}
.content-bg { padding: 20px 0; overflow: hidden; }

.title-top { text-align: center; padding: 10px; font-size: 1.5em;}
.sub-text { font-size: 1.4em; line-height: 150%; color: #000; }

.content-2nd {
	padding: 30px 30px;
}

/* line 2*/

.list-group-item {
	padding: 0px 0px 10px 0px !important;
	margin: 0 10px 10px 0;
}
li.list-group-item img {
	margin-bottom: 8px;
}
li.list-group-item a {
	color: #fff;
	font-size: 11px;
}

/* video */
.video-bg {
	padding: 50px 0;
	background-color: #fff;
}
#video {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	height: auto;
}
.videos {
	padding: 3px 3px 0 3px;
	background-color: #000;
	overflow: hidden;
	height: 150px;
}
.box {
	float: left;
	width: 190px;
	margin-right: 5px;
}
.box img {
	width: 100%;
}
.box h2 {
	color: #FFF;
	font-size: 12pt;
}
.box a:hover {
	text-decoration: line-through;
}
.box a:hover img {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
.list-v {
	height: 320px;
	overflow-y: scroll;
}

/* menu */

ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.menu {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0;
	overflow: hidden;
}
ul.menu li {
	width: 33.3%;
	height: auto;
	display: inline-block;
	float: left;
}
ul.menu li a:hover {
	opacity: 0.5;
	-moz-transition: opacity 0.5s linear 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.2s;
	-moz-transition-timeing-function: linear;
	-moz-transition-timing-function: linear;
	-moz-transition-delay: 0s;
}
/* social */

ul.tweet {
	overflow: hidden;
}
ul.tweet li {
	float: left;
	width: 315px;
	margin-right: 25px;
	height: 400px;
	overflow: hidden;
	display: block;
	position: relative;
}
ul.tweet li:last-child {
	margin-right: 0px;
}
.tw-title {
	position: absolute;
	top: 3px;
	left: 9px;
	z-index: 999
}

/* bottom */
ul.bottom-banner li {
	float: left;
	width: 320px;
	margin-right: 20px;
}
ul.bottom-banner li:last-child {
	margin-right: 0px;
}
/* footer */
footer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	padding-top: 10px;
}

footer p {
	clear: both;
	padding: 20px 0;
	text-align: center;
	color: #ccc;
	font-size: 0.8em;
}

/* modal */
.modal {
	z-index: 99999999 !important;
}

.modal-content {
	border: none !important;
}
.modal-dialog {
	margin-top: 10% !important;
}


.modal-title {
	text-align: center !important;
	font-weight: bold;
}

.modal-body {
overflow: hidden;
}

.modal-body h2  { font-size: 16px !important; text-align: center !important; }
.modal-body h3  { font-size: 18px !important; text-align: center !important; font-weight: bold; margin-bottom: 10px; }

.fix-linkbg {
	width: 100%;
	background-color: #FF9DA9;
	overflow: hidden;
	border-bottom: 1px solid #FF555E;
}
.fix-link {
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
	padding: 10px 0;
	text-align: center;
}
.fix-link ul li {
	float: left;
}
footer p.copy {
	color: #000;
	text-align: center;
}

        
/* index page */
.logo { position: absolute; left: 10%; z-index: 9999;  }
.index-top { background:  #000; 
	height: 500px;
	z-index: 0;
}
p.days { font-size: 20px; font-weight: bold;}
@media (min-height: 800px) {
.index-top {height: 650px;}
}
.col-md-8.side-photo { padding-left: 0;}


 /* CD single page */
.disc-info { margin-bottom: 40px;}     
.mv h2 { text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 60px }
.single-top p.days { font-size: 40px; margin-bottom: 40px;}
ul.tracks { margin-bottom: 10px;}
.disc-content h2 { margin-bottom: 10px; font-weight: bold; }
.disc-content p { font-size: 14px; }
.mv { margin-bottom: 80px;}
.mv h3 { font-size: 18px; margin-bottom: 10px; font-weight: bold; }
small { font-size: 13px; font-weight: bold; }
.single-info { 
width: 300px;
position: absolute; 
top: 0px; 
right: 2%;
background:url(../images/white_bloc.png) repeat; 
padding:  20px ;
height: 100%;
}

/* sie banner */
.top-banner { top: 0px; right:1%; position:fixed; z-index: 9999999999;  }

.side-banner {
	top:0;
	position: fixed;
	left: 0px;
z-index: 9999999;
}
.side-banner ul li {
	
}
li#banner {
	margin-left: -365px;
	width: 400px;
	height: 160px;
	z-index: 9999999;
}
li#banner-two {
	margin-left: -365px;
	width: 400px;
	height: 160px;
	z-index: 9999999;
}
li#banner-three {
	margin-left: -365px;
	width: 400px;
	height: 160px;
	z-index: 9999999;
}
li#banner-info {
	margin-left: -365px;
	width: 400px;
	height: 160px;
	z-index: 9999999;
}


.side-banner ul li img:hover { opacity: 0.8;}

.side-banner-right {
	top: 50%;
	position: fixed;
	right: 0px;
	height: 456px;
	margin-top: -240px;
	z-index: 9999999;
}
.side-banner-right ul li {
	margin-bottom: 5px;
}

li#banner-top {
	margin-right: -365px;
	width: 400px;
	height: 160px;
	z-index: 9999999;
}
li#banner-info {
	margin-right: -365px;
	width: 400px;
	height: 160px;
	z-index: 9999999;
}




/* slider */
.flex-control-nav { display: none; }
.slider { width: 100%; overflow: hidden; background-color: #fff;
bottom: 0px;
left: 0px;
right: 0px; }


/* interview */

.top-text { text-align: center; }
.top-text h1 {}
.top-text h2 { font-size: 20px;}

#interview h2 { font-weight:bold; font-size: 18px; margin-bottom: 20px;}
#interview h3 { font-weight:bold; font-size: 16px; margin-bottom: 20px; line-height: 150%; }

#interview p { margin-bottom: 40px; line-height: 150%;}

.right-pic { float: right; margin: 0 0px 20px 20px; width: 450px; }
.left-pic { float: left; margin: 0 20px 20px 0px;}
span.page { font-style:italic; font-size: 28px;  vertical-align: middle; color: #333;}
.img-circle { border: solid 10px #333; }
/* page navi */

nav a {
margin: 0 !important;
    }
.pagination a { color: #000 !important;}

/* scroll up */
.scrollup {
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	opacity: 0.8;
	position: fixed;
	bottom: 40px;
	right: 2%;
	display: none;
	background: url('../images/top.png') no-repeat;
	z-index: 99999;
}

/* bakakoii */
.bakakoii hr { margin: 40px 0;}
.step { border-bottom: dotted #ccc 1px; width: 100%; padding-bottom: 10px; margin-bottom: 20px;  }
.step-bg { width: 100%; background-color: #fff;  border-radius: 5px; padding: 20px; }
.bold { font-weight: bold; }
h3.bold { margin-bottom: 10px; font-size: 18px; }
.pink { color: #FF00B3; }
.houhou { padding: 40px 0 20px; background: url(../images/pink.png) repeat; margin-bottom: 20px }
.pre-center { border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
.pre-title { height: 35px;}
.pre-pic { height: 340px;}

/* okamotalk */
.okamotalk h1 { text-align: center; margin-bottom: 20px; font-size: 30px; padding-top: 40px; }
.okamotalk h2 { text-align: center; margin-bottom: 20px; font-size: 30px; font-weight: bold;  }
.talk-header { padding: 40px 0 20px; background: url(../images/blue.png) repeat; margin-bottom: 20px }

.talk-second { margin: 40px 0; }
.talk-second hr { margin: 60px 0;}
.talk-second h2 { text-align: center; font-weight: bold; font-size: 28px; color: #0092ff }
.talk-second h3 { text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 20px; color: #333;}
.red { font-weight: bold; }
.text-center { text-align: center; }
.big { font-size: 20px}
.talk-form { width: 500px; margin: 0 auto; }
.red { color: red;}
/* form */
.form-inline { margin-bottom: 15px;}
.form-top { float: right; color: red; }
.form-he { padding: 50px 0 20px; }
.form-he a { color: #0092FF; }

/* Landscape phones and down */

@media (max-width: 480px) {
.container { width: 100%; margin: 0 auto; padding: 0;}
.center { padding: 0;}
footer p.copy { font-size: 10px;  }

/* top */
.top-banner { text-align: center; margin: 0 auto; position: relative; right: auto !important; }
.top-banner img { width: 100px; }
/* bakakakoii */
.step-bg { width: 100%; padding: 10px !important; }
.bakakoii p, okamotalk p { font-size: 14px !important;
}
.step-bg { padding: 0 10px;}
.bold { font-size: 16px !important;}
.pre-center { border-left: none; border-right: none;  
border-top: solid 1px #ccc; border-bottom:  solid 1px #ccc;
margin-bottom: 15px; padding-top: 15px; }
.pre-title { height: auto; }
.pre-pic { height: auto; }

/* single */
.single-top img { width: 100% !important; height: auto !important;}
.disc-content h2 { padding-top: 10px; }
.single-top p.days { font-size: 18px !important; }
.mv { margin-bottom: 40px;}
.mv h2 { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 20px}
/* top */
p.days { font-size: 20px; font-weight: bold;}

/* interview */
.sp-logo img { width: 100%}
.right-pic { float: none; margin: 0 auto; width: 100%; }
p.right-pic img { width: 100% !important; }
.left-pic { float: none; margin: 0 auto;}
.side-banner { display: none; }
span.page { font-style:italic; font-size: 13px;  vertical-align: middle; color: #333;}

/* okamotalk */
h2 img, h1 img { width: auto; height: 30px; }
.talk-btn img { width: 100%; height: auto; }
.okamotalk h2 { font-size: 18px; font-weight: bold; }
h1.okamotalk-logo img { width: 100%; height: auto; }
.okamotalk p {	
width:auto;
table-layout:fixed;
word-break:break-all;
word-wrap:break-word; }
.talk-second hr { margin: 40px 0;}
.talk-form { width: 100%; margin: 0 auto;}

/* form */
.form-group #element04  { margin: 0 7px 10px 0 !important; }
#element04 { float: left !important; width: 30% !important; }
span.line { display: none; }
.form-top { float: none; text-align: center; color: red ; }
.col-md-6 { margin-bottom: 10px; }

/* scroll top */
.scrollup {
	width: 42px;
	height: 42px;
	text-indent: -9999px;
	opacity: 0.8;
	position: fixed;
	bottom: 40px;
	right: 1%;
	display: none;
	background: url(../images/arrow-sp.png) no-repeat;
	z-index: 99999;
}
}