@charset "utf-8";
/* CSS Document */
/* TOP */


 @media screen and (min-width : 901px) {/* large */
#headerbox{
background-size: contain;
width: 100%;
height: 80px;
}
#footter {
background-color: #000;
padding: 2em 0 1em 0;
}

#footerbox{
text-align: center;
background-color: #000;
}

#footerbtn {
margin: 0 auto 0 auto;
}

#footeracq {
max-width: 100%;
height:auto;
padding: 0 0 0 0;
}

#footeritem002 {
max-width: 100%;
height:auto;
padding: 0 1% 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: 3% 0 3% 0;
}

#copy p {
margin: 0;
font-size: 90%;
}

/*tgs*/

.contents {
text-align: center;
}
.topc {
border-bottom: solid 2px #71706d;
border-top: solid 2px #71706d;
font-size: 200%;
padding: 0.3em;
font-weight: 900;
max-width: 40%;
margin: 0 auto 1em  auto;
}
.topc02 {
border-bottom: solid 2px #71706d;
border-top: solid 2px #71706d;
font-size: 180%;
padding: 0.3em;
font-weight: 900;
max-width: 70%;
margin: 0 auto 1em auto;
}
.booth {
font-size: 150%;
margin: 0 0 1em 0;
}

#boothtxt{
font-size: 200%;
color: #ff0000;
font-weight: 700;
}

.web {
width: 30%;
margin: 2em 0 0 0;
}


.ttl_e {
font-size: 150%;
font-weight: 500;
}

.ttl_j {
font-size: 120%;
font-weight: 500;
line-height: 10%;
}
.ttl01 {
background-image: url("img/ttlback01.jpg");
background-size: cover;
width: 100%;
padding: 5% 0 5% 0;
}

.ttl02 {
background-image: url("img/ttlback02.jpg");
background-size: cover;
padding: 5% 0 5% 0;
}
.ttl03 {
background-image: url("img/ttlback03.jpg");
background-size: cover;
padding: 5% 0 5% 0;
}

#topimg {
width: 60%;
}

#topdate {
margin: 6% 0 6% 0;
width: 60%;
}
/*tgs*/
/*---↓↓↓ product  ↓↓↓---*/

#productbox {
padding: 1.5em 0 0 0;
text-align: center;
font-size: 120%;
line-height: 200%;
}

#productbox table {
margin: 0 auto 5% auto;
}
#productbox td {
padding: 1%;
text-align: left;
white-space: nowrap;
vertical-align: top;
font-size: 120%;
}

#productttl {
text-align: center;
margin: 0 auto 0 auto;
}

#productttl img {
width: 100%;
max-width: 20%;
}

#product_txt_box {
width: 100%;
background:rgba(46, 51,77, 0.7);
padding: 1em 0 1em 0;
}

#product_btnbox img{
max-width: 20%;
}

/*tgs*/


/*---↓↓↓ story  ↓↓↓---*/
@font-face {
font-family: 'BIZUDPGothic-Bold';
src: url(common/font/BIZUDPGothic-Bold.ttf);
}

/*---↑↑↑ story ↑↑↑ ---*/


}
 @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 */

#boothtxt{
font-size: 170%;
color: #ff0000;
font-weight: 900;
}

#headerbox{
height: 2em;
}

#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;
}
#footeracq {
width: 15%;
height:auto;
padding: 0 0 0 0;
}

#copy {
color: #fff;
text-align: center;
margin: 5% 0 7% 0;
}

#copy p {
margin: 0;
font-size: 50%;
}

#footter {
background-color: #000;
padding: 2em 0 1em 0;
}

/*---↓↓↓ story  ↓↓↓---*/
@font-face {
font-family: 'NewTegomin-Regular';
src: url(common/font/NewTegomin-Regular.ttf);
}
@font-face {
font-family: 'BIZUDPGothic-Bold';
src: url(common/font/BIZUDPGothic-Bold.ttf);
}

/*---↓↓↓ product  ↓↓↓---*/

#productbox {
font-size: 3.5vw;
text-align: center;
margin: 0 0 1em 0;
}

#productbox table {
margin: 0 auto 0 auto;
width: 90%;
font-size: 100%;
}
#productbox td {
padding: 1% 0 1% 0;
text-align: left;
white-space: nowrap;
vertical-align: top;
word-wrap: break-word;
}


#productttl {
text-align: center;
margin: 0 auto 0 auto;
}

#productttl img {
max-width: 30%;
}

#product_txt_box {
width: 100%;
background:rgba(46, 51,77, 0.7);
padding: 1em 0 1em 0;
}
#product_btnbox{
margin: 1em 0 0 0;

}
#product_btnbox img{
}

.lum-lightbox-inner img.lum-img {
  max-width: 100%;
}

/*---↑↑↑ product ↑↑↑ ---*/

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 }

/*tgs*/

.contents {
text-align: center;
}
.topc {
border-bottom: solid 2px #71706d;
border-top: solid 2px #71706d;
font-size: 170%;
padding: 0.3em;
font-weight: 900;
max-width: 90%;
margin: 0 auto 1em auto;
}
.topc02 {
border-bottom: solid 2px #71706d;
border-top: solid 2px #71706d;
font-size: 140%;
padding: 0.3em;
font-weight: 900;
max-width: 90%;
margin: 1em auto 0 auto;
}
.booth {
font-size: 130%;
margin: 0 0 1.5em 0;
}

.ttl01 {
background-image: url("img/ttlback01.jpg");
background-size: cover;
width: 100%;
padding: 5% 0 5% 0;
}

.img01{
width: 100%;
}

.ttl02 {
background-image: url("img/ttlback02.jpg");
background-size: cover;
padding: 5% 0 5% 0;
}

.ttl03 {
background-image: url("img/ttlback02.jpg");
background-size: cover;
padding: 5% 0 5% 0;
}


#topimg {
width: 90%;
}

#topdate {
margin: 6% 0 6% 0;
width: 90%;
}

.web {
width: 60%;
margin: 2em 0 0 0;
}

.ttl_e {
font-size: 120%;
font-weight: 500;
}

.ttl_j {
font-size: 100%;
font-weight: 500;
line-height: 10%;
}

/*tgs*/
}