@charset "UTF-8";

/* ==============================
CSS information
 file name  :  New_style.css
 style info :  Bgscroll Desining
================================== */
html{
    overflow: auto;
    font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, sans-serif;
}

#body_normal, #body_less{
height:auto !important;
background:#f18670;
height:100%;
min-height:100%;
}
#body_normal{
overflow-x:hidden;
position:relative;
}
img{vertical-align:bottom; border:none;}

body, textarea {font-size:100%; line-height:100%;}

br {letter-spacing:normal;}

.str_color{color:#f45d5d;}
a:link{font-size:100%; color:#608fec; text-decoration:none;}
a:visited{font-size:100%; color:#608fec; text-decoration:none;}
a:active{font-size:100%; color:#608fec; text-decoration:none;}
a:hover{font-size:100%; color:#afcaff; text-decoration:none;}


a{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

/*---------------------
  header
-----------------------*/

header{
    background: #fee98e;
    width: 100%;
    min-width: 980px
}

#main_visual h1{
background: url('../biyori_img/visual_bg.jpg') no-repeat;
background-position: center top;
height: 742px;
position:relative;
margin: 0 auto;

}
.muryo_Btn {
position: absolute;
top: 434px;
left: 0;
right: 0;
text-align: center;
}

#line1{
width: 100%;
background: #f18670;
height: 50px;
color: #fff;
text-align: center;
}

#line1 a:link{font-size:100%; color:#fff; text-decoration:none;}
#line1 a:visited{font-size:100%; color:#fff; text-decoration:none;}
#line1 a:active{font-size:100%; color:#fff; text-decoration:none;}
#line1 a:hover{font-size:100%; color:#ffea88; text-decoration:none;}

#line1 p{
padding-top: 18px;
font-size: 15px;
width: 1350px;
position: relative;
margin: 0 auto;
z-index: 1;
}

.deco_l {
    position: absolute;
    left: 0;
    top: -40px;
}

.deco_r {
    position: absolute;
    right: 0;
    top: -40px;

}

.muryo_side {
    position: fixed;
    right: 0;
    z-index: 99;
    top: 40px;
}

#main_all {
    position: relative;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99999;
}

/*====== box01 ======*/

#box01{
background: url('../biyori_img/box1_bg.jpg') no-repeat #fef8d7;
background-position: center top;
height: 742px;
position:relative;
margin: 0 auto;
padding-bottom: 100px;
background-size: cover;
}

.box01_a{
    text-align: center;
    padding-top: 50px;
}

.nayami_all{
    text-align: center;
    position: relative;
    width: 864px;
    margin: 0 auto;
}

.box01_b{
    position: absolute;
    top: -160px;
}

.box01_c{
    position: absolute;
    top: -320px;
    left: 100px;
}

.box01_d{
    position: absolute;
    top: -320px;
    right: 100px
}

.box01_e{
    position: absolute;
    top: -160px;
    right: 0;
}

.box01_f {
    text-align: center;
    margin-top: 30px;
}

.box01_g {
    text-align: center;
    margin-top: 20px;
}

/*====== box02 ======*/

#box02{
background: url('../biyori_img/contents_bg.jpg') no-repeat center center fixed;
background-position: center top;
height: 1050px;
position:relative;
margin: 0 auto;
padding-bottom: 100px;
background-size: cover;
}

.box02_top {
    text-align: center;
    background: #f18670;
    height: 109px;
}

.box02_a{
    text-align: center;
    padding-top: 50px;
}

#box02 ul{
    text-align: center;
    width: 980px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin: 0 auto;
    list-style: none;
    margin-top: 50px;
}

.center_c {
    margin: 0 38px;
}

.muryo_Btn2 {
text-align: center;
margin-top: 50px;
}

/*====== box03 ======*/

#box03{
background: url('../biyori_img/box3_bg.jpg') no-repeat #fef8d7;
background-position: center top;
height: 1300px;
position:relative;
margin: 0 auto;
background-size: cover;
position: relative;
}

.voice1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 250px;
    text-align: center;
}

.voice2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 680px;
    text-align: center;
}

/*====== box04 ======*/

#box04{
background: url('../biyori_img/contents_bg.jpg') no-repeat center center fixed;
background-position: center top;
height: 1050px;
position:relative;
margin: 0 auto;
padding-bottom: 100px;
background-size: cover;
}

.box04_top {
    text-align: center;
    background: #f18670;
    height: 109px;
}

.box04_a{
    text-align: center;
    padding-top: 50px;
}

#box04 ul{
    text-align: center;
    width: 980px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    margin: 0 auto;
    list-style: none;
    margin-top: 50px;
}

.muryo_Btn2 {
text-align: center;
margin-top: 50px;
}

/*====== box06 ======*/

#box06{
background: url('../biyori_img/box6_bg.jpg') no-repeat #fef8d7;
background-position: center top;
height: 920px;
position:relative;
margin: 0 auto;
background-size: cover;
position: relative;
}

.box06_1 {
    text-align: center;
    margin-top: 30px;
}

.box06_2 {
    position: absolute;
    right: 0;
    left: 0;
    top: 440px;
    width: 980px;
    margin: 0 auto;
    text-align: center;
}

.box06_2 img{
    margin-left: 200px;
}

.box06_g {
    text-align: center;
    margin-top: 130px;
}

/*====== box05 ======*/
#box05 {
background: url('../biyori_img/contents_bg.jpg') no-repeat center center fixed;
background-position: center top;
position:relative;
margin: 0 auto;
padding-bottom: 50px;
background-size: cover;
}

.box05_top {
    text-align: center;
    background: #f18670;
    height: 109px;
}

#form_Area {
min-width:980px;
text-align:center;
margin:0px auto;
z-index:999;
margin-top: 50px;
}

#p_center{
background:url('../biyori_img/form_center.png') repeat-y;
background-position:center top;
margin:0 auto;
*zoom:1; /*for IE7*/
min-width: 984px;
}
#box05 table{
margin:0px auto;
}
#box05 table th{
padding-top:30px;
text-align:center;
vertical-align:middle;
}
#box05 table td{
padding:20px 0 0 45px;
vertical-align:middle;
color:#6e0928;
margin:0;
}
#box05 p img {
vertical-align:middle;
}
div.form_flow2 table td{
padding:20px 275px 0 45px;
vertical-align:middle;
color:#6e0928;
}

.domain_all {
    height: 120px;
}
p.domain_txt{
padding:10px 0px 0px;
font-size:14px;
line-height:1.5em;
color:#6e0928;
}

ul.domain{ 
    list-style-type:none;
    position: absolute;
    position: absolute;
    left: 0;
    right: 0;
}
ul.domain li{
display: inline-block;
/display:inline; /* IE6_7 */
/zoom:1
}


/*====== second Page ======*/

#second_page {
min-width:980px;
text-align:center;
margin:0px auto;
z-index:999;
}

#s_txt {
width:700px;
font-size:14px;
text-align:left;
line-height:1.8em;
margin:0 auto;
color:#6e0928;

}
#s_txt h3 {
padding:20px 0 0 1px;
font-size:100%;
margin:0;
border-bottom:1px solid #ccb9a2;
padding-bottom: 3px;
}
#s_txt p, #s_txt ul, #s_txt ol{
padding-top:14px;
}
#s_txt p, #s_txt ul{
font-size: 14px;
}
#s_txt ul{
list-style:none;
}
#s_txt ol{
padding-left:44px;
}
.mark_clr{
color:#6e0928;
}



/*====== footer ======*/
#footer {
height:250px;
min-width:980px;
text-align:center;
margin:0 auto;
color:#fff;
background:url('../biyori_img/footer_bg.png') repeat-x;
}
#f_link {
padding-top:50px;
font-size: 15px;
}
#f_link a:link{
line-height:1.2em;
color:#fff;
text-decoration:none;
}
#f_link a:visited{
line-height:1.2em;
color:#fff;
text-decoration:none;
}
#f_link a:hover{
line-height:1.2em;
color:#ffea88;
text-decoration:none;
}
#f_link a:active{
line-height:1.2em;
color:#fff;
text-decoration:none;
}
p.copyright{
color:#fff;
margin-top:30px;
font-size: 13px;
}


/*-------------------
  form input style
---------------------*/
div.radio-group {
margin-top:5px;
}
div.radio-group input {
  /*
  opacity: 0;
     filter: alpha(opacity=0);
  */
}
div.radio-group div {
position:relative;
}
div.radio-group input {
position:absolute;
left:0px;
top:0px;
outline:none;
margin:0;
padding:0;
}
div.radio-group label {
cursor:pointer;
float:left;
background: url('../biyori_img/index1_off.png') no-repeat;
width:210px;
height:42px;
color:#ffffff;
font-family:"Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
font-size:18px;
line-height: 42px;
text-align:center;
vertical-align:middle;
font-weight: bold;
text-shadow: 0px 1px 5px #2445bb;
}


div.radio-group label.checked  {
background: url('../biyori_img/index1_on.png') no-repeat;
width:210px;
height:42px;
text-shadow: 0px 1px 5px #da3e26;
}
div#blood div.radio-group label{
cursor:pointer;
float:left;
background: url('../biyori_img/index2_off.png') no-repeat;
width:105px;
height:45px;
color:#ffffff;
font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
font-size:18px;
text-shadow:1px 1px 4px #000000;
line-height: 45px;
text-align:center;
vertical-align:middle;
left:0;
text-shadow: 0px 1px 5px #2445bb;
}
div#blood div.radio-group label.checked  {
background: url('../biyori_img/index2_on.png') no-repeat;
width:105px;
height:45px;
text-shadow: 0px 1px 5px #da3e26;
}
input[type="text"]{
height:35px;
font-size:16px;
vertical-align:middle;
text-align:left;
}
input[type="text"]:focus {
outline:0;
border-color:#ffd800;
}
select{
height:43px;
min-height:43px;
border:0px;
border-radius:0px;
background:#ffffff;
font-size:100%;
font-size:130%\9; /*for IE8-6 */
vertical-align:middle;
display:inline;/*for IE huck */
}
select.b_year{
width:147px;
}
select.b_moth, select.b_day{
width:110px;
}
select.address{
width:184px;
}

/*-------------------
  other
--------------------*/
.magb0  {margin-bottom:0px   !important;}
.magb5  {margin-bottom:5px   !important;}
.magb10 {margin-bottom:10px  !important;}
.magb15 {margin-bottom:15px  !important;}
.magb20 {margin-bottom:20px  !important;}
.magb30 {margin-bottom:30px  !important;}
.magb40 {margin-bottom:40px  !important;}
.magb50 {margin-bottom:50px  !important;}
.magb70 {margin-bottom:70px  !important;}
.magb85 {margin-bottom:85px  !important;}
.magb100{margin-bottom:100px !important;}
.magb150{margin-bottom:150px !important;}

.clearfix:after { content:""; display:block; clear:both; height:0; }
* html .clearfix  { zoom: 1; display:inline; }  /* IE6 */
*:first-child+html .clearfix { zoom: 1; display:inline; }  /* IE7 */




@media screen and (max-width: 1350px) {
/* 980pxまでの幅の場合に適応される */
#line1 p {
    width: auto;
}
.deco_l,.deco_r{
    display: none;
}

}