@charset "utf-8";
h1,h2,h3,p,span{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing: 0.2em;}
.sp_br{display: none;}
.christmas-h2 {
    background-image: url(../images/simple/online_top_main_pc.png);
    background-position: center;
}
#christmas_box01{
    width: 100%;
    min-width: 1400px;
    height: 602px;
    margin: 50px auto 50px;
    background: url("https://www.wako-bridal.jp/wp-content/themes/www.wako-bridal.com/css/../images/simple/online_top_main_pc.png"),-ms-linear-gradient(-135deg,#fbfbfb,#ebebeb);
    background: url("https://www.wako-bridal.jp/wp-content/themes/www.wako-bridal.com/css/../images/simple/online_top_main_pc.png"),-moz-linear-gradient(-135deg,#fbfbfb,#ebebeb);
    background: url("https://www.wako-bridal.jp/wp-content/themes/www.wako-bridal.com/css/../images/simple/online_top_main_pc.png"),-o-linear-gradient(-135deg,#fbfbfb,#ebebeb);
    background: url("https://www.wako-bridal.jp/wp-content/themes/www.wako-bridal.com/css/../images/simple/online_top_main_pc.png"),-webkit-linear-gradient(-135deg,#fbfbfb,#ebebeb);
    background: url("https://www.wako-bridal.jp/wp-content/themes/www.wako-bridal.com/css/../images/simple/online_top_main_pc.png"),linear-gradient(-135deg,#fbfbfb,#ebebeb);
        background-position-x: 0%, 0%;
        background-position-y: 0%, 0%;
        background-repeat: repeat, repeat;
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
    color: #181919;
}



.online_box_s{width:  760px;margin: 0 auto;}

.online_box_s #christmas_title{
letter-spacing: 0.15em;
    font-size: 28px;
    padding: 35px 0;

}
.online_box_s .online_live ul{}
.online_box_s .online_live ul li{

    display: inline-block;
    margin-left: 37px;
    margin-top: 29px;

}
.online_box_s .online_live ul li:nth-child(2){

    width: 40%;
    vertical-align: top;
    padding-top: 47px;

}
.online_box_s .online_live ul li span{
letter-spacing: 0em;
    width: 110px;
    padding: 4px 10px;
    margin: 0 auto;
    text-align: center;
margin-bottom: 14px;
 display: block;   
    font-family: "ryo-gothic-plusn",'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.online_box_s .online_live ul li .live_now{

    background: #f00;
    color: #fff;
}
.online_box_s .online_live ul li .ready_now{
    background: #999;
    color: #fff;
}
.entry_img{

    text-align: center;
    width: 118px;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 12px;

}
.entry_img_cover{
    height: 31px;
    background-position: top center;
    background-size: contain;
   

}
input[type="submit"], button[type="submit"] {
    background: #655c40;
    color: #fff;
    text-align: center;
    border: none;
    height: 31px;
    font-size: 15px;
    margin-top: 25px;
    width: 100%;
    border-radius: 6px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.link_youtubebtn{
    margin-top: 23px;
    text-align: center;
        font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}


.link_youtubebtn a:hover {
    text-decoration:none;
}

.ghome001_tit {

    font-size: 25px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    color: #000;
    text-align: center;
    line-height: 1.5em;
    margin-top: 62px;
    margin-bottom: 45px;

}
h1 img{

    display: block;
    padding-top: 18px;
    text-align: center;
    margin: 0 auto;

}
.ghome_li{

    border: 1px #999 solid;
    padding: 20px;

}
.ghome_li li {

    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-weight: 500;
    padding: 10px 39px;
    text-align: left;
    letter-spacing: .05em;
    font-size: 18px;
    line-height: 1.5em;

}

.ghome_li li .tit_red{color: #f00;font-size: 14px;margin-left: 31px;}

 .ghome_li li img{
    width: 4%;
    vertical-align: top;
}

.online_url{

    font-size: 18px;
    margin-top: 30px;
    line-height: 1.5em;
    text-align: center;

}
.online_url a{
    letter-spacing: 0em;
}

.online_url .tit_red{color: #f00;font-size: 14px;}

.online_inner{

    width: 1040px;
    margin: 0 auto;

}

.live_free{
    font-size: 17px;
    line-height: 2em;
    width: 600px;
    margin: 0 auto;
    margin-top: 70px;
}
.youtube_thum{
    width: 100%;
}

.link_youtube{margin-top: 23px;}

#howto_online{
    margin-top: 150px;

}
#howto_online h1{

    color: #000;
    font-size: 45px;
    text-align: center;
    letter-spacing: 0.2em;
    margin-bottom: 145px;

}
#howto_online .for_sp{}
#howto_online .for_sp h2{

    font-size: 20px;
    border-bottom: 1px solid;
    padding-bottom: 12px;
    width: 382px;

}
#howto_online .for_sp h2.allready{
    width: 443px;

}
#howto_online .for_sp p.tit_box {
    border: 1px solid #655C40;
    color: #655C40;
    font-size: 30px;
    padding: 5px 0px;
    width: 209px;
    text-align: center;
}

#howto_online .for_sp p.sml_text{

    color: #EE8419;
    font-size: 16px;
    margin-top: 20px;

}

#howto_online .for_sp ul{}
#howto_online .for_sp ul li{margin-top: 45px;}
#howto_online .for_sp ul li:nth-child(2) {
padding-top: 45px;
    clear: both;

}
#howto_online .for_sp ul li .tit{
margin-top: 26px;
    font-size: 18px;
    font-weight: 600;
    color: #655c40;
    width: 169px;
    text-align: center;
    border: 1px solid;
    padding: 5px 12px;
    letter-spacing: 0.1em;
 float: left;
}
#howto_online .for_sp ul li .app_ico{

    float: left;
    width: 80px;
    margin-left: 46px;
    display: block;

}
#howto_online .for_sp ul li .app_ico img{
width: 100%;

}
#howto_online .for_sp ul li .zoom_url {

    width: 69%;
    display: block;
    float: right;
    margin-right: 0px;
    margin-top: 0px;

}
#howto_online .for_sp ul li .zoom{}
#howto_online .for_sp ul li .flort_R{

    font-size: 16px;
    margin-bottom: 20px;

}
#howto_online .for_sp ul li span.youtube_btn{
    font-size: 15px;
    letter-spacing: 0;

}
#howto_online .for_sp ul li .flort_R span img{}
#howto_online .for_sp h2.allready{
clear: both;
    padding-top: 144px;

}


.flow_online{}
.flow_online li{clear: both;}
.flow_online li .nomber{    color: #000; font-weight: 300;    font-size: 50px;font-family: "SterlingDisplay",'Gilda Display','ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
.flow_online li .flow_blow{

    font-size: 16px;
    color: #000;
    float: right;
    width: 92%;
    margin-top: 7px;
    line-height: 2.2em;

}
.flow_online li .flow_blow span{

    display: block;
    font-size: 16px;
    color: #000;
    margin-top: 21px;
    margin-bottom: 30px;

}
.flow_online li .flow_blow span img{
width: 870px;
    margin-top: 21px;

}

#howto_online .for_sp ul li span.youtube_btn span{

    display: block;
    float: right;
    width: 374px;
    letter-spacing: 0;
    padding-left: 6px;
    margin-top: 6px;

}
.flow_online li .flow_blow img{

    text-align: center;
    display: block;
    margin: 25px 94px 0;

}
.c_both{clear: both;padding: 80px;}



@media screen and (max-width:640px) {
.sp_br{display: block;}

#christmas_box01{
    width: 100%;
    min-width: 100%;
    height: auto;
    margin: 50px auto 50px;
    background: none;
    text-align: center;
    color: #181919;
}
.online_box_s {

    width: 94%;
    margin: 0 auto;

}

.online_box_s #christmas_title{

    font-size: 18px;
    text-align: center;
    line-height: 1.75em;
padding: 8px 0 17px;

}
.online_box_s .online_live ul li {

    display: inline-block;
    margin-left: 4px;
    margin-top: 45px;
    width: 35%;

}
.online_box_s .online_live ul li:nth-child(2) {

    width: 54%;
    vertical-align: top;
    padding-top: 0px;
margin-top: 25px;
}
    .online_box_s .online_live ul li iframe{width: 100% !important; }    
    
    
    
.ghome001_tit {   font-size: 17px;}


.ghome_li {
    padding: 20px 7px;

}
.ghome_li li {
    padding: 10px 0px;
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 1.5em;

}
.online_url {
    font-size: 17px;
    line-height: 1.75em;
}
.online_inner {
    width: 93%;}
#howto_online h1 {
font-size: 22px}    
 #howto_online .for_sp h2 {
    font-size: 16px;
    width: 301px;

}   
 #howto_online .for_sp ul li .tit {
    font-size: 14px;
    width: 121px;
    padding: 5px 4px;
    float: none;
}
    
#howto_online .for_sp ul li .app_ico {
    float: left;
    width: 69px;
    margin-left: 0px;
    display: block;
    margin-top: 24px;
}    
    
 #howto_online .for_sp ul li .zoom_url {
    width: 78%;
    display: block;
    float: right;
    margin-right: 0;
    margin-top: 14px;
}   
 #howto_online .for_sp ul li .flort_R {
    font-size: 14px;
    margin-bottom: 7px;letter-spacing: 0.15em;
}   
  #howto_online .for_sp ul li span.youtube_btn img{
    width: 95%;
}   
 #howto_online .for_sp ul li span.youtube_btn {
    font-size: 12px;
    letter-spacing: 0;

}   
 #howto_online .for_sp h2.allready {

    width: 353px;
    letter-spacing: 0.2em;

}   
#howto_online .for_sp ul li span.youtube_btn span {

    display: block;
    float: right;
    width: 305px;
    letter-spacing: 0;
    padding-left: 6px;
    margin-top: 11px;

}    
.flow_online li .flow_blow {

    font-size: 14px;
    width: 86%;
    margin-top: 4px;
    line-height: 1.2em;

}
.flow_online li .flow_blow span {
    font-size: 12px;
    margin-top: 9px;
    margin-bottom: 0px;
    line-height: 1.2em;

}
.flow_online li .flow_blow img {

    text-align: center;
    display: block;
    margin: 25px -8px 35px;

}    
    
 .live_free {
    font-size: 15px;
    line-height: 2em;
     width: 100%;}   
    
    
}