@charset "UTF-8";
/*--------------------------------------------------------
Top-banner
-------------------------------------------------------*/
@media
only screen and (max-width : 753px){
#header #header-in {
	background-image: url(https://img.altema.jp/common/header/nintamapuzzle-mb.jpg);
}
#mobileTop{
	background:url(https://img.altema.jp/common/header/nintamapuzzle.jpg) no-repeat top left;
}
.h-koushin-box p.khan-txt {
background-position: 5px center!important;
padding: 0 0 0 14px!important;
font-size: 10px!important;
background-size: 6px!important;
margin:2px 0!important;
}
#main #main-contents .h-koushin-box p.saisyu-txt {
background-size: 8px!important;
font-size: 10px!important;
background-position: 1px center!important;
padding: 0 0 0 11px!important;
}
}

#header-in h1{
    color: #FFF;
}
/*PC　ここから*/

#header-in_wrap{
    background-image: url(https://img.altema.jp/common/header/nintamapuzzle-pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.header-inWrap{
    background-image: url(https://img.altema.jp/common/header/nintamapuzzle-kasou.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:100% auto;
    background-size:cover;
}

#header-in p.header-logo a{
    color:#FFF;
}

/*-------------------------------------------------------
固有CSS
-------------------------------------------------------*/
#main-contents .contents {
padding: inherit;
}
#header-in_new h1{
font-size: 23px;
}
#main #main-contents .post p{
font-size: 14px;
}
#main #main-contents .post th, #main #main-contents .post td{
font-size: 12px;
}

/*------------------------------------------------------------
SPヘッダーnew
-------------------------------------------------------------*/
@media only screen and (max-width: 753px){
body.home #container #header div#header-in {
background: url(https://img.altema.jp/common/header/nintamapuzzle-mb2.jpg) no-repeat center / cover;
padding: 0!important;
height: calc(100vw * 0.3375);
}
body.home #header div.header_top_h1{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
}
body.home #header div.header_top_h1 img{
display: none;
}
}

/*-------------------------------------------------------
ゲージCSS
-------------------------------------------------------*/
.ot-gauge-area{
display: -webkit-flex;
display: flex;
}
.ot-gauge-area .max-gauge{
width:80%;
background-image: linear-gradient(to top, #dde4e6 0%,#cfd8dc 30%, #dde4e6 50%,#f0f0f0 60%, #f0f0f0 100%);
margin-right:5px;
height:15px;
border-radius:1px;
}
.ot-gauge-area .max-gauge span.my-gauge{
background-image: linear-gradient(to top, #53bfa7 0%,#2ca288 30%, #24987e 50%,#2ca288 60%, #53bfa7 100%);
display:block;
height:15px;
border-radius:1px;
}
.ot-gauge-area .max-gauge span.my-gauge.high{
background-image: linear-gradient(to top, #ffbc55 0%,#ff7d35 30%, #ff6035 50%,#ff7d35 60%, #ffbc55 100%);
display:block;
height:15px;
border-radius:1px;
}
.ot-gauge-area span.my-value{
width:20%
}