/*------------------------------------------------- Home --------------------------------------------------*/

body{ font-family: Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif;}

a:hover{ opacity:0.6;}

.wrap {
	overflow: hidden;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.section_home_header,
.section_home_header_4,
.section_home_header_2 {
    text-align: center;
    padding-top: 0px;
}


.section_home_header,
.section_home_header_4 {
    padding-bottom: 60px;
}

.section_home_header {
    background-color: none;
}

.section_home_header_4 {
    background-color: none;
}

.section_home_header_2 {
    background-color: #FFFFFF;
    margin-top: 40px;
    margin-bottom: 50px;
}

.section_home_header_5 {
    background-color: #FFFFFF;
    text-align: center;
    padding-top: 10px;
    max-resolution: 30px;
}

.section_home_header_2 img {
}

.section_home_header img {
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 20px;
}

.movie-wrap {
	width:750px;
 	position: relative;
    padding-bottom: 36.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin:0 auto;}
  
.movie-wrap iframe{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  
  

#td-scroll-up a {
    display: block;
    padding: 30px;
    background: #ffffff;
}

#td-scroll-up a span {
    background: url(../img/fn/back-to-top.png) no-repeat;
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
    padding: 22px;
    float: right;
    width: 100px;
}

.logo{width:140px;position: absolute;z-index:9999;top: 2%;left: 2%;}
.header_img{ position:relative; z-index:9; width:100%;}



/*------------------------------------------------- End Home --------------------------------------------------*/


/*------------------------------------------------- slide css --------------------------------------------------*/

#custom_carousel .item {
    color: #000;
    background-color: #FFFFFF;
    padding: 20px 0;
}

#custom_carousel .controls {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background: #FFFFFF;
}

#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width: 90px
}

#custom_carousel .controls li.active {
    background-color: #FFFFFF;
    border-top: 3px solid #b70725;
}

#custom_carousel .controls a small {
    overflow: hidden;
    display: block;
    font-size: 10px;
    margin-top: 5px;
    font-weight: bold
}


/*------------------------------------------------- end slide css --------------------------------------------------*/


/*------------------------------------------------- slide-2 css --------------------------------------------------*/

.hide-bullets {
    list-style: none;
    margin-left: -40px;
    margin-top: 20px;
}

.thumbnail {
    padding: 0;
}

#carousel-selector-3.thumbnail li.active {
    background-color: #FFFFFF;
    border-top: 3px solid #b70725;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    width: 100%;
}


/*------------------------------------------------- end slide-2 css --------------------------------------------------*/


/*------------------------------------------------- slide-3 css --------------------------------------------------*/

.main-text {
    position: absolute;
    top: 50px;
    width: 96.66666666666666%;
    color: #FFF;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-clear {
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
    margin-right: 15px;
}

.btn-clear:hover {
    color: #000;
    background-color: #FFF;
}


/*------------------------------------------------- end slide-3 css --------------------------------------------------*/

.bg-pink {
    background-color: #ffe7ec;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pd-top-bot {
    padding-bottom: 60px;
    padding-top: 60px;
}

.bg-footer-2 {
    background-image: url(../img/fn/base.png);
    padding-top: 30px;
    padding-bottom: 30px;
}







.btn_area{ clear:both; margin:0 auto; width:460px;}
.btn_area li{ width:200px; display:inline; margin:0 20px 0 0;}
#gallery_area{ max-width:750px; margin:0 auto;}
/*#footerLink{ clear:both;padding-bottom:12px;text-align:center;width:700px;margin:0 auto; font-size:12px;}*/
#footerLink{ clear:both;padding-bottom:12px;text-align;margin:0 auto; font-size:12px;}
#footerLink li{display:inline;padding-right:6px;padding-left:6px;background:url(../img/footersolid.png) 0 3px no-repeat;}
#footerLink li.footer-links-nopipe{background:0 0;}
#footer-copyright{line-height:1.6em;margin-bottom:10px;text-align:center;font-size: 12px;margin-top: 20px;}
.socials{ width:370px; margin:20px auto; padding:0px 0 20px 0;}
#socialmedia,
#socialmedia * {
	line-height: 1;
	margin: 0;
	padding: 0;

}

#socialmedia li {
	float: left;
	list-style: none;
	margin-right: 5px;
}

#sm-tw,
#sm-mx {
	background: url("../img/sm.png") no-repeat;
	display: block;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	width: 75px;
}

#sm-mx {
	background-position: -80px 0;
}

#sm-fb {
	border: none;
	height: 21px;
	margin-right: 0;
	overflow: hidden;
}

#sm-fb,
#sm-fb_a {
	width: 115px;
}

#sm-fb_a,
#sb-gp_a {
	background-image: url("../img/sm_debug.png");
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	text-indent: -9999px;
}

#sm-fb_a {
	width: 115px;
}

#sb-gp {
	width: 83px;
}

#socialmedia #sb-gp {
	display: none\9;
}

* html #socialmedia #sb-gp {
	display: none;
}

*:first-child+html #socialmedia #sb-gp {
	display: none;
}

:root #socialmedia #sb-gp {
	display: block\0;
}

#sb-gp_a {
	background-position: 0 -50px;
	width: 59px;
}

.pc{ display:block;}

.sp{
	display:none;

}

.os-animation {
            opacity: 0;
        }
        
.os-animation.animated {
            opacity: 1;
        }

h2 {
   clear: both !important;
   margin-top: 0;}

 
@media only screen and (max-width: 980px) {  
.pc { display: none; }
.sp { display: block; }

.img_size{ width:70%; margin:0 auto;} 
#footerLink_sp{ clear:both;padding-bottom:12px;text-align:center;margin:0 auto; width:80%; font-size:12px; color:#000; overflow:hidden;}
#footerLink_sp li{display:inline;padding-right:2px;padding-left:2px;background:url(../img/footersolid.png) 0 3px no-repeat;}
#footerLink_sp li.footer-links-nopipe{background:0 0;}
#footer-copyright{line-height:1.6em;margin-bottom:10px;text-align:center;font-size: 12px;margin-top: 20px;}
.btn_area_sp{clear:both;text-align:center;margin: -40px auto 0; width: 80%;}
.btn_area_sp li{width: 48%; height:100%; min-height:45px; float:left;list-style:none;margin: 0 0px 0 0px;}
/*.btn_area_sp li{width: 145px;float:left;list-style:none; margin: 0 0px 0 15px;}*/
.banner_sp{ width:320px;}
.socials{ width:380px; margin:20px auto; padding:0px 0 20px 20px; text-align:center;}
#socialmedia li { display:inline; list-style: none; margin-right: 2px;}
.logo{width:60px;position: absolute; z-index:9999;top:-2%;left: 1%;}


.movie-wrap {
		width:90%;

 	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin:0 auto;}
  
.movie-wrap iframe{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }


 }

@media only screen and (max-width: 480px) {  
.pc { display: none; }
.sp { display: block; }

#footerLink_sp{ clear:both;padding-bottom:12px;text-align:center;margin:0 auto; width:90%; font-size:12px; color:#000; overflow:hidden;}
#footerLink_sp li{display:inline;padding-right:2px;padding-left:2px;background:url(../img/footersolid.png) 0 3px no-repeat;}
#footerLink_sp li.footer-links-nopipe{background:0 0;}
#footer-copyright{line-height:1.6em;margin-bottom:10px;text-align:center;font-size: 12px;margin-top: 20px;}
.btn_area_sp{clear:both;text-align:center;margin: -40px auto 0; width:98%;}
.btn_area_sp li{width:40%; height:100%;  min-height:45px; float:left;list-style:none;margin: 0 0px 0 5px;}
/*.btn_area_sp li{width: 145px;float:left;list-style:none; margin: 0 0px 0 15px;}*/
.banner_sp{ width:320px;}
.socials{ width:380px; margin:20px auto; padding:0px 0 20px 20px; text-align:center;}
#socialmedia li { display:inline; list-style: none; margin-right: 2px;}
.logo{width:60px;position: absolute; z-index:9999;top:-2%;left: 1%;}


.movie-wrap {
	width:90%;
 	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin:0 auto;
}

.movie-wrap iframe{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
 }


 .qa_modal {
    color: #000;
    text-decoration: none;
    font-size: 18px;
 }

.qa-list {
    width: 750px;
    margin: 30px auto 0;
 }

.qa-list-title {
    margin-top: 50px;
}

.qa-list p {
    margin: 0;
 }

.qa-list a {
    border-bottom: 3px solid #e50011;
    display: block;
    line-height: 3.5;
    padding: 0 40px 0 20px;
    position: relative;
}

.qa-list a:hover {
    text-decoration: none;
    color: #000;
}

.qa-list a:before {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 3px;
    display: block;
    width: 0;
    height: 0;
    margin-bottom: 10px;
    content: '';
    border-top: 10px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #e50011;
    background: 0 0;
}
.qa-list a:after {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 9px;
    display: block;
    width: 0;
    height: 0;
    margin-bottom: 10px;
    content: '';
    border-top: 10px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #fff;
    background: 0 0;
}


@media only screen and (max-width: 980px) {
     .qa-list {
        width: 100%;
        margin: 15px auto 0;
     }

     .qa-list a {
        line-height: 1.6;
        padding: 10px 40px 10px 10px;
        font-size:14px;
    }


    .qa-list a:before {
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 0;
        display: block;
        width: 0;
        height: 0;
        margin-bottom: 10px;
        content: '';
        border-top: 7px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 9px solid #e50011;
        background: 0 0;
    }
    .qa-list a:after {
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 4px;
        display: block;
        width: 0;
        height: 0;
        margin-bottom: 10px;
        content: '';
        border-top: 7px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 9px solid #fff;
        background: 0 0;
    }

}


.modal_contents dl {
    margin: 0;
}
.modal_title {
    font-size: 22px;
    margin-bottom: 20px;
}

.modal_title span {
    font-size: 18px;
    display: block;
    margin-bottom: 20px;
}

.modal_graph {
    text-align: center;
    margin-bottom: 20px;
}

.modal_text {
    font-size: 16px;
    line-height: 1.6;
}

.modal_contents {
    padding: 20px 40px;
    text-align: left;
}

@media only screen and (max-width: 980px) {

    .modal_contents img {
        width: 100%;
    }

    .modal_title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .modal_title span {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .modal_text {
        font-size: 14px;
    }

    .modal_contents {
        padding: 10px;
    }
}