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


/*@font-face {
font-family: "ryumin";
src:url(../font/A-OTF-RyuminPro-Medium.otf?) format("opentype");
}*/

/*------------------------------------------------------------------------
共通
------------------------------------------------------------------------*/
ul#nav li a, #header p.inquiry a {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}
.mobile {
	display: none !important;
}
.tac{
	text-align: center;
}

#container {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
 
#contents {
    padding-bottom: 100px;
}
 
#footer {
}
/*------------------------------------------------------------------------
header
------------------------------------------------------------------------*/
#headerWrapper {
	width: 100%;
	min-width: 960px;
	height: 197px;
	background:url(../img/headerBg.jpg) center center repeat-x #fff;
	margin:4px 0;
}
#header {
	width: 960px;
	height: 215px;
	margin: 0 auto;
	position: relative;
}
#header h1 {
}
#header img {
}
#header p {
}
#header p.campany {
}
#header p.company a {
}
#header p.tel {
}
#header p.inquiry {
}
/*------------------------------------------------------------------------
全体枠
------------------------------------------------------------------------*/
/* loading */
#wrap{}
#loadingBg1 {
    width: 100%;
    height: 100%;
    background: url(../img/top.jpg) no-repeat center #fff;
    position: fixed;
    top:0;
    left: 0;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	z-index: 300;
}

#loadingBg2 {
    width: 100%;
    height: 100%;
    background: url(../img/topBg2.svg) no-repeat center #fff;
    position: fixed;
    top:0;
    left: 0;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
	z-index: 200;
}
/*------------------------------------------------------------------------
nav
------------------------------------------------------------------------*/
div#navWrapper {
}
ul#nav {
}
ul#nav li {
}
ul#nav li:hover {
}
ul#nav li.nav01 {
}
ul#nav li.nav02 {
}
ul#nav li.nav03 {
}
ul#nav li.nav04 {
}
ul#nav li.nav05 {
}
ul#nav li.nav06 {
}
ul.child {
}
ul.child li {
}
ul.child li a:hover {
}
/*------------------------------------------------------------------------
main
------------------------------------------------------------------------*/
div#container {
	width: 960px;
	margin: 0 auto;
	position:relative;
	min-height: 570px;
	padding-top:50px;
	padding-bottom:50px;
}
div.top{
	width: 670px;
	height: 570px;
	position: absolute;
	top: 120px;
	right: 0;
	bottom: 0;
	left: 1px;
	margin: auto;
}
div.top h1{
	background:url(../img/cocorode.svg) center center no-repeat;
	width:200px;
	height: 40px;
	margin:0 auto;
}
p.makuake{
	background:url(../img/logo_makuake.png);
	width:150px;
	height: 30px;
	margin:85px auto 20px;
}
div.newsletter{
	width:670px;
	margin:65px auto;
}
div.newsletter input[type=text]{
	width:calc(100% - 34px);
	border:1px solid #d9d9d9;
	border-radius: 3px;
	padding:0 17px;
	margin:14px auto;
	
}
div.newsletter input[type=submit]{
	width:120px;
	height: 40px;
	background:#d4d4d4;
	cursor:pointer;
	border-radius: 3px;
}

p.topSub{
	color:#242875;
	text-align: center;
	margin:75px auto 0;
}
/*------------------------------------------------------------------------
お問い合わせ
------------------------------------------------------------------------*/
form dl {
}
form dl:first-child{
}
form h3{
}
form dl dt {
}
form dl dt.must{
}
form dl dd {
}
form dl:nth-child(2n+1){
}
form input[type=text], form input[type=tel], form input[type=email], form select {
}
form textarea
form .sizeS {
}
form .sizeM {
}
form .sizeL {
}
form select{
}
::-webkit-input-placeholder {
    font-size: 12px;
}
input::placeholder {
    font-size: 12px;
}
input:focus::-webkit-input-placeholder {
	color:transparent;
}
input:focus:-moz-placeholder {
	color:transparent;
}
input:focus::-moz-placeholder {
	color:transparent;
}
form textarea{
	border:1px solid #ccc;
	padding:10px;
}
form input[type=radio],
form input[type=checkbox]{
}
form input[type=radio]{
	background:url(../img/icon_radio_off.svg) center center no-repeat;
}
form input[type=radio]:checked{
	background-image:url(../img/icon_radio_on.svg);
}
form input[type=checkbox]{
	background:url(../img/icon_check_off.svg) center center no-repeat;
}
form input[type=checkbox]:checked{
	background-image:url(../img/icon_check_on.svg);
}
form input + label{
	margin:0 1em 0 0.5em;
}
form input[type=submit]:hover{
	background:#aaa;
}
div.privacy{
	width: 50%;
	margin:50px auto;
	padding:30px 0;
	text-align: center;
	border:10px solid #ddd;
}
div.submit{
	text-align: center;
}
	/*------------------------------------------------------------------------
footer
------------------------------------------------------------------------*/
div#footerWrapper {
	width: 100%;
	min-width: 960px;
	height: 197px;
	background:url(../img/headerBg.jpg) center center repeat-x #fff;
	margin:4px 0;
	
	position: fixed;
    bottom: 0;
    width: 100%;
    height: 197px;

}
div#footer {
}
div#footer h2 img {
}
div#footer p.company {
}
div#footer p.address {
}
div#footer ul#sitemap {
}
div#footer ul#sitemap li, div#footer ul#sitemap2 li {
}
div#footer ul#sitemap ul {
}
div#footer ul#sitemap ul li {
}
div#footer ul#sitemap2 {
}
p#totop {
}
p#totop:hover {
}
p#totop a {
}