@charset "UTF-8";

@media print, screen and (min-width:1200px) {

#indexMain {
width: 100%;
}

#indexDate {
position: relative;
width: 1200px;
margin: 40px auto;
margin-top: -80px;
}

#indexMain img,
#indexDate img {
width: 100%;
}

.wrap {
position: relative;
width: 100%;
margin: 0 auto;
padding: 60px 0 0;
}

.wrap .inner {
position: relative;
width: 1200px;
margin: 0 auto;
z-index: 1;
}

#indexBg {
position: absolute;
width: 100%;
left: 0;
top: 30px;
z-index: 0;
}

#indexH1 {
font-size: 5rem;
margin-bottom: 10px;
}

#indexTxt {
font-size: 2rem;
}

#topImg {
position: absolute;
width: 1200px;
left: 0;
right: 0;
top: 365px;
margin: auto;
z-index: 1;
}

#newsXflex {
position: relative;
width: 1050px;
margin: 0 auto;
margin-top: 60px;
display: flex;
justify-content: space-between;
z-index: 1;
}

.newsX {
width: 500px;
font-size: 2rem;
font-weight: 700;
}

.newsX a {
text-decoration: underline;
}

.newsX h2 img {
width: auto;
height: 80px;
margin-bottom: 30px;
}

.newsX .inner {
background: #fff;
width: 100%;
height: 800px;
font-size: 1.6rem;
text-align: justify;
padding: 30px 30px 10px;
border: 2px solid #000;
overflow-y: scroll;
line-height: 1.8;
}

.newsX .inner dt {
float: left;
margin-bottom: 20px;
padding: 0;
}

.newsX .inner dd {
margin-bottom: 20px;
padding: 0 0 0 110px;
}

.wrapCo {
position: relative;
background: url("../img/bg_wrap.jpg") repeat-y;
background-size: 100%;
width: 1080px;
text-align: justify;
color: #fff;
margin: 0 auto;
margin-top: 175px;
padding: 140px 50px 50px;
z-index: 0;
}

.wrapCo a {
color: #fff;
text-decoration: underline;
}

#titleCo {
text-align: center;
margin: 0 auto;
margin-bottom: 40px;
}

#titleCo img {
width: auto;
height: 110px;
}

.detailTxt {
font-size: 2.2rem;
text-align: center;
}

.titleLaTxt {
font-size: 3rem;
text-align: center;
color: #c7a546;
margin: 30px auto;
}

.titleMiTxt {
font-size: 1.8rem;
color: #c7a546;
}

.detailMl {
margin-left: 19px;
margin-bottom: 32px;
}

.headAlignment dt {
float: left;
padding: 0;
}

.headAlignment dd {
padding: 0 0 0 80px;
}

.colorGo {
color: #c7a546;
}

.headAlignment2 dt {
float: left;
padding: 0;
}

.headAlignment2 dd {
padding: 0 0 0 18px;
}

.headAlignment3 dt {
float: left;
padding: 0;
}

.headAlignment3 dd {
padding: 0 0 0 16px !important;
}

#miraithingsOnlineStore {
font-size: 2.2rem;
text-align: center;
margin-top: 50px;
letter-spacing: .05em;
}

#miraithingsOnlineStore img {
width: 550px;
margin-bottom: 10px;
}

#miraithingsOnlineStore a {
color: #29a2d9;
}

#bgIcon01 {
position: absolute;
width: 300px;
right: 50px;
bottom: 1050px;
}

#bgIcon02 {
position: absolute;
width: 170px;
right: 50px;
bottom: 150px;
}

#bgIcon03 {
position: absolute;
width: 230px;
right: 50px;
bottom: 300px;
}

#bgIcon04 {
position: absolute;
width: 230px;
right: 50px;
bottom: 60px;
}

#goodsWrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.goods {
position: relative;
width: 470px;
text-align: center;
margin-bottom: 40px;
}

.goodsName,
.goodsNameW {
position: absolute;
font-size: 1.5rem;
color: #000;
line-height: 1.4;
z-index: 1;
left: 0;
right: 0;
bottom: 14px;
margin: auto;
}

.goodsNameW {
color: #fff;
bottom: 35px;
}

#goodsBag {
width: 820px;
margin: 0 auto;
margin-bottom: 40px;
}

#christmasCard {
float: right;
width: 420px;
margin-top: -20px;
}

#valentineCard {
float: right;
width: 420px;
margin-top: -20px;
}

/**/

footer {
position: relative;
width: 100%;
color: #fff;
margin: 0 auto;
padding: 20px 0 30px;
line-height: 1;
}

#globalNavF {
position: relative;
width: 100%;
margin: 30px auto;
display: flex;
justify-content: center;
}

#globalNavF li {
padding: 0 25px;
border-right: 2px solid #000;
}

#globalNavF li:last-child {
border-right: 0;
}

#globalNavF li a {
font-size: 1.8rem;
font-weight: 700;
color: #000;
}

#logoF {
width: 270px;
margin: 0 auto;
margin-bottom: 20px;
}

#copyright {
width: 100%;
font-size: 1.2rem;
color: #666;
}

.pagetop {
position: fixed;
background: url("../img/hamburger_bg.png") no-repeat;
background-size: 92px;
width: 92px;
height: 92px;
bottom: -100px;
right: 30px;
transition: .3s;
z-index: 500;
}

.arrowRoundUp {
position: absolute;
display: block;
width: 5px;
height: 25px;
border-radius: 5px;
background-color: #000;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 201;
}

.arrowRoundUp::before {
content: "";
position: absolute;
top: 0;
right: -1px;
display: block;
width: 15px;
height: 5px;
border-radius: 5px;
background-color: #000;
transform: rotate(-45deg);
}

.arrowRoundUp::after {
content: "";
position: absolute;
top: 0;
left: -1px;
display: block;
width: 15px;
height: 5px;
border-radius: 5px;
background-color: #000;
transform: rotate(45deg);
}

}