img{
 max-width: 100%;
}
header .sidebar_top{
 background-image: url("https://hanamira.jp/oshi-kabu/asset/canva_img/header.png");
 background-size: cover;
 width: 100%;
 height:107px;
}
@media only screen and (max-width: 768px){
 header .img_banner{
  padding-top: 107px;
 }
}
@media only screen and (min-width: 769px) {
 header .img_banner{
  max-width: 500px;
  margin: auto;
 }
}

/** SP メニュー **/
#navi_top {
 display: none;
 top: 107px!important;
 left: 0px;
 width: 100%;
 padding: 0 3% 10px;
 position: fixed;
 z-index: 999;
}

/** header裏リセット */
header{
 /*background: #F489AF;*/
 background: #ff7899;
 background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 1, 1, 0.1) 10px, rgba(255, 1, 1, 0.1) 20px )
}

/**
特典の画像
 */
.section_title{
 width: 100%;
}
#section_01 .box{
 background: #ff7899;
 background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 1, 1, 0.1) 10px, rgba(255, 1, 1, 0.1) 20px )
}
.box p.img{
 text-align: center;
}
.box img{
 max-width: 500px;
}

/** 赤bgをストライプに **/
#section_02, #section_04{
 background: #ff7899;
 background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255, 1, 1, 0.1) 10px, rgba(255, 1, 1, 0.1) 20px )
}

@media only screen and (min-width: 800px) {
 #section_01 .inner,
 #section_03 .inner,
 #section_04 .inner,
 #section_05 .inner {
  width: 800px;
 }
}

.toc-r,.toc-l{
 border:none;
}
.toc-r ul, .toc-l ul{
 margin-left: 5px;
}

.btn-open {
 font-size: 22px;
}

a.btn-open{
 font-size: 22px;

}

/** 回転アニメ */
.kurukuru_box{
 width: 250px;
 height: 250px;
 margin: 0 auto;
 position: relative;
 cursor: pointer;
 transform-style: preserve-3d;
 transition: 1s;
}
.kurukuru_box img{
 position: absolute;
 width: 100%;
 backface-visibility: hidden;
 top: 0;
 left: 0;
 border-radius: 20px;
}
.kurukuru_box:hover{
 transform: rotateX( 180deg );
}
.kurukuru_box img:last-child{
 transform: rotateX( 180deg );
}
