html,body{
margin:0;
padding:0;
vertical-align:bottom;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#container{
width:100%;
margin:0;
padding:0;
vertical-align:bottom;
}

.blobCont{
width:100%;
margin:0;
padding:0;
}

section{
max-width:900px;
margin:0px auto 40px;
padding:10px 20px;
z-index:1;
display:block;
overflow:hidden;
}

.section_top{
max-width:900px;
margin:0px auto 40px;
padding:10px 20px;
z-index:1;
display:block;
overflow:hidden;
}

@media screen and (max-width: 800px){
.section_top{
max-width:900px;
margin:0px auto;
padding:10px 20px;
z-index:1;
display:block;
overflow:hidden;
}
}


.section_news li{
padding-left:20px;
padding-right:20px;
}

.section_news{
border:1px solid #000000;
}


.aligncenter{
text-align:center;
}

.alignleft{
text-align:left;
}

.alignright{
text-align:right;
}

.margintop100{
margin-top:100px;
}

.margintop50{
margin-top:50px;
}

.margintop30{
margin-top:30px;
}

.sm{
font-size:0.9em;
}

.bg_ff{
padding:0 0 30px 0;
background:#ffffff;
}

.bg_f7{
padding:0 0 30px 0;
background:#f7f7f7;
}


h2{
position: relative;
text-align:left;
margin:20px 0;
color:#000000;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
letter-spacing: -2px;
font-size:54px;font-weight:600;
text-shadow: 0px 0px 6px #ffffff;
}

h3{
text-align:left;
color:#000000;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
letter-spacing:-0.05px;
font-size:30px;font-weight:600;
text-shadow: 0px 0px 10px #ffffff;
}

h4{
margin:0 0 0 0;
text-align:left;
color:#000000;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
letter-spacing:-0.05px;
font-size:24px;font-weight:600;
text-shadow: 0px 0px 10px #ffffff;
}

h5{
margin:6px 0;
text-align:left;
color:#000000;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
letter-spacing:-0.05px;
font-size:18px;font-weight:600;
text-shadow: 0px 0px 10px #ffffff;
}

p{
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#444444;
line-height:1.8;
letter-spacing:0.05em;
margin:0;
padding:10px;
font-size:16px;font-weight:300;
}

@media screen and (min-width: 769px){
.spbr{display:none;}
}
@media screen and (max-width: 768px){
.spbr{display:block;}
}

.logo{
max-width:500px;
margin:150px auto 0;
}

.logo img{
width:100%;
}

.slogo{
max-width:200px;
margin:100px auto 0;
}

.slogo img{
width:100%;
}


@media screen and (max-width: 800px){
.logo{
max-width:500px;
margin:250px auto 0;
}

.logo img{
width:100%;
}
}

.redmark{
padding-right:2px;
color:#ff0000
}

.text_contents{}

.text_contents span{
clear:both;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#000000;
display:inline-block;
line-height:1.8;
letter-spacing:0.05em;
margin:2px;
padding:5px;
font-size:16px;font-weight:300;
background: rgba(255, 255, 255, 0.8);
}

a.anchor{
display: block;
padding-top: 80px;
margin-top: -80px;
}

/*----- 基本 -----*/


/*--- HEADER ---*/

h1{
position:absolute;
top:12px;
left:20px;
width:400px;
margin:0 auto 20px;
text-align:left;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:18px;font-weight:600;line-height:1.2;letter-spacing:0.015em;margin: 0.3rem 0;
}

h1 a:link{color:#ffffff;text-decoration:none;}
h1 a:visited{color:#ffffff;text-decoration:none;}
h1 a:hover{color:#ff0000;text-decoration:none;}
h1 a:active{color:#ff8833;text-decoration:none;}

.h5{padding-left:6px;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:0.05em;margin: 0.3rem 0;}
/*--- HEADER ---*/


/*--- navigation ---*/
@media screen and (max-width: 1000px){
#sp_menu{display:block;}
#pc_menu{display:none;}
}

@media screen and (min-width: 1001px){
#sp_menu{display:none;}
#pc_menu{
display:block;
}
}

#pc_menu ul{
text-align:right;
list-style-type:none;
margin:6px 24px 0 0 ;
padding:0;
}

#pc_menu li{
display:inline-block;
margin:0 8px;
padding:0;
font-size:16px;font-weight:500;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#pc_menu li a:link{color:#ffffff;text-decoration: none;}
#pc_menu li a:visited{color:#ffffff;text-decoration: none;}
#pc_menu li a:hover{color:#ff0000;text-decoration: underline;}
#pc_menu li a:active{color:#ff8833;text-decoration:none;}

#pc_menu li i{
padding-right:6px;
}

#pc_menu li img{
vertical-align:bottom;
height:24px;
}
/*--- navigation ---*/


/*--- toggle Btn ---*/
.togglemenunew {
width:100%;
height:40px;
padding: .5rem;
color:#ffffff;
text-align: right;
position: fixed;
top:0;
z-index:30;
background:#000000;
}

.togglemenunew ul {
padding:0;
margin:1.5em 0;
}

.togglemenunew li {
padding:2px 0 0 0;
margin:1.5em 0;
line-height:1.6;
}

.togglemenunew li ul{
margin:0 0 0 26px;
border:1px solid #ffffff;
}

.togglemenunew li ul li{
}

.togglemenunew .btn-menu {
background: transparent;
color: #ffffff;
padding: .5rem 1rem;
font-size: 1rem;
cursor: pointer;
line-height: 1;
border:none;
}

.togglemenunew nav {
background:rgba(0, 0, 0, 0.7);
color:#ffffff;
position: absolute;
z-index: 1;
top: 3.125rem;
right: 0;
overflow-x: hidden;
text-align: left;
width: 0;
transition: .5s;
}

.togglemenunew li a{
color:#ffffff;
margin:0;
padding:0;
}

.togglemenunew li a:hover{
position: relative;
top:1px;left:1px;
text-decoration: none;
}

.togglemenunew nav.open-menu {
width: 100%;
}


/* toggel menu */

.toggletable{
margin:20px auto;
width:300px;
}

.toggletable table{
border-collapse: collapse;
}

.toggletable td{
width:150px;
height:35px;
text-align:center;
border-collapse: collapse;
}

.toggletable td i{
margin-right:4px;
}

.toggletable_btn_rd{
width:140px;
text-align:center;
margin:4px auto;
padding:6px 0;
font-size:0.8em;
border-radius:15px;
background:#ff0c09;
}

.toggletable_btn{
width:140px;
text-align:center;
margin:4px auto;
padding:6px 0;
font-size:0.8em;
border-radius:15px;
background:#222222;
}

.toggletable_btn a:link{color:#ffffff;text-decoration:none;}
.toggletable_btn a:visited{color:#ffffff;text-decoration:underline;}
.toggletable_btn a:hover{color:#ff0000;text-decoration:underline;}
.toggletable_btn a:active{color:#ff0000;text-decoration:none;}

.toggletable_btn_rd a:link{color:#ffffff;text-decoration:none;}
.toggletable_btn_rd a:visited{color:#ffffff;text-decoration:underline;}
.toggletable_btn_rd a:hover{color:#ff8833;text-decoration:underline;}
.toggletable_btn_rd a:active{color:#000000;text-decoration:none;}


.toggletable ul{
margin:20px 0 40px;
padding:0;
}

.toggletable li{
list-style-type:none;
margin:5px;
padding:2px 0;

}

.toggletable li a{
display:block;
}

.toggletable i{
padding-right:6px;
}

.toggletable li a:link{color:#ffffff;text-decoration:none;}
.toggletable li a:visited{color:#aaaaaa;text-decoration:underline;}
.toggletable li a:hover{color:#ff0000;text-decoration:underline;}
.toggletable li a:active{color:#ff8833;text-decoration:none;}

/*--- navigation ---*/



/*--- toppage ---*/

.toppage p{
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#444444;
line-height:1.8;
letter-spacing:0.05em;
margin:0;
padding:10px;
font-size:16px;font-weight:300;
background: rgba(255, 255, 255, 0.8)
}

.maintext{
margin-bottom:80px;
}

.maintext_en{
font: bold 100px "Helvetica";
line-height:100px;
letter-spacing: -5px;
margin:0 0 24px 0 ;
text-shadow: 0px 0px 6px #ffffff;
}

.maintext_en2{
font: bold 100px "Helvetica";
line-height:100px;
letter-spacing: -5px;
margin:0 0 24px 0 ;
text-shadow: 0px 0px 6px #ffffff;
}

.maintext_jp{
font: bold 72px "Helvetica";
line-height:100px;
letter-spacing: -3px;
text-shadow: 0px 0px 6px #ffffff;
}


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

.maintext_en{
font: bold 72px "Helvetica";
margin:0 0 0 0 ;
letter-spacing: -2px;
line-height:100px;
}

.maintext_en2{
font: bold 72px "Helvetica";
margin:0 0 0 0 ;
letter-spacing: -2px;
line-height:70px;
}

.maintext_jp{
font: bold 54px "Helvetica";
margin:20px 0 0 0 ;
letter-spacing: -2px;
line-height:100px;
}
}

.vision{
margin:0 0 20px 10px;
text-align:left;
color:#000000;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
letter-spacing:-0.05px;
font-size:30px;font-weight:600;
text-shadow: 0px 0px 10px #ffffff;
}
/*--- toppage ---*/


/* ----- スマホ縦位置 -----*/
@media screen and (max-width: 800px){
.sp_toppage{
margin:0;
padding:0;
width: 100%;
height: 100vh;
}
}
/* ----- スマホ縦位置 -----*/


/*----- リリース -----*/


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

.clm3 ul{
list-style-type:none;
margin:0;
padding:0;
display:flex;
justify-content: center;
flex-wrap: wrap;
}

.clm3 li{
display:inline-block;
margin:7.5px 14px;
padding:0;
vertical-align:top;
background: rgba(255, 255, 255, 0.8);
border-radius:10px;
}

.clm3 li a:link{color:#000000;text-decoration:underline;}
.clm3 li a:visited{color:#000000;text-decoration:underline;}
.clm3 li a:hover{color:#ff0000;text-decoration:none;}
.clm3 li a:active{color:#ff8833;text-decoration:none;}

.clm3_txt{
color:#000000;
width:400px;
font-size:0.9em;
line-height:21px;
margin:0;
padding:0 12px 12px 12px;
box-sizing:border-box; /*padding内側へ*/
word-break:break-all; /*アルファベット折返し*/
text-align:left;
}

.clm3 li h3{
width:400px;
overflow-wrap: break-word;
color:#000000;
font: bold 17px/17px "Helvetica";
letter-spacing: 0px;
line-height:30px;
margin:4px 0 8px;
padding:6px 0 0 12px;
text-align:left;
}

.release_btn{
width:200px;
margin:8px auto 0;
padding:4px 0;
text-align:center;
border-radius:20px;
border:1px solid #dddddd;
background:#ffffff;
}

.release_btn a:link{color:#000000;text-decoration:underline;}
.release_btn a:visited{color:#000000;text-decoration:underline;}
.release_btn a:hover{color:#ff0000;text-decoration:none;}
.release_btn a:active{color:#ff8833;text-decoration:none;}

/*----- リリース -----*/


/*----- マネジメント -----*/

.shinjo{
margin-bottom:120px;
}

.shinjo_photo{
max-width:300px;
margin:0 auto;
}

.shinjo_photo img{
width:100%;
}

.shinjo h4{
margin:0 0 0 0;
text-align:center;
color:#000000;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
letter-spacing:-0.05px;
font-size:24px;font-weight:600;
text-shadow: 0px 0px 10px #ffffff;
}

.shinjo p{
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#444444;
line-height:1.8;
letter-spacing:0.05em;
margin:20px;
padding:0;
font-size:16px;font-weight:300;
}

.shinjo ul{
margin-left:0;
padding-top:6px;
background: rgba(255, 255, 255, 0.8);
}

.shinjo li{
margin:10px;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#444444;
line-height:1.8;
letter-spacing:0.05em;
padding:6px 0;
font-size:16px;font-weight:300;
}

.shinjo li span{
font-weight:600;
}

.shinjolink{
margin-top:-20px;
font-size:16px;
}

.shinjolink{
text-align:center;
}

.shinjolink ul{
margin:0;
padding:0;
list-style-type:none;
}

.shinjolink li{
text-align:center;
vertical-align:top;
display:inline-block;
max-width:150px;
margin:10px;
}

.shinjolink li a{
font-weight:bold;
}
.shinjolink a:link{color:#000000;text-decoration:underline;}
.shinjolink a:visited{color:#000000;text-decoration:underline;}
.shinjolink a:hover{color:#ff0000;text-decoration:none;}
.shinjolink a:active{color:#ff8833;text-decoration:none;}

.shinjolink li p{
font-size:0.9em;
margin:0;
padding:0 6px 12px 6px;
}



.agentmanagement{
text-align:center;
}

.agentmanagement ul{
margin:0;
padding:0;
list-style-type:none;
}

.agentmanagement li{
text-align:center;
vertical-align:top;
display:inline-block;
max-width:150px;
margin:10px;
}

.agentmanagement li p{
}

.agentmanagement li img{
width:100%;
}

.agentmanagement li a{
font-weight:bold;
}
.agentmanagement a:link{color:#000000;text-decoration:underline;}
.agentmanagement a:visited{color:#000000;text-decoration:underline;}
.agentmanagement a:hover{color:#ff0000;text-decoration:none;}
.agentmanagement a:active{color:#ff8833;text-decoration:none;}

.agentmanagement li p{
font-size:0.9em;
margin:0;
padding:0 6px 12px 6px;
}


.shinjo a{
font-weight:bold;
}
.shinjo a:link{color:#000000;text-decoration:underline;}
.shinjo a:visited{color:#000000;text-decoration:underline;}
.shinjo a:hover{color:#ff0000;text-decoration:none;}
.shinjo a:active{color:#ff8833;text-decoration:none;}
/*----- マネジメント -----*/


/*----- SHOP -----*/

.slider_wrapper{
width:100%;
margin:10px auto 0;
vertical-align:bottom;
}

.slider_wrapper img{}

.slider{}
.slider span{}

@media screen and (min-width: 801px){
.slider span img{
width:100%;
margin:0;
padding:0;
vertical-align:bottom;
}
}

@media screen and (max-width: 800px){
.slider span img{
margin:0 auto;
max-width:500px;
width:100%;
height:320px;
object-fit: cover;
}
}

/*----- SHOP -----*/


/*--- 会社概要 ---*/
#company table{
border-collapse: collapse;
width: 100%;
}
.comtable th,
.comtable td{
padding: 10px;
border: solid 1px #000000;
text-align:left;
box-sizing:border-box;
}
.comtable th {
background: #d80c18;
color: #ffffff;
}

@media screen and (max-width: 640px) {
.comtable{
width: 100%;
}
table.comtable th,
table.comtable td {
display: block;
width: 100%;
border-bottom:none;
}
.comtable tr:last-child{
border-bottom: solid 1px #000000;
}
}
/*--- 会社概要 ---*/


/*----- footer -----*/
footer{
text-align:center;
margin:0;
padding:10px 0;
color:#ffffff;
background:#d80c18
}

.footer{
padding:20px 0;
}
.footer div{
padding:4px;
}

.footer ul{
list-style-type:none;
margin:0 0 10px 0;
padding:0;
}

.footer li{
display:inline-block;
margin:0;
padding:0 10px;
}

.footer li a:link{color:#ffffff;text-decoration:underline;}
.footer li a:visited{color:#ffffff;text-decoration:underline;}
.footer li a:hover{color:#ff8833;text-decoration:none;}
.footer li a:active{color:#ff8833;text-decoration:none;}
/*----- footer -----*/


/*----- バブル -----*/
.bgImage {
margin: 0;
padding:0;
height: auto;
width: 100%;
background:#ffffff;
}

.blobCont {
  position: absolute;
  width: 100vw;
  height: 200vh;
z-index: -1;
}

.blobCont{
width:100%;
}

.blobCont img{
vertical-align:bottom;
}



.blob:nth-child(1) {
  animation: move1 20s infinite linear;
}

@keyframes move1 {
  from {
    transform: rotate(90deg) translate(200px, 0.1px) rotate(-90deg);
  }
  to {
    transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
}
.blob:nth-child(2) {
  animation: move2 20s infinite linear;
}

@keyframes move2 {
  from {
    transform: rotate(180deg) translate(200px, 0.1px) rotate(-180deg);
  }
  to {
    transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
}
.blob:nth-child(3) {
  animation: move3 20s infinite linear;
}

@keyframes move3 {
  from {
    transform: rotate(270deg) translate(200px, 0.1px) rotate(-270deg);
  }
  to {
    transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
}
.blob:nth-child(4) {
  animation: move4 20s infinite linear;
}

@keyframes move4 {
  from {
    transform: rotate(360deg) translate(200px, 0.1px) rotate(-360deg);
  }
  to {
    transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
}
.blob:nth-child(5) {
  animation: move5 20s infinite linear;
}

@keyframes move5 {
  from {
    transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
  to {
    transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
}
.blob:nth-child(6) {
  animation: move6 20s infinite linear;
}

@keyframes move6 {
  from {
    transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
  to {
    transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
}
.blob:nth-child(7) {
  animation: move7 20s infinite linear;
}

@keyframes move7 {
  from {
    transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
  to {
    transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
}
.blob:nth-child(8) {
  animation: move8 20s infinite linear;
}

@keyframes move8 {
  from {
    transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
  to {
    transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
}
.blob:nth-child(9) {
  animation: move9 20s infinite linear;
}

@keyframes move9 {
  from {
    transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
  to {
    transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
}
.blob:nth-child(10) {
  animation: move10 20s infinite linear;
}

@keyframes move10 {
  from {
    transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
  to {
    transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
}
.blob:nth-child(11) {
  animation: move11 20s infinite linear;
}

@keyframes move11 {
  from {
    transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
  to {
    transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
}
.blob:nth-child(12) {
  animation: move12 20s infinite linear;
}


@keyframes move12 {
  from {
    transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
  to {
    transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
}
.blob:nth-child(13) {
  animation: move13 20s infinite linear;
}

@keyframes move13 {
  from {
    transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
  to {
    transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
}
.blob:nth-child(14) {
  animation: move14 20s infinite linear;
}

@keyframes move14 {
  from {
    transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
  to {
    transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
}
.blob:nth-child(15) {
  animation: move15 20s infinite linear;
}

@keyframes move15 {
  from {
    transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
  to {
    transform: rotate(1710deg) translate(200px, 0.1px) rotate(-1710deg);
  }
}
.blob:nth-child(16) {
  animation: move16 20s infinite linear;
}

@keyframes move16 {
  from {
    transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
  to {
    transform: rotate(1800deg) translate(200px, 0.1px) rotate(-1800deg);
  }
}
.blob:nth-child(17) {
  animation: move17 20s infinite linear;
}

@keyframes move17 {
  from {
    transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
  to {
    transform: rotate(1890deg) translate(200px, 0.1px) rotate(-1890deg);
  }
}
.blob:nth-child(18) {
  animation: move18 20s infinite linear;
}

@keyframes move18 {
  from {
    transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
  to {
    transform: rotate(1980deg) translate(200px, 0.1px) rotate(-1980deg);
  }
}

/*
Copyright (c) Cassie Evans
Released under the MIT license
URL：https://codepen.io/cassie-codes/pen/zWJxXj/?editors=1111
*/


/*----- バブル -----*/


/*--- 利用規約 ---*/
.terms{}

.terms h2{
margin:0;
text-align:center;
}

.terms h3{
font-size:24px;font-weight:600;
margin:20px 10px 10px 10px;
}

.terms ul{
margin-top:0;
}

.terms li{
color:#444444;
list-style-type:lower-latin;
line-height:1.8;
letter-spacing:0.05em;
}

.terms dl{
margin-top:0;
margin-bottom:30px;
}

.terms dd{
color:#444444;
margin-left:10px;
line-height:1.8;
letter-spacing:0.05em;
}
/*--- 利用規約 ---*/


/*--- リリースページ ---*/
.release{
}

.release h2{
font-size:48px;
margin:0;
text-align:left;
}

.release h3{
font-size:24px;font-weight:600;
margin:20px 10px 10px 10px;
}

.release p{
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#444444;
line-height:1.8;
letter-spacing:0.05em;
margin:0;
padding:10px;
font-size:16px;font-weight:300;
}

.release_date{
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color:#444444;
line-height:1.8;
letter-spacing:0.05em;
margin:0;
padding:10px;
font-size:16px;font-weight:500;
}

.release table{
  border-collapse: collapse;
  width: 100%;
}
.release_table th,
.release_table td{
font-weight:normal;
line-height:1.8;
  padding: 10px;
  border: solid 1px #000000;
  text-align:left;
  box-sizing:border-box;
}
.release_table th {
  color: #000000;
  
}
@media screen and (max-width: 640px) {
  .release_table {
    width: 100%;
  }
  table.release_table th,
  table.release_table td {
    display: block;
font-weight:normal;
    width: 100%;
    border-bottom:none;
  }
  .release_table tr:last-child{
    border-bottom: solid 1px #000000;
  }
}

/*--- リリースページ ---*/



/*--- shopリンク ---*/
.shopbtn_wrapper{
width:240px;height:120px;
margin:30px auto 0;
text-align:center;
}

.shopbtn{
height:30px;
margin:10px auto;
background:#ff0c09;
border-radius:50px;
outline: solid 3px #ff0c09; 
outline-offset: 2px;
margin: 5px; 
text-align:center;
display: flex;
justify-content: center;
align-items: center;
}

.shopbtn a:link{color:#ffffff;text-decoration:none;}
.shopbtn a:visited{color:#ffffff;text-decoration:none;}
.shopbtn a:hover{color:#FFFF00;text-decoration:none;}
.shopbtn a:active{color:#ff8833;text-decoration:none;}

/*--- shopリンク ---*/




.share{
font-size:14px;
padding-top:10px;
}

.share ul{
list-style-type:none;
margin:0;
padding:0;
}

.share li a{
display:block;
padding:4px 12px;
border-radius:5px;
color:#ffffff;
text-decoration:none;
}


.share a:link{color:#ffffff;text-decoration:none;}
.share a:visited{color:#ffffff;text-decoration:none;}
.share a:hover{color:#FFFF00;text-decoration:none;}
.share a:active{color:#ff8833;text-decoration:none;}


.share ul:after{
content:"";
display:block;
clear:both;
}

.share li{
display:inline-block;
width:auto;
}

.share-tw{background:#000000;}
.share-fb{background:#3b5998;}
.share-inst{background:#eb4152;}
.share-home{background:#ff8833;}
.footertxt{padding-top:6px;}

/*--- biography ---*/

#biography ul{
margin:0;
padding-left:30px;
}

#biography li{
padding:6px;
}

/*--- biography ---*/

#contents{
text-align:center;
vertical-align:top;
}

#contents ul{
list-style-type:none;
margin:0;
padding:0;
}

#contents li{
display:inline-block;
max-width:400px;
text-align:left;
margin:15px 10px;
padding:0;
vertical-align:top;
}

.contents_img{
margin:10px auto;
max-width:300px;
}

.contents_img img{
width:100%;
}

#contents li > .contents_info ul{
list-style-type:none;
margin:0;
padding:0;
}

#contents li > .contents_info li{
display:block;
margin:0;
padding:6px 12px;
border-bottom:1px solid #cccccc;
}


.info ul{
list-style-type:none;
margin:0;
padding:0;
}

.info li{
padding:6px 12px;
line-height:1.75em;
border-bottom:1px solid #aaaaaa;
}


.shinjo_topics{}

.shinjo_topics ul{
list-style-type:none;
margin:0;
padding:0;
}

.shinjo_topics li{
padding:6px 12px;
line-height:1.75em;
border-bottom:1px solid #aaaaaa;
}

.ad_icn{
font-size:0.8em;
display:inline-block;
margin:4px;
padding:0 12px;
color:#ffffff;
background:#ff0000;
border-radius:4px;
}

.shinjo_shop{
padding-top:60px;
text-align:center;
}

.shinjo_shop img{
width:280px;
}

.shinjo_shop p{
width:280px;
margin:0 auto;
padding:0;
}

.ad_div{
margin-left:30px;
}

.buttonlist{
margin:0 auto;
text-align:center;
}

.buttonlist ul{
list-style-type:none;
margin:0;padding:0;
overflow:hidden;
}

.buttonlist li{
display:inline-block;
margin:10px 5px;
padding:0;
}

.button a{
display:block;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic",YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
letter-spacing:-0.05px;
font-size:16px;font-weight:500;
margin:4px auto;
padding:6px 14px;
text-align:center;
color:#ffffff;
text-decoration:none;
background:#ff0c09;
border-radius:6px;
box-shadow:0 3px 0 #c00c09;
}

.button a:hover{
display:block;
padding:6px 14px;
margin:4px auto;
text-align:center;
vertical-align:middle;
color:#ffffff;
text-decoration:none;
background:#ff8833;
border-radius:6px;
box-shadow:0 3px 0 #ff5500;
}

a.anchor{
display: block;
padding-top: 80px;
margin-top: -80px;
}

/* --- page-top ---*/

#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;

}
 
#page-top p{
	font-size:18px;
	margin:0;
	padding:0;
	text-align:center;
	background:#ff0c09;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	border-radius:50px;
}
 
#page-top p:hover{
	background:#d80c18;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}