@charset "utf-8";
/* CSS Document */
.hdr--typeH, .fs-l-footer {
    display: none;
}
.mainVisual_arc {
    margin-bottom: 0;
}
body {
    background-image: url(https://edinter.itembox.design/item/lp/poton/poton_bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    font-family: "Tsukushi A Round Gothic", "筑紫A丸ゴシック", "BIZ UDGothic" sans-serif!important;
}
h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 15px;
}
.ptn_wrap {
    background: #fff;
    box-shadow: 0 0 30px 3px rgba(110, 90, 70, .7);
    padding: 2rem;
    max-width: 500px;
    margin: auto;
    text-align: center;
}
.sub_title {
    font-size: 12px;
}
.play_poton, .about_ptn, .feelgood_play, .staff_paly, .ptn_condition, .ptn_set {
    padding: 20px 10px;
}
.line01 {
    height: 5px;
    background-image: url(https://edinter.itembox.design/item/lp/poton/line_01.png);
    background-size: contain;
}
.title_02_2 {
    color: #036EB8;
}
.title_03 {
    color: #E50012;
}
.title_04, .title_06 {
    color: #F39800;
}
.title_05 {
    color: #00993E;
}
/*-----------------------
    商品ページボタン
-----------------------*/
a.button_01 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 220px;
    margin: 30px auto 20px;
    padding: 1rem 4rem;
    font-weight: bold;
    border: 2px solid #036EB8;
    background: #036EB8;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
}
a.button_01:hover {
    color: #036EB8;
    background: #fff;
}
a.button_02 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 220px;
    margin: 30px auto 20px;
    padding: 1rem 4rem;
    font-weight: bold;
    border: 2px solid #E50012;
    background: #E50012;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
}
a.button_02:hover {
    color: #E50012;
    background: #fff;
}
a.button_03, a.button_05 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 220px;
    margin: 30px auto 20px;
    padding: 1rem 4rem;
    font-weight: bold;
    border: 2px solid #F39800;
    background: #F39800;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
}
a.button_03:hover, a.button_05:hover {
    color: #F39800;
    background: #fff;
}
a.button_04 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 220px;
    margin: 30px auto 20px;
    padding: 1rem 4rem;
    font-weight: bold;
    border: 2px solid #00993E;
    background: #00993E;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
}
a.button_04:hover {
    color: #00993E;
    background: #fff;
}
/*--------------------------
        　　背景
---------------------------*/
.play_poton {
    background-color: #C4ECF7;
}
.about_ptn {
    background-color: #A3D4EF;
}
.staff_paly {
    background-color: #F9E7D2;
}
.ptn_condition {
    background-color: #E2ECAF;
}
.ptn_set {
    background-color: #FFF9B1;
}
.feelgood_play {
    background-color: #FCE4DF;
}
/*--------------------------
        スライダー
---------------------------*/
.slider, .slider_02 {
    width: 100%;
    margin: 0 auto;
}
.slider img, .slider_02 img {
    width: 100%;
}
.slider .slick-slide, .slider_02 .slick-slide {
    height: auto !important;
    margin-right: 1vw !important;
    margin-left: 1vw !important;
}
.slider .slick-arrow, .slider_02 .slick-arrow {
    width: 30px;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}
.slider .slick-next, .slider_02 .slick-next {
    right: 8% !important;
}
.slider .slick-prev, .slider_02 .slick-prev {
    left: 8% !important;
}
.slider .slick-prev:before, .slider .slick-next:before ,.slider_02 .slick-prev:before, .slider_02 .slick-next:before {
    display: none;
}
.slider .slick-prev, .slider .slick-next {
    top: 24% !important;
}
.slider_02 .slick-prev, .slider_02 .slick-next{
    top: 29%;
}
.slider h3{
    font-size: 18px;
    color: #E50012;
}
.slider_02 h3{
    font-size: 18px;
    color: #F39800;
}
.slider h3, .slider_02 h3, .slider p, .slider_02 p {
    margin: 10px;
}

.creater, .insta {
    margin: 30px 0 20px;
}
.ptn_education {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 15px;
}
.ptn_list {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 18px;
}
.list_left {
    width: 55%;
    padding: 10px;
}
.ptn_list_ttl {
    text-transform: uppercase;
}
.ptn_list_txt {
    margin-top: 20px;
    text-align: left;
}
.list_right {
    width: 45%;
}
.list_right img {
    height: 100%;
    object-fit: contain;
    padding: 10px 10px 10px 0;
}
.set_item {
    margin-bottom: 20px;
}
.price p{
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 20px;
}
@media only screen and (max-width:768px) {
    .ptn_wrap{
        padding: 0;
    }
    /*.hdr--typeG, .shoppingGuide, .ftr--typeB {
        display: none;
    }*/
    .mainVisual_arc {
        margin-bottom: 0;
    }
    .mainvisual_poton {
        margin-top: 3%;
    }
/*--------------------------
        スライダー01
---------------------------*/
 .slider .slick-next, .slider_02 .slick-next {
    right: 7% !important;
}
.slider .slick-prev, .slider_02 .slick-prev {
    left: 7.5% !important;
}
.slider .slick-prev, .slider .slick-next {
    top: 21% !important;
}
    .slider_02 .slick-prev, .slider_02 .slick-next{
        top: 27%;
    }
    .youtube-ratio iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}
}