@charset "utf-8";
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?85619248');
  src: url('../font/fontello.eot?85619248#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?85619248') format('woff2'),
       url('../font/fontello.woff?85619248') format('woff'),
       url('../font/fontello.ttf?85619248') format('truetype'),
       url('../font/fontello.svg?85619248#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
body,h1,h2,h3, h4,h5,p,ul,ol {
    margin: 0px;
    padding: 0px;
}

a {
    color:#000;
    text-decoration:underline;
}
a:link {
    color:#000;
    text-decoration:none;
}
a:visited{
    color: #000;
    text-decoration: none
}
a:hover{
    color:#000;
    text-decoration:none;
}
a:active {
    text-decoration:none;
}
img {
    vertical-align: bottom;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    max-width: 100%;
    height: auto;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.clearboth{
    clear:both;
    }

.display_pcnone{
    display:none;
}
    
body {
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
#header {
    width:100%;
    background-color:#dcd4d4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;  
}
#header_inner {
    width:1380px;
    margin:0 auto;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#header_inner #logo{
        padding: 0px 0 20px 0;
}
#header_inner #logo h1 {
    max-width: 100%;
    text-align: left;
    color: #000;
    opacity:1.0;
    margin: 20px 0 10px 0;
    font-size: 130%;
-moz-text-shadow: 7px 2px 34px rgba(255, 255, 255, 1);
-webkit-text-shadow: 7px 2px 34px rgba(255, 255, 255, 1);
-ms-text-shadow: 7px 2px 34px rgba(255, 255, 255, 1);
text-shadow: 7px 2px 34px rgba(255, 255, 255, 1);
}


#header_inner #logo span {
    font-size:60%;
}
#header_inner #logo .sitename {
    float: left;
}
#header_inner #logo .language {
    float: right;
}
#header_inner #logo .language {
    float: right;
    display:flex;
    padding: 15px 145px 0 0;
}
#header_inner #logo .language p {
    color: #fff;
    font-size: 120%;
}
#header_inner #logo .language ul{
    display:flex;
}
#header_inner #logo .language ul li{
    width:60px;
    padding-left: 10px;
    list-style: none;
}
.language2 {
    display:flex;
    width: 25%;
    margin: 0 auto;
}
.language2 p {
        color: #00040a;
    font-size: 120%;
}
 .language2 ul{
    display:flex;
}

.language2 ul li{
    width:40px;
    padding-left: 10px;
    list-style: none;
}
#header_inner #logo .opacity-background {
    clear: both;
}
#header_inner #logo .opacity-background p{
    display: inline-block;
    background-color: #fff;
    margin: 0 0 10px 0;
    border: 3px #fff double;
    margin: 10px 0px 0px 5px;
    font-size: 100%;
    text-align: center;
}
#header_inner #logo .opacity-background a{
    color:#000;
        padding: 10px 0 10px 0;
}

#header_inner #logo .opacity-background p span{
        font-size: 80%;
    display: block;
}

#header_inner #logo p {
    font-size: 90%;
    opacity: 1.0;
    color: #444;
 padding: 5px 5px 5px 5px;
    margin-top: 0px;
    clear: both;
}
/*--------------------------------
スマホのフッターメニュー
---------------------------------*/
ul.footer_menu {
overflow: hidden;
    display: block;
    position: fixed;
    bottom: 30px;
    right: 20px;
    /*background-color: #040457;*/
    z-index: 9999999999;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border-radius: 0px;
}


ul.footer_menu li {
    vertical-align:middle;
    background-color: #000;
    margin:20px 0;

}


ul.footer_menu li.display_pcnone{
    display: none;
    }

ul.footer_menu li a {
    display:block;
    color: #fff;
    text-align: center;
    font-size: 70%;
    padding:8px;
}
    
ul.footer_menu .border-right {
    border-right:solid #fff 1px; 
    
}
i.info_icon {
    background: url(../img/info_icon.png) no-repeat;
    background-size:cover;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
i.top_icon {
    background: url(../img/arrow_icon.png) no-repeat;
    background-size:cover;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
ul.footer_menu2 {
    width: 100%;
    overflow: hidden;
    display: table;
    z-index: 9999999999;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border-radius: 5px;
}
ul.footer_menu2 li a {
    display: block;
    color: #8F8F8F;
    font-size: 70%;
    padding: 8px;
}

ul.footer_menu2 li a:visited {
    color: #8F8F8F;
}
div.footer_menu_top{
    width: 220px;
    position: fixed;
    /* bottom: 150px; */
    left: 10px;
    top: 30px;
    z-index: 9999;
}
div.footer_menu_top_pc{
    width: 250px;
    position: fixed;
    bottom: 150px;
    right: 15px;
    border-radius:5px;
    display: none;
}
ul.footer_menu3 {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    background-color:#000030;
    z-index: 9999999999;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border-radius: 0px;
}
ul.footer_menu3 li {
    display: table-cell;
    vertical-align:middle;

}
ul.footer_menu3 li a {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 70%;
    padding:8px;
    height:100%;
}  
ul.footer_menu3 .border-right {
    border-right: solid #fff 1px;
}
ul.footer_menu3 span.info_text {
    text-align: center;
    color: #fff;
    margin-top:3px;
}



#main h2{
    margin-top: 0px;
    padding-top: 15px;
    padding-left: 10px;
    margin-bottom: 15px;
    /*font-size: 2.5em;*/
    color:#000030;
}
#main h2 span{
    font-size: 80%;
    color: #000030;
    margin-left: 1em;
    display: block;
}
#main h2 span.timeTitle{
    display:block;
}
div#pager {
    text-align:center;
}

#main {
    width: 1380px;;
    padding-left: 0px;
    background-color: #fff;
    margin: 0px auto 0 auto;
}
#main #container{
    float: left;
    margin-top: 180px;
    margin-right: 0px;
    padding-bottom: 30px;
    width: 1000px;

}
#main .contens {
    width: 1000px;
    margin: 0px auto 20px auto;
    padding-left: 0px;
    padding-bottom: 0px;
}
/*pickup記述*/
#main .main_box4{
    padding-top: 0px;
    padding-bottom: 0px;
    width: 230px;
    overflow: hidden;
    margin-right: 10px;
    margin-top: 30px;
    float: left;
    border: solid 1px #000;
}



#main .imgbox4 .soundTitle{
    background: rgba(31, 31, 81, 0.6); 
    color: #fff;
    padding: 5px 0px 5px 0px;
    opacity: 1.0;
}

#main .imgbox5 .soundTitle{
    background: rgba(31, 31, 81, 0.6); 
    color: #fff;
    padding: 5px 0px 5px 0px;
    opacity: 1.0;
}


.catch {
    padding: 10px;
}
.price{
    text-align: right;
    padding: 10px;
    font-size: 110%;
}
.yen{
    font-size: 70%;
    margin-left: 2px;
}
.attention{
       font-size: 70%; 
       padding: 5px;s
}

#main .textbox4{
    width: 220px;
    margin: 0px auto 0 auto;
    padding: 10px 0px;
    text-align: left;
}

#main .textbox4 h3{
    font-size:110%;
    color:#000030;
    text-align:center;
    margin-top:0px;
    margin-bottom:10px;
}

#main .textbox4 span.font80{
    font-size:80%;
    }


#main .textbox4 p{
    background-color: #000;
    font-size: 120%;
    text-align: center;
    padding-top: 15px;
}

#main .textbox4 p a{
    color:#fff;
    display: block;
    padding: 10px;
}


.imgbox5{
    float: left;
    padding: 10px;
}

#main .main_box5{
     padding-top: 0px;
    padding-bottom: 0px;
    width: 49%;
    overflow: hidden;
    margin-top: 10px;
    float: left;
    border: solid 1px #000;
    box-sizing: border-box;
    margin-right: 5px;
}

#main .textbox5{
    width: 220px;
    margin: 0px auto 0 auto;
    padding: 10px 0px;
    text-align: left;
    float: right;
}

#main .textbox5 h3{
    font-size:110%;
    color:#000030;
    text-align:center;
    margin-top:0px;
    margin-bottom:10px;
}

#main .textbox5 span.font80{
    font-size:80%;
    }


#main .textbox5 p{
    background-color: #000;
    font-size: 120%;
    text-align: center;
    padding-top: 15px;
}

#main .textbox5 p a{
    color:#fff;
    display: block;
    padding: 10px;
}
.catch_youtube{
    padding: 10px;
    /*font-size: 180%;*/
}

.catch_youtube a{

}

.flex_test-box {
    display: flex;              /* フレックスボックスにする */
     flex-wrap: wrap;   
}

.movie {
     width: 95%;
     margin: 0 auto;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#main .youtube h2{
 font-size: 80%;
}

.download-mp3{
 margin-bottom:10px;
 }
#main #container .contens h2.gradation-line-h2-white span{
    color: #121244;
}
.bpmmenu{
    background-color: #a7a8cc;
    opacity: 1.0;
    overflow: hidden;
    padding-bottom: 20px;
    
}
.bpmmenu ul{
    margin:20px auto 0 auto;
    width: 960px;
}
.bpmmenu ul li{
    float: left;
    font-size: 1.0em;
    background-color: #121244;
    border-radius: 5px;
    padding: 10px 20px;
    color: #fff;
    margin-left: 10px;
    list-style: none;
        margin-top: 15px;
}
#container .contens-bk100 h2.gradation-line-h2 {
    position: relative;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    margin: 80px 0;
    color:#000030;
    font-size: 2.0em;
    /*font-family: 'Anaheim', sans-serif;*/
}
#container .contens h3.catchcopy{
    text-align: center;
    font-size: 2.2em;
    color: #030303;

}
#container .contens h4{
text-align:center;
margin: 10px 0 120px 0;
font-size: 1.2em;
}
#container .contens-bk100{
    width:100%;
    /* background-color: #FAFAFA; */
}
#container .service{
    /*width:1000px;*/
    margin:0 auto;
    background-color: #E2E2E2;
    overflow: hidden;
    padding: 40px 20px 0 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#side_container .side_info .side_info_inner h2.gradation-line-h2 span{
    color:#000030;
}
.font-size100{
    font-size:150%;
}

span.subtitle{
    font-size:70%;
    padding-left:5px;
    }


span.left-space{
    margin-left:5px;
    }
    





/*top box記述ここまで*/


/*side 記述ここから*/


#side_container {
    float: none;
    width: 100%;
    margin:0 auto;
    margin-right: 0px;
    margin-top:0px;
    clear:both;
    margin-bottom:0px;
}


#side_container .side_info  {
    background-repeat: no-repeat;
    margin-right: 0px;
    clear: right;
}
.side_info_inner p {;
    font-size: 100%;
    line-height: 1.2;
    color: #4B0101;
    text-align: left;
}
#side_container .side_info_inner   {
    width:1000px;
    margin:40px auto 0 auto;
    background-color: #E2E2E2;
    background-repeat: no-repeat;
    padding-top:0px;
    overflow: hidden;
    padding-bottom: 30px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#side_container .side_info .side_info_inner h3 {
    background-image: none;
    background-repeat: no-repeat;
    background-position:43%;
    font-size: 100%;
    color:#000030;
    padding-left: 8px;
    margin-top: 10px;
    /*text-align: center;*/
}
#side_container .side_info .side_info_inner p {
    line-height: 1.2;
    margin-top: 3px;
    color:#000030;
}


dl {
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    /* border-bottom: 1px dotted #ede0c3; */
    color: #FFF;
    /* float: left; */
}

dt {
    clear: both;
    float: left;
    width: 81px;
    padding: 10px 0px 5px 8px;
    /* border-top: 1px solid #fff; */
    font-weight: bold;
    font-size: 90%;
    /* background-image: url(../img/side_icon.png); */
    background-repeat: no-repeat;
    background-position: left;
    color: #fff;
}




dd {

    font-size: 80%;
}




dd a:link {
    color: #000;
    text-decoration: none;
    font-size: 90%;
    /* font-weight: bold; */
}

.side_info .side_info_inner .map {
    padding-left: 0px;
    margin-top: 40px;
    text-align: center;
    width: 400px;
    /* float: right; */
}



.side_info .side_info_inner .company{
    /*float:left;*/
    width:920px;
    margin:0 auto;
    
    
    }



.side_info .side_info_inner .company-detail {
    float:right;
    width:400px;
    }

#side_container .side_info .side_info_inner p.mapIcon-sp{
    text-align: left;
    position: absolute;
    top: 30px;
    left: 15px;
    font-size: 120%;
    border: none;
}

dt.border_none,dd.border_none {
        border-top: none;
}


.gnav{
   width: 100%;
   background-color:#000030;
}

.nav {

}

.nav li{
    margin: 0;
   padding: 10px 0 0 10px;
    /* display: table-cell; */
    /* vertical-align: middle; */
    list-style-type: none;
    /* border-right: 1px solid #fff; */
    /* text-align: center; */
    background-color: #fff;
    /*font-family: 'Lancelot', cursive;*/
}

.nav li a{
    display: block;
    padding: 8px 0;
    /*font-family: 'Lancelot', cursive;*/
    font-size:180%;
    
}

.nav li a span{
    display:block;
    font-size:80%;
    margin-top:3px;
    }


.nav li.current a {
    opacity:0.6;
    pointer-events:none; 
}

.nav li.border-right{
    border-right:none;
}


.border-top{
    border-top:1px solid #fff;
    margin-top:10px;
}



#footer {
    clear:both;
    padding:15px 0;
    clear: both;
    background-color: #000;
    text-align: center;
    color: #FFF;
    font-size:80%;
    margin-bottom: 0px;
}




#container #banner_area {
    margin-bottom: 15px;
}



.profile{
    /* background-color: #FFF4F4; */
    padding: 10px;
    width: 95%;
    margin: 0 auto;
    border: dotted 1px #000;

}







p.time{
    margin-bottom:30px;
    }
    

.fontsize90{
    font-size:90%;
    margin-bottom: 10px
    }

span.attention{
    font-size:70%
    }



/** FAQ   **/

.ex{
margin-top: 5px;
    display: block;
    color: #2D2D48;

}





.about-site{
    font-size: 100%;
    margin: 20px 0 0 0;
    line-height: 1.6;
    padding: 0px 20px 0 20px;
    color: #000030;
    }
    
.fontweight{
    font-weight: bold;
    }
    
.kiyaku{
    margin:30px 0 0 0;
    padding: 0 0 30px 0;

}

.kiyaku .kiyaku-detail{
    border:dotted 1px #444;
    padding:10px 10px 20px 10px;
}

.kiyaku .kiyaku-detail ul{
    list-style:none;
    line-height:1.8;

}

.kiyaku .kiyaku-detail ul a{
    color:#000030;
    text-decoration: underline;
}

.kiyaku p{
    font-size:100%;
    padding: 0px 20px 20px 20px;
    color: #000030;

}



.topborder{
    border-top:#666 dotted 1px;
    padding-top:5px;
    
}

.topmargin10{
    margin-top:10px;
}

.topmargin20{
    margin-top:20px;
}


.topmargin60{
    margin-top:60px;
}

.bottommargin20{
    margin-bottom:20px;
}



.bottomborder{
    border-bottom:#666 dotted 1px;
    padding-bottom: 5px;    
}
h5.headline {
    font-size: 120%;
    font-weight: normal;
    margin:0px 0 10px 0;
    color:#000030;
    letter-spacing: 0.2em;

}


h5.headline span {
    font-size: 11px;
    letter-spacing: 0;
}
.attentionBox p{
    font-size:80%;
    color:#666;
    border:dotted 1px #666;
    padding:5px;
    }
.padding{
    padding:10px 10px 15px 10px;
}



p.expirationDate {
    text-align:center;
    font-weight:bold;
    margin:10px auto 10px auto;
    border:1px #666 solid;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding:5px 0;
    width: 440px;
}

.conditions {
    text-align:center;
    font-weight:bold;
    margin: 10px 0 10px 0;
    font-size:120%;
    
}

/*SNS AREA*/


#footer #social_area{
    width:95%;
    text-align: left;
    }   
#social_area .facebook_area {
    display:inline-block;
    }

#social_area .twitter_area {    
    display:inline-block;
    margin-left:5px;
    }
    
#social_area .line_area {
    text-align:center;
    }


span.square{
height:10px; 
width:10px;
display:inline-block;
background-color:#000030;
position:relative;
margin-right:0.5em;
    } 
    
span.square2{
height:10px; 
width:10px;
display:inline-block;
background-color:#fff;
position:relative;
margin-right:0.5em;
    } 


dd.pointer-events a{
    pointer-events: none;

    }

dd.pointer-events a:link{
    text-decoration: none;
    }

#sponsor-area{
    width: 360px;
    float: right;
    margin-top: 80px;
}

#sponsor-area .sponsor-1{
        background-color: #333366;
        height: 630px;
        opacity: 0.9;
        padding-top: 30px;
        padding-left: 30px;
}

#sponsor-area .sponsor-2{
        margin-top:30px;
        background-color: #333366;
        height: 630px;
        opacity: 0.9;
        padding-top: 30px;
        padding-left: 30px;
}

#sponsor-area .sponsor-3{
        margin-top:30px;
        background-color: #333366;
        height: 630px;
        opacity: 0.9;
        padding-top: 30px;
        padding-left: 30px;
}

#sponsor-area .sponsor-4{
         margin-top:30px;
        background-color: #2f2e60;
        height: 630px;
        opacity: 0.9;
        padding-top: 30px;
            padding-left: 30px;
}
#sponsor-area .sponsor-5{
        margin-top:30px;
        background-color: #333366;
        height: 630px;
        opacity: 0.9;
        padding-top: 30px;
padding-left: 30px;
}

#sponsor-area .sponsor-6{
        margin-top:30px;
        background-color: #333366;
        height: 630px;
        opacity: 0.9;
        padding-top: 30px;
        padding-left: 30px;
}
#sponsor-area .sponsor-7{
    margin-top: 100px;
    background-color: #333366;
}

#sponsor-area .sponsor-8{
    margin-top: 20px;
}

#sponsor-area .sponsor-9{
        margin-top:20px;
        background-color: #2d2d60;
        height: 250px;
        opacity:0.9;
        padding: 30px;
}




#sponsor-area a {
      color: #000;
    text-decoration:underline;
}
#sponsor-area a:link {
    color: #000;
    text-decoration: none;
    font-size: 140%;
    text-decoration:none;
}
#sponsor-area a:visited{
      color: #000;
    text-decoration: none
}
#sponsor-area a:hover{
     color: #000;
    text-decoration:none;
}
#sponsor-area a:active {
    text-decoration:none;
}


.access-area{
    width: 95%;
    margin: 40px auto 0 auto;
}


.access-area h3{
    text-align: center;
    font-size: 120%;
    margin-bottom: 20px;

}

.access-detail-1{
    width: 95%;
    margin: 0 auto;

}

.access-detail-1 h3{
    border-bottom: 3px solid #000000;
    padding-bottom: 10px;
    margin: 50px 0 20px 0;
    font-size: 130%;
    text-align: left;

}

#side_container .side_info .side_info_inner .profile p{
    font-size: 95%;
    margin-top: 10px;
    line-height: 1.3;

}

#side_container .side_info .side_info_inner .profile p a {
    color:#000000;
    text-decoration:underline;
}
#side_container .side_info .side_info_inner .profile p a:link {
    color:#000000;
   text-decoration:underline;
}

#side_container .side_info .side_info_inner .profile p a:visited{
    color:#000000;
    text-decoration:underline;
}

#side_container .side_info .side_info_inner .profile p a:hover{
    color:#000000;
    text-decoration:underline;
}
#side_container .side_info .side_info_inner .profile p a:active {
    text-decoration:underline;
}



.contact-area {
    overflow:hidden;
    margin-top: 40px;

}


.contact-area ul li{
    float: left;
    margin-right: 20px;
    width: 45%;
    border: 1px solid #000030;
  list-style: none;
    background-color: #fff;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 120%;
    /* font-weight: bold; */
    margin-top: 12px;
}


.contact-area ul li.line{
    margin-right: 0;
    background-color: #00c300;
    border: 1px solid #00c300;
}


.contact-area ul li a{
 display: block;
     padding: 15px 0;
}
.sp-sponsor-area-a8-center{
    display: flex;
        background-color: #fff;
    /*opacity: 0.8;*/
    margin-top: 20px;
        margin-bottom: 30px;
}

.sp-sponsor-area-footer-contens{
        width: 320px;
        margin: 10px;
      
}



.sp-sponsor-area-a8-center a {
    color:#000000;
    text-decoration:underline;
}
.sp-sponsor-area-a8-center a:link {
    color:#000000;
    text-decoration:none;
}
.sp-sponsor-area-a8-center a:visited{
    color:#000000;
    text-decoration: none
}
.sp-sponsor-area-a8-center a:hover{
    color:#000000;
    text-decoration:none;
}
.sp-sponsor-area-a8-center a:active {
    text-decoration:none;
}


#sticked{
    margin-top: 100px;
}

}