@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
body#Top section {padding-top: 0px; margin-top: 0px;}

#top_infoBox {margin-top: -130px; width: 70%; max-width: 1200px;}

.info_inner {width: 80%; margin: 0 auto; padding: 50px 0 90px;}

/*=========================================================================
FIRST VIEW
=========================================================================*/
/*
ul#viewList li span {background-size: cover;}
ul#viewList li span:first-of-type {top: 0%;background-position: left 0%;}
ul#viewList li span:nth-of-type(2) {top: 25%;background-position: left 33.5%;}
ul#viewList li span:nth-of-type(3) {top:50%;background-position: left 66.8%;}
ul#viewList li span:nth-of-type(4) {top: 75%;background-position: left bottom;}
*/



/*=========================================================================
TOP：HEADER
=========================================================================*/
/*body#Top #siteName {display: none !important;}*/


/*------------------------------------------------------------------------------------------------*/
#top_siteLogo {left:80%;top:80%;text-align: center;width: 28%;max-width: 400px;}


/*=========================================================================
TOP：GLOBAL NAVI
=========================================================================*/


/*=========================================================================
TOP：ABOUT
=========================================================================*/


#about_infoBox {padding:0 0 15px 7%; font-size: 16px; width: 72%; border-left: 6px solid #e7153f; max-width: 950px; margin: 0 auto;}
#about_infoBox p {margin-bottom: 15px;}

@media print, screen and (max-width:1200px){
#about_infoBox {font-size: 14px; }
}

/*=========================================================================
TOP：ABOUT：Greeting
=========================================================================*/
#topBasic.greeting .section_inner {width: 86%; max-width: 1560px;}

dl#greetingBloc {letter-spacing: -.4em;}

dl#greetingBloc dt, dl#greetingBloc dd {vertical-align: top; display: inline-block;}
dl#greetingBloc, dl#greetingBloc dt, dl#greetingBloc dd {height: auto; color: #fff; position: relative; z-index: 1;}


dl#greetingBloc dt {
width: 56%;
margin: -160px 10% 0 0;
background: #272727;
-ms-box-shadow: 0 0 20px rgba(0,0,0,.4);
-o-box-shadow: 0 0 20px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
box-shadow: 0 0 20px rgba(0,0,0,.4);
}
.greeting_inner {padding: 60px 45px;}

/*------------------------------------------------------------------------------------------------*/
dl#greetingBloc dd {letter-spacing: 0; width: 34%; }

/*------------------------------------------------------------------------------------------------*/
#boxHeadline.greeting,  #greetingText {display: inline-block; letter-spacing: 0; vertical-align: top;}
#boxHeadline.greeting {width: 10%; margin-right: 6%; font-size: 50px;}

#greetingText {width: 84%; padding: 10px 0;}
#greetingText, #greetingText p {font-size: 14px;}
#greetingText p {margin-bottom: 30px;}

@media print, screen and (max-width:1200px){
#boxHeadline.greeting {font-size:40px;}

dl#greetingBloc dt {margin-right: 8%;}
dl#greetingBloc dd {width: 36%; }

}

@media print, screen and (max-width:1000px){
dl#greetingBloc dt {margin-right: 6%;}
dl#greetingBloc dd {width: 38%; }

}



@media print, screen and (max-width:900px){
.greeting_inner {padding: 45px 30px;}

dl#greetingBloc dt {margin-right: 5%;}
dl#greetingBloc dd {width: 39%; }

#boxHeadline.greeting { font-size:36px;}
#greetingText, #greetingText p {font-size: 13px;}
}


/*------------------------------------------------------------------------------------------------*/
#greetingSign {margin-top: 60px;}
#greetingSign p span {font-size: 14px; padding-right:2em;}
#greetingSign p {font-size: 22px;}


@media print, screen and (max-width:1000px){
#greetingSign p span {font-size: 13px;}
#greetingSign p {font-size: 20px;}
}

@media print, screen and (max-width:900px){
#greetingSign p span {font-size: 12px;}
#greetingSign p {font-size: 18px;}
}



/*------------------------------------------------------------------------------------------------*/
dl#greetingBloc dd #about_infoBox {padding-top: 20px; padding-bottom: 20px;}

dl#greetingBloc dd #boxHeadline {font-size: 24px;}
dl#greetingBloc dd p {font-size: 13px; margin-bottom: 45px;}

@media print, screen and (max-width:900px){
dl#greetingBloc dd #boxHeadline {font-size: 20px;}
dl#greetingBloc dd p {font-size: 12px;}
}


/*=========================================================================
TOP：JOIN
=========================================================================*/
#join_periodTitle {margin-bottom: 15px; padding: 10px 0px; font-size: 18px; width: 50%; max-width: 160px;}

@media print, screen and (max-width:900px){
#join_periodTitle { font-size: 16px;}
}


/*------------------------------------------------------------------------------------------------*/
dl#join_priceInfo{margin-bottom:30px;}
dl#join_priceInfo dt, dl#join_priceInfo dd{margin-bottom: 20px;}

dl#join_priceInfo dt {font-size: 14px; width: 10%; margin-right: 1%;}
dl#join_priceInfo dd {width: 89%; font-size: 24px;}

dl#join_priceInfo dd span {font-size: 13px; }
dl#join_priceInfo dd span#price_capLarge {font-size: 16px; padding-left: 10px; line-height: 100%;}

@media print, screen and (max-width:900px){
#join_periodTitle { font-size: 16px;}
dl#join_priceInfo dt, dl#join_priceInfo dd span {font-size: 12px; }
dl#join_priceInfo dd {font-size: 22px; }
dl#join_priceInfo dd span#price_capLarge {font-size: 14px;}
}

/*------------------------------------------------------------------------------------------------*/
#period_captionBox {font-size: 14px; margin-top: 30px;}
#period_captionBox p {margin-bottom: 5px;}

@media print, screen and (max-width:900px){
#period_captionBox {font-size: 12px; }
}



/*=========================================================================
TOP：TRIAL
=========================================================================*/
#boxHeadline.trial {margin-bottom: 60px;}

#Trial #onePeriod {margin-bottom: 90px;}


/*------------------------------------------------------------------------------------------------*/
#trialTitle {font-size: 34px;margin-bottom: 15px;}
#trialTitle span {font-size: 22px; padding-left: 1em;}

@media print, screen and (max-width:1200px){
#trialTitle {font-size: 28px;}
#trialTitle span {font-size: 18px;}
}


@media print, screen and (max-width:900px){
#trialTitle {font-size: 26px;}
#trialTitle span {font-size: 16px;}
}


/*------------------------------------------------------------------------------------------------*/
#Trial #join_periodTitle {margin-bottom: 30px; }

/*------------------------------------------------------------------------------------------------*/
#join_subHeadline {font-size: 18px; margin-bottom: 15px;}

/*------------------------------------------------------------------------------------------------*/
#Trial dl#join_priceInfo{margin-bottom:45px;}


@media print, screen and (max-width:900px){
/*------------------------------------------------------------------------------------------------*/
#join_subHeadline {font-size: 16px;}
}

/*=========================================================================
NEWS
=========================================================================*/
#top_infoBody .section_inner {width: 50%; max-width: 780px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
ul#articleList {margin-bottom: 45px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
ul#articleList li #New {font-size: 11px;}








}