@charset "UTF-8";
/* CSS Document */

html {
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
	scroll-behavior: smooth;
 /* visibility: hidden; Adobeフォント使用時に使う*/
}

/*Adobeフォント使用時に使う

html.wf-active {
  visibility: visible;
}

*/

img {
	image-rendering: auto;
}

/* フォントまわり */

body {
    font-family: "Noto Sans JP", sans-serif;　/* Googleフォント：Noto */
    font-weight: 500;
    margin: 0;
    font-style: normal;
    padding-bottom: 0px;
}

.ryo-r{
    font-family: ryo-gothic-plusn, sans-serif; /* りょうゴシックB */
    font-weight: 400;
    margin: 0;
    font-style: normal;
    padding-bottom: 0px;
}

.ryo-b{
    font-family: ryo-gothic-plusn, sans-serif; /* りょうゴシックB */
    font-weight: 700;
    margin: 0;
    font-style: normal;
    padding-bottom: 0px;
}

.ryo-h{
    font-family: ryo-gothic-plusn, sans-serif; /* りょうゴシックH */
    font-weight: 800;
    margin: 0;
    font-style: normal;
    padding-bottom: 0px;
}





.nimbus-bl{
	font-family: nimbus-sans, sans-serif; /* Nimbus Sans Black（英文フォント） */
    font-weight: 900;
    margin: 0;
    font-style: normal;
    padding-bottom: 0px;
	
}




.gothic{
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 0;
    font-style: normal;
    padding-bottom: 0px;
	
}


.b {
    font-weight: bold;
}

.semibold {
    font-weight: 500;
}

.mintyo {
	font-family: 'Noto Serif JP', serif;
font-style: normal;
}


/* フォントまわり-ここまで */


/* テキストまわり */

.text-center {
    text-align: center;
}


/* テキストまわり-ここまで */


	footer {
    position: absolute;
    width: 100%;
}


* { 
    margin: 0px; 
    padding: 0px; 
}


img {
	border: none;
	 max-width: 100%;
 height: auto;
	border-style: none;
}

a img {
      border-width: 0px;
      border-style: none;
      border-color: #fff;
      background: transparent;
}


.wrap {
	overflow: hidden;
}


.all {
 max-width: 1024px;
  margin: 0 auto;
  width: 100%;
}


ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

	table {
	border-collapse: collapse ;
}

/* 基本のカラー */

.red {
    color: #e60033;
}

.green {
    color: #00512a;
}


.navy {
    color: #001b63;
}
	.ocher {
    color: #9c6f10;
}

.beige {
    color: #e3e1bf;
}

.brown {
    color: #523d1b;
}

.darkgray {
    color: #262626;
}
.darkbrown {
    color: #2E1C1D;
}

.brown {
    color: #492318;
}
.winered {
    color: #AD0000;
}

.white {
    color: #FFFFFF;
}

.gray {
    color: #4d4d4d;
}

/* 基本のカラー-ここまで */


/* 基本の効果 */

.shadow {
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}


.multiply {
	mix-blend-mode: multiply;
}

/* 基本の効果ここまで */

.header-space {

}
.footer-erea {
    background-repeat: no-repeat;
    background-image: url(../image/footer_bg.webp);
    background-position: 0% bottom;
    background-size: 100% auto;

}
.footer_deco_bg {
    background-image: url(../image/footer_deco.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% bottom;
}

.footer-erea a {
    color: #000000;
}

.platformer_right  img {
    height: 14px;

}
.platformer_right span {
    display: inline-block;
}





	
.spec-circle {
    padding-top: 0px;
    padding-bottom: 38px;
    padding-left: 10px;
    padding-right: 10px;
}


.package-img.float01 {
    float: left;
    max-width: 197px;
    padding-top: 0%;
    padding-right: 3%;
    padding-bottom: 2%;
    width: 22vw;
    padding-left: 1%;
}
.tabA-containts .float02 {
    float: left;
    margin-top: 2%;
}
	
.edition-select {
    margin: 0 auto;
    display: flex;
    max-width: 784px;
}
.edition-box {
    width: 100%;
    text-align: center;
}

.price-text {
    padding-bottom: 2%;
    font-size: min(1.9vw,15px);
}
.special-edition {
    width: 100%;
    padding-top: 22px;
}

.fami-photo {
    margin: 0 auto;
    width: 96%;
}
.special-title  {
    text-align: center;

}


.button-red {
    background-color: #CB0E10;
    border-radius: 33px;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5%;
    width: 81%;
    position: relative;
    font-size: min(2vw,16px);
}


	.button-othershops{
    border-radius: 33px;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8%;
    width: 81%;
    position: relative;
    font-size: min(2vw,16px);
    color: #FFFFFF;
	cursor: pointer;
	}





.tabB-containts {

}



.panel{
  display:none;
}
.tab.is-active{
    transition: all 0.2s ease-out;
}
.panel.is-show{
  display:block;
}
.red-line {
    margin: 0 auto;
    border-top: thin solid #FC0004;
    width: 94%;
}
.yellow-line {
    margin: 0 auto;
    border-top: thin solid #FFFCED;
    width: 94%;
}