@charset "UTF-8";

.syohin-pageUrl #header,.syohin-pageUrl #breadcrumbs,.syohin-pageUrl .post-meta02 .post-data,.syohin-pageUrl .pr-icon-box,.syohin-pageUrl .sns-button02,.syohin-pageUrl .post-title,.sp,.syohin-pageUrl .pachimo_koukoku_wrapper,.sec-contact + aside + table:has(a[href="https://chonborista.com/"]),.all-center.olipa.tableLine.img-kadomaru{
display: none;
}
.syohin-pageUrl .ad-sticky-container{
height: 0px !important;
}
body.syohin-pageUrl .post a {
text-decoration: none;
}
#mainLeft{
display:none!important;
}
#mainRight{
display:none!important;
}
#mainInner-col2{
width:100%;
margin:0;
box-sizing:border-box;	
}
#mainInner #breadcrumbs{
width:1040px;
box-sizing:
border-box;
margin:0px auto !important;
}
#mainInner-col2 #mainCenter{
box-sizing:border-box;
float:none;
margin:0 auto;
width:100%;
}
#mainCenter .post .h-koushin-box,#main-contents .post .h-koushin-box{
display: none!important;
}
#mainCenter .post .sns-copytxt,#main-contents .post .sns-copytxt{
display: none;
}
#mainCenter #osusume-game-ranking-area,#main-contents #osusume-game-ranking-area{
display:none;
}
.osusume-navi{
display: none!important;
}
#mainCenter .post ~ h2,#mainCenter .post ~ .contents,#main-contents .post ~ h2,#main-contents .post ~ .contents{
display: none;
}
.ninki-ranking{
display: none;
}
.syohin-pageUrl{
overflow: hidden;
}
.syohin-pageUrl *{
box-sizing: border-box;
}
.syohin-pageUrl p:empty{
display: none;
}
body.syohin-pageUrl section{
padding: 70px 0 100px;
margin: 0;
}
body.syohin-pageUrl:not(.top-design) #mainCenter h3 {
border-bottom: 0px solid #d9506c;
padding-left: 0px;
}
.syohin-pageUrl .kaigyou{
display: none;
}
.syohin-pageUrl .fv{
background: url(https://altema.jp/pachimo/images/fv-bg.png) no-repeat center / cover;
padding: 40px 0 0;
position: relative;
z-index: 1;
}
.syohin-pageUrl .fv .logo{
display: block;
width: 210px;
margin: 0 auto;
}
.fam8_rect_mov_alpha{
display:none !important;
}
.syohin-pageUrl .fv h1, .syohin-pageUrl .fv h1 {
display: block;
color: #fff !important;
background: none;
text-align: center;
font-size: 110px;
font-weight: bold;
line-height: 1;
margin: 20px 0 30px;
padding: 0;
}
.fv-img{
display: block;
width: 580px;
margin: 0 auto 30px;
}
.page-link{
display: flex;
justify-content: center;
gap: 10px;
}
ul.page-link li{
width: 140px;
border: 0;
background: none;
}
.page-link a {
background: #fff;
border-radius: 10px;
display: block;
position: relative;
color: #ef4368;
font-weight: bold;
font-size: 13px;
box-shadow: 0 1px 5px rgb(118 118 118 / 20%);
text-align: center;
padding: 10px 0 34px;
}
.page-link .text{
display: flex;
height: 50px;
justify-content: center;
align-items: center;
margin-bottom: 2px;
}
.page-link img{
width: 100%;
height: 50px;
object-fit: contain;
}
.page-link li:last-child img{
width: 64px;
}
.page-link a:hover{
opacity: 0.6;
}
.page-link a:after{
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
left: 0;
right: 0;
bottom: 12px;
margin: auto;
background: #0d9ce6;
background: linear-gradient(to right bottom, transparent 50%, #ef4368 50%);
transform: rotate(45deg);
}
.syohin-pageUrl .fv:after {
content: '';display: block;
width: 2200px;height: 437px;
min-width: 100%;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
bottom: 0;
z-index: -1;
background: url(https://img.altema.jp/altema/circle.png) no-repeat center top / cover;
}
body.syohin-pageUrl #mainCenter section h2{color: #404040;text-align: center;font-size: 34px;/* margin-bottom: 24px; */padding: 0;background: none;border-left: 0px solid #e5325a;}
.syohin-pageUrl section h2:before{content: '';display: block;color: #e55978;font-size: 38px;margin-bottom: 10px;}
.syohin-pageUrl section.sec-attribute h2:before{
content: '01';
}
.syohin-pageUrl section.sec-menu h2:before{
content: '02';
}
.syohin-pageUrl section.sec-wiki h2:before{
content: '03';
}
.syohin-pageUrl section.sec-plan h2:before{
content: '03';
}
.syohin-pageUrl section.sec-test h2:before{
content: '05';
}
.syohin-pageUrl .text-b{
color: #404040;
font-size: 18px;
text-align: center;
}
.sec-attribute ul{
display: flex;
justify-content: center;
margin-top: 40px;
}
#mainCenter .sec-attribute ul li,#main-contents .sec-attribute ul li{
width: 340px;
position: relative;
padding: 0 30px;
border-bottom: 0;
}
.sec-attribute li:after{
content: '';
display: block;
width: 2px;
height: 100px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: #ededed;
}
.sec-attribute li:last-child:after{
display: none;
}
.sec-attribute li img{
width: 100%;
}
#mainCenter .sec-attribute ul li:first-child,#main-contents .sec-attribute ul li:first-child{
display: flex;
justify-content: space-between;
}
#mainCenter .sec-attribute ul li .inner,#main-contents .sec-attribute ul li .inner {
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0 10px;
height: 230px;
}
#mainCenter .sec-attribute ul li .inner:first-child,#main-contents .sec-attribute ul li .inner:first-child{
width: 43%;
}
#mainCenter .sec-attribute ul li .inner:last-child,#main-contents .sec-attribute ul li .inner:last-child{
width: 100%;
}
#mainCenter .sec-attribute ul li .inner img,#main-contents .sec-attribute ul li .inner img{
width: 100%;
height: 150px;
object-fit: contain;
object-position: center bottom;
}
.sec-attribute li .text {
width: 148px;
line-height: 26px;
position: absolute;
background: #f74d73;
border-radius: 6px;
color: #fff;
left: 0;
right: 0;
bottom: -13px;
margin: auto;
text-align: center;
font-weight: bold;
font-size: 14px;
}
.sec-attribute li .text {
position: static;
width: 180px;
display: block;
margin-bottom: 30px;
}
.sec-menu{
background: #f8f8f8;
}
.menu-cont,.plan-cont{width: 1080px;background: #fff;border-radius: 10px;box-shadow: 0 0 0 3px #ffccdd, 0 2px 7px rgba(0, 0, 0, 0.1);margin: 0 auto 26px;display: flex;align-items: center;padding: 20px 30px;}
.menu-cont:last-of-type,.plan-cont:last-of-type{
margin-bottom: 0;
}
.menu-cont img,.plan-cont img{
width: 38%;
}
.menu-cont .text,.plan-cont .text{
width: 62%;
padding-left: 50px;
}
#mainCenter .menu-cont h3, #mainCenter .plan-cont h3, #main #main-contents .menu-cont h3, #main #main-contents .plan-cont h3 {
border: 0;
font-size: 22px;
padding: 0;
margin: 0 0 10px;
line-height: 1.4;
}
#mainCenter .menu-cont h3:before,#mainCenter .plan-cont h3:before,#main-contents .menu-cont h3:before,#main-contents .plan-cont h3:before{
display: none;
}
#mainCenter .menu-cont .text p,#main #main-contents .menu-cont .text p,#main #main-contents .plan-cont .text p,#mainCenter .plan-cont .text p{
color: #404040;
font-size: 16px;
text-align: justify;
margin: 0;
}
.syohin-pageUrl .sec-menu .text-b, .syohin-pageUrl .sec-plan .text-b{
margin-bottom: 40px;
}
.wiki-cont {display: flex;background: #e34567;border-radius: 10px;box-shadow: 0 0 0 1px #e34567, 0 4px 8px rgb(23 58 118 / 30%);width: 1080px;margin: 0 auto 22px;}
.wiki-cont .inner-l{width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px 0;border-right: 1px solid #ff5b7f;color: #fff;font-size: 16px;}
.wiki-cont .inner-r {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 50px;
}
.wiki-cont .inner-l img{
width: 80%;
margin-bottom: 10px;
}
#mainCenter .wiki-cont .inner-r p,#main #main-contents .wiki-cont .inner-r p{
color: #fff;
font-size: 16px;
margin: 0;
text-align: justify;
}
#mainCenter .wiki-cont .inner-r .bg-blue,#main #main-contents .wiki-cont .inner-r .bg-blue {
width: fit-content;
font-size: 18px;
font-weight: bold;
background: #ad3751;
padding: 4px 10px;
margin-bottom: 10px;
}
.sec-wiki{
background: url(https://img.altema.jp/altema/wiki-bg.jpg) no-repeat center / cover;
}
.sec-test{
background: #f6f6f6;
}
.sec-test .img-wrap{
display: flex;
align-items: center;
justify-content: center;
margin: 40px 0;
}
.sec-test .img-wrap .circle{
width: 270px;
height: 270px;
border-radius: 50%;
background: #fff;
box-shadow: 5px 5px 0 0 #b6eaff;
display: flex;
justify-content: center;
align-items: center;
}
.sec-test .img-wrap .circle img{
width: 60%;
}
.sec-test .img-wrap .circle:last-child img{
width: 50%;
}
.sec-test .img-wrap .arrow {
width: 80px;
border: 0;
padding: 0;
text-align: center;
}
.syohin-pageUrl .sec-test .text-b {
width: 960px ;
margin: 0 auto;
text-align: justify !important;
}
body.syohin-pageUrl .sec-contact h2:before{
display: none;
}
body.syohin-pageUrl #mainCenter .sec-contact h2:after{
content: 'download';
font-size: 19px;
color: #e55978;
display: block;
text-align: center;
background:none;
bottom: 0px;
height: 0px;
}
.contact-wrap{
background: #fafafa;
border-radius: 10px;
box-shadow: 0 0 0 2px #e9e9e9 , 0 0 10px rgba(0,0,0,4%) ;
width: 800px;
margin: 0 auto;
padding: 80px 50px 60px;
}
.contact-wrap input[type="text"],.contact-wrap input[type="tel"],.contact-wrap input[type="email"], .contact-wrap textarea ,.contact-wrap select {
width: 100%;
display: block;
background: #fff;
border: 2px solid #dcdcdc!important;
border-radius: 10px!important;
padding: 12px 16px!important;
font-size: 16px;
height: auto!important;
margin: 0!important;
}
.contact-wrap input[type="tel"]::placeholder,.contact-wrap input[type="text"]::placeholder,.contact-wrap input[type="email"]::placeholder{
color: #e1e1e1;
}
.contact-wrap textarea{
height: 170px!important;
resize: none;
}
.contact-wrap dl{
margin-bottom: 30px;
}
.contact-wrap dl:last-of-type{
margin-bottom: 24px;
}
.contact-wrap dt {
font-size: 16px;
font-weight: bold;
color: #404040;
display: flex;
align-items: center;
margin-bottom: 8px;
}
.contact-wrap .required {
color: #fff;
background: #e5878d;
font-size: 15px;
font-weight: normal;
border-radius: 30px;
display: block;
line-height: 1;
padding: 3px 10px;
margin-right: 8px;
}
.contact-wrap .privacy_sct {
background: #fff;
border: 2px solid #dcdcdc;
overflow-y: scroll;
height: 137px;
padding: 12px 16px;
color: #404040;
font-size: 13px;
line-height: 1.8;
}
.contact-wrap #form-area .privacy_sct P {
font-size: 13px;
font-weight: bold!important;
margin: 0 0 10px!important;
}
#mainCenter .contact-wrap .privacy_sct li,#main-contents .contact-wrap .privacy_sct li{
border: 0;
margin: 0;
padding: 0;
}
body.syohin-pageUrl section.sec-attribute{
padding-top: 90px;
}
.contact-wrap #form-area{
width: auto;
}
.contact-wrap [id^="form-elements-"]{
margin: 0;
padding: 0;
}
.contact-wrap form .submit-wrap {
display: block;
width: 380px;
margin: 30px auto 0;
border-radius: 50px;
background: #1a8fdb;
position: relative;
z-index: 1;
}
.contact-wrap form .submit-wrap:hover{
opacity: 0.6;
}
.contact-wrap [id^="form-elements-"] #form-control- .form-submit{
border: 0;
background: none!important;
padding: 15px 0;
font-size: 20px;
color: #fff;
display: block;
border-radius: 50px;
text-align: center;
width: 100%;
cursor: pointer;
box-shadow: none;
font-weight:bold;
}
.contact-wrap form .submit-wrap:after{
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
border: 2px solid #fff;
border-left: 0;
border-top: 0;
transform: rotate(-45deg);
z-index: -1;
}
.contact-wrap .form-not-valid{
margin-top: 5px;
}
.contact-wrap .validation-errors {
color: #f00;
border: 0;
text-align: center;
font-weight: bold;
font-size: 14px;
}

@media only screen and (max-width: 896px){
.post .contents {
margin:0 !important;
padding:0;
}
#mainCenter .sec-attribute ul li .inner img{
margin-bottom: 50px;
}
#sidebar,#gNavi_button{
display: none!important;
}
.head-logo span.login-bt,.pc{
display: none;
}
.sp{
display: block;
}
body.home #main-in #breadcrumbs {
display: block;
padding: 0;
margin-top: 8px;
}
#main-contents .contents{
margin: 0!important;
padding-bottom: 0;
}
#mainCenter.pagesyohin section, #main-contents.pagesyohin section{
padding: 50px 15px;
}
.pagesyohin {
padding-top: 6px;
}
#mainCenter .post,#main-contents .post{
border: 0;
}
#main-in{
width: 100%!important;
margin: 0!important;
}
.pagesyohin .fv .logo {
width: 150px;
}
#mainCenter.pagesyohin .fv h1, #main #main-contents.pagesyohin .fv h1{
padding: 0!important;
background: none!important;
font-size: 56px;
margin: 20px 0 30px!important;
}
.fv-img {
width: 350px;
}
.pagesyohin .fv:after{
display: none;
}
.page-link {
position: relative;
background: #fff;
flex-wrap: wrap;
justify-content: center;
gap:12px 20px;
padding: 0 14px!important;
}
ul.page-link li {
width: calc((100% - 42px) / 3);
margin: 0!important;
padding: 0;
}
.page-link a{
font-size: 12px;
padding: 4px 0 30px;
}
.page-link img {
height: 42px;
}
.page-link li:last-child img {
width: 60px;
}
.page-link .text{
line-height: 1.5;
}
.page-link:before {
content: '';
display: block;
width: 700px;
height: 71px;
min-width: 100%;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: -70px;
z-index: -1;
background: url(https://img.altema.jp/altema/circle-sp.png) no-repeat center top / cover;
}
.syohin-pageUrl section h2{
font-size: 28px !important;
margin: 0 0 18px ;
}
.syohin-pageUrl section h2:before, #main-contents.pagesyohin section h2:before{
font-size: 28px !important;
}
.syohin-pageUrl h2{
background: #fff !important;
}
.syohin-pageUrl:not(.top-design) #mainCenter h2 {
background: #fff !important;
border-left: 6px solid #e5325a;
}

#main #main-contents.pagesyohin .text-b{
font-size: 16px;
}
.sec-attribute ul {
display: block;
}
#mainCenter .sec-attribute ul li, #main-contents .sec-attribute ul li{
width: auto;
border-bottom: 2px solid #ededed;
padding: 24px 8px;
}
#mainCenter .sec-attribute ul li:first-child, #main-contents .sec-attribute ul li:first-child{
padding: 24px 8px 40px;
}
#mainCenter .sec-attribute ul li:last-child, #main-contents .sec-attribute ul li:last-child{
border-bottom: 0;
padding-bottom: 0;
}
.sec-attribute li:after{
display: none;
}
.sec-attribute li .text{
position: static;
display: block;
margin: 20px auto 0;
}
.sec-attribute li .inner .text{
position: absolute;
margin: auto;
}
#mainCenter .sec-attribute ul li .inner, #main-contents .sec-attribute ul li .inner{
height: 160px;
}
.sec-attribute li img {
width: 80%;
display: block;
margin: 0 auto;
}
.sec-attribute ul li:first-child img {
margin-bottom: 40px !important;
}
.pagesyohin .sec-menu .text-b{
padding: 0 16px!important;
margin-bottom: 40px!important;
}
.pagesyohin .sec-menu .text-b br{
display: none;
}
.menu-cont, .plan-cont {
width: auto;
display: block;
padding: 24px;
}
.menu-cont img, .plan-cont img {
width: 100%;
}
.menu-cont .text, .plan-cont .text {
width: auto;
padding-left: 0;
}
#mainCenter .menu-cont h3, #mainCenter .plan-cont h3, #main #main-contents .menu-cont h3, #main #main-contents .plan-cont h3 {
background: none;
color: #404040;
font-size: 18px;
margin: 18px 0px 12px;
}
.menu-cont .text p, .plan-cont .text p{
margin: 0!important;
}
.wiki-cont{
width: auto;
display: block;
padding: 14px;
}
.wiki-cont .inner-l{
width: auto;
display: block;
padding: 0;
text-align: center;
margin-bottom: 20px;
border: 0;
}
.wiki-cont .inner-l img {
width: 100%;
}
.wiki-cont .inner-r{
width: auto;
display: block;
padding: 0;
}
.wiki-cont .inner-r .bg-blue{
width: auto;
padding: 6px 10px;
line-height: 1.5;
margin-bottom: 10px!important;
}
.wiki-cont .inner-r p {
margin: 0!important;
}
.sec-test .img-wrap .circle {
width: calc((100% - 72px) / 3 );
height: 0;
padding-top: calc((100% - 72px) / 3 );
position: relative;
box-shadow: 3px 3px 0 0 #b6eaff;
}
.sec-test .img-wrap .arrow {
width: 36px;
}
.sec-test .img-wrap .circle img{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.sec-test .img-wrap .arrow img{
width: auto;
height: 26px;
}
.pagesyohin .sec-test .text-b{
width: auto;
}
.sec-test .img-wrap{
margin: 20px 0;
}
.sec-contact{
background: #fafafa;
}
.contact-wrap{
background: none;
border-radius: 0;
box-shadow: none;
width: auto;
padding: 0;
}
.contact-wrap input[type="text"],.contact-wrap input[type="email"], .contact-wrap textarea{
max-width: none;
padding: 10px 12px!important;
font-size: 16px;
}
.contact-wrap dt {
margin-bottom: 6px;
}
.contact-wrap dl {
margin-bottom: 24px;
}
.contact-wrap textarea {
height: 150px!important;
}
.contact-wrap .privacy_sct{
font-size: 14px;
height: 140px;
}
.contact-wrap form .submit-wrap{
width: 310px;
margin: 24px auto 0;
}
.contact-wrap [id^="form-elements-"] #form-control- .form-submit{
padding: 14px 0;
font-size: 18px;
height: auto;
}
}

@media screen and (max-width : 376px){
.fv-img {
width: 340px;
}
.page-link{
gap: 12px 16px;
}
ul.page-link li{
width: calc((100% - 34px) / 3);
}
.wiki-cont .inner-l{font-size: 15px;}
}
@media screen and (max-width : 361px){
#mainCenter.pagesyohin .fv h1, #main-contents.pagesyohin .fv h1{
font-size: 54px;
}
.fv-img {
width: 320px;
}
}

/*--------------------------------------------------------
ヘッダー　お問い合わせボタン調整
-------------------------------------------------------*/
.syohin-pageUrl .gachaBtn.hight{
margin-bottom: 60px;
}
@media only screen and (max-width: 896px){
#main-contents.pagesyohin .gachaBtn {
display: block;
width: 95%;
margin: 0 auto;
padding: 16px 20px 22px 20px;
font-size: 22px;
border-radius: 77px;
background: #fff;
border: 1px solid #ff9826;
color: #fff;
position: relative;
margin-top: 25px;
background: #ff9826;
font-weight: bold;
line-height: 1.7;
}
.page-link:before {
content: '';
display: block;
width: 700px;
height: 200px;
min-width: 100%;
position: absolute;
left: 50%;
transform: translate(-50%, 0);top: -186px;z-index: -1;background: url(https://img.altema.jp/altema/circle-sp.png) no-repeat center top / cover;
}
#main-contents.pagesyohin .gachaBtn.hight{
margin-top: 0px;
display: :block;
}
#main-contents .page-link{
margin-top: 50px !important;
}
}

/*--------------------------------------------------------
こんなジャンルもおすすめ
-------------------------------------------------------*/
.recommended-genre {
position: relative;
margin: 40px auto;
background: #fff;
border-radius: 10px;
width: 600px;
box-shadow: 4px 4px 0 #f9cf85;
padding: 40px 0 46px;
}
.recommended-genre p.text {
font-size: 20px!important;
text-align: center;
font-weight: bold;
margin-bottom: 24px!important;
line-height: 1.4!important;
}
.recommended-genre p.text span{
font-size: 30px;
color: #ff9826;
background: url(https://img.altema.jp/monsuto/uploads/2024/09/2024y09m17d_1356515024.png) no-repeat center bottom / contain;
display: inline-block;
padding-bottom: 3px;
}
.recommended-genre ul {
display: grid;
grid-template-columns: repeat(2,auto);
justify-content: center;
gap: 26px 40px;
}
.recommended-genre li{
border: 0!important;
padding: 0 0 0 26px!important;
margin: 0!important;
position: relative;
font-size: 14px;
font-weight: bold;
}
.recommended-genre li:before{
content: '';
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(https://img.altema.jp/monsuto/uploads/2024/09/2024y09m17d_135652643.png) no-repeat center / contain;
}
.recommended-genre li span{
background: linear-gradient(transparent 60%, #fff2db 0%)!important;
font-size: 18px;
}
.recommended-genre li:last-child{
padding: 0!important;
}
.recommended-genre li:last-child:before{
display: none;
}
.recommended-genre:before,.recommended-genre:after,.recommended-genre .text:before,.recommended-genre .text:after{
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #ffda9a;
position: absolute;
}
.recommended-genre:before{
top: 10px;
left: 10px;
}
.recommended-genre:after{
top: 10px;
right: 10px;
}
.recommended-genre .text:before{
bottom: 10px;
left: 10px;
}
.recommended-genre .text:after{
bottom: 10px;
right: 10px;
}

@media only screen and (max-width: 896px){
.recommended-genre{
max-width: 100%;
right: 2px;
padding: 40px 2px 46px 0;
}
.recommended-genre p.text{
margin-bottom: 20px!important;
}
.recommended-genre ul{
gap: 24px 20px;
}
.recommended-genre li{
font-size: 13px!important;
}
.recommended-genre li span{
font-size: 16px;
}
}

@media screen and (max-width : 391px){
.recommended-genre{
padding: 38px 2px 44px 0;
}
.recommended-genre p.text {
font-size: 18px!important;
}
.recommended-genre p.text span{
font-size: 28px;
}
.recommended-genre ul{
gap: 20px 12px;
}
.recommended-genre li{
padding: 0 0 0 22px!important;
}
.recommended-genre li:before{
width: 18px;
height: 18px;
}
}
@media screen and (max-width : 376px){
.recommended-genre ul {
gap: 20px 10px;
}
.recommended-genre li {
font-size: 12px!important;
}
.recommended-genre li span {
font-size: 15px;
}
}
@media screen and (max-width : 361px){
.recommended-genre li span {
font-size: 14px;
}
}

/*--------------------------------------------------------
広告ページDL版調整
-------------------------------------------------------*/
.syohin-pageUrl .gachaBtn{width: 450px;}
@media screen and (max-width : 415px){
.syohin-pageUrl .gachaBtn,.syohin-pageUrl .gachaBtn{
font-size: 20px;
}
}
@media screen and (max-width : 415px){
.syohin-pageUrl .gachaBtn,.syohin-pageUrl .gachaBtn{
font-size: 18px;
}
}
.pagesyohin div#form-elements-262 .lead {
text-align: center;
margin: 10px 0px 0px 0px !important;
}
.syohin-pageUrl .gachaBtn{
display:block;
margin:0 auto;
padding: 20px 20px 27px 20px;
font-size: 23px;
border-radius:77px;
color: #fff !important;
border: 1px solid #ff9826;
color: #fff;
position:relative;
margin-top: 60px;
background:#ff9826;
font-weight: bold;
}
.syohin-pageUrl .gachaBtn:hover{
opacity:0.7;
}
.syohin-pageUrl .gachaBtn:after{
content:"▼";
font-size:11px;
position:absolute;
right:0;
left:0;
bottom:2px;
margin: auto;
}
.gachaBtn:before{
content:none;
}

/*--------------------------------------------------------
sec-attributeコンテンツ追加
-------------------------------------------------------*/
.sec-attribute ul{/* width: fit-content; */margin: 60px auto 0!important;}
#mainCenter .sec-attribute ul li, #main-contents .sec-attribute ul li,#mainCenter .sec-attribute ul li:first-child, #main-contents .sec-attribute ul li:first-child{
display: block;
}
.sec-attribute li .text{
position: static;
width: 180px;
display: block;
margin-bottom: 30px;
}
.sec-attribute li img{
width: 100%;
height: 190px;
object-fit: contain;
display: block;
margin: 0 auto;
}
.sec-attribute li:after{
top: 50px;
}
.sec-attribute .img-wrap1 li:nth-of-type(1) img{
width: 220px;
}
.sec-attribute .img-wrap2{
border-top: 22px solid #f1f8fe;
margin-top: 40px!important;
padding-top: 50px;
}
.sec-attribute .text2 {
display: block;
text-align: center;
font-weight: bold;
font-size: 16px;
margin-top: 20px;
line-height: 1.6;
}

@media only screen and (max-width: 896px){
.sec-attribute ul{
width: auto;
margin: 0!important;
}
.sec-attribute .img-wrap2{
padding-top: 0;
margin: 0 !important;
}
.sec-attribute li img{
width: 80%;
height: auto;
}
.sec-attribute .img-wrap1 li:nth-of-type(1) img {
width: 60%;
}
.sec-attribute ul li:first-child img {
margin-bottom: 0 !important;
}
.sec-attribute li .text{
margin-top: 0;
}
.sec-attribute .img-wrap2 {
border-top: 0;
}
#mainCenter .sec-attribute ul li:first-child, #main-contents .sec-attribute ul li:first-child{
padding-bottom: 24px;
}
#mainCenter .sec-attribute .img-wrap1 li:last-child, #main-contents .sec-attribute .img-wrap1 li:last-child{
border-bottom: 2px solid #ededed;
padding-bottom: 24px;
}
}
.pagesyohin.pageUrlsyohin- .kaigyou{
display:none;
}
@media only screen and (max-width: 896px){
.pagesyohin.pageUrlsyohin- .kaigyou{
display:block;
content: "";
padding: 7px;
}
}
/*--------------------------------------------------------
sec-attribute　SP調整
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
.sec-attribute .sp{
padding-top: 20px;
}
.sec-attribute .sp ul{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 26px 15px;
}
#mainCenter .sec-attribute ul li, #main-contents .sec-attribute ul li,#mainCenter .sec-attribute ul li:first-child, #main-contents .sec-attribute ul li:first-child{
border-bottom: 0;
padding: 0;
}
.sec-attribute li img {
width: 100%;
}
.sec-attribute li:first-child img{
width: 74%;
}
.sec-attribute li .text{
width: 160px;
font-size: 12px;
margin-bottom: 20px;
}
.sec-attribute .text2{
font-size: 11px;
margin-top: 15px;
}
}

@media screen and (max-width : 391px){
.sec-attribute .text2 {
font-size: 10px;
margin-top: 10px;
}
}

@media screen and (max-width : 376px){
.sec-attribute .sp ul{
gap: 26px 10px;
}
.sec-attribute li .text{
width: 150px;
font-size: 11px;
}
.sec-attribute li img {
width: 96%;
}
}

@media screen and (max-width : 361px){
#mainCenter.pagesyohin .sec-attribute, #main-contents.pagesyohin .sec-attribute {
padding: 50px 10px;
}
.sec-attribute .sp ul{
gap: 26px 0;
}
.sec-attribute li img {
width: 92%;
}
.sec-attribute li .text{
width: 146px;
}
}
.pagesyohin.pageUrlsyohin- p{
line-height: 2.0em;
}
@media only screen and (max-width: 896px){
.pagesyohin.pageUrlsyohin- p{
line-height: 1.7em;
}
}

@media only screen and (max-width: 896px){
.syohin-pageUrl #mainCenter{
padding: 0;
}
.syohin-pageUrl .fv .logo {
width: 150px;
}
.syohin-pageUrl .fv h1{
font-size: 56px;
}
.syohin-pageUrl .fv:after{
display: none;
}
.syohin-pageUrl .gachaBtn {
display: block;
width: 95%;
margin: 0 auto;
padding: 16px 20px 22px 20px;
font-size: 18px;
border-radius: 77px;
background: #fff;
border: 1px solid #ff9826;
color: #fff;
position: relative;
margin-top: 25px;
background: #ff9826;
font-weight: bold;
line-height: 1.7;
}
.syohin-pageUrl .gachaBtn.hight {
margin-top: 0px;
}
.page-link:before {
content: '';
display: block;
width: 700px;
height: 200px;
min-width: 100%;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: -186px;
z-index: -1;
background: url(https://img.altema.jp/altema/circle-sp.png) no-repeat center top / cover;
}
.page-link{
gap: 0 10px;
margin-top: 50px!important;
}
ul.page-link li{
width: calc((100% - 32px) / 4);
}
.syohin-pageUrl:not(.top-design) #mainCenter h2{
border-left: 0;
background: none!important;
font-size: 28px;
margin: 0 0 18px;
}
body.syohin-pageUrl section {
padding: 50px 15px;
}
body.syohin-pageUrl section.sec-attribute {
padding-top: 50px;
}
.sec-attribute .pc{
display: block;
}
#mainCenter .sec-attribute ul li, #main-contents .sec-attribute ul li{
margin: 0 0 30px;
border-bottom: 2px solid #ededed!important;
padding-bottom: 24px!important;
}
#mainCenter .sec-attribute ul li:last-child, #main-contents .sec-attribute ul li:last-child{
border-bottom: 0!important;
padding-bottom: 0!important;
}
.sec-attribute li .text {
width: 220px;
font-size: 16px;
margin-bottom: 20px;
line-height: 32px;
}
.syohin-pageUrl .text-b {
font-size: 16px;
}
.syohin-pageUrl:not(.top-design) #mainCenter .sec-contact h2{
font-size: 26px!important;
margin-bottom: 40px;
}
body.syohin-pageUrl #mainCenter .sec-contact h2:after{
bottom: -6px;
}
.contact-wrap [id^="form-elements-"] > p{
margin: 0 0 24px;
}
.syohin-pageUrl #mainCenter{
margin-bottom: 0;
}
.syohin-pageUrl .sec-menu .text-b br,.syohin-pageUrl .sec-plan .text-b br{
display: none;
}
}

@media screen and (max-width: 391px) {
.syohin-pageUrl:not(.top-design) #mainCenter .sec-contact h2 {
font-size: 25px!important;
}
}

@media screen and (max-width: 376px) {
.fv-img {
width: 340px;
}
.syohin-pageUrl:not(.top-design) #mainCenter .sec-contact h2 {
font-size: 24px!important;
}
}

@media screen and (max-width: 361px) {
.syohin-pageUrl .fv h1{
font-size: 54px;
}
.fv-img {
width: 320px;
}
.page-link a {
font-size: 11px;
}
.syohin-pageUrl:not(.top-design) #mainCenter .sec-contact h2 {
font-size: 23px!important;
}
}

#form-control-select-458 select{
height: 50px !important;
}

/*--------------------------------------------------------
崩れ修正
-------------------------------------------------------*/
.syohin-pageUrl #mainCenter .post > .contents{
margin-top: 0;
padding-top: 0;
}
.syohin-pageUrl .post-meta02{
display: none!important;
}
.syohin-pageUrl .gachaBtn:after{
top: auto;
width: auto;
height: auto;
background: none;
animation: none;
}
.syohin-pageUrl .article > aside ~ h2,.syohin-pageUrl .article > aside ~ .olipa5sen{
width: 800px;
max-width: 100%;
margin-left: auto!important;
margin-right: auto!important;
}
.syohin-pageUrl .olipa .gachaBtn{
border: 0;
box-shadow: 0 4px 0 #852339;
background: #e5325a !important;
color: #fff;
padding: 10px 0;
border-radius: 5px;
font-size: 16px;
width: 90%;
margin: 8px 15px 8px 15px;
}
.syohin-pageUrl .olipa .gachaBtn:after{
content: '';
position: absolute;
right: -10px;
top: 0;
bottom: 0;
left: auto;
margin: auto;
width: 20px;
height: 20px;
color: #fff !important;
font-size: 20px;
display: block;
background: url(https://img.altema.jp/pachimo/uploads/2022/06/2022y06m21d_1221190774.png) center no-repeat rgba(255, 255, 255, 0);
background-size: 13px;
-webkit-animation-name: Arrows;
animation-name: Arrows;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@media only screen and (max-width: 896px) {
.syohin-pageUrl #mainCenter .article > aside ~ h2{
background: #252525!important;
border-left: 6px solid #e5325a;
font-size: 16px;
margin: 30px 10px 10px!important;
width: auto;
}
.syohin-pageUrl .ad-sticky-container{
height: 500px !important;
}
.syohin-pageUrl .article > aside ~ .olipa5sen{
margin-left: 10px!important;
margin-right: 10px!important;
width: auto;
}
}