@charset "utf-8";

/*------------------------------------------------------------------------------
 ANCHORS
 -------------------------------------------------------------------------------*/

a:link,
a:visited,
a:hover,
a:active	{ color: #2b220c; text-decoration: none; cursor : pointer!important;}


/*------------------------------------------------------------------------------
 ROOT（CSS変数を設定）
 -------------------------------------------------------------------------------*/
:root {
	--color-orange: #f39800;
  }

/*------------------------------------------------------------------------------
 FONTS(25.11.25変更)
 -------------------------------------------------------------------------------*/

body, input, select, textarea, table, th, td, li ,a {
/*	font-family: Ryumin Regular KL,Ryumin Bold KL,"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;*/

}
body, input, select, textarea {
	font-size: 1.2rem;
	*font-size: 75%;
	color: #57117a;
	line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
}
strong, em {
	font-style: normal;
	font-weight: bold;
}

.subpage{
    font-family: "Shippori Mincho B1", serif;
    font-style: normal;
    font-weight: 600;
    color: #251e1c;
    img{
        width: 100%;
    }
    .br-sp{
        display: none;   
    }
}
@media all and (max-width:768px) {
    .subpage{
        .br-sp{
            display: block;   
        }
        .br-pc{
            display: none;
        }
    }
}

/*------------------------------------------------------------------------------
 BODY
 -------------------------------------------------------------------------------*/
html {
    height: 100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}
body {
	overflow-y: scroll;
	overflow-y: visible;
	height:100%;
	min-height: 100%;
    font-family: "Noto Sans JP", sans-serif;
}

body::before {
    background-image: url("../img/bg_contents.jpg");
    position: fixed;
    display: block;
    width: 100vw;
    height: 100vh;
    background-size: auto;
    background-position: center top;
    content: '';
     background-size: 100% auto; 
    z-index: -999;
}

.sp{
	display: none !important;
}


/*------------------------------------------------------------------------------
#loading
 -------------------------------------------------------------------------------*/
#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: var(--color-orange);
}
#loading_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.loading-one {
  display: inline-block;
/*
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
*/
}
.loading-one p.loading-txt {
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.25em;
  line-height: 2.0;
  padding: 0em 0 2em;
}

.loading-txt img{
	width: min(300px, 23.07vw);
	
}

#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
/*  background: #222222;*/
  text-align: center;
}

.progressbar-text{
	font-size: 24px!important;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"!important;
	font-weight: 600!important;
}

@media screen and (max-width:820px){	
	.loading-txt img{
	width: min(320px, 77.29vw);
		
	}
	
	.progressbar-text{
		font-size: 24px!important;
	}
	
}

/*==================
.animation_loading
==================*/

.animation_loading {
  animation: equalizer_loading 1s ease-in-out infinite alternate;
  animation-iteration-count: 10;
}
@keyframes equalizer_loading {
 	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}



/*------------------------------------------------------------------------------
 WRAPPER(25.12.01変更)subpage-Title部分
 -------------------------------------------------------------------------------*/
#wrapper {
	height:100%;
	margin: 0;
	padding: 0;
}

body > #wrapper {
	height:auto;
}

#container {
	margin:0 auto;
}

.subpage-Title {
    padding-top: 60px;
	position: relative;
	max-width: 1200px;
    width: 94%;
	z-index: 2;
	margin: 0 auto 30px;
	text-align: left;
}

.subpage-Title h2 {
	margin: 0;
	padding: 0;
	letter-spacing: -0.01em;
	font-family: "Cormorant", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 80px;
	display: block;
	color: #998440;
	line-height: 100%;
}

.subpage-Title .ttl-deco {
    width: 151px;
}
@media all and (max-width:768px) {
    .subpage-Title h2{
        font-size: clamp(70px,14.49vw,80px);
    }
    .subpage-Title .ttl-deco {
        width: 121px;
    }
}


#container.page-con {
	padding-top: 170px;
}

#container.page-con h2.page_title-main {
    margin: 0 auto;
    margin-bottom: 60px;
    text-align: center;
}


#badge {
	position:absolute;
	top: 30.7%;
    width: 20%;
    left: 1%;
}

#bn_stage {
    position: absolute;
    top: 22.5%;
    width: 27%;
    right: 1.2%;
    border: 1px solid #ce89a5;
}

#sale_comic {
	position: absolute;
	right: 18.6%;
	top: 70.1%;
    width: 18.2%;
}

#sale_comic ul {
	position: absolute;
	bottom: 4%;
	left: 5.5%;
	width: 67.5%;
}

#sale_jrbunko {
	position: absolute;
   left: 35.27%;
    top: 65.32%;
    width: 17.7%;
}

#sale_jrbunko ul {
	position: absolute;
	bottom: 4%;
	left: 5.5%;
	width: 67.5%;
}

#sale_jrbunko ul li {
    margin-bottom: 3px;
}

#sale_novel {
	position: absolute;
    right: 0.5%;
    top: 69.8%;
	width: 181px;
}
#sale_novel ul {
    position: absolute;
    bottom: 2.2%;
    left: 8.5%;
    width: 146px;
}
#sale_novel ul li {
    margin-bottom: 5px;
}

#sale_novel7 {
	position: absolute;
	right: 0.5%;
	top: 61.2%;
	width: 19%;
}
#sale_novel7 ul {
    position: absolute;
    bottom: 4.6%;
    left: 11.1%;
    width: 76.5%;
}
#sale_novel7 ul li {
    margin-bottom: 5px;
}

#sale_audiobook {
	position: absolute;
    right: -0.3%;
    top: 35.5%;
	width: 21.5%;
}
#sale_audiobook ul {
    position: absolute;
    bottom: 2.2%;
    left: 8.5%;
    width: 146px;
}
#sale_audiobook ul li {
    margin-bottom: 5px;
}

#area_anime {
	position: absolute;
    top: 0%;
    left: 0%;
	width: 64%;
}

#badge_circulation {
	position: absolute;
	top: 48.6%;
	left: 82%;
	width: 16%;
}
.badge_ouen {
    position: absolute;;
	top: 79.4%;
    right: 18.5%;
    z-index: 99;
}
.badge_ouen img {
	width: 7.2vw!important;
	max-width: 79px;
}


.badge_ouen02 {
    position: absolute;;
	top: 71%;
    right: 1%;
    z-index: 99;
}
.badge_ouen02 img {
	width: 7.2vw!important;
	max-width: 79px;
}

@media screen and (max-width:820px){	
/*
.badge_ouen {
    position: absolute;
	top: 61%;
	right: 21.5%;
    z-index: 99;
}
.badge_ouen img {
	width: 7.2vw!important;
	max-width: 79px;
}
.badge_ouen02 {
    position: absolute;
	top: 61%;
	right: 21.5%;
    z-index: 99;
}
.badge_ouen02 img {
	width: 7.2vw!important;
	max-width: 79px;
}
*/
}


/*------------------------------------------------------------------------------
 HEADER
 -------------------------------------------------------------------------------*/

.header {
    width: 100%;
    height: 95px;
    align-items: center;
    background: url("../img/common/bg_nav.jpg");
	background-size: 100% auto;
    z-index:9999;
	height: max(89px,4.1666666667vw);
    border-bottom: 2px solid #f0f0f1;
}

    /*========= ナビゲーションのためのCSS ===============*/

    #g-nav {
        display: block;
        /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
        position:fixed;
        z-index: 999;
        /*ナビのスタート位置と形状*/
        top:0;
        right: -120%;
        width:100%;
        height: 100vh;/*ナビの高さ*/
        background: url(../img/common/bg_menu_PC.webp) no-repeat top center/cover;
        /*動き*/
        transition: all 0.6s;
    }

    /*アクティブクラスがついたら位置を0に*/
    #g-nav.panelactive{
        right: 0;
    }

    /*リストのレイアウト設定*/

    #g-nav li{
        list-style: none;
        text-align: center; 
    }

    #g-nav li a {
        color: #fff;
        text-decoration: none;
/*        padding:10px;*/
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: bold;
        font-size: 18px;
    }
    
    #g-nav li a:link {
        color: #fff;
    }

    /*ナビゲーション*/
    #g-nav ul.menu-list {
		display: flex;
		flex-wrap: wrap; 
		gap: 5.417vw 5.3vw; 
		position: relative;
		left: 2.5vw; 
        margin: 0 auto;
		padding: 10.5vw 0 4.5vw 0;
		width: 74.25vw;
    }

    /*リストのレイアウト設定*/

    #g-nav ul.menu-list li {
		position: relative;
		flex-basis:16.6875vw; 
        list-style: none;
        text-align: left; 
    }

    #g-nav li a {
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.1em;
		font-family: "Shippori Mincho B1", serif;
  		font-weight: 200;
  		font-style: normal;
        font-size: 18px;
	    background-image: linear-gradient(
		  to right,
		  #bf9613,
		  #bf9613 50%,
		  #251e1c 50%
	    );
	    background-size: 200% 100%;
	    background-position: -100%;
	    display: inline-block;
	    position: relative;
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    transition: all 0.3s ease-in-out;
	}

	#g-nav li a:hover {
	 background-position: 0;
	}

	#g-nav li a:hover::before{
	  width: 100%;
	}

    #g-nav li a:link {
        color: #251e1c;
    }

    #g-nav .menu-list li.active a {
	    background-image: linear-gradient(
		  to right,
		  #bf9613,
		  #bf9613 50%,
		  #bf9613 50%
	    );
    }

    #g-nav .menu-list li.active a:link {
	    background-image: linear-gradient(
		  to right,
		  #bf9613,
		  #bf9613 50%,
		  #bf9613 50%
	    );
    }

    #g-nav li a strong {
		display: block;
		font-family: "Cormorant", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-size: 38px;
    }
	
	#footer .corp-logo {
		margin: 0 auto;
		margin-bottom: 10.3vw;
		text-align: center;
	}
	
	#g-nav .sns-list {
		margin-top: 0;
		margin-bottom: 10.3vw;
		padding: 17px 0 17px 40px;
		gap: 1.2vw;
		display: flex;
		justify-content: left;
		align-items: center;
		font-family: "Cormorant", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-size: 18px;
		color: #988340;
		background: url(../img/bg_share.svg) left center/contain no-repeat;
		position: relative;
		left: 15.5vw;
	}
	
	#g-nav .sns-list span {
		margin-left: 0.5vw;
		margin-right: 0.5vw;
		width: 1.8vw;
		height: 1px;
		background: #988340;
		opacity: 0.5;
	}

	#g-nav .sns-list a img {
		transition: .3s ease-in-out;
	}
	
	#g-nav .sns-list a:hover img {
		filter: opacity(75%);
	}
	
	#g-nav .sns-list .x {
		width: 2.1vw;
	}
	
	#g-nav .sns-list .x img {
		width: 100%;
		height: auto;
	}
	
	#g-nav .sns-list .facbook {
		width: 2.9vw;
	}
	
	#g-nav .sns-list .facbook img {
		width: 100%;
		height: auto;
	}
	
	#g-nav .sns-list .line {
		width: 2.9vw;
	}
	
	#g-nav .sns-list .line img {
		width: 100%;
		height: auto;
	}



#g_nav_pc {
    display: flex;
    height: 90px;
    align-items: center;
    justify-content: flex-end;
	margin-right: 100px;
}

 .pc_logo {
     padding: 0;
     padding-left: 20px;
     padding-top: 18px;
     position: relative;
     display: block;
     float: left;
     width:auto; 
     border: 0;
}

 .pc_logo img {
    max-width: 100%;
}

#g_nav_pc .pc_menu_box {
    display: flex;
    height: auto;
    gap: 2rem;
    align-items: center;
}

#g_nav_pc .pc_menu {
    display: flex;
    height: auto;
    gap: 1.6rem;
    align-items: center;
    margin-right: 25px;
    
}

#g_nav_pc .pc_menu li {
    margin:0 15px;
    position: relative;
	text-align: center;
}

#g_nav_pc .pc_menu li a {
    font-size: 11px;
    font-family: "Shippori Mincho B1", serif;
    font-weight: 200;
    font-style: normal;
	text-align: center;
	line-height: 180%;
	transition: .2s ease-in-out;
	color: #000;
}

#g_nav_pc .pc_menu li a strong {
	display: block;
    font-size: 12px;
	font-family: "Cormorant", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
    font-size: max(19px,.7291666667vw);
}

#g_nav_pc .pc_menu li a:link, a:visited {
	color: #000;
}

#g_nav_pc .pc_menu li a:hover {
	color: #998440;
}

#g_nav_pc .pc_menu li.active a {
	color: #998440;
}

	/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
	z-index: 9999;/*ボタンを最前面に*/
	top:0;
	right: 0;
	cursor: pointer;
	width: 90px;
	height: 90px;
	background: url("../img/gnav_bg.jpg") no-repeat top center;
	background-size: contain; 
}

/*×に変化*/	
.openbtn span{
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 26px;
	height: 2px;
	border-radius: 1px;
	background-color: #fff;
	width: 50%;
  }

.openbtn span:nth-of-type(1) {
	top:34px;	
}

.openbtn span:nth-of-type(2) {
	top:46px;
}

.openbtn.active span:nth-of-type(1) {
	transform: translateY(6px) rotate(-45deg);
	width: 50%;
	left: 22px;
}

.openbtn.active span:nth-of-type(2) {
	transform: translateY(-6px) rotate(45deg);
	width: 50%;
	left: 22px;
	top: 47px;
}

.tab-area{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
.tab-btn{
    display:none; /*タブの切り替えを制御するラジオボタンを非表示に*/
}
.tab-list-wrap{
    padding:0; /*デフォルトの値をクリア*/
    margin: 0; /*デフォルトの値をクリア*/
    list-style-type:none; /*デフォルトの値をクリア*/
    display:flex; /*ボタンを横並びに*/
    justify-content:flex-start; /*ボタンを左寄せ配置*/
    gap: 1rem;
}
 
.tab-list{
    display:block;
    width: 111px;
    padding: 0;
    text-align:center;
    /*border:1px solid #4e7bcc;*/
    box-sizing:border-box; /*borderの値を横幅に含める*/
    cursor:pointer; /*オンマウス時にカーソルを指の形に*/
}
 
#tab-chara1:checked ~ .tab-list-wrap #select-list1 img,
#tab-chara2:checked ~ .tab-list-wrap #select-list2 img,
#tab-chara3:checked ~ .tab-list-wrap #select-list3 img,
#tab-chara4:checked ~ .tab-list-wrap #select-list4 img,
#tab-chara5:checked ~ .tab-list-wrap #select-list5 img,
#tab-chara6:checked ~ .tab-list-wrap #select-list6 img {
/*    border: 3px solid #e50481;*/
  outline: 3px solid #e50481; /* 2ピクセルの青い線 */
  outline-offset: -3px; /* 5ピクセル内側にオフセット */
    /*対応するボタンにチェックが入ったときに背景を#ffffff（白）に*/
}
.tab-content{
    padding:20px;
    display:none; /*初期状態を非表示に*/
}
#tab-chara1:checked ~ .tab-content-wrap #tab-content1,
#tab-chara2:checked ~ .tab-content-wrap #tab-content2,
#tab-chara3:checked ~ .tab-content-wrap #tab-content3,
#tab-chara4:checked ~ .tab-content-wrap #tab-content4,
#tab-chara5:checked ~ .tab-content-wrap #tab-content5,
#tab-chara6:checked ~ .tab-content-wrap #tab-content6{
    display: block;/*対応するボタンにチェックが入ったときに表示*/
}

.tab-content .chara_detail_box {
    display: flex;
    gap: 3rem;
}

.tab-content .chara_detail_box .chara_box {
/*    width: 80vw;*/
    max-width: 440px;
    width: 100%;
}

.tab-content .chara_detail_box .chara_box img {
    width: 100%;
}

.tab-content .chara_detail_box .intro_box {
    margin-top: 2.5rem;
    max-width: 460px;
    width: 100%;
}

.tab-content .chara_detail_box .intro_box .chara_cap {
    color: #514218;
    font-size: 17px;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 0.04em;
    margin-top: 1.5rem;
}

.tab-content .chara_detail_box .intro_box .chara_catch {
    margin-top: 2.5rem;
}

.tab-content .chara_detail_box .intro_box .profile {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 3rem;
}

.tab-content .chara_detail_box .intro_box .profile dl {
    border-top: 2px solid #e4007f;
    display: grid;
    grid-template-columns: 130px 250px;
}

.tab-content .chara_detail_box .intro_box .profile dl dt, .tab-content .chara_detail_box .intro_box .profile dl dd {
    padding: 0.6172839506vw 0.7vw;
    border-bottom: 2px solid #e4007f;
    color: #514218;
    font-size: 15px;
    font-weight: 500;
}

.tab-content .chara_detail_box .intro_box .profile dl dt.secret {
    position:relative;
}

.tab-content .chara_detail_box .intro_box .profile dl dt.secret:after {
    position: absolute;
    display: block;
    content: "";
    top: 15px;
    left: 44px;
    width: 17px;
    height: 13px;
    background: url("../img/icon_heart.png") no-repeat center top/cover ;
}


/*------------------------------------------------------------------------------
 CONTENTS
 -------------------------------------------------------------------------------*/
#mv {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    z-index:-9999;
    background-size: cover;
    padding-top: 120px;
	background-color: #c2bcb0;
}

#mv .mv__body {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

#mv .mv__body img{
	width: 100%;
}

#txt_anime {
	position: absolute;
	top: 45vw;
    left: 0vw;
    width: 50%;
}

.mv__logo {
	position: absolute;
	bottom: 3vw;
    left: 10vw;
    width: 80%;
}

.newissue_sp {
    display: none;
}

.bn_area_sp {
    display: none;
}

.p-btn {
	font-size: 14px;
	color: #fff;
	background-color: #aa8db9;
	    padding: 6px 29px;
    letter-spacing: -1px;
    box-shadow: 0px 0px 0px 4px #aa8db9;
    border: solid 1px #fff;
}

.ouen-btn{
	background-color: #69859d!important;
}

.p-btn:link, .p-btn:hover, .p-btn:active, .p-btn:visited  {
	color: #fff;
}

#newarrival {
    margin: 80px 0;
}

#newarrival .newarrival_inner {
    margin:0 auto;
	padding: 30px 0;
    box-sizing: border-box;
    max-width: 1000px;
    width: 100%;
/*
    background-color: #fff;
    border: 3px solid #d3ccb0;
    border-radius: 10px;
*/
    
}

#newarrival .ttl_newarrival {    
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 30px;
    max-width: 930px;
}

#newarrival .new-item-list {    
    display: flex;
    justify-content: space-between;
    gap: 26px;
    margin: 0 auto;
    max-width: 930px;
}

#newarrival .new-item {   
    padding: 2.6rem;
    max-width: 292px;
    width: 100%;
/*
    background-color: #fbf8f2;
    border-radius: 16px;
    border: 2px solid #eadcbd;
*/
}

#newarrival .new-item .type_tags {   
    display: flex;
    gap: 5px;
}

#newarrival .new-item .product_ul_ttl {
    margin-top: 5px;
    font-size: 20px;
    color: #514218;
    font-weight: bold;
    line-height: 135%;
}

#newarrival .new-item .product_ul_data > p {   
    color: #E4007F;
    font-weight: bold;
    font-size: 13px;
}

#newarrival .new-item .product_ul_data > p span {   
    color: #514218;
}

#newarrival .new-item .type_tags .tag_cat01 {   
    background-color: #e4007f;
    border-radius: 30px;
    color: #fff;
    width: 90px;
    text-align: center;
    font-weight: bold;
}

#newarrival .new-item .type_tags .tag_new {   
    background-color: #fbf8f2;
    color: #e51638;
    border: 1px solid #e51638;
    width: 40px;
    text-align: center;
    font-weight: bold;
}

#newarrival .new-item .item_thum {    
    margin: 15px auto;
    text-align: center;
}

#newarrival .new-item .product-list {    
    display: none;
}

#newarrival .new-item .item_thum img {    
    width: 80%;
}

#newarrival .new-item .btn_list {   
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

#newarrival .new-item .btn_list .buy {   
    background-color: #e4007f;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    line-height: 120%;
    margin-top: 5px;
    position: relative;
}

#newarrival .new-item .btn_list .buy:before {  
    position: absolute;
    display: block;
    content: "";
    top: 26%;
    left: 14px;
    width: 22px;
    height: 21px;
    background: url("../img/icon_cart.png") no-repeat center top/cover ;
}

#newarrival .new-item .btn_list .buy a {   
    display: inline-block;
    padding: 0.8vw;
    max-width: 226px;
    width: 100%;
}

#newarrival .new-item .btn_list .buy a:link {   
    color: #fff;
}

#newarrival .new-item .btn_list .buy a:visited {   
    color: #fff;
}

#newarrival .new-item .btn_list .sample {   
    background-color: #f39800;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    margin-top: 5px;
    position: relative;
}

#newarrival .new-item .btn_list .sample a {   
    display: inline-block;
    padding: 0.8vw;
    max-width: 226px;
    width: 100%;
}

#newarrival .new-item .btn_list .sample a:link {   
    color: #fff;
}

#newarrival .new-item .btn_list .sample a:visited {   
    color: #fff;
}

#newarrival .new-item .btn_list .sample:before {  
    position: absolute;
    display: block;
    content: "";
    top: 15px;
    left: 18px;
    width: 19px;
    height: 16px;
    background: url("../img/icon_sample.png") no-repeat center top/cover ;
}



/* #news {
    padding: 90px 0 70px 0;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	background:url(../img/bg_brown.jpg) repeat left top;
    background-color: #fcd8eb;
    position: relative;
} */

#news .ttl_news {
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 1000px;
    width: 100%;
    text-align: left;
}

#news .news_content {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}

#news .news_content ul li.newslist_item {
    margin-bottom: 20px;
    padding: 20px 35px 20px 35px; 
	background-color: #fff;
    border-radius: 10px;
    box-shadow: 6px 6px 10px 2px rgba(237, 188, 214, 0.45);
    display: flex;
    gap: 30px;
    font-weight: bold;
    font-size: 18px; 
}

#news .news_content ul li.newslist_item .newslist_item_info {
    color: #e50481;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 700;
    font-style: normal;
}

#news .news_content ul li.newslist_item > p {
    color: #514218;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 700;
    font-style: normal;
}

#news .news_content ul li.newslist_item > p a:link {
    color: #514218;
}

#news .news_inner {
    max-width: 1000px;
    margin:0 auto;
    display: flex;
}

#news .news_inner h3 {
    margin: 0 90px 0 0;
    width: 200px;
}

#news .news_inner h3 img {
    width: 100%;
}

#news .news_inner .news_content {
    width: 700px;
}

#news .news_inner .news_content ul {

}

#news .news_inner .news_content ul li.newslist_item {
    margin-bottom: 35px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b68d9c;
}

#news .news_inner .news_content ul li.newslist_item:last-child {
    border-style: none;
}

#news .news_inner .news_content ul li.newslist_item .newslist_item_info {
    display: flex;
    margin-bottom: 20px;
}

#news .news_inner .news_content ul li.newslist_item .newslist_item_info .newslist_date {
    font-size: 14px;
    color: #593240;
    margin-right: 0px;
    display: flex;
    align-items: center;
}

#news .news_inner .news_content ul li.newslist_item .newslist_item_info .newslist_date:after {
	content: "";
	background-color: #897217;
	display: block;
	width: 5px;
	height: 5px;
	margin: 0 min(1.66666vw,20px);
	transform: rotate(45deg);
}

#news .news_inner .news_content ul li p {
    color: #48001a;
    font-size: 15px;
}

#news .news_inner .news_content ul li p a:hover {
    color: var(--color-orange);
}


.idx-Books {
	margin-bottom: 100px;
}

.idx-Books_Inner {
	position: relative;
	max-width: 1200px;
	z-index: 2;
	margin: 0 auto;
	text-align: center;
}

.books_Title h2 {
	letter-spacing: 0.1em;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 200;
	font-style: normal;
	font-size: 20px;
	color: #998440;
	line-height: 240%;
	margin-bottom: 30px;
}

.books_Title h2 strong {
	font-family: "Cormorant", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 72px;
	display: block;
	color: #000;
}

.books_Title .desc-s {
	letter-spacing: -0.02em;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 100;
	font-style: normal;
	font-size: 23px;
	color: #998440;
}

.books_Title .desc {
	letter-spacing: -0.02em;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 100;
	font-style: normal;
	font-size: 36px;
	color: #000;
}

.books-List {
	margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: 26px;
	width: auto;
}

.books-Item {
	width: 470px;
}

.books-Item img {
	width: 100%;
	height: auto;
}

.idx-character {
	
}

.idx-character h3 {
	margin: 0 auto;
	text-align: center;
	color: #998440;
	letter-spacing: 0.1em;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 200;
	font-style: normal;
	font-size: 13px;
	line-height: 190%;
}

.idx-character h3 strong {
	color: #000000;
	display: block;
	font-family: "Cormorant", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 21px;
}

.bg_pattern {
    padding-bottom: 140px;
	background:url(../img/bg_pattern.jpg) repeat left top;
}

#story {
	padding-top: min(43px, 3.3vw);
	margin-bottom: 0;
    position: relative;
    overflow: hidden;
    background: url("../img/bg_story.png") repeat top center;
}

#story .bg_chara {
	position: absolute;
    width: 1000px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* #story .bg_chara::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -223px;
  width: 508px;
  height: 604px;
  background: url("../img/bg_story_left.png") no-repeat top center;
  background-size: contain;
} */

#story .bg_chara::after {
  content: "";
  position: absolute;
  top: 30px;
  z-index: 1;
}

#story_inner_sp {
    display: none;
}

#story .story_inner {
    margin:0 auto;
	padding-bottom: min(77px, 5.92vw);
    width: min(1002px, 77.07vw);
    height: min(1842px, 141.69vw);
    text-align: center;
    background: url("../img/frame_story.png") no-repeat top center;
	background-size: contain;
}

#story .story_inner h3 {
	padding-top: min(148px, 11.38vw);
	margin-bottom: min(73px, 5.61vw);
}

#story .story_inner h3 img {
	width: min(114px, 8.76vw);
	
}

#story .story_inner h4 {
    position: relative;
    z-index: 2;
    margin: 0 0 -15px 0;
}

#story .story_inner h4 img {
	width: min(848px, 65.23vw);
	
}

#story .story_inner p {
	padding-top: min(44px, 3.38vw);
	padding-bottom: 0px;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
}
#story .story_inner p.txt_story03 {
	padding-top: min(39px, 3vw);
	padding-bottom:  0;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
}
#story .story_inner div.txt_story04 {
	padding-top: min(28px, 6.76vw);
	padding-bottom:  0;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
}
#story .story_inner p.txt_story05 {
	padding-top: min(52px, 4vw);
	padding-bottom:  0;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
}
#story .story_inner h4.txt_story06 {
	padding-top: min(48px, 3.69vw);
	padding-bottom:  0;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
}

#story .story_inner .txt_story01 img {
	width: min(746px, 57.38vw);
}

#story .story_inner .txt_story02 img  {
	width: min(561px, 43.15vw);
}

#story .story_inner .txt_story03 img  {
	width: min(702px, 54vw);
}

#story .story_inner .txt_story04 img  {
	width: min(450px, 34.61vw);
}

#story .story_inner .txt_story05 img  {
	width: min(680px, 52.3vw);
}

#story .story_inner .txt_story06 img  {
	width: min(662px, 50.92vw);
}

#story .story_line{
	padding-bottom: min(34px, 2.61vw);
}

#story .story_line img{
	width: min(662px, 50.92vw);
}


@media screen and (max-width: 768px) {
    
    #g-nav .g-nav-frame {
        top: 20vw;
        width: 72.666667vw;
    }

	#story {
		padding-top: min(23px, 5.55vw);
		margin-bottom: 0;
		position: relative;
		overflow: hidden;
		background-size: 10%;
	}

	#story .bg_chara {
		position: absolute;
		width: 1000px;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	#story .bg_chara::after {
	  content: "";
	  position: absolute;
	  top: 30px;
	  z-index: 1;
	}

	#story_inner_sp {
		display: none;
	}

	#story .story_inner {
		margin:0 auto;
		padding-bottom: min(37px, 8.93vw);
		width: min(655px, 87.33vw);
		height: min(2669px, 355.86vw);
		text-align: center;
		background: url("../img/frame_story_sp.png") no-repeat top center;
		background-size: contain;
	}

	#story .story_inner h3 {
		padding-top: min(151px, 20.13vw);
		margin-bottom: min(37px, 4.93vw);
	}

	#story .story_inner h3 img {
		width: min(126px, 16.8vw);

	}

	#story .story_inner h4 {
		position: relative;
		z-index: 2;
		margin: 0 0 -15px 0;
	}

	#story .story_inner h4 img {
		width: min(603px, 80.4vw);

	}

	#story .story_inner p {
		padding-top: min(39px, 5.2vw);
		padding-bottom: 0;
		margin-bottom: 0px;
		position: relative;
		z-index: 2;
	}
	#story .story_inner p.txt_story03 {
	padding-top: min(30px, 4vw);
	padding-bottom:  0;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
	}
	#story .story_inner div.txt_story04 {
		padding-top: min(40px, 5.33vw);
		padding-bottom:  0;
		margin-bottom: 0px;
		position: relative;
		z-index: 2;
	}
	#story .story_inner p.txt_story05 {
		padding-top: min(52px, 4vw);
		padding-bottom:  0;
		margin-bottom: 0px;
		position: relative;
		z-index: 2;
	}
	
	#story .story_inner h4.txt_story06 {
		padding-top: min(49px, 6.53vw);
	}

	#story .story_inner .txt_story01 img {
		width: min(514px, 68.53vw);
	}

	#story .story_inner .txt_story02 img  {
		width: min(518px, 69.06vw);
		padding-top: min(19px, 4.58vw);
	}

	#story .story_inner .txt_story03 img  {
		width: min(522px, 69.6vw);
		padding-top: min(16px, 3.62vw);
	}

	#story .story_inner .txt_story04 img  {
		width: min(586px, 78.13vw);
		padding-top: min(19px, 4.58vw);
		position: absolute;
		bottom: 0;
		right: 0;
	}

	#story .story_inner .txt_story05 img  {
		width: min(498px, 66.4vw);
		padding-top: min(13px, 3.14vw);
	}
	
	#story .story_inner .txt_story06 img  {
		width: min(518px, 69.06vw);
	}


	#story .story_line{
		padding-bottom: min(61px, 7vw);
	}

	#story .story_line img{
		width: min(566px, 75.46vw);
	}
	

}


@media screen and (max-width: 414px) {

	#story {
		padding-top: min(23px, 5.55vw);
		margin-bottom: 0;
		position: relative;
		overflow: hidden;
		background-size: 10%;
	}

	#story .bg_chara {
		position: absolute;
		width: 1000px;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	#story .bg_chara::after {
	  content: "";
	  position: absolute;
	  top: 30px;
	  z-index: 1;
	}

	#story_inner_sp {
		display: none;
	}

	#story .story_inner {
		margin:0 auto;
		padding-bottom: min(37px, 8.93vw);
		width: min(655px, 87.33vw);
		height: min(2669px, 355.86vw);
		text-align: center;
		background: url("../img/frame_story_sp.png") no-repeat top center;
		background-size: contain;
	}

	#story .story_inner h3 {
		padding-top: min(86px, 20.77vw);
		margin-bottom: min(23px, 5.55vw);
	}

	#story .story_inner h3 img {
		width: min(126px, 16.8vw);

	}

	#story .story_inner h4 {
		position: relative;
		z-index: 2;
		margin: 0 0 -15px 0;
	}

	#story .story_inner h4 img {
		width: min(603px, 80.4vw);

	}

	#story .story_inner p {
		padding-top: min(35px, 2.69vw);
		padding-bottom: 0;
		margin-bottom: 0px;
		position: relative;
		z-index: 2;
	}
	#story .story_inner h4.txt_story06 {
		padding-top: min(29px, 7vw);
	}

	#story .story_inner .txt_story01 img {
		width: min(514px, 68.53vw);
	}

	#story .story_inner .txt_story02 img  {
		width: min(518px, 69.06vw);
		padding-top: min(19px, 4.58vw);
	}

	#story .story_inner .txt_story03 img  {
		width: min(522px, 69.6vw);
		padding-top: min(16px, 3.62vw);
	}

	#story .story_inner .txt_story04 img  {
		width: min(586px, 78.13vw);
		padding-top: min(19px, 4.58vw);
		position: absolute;
		bottom: 0;
		right: 0;
	}

	#story .story_inner .txt_story05 img  {
		width: min(498px, 66.4vw);
		padding-top: min(13px, 3.14vw);
	}
	
	#story .story_inner .txt_story06 img  {
		width: min(518px, 69.06vw);
	}


	#story .story_line{
		padding-bottom: min(61px, 7vw);
	}

	#story .story_line img{
		width: min(566px, 75.46vw);
	}
	

}
/*------------------------------------------------------------------------------
 ボタン切り替え
 -------------------------------------------------------------------------------*/

.target {
  
  transition: opacity 400ms;
	padding: 0!important;
}
.img_switch_story{
	width: 91%;
	height: min(450px, 34.61vw);
	position: relative;
	margin: auto;
	display: flex;
	justify-content: space-between;
	
}
#story .story_inner img.target_after,
#story .story_inner img.target {
	padding: 0!important;
}
#story .story_inner .txt_story02 img.target ,
#story .story_inner .txt_story02 img.target_after  {
	width: min(450px, 34.61vw);
	height: min(450px, 34.61vw);
/*	position: absolute;*/
	top: 0;
	left: 0;
}
.button{
	border: none;
	background-color: transparent;
}




#story .story_inner .txt_story04 .button img{
	width: min(173px, 23.06vw)!important;
	height: min(173px, 23.06vw)!important;
	bottom: min(4px, 0.96vw) !important;
	right: min(23px, 5.55vw) !important;
}
.target.is-hidden {
  opacity: 0;
}
.text {
  color: white;
}
p {
  margin: 0;
}

@media screen and (max-width: 768px) {

	.target {

	  transition: opacity 400ms;
		padding: 0!important;
	}
	.img_switch_story{
		width: min(586px, 78.13vw);
		height: min(586px, 78.13vw);
		position: relative;
		margin: auto;
	}
	#story .story_inner img.target_after,
	#story .story_inner img.target {
		padding: 0!important;
	}
	#story .story_inner .txt_story02 img.target ,
	#story .story_inner .txt_story02 img.target_after  {
/*
		width: min(586px, 78.13vw);
		height: min(586px, 78.13vw);
*/
		position: absolute;
		top: 0;
		left: 0;
	}
	.button{
		border: none;
		background-color: transparent;
	}
	
	
	.button img{
		width: 173px!important;
		height: 173px!important;
	}
	.button img.dotted_line{
		animation:15s linear infinite rotation;
		padding-top: 0!important;
		position: relative;
	}
/*
	.button img::before{
		content: "";
		display: block;
		background-image: url("../img/icon_switch_story_sp.png");
		width: 121px!important;
		height: 135px!important;
		position: absolute;
	}
*/
	
	/*------------------------------------------------------------
	 ボタン アニメーション
	 -------------------------------------------------------------*/
	@keyframes rotation{
	  0%{ transform:rotate(0);}
	  100%{ transform:rotate(360deg); }
	}
	
	
	
	.target.is-hidden {
	  opacity: 0;
	}
	.text {
	  color: white;
	}
	p {
	  margin: 0;
	}

}

#area_bn{
	text-align: center;
	padding-top: min(61px, 4.69vw);
	padding-bottom: min(100px, 7.69vw);
}

#area_bn img{
	margin: 0 12px;
	width: min(470px, 36.15vw);
}

.top_books {
    margin-top: -7vw;
    padding-top: 7vw;
}

#books {
    padding: 120px 0;
    z-index: 1;
}

#books .books_inner {
    max-width: 1000px;
    margin:0 auto;
    text-align: center;
}

#books .books_inner h3 {
    margin-bottom: 75px;
}

#books .books_inner .books_content .share {
    margin: 0;
    padding: 0;
	background:url(../img/line_books_top.png) no-repeat left top;
    height: 399px;
    width: 100%;
}

#books .books_inner .books_content .share_inner {
	background:url(../img/line_books_bottom.png) no-repeat left bottom;
}

#books .books_inner .books_content .share ul li {
    margin: 0 14px;
}

#books .books_inner .books_content .share p {
    color: #a68a1d;
    line-height: 100%;
    margin: 0;
    margin-top: 50px;
    padding-top: 74px;
    font-size: 24px;
    font-family: 'Ryumin Bold KL',"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;
    letter-spacing: -0.05em
}

#books .books_inner .books_content .share p span {
    color: var(--color-orange);
}

#books .books_inner .books_content .share h4 {
    margin: 0 14px 25px 14px;
    color: #231815;
    font-size: 40px;
    font-feature-settings: "palt";
    font-family: 'Ryumin Bold KL',"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;
    letter-spacing: 0.03em
}

#books .books_inner .books_content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1000px;
    margin:0 auto;
    text-align: center;
    padding-bottom: 70px;
}

#books .books_inner .books_content ul.book_list li  {
    margin:0 40px;
}

#books .books_inner .books_content ul.book_list li.book-item  {
   display: flex;
   flex-direction: column;
}

#books .books_inner .books_content ul.book_list li .cover {
    margin-bottom: 25px;
}

#books .books_inner .books_content ul.book_list li .label {
    margin-bottom: 15px;
}

#books .books_inner .books_content ul.book_list li .title {
    margin-bottom: 20px;
    line-height: 140%;
    font-size: 26px;
    letter-spacing: -0.02em;
    color: #2a201e;
    font-family: 'Ryumin Bold KL',"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;
    flex-grow: 1;
}

#books .books_inner .books_content ul.book_list li .title span {
    margin-top: 5px;
    line-height: 120%;
    font-size: 20px;
    display: inline-block;
}

#comicalize {
    padding: 120px 0;
	background:url(../img/bg_pattern_white.gif) repeat left top;
}

#comicalize .comicalize_inner {
    max-width: 1000px;
    margin:0 auto;
    text-align: center;
}

#comicalize .comicalize_inner .contents {
    max-width: 700px;
    margin:0 auto;
    text-align: center;
}

#comicalize .comicalize_inner h3 {
    margin-bottom: 60px;
}

#comicalize .comicalize_inner .bn_comicalize {
    margin-bottom: 70px;
}

#comicalize .comicalize_inner .bn_comicalize img {
    width: 100%;
}

#comicalize .comicalize_inner .btn_coronaEX {
    margin-top: 20px;
    margin-bottom: 80px;
}

#comicalize .comicalize_inner .btn_coronaEX img {
    width: 700px;
}

#comicalize .comicalize_inner .bn_comicslist {
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
}

#comicalize .comicalize_inner .bn_comicslist img {
    width: 100%;
}

#comicalize .slider-con {
    position: relative;
}

#comicalize .slider-con .slide-wrapper {
    width: 421px;
    margin: 0 auto;
    overflow: hidden;
}

#comicalize .slider-con .slider {
    width: 1684px;
    font-size: 0;
    transform: translateX(-1263px);
    transition: all 1s ease;
}

#comicalize .slider-con .slider .slide {
    display: inline-block;
    width: 421px;
}

#comicalize .slider-con .slider .slide img {
    width: 100%;
}

#comicalize .slider-con .prev {
    right: 20px;
}

#comicalize .slider-con .next {
    left: 20px;
}

#comicalize .slider-con .prev img {
    transform: scale(-1,1);
}

#comicalize .slider-con .btn-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}



#illust-box {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    z-index: -100;
}

#illust-box .image {
    display: block;
    position: fixed;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 1039px;
    background: url("../img/illust-box.jpg?v=241121") no-repeat center center;
    background-size: cover;
    z-index: -1;
}

/* #stage {
    padding: 120px 0;
    background: url(../img/bg_character.gif) repeat left top;
} */

#stage .stage_inner {
    max-width: 1000px;
    margin:0 auto;
    text-align: center;
}

#stage .stage_inner .contents {
    max-width: 700px;
    margin:0 auto;
    text-align: center;
}

#stage .stage_inner h3 {
    margin-bottom: 60px;
}

#stage .stage_inner .bn_stage {
    margin-bottom: 40px;
}

#stage .stage_inner .bn_stage img {
    width: 100%;
}

#stage .stage_inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1000px;
    margin:0 auto;
    text-align: center;
}

#stage .stage_inner ul li  {
    margin:0 10px;
}


#introduction{
/*	background: url("../img/bg_introduction.png") ;*/
/*	background-size: cover;*/
	padding: 68px 0 103px;
	z-index: 9;
    background-color: #fff;
}
.contents_introduction{
	max-width: 1160px;
	margin: 0 auto;
}


#introduction h3{
	padding-bottom: 40px;
	text-align: center;
}

.catch_introduction{
	font-size: 34px;
    padding-bottom: 17px;
    text-align: center;
    letter-spacing: 0.03em;
	font-family: 'Ryumin Bold KL';
}

.txt_introduction{
	    font-size: 19px;
    padding-bottom: 50px;
    display: inline-block;
    width: 70%;
    padding: 0 15.3%;
    line-height: 200%;
    letter-spacing: 0.099em;
}


#badge_dramacd {
	position: absolute;
	top: 0.2%;
	left: 0.5%;
	width: 400px;
	}

#badge_goods {
	position: absolute;
	top: 44%;
	right: 0.5%;
	width: 188px;
	}

.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}

.autoplay p {
  font-size: 2rem;
  font-weight: bold;
  line-height: 100px;
  color: #666;
  margin: 10px;
  text-align: center;
  background-color: #e0e0e0;
}

/*コミックス既刊リストタイトル下罫線*/
.line_comics h3::before {
	height: 100px;
}

.kikan_box > .kikan_info > h3 > .main_ttl {
	font-size: 2.4rem;
	line-height: 1.2;
	display: block;
}
.listArea{
	font-size: 1.4rem;
}
.bg_comic{
	background: url("../img/bg_comics.png") ;
	background-size: cover;
	padding: 0 0 25px;
}


.slider .bx-wrapper .bx-controls-direction a {
 background: #272727;
 border-radius: 50%;
 width: 50px;
 height: 50px;
 overflow: hidden;
}
.slider .bx-wrapper .bx-controls-direction a:before,
.slider .bx-wrapper .bx-controls-direction a:after {
 content: '';
 position: absolute;
 top: 16px;
 left: 12px;
}
.slider .bx-wrapper .bx-controls-direction a:after {
 width: 16px;
 height: 16px;
 border-top: 1px solid #fff;
 border-right: 1px solid #fff;
 transform: rotate(45deg);
}
.slider .bx-wrapper .bx-controls-direction a.bx-prev:after {
 transform: rotate(-135deg);
 left: 20px;
}


#share{
	text-align: center;
	padding-top: min(76px, 5.84vw);
/*	padding-bottom: min(50px, 3.84vw);*/
    margin-top: 100px;
	background-color: var(--color-orange);
	background-image: url("../img/edge_footer.png");
	background-repeat: repeat-x;
	background-size: auto;
	background-position: top left;
}

#share h4{
	padding-bottom: min(18px, 1.38vw);
	
}
	
#share h4 img{
	width: min(331px, 25.46vw);
	
}
#share .share_inner{
	margin: auto;
	width: min(440px, 53%);
	display: flex;
	background: url("../img/bg_icon.png") no-repeat center;
	background-size: contain;
	justify-content: center;
}

/*
#share .share_btn{
	margin: auto;
	text-align: center;
	width: min(414px, 31.84vw);
	height: min(64px, 4.92vw);
	display: flex;
	background: url("../img/btn_share_off.png") no-repeat center;
	background-size: contain;
	justify-content: center;
	transition: 0.2s;
	position: relative;
}


#share .share_btn img{
	position: absolute;
	top: 0;
	left: 0;
}

#share .share_btn:hover img.btn_off{
	display: none;
	transition: 0.2s;
}
#share .share_btn::after:hover{
	margin: auto;
	text-align: center;
	width: min(414px, 31.84vw);
	height: min(64px, 4.92vw);
	display: flex;
	background: url("../img/btn_share_on.png") no-repeat center;
	background-size: contain;
	justify-content: center;
	transition: 0.2s;
	z-index: 100;
}
*/

#share .share_btn{
	margin: auto;
	text-align: center;
	width: min(414px, 31.84vw);
	height: min(64px, 4.92vw);
	transition: 0.2s;
	position: relative;
}

.share_btn{
	margin: auto;
	text-align: center;
	width: min(414px, 31.84vw);
	height: min(64px, 4.92vw);
	position: relative;
	transition: 0.2s;
}

.share_btn img.btn_off{
	position: absolute;
	top: 0;
	left: 0;
	width: min(414px, 31.84vw);
	height: min(64px, 4.92vw);
	transition: 0.2s;
}
.share_btn img.btn_on{
	position: absolute;
	top: 0;
	left: 0;
	width: min(414px, 31.84vw);
	height: min(64px, 4.92vw);
	background-image: url("../img/btn_share_02.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: 0.2s;
}
.share_btn img.btn_off:hover{
	width: min(414px, 31.84vw);
	height: min(64px, 4.92vw);
	opacity: 0!important;
	transition: 0.2s!important;
}

.share_catch{
	padding-top: min(34px, 2.61vw);
}


#share ul{
	display: flex;
	height: min(87px, 6.69vw);
	align-items: center;
	justify-content: center;
}

#share ul li{
	width: 15%;
}

#share ul li img{
	width: min(50px, 97%);
}

#share ul li.icon_x img{
	width: min(42px, 43%);
}
@media screen and (max-width: 820px) {
	
	#share .share_inner{
		margin: auto;
		width: min(576px, 76.8vw);
		height: min(170px, 22.66vw);
		display: flex;
		background: url("../img/bg_icon_sp.png") no-repeat center;
		background-size: contain;
		justify-content: center;
		align-items: center;
	}
	
	
}

@media screen and (max-width: 768px) {
	

	#share .share_btn{
	margin: auto;
	text-align: center;
	width: min(573px, 76.4vw);
	height: min(83px, 11.06vw);
	transition: 0.2s;
	position: relative;
	}

	.share_btn{
		margin: auto;
		text-align: center;
		width: min(573px, 76.4vw);
		height: min(83px, 11.06vw);
		position: relative;
		transition: 0.2s;
	}

	.share_btn img.btn_off{
		position: absolute;
		top: 0;
		left: 0;
		width: min(573px, 76.4vw);
		height: min(83px, 11.06vw);
		transition: 0.2s;
	}
	.share_btn img.btn_on{
		position: absolute;
		top: 0;
		left: 0;
		width: min(573px, 76.4vw);
		height: min(83px, 11.06vw);
		background-image: url("../img/btn_share_02.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		transition: 0.2s;
	}
	.share_btn img.btn_off:hover{
		width: min(573px, 76.4vw);
		height: min(83px, 11.06vw);
		opacity: 0!important;
		transition: 0.2s!important;
	}

	.share_catch{
		padding-top: 0;
	}

	.share_catch img{
		width: min(630px, 84vw);
	}


	#share ul{
		display: flex;
		height: min(87px, 6.69vw);
		align-items: center;
		justify-content: center;
	}

	#share ul li{
		width: 15%;
	}

	#share ul li img{
		width: min(50px, 97%);
	}

	#share ul li.icon_x img{
		width: min(42px, 43%);
	}
	

	#share{

		text-align: center;
		padding-top: min(52px, 12.56vw);
		padding-bottom: min(50px, 3.84vw);
		background-size: 1.5%;
	}

	#share h4{
		padding-bottom: min(20px, 4.83vw);

	}

	#share h4 img{
		width: min(481px, 64.13vw);

	}

	#share ul{
		display: flex;
		height: min(118px, 9.07vw);
		justify-content: center;
		align-items: center;
	}

	#share ul li{
		width: 17%;
	}

	#share ul li img{
		width: min(58px, 69%);
	}
	
	#share ul li.icon_x img{
	width: min(52px, 52%);
	}

	
}

@media screen and (max-width: 414px) {
	
	#share {
        background-size: 3%; 
        margin-top: 70px;
	}
	
}

/*----------------------------------------------------------
category nav(25.11.25追加・変更)
----------------------------------------------------------*/
.category-nav{
    max-width: 1200px;
    margin: 0 auto 40px;
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    background: #ebebeb url(../img/common/bg_category.png) repeat center center/68px;
    >ul{
        display: flex;
        gap: 24px;
        height: 68px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        align-items: center;
        padding: 0 30px;
        >li{
            &.active a{
                color: #7d2cc5;
                text-decoration: underline;
                text-underline-offset: 5px;
            }
            a{
                font-size: 19px;
                font-weight: bold;
                color: #251e1c;
            }
        }
    }
}
@media all and (max-width:768px) {
    .category-nav{
        >ul{
            padding: 0 5.6%;
            >li{
                a{
                    font-size: clamp(14px,4.1vw,21px);
                }
            }
        }
    }
}
@media all and (max-width:450px) {
    .category-nav{
            overflow-x: auto;
            overflow-y: hidden;
            /*スクロールバー非表示（IE・Edge）*/
            -ms-overflow-style: none;
            /*スクロールバー非表示（Firefox）*/
            scrollbar-width: none;
        >ul{
            flex-wrap: nowrap;
            width: 100%;
            >li{
                flex-shrink: 0;
            }
        }
    }
    /*スクロールバー非表示（Chrome・Safari）*/
    .content::-webkit-scrollbar{
        display:none;
    }
}
/*----------------------------------------------------------
subpage（nobel/comics/cd/goods） (25.11.25追加・変更)
----------------------------------------------------------*/
.latest-release{
    max-width: 1200px;
    width: 94%;
    background:url(../img/common/bg-latest-release.png) repeat center center / 100px 100px,linear-gradient(45deg, #e9e1dc, #d6cfbc) no-repeat center center / cover;
    margin: 0 auto 150px;
    padding: 44px 50px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    &::after{
            content: "";
            display: inline-block;
            background: url(../img/common/deco-latest-release.png) no-repeat center center/contain;
            width: min(33.53vw,436px);
            height: min(28.30vw,368px);
            position: absolute;
            top: 0;
            right: 0;
            z-index: -1;
        }
    h3{
        font-size: 24px;
        border-top: 2px solid #998440;
        border-bottom: 2px solid #998440;
        padding: 20px;
        margin-bottom: 46px;
    }
    .latest-box{
        display: flex;
        gap: 3%;
        width: 100%; 
        margin: 0 auto 60px;
        padding: 0 2% 65px 2%; 
        box-sizing: border-box;
        position: relative;
        &::after{
            content: "";
            display: inline-block;
            background: url(../img/common/border.png) repeat center center/7px;
            width: 100%;
            height: 5px;
            position: absolute;
            bottom: 0;
            right: 0;
        }
        &:last-of-type{
            margin-bottom: 0;
            &::after{
                display: none;
            }
        }
    }
    .latest-txt{
        width: calc(97% - 260px);
        letter-spacing: 0.04rem;
        >h4{
            font-size: 22px;
        }
        >p:nth-of-type(1){
            font-size: 16px;
            color: #998440;
            letter-spacing: 0.2rem;
            margin-bottom: 16px;
        }
        >p:nth-of-type(2){
            font-size: 16px;
            line-height: 2;
            margin-bottom: 40px;
        }
    }
    .latest-txt-02{
        width: calc(97% - 300px);
        letter-spacing: 0.04rem;
        >h4{
            font-size: 22px;
        }
        >p:nth-of-type(1){
            font-size: 16px;
            color: #998440;
            letter-spacing: 0.2rem;
            margin-bottom: 16px;
        }
        >p:nth-of-type(2){
            font-size: 16px;
            line-height: 2;
            margin-bottom: 40px;
        }
    }
    .latest-img{
        width: 260px; 
        position: relative;
        >span{
            width: 64px;
            height: 64px;
            position: absolute;
            top: 0;
            left: 0;
            img{
                border: 0;
            }
        }
        img{
            border: 1px solid #998440;
        }
    }
    .latest-img-02{
        width: 300px; 
        position: relative;
        >span{
            width: 64px;
            height: 64px;
            position: absolute;
            top: 0;
            left: 0;
            img{
                border: 0;
            }
        }
        img{
            border: 1px solid #998440;
        }
    }
    .latest-btn{
        width: 100%;
        display: flex;
        gap: 1.8%;
        align-items: center;
        >a{
            width: 280px;
        }
        >a.store_tokuten{
            width: 152px;
            margin: 0.4vw 0 0 0.6vw;
        }
    }
}
.backlist-container{
    max-width: 1200px;
    width: 94%;
    margin: 0 auto 120px;
    .subcategory-nav{
        margin-bottom: 40px;
        ul{
            display: flex;
            justify-content: end;
            gap: 30px;
            >li{
                position: relative;
                &::after{
                    content: "／";
                    position: absolute;
                    top: 4px;
                    left: -20px;
                }
                >a{
                    font-size: 16px;
                }
            }
            >li:first-of-type{
                &::after{
                    display: none;
                }
            }
        }
    }
    h3{
        margin-bottom: 16px;
        padding: 0;
        letter-spacing: -0.01em;
        font-family: "Cormorant", serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
        font-size: 50px;
        display: block;
        color: #998440;
        line-height: 100%;
        >span{
            font-family: "Shippori Mincho B1", serif;
            font-style: normal;
            color: #251e1c;
            font-size: 14px;
            padding-left: 14px;
            font-weight: 600;
        }
    }
    .backlist-wrapper{
        display: flex;
        gap: 2.2%;
        flex-wrap: wrap;
        margin-bottom: 75px;
        .backlist-box{
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            border: 1.6px solid #998440;
            border-radius: 12px;
            background-color: #fff;
            width: calc(91.2% / 5);
            height: auto;
            padding: 26px;
            box-sizing: border-box;
            margin-bottom: 25px;
            .backlist-img{
                max-width: 160px;
                border: 1px solid #998440;
            }
            .border-none{
                border: none;
            }
            .border-soft{
                border: 1px solid #d9d2ba;
            }
            .backlist-txt{
                max-width: 160px;
                display: flex;
                flex-direction: column;
                height: 100%;
                h4{
                    font-size: 16px;
                    line-height: 1.4;
                    margin-bottom: 4px;
                }
                p{
                font-size: 12px;
                }
                >p:nth-of-type(1){
                    color: #998440;
                    letter-spacing: 0.1rem;
                    margin-bottom: 10px;
                }
                .backlist-btn{
                    margin-top: auto;/* ← ボタンブロック全体を最下部へ固定 */
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                }
                .backlist-btn .hide{
                    pointer-events: none;
                    opacity: 0;
                }
            }
            .backlist-tag{
                display: flex;
                gap: 4px;
                flex-direction: column;
                margin-bottom: 14px;
                >p{
                    color: #fff;
                    background-color: #72558c;
                    width: fit-content;
                    padding: 0 4px;
                    line-height: 1.6;
					font-size: 11px;
                }
                >p:nth-of-type(2){
                    background-color: #919191;
                }
                >p.tag-common{
                    background-color: #436594;
					font-size: 11px;
					letter-spacing: -0.02rem;
                }
            }
        }
    }
}
@media all and (max-width:1100px) {
    .latest-release{
        padding: 3.84vw 3.84vw 0;
        h3{
            padding: 1.8vw;
            margin-bottom: 4.6vw;
        }
        .latest-box{
            padding: 0 2% 6.5vw 2%;
            margin: 0 auto 6.5vw;
        }
        .latest-txt,.latest-txt-02{
            >p:nth-of-type(2){
                margin-bottom: 30px;
            }
        }
        .latest-btn{
            flex-direction: column;
            gap: 8px;
            align-items: start;
            >a{
                width: 300px;
            }
            >a.store_tokuten{
                margin: 8px 0 0 68px;
            }
        }
        .latest-box{
            gap: 4%;
        }
    }
    .backlist-container{
        .backlist-wrapper{
            gap: 4.2%;
            .backlist-box{
                width: calc(87.4% / 4);
                padding: 2vw;
            }
        }
    }
}
.about-backlist-container{
    text-align: center;
    max-width: 840px;
    margin: 0 auto 206px;
    section{
        margin-bottom: 95px;
        &:nth-of-type(7) h3{
            line-height: 82%;
        }
    }
    h3{
        line-height: 60%;
         margin-bottom: 44px;
        >span{
            padding-left: 0;
        }
    }
    .backlist-wrapper{
        justify-content: center;
        gap: 4%;
        margin-bottom: 0;
        >.backlist-box{
            width: calc(92% / 3);
            text-align: left;
            padding: 26px;
            >.backlist-img{
                max-width: 192px;
            }
            >.backlist-txt{
                max-width: 192px;
                >h4{
                    font-size: 18px;
                    margin-bottom: 6px;
                }
                >h4>span{
                    font-size: 14px;
                }
                >p{
                    font-size: 14.2px;
                }
                >p:nth-of-type(1) {
                    margin-bottom: 18px;
                    letter-spacing: 0.04rem;
                }
            }
        }
    }
    .bn_comicarize{
        width: 360px;
        margin: 25px auto 0;
    }
}
@media all and (max-width:768px) {
    .latest-release{
        width: 88%;
        padding: 10.84vw 6.84vw 0;
        margin: 0 auto 16vw;
        &::before{
            content: "";
            position: absolute;
            left: 0;
            top: 9.5vw;
            width: 100%;
            height: 17vw;
            background-image:
                linear-gradient(to right, #998440, transparent),
                linear-gradient(to right, #998440, transparent);

            background-size:
                100% 1.6px,
                100% 1.6px;

            background-position:
                0 0,
                0 86%;

            background-repeat: no-repeat;
        }
        &::after{
            background: url(../img/common/deco-latest-release-sp.png) no-repeat center center/contain;
            width: min(47.73vw,358px);
            height: min(37.06vw,278px);
        }
        h3{
            font-size: clamp(20px,5.31vw,38px);
            border-top: none;
            border-bottom: none;
            margin-bottom: 10vw;
        }
         .latest-box{
            flex-direction: column;
            align-items: center;
            gap: 4vw;
         }
        .latest-box{
            padding: 0 0 12vw;
            margin: 0 auto 12vw;
        }
        .latest-img,.latest-img-02{
            max-width: 540px;
            width: 96%;
        }
        .latest-txt,.latest-txt-02{
            width: 96%;
            h4{
                line-height: 1.4;
                margin-bottom: 0.8vw;
                font-size: clamp(18px,4.83vw,30px);
            }
            >p:nth-of-type(1) {
                margin-bottom: 3vw;
                font-size: clamp(14px,3.86vw,20px);
            }
            >p:nth-of-type(2) {
                text-align: justify;
                font-size: clamp(14px,3.86vw,22px);
                line-height: 1.8;
                margin-bottom: 6vw;
            }
        }
        .latest-btn{
            flex-direction: column;
            gap: 2vw;
            align-items: center;
            >a{
                max-width: 536px;
                width: 100%;
            }
            >a.store_tokuten{
                max-width: 280px;
                width: 55%;
                margin: 1.8vw 0 0 0;
            }
        }
    }
    .latest-release-02{
        position: relative;
        &::before{
            content: "";
            position: absolute;
            left: 0;
            top: 9.5vw;
            width: 100%;
            height: 15vw;
            background-image:
                linear-gradient(to right, #998440, transparent),
                linear-gradient(to right, #998440, transparent);

            background-size:
                100% 1.6px,
                100% 1.6px;

            background-position:
                0 0,
                0 96%;

            background-repeat: no-repeat;
        }
    }
    .backlist-container{
        width: 88%;
        h3{
            margin-bottom: 2vw;
            font-size: clamp(42px,12.07vw,74px);
            >span{
                font-size: clamp(15px,3.86vw,26px);
            }
        }
        .subcategory-nav{
            ul{
                justify-content: start;
                gap: 5vw;
                >li{
                    &::after{
                        left: min(-3.4vw, -16px);
                        top: 2px;
                    }
                    >a{
                        font-size: clamp(11px,3.38vw,20px);
                    }
                }
            }
        }
        .backlist-wrapper{
            max-width: 660px;
            flex-direction: column;
            gap: 4.2%;
            margin-bottom: 10vw;
            .backlist-box{
                width: 100%;
                flex-direction: row;
                padding: 5vw 6vw;
                align-items: flex-start;
                gap: 6%;
                .backlist-txt{
                    max-width: 51%;
                    width: 51%;
                    h4{
                        font-size: clamp(16px,4.34vw,22px);
                        margin-bottom: 1vw;
                    }
                    p{
                        font-size: clamp(11px,2.54vw,16px);
                    }
                    >p:nth-of-type(1) {
                        margin-bottom: 2vw;
                        letter-spacing: 0.08rem;
                    }
                    .backlist-btn{
                        gap: 1.6vw;
                        a{
                            max-width: 260px;
                            width: 100%;
                        }
                    }
                    .backlist-btn .hide{
                        display: none;
                    }
                }
                .backlist-img{
                    max-width: 43%;
                }
                .backlist-tag{
                    margin-bottom: 4vw;
                    >p{
                        line-height: 1.4;
                    }
                    >p.tag-common{
                        letter-spacing: -0.15rem;
                    }
                }
            }
        }
        .backlist-wrapper-02{
            max-width: 660px;
            flex-direction: row;
            gap: 4%;
            margin-bottom: 10vw;
            .backlist-box{
                width: 48%;
                flex-direction: column;
                padding: 4vw 4.5vw;
                align-items: center;
                justify-content: center;
                margin-bottom: 5%;
                gap: 2%;
                .backlist-txt{
                    max-width: 100%;
                    width: 100%;
                    h4{
                        font-size: clamp(14px,3.86vw,22px);
                        margin-bottom: 1vw;
                    }
                    p{
                        font-size: clamp(11px,3.14vw,16px);
                    }
                    >p:nth-of-type(1) {
                        margin-bottom: 2vw;
                        letter-spacing: -0.02rem;
                    }
                    .backlist-btn{
                        gap: 1.6vw;
                        a{
                            max-width: 286px;
                            width: 100%;
                        }
                    }
                }
                .backlist-img{
                    max-width: 100%;
                }
                .backlist-tag{
                    margin-bottom: 4vw;
                    >p{
                        line-height: 1.4;
                    }
                }
            }
        }
        .long-title{
            font-size: clamp(28px,9.17vw,74px);
            margin-bottom: 4vw;
        }   
    }

    .about-backlist-container{
        text-align: left;
        margin: 0 auto 22vw;
        section{
            margin-bottom: 12vw;
            &:nth-of-type(7) h3{
            }
        }
        h3{
            margin-bottom: 6vw;
            >span{
                padding-left: 3vw;
            }
        }
        .backlist-wrapper{
            margin-bottom: 0;
            >.backlist-box{
                padding: 4vw 4vw;
                >.backlist-txt{
                    .backlist-btn{
                        a{
                            width: 90%;
                        }
                    }
                    >h4>span{
                        font-size: clamp(14px,3.86vw,20px);
                    }
                }
            }
        }
        .bn_comicarize{
            width: 100%;
            margin: 0 auto 26vw;
        }
    }
}
/*----------------------------------------------------------
about page(25.12.4追加・変更) 
.about-backlist-container部分はsubpageに記載
----------------------------------------------------------*/
.about{
    position: relative;
    &::after{
        content: "";
        background: url(../about/img/deco-about.webp) no-repeat center center/contain;
        width: min(24.76vw,322px);
        height: min(42.46vw,552px);
        position: absolute;
        top: 0;
        right: 0;
    }
}
.ttl-about{
    width: min(65.11vw,586px);
    margin: 0 auto 46px;
    padding-top: 100px;
}
.about-wrapper{
    max-width: 916px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    gap: 60px;
    padding: 0 10px;
    box-sizing: border-box;
    .about-txt{
        width: calc(100% - 442px);
        font-size: 18px;
        line-height: 2.4;
        >p:nth-of-type(1){
            margin-bottom: 75px;
        }
        span{
            color: #72558c;
        }
    }
    .about-img{
        max-width: 382px;
    }
}
.about-container-02{
    width: 100%;
    background: url(../about/img/bg-about.webp) no-repeat top center/cover;
}
.about-wrapper-02{
    display: flex;
    max-width: 1150px;
    display: flex;
    margin: 0 auto 130px;
    align-items: center;
    gap: 60px;
    padding: 20vw 10px 10vw;
    box-sizing: border-box;
    .about-txt{
        width: calc(100% - 565px);
        text-align: center;
        font-size: 18px;
        line-height: 2.6;
        >p:nth-of-type(1){
            margin-bottom: 50px;
        }
        span{
            color: #72558c;
        }
        .emblem-img{
            width: 80px;
            margin: 0 auto 50px;
        }
        .g-about-txt{
            font-size: 40px;
            line-height: 1.4;
            color: #998440;
        }
    }
    .about-img{
        max-width: 505px;
    }
}

@media all and (max-width:1100px) {
    .about-wrapper-02{
    max-width: 96%;
    gap: 2%;
    padding-left: 3%;
    .about-txt{
        width: 55%;
        font-size: clamp(14px,1.54vw,18px);
            >p:nth-of-type(1){
                margin-bottom: 10%;
            }
            .emblem-img{
                width: min(6.15vw,80px);
                margin: 0 auto 10%;
            }
            .g-about-txt{
                font-size: clamp(28px,2.72vw,40px);
                line-height: 1.4;
            }
        }
        .about-img{
            max-width: 43%;
        }
        
    }
}
@media all and (max-width:920px) {
    .about-wrapper{
    max-width: 96%;
    gap: 2%;
    .about-txt{
        width: 57%;
        font-size: clamp(16px,2.11vw,18px);
        >p:nth-of-type(1){
            margin-bottom: 10%;
        }
        }
        .about-img{
            max-width: 41%;
        }
    }
}
@media all and (max-width:768px) {
    .about{
        &::after{
            width: min(36vw,270px);
            height: min(61.33vw,460px);
        }
    }
    .ttl-about{
        position: relative;
        width: min(86.53vw,649px);
        margin: 0 auto 10%;
        padding-top: 20%;
        z-index: 1;
    }
    .about-container-02{
        background: url(../about/img/bg-about-sp.webp) no-repeat top center/cover;
    }
    .about-wrapper{
    flex-direction: column;
    text-align: center;
    max-width: 100%;
    gap: 12vw;
    .about-txt{
        width: 100%;
        font-size: clamp(16px,4.34vw,26px);
        line-height: 2;
        >p:nth-of-type(1){
            margin-bottom: 10%;
        }
        }
        .about-img{
            max-width: 555px;
            width: 87.33vw;
        }
    }
    .about-wrapper-02{
    flex-direction: column;
    max-width: 100%;
    gap: 10vw;
    padding: 28% 10px 20%;
    margin: 10% auto 16%;
    .about-txt{
        width: 100%;
        font-size: clamp(16px,4.34vw,26px);
        line-height: 2.2;
            .emblem-img{
                width: min(12.07vw,80px);
                margin: 0 auto 10%;
            }
            .g-about-txt{
                font-size: clamp(25px,7.24vw,50px);
                line-height: 1.6;
            }
        }
        .about-img{
            max-width: 558px;
            width: min(87.73vw,658px);
        }
        
    }
}
/*----------------------------------------------------------
news page(25.12.5追加・変更) 
----------------------------------------------------------*/
.subpage-Title h2 span {
	font-family: "Shippori Mincho B1", serif;
    color: #998440;
    font-size: 16px;
    padding-left: 18px;
    font-weight: 600;
    line-height: 100%;
}

.newslist-wrapper {
    color: #2b220c;
    li {
        width: 100%;
        padding: 26px;
        margin-bottom: 40px;
        border: 1.6px solid #998440;
        background-color: #fff;
        box-sizing: border-box;
    }

    .title {
        position: relative;
        margin-bottom: 20px;

        time {
            font-size: 14px;
            letter-spacing: 1.2px;
            span {
                font-size: 15px;
                color: #998440;
            }
        }

        h3 {
            font-family: "Shippori Mincho B1", serif;
            font-size: 22px;
            padding: 15px 0 20px;
            color: #000;
            line-height: 1.2em;
        }

        &::after {
            content: "";
            display: inline-block;
            background: url(../img/common/border.png) repeat center center / 7px;
            width: 100%;
            height: 5px;
            position: absolute;
            bottom: 0;
            right: 0;
        }
    }

    .newslist-txt {
        p {
            font-size: 15px;
            padding: 0;
            margin: 0;
        }
        .news-img {
            max-width: 800px;
            margin: 20px 0;
            img {
                max-width: 100%;
                height: auto;
            }
        }
        .space {
            padding: 0;
            margin: 20px 0;
        }
        .space-bottom {
            margin-bottom: 20px;
        }
        a {
            display: inline-block;
            color: revert;
            text-decoration: underline;
            word-break: break-all;
        }
    }
}
/* ここまで変更箇所 */
#novel{
	display: block;
	padding-top: min(95px, 7.3vw);
	padding-bottom: min(102px, 7.84vw);
	position: relative;
	background-image: url("../img/bg_obi.png");
	background-repeat: repeat-x;
	background-size: 33.5%;
	background-position: bottom;
	z-index: 1;
}

#novel::after{
	content: "";
	display: block;
	width: min(261px, 20.07vw);
	height: min(274px, 21.07vw);
	position: absolute;
	background-image: url("../img/bg_img_novel.png");
	background-repeat: no-repeat;
	background-size: contain;
	right: 5.23vw;
    top: 0;
}

@media all and (min-width:1400px) {
	
	#novel::after{
	right: 22.23vw;
}
	
}

.ttl_novel{
	width: min(995px, 76.53vw);
    margin: 0 auto min(21px, 21.46vw);
	position: relative;
	
}



#novel p {
    width: min(995px, 76.53vw);
    margin: 0 auto min(37px, 2.84vw);
    position: relative;
}

#novel p img {
    width: min(331px, 25.46vw);
    position: relative;
}


.ttl_novel img{
	position: relative;
    z-index: 2;
	width: min(156px, 12vw);
}

.area_swiper{
	overflow: hidden;
	padding-top: 1.5vw;
}

.area_slider{
	width: 100vw;
	margin: 0 auto min(45px, 3.46vw);
}

.contents_slider{
	list-style: none;
	display: flex;
	overflow: visible;
}

.img_slider img{    transform: translate3d(0px, 0px, 0px);
}

.img_slider img{
	width: min(500px, 38.46vw);
	
	margin: 0  min(22px, 1.69vw) 0 0;
	
}

@media all and (max-width:768px) {
	
	#novel::after{
		content: "";
		display: block;
		width: min(244px, 32.53vw);
		height: min(276px, 36.8vw);
		position: absolute;
		background-image: url("../img/bg_img_novel_sp.png");
		background-repeat: no-repeat;
		background-size: contain;
		right: 0;
		top: 0;
		z-index: -1;

	}

	.ttl_novel img{
		position: relative;
		z-index: 2;
		width: min(215px, 28.79vw);
	}
		
	#novel p img {
	width: min(475px, 63.33vw);
	position: relative;
	}

	.area_swiper{
		overflow: hidden;
	}

	.area_slider{
		width: 100vw;
		margin: 0 auto min(45px, 3.46vw);
	}

	.contents_slider{
		list-style: none;
		display: flex;
		overflow: visible;
	}
	
	.img_slider img{
		transform: translate3d(0px, 0px, 0px);
	}

	.img_slider img{
		width: min(500px, 38.46vw);

		margin: 0  min(22px, 1.69vw) 0 0;

	}
	
	
}
	
	@media all and (max-width:414px) {
		#novel{
		display: block;
		background-position: bottom center;
		padding-top: 12vw;
        padding-bottom: 12.53vw;
        /* overflow: hidden; */
        position: relative;
        background-size: 70.5%;
	}



	.ttl_novel{
		width: 85vw;
/*		margin: 0 auto 3.46vw 5.46vw;*/
		position: relative;

	}
		
	#novel p {
		width: 85vw;
		margin: 0 auto min(26px, 6.28vw);
		position: relative;
	}

	.area_swiper{
		overflow: hidden;
	}

	.area_slider{
		width: 100vw;
		margin: 0 auto min(45px, 3.46vw);
	}

	.contents_slider{
		list-style: none;
		display: flex;
		overflow: visible;
	}
	
	
	.img_slider img{
		transform: translate3d(0px, 0px, 0px);
	}

	.img_slider img{
		width: min(500px, 38.46vw);

		margin: 0  min(22px, 1.69vw) 0 0;

	}
		
		
		
}



/*----------------------------------------------------------
comic
----------------------------------------------------------*/


#comic{
	display: block;
	padding-top: min(97px, 7.46vw);
    padding-bottom: min(102px, 7.84vw);
	position: relative;
	background-image: url("../img/bg_obi.png");
	background-repeat: repeat-x;
	background-size: 33.5%;
	background-position: bottom;
	z-index: 1;
}

#comic::after{
	content: "";
	display: block;
	width: min(453px, 34.84vw);
	height: min(277px, 21.3vw);
	position: absolute;
	background-image: url("../img/bg_img_comic.png");
	background-repeat: no-repeat;
	background-size: contain;
	right: 1vw;
    top: 0;
}

#comic p img {
    width: min(331px, 25.46vw);
    position: relative;
}

@media all and (min-width:1400px) {
	
	#comic::after{
	right: 15.23vw;
}
	
}

.ttl_comic{
	width: min(995px, 76.53vw);
    margin: 0 auto min(21px, 21.46vw);
	position: relative;
	
}


#comic p {
    width: min(995px, 76.53vw);
	margin: 0 auto min(37px, 2.84vw);
    position: relative;
}


.ttl_comic img{
	position: relative;
    z-index: 2;
	width: min(172px, 13.2vw);
}


@media all and (max-width:768px) {

	.ttl_comic img{
		position: relative;
		z-index: 2;
/*		width: min(601px, 80.13vw);*/
	}
	
	#comic::after{
		content: "";
		display: block;
		width: min(416px, 55.46vw);
		height: min(265px, 35.33vw);
		position: absolute;
		background-image: url("../img/bg_img_comic_sp.png");
		background-repeat: no-repeat;
		background-size: contain;
		right: 0;
		top: 0;
		z-index: -1;

	}
	
	#comic p img {
		width: min(475px, 63.33vw);
		position: relative;
	}

	.ttl_comic img{
		position: relative;
		z-index: 2;
		width: min(230px, 30.66vw);
	}

	
}
	
	@media all and (max-width:414px) {
		#comic{
		display: block;
		background-position: bottom center;
		padding-top: 13vw;
        padding-bottom: 12.53vw;
        /* overflow: hidden; */
        position: relative;
        background-size: 70.5%;
	}


		#comic::after{
			content: "";
			display: block;
			width: min(416px, 55.46vw);
			height: min(265px, 35.33vw);
			position: absolute;
			background-image: url("../img/bg_img_comic_sp.png");
			background-repeat: no-repeat;
			background-size: contain;
			right: 0;
			top: 0;

		}

		.ttl_comic{
			width: 85vw;
	/*		margin: 0 auto 3.46vw 5.46vw;*/
			position: relative;

		}

		#comic p {
			width: 85vw;
			margin: 0 auto min(26px, 6.28vw);
			position: relative;
		}


		
		
		
}



/*----------------------------------------------------------
swiper
----------------------------------------------------------*/

.swiper {
  position: relative;
	width: min(1000px, 77vw);
	height: min(522px, 40.15vw);
	overflow: visible;
	
}

.swiper-slide img{
	width: min(310px, 23.84vw);
}



/*
.swiper-slide img:swiper-slide:nth-child(4){
	width:  min(500px, 38.46vw);
}


.swiper-backface-hidden .swiper-slide:nth-child(4)  {
	margin-right: 500px;
	
}
*/

.swiper-scrollbar {
	background-color: #ffffff;
    height: min(2px, 0.15vw) !important;
}

.swiper-scrollbar-drag {
	background-color: #e4007f;
    height: min(14px, 1.07vw) !important;
	border-radius: 0;
}


.swiper-slide a img:hover{
	transform: rotate(3deg);
	opacity: 0.9;
	transition: 0.4s;
}
.swiper-slide a img{
	transition: 0.4s;
	box-shadow: 3px 3px 16px -5px rgba(49, 26, 33, 0.31);
}

@media all and (min-width:1301px) {
	.swiper-slide img{
		width: 25.46vw;
	}
	.swiper {
	height: 41.15vw;
}
}

@media all and (max-width:768px) {
	.swiper {
		position: relative;
		width: 85vw;
		height: 75.55vw;
		overflow: visible;

	}
	.swiper-slide img{
		width: min(381px, 50.8vw);
	}

	
	
}

@media all and (max-width:414px) {
	.swiper {
		position: relative;
		width: 85vw;
		height: 79.55vw;
		overflow: visible;

	}
		.swiper-slide img {
		width: min(372px, 49.6vw);
		height: auto;
		}
	.swiper-scrollbar {
		height: min(2px, 0.3vw) !important;
	}

	.swiper-scrollbar-drag {
		height: min(14px, 3.38vw) !important;
	}
		
}

	


/*----------------------------------------------------------
comicarize
----------------------------------------------------------*/

#comicarize{
	display: block;
	padding-top: min(83px, 6.38vw);
	padding-bottom: min(80px, 62.3vw);
	position: relative;
/*
	background-image: url("../img/bg_obi.png");
	background-repeat: repeat-x;
	background-size: 33.5%;
	background-position: bottom;
*/
}



#comicarize p img {
    width: min(534px, 41.07vw);
    position: relative;
}


#comicarize::after{
	content: "";
	display: block;
	width: min(264px, 32.53vw);
	height: min(268px, 36.8vw);
	position: absolute;
/*
	background-image: url("../img/bg_img_comicaraize.png");
	background-repeat: no-repeat;
	background-size: contain;
*/
	right: 2.6vw;
    top: 0;
	z-index: -1;
}

@media all and (min-width:1400px) {
	
		#comicarize::after{
		right: 20.23vw;
	}
		#comicarize{
		background-size: 33.5%;
		background-position: bottom -12.3vw center;
	}
	
}

.ttl_comicarize{
	width: min(995px, 76.53vw);
	margin: 0 auto min(13px, 1vw);
	position: relative;
	text-align: center;
}


#comicarize p {
    width: min(995px, 76.53vw);
	margin: 0 auto min(38px, 2.92vw);
	line-height: 3em;
    position: relative;
	text-align: center;
}


.ttl_comicarize img{
	position: relative;
    z-index: 2;
	width: min(260px, 20vw);
}

#comicarize .contents_sample { 
    max-width: 700px;
    margin:0 auto;
    margin-bottom: 40px;
    text-align: center;
}

.area_bn_inner{
	margin: 0 auto min(43px, 3.23vw);
	text-align: center;
	width: min(760px, 58.46vw);
	height:  min(337px, 25.92vw);
	transition: 0.2s;
	position: relative;
}

.area_bn_inner img.btn_off{
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.2s;
	width: min(760px, 58.46vw);
	height:  min(337px, 25.92vw);
}
.area_bn_inner img.btn_on{
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.2s;
	background-image: url("../img/bn_comicaraize_on.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: min(760px, 58.46vw);
	height:  min(337px, 25.92vw);
}
.area_bn_inner img.btn_off:hover{
	opacity: 0!important;
	transition: 0.2s;
	width: min(760px, 58.46vw);
	height:  min(337px, 25.92vw);
}

.area_btn_inner{
	margin: auto;
	text-align: center;
	position: relative;
	transition: 0.2s;
}

.area_btn_inner img.btn_off{
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.2s;
	width: min(486px, 41.23vw);
	height: min(89px, 6.07vw);
}
.area_btn_inner img.btn_on{
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../img/btn_comicaraize_02.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: 0.2s;
	width: min(536px, 41.23vw);
	height: min(79px, 6.07vw);
}
.area_btn_inner img.btn_off:hover{
	width: min(536px, 41.23vw);
	height: min(79px, 6.07vw);
	opacity: 0!important;
	transition: 0.2s!important;
}


@media all and (max-width:768px) {

	.ttl_comicarize img{
		position: relative;
		z-index: 2;
/*		width: min(601px, 80.13vw);*/
		
	}
	

	.ttl_comicarize img{
		position: relative;
		z-index: 2;
/*		width: min(601px, 80.13vw);*/
	}
	
	
		#comicarize {
		display: block;
		padding-top: min(97px, 7.46vw);
/*		padding-bottom: min(102px, 7.84vw);*/
		position: relative;
		background-image: url(../img/bg_obi.png);
		background-repeat: repeat-x;
		background-size: 33.5%;
		background-position: bottom;
		z-index: 1;
	}


		#comicarize::after{
			content: "";
			display: block;
			width: min(225px, 30vw);
			height: min(294px, 39.2vw);
			position: absolute;
			background-image: url("../img/bg_img_comicaraize_sp.png");
			background-repeat: no-repeat;
			background-size: contain;
			right: 0;
			top: 8vw;
		}

		.ttl_comicarize{
			width: 87vw;
            margin: 0;
            position: relative;
            text-align: left;
		}

		#comicarize p {
			width: 86vw;
			margin: 5.28vw auto 6.28vw;
			line-height: 7.3em;
			position: relative;
		}

		#comicarize p img {
			width: min(535px, 71.33vw);
			position: relative;
		}

		.ttl_comicarize img{
			position: relative;
			z-index: 2;
			width: min(345px, 46vw);
		}

		.area_bn_inner{
			margin: 0 auto min(22px, 5.23vw);
			text-align: center;
			width: min(676px, 90.13vw);
			height:  min(300px, 40vw);
			transition: 0.2s;
			position: relative;
		}

		.area_bn_inner img.btn_off{
			position: absolute;
			top: 0;
			left: 0;
			transition: 0.2s;
			width: min(676px, 90.13vw);
			height:  min(300px, 40vw);
		}
		.area_bn_inner img.btn_on{
			position: absolute;
			top: 0;
			left: 0;
			transition: 0.2s;
			background-image: url("../img/bn_comicaraize_on.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			width: min(676px, 90.13vw);
			height:  min(300px, 40vw);
		}
		.area_bn_inner img.btn_off:hover{
			opacity: 0!important;
			transition: 0.2s;
			width: min(676px, 90.13vw);
			height:  min(300px, 40vw);
		}
    
        #comicarize .contents_sample {
            margin-bottom: 0;
        }

		.area_btn_inner {
			margin: auto;
            margin-top: 25px;
			text-align: center;
			width: 90%;
			position: relative;
		}

		.area_btn_inner img {
			width: 100%;
		}

		
/*
		#comicarize{
		display: block;
		background-position: bottom center;
		padding-top: 12vw;
		padding-bottom: 16.53vw;
		position: relative;
		background-size: 72.5%;
	}


		#comicarize::after{
			content: "";
			display: block;
			width: min(416px, 55.46vw);
			height: min(265px, 35.33vw);
			position: absolute;
			background-image: url("../img/bg_img_comic_sp.png");
			background-repeat: no-repeat;
			background-size: contain;
			right: 0;
			top: 0;

		}

		.ttl_comicarize{
			width: 85vw;
			position: relative;

		}

		#comicarize p {
			width: 85vw;
			margin: 0 auto min(26px, 6.28vw);
			position: relative;
		}

		#comicarize p img {
			width: min(475px, 63.33vw);
			position: relative;
		}

		.ttl_comicarize img{
			position: relative;
			z-index: 2;
			width: min(215px, 28.79vw);
		}
*/


}


@media (max-width: 414px) {

    #comicarize p {
            width: 86vw;
            margin: 5.28vw auto 6.28vw;
            line-height: 4.3em;
            position: relative;
            text-align: left;
    }	
	
	#comicarize {
        background-image: none;
		display: block;
		padding-top: 13vw;
		padding-bottom: 22.53vw;
        position: relative;
	}
	
}

/*----------------------------------------------------------
cs
----------------------------------------------------------*/

#cs {
    display: block;
	height: min(1169px, 89.92vw);
    padding-top: min(91px, 7vw);
    padding-bottom: min(124px, 9.53vw);
    position: relative;
    background-image: url("../img/img_cs.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top min(91px, 7vw) center;
}


@media all and (max-width:1300px) {
	
	
	#cs {
		background-size: contain;
	}
	
	
}

.ttl_cs{
	width: min(995px, 76.53vw);
	margin: min(76px, 5.84vw) auto 0;
	position: relative;
	text-align: center;
	
}

.ttl_cs img{
	width: min(898px, 69.07vw);
	
}

.deco_cs{
	width: min(995px, 76.53vw);
    margin: min(137px, 10.53vw) auto min(21px, 21.46vw);
	position: relative;
	text-align: right;
	
}
.deco_cs img{
	width: min(179px, 13.76vw);
	position: absolute;
	right: min(126px, 9.69vw);
	
}
.txt_cs{
    width: min(995px, 76.53vw);
    margin: min(76px, 5.84vw) auto 0;
	height: min(740px, 56.92vw);
	position: relative;
}

.txt_cs img{
	width: min(937px, 72.15vw);
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 2vw
	
}

br.pc {
        display: block;
}



/*
#comicarize p {
    width: min(995px, 76.53vw);
    margin: 0 auto min(38px, 2.92vw);
    position: relative;
	line-height: 3em;
}
*/



@media all and (max-width:820px) {
		
	.deco_cs{
	width: min(995px, 76.53vw);
	height: min(143px, 11vw);
    margin: min(137px, 10.53vw) auto min(21px, 21.46vw);
	position: relative;
	text-align: right;
	
}
	
.deco_cs img{
	width: min(179px, 13.76vw);
	height: min(143px, 11vw);
	position: absolute;
	right: min(126px, 9.69vw);
	
}
	.txt_cs {
    width: min(995px, 76.53vw);
    margin: min(76px, 5.84vw) auto 0;
    height: min(327px, 39.92vw);
    position: relative;
}

}

@media all and (max-width:768px) {
/*	height: min(1384px, 106.38vw);*/
	
	#cs {
    height: min(1282px, 170.93vw);
    padding-top: 0;
    margin-top: min(41px, 9.9vw);
	padding-bottom: min(161px, 21.46vw);
    position: relative;
    background-image: url("../img/img_cs_sp.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top min(91px, 7vw) center;
}
	.deco_cs{
	width: min(995px, 76.53vw);
	margin: 0 auto 0;
	position: relative;
	text-align: right;
	
}
	.deco_cs img{
	width: min(161px, 21.46vw);
	height: min(133px, 17.73vw);
	position: absolute;
	top: min(67px, 16.18vw);
	right: min(-36px, -5.309vw);
	
}
	.txt_cs{
    width: min(995px, 76.53vw);
    margin: min(76px, 5.84vw) auto 0;
	height: 111.92vw;
	position: relative;
}
	.txt_cs img{
	width: min(667px, 88.93vw);
	text-align: center;
	position: absolute;
	bottom: 0;
	left: min(-36px, -8.69vw);
	
}
	
	.ttl_cs {
	width: min(995px, 76.53vw);
	margin: 0 auto 0;
	height: 55vw;
	position: relative;
	text-align: center;
	}

	.ttl_cs img{
		width: min(524px, 69.86vw);
        position: absolute;
        bottom: 0;
        left: 4vw;

	}
}

	@media all and (max-width:414px) {
		#cs {
		height: min(1282px, 170.93vw);
		padding-top: 0;
		margin-top: min(41px, 9.9vw);
		padding-bottom: min(98px, 23.67vw);
		position: relative;
		background-image: url("../img/img_cs_sp.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top min(91px, 7vw) center;
	}
		
		
	.deco_cs {
		height: min(133px, 17.73vw);
		margin: 0 auto 0;
		position: relative;
		text-align: right;
    }
	
	.deco_cs img{
	width: min(161px, 21.46vw);
	height: min(133px, 17.73vw);
	position: absolute;
	top: min(67px, 16.18vw);
	right: min(-18px, -2.654vw);
	
}
	.txt_cs{
		height: 93.92vw;
	}
		
}
	









.kikan_box > .kikan_info > p {
	font-size: 1.4rem;
}

.listArea{
	padding: 7px 0 0;
	    color: #57117a!important;
}

 p.release {
	font-weight: bold;
	color: #c00000;
	margin: 0 0 15px;
	 font-size: 15px;
	font-family: 'Ryumin Bold KL';
}

.kikan_box > .kikan_info > ul {
	display: flex;
}

.kikan_box > .kikan_info > ul > li {
	margin-right: 5px;
	width: 100%;
    max-width: 171px;
}

.kikan_box > .kikan_info > ul > li:last-of-type {
	margin-right: 0;
}

.kikan_box > .kikan_info > ul > li > .p-btn {
	padding: 4px 14px;
	display: block;
    text-align: center;
}

.badge_store {
        margin: 7px 0 0;
}

.stage_wrap {
	display: flex;
	flex-wrap: wrap;
    margin: 0 auto;
    max-width: 940px;
}

.stage_btn {
    display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #aa8db9;
    padding: 2px 29px;
    letter-spacing: -1px;
    box-shadow: 0px 0px 0px 4px #aa8db9;
    border: solid 1px #fff;}

.stage_btn a {
	color: #fff;
	
}

.stage_box.odd{
	margin: 0 4% 20px 0;
}

.stage_box h3{
	padding-bottom: 8px;
}

.stage_box {
	display: flex;
	position: relative;
	width: 48%;
	padding: 21px 25px;
	background:  #fff;
	box-sizing: border-box;
    box-shadow: 1px 1px 3px 1px rgb(163 163 163 / 79%);
	margin-bottom: 20px;
}

.stage_wrap > .stage_box:nth-child(odd) {
	margin-left: 0;
}

.stage_box > .stage_img {
	margin-right: 15px;
}

.stage_box > .stage_img > img {
	max-width: 100px;
}

.stage_info > h3 > .main_ttl {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 8px;
}

.stage_box > .stage_info > h3 {
    font-family: 'Ryumin Bold KL';
}

.stage_box h3{
	padding-bottom: 3px;
}

.stage_info > .release {
	font-weight: bold;
	color: #c00000;
	margin: 0 0 10px;
	 font-size: 15px;
	font-family: 'Ryumin Bold KL';
}

.stage_info > ul {
	display: flex;
	margin-top: 15px;
}

.stage_info > ul > li {
	margin-left: 12px;
}

.stage_info > ul > li:first-of-type {
	margin-left: 0;
}

@media screen and (max-width:900px){
/*
	#mv {
		padding-top: 176px;
        background: none;
        height: 100%;
	}
*/
    
    #books .books_inner .books_content ul {
        max-width: 100%;
    }
    
    #books .books_inner .books_content .share ul li {
         margin-bottom: 10px;   
         width: 40%;
    }
    
    #books .books_inner .books_content .share ul li img {
         width: 100%;
    }
    
    #dramacd .dramacd_inner ul li {
         margin-bottom: 10px;  
    }
    
    #books .books_inner .books_content .share {
        background-size: contain;
    }
    
    #books .books_inner .books_content .share .share_inner {
        background-size: contain;
    }
    
/*
    #story {
        padding-bottom: 0px;
    }
    
    #story .story_inner {
    }
    
    #story .bg_chara::after {
        background-size: 70%;
        right: -10px;
    }
    
    #story .story_inner h4 {
        margin: 0 auto;
        text-align: center;
        width: 70%;
    }

    #story .story_inner h4 img {
        width: 100%;
    }
    
    #story .story_inner h3 {
        margin-bottom: 10px;
        padding: 50px 0 0 0;
        width: 100%;
    }
    
    #story .story_inner h3 img  {
        width: 100%;
    }
    
    #story .story_inner p {

    }
    
    #story_inner_sp {
        display: block;    
    }
    
    #story_inner_sp img {
        width: 100%;    
    }
    
    #story .bg_chara {
        display: none;    
    }
*/
    
    #spin-off .btn_trial {
        width: 614px;
    }
    
    #sale_audiobook {
/*
        top: 29.8%;
        right:0;
*/
    }
    
    #sale_comic {
        right:0%;
        top: 61.2%;
        width: 183px;
    }
    
    #sale_comic ul {
        width: 141px;
    }

    #sale_comic {
/*
        right:21.2%;
        top: 61.2%;
        width: 183px;
*/
    }
    
    #character .character_inner .character_content .column_spin-off {
        right: 6.7%;
    }

}


/*------------------------------------------------------------------------------
 FOOTER
 -------------------------------------------------------------------------------*/
#footer {
	padding: 0;
	background: url("../img/bg_brown.jpg") repeat;
}

#footer::before {
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background: #988340;
	position: absolute;
/*	top: 5px;*/
	left: 0;
}

.footer_inner {
	max-width: 1200px;
	width: calc(100% - 60px);
	margin: 0 auto;
	padding: max(6px,3.7291666667vw) 0 max(80px,4.1666666667vw);
	box-sizing: border-box;
}

#copyright {
	margin: 0;
    text-align: right;
	color: #fff;
    font-size: 11px;
	font-family: "Cormorant", serif;
	font-optical-sizing: auto;
	font-weight: 100;
}

#footer .corp-logo {
	margin: 0 0 20px 0;
    text-align: right;
}

#footer .corp-logo > a > img {
	vertical-align: middle;
	max-width: 140px;
}

#footer .corp-logo a img {
	transition: .3s ease-in-out;
}

#footer .corp-logo a:hover img {
	filter: opacity(75%);
}

.nav_footer-innner {
	position: relative;
}

.l-footer_site-logo {
	position: absolute;
	top: -3.9vw;
	right: 0;
	padding-top: 30px;
	width: 250px;
}

#footer .sns-list {
	margin-top: 80px;
	margin-bottom: 0;
	padding: 17px 50px 17px 40px;
	gap: 0.7833333333vw;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-family: "Cormorant", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	color: #fff;
	background: url(../img/bg_share.svg) top left/contain no-repeat;
	width: fit-content;
	box-sizing: border-box;
}

#footer .sns-list span {
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 1px;
	background: #fff;
	opacity: 0.5;
}

#footer .sns-list a img {
	transition: .3s ease-in-out;
}

#footer .sns-list a:hover img {
	filter: opacity(75%);
}

#footer .sns-list .x {
	width: 25px;
}

#footer .sns-list .x img {
	width: 100%;
	height: auto;
}

#footer .sns-list .facbook {
	width: 35px;
}

#footer .sns-list .facbook img {
	width: 100%;
	height: auto;
}

#footer .sns-list .line {
	width: 35px;
}

#footer .sns-list .line img {
	width: 100%;
	height: auto;
}


/*
.sns-list {
	position: absolute;
	top: 6.7vw;
	left: 3.5666666667vw;
	width: 250px;
}
*/

.l-footer_site-logo-img {
	width: 100%;
	height: auto;
}

.l-footer_site-logo a .l-footer_site-logo-img {
	transition: .3s ease-in-out;
}

.l-footer_site-logo a:hover .l-footer_site-logo-img {
	filter: opacity(75%);
}

/*ナビゲーション*/
#nav_footer ul.menu-list {
	display: flex;
	flex-wrap: wrap; 
	gap: 2vw 1.4vw; 
	position: relative;
	left: 0.1vw; 
/*	margin: 0 auto;*/
	max-width: 530px;
}

/*リストのレイアウト設定*/

#nav_footer ul.menu-list li {
	position: relative;
	flex-basis:4.6875vw; 
	list-style: none;
	text-align: left; 
}

#nav_footer li a {
	color: #fff;
	text-decoration: none;
/*        padding:10px;*/
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: "Shippori Mincho B1", serif;
	font-weight: 100;
	font-style: normal;
	font-size: 10px;
	transition: .2s ease-in-out;
}

#nav_footer li a strong {
	display: block;
	font-family: "Cormorant", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
}

#nav_footer li a:link, a:visited {
	color: #fff;
}

#nav_footer li a:hover {
	color: #998440;
}

#nav_footer .menu-list li.active a {
	color: #988340;
}

#nav_footer .menu-list li.active a:link {
	color: #988340;
}


/*------------------------------------------------------------------------------
 news
 -------------------------------------------------------------------------------*/

#page-news article {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

#page-news article div.write_box_outer {
    padding-top : 95px;
    margin-top : -95px;
    margin-bottom: 40px;
}

#page-news article div.write_box {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 6px 6px 10px 2px rgba(236, 225, 202, 0.45);
    padding: 45px 35px 10px 35px; 
}

#page-news article div.write_box_outer h3.h_title {
    position: relative;
    color: #e50481;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    border-top: 1px solid #eb129c;
    padding-top: 10px;
}

#page-news article div.write_box_outer h3.h_title::before {
    position: absolute;
    display: block;
    content: "";
    top: -8px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #eb129c;
}

#page-news article div.write_box_outer p.date {
    color: #e50481;
  　font-family: "M PLUS Rounded 1c", sans-serif;
  　font-weight: 700;
  　font-style: normal;
    font-size: 16px;
    border-bottom: 1px dashed #eb129c;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

#page-news article div.write_box_outer .write_box_contents > p {
    color: #514218;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    margin-bottom: 35px;
}

#page-news article div.write_box_outer h4.h_subtitle {
    margin-bottom: 15px;
    font-size: 18px;
    color: #514218;
    font-weight: bold;
    border-left: 5px solid #e50481;
    padding-left: 10px;
}

#page-news article div.write_box_outer ul.product_list {
    margin-bottom: 30px;
    list-style-type: none;
    border-top: 1px solid #d4dbe1;
}

#page-news article div.write_box_outer ul.product_list > li {
    border-bottom: 1px solid #d4dbe1;
    padding: 1.2em 0;
    display: flex;
    gap : 10px;
    
}

#page-news article div.write_box_outer .product_thum figure {
    width : 140px;
}

#page-news article div.write_box_outer .product_thum figure img  {
    width : 100%;
}

#page-news article div.write_box_outer .product_text .type_tags {
    display: flex;
    gap : 10px;
    margin-bottom: 4px;
}

#page-news article div.write_box_outer .product_text .type_tags .tag_cat01 {
    background-color: #daf7f5;
    color: #16a99d;
    font-size: 11px;
    padding: 0.1em 0.3em;
}

#page-news article div.write_box_outer .product_text .type_tags .tag_tokuten {
    background-color: #efefef;
    color: #000000;
    font-size: 11px;
    padding: 0.1em 0.3em;
}

#page-news article div.write_box_outer .product_text .product_ul_ttl {
    font-size: 18px;
    font-weight: bold;
    color: #514218;
}

#page-news article div.write_box_outer .product_text .product_ul_author {
    display: flex;
    gap : 10px;
    color: #514218;
}

#page-news article div.write_box_outer .product_text .product_ul_data {
    color: #514218;
}

#page-news article div.write_box_outer .product_text .product_ul_data p span {
    font-weight: bold;
}

#page-news article div.write_box_outer .product_text .btn_list {
    margin-top: 15px;
    display: flex;
    gap : 10px;
}

#page-news article div.write_box_outer .product_text .btn_list li {
    background-color: #e4007f;
    font-size: 14px;
    max-width: 196px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    padding: 0.5vw;
    position: relative;
    text-align: center;
}

#page-news article div.write_box_outer .product_text .btn_list li.sample {
    background-color: #f39800;
}

#page-news article div.write_box_outer .product_text .btn_list li.sample:before {
    position: absolute;
    display: block;
    content: "";
    top: 11px;
    left: 20px;
    width: 19px;
    height: 16px;
    background: url("../img/icon_sample.png") no-repeat center top/cover ;
}

#page-news article div.write_box_outer .product_text .btn_list li.buy:before {
    position: absolute;
    display: block;
    content: "";
    top: 9px;
    left: 20px;
    width: 19px;
    height: 18px;
    background: url("../img/icon_cart.png") no-repeat center top/cover ;
}

#page-news article div.write_box_outer .product_text .btn_list li a {
    max-width: 180px;
    width: 100%;
    padding: 1vw;
    color: #fff;
}


/*------------------------------------------------------------------------------
 Novels
 -------------------------------------------------------------------------------*/

#page-novels {

}

#page-novels .page-novels-inner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

#page-novels .page-novels-inner .categories {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    gap : 15px;
}

#page-novels .page-novels-inner .categories li {
    position: relative;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    color: #e62489;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #ef66b2;
    padding: 14px 0 15px;
    width: 210px;
    height: 47px;
    box-sizing: border-box;
}

#page-novels .page-novels-inner .categories li.active {
    color: #fff;
    background-color: #e62489;
}

#page-novels .page-novels-inner .categories li a {
    position:absolute;
    top:0;
    left:0;
    text-decoration: none;
    line-height: 1;
    color: #e62489;
    display: block;
    width: 210px;
    max-height: 47px;
    height: 47px;
    padding: 14px 0 15px;
}

#page-novels .page-novels-inner .categories li a:hover {
    color: #fff;
}

#page-novels .page-novels-inner .categories li a:link {
    color: #e62489;
    display: block;
}

#page-novels .page-novels-inner .categories li a:hover {
    color: #fff;
}

#page-novels .page-novels-inner .categories li.active a:link {
    color: #fff;
    display: block;
}

#page-novels .page-novels-inner .categories li::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #e8198d;
  border-right: 2px solid #e8198d;
  transform: translateY(-2px) rotate(135deg);
  box-sizing: border-box;
}

#page-novels .page-novels-inner .categories li:hover::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}


#page-novels .page-novels-inner .categories li:hover {
    color: #fff;
    background-color: #e8198d;
}

#page-novels .page-novels-inner .categories li:hover::before {
    background: #e8198d;
    width: 100%;
    height: 100%;
}

#page-novels .page-novels-inner .categories li.active a:visited {
    color: #fff;
}

#page-novels .page-novels-inner .categories li.active:visited {
    color: #fff;
}

#page-novels .page-novels-inner .categories li.active:link {
    color: #fff;
}

#page-novels .page-novels-inner .categories li.active::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}




#page-novels .page-novels-inner .product-list > li {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 6px 6px 10px 2px rgba(236, 225, 202, 0.45);
    margin-bottom: 60px;
    padding: 45px 35px 10px 35px; 
}

#page-novels .page-novels-inner .product-list > li .flex {
    display: flex;
    gap: 30px;
}

#page-novels .page-novels-inner .product-list > li .product_img {
    margin-bottom: 30px;
}

#page-novels .page-novels-inner .product-list > li .product_img figure {
    width: 300px;
}

#page-novels .page-novels-inner .product-list > li .product_img figure img {
    width: 100%;
}

#page-novels .page-novels-inner .product-list > li .product_img .btn-trial {
    background-color: #f39800;
    font-size: 16px;
    max-width: 240px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
    position: relative;
}

#page-novels .page-novels-inner .product-list > li .product_img .btn-trial a {
    color: #fff;
    display: inline-block;
    padding: 0.9vw;
    max-width: 240px;
    width: 100%;
}

#page-novels .page-novels-inner .product-list > li .product_img .btn-trial a:link {
    color: #fff;
}

#page-novels .page-novels-inner .product-list > li .product_img .btn-trial a:visited {
    color: #fff;
}

#page-novels .page-novels-inner .product-list > li .product_img .btn-trial:before {  
    position: absolute;
    display: block;
    content: "";
    top: 19px;
    left: 26px;
    width: 19px;
    height: 16px;
    background: url("../img/icon_sample.png") no-repeat center top/cover ;
}


#page-novels .page-novels-inner .product-list > li .detail {
    width: 60%;
}

#page-novels .page-novels-inner .product-list > li .detail p.cat {
    background-color: #e4007f;
    border-radius: 30px;
    color: #fff;
    width: 90px;
    text-align: center;
    font-weight: bold;
}

#page-novels .page-novels-inner .product-list > li .detail p.cat.audiobook {
    width: 114px;
}

#page-novels .page-novels-inner .product-list > li .detail > h2 {
    font-size: 26px;
    color: #514218;
    font-weight: bold;
}

#page-novels .page-novels-inner .product-list > li .detail .release_date {
    font-size: 16px;
    color: #e4007f;
    font-weight: bold;
}

#page-novels .page-novels-inner .product-list > li .detail .release_date span {
    color: #514218;
}

#page-novels .page-novels-inner .product-list .btn-buy {
    background-color: #e4007f;
    font-size: 16px;
    max-width: 290px;
    width: 100%;
    color: #fff;
    font-weight: bold;
    padding: 0.5vw;
    text-align: center;
    margin-top: 15px;
    position: relative;
}

#page-novels .page-novels-inner .product-list .btn-buy:before {  
    position: absolute;
    display: block;
    content: "";
    top: 20px;
    left: 15px;
    width: 22px;
    height: 21px;
    background: url("../img/icon_cart.png") no-repeat center top/cover ;
}

#page-novels .page-novels-inner .product-list .btn-buy a {   
    color: #fff;    display: inline-block;
    padding: 0.8vw;
    max-width: 290px;
    width: 100%;
}

#page-novels .page-novels-inner .product-list .btn-buy a:link {   
    color: #fff;
}

#page-novels .page-novels-inner .product-list .btn-buy a:visited {   
    color: #fff;
}


#page-novels .page-novels-inner .product-list > li .detail .product-item-container {

}

#page-novels .page-novels-inner .product-list > li .detail .product-item-container ul {

}

#page-novels .page-novels-inner .product-list > li .detail .product-item-container ul li {
    display: flex;
    align-items: center;
    background-color: #fbf8f1;
    border: 2px solid #d3ccb0;
    border-radius: 14px;
    gap: 30px;
    padding: 10px;
    margin-bottom: 10px;
}

#page-novels .page-novels-inner .product-list > li .detail .product-item-container ul li .product_img_sp {
    display: none;
}

#page-novels .page-novels-inner .product-list > li .detail .product-item-container ul li .product_name {
    color: #514218;
    font-size: 16px;
    font-weight: bold;
}

#page-novels .page-novels-inner .product-list > li .detail .product-item-container ul li .product_name .label_special {
    color: #f39800;
}

#page-novels .page-novels-inner .product-list > li .detail .product-item-container ul li .price {
    color: #e4007f;
    font-size: 18px;
    font-weight: bold;
}

#page-novels .page-novels-inner .product-list > li .detail .product-item-container ul li .price .tax {
    font-size: 13px;
}


#page-novels .page-novels-inner .product-list .btn-list_buy {
    background-color: #e4007f;
    font-size: 16px;
    max-width: 160px;
    width: 100%;
/*    height: 36px;*/
    color: #fff;
    font-weight: bold;
    padding: 0.6vw;
    text-align: center;
    border-radius: 60px;
    display: inline-block;
    box-sizing: border-box;
}

#page-novels .page-novels-inner .product-list .btn-list_buy a {
    color: #fff;
}

#page-novels .page-novels-inner .product-list > li .detail .product-list {
    margin-top: 25px;
}

#page-novels .page-novels-inner .product-list > li .detail .h_title_type {
    margin-bottom: 2px;
    padding-left: 30px;
    font-size: 17px;
    color: #514218;
    font-weight: bold;
    position: relative;
}

#page-novels .page-novels-inner .product-list > li .detail .h_title_type:before {
    position: absolute;
    display: block;
    content: "";
    top: 4px;
    left: 2px;
    width: 21px;
    height: 22px;
    background: url("../img/icon_bag.png") no-repeat center top/cover ;
}

#page-novels .page-novels-inner .product-list > li .detail .listArea ul {

}

#page-novels .page-novels-inner .product-list > li .detail .listArea ul li {
    background-color: #fbf8f1;
    border: 2px solid #d3ccb0;
    border-radius: 14px;
    padding: 1.3vw;
    margin-bottom: 10px;
}

#page-novels .page-novels-inner .product-list > li .detail .listArea ul li .listArea_innner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#page-novels .page-novels-inner .product-list > li .detail .listArea ul li .product_name {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    color: #514218;
    font-size: 16px;
    font-weight: bold;
    line-height: 145%;
    width: 230px;
}

#page-novels .page-novels-inner .product-list > li .detail .listArea ul li .label_special {
    color: #f39800;
    font-size: 16px;
    font-weight: bold;
}

#page-novels .page-novels-inner .product-list > li .detail .listArea ul li .text_price {
    color: #e4007f;
    font-size: 18px;
    min-width: 160px;
    text-align: right;
    font-weight: bold;
}

#page-novels .page-novels-inner .product-list > li .detail .listArea ul li .text_price .tax {
    font-size: 13px;
}

#page-novels .page-novels-inner .product-list > li .detail .listArea ul li .btn_list {
    min-width: 150px;
    text-align: right;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 700;
    font-style: normal;    
}

#page-novels .page-novels-inner .product-list > li .detail .product_img_sp {
    display: none;
}



/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}

#page-top .PageTop__Button {
    background: url(../img/btn_pagetop.png) 0 0/100% 100%;
    border: 0;
    bottom: 0;
    cursor: pointer;
    position: absolute;
    right: 10px;
    transition: opacity .3s;
    width: 101px;
    height: 114px;
    z-index: 300;
}

#page-top .PageTop__Button:hover {
    opacity:0.9;
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(120px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(120px);
  }
}

.footer {
    margin: 0 auto;
    padding: 25px 0 5px 0;
    color: #fff;
    text-align: center;
	background-color: var(--color-orange);

}

.footer__body {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}

.footer_menu {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 1.2rem;
}
.openBtn {
	display: none;
}
.btn_product:hover{
	color: #000;
}

/*------------------------------------------------------------------------------
タブレット スマートフォン用の記述
 -------------------------------------------------------------------------------*/

@media screen and (max-width:768px){
	
	body::before {
		/** background-image: url(../img/bg.jpg); */
        position: fixed;
        display: block;
		background-size: 100%;
        width: 100%;
        height: 100%;
        content: '';
        z-index: -99999;

	}
    
    .header {
        background-color: transparent;
    }
    
    .header::before{
        border-style: none;
    }
	
    #g_nav_pc {
        display: none;
    }


    /*========= ナビゲーションのためのCSS ===============*/

    #g-nav{
        display: block;
        /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
        position:fixed;
        z-index: 999;
        /*ナビのスタート位置と形状*/
        top:0;
        right: -120%;
        width:100%;
        height: 100vh;/*ナビの高さ*/
        background-color: #f39800;
        /*動き*/
        transition: all 0.6s;
    }

    /*アクティブクラスがついたら位置を0に*/
    #g-nav.panelactive{
        right: 0;
    }
    
    #g-nav .g-nav-frame .logo {
        margin-right: 0;
        position: absolute;
        top: -6vw;
        left: 3vw;
        width: 60.7333333333vw;
        z-index: 999;
    }
    
    #g-nav .g-nav-frame .logo a {
        position: relative;
    }
    
    #g-nav .g-nav-frame .logo a img {
        width: 100%;
    }
    
    #g-nav .g-nav-frame {
        position: relative;
        top: 30vw;
        left: 0;
        background-color: #f39800;
        margin: 7.4666666667vw auto 13.3333333333vw;
        width: 90.6666666667vw;
        padding: 10.9333333333vw 0 10.3333333333vw;
        background: url(../img/nav_bg.png) 0 0/contain no-repeat;
    }
    
    #g-nav .g-nav-frame::before {
        position: absolute;
        top: 2.6vw;
        right: 1vw;
        display: block;
        width: 23vw;
        height: 23vw;
        background: url("../img/nav_deco_sp.png") no-repeat top center;
        background-size: contain; 
        content: "";
    }
    
    #g-nav .g-nav-frame .g-nav-frame-innner {
        margin-top: 5.6vw;
    }
    
    #g-nav .g-nav-frame ul li {
        text-align: center;
        margin: 0 6vw;
        padding:2vw 0;
        background-image: linear-gradient(to right, #fff, #fff 6px, transparent 6px);
        background-size: 10px 1px;
        background-position: left bottom;
        background-repeat: repeat-x;
    }
    
    #g-nav .g-nav-frame ul li:last-child {
        padding-top: 5vw;
        background-image: none;
    }
    
    #g-nav .g-nav-frame ul li:last-child img {
        width: 90%;
    }
    
    #g-nav .g-nav-frame ul li img {
        width: 100%;
        padding: 3px 10px;
    }
    
    #g-nav .g-nav-frame .link-account {
        margin-top: 25px;
        text-align: center;
        font-size: 15px;
    }
    
    #g-nav .g-nav-frame .link-account a:link {
        color: #312823;
        font-weight: bold; 
    }
    
    #g-nav .g-nav-frame .link-account img {
        margin-right: 8px;
        width: 1.5rem;
        vertical-align: middle;
    }
    

    
    /*ナビゲーションの縦スクロール*/
    #g-nav.panelactive #g-nav-list{
        /*ナビの数が増えた場合縦スクロール*/
        position: fixed;
        z-index: 999; 
        width: 100%;
        height: 100vh;/*表示する高さ*/
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    /*ナビゲーション*/
    #g-nav ul {
        font-family: "Gothic A1", sans-serif;
        font-weight: 800;
        font-style: normal;
        /*ナビゲーション天地中央揃え*/
/*
        position: absolute;
        z-index: 999;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
*/
    }

    /*リストのレイアウト設定*/

    #g-nav li{
        list-style: none;
        text-align: center; 
    }

    #g-nav li a {
        color: #fff;
        text-decoration: none;
/*        padding:10px;*/
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: bold;
        font-size: 18px;
    }
    
    #g-nav li a:link {
        color: #fff;
    }
    
    .header_inner {
        
    }

    .pc_logo {
		padding-left : 10px;
		padding-top : 10px;
    }

    .pc_logo h1 {
        width: 84%;
    }
    
    #txt_anime {
        top: 2vw;
    }
    
    .mv__logo {
        bottom: 11vw;
        left: 4vw;
        width: 92%;
    }
	
	.hero_bn_stand {
		margin: 0 auto; 
		width: 90%;
		max-width: 600px;
	}
    
	.hero_bn_stand img {
		width: 100%;
		height: auto;
	}
    
    #newarrival {
        margin: 50px 0;
    }
    
    #newarrival .ttl_newarrival img {
        width: 80%;
    }
    
    #newarrival .new-item-list {
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    
    #newarrival .new-item .product-list {    
        display: block;
    }

    #newarrival .new-item {
        max-width: 91%;
        margin-bottom: 20px;
        padding: 1.4rem;
    }
    
    #newarrival .new-item .product_ul_ttl {
        margin-top: 8px;
    }
        
    #newarrival .new-item .btn_list li {
        width: 100%;
    }
    
    #newarrival .new-item .btn_list .buy {
        font-size: 16px;
    }
    
    #newarrival .new-item .btn_list .buy.pc {
        display: none;
    }
    
    #newarrival .new-item .btn_list .buy a {
        display: inline-block;
        padding: 3.5vw 0.5vw;
        max-width: 100%;
        width: 100%;
    }
    
    #newarrival .new-item .btn_list .sample {
        margin-top: 7px;
        font-size: 16px;
    }
        
    #newarrival .new-item .btn_list .sample a {
        display: inline-block;
        padding: 3.5vw 0.5vw;
        max-width: 100%;
        width: 100%;
    }
        
    #newarrival .newarrival_inner {
        max-width: 100%;
        width: 90%;
        padding: 0;
        border-style: none;
        background-color: transparent;
    }

    #newarrival .ttl_newarrival {
        margin-bottom: 20px;    
    }
	
	.idx-Books {
		padding: 15vw 0;

	}
	
	.books_Title h2 {
		text-align: left;
		font-size: 3.8vw;
		width: 88%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	.books_Title h2 strong {
		margin-right: 10px;
		display: inline-block;
		font-size: 11vw;
	}
	
	.books_Title .desc-s {
		font-size: 4.107vw;
	}
    
	.books_Title .desc {
		font-size: 7.1041666667vw;
	}
    
	.books-List {
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	
	.books-Item {
		margin: 0 auto;
		width: 90%;
	}

	
	.idx-character {
		
	}
    
	.idx-character h3 {
		font-size: 20px;
	}
    
	.idx-character h3 strong {
		font-size: 44px;
	}
    
	.idx-character .slider li {
		max-width: 440px;
		width: 100%;
	}
    
	.idx-character .slider li img {
		width: 100%;
	}
	
	
    
    #comicarize .comicalize_inner {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 88vw;
    }
    
    #comicarize .contents_sample {
        width: 100%;
    }
    
    #comicarize .contents_sample img {
        width: 100%;
    }

    /*========= ボタンのためのCSS ===============*/
    .openbtn{
        position:fixed;
        z-index: 9999;/*ボタンを最前面に*/
        top:5px;
        right: 0;
        cursor: pointer;
        width: 102px;
        height: 84px;
        background: url("../img/gnav_bg.jpg") no-repeat top center;
        background-size: contain; 
    }

    /*×に変化*/	
    .openbtn span{
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 34px;
        height: 3px;
        border-radius: 1px;
        background-color: #fff;
        width: 38%;
      }

    .openbtn span:nth-of-type(1) {
        top:25px;	
    }

    .openbtn span:nth-of-type(2) {
        top:36px;
    }

    .openbtn span:nth-of-type(3) {
        top:37px;
        height: 40%;
        left: 32px;
        background: no-repeat center url(../img/nav_trigger_menu.png);
        background-size: contain; 
    }

    .openbtn.active span:nth-of-type(1) {
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
    }

    .openbtn.active span:nth-of-type(2) {
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
    }

    .openbtn.active span:nth-of-type(3){
        background: no-repeat center url(../img/nav_trigger_close.png);
        background-size: contain; 
    }


    
	.header_news {
        width: 100%;
		height: auto;
    }

    .header__news_wrap img {
        width: 100%;
        height: 100%;
        vertical-align: bottom;
        line-height: 1.0em;
    }

	.container_news {
		width: 100%;
	}

	.container_news .information {
		margin: 0 15px;
	}

	.information__body {
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
	}

	.news_contents {
        width: 100%;
    }

	.footer {
		width: 100%;
		text-align: center;
		padding: 0;
		padding-top: 20px;
		padding-bottom: 25px;
	}
	
	h3 img{		   
        width: 70%;
		margin: 0 auto;
	}
	
	#introduction{
	background-size: cover;
	padding: 5.46875vw 0 0px;
	z-index: 9;
}
	#introduction h3{
	padding-bottom: 3.43vw;
	text-align: center;
}
	.catch_introduction{
	font-size: 2.96875vw;
	    padding-bottom: 0.96vw;
	text-align: center;
	letter-spacing: 0.03em;
}
	.txt_introduction{
	    font-size: 2.03125vw;
		padding: 0 0 50px 15vw;
	    display: inline-block;
	    width: 72%;
	    line-height: 200%;
	    margin: 0 auto;
	    letter-spacing: 0.085em;
}

	.footer__body {
		display: block;
		padding: 0;
	}

	.footer_menu li {
		float: none;
	}
	
	.kikan_info h3::before {
	height: 8.5vw;
	}
	
	
	/*コミックス既刊リストタイトル下罫線*/
	.line_comics h3::before {
		height: 10.9vw;
	}
	
    
    .original-nav__wrap {
        display:none;
    }

    .original-nav__wrap_sp {
        display:block;
    }

    .original-nav__wrap_sp {
        flex-direction: column;
        height: 75px;
        margin:0 auto;
        text-align: center;
    }
    
    .original-nav__wrap_sp .logo {
        margin-top: 55px;
    }

    .original-nav__wrap_sp nav > ul {
        display:flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        text-align: center;
        flex-wrap: wrap;
    }

    .original-nav__wrap_sp nav > ul li {
        color: #48001a;
    }

    .original-nav__wrap_sp nav > ul li:hover {
        color: #ad3d7f;
    }

    .original-nav__wrap_sp nav > ul li a:hover {
        color: #ad3d7f;
    }
    
     .original-nav__wrap_sp nav > ul.card.left {
        justify-content: left;
    }



    .original-nav__wrap_sp nav > ul li.original-nav_lavel {
        margin:0 22px;
        padding-top: 130px;
        height: 100px;
        font-size: 18px;
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;
        font-weight: bold;
    }

    .original-nav__wrap_sp nav > ul li.original-nav_lavel.arrow:after {
        display: inline-block;
        content: "";
        background: url(../img/icon_arrow_down.png);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        width: 1em;
        height: 1em;
        font-size: 1.25rem;
        margin-right: 0.4em;
        margin-left: 0.15em;
    }

    .original-nav__wrap_sp nav ul.original-nav_second-level li {
        margin:0 22px;
        padding-top: 50px;
        font-size: 18px;
        font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;
        font-weight: bold;
    }

    .original-nav__wrap_sp nav > ul li a {
        display: block;
    }

    .original-nav__wrap_sp nav li {
    /*    position: relative;*/
    }

    #mv {
		padding-top: 55px;
    }
    
    #header {

    }
    
    #header h1 {
        padding: 3%;
    }
    
    .menu_button {
        margin-top: 0;
        margin-right: 14px;
    }
    
    .menu_button span {
        background-color: #fff;    
    }
    

    .menubar.active span:first-child {
        top: 12px;
        transform: rotate(405deg);
    }

    .menubar.active span:nth-child(2) {
        opacity: 0;
    }

    .menubar.active span:last-child {
        top: 12px;
        transform: rotate(-405deg);
    }


    
    .header-menu-list {
        padding: 0;
        padding-top: 25px;
          position: fixed;
  top: 53px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
    }
    
    .header-menu-list .inner {
        width: 100%;
    }
    
    .header-menu-list ul.official {
        display: flex;
        width: 100%;
    }
    
    
    .header-menu-list ul.sns {
        display: block;
        width: 98%;
        border-top: 1px solid #bdbdbd;
        border-left: none;
        padding: 15px 2px 0 5px;
    }
    .header-menu-list ul.sns > li > ul.sns_column {
        display: flex;
    }
    
    .header-menu-list ul.sns > li > ul.sns_column > li {
       margin-left: 0.2em;
        margin-top: 0;
        width: 40%;
    }
    
    .header-menu-list ul.sns > li > ul.sns_column li > ul > li:before {
         margin-right: 0.4em;
    }
    
    .header-menu-list ul.special {
        padding-right: 6px;
    }
    
    .header-menu-list .inner ul li {
        margin: 0 10px;
    }
    
    .header-menu-list .inner ul li.related {
        margin-top: 0;
    }
    
    
    #original-nav {
        padding: 10px 0;
        background-image: none;
    }
	
    #original-nav .logo > a > img {
        max-width: 176px;
        margin-top: 0px;
    }
    
    .original-nav_wrap {
        position: relative;
        padding-bottom: 13px;
    }
	    
    .original-nav_menu {
        position: absolute;
        top:37%;
        right: 2%;
        transition: transform 0.3s;
    }
    
    .original-nav_menu.active {
        transform: rotate(180deg);
    }
	    
    .original-nav_menu img {
        width: 30px;
    }
	    
    .original-nav__wrap_sp nav.original-nav_mega {
        display: none;
        background-color: rgba(165,74,153,0.9);
        padding: 10px 6vw 40px 6vw;
          position: fixed;
          top: 149px;
          left: 0;
          right: 0;
          bottom: 0;
          overflow-y: auto;
    }
	    
    .original-nav__wrap_sp nav.original-nav_mega p.nav_ttl {
        color: #fff;
        text-align:left;
        font-size:17px;
        border-bottom: 1px solid #fff;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;
        font-weight: bold;
        margin-bottom: 14px;
        padding-bottom: 5px;
        margin-top: 30px;
    }
    
    .original-nav__wrap_sp nav.original-nav_mega p.nav_ttl:before {
    display: inline-block;
    content: "";
    background: url(../img/icon_square.png);
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 0.9em;
    height: 0.9em;
    font-size: 1.8rem;
    margin-right: 0.5em;
    }
    
    .original-nav__wrap_sp nav.original-nav_mega .card li {
        margin: 0 5px 10px 5px;
    }
	    
    .original-nav__wrap_sp nav.original-nav_mega .card li p {
        background-color: #fff;
        font-size:15px; 
        font-weight: 500;
        padding: 2px;
    }
	    
    
    .newissue_sp {
        display: block;
        width:100%;
        margin:0 auto;
        padding: 35px 0 50px 0;
        background-color: #fff;
        background: url(../img/bg_pattern_white.gif) repeat left top;
    }
    
    .newissue_inner {
        width: 88vw;
        margin: 0 auto;
    }
    
    #newissue {
        width:100%;
        margin:0 auto;
        text-align: center;
        margin-bottom: 20px;
    }
    
    #newissue img {
        width:88%;
    }
    ul.newissue-thumbnail {
        list-style-type: none;
    }
    ul.newissue-thumbnail li {
        margin: 0 auto;
        text-align: center;
        padding:35px 15px 30px 15px;
        margin-bottom: 30px;
        background-color:#f6f6f6;
        border: 1px solid #b7a868;
    }
    ul.newissue-thumbnail li img {
        width: 80%;
    }
    ul.newissue-thumbnail .p-thumbnail {
        margin-top:10px;
    }
    ul.newissue-thumbnail .p-title {
        font-size:20px;
        font-weight:bold;
        line-height:130%;
        margin-top:15px;
        margin-bottom:5px;
        font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;
        font-weight: 900;
        color: #2a201e;
    }
    ul.newissue-thumbnail .p-title span {
        margin-top: 5px;
        line-height:140%;
        font-size:13px;
        display: inline-block;
    }
    ul.newissue-thumbnail .p-title span.set {
        margin-top: 5px;
        line-height:140%;
        font-size:16px;
        display: inline-block;
    }
    ul.newissue-thumbnail .p-info {
        font-size:15px;
        font-weight:bold;
        line-height:130%;
        margin-bottom:10px;
        color: var(--color-orange);
        font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;
        font-weight: 900;
    }
    ul.newissue-thumbnail .p-list-column {
        list-style-type: none;
    }
    ul.newissue-thumbnail .p-list-column li {
        padding:0;
        margin-bottom: 6px;
        border-style:none;
        background-color: transparent;
    }
    .p-thumbnail .p-btn {
        border-style: none;
        box-shadow: none;
    }
    
    #mv ul.newissue-thumbnail li img {
        width: 80%;
    }
    ul.newissue-thumbnail .p-list-column .p-btn {
        background-color: transparent;
        color:#fff;
        font-weight:bold;
        font-size:16px;
        padding:0 6px;
        margin-bottom:5px;
        display:block;
        font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Helvetica;
        font-weight: 900;
    }
    ul.newissue-thumbnail .p-list-column .p-btn img {
        width: 100%;
    }
    ul.newissue-thumbnail .p-list-column .p-btn.value-set {
        background-color: #370114;
/*         background: linear-gradient(-20deg, #048fe3 0%, #dc1b8a 100%);*/
    }
    ul.newissue-thumbnail .p-list-column .p-btn span {
         font-size: 14px;
         color: #fdf121;
    }
		/*販売終了*/
    ul.newissue-thumbnail .p-list-column_gray {
        list-style-type: none;
    }
    ul.newissue-thumbnail .p-list-column_gray li {
        padding:0;
        border-style:none;
        background-color: transparent;
    }
    ul.newissue-thumbnail .p-list-column_gray .p-btn {
        background-color: #a2a2a2;
        border-radius:3px;
        color:#fff;
        font-weight:bold;
        font-size:15px;
        padding:18px 6px;
        margin-bottom:20px;
        display:block;
    }
    
    .bn_area_sp {
        display: block;
        width:100%;
        margin:0 auto;
        padding: 30px 0 0 0;
        background-color: #fff;
        background: url(../img/bg_pattern_white.gif) repeat left top;
    }
        
    .bn_area_sp .bn_area_img {
        width: 87%;
        margin:0 auto;
    }
        
    .bn_area_sp .bn_area_img img {
        width:100%;
    }
	    
    #badge {
        top: 74%;
        width: 28%;
        left: 71%;
    }
    
	#badge_dramacd {
	    top: 0.5vw;
        left: 0vw;
        width: 55%;
	}
    
    #badge_goods {
        display: none;    
    }
    
	/* #news {
        background-color: #fcd8eb;
        padding: 12vw 8vw 10vw 8vw;
	} */
    
    #news .ttl_news {
        margin-bottom: 15px;
    }
    
    #news .ttl_news img {
        width: 45%;
    }
    
    #news .news_inner {
        width: 100%;
        margin:0 auto;
        flex-direction: column;
    }
    
    #news .news_content ul li.newslist_item {
        display: block;
        border-radius: 8px;
        padding: 3.6vw;
        margin-bottom: 10px;
    }
    
    #news .news_content ul li.newslist_item .newslist_item_info {
        font-size: 13px;
    }
    
    #news .news_content ul li.newslist_item > p {
        font-size: 16px;
    }
    
    #news .news_inner .news_content {
        width: 100%;
    }
    
    #news .news_inner .news_content ul li.newslist_item .newslist_item_info .newslist_date:after {
        display: none;
    }

    #news .news_inner .news_content ul li.newslist_item .newslist_item_info {
        display: block;    
    }
    
    #news .news_inner h3 {
        margin: 0 auto;
        margin-bottom: 20px;
        text-align: center;
    }
    
    #news .news_inner h3 img {
        width: 80%;    
    }
    
    #news .news_inner .news_content ul li.newslist_item {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }
	
	#news > a {
    display: block;
    font-size: 3.125vw;
    color: #fff;
    font-weight: bold;
    background-color: #aa8db9;
    padding: 15px 24px;
    box-shadow: 0px 0px 0px 4px #aa8db9;
    border: solid 1px #fff;
    text-align: center;
		letter-spacing: 0.05em
	}
	
	#news > a > .update {
		font-size: 3.125vw;
		color: #fff562;
	}
    
    #story .bg_chara {
        display: none;
/*        width: 100%;*/
    }

    #character {
        padding-top: 60px;    
        padding-bottom: 0;
        margin: 0 auto;
        height: auto;
        width: calc(100% - 5.2rem);
    }
    
    #character .character_inner {
        width: 92vw;    
    }
    
    #character .character_inner h3 {
        margin-bottom: 0px;
    }
    
    #character .character_inner h3 img {
        width: 85%;    
    }
    
    #character .profile .h_title {
        margin-bottom: 10px;
    }
    
    .tab-content {
        padding: 6px;
    }
    
    .tab-content .chara_detail_box .intro_box .profile dl dt, .tab-content .chara_detail_box .intro_box .profile dl dd {
        padding: 1.5vw 0.7vw;
    }
    
    .tab-content .chara_detail_box .intro_box .profile dl {
        grid-template-columns: 120px 1fr;
        margin-top: 10px;
    }
    

    #character .character_inner .character_content .column_spin-off {
        position: relative;
        bottom: 0;
        left: 0;
        margin: 10px 0 60px 0;
    }
    
    #character .character_inner .character_content .column_spin-off ul {
        position: absolute;
        bottom: 6%;
        left: 11.8%;
        width: 76%;
    }
    
    #character .character_inner .character_content .column_spin-off ul li {
        margin-bottom: 10px;
    }
    
    #character .character_inner .character_content ul li  {
        width: 100%;
    }
    
    #character .character_inner .character_content ul li img {
        width: 100%;
    }
    
   
	
	#area_bn{
		padding-top: min(61px, 4.69vw);
		padding-bottom: min(38px, 9.17vw);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#area_bn img{
		margin: 0;
		margin-bottom: min(23px, 5.55vw);
		width: min(614px, 81.86vw);
	}
    
    #books {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    
    #books .books_inner {
        padding-top: 0;
        width: 88vw;    
    }
    
    #books .books_inner h3 {
        margin-bottom: 30px;
    }
    
    #books .books_inner h3 img {
        width: 85%;
    }
    
    #books .books_inner .books_content {
        margin: 0 auto;
        text-align: center;
    }
    
    #books .books_inner .books_content ul {
        margin: 0 auto;
        text-align: center;
        width: 94%;
        flex-direction: column;
    }
    
    #books .books_inner .books_content ul.book_list li {
        margin: 0 0 55px 0;
    }
    
    #books .books_inner .books_content ul.book_list li .cover {
        margin-bottom: 15px;
    }
    
    #books .books_inner .books_content ul.book_list li .label {
        margin-bottom: 15px;
    }
    
    #books .books_inner .books_content .share {
        margin-top: 0;
        padding: 54px 0;
	    background:url(../img/bg_share_sp.png) no-repeat left center;
        background-size: 100%; 
        width: 100%;
        height: auto;
    }
    
    #books .books_inner .books_content .share_inner {
        background: none;
    }
    
    #books .books_inner .books_content ul {
        padding-bottom: 0;
    }
    
    #books .books_inner .books_content .share p {
        margin-top: 0;
        padding-top: 0;
        font-size: 18px; 
        line-height: 130%;
    }
    
    #books .books_inner .books_content .share p span {
        display: block;
    }
    
    #books .books_inner .books_content .share h4 {
        font-size: 30px;
        line-height: 120%;
    }
    
    #books .books_inner .books_content .share img {
        width: 80%;    
    }
    #books .books_inner .books_content .share ul li {
        margin: 0 auto;
        margin-bottom: 8vw;
        width: 90%;
    }
	
    #books .books_inner .books_content ul.book_list li .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    #comicalize {
        padding: 0px 0 60px 0;
    }
    
    #comicalize .comicalize_inner {
        width: 88vw;    
    }
    
    #comicalize .comicalize_inner h3 {
        margin-bottom: 35px;
    }
    
    #comicalize .comicalize_inner h3 img {
        width:85%;
    }
    
    #comicalize .comicalize_inner .bn_comicalize {
        margin-bottom: 30px;
    }
    
    #comicalize .comicalize_inner .bn_comicalize img {
        width: 100%;    
    }
    
    
    #comicalize .comicalize_inner .btn_coronaEX {
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 20px;
        width: 100%;
    }
    
    #comicalize .comicalize_inner .btn_coronaEX img {
        width: 100%;    
    }
    
    #comicalize .comicalize_inner .bn_comicslist img {
        width: 100%;    
    }
    
    #comicalize .slider-con .slide-wrapper {
        width: 100%;    
    }
    
    #comicalize .comicalize_inner .contents {
        width: 100%;
    }
    
    #comicalize .comicalize_inner .contents img {
        width: 100%;
    }
    
    #comicalize .comicalize_inner #spin-off {
        padding: 50px 0 20px 0;
    }
    
    #comicalize .comicalize_inner #spin-off img {
        width: 100%;
    }
    
    #spin-off .btn_trial {
        width: 90%;
        left: 5%;
        bottom: 6%;
        
    }
    
    /* #dramacd {
        padding: 50px 0;
    } */
    
    #dramacd .dramacd_inner {
        width: 88vw;
    }
    
    #dramacd .dramacd_inner h3 {
        margin-bottom: 30px;    
    }
    
    #dramacd .dramacd_inner h3 img {
        width: 80%;
    }
    
    #dramacd .dramacd_inner .bn_dramacd {
        margin-bottom: 20px;
    }
    
    #dramacd .dramacd_inner ul {
        width: 100%;
    }
    
    #dramacd .dramacd_inner ul li {
        margin: 5px 0;
    }
    
    #dramacd .dramacd_inner ul li img {
        width: 90%;
    }
    
    /* #stage {
        padding: 50px 0;
    } */
    
    #stage .stage_inner {
        width: 88vw;
    }
    
    #stage .stage_inner h3 {
        margin-bottom: 30px;    
    }
    
    #stage .stage_inner h3 img {
        width: 70%;
    }
    
    #stage .stage_inner .bn_stage {
        margin-bottom: 20px;
    }
    
    #stage .stage_inner .bn_stage img {
        width: 100%;
    }
    
    #stage .stage_inner ul {
        width: 100%;
    }
    
    #stage .stage_inner ul li {
        margin: 5px 0;
    }
    
    #stage .stage_inner ul li img {
        width: 90%;
    }
    
    br.pc {
        display: none;
    }
    
    .bg_pattern {
        padding-bottom: 30px;
    }
    
	.p-btn {
		display: block;
		font-size: 17px;
		padding: 13px 0;
		text-align: center;
		letter-spacing: 0;
	}

	.p-btn.benefits_btn {
		line-height: 1.1;
		padding: 4px 0 3px;
		font-size: 2.3vw;
	}

	.p-btn.benefits_btn > .benefits {
		display: block;
	}
	

	.bn_comic img {
    width: 78.5%;
    padding: 15px 0 18px;
    }
	.btn_list li {
    margin: 0 0px;
    width: 40%;
    }
	.btn_list li img {
    margin: 0 14px;
    width: 92%;
    }    
	

    h2 img {
		width: 23%;
	}
    
    #container.page-con h2.page_title-main {
        margin-bottom: 40px;
    }
    
    #container.page-con h2.page_title-main.audiobook img {
        width: 50%;
    }
    
    #container.page-con h2.page_title-main.comics img {
        width: 40%;
    }
    
    #container.page-con h2.page_title-main.novels img {
        width: 36%;
    }
    
    #container.page-con {
        padding-top: 140px;
    }
    
    #container.page-con #page-news {
        width: 90%;
        margin: 0 auto;
    }
    
    #page-news article div.write_box_outer .product_text .btn_list {
        display: block;
        margin-top: 5px;
    }

    #page-news article div.write_box_outer .product_text .btn_list li {
        margin-bottom: 6px;
    }

    #page-news article div.write_box_outer .product_text .btn_list li.buy:before {
        display: none;    
    }
    
    #page-news article div.write_box_outer .product_text .btn_list li.sample:before {
        display: none;    
    }
    
    #page-news article div.write_box_outer {
        margin-bottom: 30px;
        padding-top: 0;
        margin-top: 0;
    }
    
    #page-news article div.write_box_outer h3.h_title {
        font-size: 20px;
        line-height: 130%;
    }
    
    #page-news article div.write_box_outer p.date {
        font-size: 13px;
        margin-bottom: 20px;
    }
    
    #page-news article div.write_box_outer .product_text .product_ul_ttl {
        font-size: 16px;
        line-height: 140%;
    }
	
	.btn_list > li > a > img {
		max-width: 280px;
    margin: auto;
	}

	.kikan {
		padding: 0 3vw 3vw;
	}

	.kikan_ttl {
		padding: 50px 0 25px;
	}

	.kikan_ttl > img {
		width: 30.1%;
	}

		.kikan_box {
		flex-direction: column;
		width: 43%;
		padding: 3.1vw 2.2vw;
		margin-bottom: 23px;
	}

	.kikan_box > .kikan_img {
		margin-right: 0;
		text-align: center;
		margin: 0 auto 10px;
	}

	.kikan_box > .kikan_img > img {
		max-width: 370px;
		width: 76.9%;
	}

	.kikan_box > .kikan_img > img.audio_img,
	.kikan_box > .kikan_img > img.dramacd_img {
		max-width: 370px;
	}

	.kikan_box > .kikan_info > h3 {
		font-size: 1.71875vw;
		text-align: center;
		border-bottom: none;
		line-height: 1.3;
		margin-bottom: 0px;
	}

	.kikan_box > .kikan_info > h3 > .main_ttl {
		display: block;
		/* width: 80%; */
		font-size: 2.031vw;
		line-height: 1.15;
		padding: 0 2.8125vw;
	}

	.kikan_box > .kikan_info > p {
		font-size: 1vw;
	}
	
	.kikan_box ul{
		display: block;

	}

	.kikan_box ul li{
		display: block;
		width: 100%;
		margin-bottom: 5px;

	}
	 p.release {
		font-size: 2.031vw;
		text-align: center;
		margin: 0px 0px 5px
	}

	.kikan_box > .kikan_info > ul {
		flex-direction: column;
		padding: 0 11px;
	}
	
	.kikan_box > .kikan_info > ul > li {
		margin-right: 0;
		margin-bottom: 7px;
		max-width: none;
	}

	.kikan_box > .kikan_info > ul > li > .p-btn {
		padding: 13px 0;
	}
	
	/*	既刊リスト情報を発売日→ストア→あらすじに並び替え*/
	.info_sp{
		display: flex;
		flex-direction: column-reverse;
		    padding: 0 2.8125vw;
	}
	
	.openBtn {
		display: block;
		font-size: 1.8rem;
        font-weight: bold;
		color: #fff;
		background-color: #e4007f;
		padding: 12px 6.125vw;
		letter-spacing: -1px;
		text-align: center;
		margin-top: 1.48vw;
        font-family: "M PLUS Rounded 1c", sans-serif;
        font-weight: 700;
        font-style: normal;
        position: relative;
	}
    
    /*アイコンの＋と×*/
    .openBtn::before,
    .openBtn::after{
        position: absolute;
        content:'';
        width: 15px;
        height: 1px;
        background-color: #fff;
    }
    .openBtn::before{
        top:48%;
        right: 15px;
        transform: rotate(0deg);
    }
    .openBtn::after{    
        top:48%;
        right: 15px;
        transform: rotate(90deg);
    }

    /*　closeというクラスがついたら形状変化　*/
    .openBtn.close::before{
        transform: rotate(45deg);
    }

    .openBtn.close::after{
        transform: rotate(-45deg);
    }
    /*　【初期表示で開きっぱなし】activeというクラスがついたら形状変化　*/
    .openBtn.active::before{
        transform: rotate(45deg);
    }
    .openBtn.active::after{    
        transform: rotate(-45deg);
    }

    /*　【初期表示で開きっぱなし】activeというクラスがついたら形状変化　*/
    .openBtn.active.close::before{
        transform: rotate(0deg);
    }
    .openBtn.active.close::after{    
        transform: rotate(90deg);
    }

    
	.listArea {
		  display: none;
		  margin:0 auto;
		  padding: 15px 0;
		  width:100%;
		  color: #000;
		  font-size:2.031vw;
		  text-align:left;
		  line-height:170%;
	}
	
	.listArea.active {
		  display: block;
	}
    
	#newarrival .newarrival_inner .listArea .listArea_innner {
        width: 60%;
    }
    
	#newarrival .newarrival_inner .listArea ul li {
        background-color: #fff;
        border: 1px solid #d1c9aa;
        border-radius: 14px;
        padding: 3.3vw;
        margin-bottom: 10px;
    }
    
	#newarrival .newarrival_inner .listArea ul li > object a {
        display: flex;
        gap: 2.2em;
    }
    
	#newarrival .newarrival_inner .listArea ul li .product_name {
        display: block;
        color: #514218;
        font-size: 14px;
        font-weight: bold;
        line-height: 140%;
    }
    
	#newarrival .newarrival_inner .listArea ul li .label_special {
        display: block;
        color: #f39800;
    }
    
	#newarrival .newarrival_inner .listArea ul li .text_price {
        display: block;
        color: #e4007f;
        font-size: 14px;
        font-weight: bold;
    }
    
	#newarrival .newarrival_inner .listArea ul li .text_price .tax {
        font-size: 10px;
    }
    
	#newarrival .newarrival_inner .listArea ul li .btn_list {
        display: block;
        background-color: #e4007f;
        font-size: 14px;
        width: 80%;
        color: #fff;
        font-weight: bold;
        margin-top: 8px;
        padding: 1.2vw;
        text-align: center;
        border-radius: 60px;
    }
    
	#newarrival .newarrival_inner .listArea ul li .btn_list a {
        color: #fff;
        justify-content: center;
    }
    
	#newarrival .newarrival_inner .listArea ul li .btn_list a:link {
        color: #fff;
        justify-content: center;
    }
    
	#newarrival .newarrival_inner .listArea .product_img_sp {
        display: block;
        width: 40%;
	}
    
	#newarrival .newarrival_inner .listArea .product_img_sp img {
        display: block;
        width: 100%;
	}
    
    #page-novels .page-novels-inner .product-list > li .detail .listArea ul li {
        border: 1px solid #d3ccb0;
        padding: 3.3vw;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .listArea ul li a {
        display: flex;
        gap: 20px;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .listArea ul li .listArea_innner {
        display: block;
        width: 55%;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .listArea ul li .product_name {
        display: block;
        font-size: 14px;
        margin-bottom: 5px;
        width: 100%;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .listArea ul li .text_price {
        font-size: 14px;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .listArea ul li .text_price .tax {
        font-size: 10px;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .listArea ul li .label_special {
        display: block;
        font-size: 14px;
    }
	
    #page-novels .page-novels-inner .product-list .btn-list_buy {
        display: block;
        font-size: 14px;
        margin-top: 6px;
        max-width: 74%;
    }
    
	.listArea h4 {
		font-weight:bold;
		margin-bottom:5px;
		color:#57117a;
		font-size:16px;
		text-align:left;
		line-height:150%;
	}
	
	.stage_box.odd{
		margin: 0 4% 30px 0;
		padding: 3.1vw 2.2vw;
	}
	
		.stage_info > h3 > .main_ttl {
		padding-bottom: 4px;
		font-size: 2.8vw;
		line-height: 1.3;
	}
	
	.kikan_ttl_comic {
    padding: 7.18749vw 0 5.78125vw;
	}
	
	.kikan_ttl_comic img {
    width: 25%
	}

	.kikan_ttl_jrbunko {
    padding: 7.18749vw 0 5.78125vw;
	}
	
	.kikan_ttl_jrbunko img {
    width: 54%
	}
	
	/*既刊リストここまで*/
    
    .stage_wrap {
		width: 100%;
		max-width: 100%;
		flex-wrap: wrap;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		justify-content: flex-start;
    }

	.stage_box {
		flex-direction: column;
		max-width: none;
		height: auto;
		text-align: center;
		background: none, #fff;
        margin: 0 auto 20px auto;
		margin-bottom: 30px;
		width: 45%;
		padding: 3.1vw 2.2vw;
		margin-bottom: 23px;
	}
    
    .stage_wrap > .stage_box:nth-child(odd) {
        margin: 0 auto 20px auto;
    }
	
	.stage_box > .stage_info > .stage_btn {
		line-height: 1.3;
		padding: 7px 0 8px;
		display: block;
		text-align: center;
		margin-bottom: 9px;
		font-size: 2.8vw;
}
	span.benefits{
		font-size: 8.5px;
	}
    
    .stage_info {
        margin: 0 2.8125vw;
    }

	.stage_info > ul {
		display: block;
		margin-top: 0;
	}

	.stage_info > ul > li:last-of-type {
		margin: 10px 0 0 0;
	}

	.stage_box > .stage_img {
		margin: 0 0 10px 0;
	}

	.stage_box > .stage_img > img {
		max-width: 370px;
   		width: 78.9%;
	}

	.stage_info > .release {
		font-size: 2.8vw;
		color: #c00000;
		background-color:transparent;
		margin: 0px 0px 5px;
		padding: 0;
	}

	

	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}
    
    #page-top {
        display: none;    
    }
    
	#footer {
		padding: 0;
	}
	
	#footer::before {
		height: 4px;
	}

	.footer_inner {
		flex-direction: column;
		text-align: center;
		padding: 33px 0 30px;
	}
    
    #footer .logo {
        margin-bottom: 33px;    
    }
    
    #footer .logo > a > img {
		max-width: 143px;
    }
	
	.l-footer_site-logo {
		position: static;
		top: auto;
		left: auto;
		display: block;
		width: 54.7948717949vw;
		margin: 7vw auto 10.5vw;
	}
    /*ナビゲーション*/
    #nav_footer ul.menu-list {
		display: flex;
		flex-wrap: wrap; 
		gap: 10.4166666667vw 9.1145833333vw; 
		position: relative;
		left: 0.1vw; 
        margin: 0 auto;
		width: 74.25vw;
    }

    /*リストのレイアウト設定*/

    #nav_footer ul.menu-list li {
		position: relative;
		flex-basis:28.6875vw; 
        list-style: none;
        text-align: left; 
    }

    #nav_footer li a {
        color: #fff;
        text-decoration: none;
/*        padding:10px;*/
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
		font-family: "Shippori Mincho B1", serif;
  		font-weight: 100;
  		font-style: normal;
        font-size: 13px;
    }
    
    #nav_footer li a:link {
        color: #fff;
    }

    #nav_footer .menu-list li.active a {
        color: #988340;
    }

    #nav_footer .menu-list li.active a:link {
        color: #988340;
    }

    #nav_footer li a strong {
		display: block;
		font-family: "Cormorant", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-size: 21px;
    }



	#copyright {
		font-size: 1.1rem;
		margin-bottom: 4px;
		text-align: center;
	}

	.corp-logo > a > img {
		max-width: 88px;
	}
	
	
	.box_wrap {
		width: 100%;
		flex-wrap: wrap;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		justify-content: flex-start;
		
	}
	
	
    
}


/*------------------------------------------------------------------------------
スマートフォン用の記述
 -------------------------------------------------------------------------------*/

@media screen and (max-width:640px){
	#books .books_inner .books_content .share img {
        width: 100%;    
    }
	
	#books .books_inner .books_content .share ul li {
        margin-bottom: 10px;
    }
    
    #area_anime {
        top: 66vw;
        left: 0vw;
        width: 100%;
    }
    
    #badge_circulation {
        display: none;
        top: 1vw;
        left: 40vw;
        width: 26%;
    }
    
    #page-novels .page-novels-inner {
        max-width: 90vw;
        width: 90vw;
    }
    
    #page-novels .page-novels-inner .categories {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 7px;
        margin-bottom: 30px;
    }
    
    #page-novels .page-novels-inner .categories li {
        width: 43.46875vw;
        font-size: 3.75vw;
        margin-bottom: 0.6vw;
        padding: 3.59375vw 0 3.4375vw;
    }
    
    #page-novels .page-novels-inner .categories li a {
        width: 43.46875vw;
    }
    
/*
    #page-novels .page-novels-inner .categories li .bd_style {
        width: 30%;
        background-color: #fff;
        text-align: center;
    }
    
    #page-novels .page-novels-inner .categories li .bd_style.audio {
        padding: 1em 4em 1em 3em;
        width: 39%;
    }
*/
    
    #page-novels .page-novels-inner .product-list > li {
        position: relative;
        padding: 33vw 7.125vw 9.6875vw;
        margin-bottom: 30px;
    }
    
    #page-novels .page-novels-inner .product-list > li .flex {
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        margin-top: 10px;
    }
    
    #page-novels .page-novels-inner .product-list > li .product_img figure {
        width: 100%;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail p.cat {
        position: absolute;
        top: 7vw;
    }

    #page-novels .page-novels-inner .product-list > li .detail > h2 {
        position: absolute;
        top: 12vw;
        font-size: 18px;
        width: 84%;
        letter-spacing: -0.04em;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .release_date {
        position: absolute;
        top: 26vw;
        font-size: 14px;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .product-item-container ul li .product_img_sp {
        display: block;
        width: 100%;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .product-item-container ul li .product_img_sp img {
        width: 100%;
    }
    
    #page-novels .page-novels-inner .product-list .btn-buy {
        margin:0 auto;
        text-align: center;
        max-width: 99%;
        width: 99%;
    }
    
    #page-novels .page-novels-inner .product-list .btn-buy:before {
        top: 15px;
    }
    
    #page-novels .page-novels-inner .product-list > li .product_img .btn-trial:before {
        left: 19px;
    }
    
    #page-novels .page-novels-inner .product-list .btn-buy a {
        padding: 2.8vw 0.8vw;
        max-width: 100%;
        width: 100%;
    }
    
    #page-novels .page-novels-inner .product-list > li .product_img .btn-trial {
        margin:0 auto;
        margin-top: 10px;
        text-align: center;
        max-width: 100%;
        width: 100%;
    }
    #page-novels .page-novels-inner .product-list > li .product_img .btn-trial a {
        padding: 2.8vw 0.8vw;
        max-width: 100%;
        width: 100%;
    }
    
    #page-novels .page-novels-inner .product-list > li .product_img {
        margin-bottom: 0;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail {
        width: 100%;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .h_title_type {
        display: none;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .btn_product {
        max-width: 100%;
        width: 100%;
        display: inline-block;
    }    
    
    #page-novels .page-novels-inner .product-list > li .detail .btn_product .openBtn {
/*
        max-width: 100%;
        width: 100%;
*/
    }    
    
    #page-novels .page-novels-inner .product-list > li .detail .product-list {
        margin-top: -6px;
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .product_img_sp {
        display: block;
        width: 40%;   
    }
    
    #page-novels .page-novels-inner .product-list > li .detail .product_img_sp img {
        width: 100%;   
    }
    
    	
}

/*1160px以下のナビ表示切り替え*/
@media screen and (max-width:1160px) {
    
    .header {
        background-color: #fff;
		background-image: none;
		border-bottom: none;
		border-radius: 3px;
		box-shadow: 0px 10px 10px -6px rgba(235, 237, 247, 0.7);
		height: max(65px,4.1666666667vw);
	}
    
    .header::before {
        display: none;
    }
    
    .header::after {
        display: none;
    }
    
        /*========= ボタンのためのCSS ===============*/
    .openbtn{
        position:fixed;
        z-index: 9999;/*ボタンを最前面に*/
        top:0;
        right: 0;
        cursor: pointer;
        width: 65px;
        height: 65px;
        background: url("../img/gnav_bg.jpg") no-repeat top center;
        background-size: contain; 
    }

    /*×に変化*/	
    .openbtn span{
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 18px;
        height: 2px;
        border-radius: 1px;
        background-color: #fff;
        width: 50%;
      }

    .openbtn span:nth-of-type(1) {
        top:25px;	
    }

    .openbtn span:nth-of-type(2) {
        top:36px;
    }

    .openbtn span:nth-of-type(3) {
        top:37px;
        height: 40%;
        background: no-repeat center url(../img/nav_trigger_menu.png);
        background-size: contain; 
    }

    .openbtn.active span:nth-of-type(1) {
        transform: translateY(6px) rotate(-45deg);
        width: 50%;
        left: 18px;
    }

    .openbtn.active span:nth-of-type(2) {
        transform: translateY(-6px) rotate(45deg);
        width: 50%;
        left: 18px;
        top: 36px;
    }

    .openbtn.active span:nth-of-type(3){
        background: no-repeat center url(../img/nav_trigger_close.png);
        background-size: contain; 
    }
	
	.g-nav-frame-innner {
		padding: 24.7395833333vw 0;
	}

    
	#g_nav_pc {
	    display: none;
	}

    /*========= ナビゲーションのためのCSS ===============*/

    #g-nav {
        display: block;
        /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
        position:fixed;
        z-index: 999;
        /*ナビのスタート位置と形状*/
        top:0;
        right: -120%;
        width:100%;
        height: 100vh;/*ナビの高さ*/
        background: url(../img/bg_menu.webp) no-repeat top center/cover;
        /*動き*/
        transition: all 0.6s;
    }

    /*アクティブクラスがついたら位置を0に*/
    #g-nav.panelactive{
        right: 0;
    }
    
    #g-nav .g-nav-frame .logo {
        margin-right: 0;
        position: absolute;
        top: -6vw;
        left: 3vw;
        width: 60.7333333333vw;
        z-index: 999;
    }
    
    #g-nav .g-nav-frame .logo a {
        position: relative;
    }
    
    #g-nav .g-nav-frame .logo a img {
        width: 100%;
    }
    
    #g-nav .g-nav-frame {
        position: relative;
        top: 30vw;
        left: 0;
        margin: 7.4666666667vw auto 13.3333333333vw;
        width: 85.6666666667vw;
        padding: 10.9333333333vw 0 10.3333333333vw;
        background-image: url(../img/nav_bg.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    
/*
    #g-nav .g-nav-frame::before {
        top: 0;
        right: 1vw;
        display: block;
        width: 0.1vw;
        height: 0.1vw;
        content: "";
    }
*/
    
    #g-nav .g-nav-frame .g-nav-frame-innner {
        margin-top: 5.6vw;
    }
    
    #g-nav .g-nav-frame ul li {
        text-align: center;
/*        margin: 0 6vw;*/
        margin: 0 auto;
        padding:2vw 0;
        background-image: linear-gradient(to right, #fff, #fff 6px, transparent 6px);
        background-size: 10px 1px;
        background-position: left bottom;
        background-repeat: repeat-x;
        width: 73%;
    }
    
    #g-nav .g-nav-frame ul li:last-child {
        padding-top: 5vw;
        background-image: none;
    }
    
    #g-nav .g-nav-frame ul li:last-child img {
        width: 90%;
    }
    
    #g-nav .g-nav-frame ul li img {
        width: 100%;
        padding: 3px 10px;
    }
    
    #g-nav .g-nav-frame .link-account {
        margin-top: 25px;
        text-align: center;
        font-size: 15px;
    }
    
    #g-nav .g-nav-frame .link-account a:link {
        color: #312823;
        font-weight: bold; 
    }
    
    #g-nav .g-nav-frame .link-account img {
        margin-right: 8px;
        width: 1.5rem;
        vertical-align: middle;
    }
    

    
    /*ナビゲーションの縦スクロール*/
    #g-nav.panelactive #g-nav-list{
        /*ナビの数が増えた場合縦スクロール*/
        position: fixed;
        z-index: 999; 
        width: 100%;
        height: 100vh;/*表示する高さ*/
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    /*ナビゲーション*/
    #g-nav ul.menu-list {
		display: flex;
		flex-wrap: wrap; 
		gap: 10.4166666667vw 9.1145833333vw; 
		position: relative;
		left: 0.1vw; 
        margin: 0 auto;
		width: 74.25vw;
        /*ナビゲーション天地中央揃え*/
/*
        position: absolute;
        z-index: 999;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
*/
    }

    /*リストのレイアウト設定*/

    #g-nav ul.menu-list li {
		position: relative;
		flex-basis:28.6875vw; 
        list-style: none;
        text-align: left; 
    }

    #g-nav li a {
        color: #251e1c;
        text-decoration: none;
/*        padding:10px;*/
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
		font-family: "Shippori Mincho B1", serif;
  		font-weight: 200;
  		font-style: normal;
        font-size: 13px;
    }
    
    #g-nav li a:link {
        color: #251e1c;
    }

    #g-nav .menu-list li.active a {
        color: #bf9613;
    }

    #g-nav .menu-list li.active a:link {
        color: #bf9613;
    }

    #g-nav li a strong {
		display: block;
		font-family: "Cormorant", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-size: 21px;
    }
	
	#footer .corp-logo {
		margin: 0 auto;
		margin-bottom: 10.3vw;
		text-align: center;
	}
	
	#g-nav .sns-list {
		margin-top: 14.2291666667vw;
		margin-bottom: 10.3vw;
		padding: 3.4583333333vw 0;
		gap: 3.0833333333vw;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: "Cormorant", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-size: 18px;
		color: #988340;
		background: url(../img/bg_share.svg) center center/contain no-repeat;
		left: 0;
	}
	
	#g-nav .sns-list span {
		margin-left: 1.5vw;
		margin-right: 1.5vw;
		width: 3.4739583333vw;
		height: 1px;
		background: #988340;
		opacity: 0.5;
	}
	
	#g-nav .sns-list .x {
		width: 9.7291666667vw;
	}
	
	#g-nav .sns-list .x img {
		width: 100%;
		height: auto;
	}
	
	#g-nav .sns-list .facbook {
		width: 10.7291666667vw;
	}
	
	#g-nav .sns-list .facbook img {
		width: 100%;
		height: auto;
	}
	
	#g-nav .sns-list .line {
		width: 10.7291666667vw;
	}
	
	#g-nav .sns-list .line img {
		width: 100%;
		height: auto;
	}
	
	#footer .sns-list {
		width: 100%;
		color: #fff;
		margin-top: 14.2291666667vw;
		margin-bottom: 10.3vw;
		padding: 3.4583333333vw 0;
		gap: 3.0833333333vw;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: "Cormorant", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-size: 18px;
		background: url(../img/bg_share.svg) center center/contain no-repeat;
	}
	
	#footer .sns-list span {
		color: #fff;
	}
	
}


/*------------------------------------------------------------------------------
グロナビ切り替え用の記述
 -------------------------------------------------------------------------------*/
@media all and (max-width:1370px) {
	
}




/*------------------------------------------------------------------------------
アニメーションの記述
 -------------------------------------------------------------------------------*/

/* 下から上にフェードイン */
.fadeInUp {
    opacity: 0;
    transform: translateY(30px);
}
/* フェードインアニメーション */
@keyframes fadeIn {
    0% {
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}
/* フェードインさせるクラス */
.fadeIn {
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}