@charset "UTF-8";
#beltbnr {
 display: none;
}
.h_bar{
  display: none;
}
#mainArea {
  letter-spacing: 0;
  font-size: 1.3rem;	
  line-height: 1.8;
  overflow: hidden;
  margin: 0 auto;
  font-family: yu-gothic-pr6n, sans-serif !important;
  font-weight: 400;
  background: #f0eee7;
}
#mainArea div {
   font-family: yu-gothic-pr6n, sans-serif !important;
}
.lead {
    font-size: 1.4rem;
    text-align: center;
	margin: 5em 0 6em;
}
section {
	width: 840px;
    margin: 9em auto 7em;
}
.bnr_ {
	width: 900px;
	margin: 0 auto;
}
.left{
   text-align: left;
}
.center{
   text-align: center;
}
.f-y {
    font-family: yu-gothic-pr6n, sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.menuArea {
	width: 450px;
    margin: 0 auto;
}
.menuArea a {
	display: inline-block;
    width: 30.5%;
    margin-right: 22%;
}
.menuArea a:nth-child(even){
    margin: 0;
    width: 46.2%;
}
.line-img {
	width: 900px;
	display: block;
	margin: 0 auto;
}
.bx-prev,.bx-next {display: none;}
.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
}
.bx-wrapper {
    margin-bottom: 0!important;
}
.bx-controls {
	display: none;
}
.textArea {
	width: 39%;
    display: inline-block;
    vertical-align: middle;
}
.mb_ {
	margin-bottom: 4em;
}
.mb_b {
	margin-bottom: 8em;
}
/*///*/
.imgArea1 {
    position: relative;
    margin: 0 8% 0 0;
    width: 52%;
    height: 0;
    padding-top: 80.5%;
    background-image: url(https://d168xaea3f86zy.cloudfront.net/campaign/2023/shipsa_0814/sp/images/back-1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
}
.imgArea2 {
    position: relative;
    margin: 0 8% 0 0;
    width: 52%;
    height: 0;
    padding-top: 84%;
    background-image: url(https://d168xaea3f86zy.cloudfront.net/campaign/2023/shipsa_0814/sp/images/back-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
}
.imgArea3 {
    position: relative;
    margin: 0 8% 0 0;
    width: 52%;
    height: 0;
    padding-top: 84%;
    background-image: url(https://d168xaea3f86zy.cloudfront.net/campaign/2023/shipsa_0814/sp/images/back-3.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
}
.imgArea4 {
    position: relative;
    margin: 0 8% 0 0;
    width: 52%;
    height: 0;
    padding-top: 94.5%;
    background-image: url(https://d168xaea3f86zy.cloudfront.net/campaign/2023/shipsa_0814/sp/images/back-4.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
}
.imgArea5 {
    position: relative;
    margin: 0 8% 0 0;
    width: 52%;
    height: 0;
    padding-top: 83.5%;
    background-image: url(https://d168xaea3f86zy.cloudfront.net/campaign/2023/shipsa_0814/sp/images/back-5.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
}
.imgArea6 {
    position: relative;
    margin: 0 8% 0 0;
    width: 52%;
    height: 0;
    padding-top: 94.5%;
    background-image: url(https://d168xaea3f86zy.cloudfront.net/campaign/2023/shipsa_0814/sp/images/back-6.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
}
.po-a1 {
	width: 82%;
    margin: 0 auto;
    position: absolute;
    top: 27%;
    left: 9%;
}
.po-a2 {
	width: 82%;
    margin: 0 auto;
    position: absolute;
    top: 31.5%;
    left: 9%;
}
.po-a3 {
	width: 82%;
    margin: 0 auto;
    position: absolute;
    top: 31%;
    left: 9%;
}
.po-a4 {
	width: 82%;
    margin: 0 auto;
    position: absolute;
    top: 27%;
    left: 9%;
}
.po-a5 {
	width: 82%;
    margin: 0 auto;
    position: absolute;
    top: 31%;
    left: 9%;
}
.po-a6 {
	width: 82%;
    margin: 0 auto;
    position: absolute;
    top: 27%;
    left: 9%;
}
/*///*/
.subArea {
	width: 760px;
	margin: 7em auto 0;
}
/*///*/
.subimgArea {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
	margin-right: 3%;
}
.focus {
    width: 5%;
    display: inline-block;
    vertical-align: top;
    margin: 0 12% 0 0;
}
/*///*/
.crditArea_ {
	width: 90%;
    margin: 0 auto;
    padding: 0% 0% 20%;
}
.img_area {
	display: block;
    margin: 0 0 3em;
}
.text_area {
	display: block;
    width: 77%;
    margin: 0 auto;
}
/*///*/
.img-c img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}
/*///*/
.itemArea {
	width: 84%;
    margin: 4em auto 7em;
}
.itemimg {
	position: relative;
	margin: 0 0 2.5em;
}
/*////*/
.crdit {
    margin-bottom: 15px;
}
.crdit span {
    background: linear-gradient(transparent 53%, #edff9a 30%);
}
.button_crdit {
	width: 68%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8;
    font-size: 92%;
}
.button_ {
    width: 88px;
    height: 40px;
    border: solid 2px #222;
    background: #222;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 1.5rem;
    line-height: 2.6;
    letter-spacing: 1px;
    font-family: "kepler-std", serif;
    font-weight: 700;
    font-style: normal;
}
.button_:hover{
    background: #2220;
	border: solid 2px #222;
	color: #222 !important; 
	transition : .3s;
}
/*////*/
.fade {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 1.5s, transform 1s;
}
.fade.active {
	opacity: 1;
	transform: translateY(0px);
}