@charset "UTF-8";
/*--------------------------------------------------------
Top-banner
-------------------------------------------------------*/
@media
only screen and (max-width : 753px){
#header #header-in {
	background-image: url(https://img.altema.jp/common/header/onlineoripa-mb.jpg);
}
#mobileTop{
	background:url(https://img.altema.jp/common/header/onlineoripa.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/onlineoripa-pc.jpg);
    background-position: center;
    background-repeat: no-repeat;
}

.header-inWrap{
    background-image: url(https://img.altema.jp/common/header/onlineoripa-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;
}

/*------------------------------------------------------------
SPヘッダーnew
-------------------------------------------------------------*/
@media only screen and (max-width: 753px){
body.home #container #header div#header-in {
background: url(https://img.altema.jp/common/header/onlineoripa-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;
}
}

/*--------------------------------------------------------
コンテンツ幅調整
-------------------------------------------------------*/
.col3 #main-contents{
width: 100%;
}

/*--------------------------------------------------------
div（h2デザイン）
-------------------------------------------------------*/
.sameStyle-as-h2{
font-size: 16px;
line-height: 1.6;
border-bottom: 3px solid #218fdc;
border-right: 3px solid #218fdc;
position: relative;
margin: 30px 0 20px;
padding: 10px 10px 10px;
font-weight: bold;
border-radius: 0 0 1px 1px;
background-color: #23254c;
color: #fff;
}
.sameStyle-as-h2:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
border-width: 0px 0px 15px 15px;
border-style: solid;
border-color: rgb(33 143 220 / 60%) rgb(35 37 76 / 0%) rgb(33 143 220 / 60%);
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.sameStyle-as-h2{
line-height: 1.7;
}
}

/*------------------------------------------------------------
ポイント枠1調整
-------------------------------------------------------------*/
.point-wrap-basic {
background: #ffe2e8;
border: 2px solid #ff8aa4;
box-shadow: none;
border-radius: 4px;
margin-top: 20px;
}
.point-wrap-basic.ver-blue {
background: #e7f9ff;
border-color: #75bee8;
}
.point-wrap-basic .waku-text {
position: absolute;
left: -2px;
top: -10px;
border-radius: 50px;
padding: 0 20px 0 30px;
height: 30px;
line-height: 30px!important;
background: #ff8aa4;
}
.point-wrap-basic.ver-blue .waku-text{
background: #75bee8;
}
.point-wrap-basic .waku-text:before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
position: absolute;
left: 12px;
top: 0;
bottom: 0;
margin: auto;
}
.point-wrap-basic .inner {
background: none;
padding: 30px 10px 12px 14px;
}
.point-wrap-basic .inner ul:last-child li:last-child{
margin-bottom: 0!important;
}

/*------------------------
ポイント枠2調整
------------------------*/
.point-wakuBox2{
box-shadow: 0 0 0px 2px #86b2df;
border-color: #d6e4f3;
}
.point-wakuBox2 .pwb-h {
background: #72a3d6;
box-shadow: 0 0 0px 2px #72a3d6;
}

/*------------------------------------------------------------
PC文字サイズ調整
-------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px) {
body #main-contents .post h1{
font-size: 22px;
}
#main #main-contents .post .mokujiInfo p,#main #main-contents .post h2,.cta-link-box03 .ctaText,.cta-link-button03{
font-size: 18px;
}
#main #main-contents .post h3 {
font-size: 17px;
}
#main #main-contents .post h4,.post dt, .post dd,#main #main-contents .post li,.point-wakuBox2 .maru-list,.point-wakuBox2 .batu-list,#main-contents .point-wakuBox2 dd{
font-size: 16px;
}
#main #main-contents .post p,#main-contents .post table .gachaBtn,#main #main-contents .post .mokujiInfo ul li,body #container #main-contents .qa-wrap h3{
font-size: 15px;
}
.cta-link-box03 span.b,#main #main-contents .post p.lead {
font-size: 14px;
}
#main #main-contents .post th, #main #main-contents .post td{
font-size: 13.5px;
}
}