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

html,body{
font-size: 16px;
}

.oglnrpt_wrap{
line-height: 1.8;
}
.oglnrpt_blk01{
background: url(https://edinter.itembox.design/item/lp/name_plate/bg01.png);
padding:80px 0;
}
.oglnrpt_blk01 ul{
max-width: 600px;
margin: 0 auto;
}
.oglnrpt_blk01 ul li{

}
.oglnrpt_blk01 ul li:nth-of-type(1){
width: 100%;
}
.oglnrpt_blk01 ul li:nth-of-type(2){
margin:40px auto;
text-align: center;
}
.oglnrpt_blk01 ul li:nth-of-type(2) img{
max-width: 300px;
}
.oglnrpt_blk01 ul li:nth-of-type(3){
text-align: center;
}
.oglnrpt_blk01 ul li:nth-of-type(3) img{
max-width: 300px;
}

.oglnrpt_blk02{
background: #e2dedc;
padding:80px 0;
}
.oglnrpt_blk02 ul{
width: 100%
}
.oglnrpt_blk02 ul li{

}
.oglnrpt_blk02 ul li:nth-of-type(1){
text-align: center;
}
.oglnrpt_blk02 ul li:nth-of-type(1) img{
max-width: 300px;
}
.oglnrpt_blk02 ul li:nth-of-type(2){
width: 94%;
max-width: 800px;
margin:40px auto 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.oglnrpt_blk02 ul li:nth-of-type(2) span{
width: calc( 100% / 3 - 20px );
}
.oglnrpt_blk02 ul li:nth-of-type(2) img{

}
.oglnrpt_blk02 ul li:nth-of-type(3){
text-align: center;
margin-top:40px;
}
.oglnrpt_blk02 ul li:nth-of-type(3) img{
max-width: 600px;
margin: 0 auto;
}
.oglnrpt_blk02 ul li:nth-of-type(4),
.oglnrpt_blk02 ul li:nth-of-type(8),
.oglnrpt_blk02 ul li:nth-of-type(12){
text-align: center;
margin-top:40px;
}
.oglnrpt_blk02 ul li:nth-of-type(4) img,
.oglnrpt_blk02 ul li:nth-of-type(8) img,
.oglnrpt_blk02 ul li:nth-of-type(12) img{
max-width: 600px;
margin: 0 auto;
}
.oglnrpt_blk02 ul li:nth-of-type(5),
.oglnrpt_blk02 ul li:nth-of-type(9),
.oglnrpt_blk02 ul li:nth-of-type(13){
text-align: left;
max-width: 600px;
margin: 20px auto 28px auto;
}
.oglnrpt_blk02 ul li:nth-of-type(6),
.oglnrpt_blk02 ul li:nth-of-type(10),
.oglnrpt_blk02 ul li:nth-of-type(14){
text-align: center;
margin-top:40px;
background: #fff;
padding: 40px;
max-width: 600px;
margin: 0 auto;
}
.oglnrpt_blk02 ul li:nth-of-type(6) img,
.oglnrpt_blk02 ul li:nth-of-type(10) img,
.oglnrpt_blk02 ul li:nth-of-type(14) img{
max-width: 600px;
margin-top: 20px;
}

.oglnrpt_blk02_in{
border:1px solid #cc3e3e;
color:#cc3e3e;
padding: 15px;
text-align: left;
font-size: 14px;
margin: 20px auto 0 auto;
}

.oglnrpt_blk02 ul li:nth-of-type(7),
.oglnrpt_blk02 ul li:nth-of-type(11){
text-align: center;
margin-top:40px;
}
.oglnrpt_blk02 ul li:nth-of-type(7) img,
.oglnrpt_blk02 ul li:nth-of-type(11) img{
max-width: 600px;
margin: 0 auto;
}

.oglnrpt_blk03{
background: #fff;
padding:0 0 80px 0;
display: none;
}
.oglnrpt_blk03 ul{

}
.oglnrpt_blk03 ul li{

}
.oglnrpt_blk03 ul li:nth-of-type(1){
background: #83ccb4;
text-align: center;

padding:20px 0 10px 0;
}
.oglnrpt_blk03 ul li:nth-of-type(1) img{
width: 80%;
max-width: 600px;
    margin: 0 auto;
}
.oglnrpt_blk03 ul li:nth-of-type(2){
text-align: left;
    max-width: 600px;
    padding: 20px;
	margin: 0 auto;
}

.oglnrpt_blk03 ul li:nth-of-type(3){
width: 94%;
max-width: 600px;
    margin: 0 auto;
	background: #e2dedc;
	padding:20px;
}
.oglnrpt_blk03 ul li:nth-of-type(3) dl{

}
.oglnrpt_blk03 ul li:nth-of-type(3) dl:nth-of-type(1){
margin-bottom: 40px;
}
.oglnrpt_blk03 ul li:nth-of-type(3) dl dt{

}
.oglnrpt_blk03 ul li:nth-of-type(3) dl dd{

}
.oglnrpt_blk03 ul li:nth-of-type(3) dl dd:nth-of-type(1){
background: url(https://edinter.itembox.design/item/lp/name_plate/img21.png);
background-size: contain;
padding: 30px 30px 0;
}

.oglnrpt_blk04{
background: #e2dedc;
padding:0 0 0 0;
}
.oglnrpt_blk04 ul{
width: 94%;
max-width: 800px;
margin: 0 auto 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.oglnrpt_blk04 ul li:nth-of-type(1),
.oglnrpt_blk04 ul li:nth-of-type(2){
width: calc( 100% / 2 - 10px);
margin:0 0 15px 0;
}
.oglnrpt_blk04 ul li:nth-of-type(n+3){
width: calc( 100% / 3 - 10px);
margin:0 0 15px 0;
}
.oglnrpt_blk04 ul li a{
display: block;
padding: 20px;
background: url(https://edinter.itembox.design/item/lp/name_plate/img21.png);
background-size: contain;
color:#333;
transition: 0.5s;
}
.oglnrpt_blk04 ul li a:hover{
border-radius: 20px;
transition: 0.5s;
}
.oglnrpt_blk04 ul li a img{
max-width: 100%;vertical-align: bottom;

transition: 0.5s;
}
.oglnrpt_blk04 ul li a:hover img{

border-radius: 20px;
transition: 0.5s;
}
.oglnrpt_blk04 ul li a span{
display: block;
text-align: center;
font-size: 14px;
}
.oglnrpt_blk04 ul li a span:nth-of-type(1){
margin:10px auto 0 auto;
}
.oglnrpt_blk04 ul li a span:nth-of-type(2){
font-size: 14px;
    border-top: 1px dotted #333;
}
.oglnrpt_blk04 ul li a span:nth-of-type(3){
background: #cc3e3e;
color:#fff;
border:1px solid #cc3e3e;
border-radius: 100px;
padding:10px 0;
letter-spacing: 0.2rem;
transition: 0.5s;
}
.oglnrpt_blk04 ul li a:hover span:nth-of-type(3){
background: #fff;
color:#cc3e3e;
border:1px solid #cc3e3e;
border-radius: 100px;
padding:10px 0;
letter-spacing: 0.2rem;
transition: 0.5s;
}
.oglnrpt_blk05{
padding:0 0 0 0;
background: #e2dedc;
margin-bottom:100px;
}
.nirts_pop_head{
background: #fff;
}
.nirts_pop_head img{
max-width: 100%;vertical-align: bottom;
}
.nirts_pop_head2{
background: #e2dedc;
}
.nirts_pop_head2 img{
max-width: 100%;vertical-align: bottom;
}
.nirts_pop_ttl{
width: 94%;
max-width: 800px;
margin: 0px auto 30px auto;
text-align: center;
}
.nirts_pop_ttl img{
width: 80%;
max-width: 500px;
max-width: 100%;vertical-align: bottom;
}

.pacifico-detail{
text-align: right;
}
.pacifico-detail a{
display: inline-block;
background: #cc3e3e;
color:#fff;
padding: 5px 20px;
border-radius: 50px;
transition: 0.3s;
}
.pacifico-detail a:hover{
border-radius: 5px;
transition: 0.3s;
}
.flex{
  display:flex;
  flex-wrap: wrap;
}

.box{
  width: 220px;
  padding: 0;
    margin: 0;
  color: #fff;
  box-sizing:border-box;
    list-style: none;
}

/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

/*.box{
  opacity: 0;
}*/

/*==================================================
ふわっ
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:1.0s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


.tsshn{
text-align: center;
margin-top:0px;
padding: 40px 0 10px;
}
.tsshn img{
width: 90%;
max-width: 500px;
}

.mgnb{
margin-bottom:40px;
}

.oglnrpt_pc{
display: block;
}
.oglnrpt_sp{
display: none;
}



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

.oglnrpt_blk01 {
    background: url(https://edinter.itembox.design/item/lp/name_plate/bg01.png);
    padding: 40px 0;
}
.oglnrpt_blk01 ul li:nth-of-type(1){
width: 94%;
margin: 0 auto;
}
.oglnrpt_blk02 {
    padding: 40px 0;
}
.oglnrpt_blk02 ul{
width: 94%;
margin: 0 auto;
}
.oglnrpt_blk02 ul li:nth-of-type(4) {
    margin-top: 15px;
}
.oglnrpt_blk02 ul li:nth-of-type(5){
margin: 20px auto 28px auto;
}
.oglnrpt_blk02 ul li:nth-of-type(6),
.oglnrpt_blk02 ul li:nth-of-type(10),
.oglnrpt_blk02 ul li:nth-of-type(14){
padding: 25px 10px;
}


.oglnrpt_blk02 ul li:nth-of-type(2) {
    width: 100%;
    max-width: 800px;
    margin: 15px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.oglnrpt_blk02 ul li:nth-of-type(2) span{
width: 100%;
}

.oglnrpt_blk02 ul li:nth-of-type(2) span:nth-of-type(1) {
    width: 100%;
	text-align: center;
}
.oglnrpt_blk02 ul li:nth-of-type(2) span:nth-of-type(1) img {
    width: 50%;
}
.oglnrpt_blk02 ul li:nth-of-type(2) span:nth-of-type(2),
.oglnrpt_blk02 ul li:nth-of-type(2) span:nth-of-type(3) {
    width: calc( 100% / 2 - 5px );
	margin-top: -20px;
}
.oglnrpt_blk03{
padding: 0 0 20px 0;
}
.oglnrpt_blk03 ul li:nth-of-type(3) {
    width: 94%;
    padding: 40px 10px 30px 10px;
}
.oglnrpt_blk03 ul li:nth-of-type(3) dl dd:nth-of-type(1){
background: url(https://edinter.itembox.design/item/lp/name_plate/img21.png);
background-size: contain;
padding: 10px 10px 0;
}
.oglnrpt_blk04 ul{
margin: 0 auto 0 auto;
}

.oglnrpt_blk04 ul li a {
    padding: 10px;
	font-size: 14px;
}
.oglnrpt_blk04 ul li a span{
font-size: 12px;
line-height: 1.2;
}
.oglnrpt_blk04 ul li a span:nth-of-type(2){
margin:10px auto;
border-top: 1px dotted #333;
    padding-top: 10px;
}

.oglnrpt_blk04 ul li:nth-of-type(1){
width: calc( 100% / 1 );
margin:10px 0 10px 0;
}

.oglnrpt_blk04 ul li a span:nth-of-type(2){
font-size: 12px;
}

.oglnrpt_blk04 ul li:nth-of-type(2),
.oglnrpt_blk04 ul li:nth-of-type(3),
.oglnrpt_blk04 ul li:nth-of-type(4),
.oglnrpt_blk04 ul li:nth-of-type(5){
width: calc( 100% / 2 - 5px);
margin:0 0 10px 0;
}

.mgnb{
margin-bottom:15px;
}
.oglnrpt_pc{
display: none;
}
.oglnrpt_sp{
display: block;
}

}