@charset "UTF-8";

@font-face{
 font-family: "WFminamotonomincho";
 src: url(../../font/SourceHanSerifJP_Regular.eot) format("eot"),
 url(../../font/SourceHanSerifJP_Regular.woff) format("woff"),
 url(../../font/SourceHanSerifJP_Regular.ttf) format("truetype");
}

/*Design by DREW*/
body{
 margin:0;
 padding:0;
 outline:0 none;
 font-family: WFminamotonomincho, serif;
 text-align:center;
 background:#fef9fb url(../img/bg.gif) 0 0 repeat;
 font-size:14px;
 line-height:1.8;
 color:#2b2b2b;
}

::-webkit-scrollbar{
 width: 12px;
 }

::-webkit-scrollbar-track{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
}

::-webkit-scrollbar-thumb{
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

img{
 border:0;
}

br{
 letter-spacing:0;
}

p{
 margin:0 0 30px;
 padding:0;
}

h2{
 line-height:100%;
 font-size:16px;
 font-weight:normal;
 margin:0 0 10px;
 padding:10px 0 0;
}

h2 span{
 display:block;
 font-size:14px;
 margin:10px 0 0;
 color:#eb6ea0;
}

.box p{
 margin:0 0 50px;
 padding:0;
 font-size:14px;
}

.ex{
 display:block;
 text-align:right;
 color:#898989;
 margin:0 0 50px;
}

a{
 color:#2b2b2b;
 text-decoration:none;
 border-bottom:1px solid #eb6ea0;
}

a:hover{
 color:#9f9f9f;
}

.ex a{
 color:#898989;
 border-bottom:0 none;
}

button.newiine_btn{border: 1px solid; color: #eb6ea0;}
input[type=text]#koibumi_text{border: 1px solid; color: #eb6ea0;}
::placeholder{color:#eb6ea0;}

.footer{
 font-size:12px;
}



@media only screen and (min-width:1024px){
#contents{
 width:850px;
 margin:0 auto;
 padding:0;
 text-align:left;
}

.header{
 position:relative;
 overflow:hidden;
 zoom:1;
 margin:0 0 40px;
 padding:50px 0 0;
}

.header img{
 display:inline;
 float:left;
 width:200px;
 margin:0 0 15px;
}

.header div{
 display:inline;
 float:right;
 width:625px;
}

.main{
 position:relative;
 overflow:hidden;
 zoom:1;
}

.menu{
 position: fixed;
 display:inline;
 float:left;
 width:250px;
 background: none;
 z-index: 9999;
}

.menu ul{
 list-style:none;
 list-style-position:outside;
 margin:0 0 50px;
 padding:0;
}

.menu li{
 margin:0 0 10px;
 padding:0;
}

.menu li span{
 display:block;
 margin:0;
 color:#898989;
}

.box{
 display:inline;
 float:right;
 width:550px;
 font-family: WFminamotonomincho, serif;
}
}


@media only screen and (max-width:1023px) and (min-width:768px){
#contents{
 width:750px;
 margin:0 auto;
 padding:0;
 text-align:left;
}

.header{
 position:relative;
 overflow:hidden;
 zoom:1;
 margin:0 0 40px;
 padding:50px 0 0;
}

.header img{
 display:inline;
 float:left;
 width:200px;
 margin:0 0 15px;
}

.header div{
 display:inline;
 float:right;
 width:525px;
}

.main{
 position:relative;
 overflow:hidden;
 zoom:1;
}

.menu {
 display:none;
}

.box{
 display:inline;
 float:right;
 width:750px;
 font-family: WFminamotonomincho, serif;
}
}


@media only screen and (max-width:767px) and (min-width:600px){
#contents{
 width:550px;
 margin:0 auto;
 padding:0;
 text-align:left;
}

.header{
 position:relative;
 overflow:hidden;
 zoom:1;
 margin:0 0 40px;
 padding:50px 0 0;
}

.header img{
 float:left;
 width:200px;
 margin:0 0 5px;
}

.header div{
 display:block;
 float:left;
 width:550px;
}

.main{
 position:relative;
 overflow:hidden;
 zoom:1;
}

.menu {
 display:none;
}

.box{
 display:inline;
 float:right;
 width:550px;
 font-family: WFminamotonomincho, serif;
}
}


@media only screen and (max-width:599px){
#contents{
 width:95%;
 margin:0 auto;
 padding:0;
 text-align:left;
}

.header{
 position:relative;
 overflow:hidden;
 zoom:1;
 margin:0 0 40px;
 padding:50px 0 0;
}

.header img{
 float:left;
 width:200px;
 margin:0 0 5px;
}

.header div{
 display:block;
 float:left;
 width:95%;
}

.main{
 position:relative;
 overflow:hidden;
 zoom:1;
}

.menu {
 display:none;
}

.box{
 display:inline;
 float:right;
 width:95%;
 font-family: WFminamotonomincho, serif;
}
}