@charset "utf-8";
/* CSS Document */
/* TOP */


 @media screen and (min-width : 901px) {/* large */

#footter {
background-color: #000;
padding: 2em 0 1em 0;
}

#footerbox{
text-align: center;
background-color: #000;
}

#footerbtn {
margin: 0 auto 0 auto;
}

#footeritem001 {
max-width: 100%;
height:auto;
padding: 0 0 0 0;
}

#footeritem002 {
max-width: 100%;
height:auto;
padding: 0 0 1% 0;
}
#footeritem003 {
max-width: 100%;
height:auto;
padding: 0 0 1% 0;
}
#footeritem004 {
max-width: 100%;
height:auto;
padding: 0 0 1% 0;
}

#copy {
color: #fff;
text-align: center;
margin: 5% 0 20% 0;
}

#copy p {
margin: 0;
font-size: 90%;
}

#pvbox {
max-width: 900px;
margin: 0 auto 6% auto;
}

#pv {
max-width: 890px;
margin: 0 auto 0 auto;
}


#movie {
position: relative;
width: 100%;
padding-top: 56.25%;
margin: 7% auto 2% auto;
border: 7px solid rgba(0,0,0,1.00); background: #000; 
}

#movie iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: 100%;
height: 100%;
margin: auto;
}

/*---↓↓↓ story  ↓↓↓---*/
@font-face {
font-family: 'NewTegomin-Regular';
src: url(common/font/NewTegomin-Regular.ttf);
}
@font-face {
font-family: 'ShipporiMincho-ExtraBold';
src: url(common/font/ShipporiMincho-ExtraBold.ttf);
}

#story {
background: #000;
text-align: center;
font-family: 'NewTegomin-Regular';
color: #fff;
font-size: 200%;
padding: 2em 0 2em 0;
}

#storybk001 {
max-width: 1200px;
background-image: url("img/storybk001.png");
background-repeat: no-repeat;
margin: 0 auto 0 auto;
background-size: contain;
padding: 0 0 10% 0;
}

#story001_00 {
width: 100%;
max-width: 80%;
margin: 0 auto 5% auto;
padding: 5% 0 0 0;
}

.test001 {
opacity: 0;
}

#story001 {
width: 100%;
font-size: 2vw;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
line-height: 200%;
}

#storybk002 {
max-width: 1200px;
background-image: url("img/storybk002.png");
background-repeat: no-repeat;
margin: 0 auto 0 auto;
background-size: contain;
padding: 0 0 10% 0;
}

#story002_00 {
width: 100%;
max-width: 80%;
margin: 0 auto 5% auto;
padding: 5% 0 0 0;
}

#story002 {
width: 100%;
font-size: 2vw;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
line-height: 200%;
}

#storybk003 {
max-width: 1200px;
margin: 0 auto 0 auto;
}

#story003_00 {
width: 100%;
max-width: 80%;
margin: 0 auto 0 auto;
}




/*---↑↑↑ story ↑↑↑ ---*/
/*---↓↓↓ system  ↓↓↓---*/

#system {
text-align: center;
margin: 0 0 5% 0; 
}

#shokudou_box {
justify-content: space-around;
display: flex;
max-width: 900px;
flex-wrap : wrap; 
margin: 0 auto 0 auto;
}

#shokudou_box img {
max-width: 300px;
}

.system_txt {
font-family: 'NewTegomin-Regular';
color: #fff;
font-size: 150%;
text-align: center;
width: 1000px;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1);
margin: 0 auto 3% auto;
}

/*---↑↑↑ system ↑↑↑ ---*/

/*---↓↓↓ sakyu  ↓↓↓---*/

#sakyu001{
margin: 0 0 5% 0; 
}

#sakyu001 img {
display: inline-block;
width: 100%;
max-width: 550px;
vertical-align: -850%;
}

#sakyu001 p {
display: inline-block;
font-family: 'NewTegomin-Regular';
font-weight: bold;
color: #000;
font-size: 170%;
text-align: center;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
line-height: 200%;
}


#sakyu002{
}
#sakyu002 p {
display: inline-block;
font-family: 'NewTegomin-Regular';
font-weight: bold;
color: #000;
font-size: 170%;
text-align: center;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
line-height: 200%;
display: inline-block;

}

#sakyu002 img {
width: 100%;
max-width: 550px;
vertical-align: -850%;
}

#sakyu003{
}

#sakyu003 img {
display: inline-block;
width: 100%;
max-width: 550px;
vertical-align: -850%;
}

#sakyu003 p {
display: inline-block;
font-family: 'NewTegomin-Regular';
font-weight: bold;
color: #000;
font-size: 170%;
text-align: center;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
line-height: 200%;
}

.sp {
display: none;
}

.pc {
}

/*---↑↑↑ sakyu ↑↑↑ ---*/


#shopbox {
display:flex;
text-align: center;
max-width: 900px;
flex-wrap:wrap;
margin: 0 auto 0 auto;
}

.shop001{
background-image: url("img/0620_shop001.png");
width: 426px;
height: 212px;
padding: 518px 0 0 0;
margin: 1%;
}

.shop002{
background-image: url("img/0620_shop002.png");
width: 426px;
height: 212px;
padding: 518px 0 0 0;
margin: 1%;
}

.shop003{
background-image: url("img/0620_shop003.png");
width: 426px;
height: 212px;
padding: 518px 0 0 0;
margin: 1%;
}

.shop004{
background-image: url("img/0620_shop004.png");
width: 426px;
height: 212px;
padding: 518px 0 0 0;
margin: 1%;
}

.shop005{
background-image: url("img/0620_shop005.png");
width: 426px;
height: 212px;
padding: 518px 0 0 0;
margin: 1%;
}

.shop006{
background-image: url("img/0620_shop006.png");
width: 426px;
height: 212px;
padding: 518px 0 0 0;
margin: 1%;
}

.shop007{
background-image: url("img/0620_shop007.png");
width: 426px;
height: 212px;
padding: 518px 0 0 0;
margin: 1%;
}


.shop001,.shop002,.shop003,.shop004,.shop005,.shop006,.shop007 img {
text-align: center;
}

.shopbtn001{
}

.shopbtn002{
padding: 4% 0 0 0;
}

#za000 {
max-width: 100%;
margin: 1% 0 1% 0;
}

#za001 {
max-width: 100%;
margin: 1% 0 3% 0;
}

#za002 {
max-width: 100%;
margin: 1% 0 3% 0;
}

#za003 {
max-width: 100%;
margin: 0 0 3% 0;
}

#za004 {
max-width: 37%;
margin: 0% 2% 0 2%;
width: 100%;
}

#za005 {
max-width: 37%;
margin: 0% 2% 0 2%;
width: 100%;
}

#dl01 {
max-width: 40%;
margin: 19% 2% 0 2%;
width: 100%;
}

#dl02 {
max-width: 40%;
margin: 19% 2% 0 2%;
width: 100%;
}

#dl03 {
max-width: 40%;
margin: 2% 2% 0 2%;
width: 100%;
}

#dlset {
background: url("img/dl_waku.png") no-repeat;
background-size: contain;
height: 535px;
margin: 0 auto 5% auto;
text-align: center;
max-width: 1145px;
}

#btnset {
height: 424px;
margin: 0 auto 5% auto;
text-align: center;
max-width: 1145px;
}

#dlset02 {
background: url("img/dl_waku.png") no-repeat;
background-size: contain;
height: 535px;
margin: 5% auto 0 auto;
text-align: center;
max-width: 1145px;
}

#za005 {
margin: 0 2% 0 2%;
}

#za006 {
max-width: 100%;
margin: 3% 0 3% 0;
}

#za007 {
max-width: 100%;
}

#za008 {
max-width: 100%;
margin: 0 2% 0 2%;
}

#za009 {
max-width: 100%;
margin: 0 2% 0 2%;
}

#za010 {
max-width: 100%;
margin: 3% 0 3% 0;
}

/*---↓↓↓ product  ↓↓↓---*/

#productbox {
padding: 1.5em 0 3em 0;
font-size: 2vw;
background-image: url("img/productbk.jpg");
font-family: 'ShipporiMincho-ExtraBold';
font-weight: 700;
color: #fff;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1);
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}

#productbox table {
margin: 0 auto 0 auto;
width: 50%;
}
#productbox td {
padding: 1%;
text-align: left;
white-space: nowrap;
vertical-align: top;
}

#productttl {
text-align: center;
margin: 0 auto 0 auto;
}

#productttl img {
width: 100%;
max-width: 25%;
}

#gomanual {
margin: 3% 0 0 0;
}

#gomanual img {
width: 100%;
max-width: 25%;
}

#guideline {
background: rgba(255, 255, 255, 0.7);
padding: 1em 3em 2.5em 2.5em;
text-align: left;
border: double #bbb;
color: #333;
font-size: 90%;
width: 100%;
max-width: 75%;
margin: 5% auto 5% auto;
}

#guideline h4 {
margin: 0 0 -0.5em 0;
}

#guideline h3 {
font-size: 180%;
text-align:  center;
}

#guideline img {
width: 100%;
text-align: center;
max-width: 25%;
}

.guideline_btnbox {
margin: 1em auto 0 auto;
text-align: center;
}

#guideline a:link {
color: #001DCB;
}

details {
margin: 0 0 2em 0;
}

summary {
  padding: 10px 10px 10px 10px; 
  cursor: pointer; 
  font-weight: bold;
  font-size: 140%;
  text-align: center;
  margin: 0 auto 0.5em auto;
  list-style: none;
  max-width: 45%;
  text-decoration: underline;
  text-underline-offset: 20%;
  color: #D10003;
  font-weight: bold; 
}

.patch1114{
max-width: 60%;
width: 100%;
margin: 0 auto 0 auto;
text-align: left;
padding: 1em 3em 1em 1em;
background: rgba(255, 255, 255, 0.7);
border: double #bbb;
color: #333;
font-size: 110%;
}

.patch1114 li {
list-style: square;
line-height: 200%;
}

#dlcbox {
background: url("img/dlcbk.jpg")no-repeat;
background-size: 100%;
width: 100%;
max-width: 80%;
margin: 0 auto 0 auto;
padding: 9% 1% 5% 1%;
font-family: 'NewTegomin-Regular';
font-weight: bold;
color: #000;
text-align: center;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
line-height: 200%;
}

#dlcbox #ss {
display: inline-block;
width: 100%;
max-width: 40%;
}
#dlcbox #avatartxt01{
width: 100%;
font-size: min(2.2vw,180%);
}

#dlcbox #avatartxt02 {
display: inline-block;
width: 100%;
max-width: 50%;
vertical-align: top;
margin: 0;
padding: 0 1% 0 1%;
line-height: 130%;
font-size: min(1.6vw,140%);
}

#dlcbox #avatartxt03 {
font-size: min(1.6vw,140%);
width: 100%;
}

#dlcbox .ss {
display: inline-block;
width: 100%;
max-width: 50%;
margin: 0 1% 0 1%;
}

#dlcinner {
vertical-align: top;
width: 100%;
margin: 0 0 2% 0;
}

#dlcbtn01 {
width: 100%;
max-width: 30%;
margin: 0 0 0 0;
}

#dlcbtn02 {
width: 100%;
max-width: 30%;
margin: 0 2% 0 2%;
}

#dlcbtn03 {
width: 100%;
max-width: 30%;
margin: 0 0 0 0;
}
#dlcttl{
width: 100%;
max-width: 40%;
}
/*---↑↑↑ product ↑↑↑ ---*/
}
 @media screen and (max-width : 900px) {/* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small *//* small */

#footerbox{
text-align: center;
}

#footerbtn {
margin: 0 auto 0 auto;
}

#footeritem001 {
max-width: 15%;
height:auto;
margin: 0 0 0 0;
}
#footeritem002 {
max-width: 15%;
height:auto;
padding: 0 0 1% 0;
}
#footeritem003 {
max-width: 15%;
height:auto;
padding: 0 0 1% 0;
}
#footeritem004 {
max-width: 15%;
height:auto;
padding: 0 0 1% 0;
}

#copy {
color: #fff;
text-align: center;
margin: 5% 0 20% 0;
}

#copy p {
margin: 0;
font-size: 50%;
}

#footter {
background-color: #000;
padding: 2em 0 1em 0;
}

#pvbox {
max-width: 900px;
padding: 0 5% 0 3%;
}

#pv {
max-width: 800px;
margin: 0 auto 0 auto;
}


#movie {
position: relative;
width: 100%;
padding-top: 56.25%;
margin: 7% auto 3% auto;
border: 4px solid rgba(0,0,0,1.00); background: #000;
}

#movie iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: 100%;
height: 100%;
margin: auto;
}

/*---↓↓↓ story  ↓↓↓---*/
@font-face {
font-family: 'NewTegomin-Regular';
src: url(common/font/NewTegomin-Regular.ttf);
}
@font-face {
font-family: 'ShipporiMincho-ExtraBold';
src: url(common/font/ShipporiMincho-ExtraBold.ttf);
}

#story {
background: #000;
text-align: left;
font-family: 'NewTegomin-Regular';
color: #fff;
font-size: 110%;
padding: 2em 1em 2em 1em;
line-height: 110%;
}

#storybk001 {
width: 100%;
background-image: url("img/storybk001.png");
background-repeat: no-repeat;
margin: 0 auto 2em auto;
background-size: contain;
padding: 0 0 0 0;
}

#story001_00 {
width: 100%;
margin: 0 auto 5% auto;
}

#story001 {
width: 100%;
font-size: 4vw;
margin: 0 auto 0 auto;
line-height: 170%;
}

#storybk002 {
width: 100%;
background-image: url("img/storybk002.png");
background-repeat: no-repeat;
margin: 0 auto 0 auto;
background-size: contain;
padding: 0 0 10% 0;
}

#story002_00 {
width: 100%;
margin: 0 auto 5% auto;
padding: 5% 0 0 0;
}

#story002 {
width: 100%;
font-size: 4vw;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
line-height: 170%;
}

#storybk003 {
max-width: 1200px;
margin: 0 auto 0 auto;
}

#story003_00 {
width: 100%;
margin: 0 auto 0 auto;
}




/*---↑↑↑ story ↑↑↑ ---*/
/*---↓↓↓ system  ↓↓↓---*/

#system {
text-align: center;
}

.catch {
width: 100%;
padding: 2em  0 0 0;
}

#shokudou_box {
justify-content: space-around;
display: flex;
max-width: 900px;
flex-wrap : wrap; 
margin: 0 auto 0 auto;
}

#shokudou_box img {
max-width: 180px;
}

.system_txt {
font-family: 'NewTegomin-Regular';
color: #fff;
font-size: 100%;
text-align: left;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1);
margin: 0 auto 1em auto;
padding: 0 1em 0 1em;
}

/*---↑↑↑ system ↑↑↑ ---*/

/*---↓↓↓ sakyu  ↓↓↓---*/

#sakyu001{
}

#sakyu001 img {
display: inline-block;
width: 100%;
max-width: 550px;
}

#sakyu001 p {
display: inline-block;
font-family: 'NewTegomin-Regular';
font-weight: bold;
color: #000;
font-size: 110%;
text-align: left;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
padding: 0 1em 0 1em;
line-height: 170%;
}


#sakyu002{
}
#sakyu002 p {
display: inline-block;
font-family: 'NewTegomin-Regular';
font-weight: bold;
color: #000;
font-size: 110%;
text-align: left;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
padding: 0 1em 0 1em;
line-height: 170%;
display: inline-block;

}

#sakyu002 img {
width: 100%;
max-width: 550px;
margin: 5% 0 0 0;
}

#sakyu003{
}

#sakyu003 img {
display: inline-block;
width: 100%;
max-width: 550px;
margin: 5% 0 0 0;
}

#sakyu003 p {
display: inline-block;
font-family: 'NewTegomin-Regular';
font-weight: bold;
color: #000;
font-size: 110%;
text-align: left;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
padding: 0 1em 0 1em;
line-height: 170%;
}

.sp {
}

.pc {
display: none;
}

/*---↑↑↑ sakyu ↑↑↑ ---*/

#shopbox {
display:flex;
text-align: center;
max-width: 330px;
flex-wrap:wrap;
margin: 0 auto 0 auto;
}

.shop001{
background-image: url("img/0620_shop001.png");
background-size: cover;
width: 100%;
padding: 121% 0 1% 0;
margin: 0 auto 5% auto;
}

.shop002{
background-image: url("img/0620_shop002.png");
background-size: cover;
width: 100%;
padding: 121% 0 1% 0;
margin: 0 auto 5% auto;
}

.shop003{
background-image: url("img/0620_shop003.png");
background-size: cover;
width: 100%;
padding: 121% 0 1% 0;
margin: 0 auto 5% auto;
}

.shop004{
background-image: url("img/0620_shop004.png");
background-size: cover;
width: 100%;
padding: 121% 0 1% 0;
margin: 0 auto 5% auto;
}

.shop005{
background-image: url("img/0620_shop005.png");
background-size: cover;
width: 100%;
padding: 121% 0 1% 0;
margin: 0 auto 5% auto;
}

.shop006{
background-image: url("img/0620_shop006.png");
background-size: cover;
width: 100%;
padding: 121% 0 1% 0;
margin: 0 auto 5% auto;
}

.shop007{
background-image: url("img/0620_shop007.png");
background-size: cover;
width: 100%;
padding: 121% 0 1% 0;
margin: 0 auto 5% auto;
}


.shop001,.shop002,.shop003,.shop004,.shop005,.shop006,.shop007 img {
text-align: center;
}

.shopbtn001{
max-width: 70%;
}

.shopbtn002{
max-width: 70%;
padding: 2% 0 8% 0;
}

#za000 {
max-width: 100%;
margin: 1% 0 1% 0;
}

#za001 {
max-width: 90%;
margin: 10% 0 10% 0; 
}

#za002 {
max-width: 90%;
}

#za003 {
max-width: 90%;
margin: 8% 0 5% 0; 
}

#za004 {
max-width: 65%;
margin: 0 0 2% 0;
}

#za005 {
max-width: 65%;
}

#dl01 {
max-width: 65%;
margin: 24% 0 2% 0;
width: 100%;
}

#dl02 {
max-width: 65%;
width: 100%;
}

#dl03 {
max-width: 65%;
margin: 2% 0 0 0;
width: 100%;
}

#dlset {
background: url("img/dl_waku_sp.png") no-repeat;
background-size: contain;
margin: 0 auto 0 auto;
text-align: center;
max-width: 791px;
width: 100%;
padding: 0 0 10% 0;
}

#dlset02 {
background: url("img/dl_waku_sp.png") no-repeat;
background-size: contain;
margin: 10% auto 0 auto;
text-align: center;
max-width: 791px;
width: 100%;
padding: 0 0 10% 0;
}

#za006 {
max-width: 100%;
}

#za007 {
max-width: 65%;
}

#za008 {
max-width: 80%;
margin: 0 0 2% 0;
}

#za009 {
max-width: 80%;
margin: 0 0 2% 0;
}

#za010 {
max-width: 100%;
}

/*---↓↓↓ product  ↓↓↓---*/

#productbox {
padding: 1.5em 0.5em 2em 0.5em;
font-size: 3.3vw;
background-image: url("img/productbk.jpg");
font-family: 'ShipporiMincho-ExtraBold';
font-weight: 700;
color: #fff;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 10px rgba(0, 0, 0, 1);
background-size: cover;
background-repeat: no-repeat;
text-align: center;
}

#productbox table {
margin: 0 auto 0 auto;
width: 90%;
}
#productbox td {
padding: 1% 0 1% 0;
text-align: left;
white-space: nowrap;
vertical-align: top;
}

#productttl {
text-align: center;
margin: 0 auto 0 auto;
}

#productttl img {
width: 100%;
max-width: 45%;
}

.lum-lightbox-inner img.lum-img {
  max-width: 100%;
}

.test001 {
opacity: 0;
}

#gomanual {
margin: 5% 0 0 0;
}

#gomanual img {
width: 100%;
max-width: 50%;
}
.guideline {
background: rgba(255, 255, 255, 0.7);
padding: 1em;
text-align: left;
border: double #bbb;
color: #333;
font-size: 80%;
width: 100%;
max-width: 75%;
margin: 5% auto 5% auto;
}

.guideline_in ul{
padding: 0 0 0 1em;
}
.guideline_in li{
}


.guideline h3 {
font-size: 100%;
text-align:  center;
}

#dlcbox {
background: url("img/dlcbk_s.jpg")no-repeat;
background-size: 100%;
width: 100%;
max-width: 90%;
margin: 0 auto 5% auto;
padding: 15% 2% 10% 2%;
font-family: 'NewTegomin-Regular';
font-weight: bold;
color: #000;
text-align: center;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
line-height: 150%;

}

#dlcbox #ss {
width: 100%;
max-width: 90%;
}
#dlcbox #avatartxt01{
width: 100%;
font-size:110%;
}

#dlcbox #avatartxt02 {
width: 100%;
vertical-align: top;
margin: 0;
padding: 0 1% 0 1%;
line-height: 130%;
font-size: 90%;}

#dlcbox #avatartxt03 {
font-size: 100%;
width: 100%;
text-align: center;
margin: 1em 0 1em 0;
}

#dlcbox .ss {
width: 100%;
max-width: 50%;
margin: 0 1% 0 1%;
}

#dlcinner {
}

#dlcbtn01 {
width: 100%;
max-width: 45%;
}

#dlcbtn02 {
width: 100%;
max-width: 45%;
}

#dlcbtn03 {
width: 100%;
max-width: 45%;
}


/*---↑↑↑ product ↑↑↑ ---*/
#dlcttl{
max-width: 65%;
}
#guideline {
background: rgba(255, 255, 255, 0.7);
padding: 1em 1.5em 1em 1.5em;
text-align: left;
border: double #bbb;
color: #333;
font-size: 60%;
width: 100%;
max-width: 85%;
margin: 5% auto 5% auto;
}

#guideline h4 {
margin: 0 0 -0.5em 0;
}

#guideline h3 {
font-size: 120%;
text-align:  center;
}

#guideline img {
width: 100%;
text-align: center;
max-width: 50%;
}

.guideline_btnbox {
margin: 1em auto 0 auto;
text-align: center;
}

#guideline a:link {
color: #001DCB;
}

#guideline ul li{
margin: 0 0 0 -2em;
}

details {
margin: 0 0 2em 0;
}

summary {
padding: 1em 1em 1em 1em; 
cursor: pointer; 
font-weight: bold;
font-size: 110%;
text-align: center;
margin: 0 auto 0.5em auto;
list-style: none;
max-width: 100%;
text-decoration: underline;
text-underline-offset: 20%;
color: #D10003;
}

summary::-webkit-details-marker { display: none }

.patch1114{
max-width: 85%;
width: 100%;
margin: 0 auto 0 auto;
text-align: left;
background: rgba(255, 255, 255, 0.7);
border: double #bbb;
color: #333;
font-size: 95%;
padding: 1em;
}

.patch1114 ul {
padding-left:0;
list-style-position: inside;
}

.patch1114 li {
list-style: square;
line-height: 150%;
padding-bottom: 0.5em;
padding-left:0;
list-style-position:outside;
}
}