@charset "UTF-8";

 /*------top-------*/
#top .bg_fade .bg_01 {
  background-image: url(../images/top_0401_01.jpg);
}
#top .bg_fade .bg_02 {
  background-image: url(../images/top_0401_02.jpg);
}
/*------topここまで------*/

/*------maruシリーズ-------*/
#top .maru-head{
    text-align: center;
    color: #fff;
    max-width: 630px;
	max-height: 240px;
    margin:auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
	left: 0px;
	right: 0px;
}
#top .maru-head .h2-ttl{
    font-family: 'Hind', sans-serif;
    font-size: 6.9rem;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 0 6px rgba(0,0,0,.2); 
}
#top .maru-head .series {
    display: flex;
    align-items: center;
    width:180px;
    margin:0 auto;
    font-family: 'Hind', sans-serif;
    font-size: 2rem;
    text-shadow: 0 0 6px rgba(0,0,0,.2); 
}
#top .maru-head .series:before,
#top .maru-head .series:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
}
#top .maru-head .series:before { margin-right: 1rem;}
 
#top .maru-head .series:after {margin-left: 1rem;}
#top .maru-head .release{
    font-family: 'Hind', sans-serif;
    font-size: 4.3rem;
    font-weight: 300;
    text-shadow: 0 0 6px rgba(0,0,0,.2); 
}
#top .maru-head .copy{
    text-shadow: 0 0 10px rgba(0,0,0,.6); 
    font-size:1.6rem;
    font-weight: bold;
    letter-spacing: 1.4px;
}
@media screen and (min-width:901px){
#maru .item_main{
    width: 44%;
    position: relative;
    max-width: 494px;
}
#maru .inner.item4 .item_detail {
    width: 53.1%;}
#maru .item_detail .sub_ttl{
    margin-bottom:0;
    font-size:1.8rem;
    font-weight: bold;
}
#maru .item_detail .item_thum {
    flex-wrap: nowrap;
}
}
/*------maruシリーズここまでk------*/


@media screen and (max-width:900px){
    /*------top-------*/
    #top .maru-head{
        text-align: center;
        color: #fff;
        max-width: 620px;
        max-height: 330px;
        margin:auto;
        position: absolute;
        top: -5%;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }
    #top .maru-head .h2-ttl{
        font-family: 'Hind', sans-serif;
        font-size: 6.9rem;
        font-weight: 400;
        line-height: 1;
        text-shadow: 0 0 6px rgba(0,0,0,.2); 
    }
    #top .maru-head .series {
        display: flex;
        align-items: center;
        width:180px;
        margin:0 auto;
        font-family: 'Hind', sans-serif;
        font-size: 2rem;
        text-shadow: 0 0 6px rgba(0,0,0,.2); 
    }
    #top .maru-head .series:before,
    #top .maru-head .series:after {
        content: "";
        height: 1px;
        flex-grow: 1;
        background-color: #fff;
    }
    #top .maru-head .series:before { margin-right: 1rem;}

    #top .maru-head .series:after {margin-left: 1rem;}
    #top .maru-head .release{
        font-family: 'Hind', sans-serif;
        font-size: 4rem;
        font-weight: 300;
        text-shadow: 0 0 6px rgba(0,0,0,.2); 
    }
    #top .maru-head .copy{
        text-shadow: 0 0 10px rgba(0,0,0,.6); 
        font-size:1.4rem;
        font-weight: bold;
        letter-spacing: 1.4px;
    }
    /*------topここまで------*/
    #maru .item_detail .sub_ttl{
    margin-bottom:0;
    font-size:1.6rem;
    font-weight: bold;
}
}