@charset "utf-8";

/* reset
----------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, code, img, dl, dt, dd, ol, ul, li,form, label, table, caption, tbody, thead, tr, th, td, article, aside, canvas, footer, header, menu, nav, section, summary, audio, video, input, textarea, button {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
            color:#666; 
    vertical-align:baseline;
    background:transparent;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
html , body {
    height:100%;
}
html {
 font-size:62.5%;
}
/*行の高さをフォントサイズと同じに*/
body {
    line-height:1;
  -webkit-text-size-adjust:100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
/*引用符を非表示*/
blockquote, q {
    quotes:none;
}
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
/*縦方向の位置を親要素のベースラインに揃える*/
a {
            display: block;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration:none;
    -webkit-tap-highlight-color:#eee;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #CCCCCC;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
ol, ul {
    list-style:none;
}
img {
    vertical-align:bottom;
}
input[type="checkbox"],
label {
    cursor:pointer;
}
textarea {
    resize:none;
}
em{
    font-style: normal;
}
.btn img:hover,
.btn a:hover,
.button:hover {
    filter: alpha(opacity=70);
    opacity:0.7;
    -moz-opacity:0.7;
    -webkit-opacity:0.7;
}
#goNext a:hover,
header li:hover,
footer li:hover,
a:hover {
    filter: alpha(opacity=50);
    opacity:0.5;
    -moz-opacity:0.5;
    -webkit-opacity:0.5;
}
header li a:hover,
header li.dropdown:hover {
    filter: alpha(opacity=100);
    opacity:1;
    -moz-opacity:1;
    -webkit-opacity:1;
}
select::-ms-expand {
  display: none;
}
.ios a:hover,
.ios li:hover,
.ios input[type="button"]:hover,
.ios input[type="submit"]:hover {
    opacity:1 !important;
}

/*header
---------------------------------------------------*/
header {
  width: 100%;
  height: 52px;
  position: fixed;
  top: 0;
  width: 100%;
  transition: all .2s ease;
  z-index: 10;
}
.business header {
  height: 108px;
}
header .inner {
    overflow: hidden;
    background:#FFF;
    max-width:100%;
    width:100%;
    height:46px;
    margin:0px auto;
    box-shadow: 0 3px 9px -2px rgba(0,0,0,0.4);
    -moz-box-shadow:0 3px 9px -2px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 3px 9px -2px rgba(0,0,0,0.4);
}
header .sitelogo {
    float:left;
    margin:8px 0px 0px 7px;
    width:186px;
    height: 30px;
}
.sitelogo a {
    text-indent: -9999px;
    width:100%;
    height: 100%;
    background:url('/images/sp/10th_logo_header.png');
    background-size: 186px auto;
}
header .bnr {
    display: none;
}
.btn-menu,
.btn-menu span {
    display: inline-block;
    transition: all .4s;
}
.btn-menu {
    float: right;
    position: fixed;
    top:0;
    right: 0;
    z-index: 100;
    width: 25px;
    height: 25px;
    padding: 11px 13px;
}
.btn-menu span {
    position: absolute;
    right: 13px;
    width: 25px;
    height: 5px;
    background-color: #FF9D9D;
}
.btn-menu span:nth-of-type(1) {
    top: 11px;
}
.btn-menu span:nth-of-type(2) {
    top: 21px;
}
.btn-menu span:nth-of-type(3) {
    bottom: 11px;
}
.btn-menu.active {
    position: fixed;
    top:0;
    right: 0;
    z-index: 100;
}
.btn-menu.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
}
.btn-menu.active span:nth-of-type(2) {
    opacity: 0;
}
.btn-menu.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
}
.news-area {
    display: none;
}
.header-newstitle {
    min-width: 170px;
}

@media only screen and (min-width :900px) {
    header {
        height: 121px !important;
    }
    header .inner {
        height: 79px;
        box-shadow:none;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        overflow: hidden;
    }
    header .sitelogo {
        margin:13px 0px 0px 17px;
        width:361px;
        height: 50px;
        float: left;
    }
    .sitelogo a {
        background:url('/images/10th_logo_header.png') no-repeat;
    }
    header .bnr {
        display: block;
        margin: 12px 19px 0px 17px;
        width: 258px;
        height: 53px;
        float: right;
    }
    header .bnr a {
        width:100%;
        height:100%;
        background:url('/images/bnr_2018_bm_ranking_result.png') no-repeat;
        text-indent: -9999px;
        background-size: 258px auto;
    }
    .btn-menu {
        display: none;
    }
    .news-area {
        display: block;
        width: auto;
        margin: 12px 21px 0 0;
        float: right;
    }
    .news-area .text {
        overflow: hidden;
    }
    .news-area .icon {
        width: 54px;
        height: 20px;
        line-height: 21px;
        background: #FF9D9D;
        color: #FFF;
        font-size: 1.4rem;
        float: left;
        text-align: center;
        margin-right: 12px;
        border-radius :3px;
    }
    .news-area .text p {
        float: left;
        color: #333;
        margin: 4px 0 5px;
    }
    .news-area .text a {
        font-size: 1.4rem;
        color: #333;
        line-height: 15px;
        text-decoration: underline;
    }
    .news-area .text .date {
        display: inline-block;
        font-size: 1.3rem;
        color: #999;
        margin-right: 13px;
        text-decoration: none;
        margin-top: 1px;
        display: block;
    }
    .news-area .text .span {
        font-size: 1.4rem;
        text-decoration: underline;
    }
    .news-area .newslist a {
        text-align: right;
        color: #33CCCC;
        /* margin-top: 6px; */
        text-decoration: underline;
        font-size: 1.4rem;
    }

}

/*nav
---------------------------------------------------*/
header nav {
    display: none;
}
header .sp-tabmenu {
    display: none;
}
nav .dropdown-child {
    display: none;
}
.business header .sp-tabmenu {
    display: block;
    box-shadow: 0 3px 9px -2px rgba(0,0,0,0.4);
    -moz-box-shadow:0 3px 9px -2px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 3px 9px -2px rgba(0,0,0,0.4);
}
.sp-tabmenu ul {
    background: #FF9D9D;
    overflow: hidden;
}
.sp-tabmenu li {
    float: left;
    box-sizing:border-box;
    width: 20%;
    height: 50px;
    border-left:2px solid #C96384;
}
.sp-tabmenu li:first-child {
    border-left:none;
}
.sp-tabmenu li a {
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.sp-tabmenu li.royalty a {
    background:url('/images/sp/tab_royalty.png') no-repeat center 8px;
    background-size: 40px auto;
}
.sp-tabmenu li.melete a {
    background:url('/images/sp/tab_melete.png') no-repeat center 9px;
    background-size: 34px auto;
}
.sp-tabmenu li.blist a {
    background:url('/images/sp/tab_blist.png') no-repeat center 8px;
    background-size: 46px auto;
}
.sp-tabmenu li.register a {
    background:url('/images/sp/tab_register.png') no-repeat center 9px;
    background-size: 46px auto;
}
.sp-tabmenu li.contact a {
    background:url('/images/sp/tab_contact.png') no-repeat center 12px;
    background-size: 54px auto;
}
@media only screen and (min-width :900px) {
    header nav {
        background: #FF9D9D;
        height: 35px;
        display: block;
        box-shadow: 0 3px 9px -2px rgba(0,0,0,0.4);
        -moz-box-shadow:0 3px 9px -2px rgba(0,0,0,0.4);
        -webkit-box-shadow:0 3px 9px -2px rgba(0,0,0,0.4);
    }
    header nav .dropdown {
        position:relative;
    }
    header nav .list .dropdown.show {
        background:url('/images/nav_list.png') no-repeat center 10px #E78492;
    }
    header nav .dropdown-child {
        width: 100%;
        height: 87px;
        background: #E78492;
        position: absolute;
        padding: 13px 0;
        top: 35px;
        left: 0;
        box-shadow: 0 3px 9px -2px rgba(0,0,0,0.4);
        -moz-box-shadow:0 3px 9px -2px rgba(0,0,0,0.4);
        -webkit-box-shadow:0 3px 9px -2px rgba(0,0,0,0.4);
    }
    header nav .copyright .dropdown-child {
        height:66px;
    }
    header nav .show .dropdown-child {
        display: block;
    }
    header nav .dropdown-child li {
        height: 29px;
        line-height: 29px;
        width: 187px;
        margin-left:19px;
        float: none;
        border: none;
        font-size: 1.3rem;
    }
    header nav .dropdown-child li a {
        width: inherit;
        height: inherit;
        color: #FFF;
    }
    header nav .dropdown-child li.column a {
        height: 50px;
        text-indent: -9999px;
        background:url('/images/nav_dropdown_copyright.png') no-repeat 1px 6px;
    }
    header nav ul {
        /*overflow: hidden;*/
        width: 960px;
        margin: 0 auto;
    } 
    header nav li {
        float: left;
        height: 35px;
        border-left:1px solid #C96384;
    } 
    header nav li a {
        text-indent: -9999px;
        width: 100%;
        height: 100%;
    } 
    header nav li.about {
        width: 142px;
    } 
    header nav li.about a {
        background:url('/images/nav_about.png') no-repeat center 10px;
    } 
    header nav li.copyright {
        width: 169px;
    } 
    header nav li.copyright {
        width: 169px;
        background:url('/images/nav_copyright.png') no-repeat center 10px;
        text-indent: -9999px;        
    } 
/*    header nav li.copyright a {
        background:url('/images/nav_copyright.png') no-repeat center 10px;
    }*/ 
    header nav li.list {
        width: 215px;
        background:url('/images/nav_list.png') no-repeat center 10px;
        text-indent: -9999px;
    } 
    header nav li li a {
        text-indent:0;
    } 
    header nav li.musiclist {
        width: 162px;
    } 
    header nav li.musiclist a {
        background:url('/images/nav_musiclist.png') no-repeat center 10px;
    } 
    header nav li.faq {
        width: 130px;
    } 
    header nav li.faq a {
        background:url('/images/nav_faq.png') no-repeat center 10px;
    } 
    header nav li.b {
        width: 135px;
        border-right:1px solid #C96384;
    }
    header nav li.b a {
        background:url('/images/nav_b.png') no-repeat center 10px;
    }
    header .sp-tabmenu {
        display: none !important;
    }
}

/*slideMenu
---------------------------------------------------*/
.slide-menu {
    position: fixed;
    top: 0;
    right: -250px;
    z-index: 1;
    width: 250px;
    height: 100%;
    background-color: #FFF;
    text-align: center;
    overflow: auto;
    z-index: 12;
    -webkit-overflow-scrolling: touch;
}
.slide-menu li {
    line-height:51px;
    border-bottom:solid 1px #EDEDED;
}
.slide-menu li.bma .bnr {
    margin: 7px auto 11px;
    width: 221px;
    height: 45px;
    float: none;
}
.slide-menu li.bma .bnr a {
    width:100%;
    height:100%;
    background:url('/images/sp/bnr_bma_result_4.png') no-repeat;
    text-indent: -9999px;
    background-size: 221px auto;
    padding: 0;
    margin: 0;
}
.slide-menu li.bmr .bnr {
    margin: 7px auto 11px;
    width: 221px;
    height: 45px;
    float: none;
}
.slide-menu li.bmr .bnr a {
    width:100%;
    height:100%;
    background:url('/images/sp/bnr_2018_bm_ranking_result.png') no-repeat;
    text-indent: -9999px;
    background-size: 221px auto;
    padding: 0;
    margin: 0;
}
/*  2021.7.14  追加*/

.slide-menu li.bmm .bnr {
    margin: 7px auto 11px;
    width: 221px;
    height: 111px;
    float: none;
}
.slide-menu li.bmm .bnr a {
    width:100%;
    height:100%;
    background:url('/bridalmusictopics/img/ban2.png') no-repeat;
    text-indent: -9999px;
    background-size: 221px auto;
    padding: 0;
    margin: 0;
}


@media only screen and (max-width :900px) {
.slide-menu li.bmm .bnr {
    margin: 7px auto 11px;
    width: 221px;
    height: 68px;
    float: none;
}


.slide-menu li.bmm .bnr a {
    width:100%;
    height:100%;
    background:url('/bridalmusictopics/img/ban1.png') no-repeat;
    text-indent: -9999px;
    background-size: 221px auto;
    padding: 0;
    margin: 0;
}
}



/*  2021.7.14  追加*/

.slide-menu > ul > li:nth-child(2) {
    padding-top: 51px;
}
.slide-menu .slide-logo {
    position: fixed;
    background: #FFF;
    width: 100%;
}
.slide-menu .slide-logo a {
    width: 91px;
    height: 46px;
    box-sizing: border-box;
    padding:8px 21px;
    text-indent: -9999px;
    background:url('/images/sp/logo_slideMenu.png') no-repeat left 8px;
    background-size: 49px auto;
}
.slide-menu li:last-child {
    margin-bottom: 15px;
}
.slide-menu li a,
.slide-menu li span {
    text-decoration:none;
    margin:0 21px;
    padding:15px 0;
    font-size:1.3rem;
    line-height:1.6;
    color:#666;
    text-align:left;
}
.slide-menu li span {
    display: block;
}
.slide-menu .list li {
    border-bottom: none;
    line-height: 48px;
}
.slide-menu .list li a {
    padding:5px 0;
}
.slide-menu .list li img {
    vertical-align: top;
    width: 218px;
    height: auto;
}
.slide-menu .list li:last-child {
    margin-bottom: 15px;
}
.shade{
    position: fixed;
    top: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #333;
    background-color: rgba(0,0,0,.7);
}

/* dropdown
----------------------------------------------*/
.slide-menu .dropdown-child {
    display: none;
}
.slide-menu .dropdown > span {
    background:url('/images/sp/arrow_slideMenu.png') no-repeat right 21px;
    background-size: 14px auto;
}
.slide-menu .dropdown li {
    font-size: 1.2rem;
    border-bottom: none;
    text-align: left;
    margin-left: 30px;
    line-height: 45px;
}


/* sidebar
----------------------------------------------*/
.main.b-main {
    padding:0;
}
.side-menu {
    display: none;
}
.bnr-box {
    padding:30px 20px 25px;
    background: #EDEDED;
}
.bnr-box .bnr {
    padding-bottom: 13px;
    margin: 0 auto;
    width: 280px;
}
.bnr-box .bnr a {
    width: inherit;
} 
.bnr-box .bnr img {
    width: 100%;
    height: auto;
}
.bnr-box .youtube h4 {
    font-size: 1.4rem;
    margin:0 0 11px 3px;
    font-weight: normal;
}
.bnr-box .youtube iframe {
    display: block;
    width: 280px;
    height: 158px;
}
.bnr-box .oshiete a {
    height:71px;
    text-indent: -9999px;
    background:url('/images/sp/bnr_oshiete_sp.jpg') no-repeat left top;
    background-size: 280px auto;
}
.bnr-box .greeting a {
    height: 60px;
    text-indent: -9999px;
    background:url('/images/sp/bnr_greeting.jpg') no-repeat left top;
    background-size: 280px 60px;
}
.bnr-box .bma a {
    height: 60px;
    text-indent: -9999px;
    background:url('/images/sp/bnr_bma_result_4.png') no-repeat left top;
    background-size: 280px auto;
}
.bnr-box .bmr a {
    height: 60px;
    text-indent: -9999px;
    background:url('/images/sp/bnr_2018_bm_ranking_result.png') no-repeat left top;
    background-size: 280px auto;
}
.greeting h2{
    font-size:1.3em;
    line-height: 17px;
}
@media only screen and (min-width :900px) {
    .main.b-main {
        overflow: hidden;
        max-width: 968px;
        width: 945px;
        padding:0 25px;
    }
    .sidebar {
        display:block;
        width: 210px;
        float: left;
        margin:30px 36px 0 19px;
        padding-top: 121px;
    }
    .b-main .contents {
        float: right;
        width: 680px;
    }
    .side-menu {
        display: block;
    }
    .melete-login {
        width: 208px;
        height: 231px;
        border:1px solid #CCC;
        border-radius: 8px;
    }
    .melete-login dt {
        height: 33px;
        line-height: 37px;
        text-align: left;
        background: #EDEDED;
        color: #999;
        font-size:1.8rem;
        border-radius: 8px 8px 0 0;
        padding-left: 16px;
    }
    .melete-login dd .btn-login {
        width: 180px;
        height: 40px;
        line-height: 41px;
        text-align: center;
        background:#85E0E0;
        border-radius: 8px;
        margin:10px auto 21px;
    }
    .melete-login .regist {
        border-top: 1px solid #CCC;
        width: 180px;
        margin: 0 auto;
    }
    .melete-login .regist span {
        display: inline-block;
        font-size: 1.2rem;
        margin:17px 0 18px;
        text-align: center;
        width: 100%;
    }
    .melete-login .btn-register {
        border-radius: 8px;
        text-indent: -9999px;
        width: 180px;
        height: 60px;
        background:url('/images/btn_register_sidebar.png') no-repeat 13px 21px #FF9D9D;
        margin:0 auto 18px;
    }
    .melete-login .btn-register:hover {
        opacity: 0.6;
    }
    .melete-login dd .btn-login a,
    .melete-login dd .btn-register a  {
        text-align: center;
        color: #FFF;
        font-size: 1.7rem;
        margin:0;
        text-decoration:none;
        font-weight:bold;
        width: 100%;
        height: 100%;
    }
    .side-menu ul {
        margin: 0px 0 40px;
    }
    .side-menu li {
        width: 202px;
        height: 50px;
        line-height: 51px;
        border-left: 8px solid #F88585;
        background: #FFF4F5;
        margin-bottom: 10px;
        font-size: 1.6rem;
    }
    .side-menu li a {
        color: #F88585;
        width: inherit;
        height: inherit;
        line-height: 51px;
        padding-left: 20px;
    }
    .bnr-box {
        padding:0;
        background: #FFF;
    }
    .bnr-box .bnr {
        padding-bottom: 13px;
        width: 210px;
    } 
    .bnr-box .bnr img {
        width: 100%;
        height: auto;
    }
    .bnr-box .youtube h4 {
        font-size: 1.6rem;
        margin:0 0 11px 0;
        border-bottom: 1px solid #CCC;
        padding: 0 0 7px 4px;
    }
    .bnr-box .youtube iframe {
        width: 210px;
        height: 118px;
    }
    .bnr-box .oshiete a {
        height:54px;
        text-indent: -9999px;
        background:url('/images/sp/bnr_oshiete_sp.jpg') no-repeat left top;
        background-size: 210px auto;
    }
    .bnr-box .greeting a {
        height: 90px;
        background:url('/images/bnr_greeting.jpg') no-repeat left top;
        background-size: 210px 90px;
    }
    .bnr-box .bma a {
        height: 90px;
        background:url('/images/bnr_bma_result_4_side.png') no-repeat left top;
        background-size: 210px 90px;
    }
    .bnr-box .bmr a {
        height: 90px;
        background:url('/images/bnr_2018_bm_ranking_result_side.png') no-repeat left top;
        background-size: 210px 90px;
    }
    .greeting h2{
        font-size:1.5em;
        line-height: 65px;
    }

}

/* bCta
----------------------------------------------*/
.b-cta .inner{
    width:100%;
    max-width: 670px;
    height: 252px;
    background:#FFF4F5;
    border-radius: 10px;
    margin-bottom: 62px;
}
.b-cta .inner > p {
    padding: 31px 0 25px;
    text-align:center;
    font-size: 1.5rem;
    color: #666;
}
.b-cta .btn-register {
    width: 450px;
    height: 63px;
    background:url('/images/btn_register.png') no-repeat 19px 21px #FF9D9D;
    border-radius: 10px;
    margin:0 0 17px 93px;
}
.b-cta .btn-contact {
    width: 250px;
    height: 63px;
    background:url('/images/btn_contact.png') no-repeat 25px 23px #85E0E0;
    border-radius: 10px;
    margin:0 23px 0 93px;
}
.b-cta .btn-contact a,
.b-cta .btn-register a {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
}
.b-cta .btn-contact:hover,
.b-cta .btn-register:hover {
    opacity: 0.6;
}
.b-cta dl {
    overflow: hidden;
}
.b-cta dt {
    float: left;
}
.b-cta dd {
    float: left;
}
.b-cta dd p {
    color: #999;
    font-size: 1.4rem;
    line-height: 1.2;
    margin:2px 0 10px;
}
.b-cta dd a {
    color: #0086CC;
    font-size: 1.4rem;
    text-decoration: underline;
}
@media only screen and (max-width :900px) {
    .b-cta {
/*        padding: 0 10px;*/
    }
    .b-cta .inner{
        width:100%;
        max-width: 670px;
        height: 263px;
        border-radius: 5px;
        margin: 0 auto 12px;
    }
    .b-cta .inner > p {
        padding:24px 0 13px;
        text-align:center;
        font-size: 1.3rem;
        line-height: 1.4;
    }
    .b-cta .btn-register {
        width: 260px;
        height: 59px;
        background:url('/images/sp/btn_register.png') no-repeat 12px 20px #FF9D9D;
        background-size: 235px auto;
        border-radius: 5px;
        margin:0 auto 15px;
    }
    .b-cta .btn-contact {
        width: 260px;
        height: 39px;
        background:url('/images/sp/btn_contact.png') no-repeat center #85E0E0;
        background-size: 147px auto;
        border-radius: 5px;
        margin:0 auto;
    }
    .b-cta dt {
        float: none;
    }
    .b-cta dd {
        float: none;
    }
    .b-cta dd p {
        font-size: 1.2rem;
        line-height: 1.2;
        margin:9px 0 16px;
        text-align:center;
    }
    .b-cta dd a {
        font-size: 1.3rem;
        text-align:center;
    }
}


/* footer
----------------------------------------------*/
footer {
    background: #FFF4F5;
    position:relative;
}

/* 相談できる事業者リンク
-----------------------*/
.business .cta {
    display: none;
}
.cta {
    background:#EDEDED;
    padding: 68px 0 101px;
}
.cta .inner {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
}
.cta h3 {
    font-size: 2.3rem;
    margin:0 0 43px 12px;
    font-weight: normal;
}
.cta ul {
    overflow: hidden;
}
.cta li {
    float: left;
    width: 280px;
    height: 105px;
    margin-right: 10px;
}
.cta li:nth-child(3) {
    margin-right: 0px;
}
.cta li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.cta li.btn_venue a {
    background: url('/images/btn_venue.png') no-repeat left top;
    background-size:280px auto;
}
.cta li.btn_video a {
    background: url('/images/btn_video.png') no-repeat left top;
    background-size:280px auto;
}
.cta li.btn_tool a {
    background: url('/images/btn_tool.png') no-repeat left top;
    background-size:280px auto;
}
@media only screen and (max-width :840px) and (min-width: 1px) {
    .cta {
        padding:38px 0 31px;
        background: #FF9D9D;
    }    
    .cta h3 {
        color: #FFF;
        font-size: 1.6rem;
        margin:0 0 29px;
        text-align: center;
    }   
    .cta ul {
        width: 260px;
        margin: 0 auto;
    }
    .cta li {
        width: 260px;
        height: 101px;
        float: none;
        margin-bottom: 9px;
    }
    .cta li.btn_venue a {
        background: url('/images/sp/btn_venue.png') no-repeat left top;
        background-size:260px auto;
    }
    .cta li.btn_video a {
        background: url('/images/sp/btn_video.png') no-repeat left top;
        background-size:260px auto;
    }
    .cta li.btn_tool a {
        background: url('/images/sp/btn_tool.png') no-repeat left top;
        background-size:260px auto;
    }
}
/*おすすめコンテンツ*/
.recommend .bnr {
    text-indent:-9999px;
    width: 532px;
    height: 91px;
    margin:40px auto;
    background: url('/images/bnr_oshiete.jpg') no-repeat left top;
    background-size:532px auto;
}
.recommend .bnr a {
    display: block;
    width: 100%;
    height:100%;
}
@media only screen and (max-width :840px) and (min-width: 1px) {
    .recommend .bnr {
        width:260px;
        height:66px;
        margin:30px auto;
        background: url('/images/sp/bnr_oshiete_sp.jpg') no-repeat left top;
        background-size:260px auto;
    }
}
/* ご意見フォーム
-----------------------*/
.feedback {
    background: #FFF4F5;
}
.feedback h4 {
    font-size: 1.6rem;
    color: #999;
    padding:40px 0 11px;
    text-align: center;
    font-weight:normal;
    margin: 0;
}
.feedback .memo {
    font-size: 1.1rem;
    display: block;
    color:#999;
    line-height: 1.4;
    text-align: center;
}
.feedback span a {
    color:#66CCCC;
    padding-left:3px;
    text-decoration:underline;
    display: inline;
}
.feedback .form-container {
    margin:0 20px;
    padding:0 10px;
    border-bottom:1px solid #FF9D9D;
}
.feedback textarea {
    display:block;
    width:95%;
    padding:5px;
    max-width:274px;
    height:85px;
    font-size:1.4rem;
    margin:14px auto 18px;
    border:1px solid #999;
    border-radius:5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF;
}
.feedback input[type="image"] {
    width:118px;
    margin:0 auto 38px;
    display:block;
}
.feedback .error_feedback {
    display:none;
    text-align:center;
    color:#FF0000 !important;
    font-size: 1.4rem;
    margin-top:10px;
    margin-bottom:10px;
}

/* footerNav
-----------------------*/
footer nav {
    padding-top:38px;
    width: 257px;
    margin:0 auto;
    overflow: hidden;
    font-size: 1.2rem;
}
footer nav .forC {
    float: left;
}
footer nav .nav-inner {
    float: right;
}
footer nav dl.b {
    margin-top: 11px;
}
footer nav dl.b li {
    display: none;
}
footer nav dl.b .access {
    display:block;
}
footer nav dl a {
    color: #666;
    padding: 6px 0 7px;
    width: 100%;
    height: 100%;
}
footer .consult dt {
    padding:6px 0 7px;    
}
footer nav dt {
    font-weight: bold;
    margin-bottom: 3px;    
}
footer nav dd {
    margin-bottom: 10px;    
}
footer .footer-logo {
    width:238px;
    overflow:hidden;
    margin:22px auto 34px;
}
footer .footer-logo a {
    float: left;
    margin-bottom:6px;
}
footer .footer-logo img {
    width:48px;
    height:40px;
    margin-right:6px;
}
footer .footer-logo img.img-logo-mark-square {
    vertical-align: top;
    width:28px;
    height:28px;
}
footer .footer-logo p {
    margin-right:18px;
    line-height: 1.8rem !important;
    display: inline-block;
    padding: 0 !important;
}
footer .footer-logo em {
    font-style:normal;
}
footer .footer-logo .footer-logo-right div.footer-logo-mark {
    float: left;
    vertical-align: baseline;
    margin-bottom:6px;
}
footer .footer-logo .footer-logo-left {
    float: left;
}

footer .footer-logo .footer-logo-right {
    margin-top:30px;
    float: left;
}

footer .footer-logo .footer-logo-right p {
    margin-right:5px;
    font-size: 1rem;
    line-height: 1.3rem !important;
}



/* Topにもどる
-----------------------*/
footer .go-top {
    position:absolute;
    z-index:1;
    border:none;
    display:block;
    outline:none;
    -webkit-user-select:none;
    user-select:none;
    cursor:pointer;
    box-sizing:border-box;
    background:#CCCCCC;
    color:#fff;
    border-radius:50%;
    top: -21px;
    right: 10px;
    box-shadow:0 0 3px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);
    background: #FFF;
}
footer .go-top a {
    width: 42px;
    height: 42px;
    background:url(../images/sp/btn_top.png) no-repeat 12px 13px;
    display:block;
    text-indent:-9999px;
    background-size: 18px 15px;
}
footer .fb_btn  {
    float: left;
    width: 26px;
    height: 24px;
    margin-top: 7px;
}
footer .fb_btn a {
    width:inherit;
    height:inherit;    
    text-indent: -9999px;
    background:url('/images/sp/btn_fb.jpg') no-repeat left top;
    background-size: 26px 24px;
}
footer .fb_btn img {
    width:inherit;
    height:inherit;
}
@media only screen and (min-width :900px) {
/*    footer {
        padding: 58px 0 40px;
    }*/
    footer .inner {
        position: relative;
        width: 888px;
        margin: 0 auto;
        padding: 58px 0 40px;
    }
    .feedback {
        float:right;
        border-left:1px solid #FF9D9D;
        padding:0 0 0 46px;
        margin-top: 5px;
    }
    .feedback h4 {
        font-size: 1.9rem;
        padding: 4px 0 21px;
    }
    .feedback .memo {
        font-size: 1.2rem;
    }
    .feedback .form-container {
        margin:0;
        padding:0;
        border-bottom:none;
    }
    .feedback textarea {
        width:318px;
        max-width: 318px;
        height:88px;
        margin:17px auto 19px;
    }
    .feedback input[type="image"] {
        width:160px;
        height:41px;
        margin:0 auto;
    }
}
@media only screen and (min-width :900px) {
    footer nav {
        float: left;
        font-size: 1.4rem;
        margin: 0 0 0 6px;
        padding-top: 2px;
        width: auto;
    }
    footer nav .nav-inner {
        overflow: hidden;
        float:left;
    }
    footer nav dl.forC {
        margin-right: 24px;
    }
    footer nav dl {
        float: left;
        margin-right: 48px;
    }
    footer nav dl.b li {
        display:block;
    }
    footer nav dl.b {
        margin-top: 0;
        margin-right: 22px;
    }
    footer .footer-logo {
        width:888px;
        margin: 0;
        padding: 34px 0 0;
    }
    footer .footer-logo img {
        width:72px;
        height:60px;
        vertical-align:top;
    }
    footer .footer-logo img.img-logo-mark-square {
        width:50px;
        height:50px;
        margin-top: 10px;
    }
    footer .footer-logo p {
        font-size: 1.1rem !important;
        margin:0 31px 0 0;
        padding-top:23px !important;
    }
    footer .footer-logo em {
        font-size: 1.3rem;
        margin-left:7px
    }
    footer .footer-logo .footer-logo-left{
        width:498px;
    }

    footer .footer-logo .footer-logo-right{
        margin-top:0px;
        margin-left:40px;
    }
    footer .footer-logo .footer-logo-right p {
        margin:0px;
        font-size: 1.3rem;
        line-height: 1.8rem !important;

    }
    footer .footer-logo .footer-logo-right div.footer-logo-mark {
        margin-left:15px;			
    }
    footer .go-top {
        top:-31px;
        right:0;
        background:#FF9D9D;
    }
    footer .go-top a {
        width: 64px;
        height: 64px;
        background: url(../../images/btn_top.png) no-repeat 19px 20px;
        background-size:27px 22px;
    }
    footer .fb_btn  {
        width: 104px;
        margin-top: 21px;
    }
    footer .fb_btn a {
        background:url('/images/btn_fb.jpg') no-repeat left top;
        background-size: 104px 24px;
    }
}

/* copyright
-----------------------*/
footer .copyright {
    height:50px;
    background-color:#FF9D9D;
    font-size:1rem !important;
    color:#FFF;
    text-align:center;
}
footer .copyright em{
    color:#FFF !important;
    font-style: normal;
}
.registered-trademark {
    color:#FFF;
    padding: 8px 0  3px !important;
    font-size:1rem !important;
    margin: 0;
}
.registered-trademark img {
    vertical-align: middle;
    margin-right: 2px;
    width: 33px;
    height: auto;
}
footer .copyright-year {
    color:#FFF;
}
@media only screen and (min-width :900px) {
    footer .copyright {
        /*position: fixed;
        bottom: 0;*/
        width: 100%;
        height:58px;
        letter-spacing:3px;
    }
    .registered-trademark {
        padding:12px 0  6px !important;
        font-size:1.1rem !important;
    }
}
/* error
----------------------------------------------*/
.text_sendding,
.text_sendding_feedback {
    display: none;
    width: 240px;
    height: 43px;
    margin:36px auto 38px;
    line-height: 46px;
}
.text_sendding_feedback {
    margin:0 auto 38px;
}
.text_sendding p,
.text_sendding_feedback p {
    color:#B6547D;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
}
.text_sendding_feedback p {
    font-size: 14px;
    font-size: 1.4rem;
}

/* main
----------------------------------------------*/
.wrap {
        padding-bottom:50px;
        background:#FFF;
}
.page-title {
    width:100%;
    height:54px;
    background: #FFF4F5;
    margin-bottom:25px;
}
.page-title h1 {
    line-height:58px;
    margin:0 auto;
    font-weight:normal;
    margin-left:22px;
    font-size:2rem;
    max-width:927px;
    color: #FF9D9D;
}
h2 {
    height:36px;
    line-height:37px;
    font-size:1.6rem;
    border-bottom:1px solid#CCC;
    padding-left:16px;
    font-weight:normal;
}
.main {
    padding:0 21px;
    max-width:860px;
    margin:0 auto;
}
br.br_pc {
    display:none;
}
br.br_sp {
    display:block;
}
.error-message,
.error-message span {
    color: #FF0000 !important;
    font-size: 1.5rem;
    margin-bottom:20px;
}

/*休暇のお知らせ
---------------------------------------------------*/
.vacation_info {
  margin: 26px 0 2px;
  border: 1px solid #FF9D9D;
  max-width: 809px;
}
.vacation_info .inner {
  padding: 12px !important;
  box-sizing: border-box;
}
.vacation_info p {
  line-height: 1.6;
  font-size: 1.2rem;
}

.vacation_info a{
    display: inline;
    color:#33CCCC;
}

.vacation_info span.red_string{
    color:#FF0000;
}

.vacation_info .date {
    display: block;
    width: 100%;
    text-align: center;
    color: #FF9D9D;
    font-weight: bold;
    margin: 10px 0;
}
@media only screen and (min-width :900px) {
  .vacation_info {
    margin:30px 0 30px 4px;
  }
  .vacation_info .inner {
    padding: 15px 40px 15px !important;
    margin-bottom: 0 !important;
    border-left: none !important;
    width: 100% !important;
  }
  .vacation_info p {
    font-size: 1.4rem;
  }
  .vacation_info .date {
    font-size: 1.6rem;
  }
}

/*B向け*/
.business .wrap {
    padding-bottom:0;
}
.business .recommend {
    display: none;
}
.b-main .contents {
    padding: 0 20px;
}
.b-lead {
    margin:13px 7px 19px;
    font-size: 1.3rem;
    line-height: 1.4;
}
.b-main .page-title {
    background: none;
    height: auto;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 12px;
}
.b-main h1,
.b-main h2 {
    height: 33px;
    line-height:34px;
    font-size:1.6rem;
    padding-left:10px;
    border-bottom: 1px solid #CCC;
    margin-left:0;
    color: #666;
}
.b-main h3.icon {
    font-weight:normal;
    height: 27px;
    line-height:28px;
    font-size:1.5rem;
    padding-left:0;
    border-bottom:none;
    margin:0 0 9px 5px;
}
.b-main h3.icon span {
    color: #FFCDCD;
}
.business [class^="sec"]{
    margin-bottom: 40px;
} 

@media only screen and (min-width :900px) {
    .main {
        padding:0 50px;
        max-width:860px;
        margin:0 auto;
    }
    .page-title {
        box-sizing: border-box;
        padding:0 0 0 7px;
        height:70px;
    }
    .page-title h1 {
        max-width:1024px;
        margin:0 auto;
        font-size:2.3rem;
        padding-left:72px;
        line-height:75px;
    }
    h2 {
        font-size:2rem;
        height:62px;
        line-height:65px;
        padding-left:16px;
    }
    br.br_pc {
        display:block;
    }
    br.br_sp {
        display:none;
    }
    /*B向け*/
    .b-main .contents {
        padding: 0;
    }
    .b-lead {
        margin:13px 0 26px;
        font-size: 1.5rem;
        line-height: 1.4;
    }
    .b-main .page-title {
        background: none;
        height: auto;
        padding: 0;
        margin-top: 4px;
        margin-bottom: 25px;
    }
    .b-main h1,
    .b-main h2 {
        height: 38px;
        line-height:37px;
        font-size:2rem;
        padding-left:10px;
        color: #666;
        border-bottom: 1px solid #CCC;
    }
    .b-main h3.icon {
        height: 24px;
        line-height:28px;
        font-size:1.7rem;
        padding-left:0;
        border-bottom:none;
        margin:0 0 14px 0;
    }
    .business [class^="sec"]{
        margin-bottom: 70px;
    } 
}

/* pankuzu
----------------------------------------------*/
.pankuzu {
    padding-top: 52px;
    overflow: hidden;
    color: #999;
    font-size: 1.2rem;
    margin-left: 14px;
    height: 24px;
    line-height: 22px;
}
.business .pankuzu {
    padding-top: 118px;
}
.pankuzu div {
    float: left;
    height: inherit;
    margin-right: 6px;
}
.pankuzu a,
.pankuzu span {
    color: #999;
    height: inherit;
}
.pankuzu span {
    display: inline-block;
    width: 100%;
    max-width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pankuzu div:nth-child(3) span {
    max-width: 90px;
}
.pankuzu a {
    display: inline-block;
    vertical-align: middle;
}

/*B向け パンくず*/
.b-main .pankuzu {
    margin-left:0;
}
@media only screen and (min-width :768px) {
    .pankuzu div:nth-child(3) span {
        max-width: 500px;
    }
}
@media only screen and (min-width :900px) {
    .pankuzu {
        max-width: 944px;
        margin: 0 auto;
        padding-top: 121px;
        height: 34px !important;
        line-height: 32px;
    }
    .pankuzu span {
        max-width: 500px;
    }
    /*B向けページ パンくず*/
    .b-main .pankuzu {
        padding-top: 142px;
    }
}

/*ローダー*/
h1 span.loading {
    color:#FF9D9D;
    font-size:0.8em;
}
/*.loader-mask {
    display: none;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background:#FFF;
    filter: alpha(opacity=60);
    opacity: 0.60;
}
.loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 472px;
}
#floatingCirclesG{
    position:relative;
    width:128px;
    height:128px;
    margin:auto;
    transform:scale(0.6);
        -o-transform:scale(0.6);
        -ms-transform:scale(0.6);
        -webkit-transform:scale(0.6);
        -moz-transform:scale(0.6);
}

.f_circleG{
    position:absolute;
    background-color:#FFFFFF;
    height:23px;
    width:23px;
    border-radius:12px;
        -o-border-radius:12px;
        -ms-border-radius:12px;
        -webkit-border-radius:12px;
        -moz-border-radius:12px;
    animation-name:f_fadeG;
        -o-animation-name:f_fadeG;
        -ms-animation-name:f_fadeG;
        -webkit-animation-name:f_fadeG;
        -moz-animation-name:f_fadeG;
    animation-duration:1.04s;
        -o-animation-duration:1.04s;
        -ms-animation-duration:1.04s;
        -webkit-animation-duration:1.04s;
        -moz-animation-duration:1.04s;
    animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
    animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
}

#frotateG_01{
    left:0;
    top:52px;
    animation-delay:0.39s;
        -o-animation-delay:0.39s;
        -ms-animation-delay:0.39s;
        -webkit-animation-delay:0.39s;
        -moz-animation-delay:0.39s;
}

#frotateG_02{
    left:15px;
    top:15px;
    animation-delay:0.52s;
        -o-animation-delay:0.52s;
        -ms-animation-delay:0.52s;
        -webkit-animation-delay:0.52s;
        -moz-animation-delay:0.52s;
}

#frotateG_03{
    left:52px;
    top:0;
    animation-delay:0.65s;
        -o-animation-delay:0.65s;
        -ms-animation-delay:0.65s;
        -webkit-animation-delay:0.65s;
        -moz-animation-delay:0.65s;
}

#frotateG_04{
    right:15px;
    top:15px;
    animation-delay:0.78s;
        -o-animation-delay:0.78s;
        -ms-animation-delay:0.78s;
        -webkit-animation-delay:0.78s;
        -moz-animation-delay:0.78s;
}

#frotateG_05{
    right:0;
    top:52px;
    animation-delay:0.91s;
        -o-animation-delay:0.91s;
        -ms-animation-delay:0.91s;
        -webkit-animation-delay:0.91s;
        -moz-animation-delay:0.91s;
}

#frotateG_06{
    right:15px;
    bottom:15px;
    animation-delay:1.04s;
        -o-animation-delay:1.04s;
        -ms-animation-delay:1.04s;
        -webkit-animation-delay:1.04s;
        -moz-animation-delay:1.04s;
}

#frotateG_07{
    left:52px;
    bottom:0;
    animation-delay:1.17s;
        -o-animation-delay:1.17s;
        -ms-animation-delay:1.17s;
        -webkit-animation-delay:1.17s;
        -moz-animation-delay:1.17s;
}

#frotateG_08{
    left:15px;
    bottom:15px;
    animation-delay:1.3s;
        -o-animation-delay:1.3s;
        -ms-animation-delay:1.3s;
        -webkit-animation-delay:1.3s;
        -moz-animation-delay:1.3s;
}

@keyframes f_fadeG{
    0%{
        background-color:#FF9D9D;
    }

    100%{
        background-color:#FFFFFF;
    }
}

@-o-keyframes f_fadeG{
    0%{
        background-color:#FF9D9D;
    }

    100%{
        background-color:#FFFFFF;
    }
}

@-ms-keyframes f_fadeG{
    0%{
        background-color:#FF9D9D;
    }

    100%{
        background-color:#FFFFFF;
    }
}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:#FF9D9D;
    }

    100%{
        background-color:#FFFFFF;
    }
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:#FF9D9D;
    }

    100%{
        background-color:#FFFFFF;
    }
}*/