/*


 */
body {  }

a:link,
a       { text-decoration:none;  }


h1     { font-size:180%;  }

h2, h3 {
    letter-spacing: 0.0em;    
    font-weight: 600;
}


h3         { margin:15px auto ; }

.pure-g.pure-g  { display:block; }


#contentsInner     { max-width: 900px; }

#contents_wrap              {  margin:10px auto 10px; max-width:900px; background:rgba(255,255,255,0.5); box-shadow:0 0 8px rgba(0,0,0,0.4); letter-spacing:normal;  }
.w_state #contents_wrap           { width:900px;  }



.contentbox_base             { background-color: #FFFFFF;  border-radius:3px; margin: 10px 0 0; padding: 5%;  }


.gt_banner              { clear:both; padding:10px 0 0; }



ul.attention                 { font-weight:bold; color:hsla(359,0%,55%,1.00); margin: 1.5em auto; }
ul.attention                 { font-size:100%; text-align:left; }
ul.attention li              { margin-left:1.5em; text-indent:-1em;  margin-bottom:0.5em; line-height:1.25; }
.attention.att_quiet         { color:#777; font-weight:normal; margin-top:1em; }


.blocK_wrapper         { margin-bottom: 4em; }


/* pure button ex */ 


/* button */

.button-top {
    background: rgb(245,90,10); color:#FFF !important;
}


a img             {  }
a img:hover       { filter: brightness(115%);} 


.butt_wrap              {  }
.butt_wrap p             { text-align: center; margin-top: -0.75em; }

.pure-button         { width: 100%; max-width:410px; min-width: 230px;  border-radius: 1em; font-size: 120%; margin: 1em auto; display: block;  }

.button-play           {  background: #e30;  color: #FFF !important; font-size:120%; /* border: 1px solid #fff; */
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
    border-radius: 1em;
    font-weight: bold;
    position: relative;
    display:block; width:90%; margin:6px auto; }


.button-play:focus ,     
.button-play:visited ,
.button-play			{ background: #b40; background: linear-gradient(to bottom, #f82 0%,#b40 75%); }

.button-play:hover ,
.button-play:active	{ background: #c51; background: linear-gradient(to bottom, #f93 0%,#c51 90%);  }     

.pure-button.inactbt      { background:hsla(0,0%,60%,1.00) !important;  }

/* steam mod. */
.main_blk         { color: hsla(0,0%,35%,1.00) }


.title_blk_wrapper      { padding: 0.4em; border-radius: 0.4em; background:hsla(0,0%,95%,1.00);  }

.title_wrapper     { margin: 2em auto 0; }
.title_wrapper h5     { font-size: 120%; margin-bottom: 0.5em; }


.title_blk         { margin: 1.0em auto 2.0em; padding-bottom: 0.25em; border-bottom: 2px dotted #ccc;  }

.title_blk dt         { font-size: 120%; font-weight: bold; }
.title_blk dd         {  }

.title_blk dt div        { padding-right:0.5em; margin-top: 0.5em;  }
.title_blk dd div        { padding-left:0.5em;  }


.title_blk .button-pos         { width:100%; margin: 0.25em auto; font-size: 95%; font-weight: bold; padding: 0.8em 0.5em; }


/*  */
.error_wrap                 { margin-bottom: 4em; }


/* no title exc */
.error_wrap_notitle         { background: hsla(20, 100%, 97%, 1); border: 1px solid #ccc; border-radius: 0.5em; padding: 1em;   }

.error_wrap_notitle h5      { font-size: 110%; color: #900; }
.error_wrap_notitle p       { line-height: 1.5; margin-bottom: 0.5em;  }



/* show_siri */

.siri_name        { color: #888; margin-bottom: 0.2em; }

.siri_num         { 
    background: hsla(20, 100%, 97%, 1);
    border: 1px solid #ccc;
    border-radius: 2em;
    display: inline-block;
    font-size: 125%;
    margin: 0 auto 0.25em;
    padding: 0.25em 1.0em;
}

.siri_lim         {  }

.siri_lim_over         { color: #900; }





/* mod_hd */
.inact                  { display: none; }

.invis *            { visibility:hidden; }



img.mod_center          { margin:0 auto;  }


.block_text             { font-size:125%; line-height:1.8; margin:0.5em 0;  }

.block_text strong      { /* background: linear-gradient(transparent 60%, #f90 60%); */  }

.block_text em         { font-size:90%; font-style: normal;  } 

.dummy2         { height:10em; }


.pure-u-1-1 a img   { margin:0 auto; }


input, select, textarea { font-size:120%; }

/* placeholder */
::-moz-placeholder          { opacity:0.5; }
::-webkit-input-placeholder { opacity:0.5; }
:-ms-input-placeholder      { opacity:0.5; }




.button-pos        { background-color:hsla(0,100%,30%,1.00); color: #fff; }

.button-neg        { background-color:hsla(240,60%,60%,1.00); }



.mlti_btt_wrap                  { display:inline-block; width:48%;  } 

.mlti_btt_wrap .button-submit   { width:80%; }





.pure-table             { width:100%; }

.pure-table td h5       { margin:0 0 0;  }
.pure-table td          { line-height:2.0;  }

.pure-table td, .pure-table th          { border-bottom:1px solid #ddd; vertical-align:middle; }

.pure-table tr:nth-child(odd) th           { background:#efefef; }
.pure-table tr:nth-child(odd) td           { background:#f9f9f9; }

.pure-table tr:nth-child(even) th           {  }
.pure-table tr:nth-child(even) td           {  }


.pure-table .no_bgc     { background:none !important; }


.pure-table.lp-tabel td                     { line-height:1.4;  }
.pure-table.lp-tabel td:first-child         { border-left-width:1px; }

.pure-table.lp-tabel dt                     { margin-top:0.5em;  }












/*
 * -- TABLET (under) MEDIA QUERIES --
 */
@media(max-width: 767px) {



}

/*
 * -- PHONE MEDIA QUERIES --
 */
 
@media (max-width: 480px) {



}