h3 {
	display: block;
	/*background: linear-gradient(transparent 50%, gainsboro 50%);*/
	margin-bottom: 0;
}

h4 {
    font-size: 19px;
    font-weight: bold;
    color: var(--blue-color);
    padding-left: 0.5em;
    border-left: 0.3em solid var(--blue-color);
    margin-top: 5vw;
}

h5 {
	display: block;
	color: var(--blue-color);
	padding-bottom: 0.25em;
	border-bottom: 2px solid var(--blue-color);
}

.block {
	margin-top: 6vw;
}

.lead {
	margin-top: 1.5vw;
}

.flexBox{
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}

.leftItem{
	padding-right: 20px;
}

iframe {
	display: block;
	width: 560px;
	height: 315px;
	margin: 3vw auto 0;
}

.threeBox_wap{
  margin-top: 20px;
  align-items: baseline;
}

.threeBox .img img{
  width: 70%;
  margin: 0 auto;
  display: block;
}

@media handheld, only screen and (min-width: 768px) and (max-width: 906px) {
  .threeBox_wap .threeBox .title {
      height: 80px;
  }
}

.threeBox_wap .threeBox .txt {
    height: 130px;
}

@media handheld, only screen and (min-width: 1100px) {
  .threeBox_wap .threeBox .txt {
      height: 170px;
  }
}

.line_item_1{
  background-image: url(../img/line/line_messageStamp.jpg);
  min-height: 700px;
  position: relative;
  background-repeat: no-repeat;
}

.line_item_2{
  background-image: url(../img/line/line_stamp_jp.jpg);
  min-height: 1700px;
  position: relative;
  background-repeat: no-repeat;
}

.line_item_3{
  background-image: url(../img/line/line_emoji.jpg);
  min-height: 820px;
  position: relative;
  background-repeat: no-repeat;
}

.line_item_4{
  background-image: url(../img/line/line_theme_jp.jpg);
  min-height: 2000px;
  position: relative;
  background-repeat: no-repeat;
}

.line_item_5{
  background-image: url(../img/line/line_theme_en.jpg);
  min-height: 2000px;
  position: relative;
  background-repeat: no-repeat;
}

.line_item_6{
  background-image: url(../img/line/line_theme_Chatra.jpg);
  min-height: 2000px;
  position: relative;
  background-repeat: no-repeat;
}

.line_item_7{
  background-image: url(../img/line/line_theme_Chasim.jpg);
  min-height: 2000px;
  position: relative;
  background-repeat: no-repeat;
}

.line_item_8{
  background-image: url(../img/line/line_theme_Kore.jpg);
  min-height: 2000px;
  position: relative;
  background-repeat: no-repeat;
}

.line_item_1 a.btn_a{
  position: absolute;
  top: 25%;
  right: 10%;
  font-size: 1.7vw;
}

.line_item_2 a.btn_a{
  position: absolute;
  top: 10%;
  right: 10%;
  font-size: 1.7vw;
}

.line_item_3 a.btn_a{
  position: absolute;
  top: 20%;
  right: 10%;
  font-size: 1.7vw;
}

.line_item_4 a.btn_a{
  position: absolute;
  top: 9%;
  right: 10%;
  font-size: 1.7vw;
}

.line_item_5 a.btn_a{
  position: absolute;
  top: 9%;
  right: 10%;
  font-size: 1.7vw;
}

.line_item_6 a.btn_a{
  position: absolute;
  top: 9%;
  right: 10%;
  font-size: 1.7vw;
}

.line_item_7 a.btn_a{
  position: absolute;
  top: 9%;
  right: 10%;
  font-size: 1.7vw;
}

.line_item_8 a.btn_a{
  position: absolute;
  top: 9%;
  right: 10%;
  font-size: 1.7vw;
}

.line_akaboukun_img img{
  margin: 0 auto 100px;
  display: block;
}


@media handheld, only screen and (max-width: 767px) {

	h5 {
		margin-top: 6vw;
	}

  .threeBox_wap .threeBox {
    width: 100%;
    margin: 0 auto;
    max-width: none;
  }

  .threeBox_wap .threeBox .txt {
    height: auto;
  }

  .threeBox_wap::after {
    content: none;
  }

  .line_item_1{
    background-size: 100%;
  }

  .line_item_2{
    background-size: 100%;
  }

  .line_item_3{
    background-size: 100%;
  }

  .line_item_4{
    background-size: 100%;
  }

  .line_item_5{
    background-size: 100%;
  }

  .line_item_6{
    background-size: 100%;
  }

  .line_item_7{
    background-size: 100%;
  }

  .line_item_8{
    background-size: 100%;
  }

}


@media handheld, only screen and (max-width: 540px) {

  .line_item_1{
    min-height: 550px;
    background-size: 100%;
  }

  .line_item_2{
    min-height: 1300px;
    background-size: 100%;
  }

  .line_item_3{
    min-height: 650px;
    background-size: 100%;
  }

  .line_item_4{
    min-height: 1500px;
    background-size: 100%;
  }

  .line_item_5{
    min-height: 1500px;
    background-size: 100%;
  }

  .line_item_6{
    min-height: 1500px;
    background-size: 100%;
  }

  .line_item_7{
    min-height: 1500px;
    background-size: 100%;
  }

  .line_item_8{
    min-height: 1500px;
    background-size: 100%;
  }

  .line_item_1 a.btn_a{
    top: 20%;
    right: 5%;
    width: 150px;
  }

  .line_item_2 a.btn_a{
    top: 9%;
    right: 5%;
    width: 150px;
  }

  .line_item_3 a.btn_a{
    top: 20%;
    right: 5%;
    width: 150px;
  }

  .line_item_4 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_5 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_6 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_7 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_8 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

}

@media handheld, only screen and (max-width: 414px) {

  .line_item_1{
    min-height: 450px;
    background-size: 100%;
  }

  .line_item_2{
    min-height: 1000px;
    background-size: 100%;
  }

  .line_item_3{
    min-height: 500px;
    background-size: 100%;
  }

  .line_item_4{
    min-height: 1150px;
    background-size: 100%;
  }

  .line_item_5{
    min-height: 1150px;
    background-size: 100%;
  }

  .line_item_6{
    min-height: 1150px;
    background-size: 100%;
  }

  .line_item_7{
    min-height: 1150px;
    background-size: 100%;
  }

  .line_item_8{
    min-height: 1150px;
    background-size: 100%;
  }

  .line_item_1 a.btn_a{
    top: 20%;
    right: 5%;
    width: 150px;
  }

  .line_item_2 a.btn_a{
    top: 9%;
    right: 5%;
    width: 150px;
  }

  .line_item_3 a.btn_a{
    top: 20%;
    right: 5%;
    width: 150px;
  }

  .line_item_4 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_5 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_6 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_7 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_8 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

}

@media handheld, only screen and (max-width: 390px) {

  .line_item_1{
    min-height: 450px;
    background-size: 100%;
  }

  .line_item_2{
    min-height: 900px;
    background-size: 100%;
  }

  .line_item_3{
    min-height: 450px;
    background-size: 100%;
  }

  .line_item_4{
    min-height: 1100px;
    background-size: 100%;
  }

  .line_item_5{
    min-height: 1100px;
    background-size: 100%;
  }

  .line_item_6{
    min-height: 1100px;
    background-size: 100%;
  }

  .line_item_7{
    min-height: 1100px;
    background-size: 100%;
  }

  .line_item_8{
    min-height: 1100px;
    background-size: 100%;
  }

  .line_item_1 a.btn_a{
    top: 20%;
    right: 5%;
    width: 150px;
  }

  .line_item_2 a.btn_a{
    top: 9%;
    right: 5%;
    width: 150px;
  }

  .line_item_3 a.btn_a{
    top: 20%;
    right: 5%;
    width: 150px;
  }

  .line_item_4 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_5 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_6 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_7 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

  .line_item_8 a.btn_a{
    top: 8%;
    right: 5%;
    width: 150px;
  }

}