@charset "utf-8";
/*
Theme Name: SELENE
Theme URI: http://www.selene.studio/wp_selene
Description: COMPANY official theme
*/

/*-------------
header
-------------*/
#top-head {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	border-top: 4px solid #e9e871;
	z-index: 9998;
}

#h_content {
	position: relative;
	width: 1024px;
	height: 86px;
	margin: 0 auto;
	padding: 14px 9px;
}
#h_content h1 img {
	width: 300px;
	height: 60px;
	margin: 0;
}
#header_nav {
	position: absolute;
	top: 25px;
	left: 300px;
	height: 30px;
	font-weight: bold;
}
#header_nav li {
	display: inline-block;
	margin-left: 65px;
	text-align: center;
}
#header_nav li a:hover {
	border-bottom: 1px solid #342c5c;
	padding-bottom: 3px;
}
#header_nav li a.active {
	border-bottom: 1px solid #342c5c;
	padding-bottom: 3px;
}




/*-------------
main_content
-------------*/
#main_content {
	width: 1024px;
	margin: 0 auto;
	border-top: 1px solid #342c5c;
	border-left: 1px solid #342c5c;
	border-right: 1px solid #342c5c;
	border-bottom: 1px solid #342c5c;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.titlebox {
	width: 50%;
	height: 512px;
	border-bottom: 1px solid #342c5c;
	background-color: #fff;
	position: relative;
	float: left;
}
.titlebox img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 510px;
}

.studiobox {
	width: 50%;
	height: 512px;
	border-bottom: 1px solid #342c5c;
	border-left: 1px solid #342c5c;
	background-color: #fff;
	float: left;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.link_sutudio {
	width: 100%;
	height: 50%;
	float: left;
	border-bottom: 1px solid #342c5c;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.link_sutudio h2 {
	width: 50%;
	height: 256px;
	float: left;
	text-align: center;
	line-height: 256px;
	font-size: 144%;
	background: url(images/img_mic.png) center center no-repeat;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.link_sutudio img {
	width: 50%;
	float: right;
}

.link_Hall {
	width: 100%;
	height: 50%;
	float: left;
}
.link_Hall h2 {
	width: 50%;
	height: 256px;
	float: right;
	text-align: center;
	line-height: 206px;
	font-size: 144%;
	background: url(images/img_SELENEb2.jpg) center 120px no-repeat;
	background-size: 200px 50px;
}
.link_Hall img {
	width: 50%;
	float: left;
}

.morelinks {
	width: 50%;
	height: 512px;
	background-color: #fff;
	float: left;
}
.L_A1 {
	width: 50%;
	height: 128px;
	float: left;
}
.L_A2 {
	width: 50%;
	height: 128px;
	float: left;
}
.L_A1 h2,.L_A2 h2 {
	width: 50%;
	float: left;
	text-align: center;
	line-height: 128px;
	font-size: 100%;
}
.L_A1 img,.L_A2 img {
	width: 50%;
	float: right;
}

.L_B {
	width: 50%;
	height: 128px;
	float: left;
}
.L_C {
	width: 50%;
	height: 128px;
	float: left;
}
.L_B h2,.L_C h2 {
	width: 50%;
	float: right;
	text-align: center;
	line-height: 128px;
	font-size: 100%;
}
.L_B img,.L_C img {
	width: 50%;
	float: left;
}

#T_timeline {
	width: 50%;
	height: 512px;
	padding: 16px 0 16px 10px;
	float: left;
	border-left: 1px solid #342c5c;
}
.SELENE_Twitter {
	height: 30px;
	padding-left: 160px;
	margin-bottom: 11px;
	background: url(images/logo.png) 10px 0 no-repeat;
	background-size: 150px 30px;
	line-height: 2;
}



/*-------------
footer
-------------*/
#footer {
	font-size: 100%;
	width: 100%;
	padding: 10px 0 15px 0;
	border-top: 3px solid #e9e871;
}
#f_content {
	position: relative;
	width: 1024px;
	height: 85px;
	margin: 0 auto;
	padding: 0 50px;
}
#footerlink1 {
	width: 650px;
	margin-bottom: 30px;
}
#footerlink1 h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
#footerlink1 ul.footerlink_studio {
	width: 100%;
}
#footerlink1 li {
	display: inline-block;
	margin-right: 80px;
	text-align: left;
}
#footerlink1 li:last-child {
	margin-right: 0;
}

#footerlink2 {
	width: 650px;
	margin-bottom: 20px;
}
#footerlink2 h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
#footerlink2 p {
	
}
#footerlink1 a:hover,#footerlink2 a:hover {
	border-bottom: 1px solid #342c5c;
	padding-bottom: 3px;
}

#footer_address {
	position: absolute;
	top: 0;
	left: 820px;
	width: 240px;
	font-size: 100%;
}
#footer_address img {
	width: 0px;
}

#CPR {
	font-size: 100%;
	text-align: center;
	
}



/*-------------
roomsページ
-------------*/
#p_rooms {
	width: 1024px;
	margin: 0 auto;
	padding: 60px 0 0;
	border-top: 1px solid #342c5c;
	border-left: 1px solid #342c5c;
	border-right: 1px solid #342c5c;
	overflow: hidden;
}
#p_rooms h3 {
	text-align: center;
	font-size: 144%;
	margin-bottom: 60px;
}
.roomlist {
	width: 1024px;
}
.roomlist ul {
	letter-spacing: -.4rem;
}
.roomlist li {
	display: inline-block;
	display: table;
	float: left;
	text-align: center;
	letter-spacing: normal;
	width: 50%;
	height: 5rem;border-top: 1px solid #342c5c;
	border-bottom: 1px solid #342c5c;
	border-right: 1px solid #342c5c;
}
.roomlist li a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	font-weight: bold;
}
.roomlist li:last-child {
	border-right: none;
}
.roomlist li a span {
	font-size: 125%;
}

.floormap_b1 {
	width: 100%;
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #342c5c;
}

#A12st {
	width: 100%;
	height: 512px;
	border-bottom: 1px solid #342c5c;
	font-size: 82%;
}
#BCst {
	width: 100%;
	height: 512px;
	border-bottom: 1px solid #342c5c;
	font-size: 82%;
}
.leftbox {
	float: left;
	width: 50%;
	height: 512px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.rightbox {
	float: left;
	width: 50%;
	height: 512px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.leftbox img,
.rightbox img {
	width: 50%;
	float: left;
}
#A12st .rightbox,
#BCst .leftbox {
	padding: 15px 20px;
}
#A12st .rightbox p,
#BCst .leftbox p {
	margin-bottom: 0.5rem;
}
#A12st .rightbox li,
#BCst .leftbox li {
	display: inline-block;
	width: 49%;
	border: 1px solid #342c5c;
	text-align: center;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#A12st .rightbox li a,
#BCst .leftbox li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 12px 0;
}

#p_rooms table {
	font-size: 63%;
}



/*-------------
スタジオページ
-------------*/
#p_st {
	width: 1024px;
	margin: 0 auto;
	padding: 60px 0 0;
	border-top: 1px solid #342c5c;
	border-left: 1px solid #342c5c;
	border-right: 1px solid #342c5c;
	overflow: hidden;
}
#p_st h3 {
	text-align: center;
	font-size: 144%;
	padding-bottom: 60px;
	border-bottom: 1px solid #342c5c;
}
.box_1 {
	width: 100%;
	border-bottom: 1px solid #342c5c;
}
.box_2 {
	width: 100%;
}

.leftbox_st {
	float: left;
	width: 50%;
	height: 512px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.rightbox_st {
	float: right;
	width: 50%;
	height: 512px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.leftbox_st img,
.rightbox_st img {
	width: 100%;
}
.box_1 .rightbox_st {
	padding: 30px;
}
.box_1 .rightbox_st p {
	margin-bottom: 10px;
}
.box_2 .leftbox_st {
	padding: 30px;
	font-size: 69%;
}
.box_2 .leftbox_st h4 {
	font-size: 125% !important;
	font-weight: bold !important;
	text-align: center;
	margin-bottom: 20px;
}

p.btn_reserve {
	width: 100%;
}
p.btn_reserve a {
	display: block;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	border: 3px solid #342c5c;
	margin-top: 180px;
}
#Bst p.btn_reserve a,
#Cst p.btn_reserve a {
	display: block;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
	border: 3px solid #342c5c;
	margin-top: 100px;
}


/*-------------
equipmentページ
-------------*/
#p_equipment {
	width: 1024px;
	margin: 0 auto;
	padding: 60px 62px;
	border-top: 1px solid #342c5c;
	border-left: 1px solid #342c5c;
	border-right: 1px solid #342c5c;
}
#p_equipment h3 {
	text-align: center;
	font-size: 144%;
	margin-bottom: 30px;
}
#p_equipment h4 {
	display: flex;
	align-items: center;
	font-size: 144%;
	margin: 50px 0 20px 0;
}
#p_equipment h4:after {
    margin-left: 5px;
	border-top: 2px solid #e9e871;
	content: "";
	flex-grow: 1;
}


#p_equipment table td {
	border: none !important;
}

#p_equipment td.column-1 {
	width: 20% !important;
}
#p_equipment td.column-2 {
	width: 30% !important;
}



/*-------------
accessページ
-------------*/
#p_access {
	width: 1024px;
	margin: 0 auto;
	padding: 60px 62px;
	border-top: 1px solid #342c5c;
	border-left: 1px solid #342c5c;
	border-right: 1px solid #342c5c;
}
#p_access h3 {
	text-align: center;
	font-size: 144%;
	margin-bottom: 50px;
}
.access_nav {
	margin-bottom: 20px;
}
.Gmap {
	text-align: center;
}

.Imap {
	width: 100%;
}
.Imap img {
	width: 898px;
}



/*-------------
コンタクトページ
-------------*/
#p_contact {
	width: 1024px;
	margin: 0 auto;
	padding: 100px 50px 50px 50px;
}
#p_contact h2 {
	width: 30%;
	font-weight: bold;
	margin-bottom: 2rem;
}
#p_contact p {
	margin-bottom: 0.3rem;
}
#p_contact p:last-child {
	margin-top: 2rem;
}
.mw_wp_form {
	font-size: 100%;
}
.mw_wp_form dt {
	float:left;
	width: 100%;
	vertical-align: middle;
	margin-top: 25px;
	margin-bottom: 5px;
}
.mw_wp_form dd {
	float:left;
	width: 100%;
}
input[type="text"], input[type="email"], submit, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type="text"],
input[type="email"],
textarea {
	outline: none;
	border: 1px solid #aaa;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 100%;
	padding: 3px;
	background-color: #fff;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #000;
}
input[type="text"],
input[type="email"] {
	width: 30%;
	height: 1.5rem;
	margin-right: 40%;
}
textarea {
	width: 30%;
	height: 5rem;
}
.formW {
	margin-bottom: 5rem;
}
.B_send {
	background: #fff;
	font-size: 94%;
	color: #888;
	padding: 1px 15px;
	border: solid #444 2px;
	text-decoration: none;
}
.B_send:hover {
	background: #444;
	color: #fff;
	text-decoration: none;
}



/*-------------
Reset
-------------*/
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, img, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html, body {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	width: 100%;
	background-color: #fff;
	line-height: 1.5;
	color: #444;
	word-break: normal;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body {
	overflow-y: scroll;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #888;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.notfound {
	font-size: 1.4rem;
}

.t_aC {
	text-align: center !important;
}
.t_aL {
	text-align: left !important;
}

.Btn:hover {
	opacity: 0.5;
}
a:hover img{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
}

.size-full {
	width: 100%;
	height: auto;
}

/*-------------
clearfix
-------------*/
.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear: both;
}
/*-------------
margin
-------------*/
.mt_5 {margin-top: 5px !important;}
.mt_10 {margin-top: 10px !important;}
.mt_15 {margin-top: 15px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_50 {margin-top: 50px !important;}
.mr_5 {margin-right: 5px !important;}
.mr_10 {margin-right: 10px !important;}
.mr_15 {margin-right: 15px !important;}
.mr_20 {margin-right: 20px !important;}
.ml_5 {margin-left: 5px !important;}
.ml_10 {margin-left: 10px !important;}
.ml_15 {margin-left: 15px !important;}
.ml_20 {margin-left: 20px !important;}
.mb_3 {margin-bottom: 3px !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_15 {margin-bottom: 15px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_50 {margin-bottom: 50px !important;}
.mb_100 {margin-bottom: 100px !important;}
.mb_1r {margin-bottom: 1rem !important;}
.mb_2r {margin-bottom: 2rem !important;}
.mb_3r {margin-bottom: 3rem !important;}
.mb_4r {margin-bottom: 4rem !important;}
.mb_5r {margin-bottom: 5rem !important;}
.mb_6r {margin-bottom: 6rem !important;}
.mb_7r {margin-bottom: 7rem !important;}
/*-------------
font-size
-------------*/
.fs_12 {font-size: 75% !important;}
.fs_13 {font-size: 82% !important;}
.fs_14 {font-size: 88% !important;}
.fs_15 {font-size: 94% !important;}
.fs_16 {font-size: 100% !important;}
.fs_17 {font-size: 107% !important;}
.fs_18 {font-size: 113% !important;}
.fs_19 {font-size: 119% !important;}
.fs_20 {font-size: 125% !important;}
.FwB {font-weight: bold !important;}
/*-------------
float
-------------*/
.fLeft {
	float: left;
}
.fRight {
	float: right;
}
/*-------------
etc..
-------------*/
.dis_b {display: block;}
.lh_5 {line-height: 5rem;}
.txal_c {text-align: center;}
.txal_l {text-align: left;}
.txal_r {text-align: right;}



#p_studiorental {
	width: 1024px;
	margin: 0 auto;
	padding: 100px 0;
	text-align: center;
}