@charset "UTF-8";
/* CSS Document */
/*html {
  scroll-behavior: smooth;
}*/
html { scroll-behavior: smooth;}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
body {
font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size: 16px;
font-weight: normal;
text-align: center;
line-height: 1.2;
}
@media screen and (min-width:769px){
a {
-webkit-transition:all .3s;
transition:all .3s;
}

a:hover {
-webkit-opacity:0.7;
opacity:0.7;
}
}
* {
box-sizing: border-box;
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 10%;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.circle {
	position: absolute;
	margin: auto;
	bottom: 30px;
	right: 0;
	left: 0;
	z-index: 200;
}
.circle i {
  color: #bb9959;
  font-size: 20px;
  position: absolute;
  animation: updown 2s infinite ease-in-out;
}

@keyframes updown {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -10px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.top-info {
	height: 78px;
	border-top: 5px solid #55ace1;
	width: 100%;
}
.top-info_inner {
	display: flex;
	max-width: 982px;
	margin: 0 auto;
	height: 73px;
	-webkit-box-pack: start;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}
.top-info_inner img {
	max-width: 392px;
}

.top-info_inner p {
	font-size: 15px;
	color: #55ace1;
}
.top-info_inner a {
	display: block;
	font-size: 15px;
	color: #ffffff;
	background-color: #55ace1;
	width: 270px;
	line-height: 41px;
	height: 41px;
	border-radius: 3px;
}

@media screen and (max-width:768px){
.top-info {
	height: auto;
	width: 100%;
	text-align: center;
}
.top-info_inner {
	display:block;
	margin: 0 auto;
	height: auto;
}
.top-info_inner img {
	width: 60%;
	margin: 5px auto;
}

.top-info_inner p {
	font-size: 4.0vw;
	margin: 0 auto;
}
.top-info_inner a {
	display: block;
	font-size: 4.0vw;
	color: #ffffff;
	background-color: #55ace1;
	width: 95%;
	line-height: 41px;
	height: 41px;
	border-radius: 3px;
	margin: 5px auto;
}
}



#header {
width: 100%;
padding-left: 40%;
box-sizing: border-box;
position: relative;
background-image: url("../img/fv_pc.jpg");
background-position: center;
background-repeat: no-repeat;
background-size:cover;
box-sizing: border-box;
height: 538px;
}
#header .headerContents_inner {
max-width: 775px;
width: 70%;
padding: 50px 0 0;
}
#header img {
	width: 100%;
}
#header h1 {
	font-size: 18px;
	color: #55ace1;
	padding-bottom: 20px;
}
#header h1 span {
	display: block;
}
.headerContents {
	width: 100%;
}
.headerContents a {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	display: block;
	font-size: 20px;
	color: #ffffff;
	background-color: #55ace1;
	line-height: 60px;
	height: 60px;
	border-radius: 3px;
}
.headerContents .headerContents01 {
	display: block;
}
.headerContents .headerContents01sp {
	display: none;
}
@media screen and (max-width:768px){
#header {
width: 100%;
padding-left: 0;
box-sizing: border-box;
position: relative;
background-image: url("../img/fv_sp.jpg");
height: calc(100vh - 70px);
}
#header .headerContents_inner {
width: 95%;
padding: 0 0 0;
margin: 0 auto;
}
#header img {
	width: 100%;
}
#header h1 {
	font-size: 12px;
	color: #55ace1;
	padding-bottom: 20px;
	padding-top: 15px;
}
#header h1 span {
	display: block;
	font-size: 4.0vw;
}
.headerContents {
	width: 100%;
}
.headerContents a {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	display: block;
	font-size: 20px;
	color: #ffffff;
	background-color: #55ace1;
	line-height: 60px;
	height: 60px;
	border-radius: 3px;
	box-sizing: border-box;
}
.headerContents .headerContents01 {
	display: none;
}
.headerContents .headerContents01sp {
	display: block;
	position: relative;
}
.headerContents .headerContents01sp .top02 {
	margin-top: 50%;
}
	.entrybtn {
		width: 100vw;
		position: fixed;
		bottom: 0;
		left: 0;
		margin: 0 auto;
	display: block;
	font-size: 20px;
	color: #ffffff;
	background-color: #55ace1;
	line-height: 60px;
	height: 60px;
	border-radius: 0;
	z-index: 100;
	}
}



.se01 {
	width: 100%;
	background-image: url("../img/se_bg01.jpg");
	background-position: center top;
	background-size: cover;
	padding: 30px 0;
}
@media screen and (max-width:768px){
	.se01 {
	width: 100%;
	padding: 15px 0;
}
	.se01 img {
		width: 95%;
		margin: 0 auto;
	}
}
.se02 {
	width: 100%;
}
.se02 h2 {
	width: 100%;
	height: 168px;
	line-height: 168px;
	background-color: #55ace1;
	color: #ffffff;
	font-size: 40px;
	position: relative;
}
.se02 h2::after {
	content: "";
	width: 50px;
	height: 50px;
	background: #55ace1;
	position: absolute;
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: -25px;
	transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.se02 ul {
	width: 100%;
	text-align: center;
}
.se02 ul li {
	background: #f4ebdc;
	text-align: left;
	padding: 15px 0;
}
.se02 ul li:nth-child(2) {
	background: #f2ede6;
}
.se02 .se02_left {
	width: 933px;
	display: flex;
	margin: 0 auto;
	-webkit-box-pack: start;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}
.se02 .se02_right {
	width: 933px;
	margin: 0 auto;
	overflow: hidden;
}
.se02_texr {
	width: 60%;
}
.se02 .se02_right .se02_texr {
	width: 60%;
	float: right;
	padding-top: 40px;
}
.se02_texr h3 {
	font-size: 18px;
	margin-bottom: 20px;
	color: #55ace1;
}
.se02_texr p {
	width: 95%;
	font-size: 15px;
	line-height: 1.5;
	color: #464747;
}
.se02 ul li:nth-child(2) p,.se02 ul li:nth-child(2) h3 {
	padding-left: 5%;
}
.se02_pic {
	width: 40%;
}
.se02 .se02_right .se02_pic {
	width: 40%;
	float: left;
}
.se02_pic img {
	width: 100%;
	max-width: 400px;
}
.se02 ul li:nth-child(1) {
	padding: 30px 0 15px;
}
@media screen and (max-width:768px){
.se02 h2 {
	width: 100%;
	height: 68px;
	line-height: 68px;
	background-color: #55ace1;
	color: #ffffff;
	font-size: 18px;
	position: relative;
}
.se02 h2::after {
	content: "";
	width: 25px;
	height: 25px;
	background: #55ace1;
	position: absolute;
	margin: 0 auto;
	right: 0;
	left: 0;
	bottom: -12px;
	transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.se02 .se02_left {
	width: 90%;
	display: block;
	margin: 0 auto;
	-webkit-box-pack: start;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}
.se02 .se02_right {
	width: 90%;
	display: block;
	margin: 0 auto;
	-webkit-box-pack: start;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}
.se02 .se02_right .se02_texr {
	width: 100%;
	float: none;
	padding-top: 0px;
}
.se02 .se02_right .se02_pic {
	width: 100%;
	float: none;
}
	.se02 .se02_right .se02_pic img {
	width: 100%;
}
.se02_texr {
	width: 100%;
}
.se02_texr h3 {
	font-size: 5.6vw;
	margin-bottom: 10px;
	color: #55ace1;
	font-weight: 100;
}
.se02_texr p {
	width: 100%;
	font-size: 4.5vw;
	line-height: 1.5;
	color: #464747;
	margin-bottom: 15px;
}
.se02_pic {
	width: 100%;
}
.se02 ul li:nth-child(1) {
	padding: 30px 0 15px;
}
}
.se03 {
	width: 100%;
	background: #fafafa;
}
.se03 h2 {
	font-size: 4.6vw;
	background: #ffffff;
	color: #55ace1;
	padding: 66px 0 20px 0;
}
.se03 > p {
	font-size: 18px;
	background: #ffffff;
	color: #464747;
	padding: 0 0 66px 0;
}
.se03 ul {
	width: 95%;
	max-width: 933px;
	padding: 66px 0;
	display: flex;
	margin: 0 auto;
	-webkit-box-pack: start;
-webkit-box-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}
.se03 ul li.col-3 {
	width:calc(100% / 3 - 100px);
	position: relative;
}
.se03 ul li.col-3:nth-child(2)::before {
	content: "";
	width: 30px;
	height: 70px;
	margin: auto;
	background-image: url("../img/arrow_side.png");
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	right: -80px;
	bottom: 0;
	top: 0;
}
.se03 ul li.col-3:nth-child(2)::after {
	content: "";
	width: 30px;
	height: 70px;
	margin: auto;
	background-image: url("../img/arrow_side.png");
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: -80px;
	bottom: 0;
	top: 0;
}
.se03 ul li.col-3 img {
	width: 100%;
}
.se03 ul li.col-3 h3 {
	font-size: 18px;
	color: #55ace1;
	padding: 5px 0;
	margin: 15px auto;
	border-bottom: 1px dotted #55ace1;
	border-top: 1px dotted #55ace1;
}
.se03 ul li.col-3 p {
	font-size: 15px;
	color: #464747;
	text-align: justify;
	line-height: 1.5;
}
.se03 ul li.col-2 {
	width:calc(100% / 2 - 20px);
	position: relative;
}
.se03 > h3 {
	font-size: 18px;
	color: #55ace1;
	padding: 5px 0;
	margin: 15px auto;
	border-bottom: 1px dotted #55ace1;
	display: inline-block;
}
.se03 ul li.col-4 p {
	font-size: 10px;
	color: #464747;
}
@media screen and (max-width:768px){
.se03 ul li.col-3 h3 {
	font-size: 5.6vw;
	color: #55ace1;
	padding: 5px 0;
	margin: 15px auto;
	border-bottom: 1px dotted #55ace1;
	border-top: 1px dotted #55ace1;
}
.se03 ul li.col-3 p {
	font-size: 4.5vw;
	color: #464747;
	text-align: justify;
	line-height: 1.5;
}
	.se03 ul li.col-3 {
	width:calc(100% / 1 - 10px);
	position: relative;
	margin: 20px auto 20px;
}
.se03 ul li.col-3 img {
	width: 60%;
	margin: 0 auto 15px;
}
.se03 ul li.col-3:nth-child(2)::before {
	display: none;
}
.se03 ul li.col-3:nth-child(2)::after {
	display: none;
}
.se03 ul li.col-2 {
	width:calc(100% / 2 - 5px);
	position: relative;
	margin-bottom: 15px;
}
.se03 ul li.col-4 img {
	width:100%;
}
.se03 ul li.col-4 p {
	font-size: 8px;
}
.se03 h2 {
	font-size: 6.4vw;
	font-weight: 100;
}
.se03 > p {
	font-size: 5.0vw;
	background: #ffffff;
	color: #464747;
	padding: 0 0 66px 0;
}
}
.se04 {
	width: 100%;
	background-image: url("../img/se04_bg.jpg");
	background-size: cover;
	padding: 60px 0;
}
.se04 h2 {
	font-size: 40px;
	color: #55ace1;
	padding: 5px 0;
	margin: 15px auto 0;
}
.se04 p.se04h2 {
	font-size: 40px;
	color: #55ace1;
}
.se04 p.se04h2 span.point01 {
	font-size: 60px;
}
.se04 p.se04h2 span.point02 {
	font-size: 40px;
}
.se04 .se04_ul {
	width: 95%;
	max-width: 933px;
	margin: 30px auto;
}
.se04 .se04_ul li {
	width: 100%;
	margin: 15px auto 0;
	padding: 20px;
	background: #ffffff;
	display: flex;
	-webkit-box-pack: start;
-webkit-box-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}
.se04 .se04_ul .se04_l {
	width: 30%;
}
.se04 .se04_ul .se04_l img {
	width: 100%;
}
.se04 .se04_ul .se04_r {
	width: 68%;
	text-align: left;
}
.se04 .se04_ul .se04_r h3 {
	font-size: 24px;
	color: #55ace1;
	margin: 0 0 10px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #55ace1;
	font-weight: 100;
}
.se04 .se04_ul .se04_r p {
	font-size: 15px;
	color: #464747;
	text-align: justify;
	line-height: 1.5;
}
@media screen and (max-width:768px){
.se04 h2 {
	font-size: 5.4vw;
	color: #55ace1;
	padding: 5px 0;
	margin: 15px auto 0;
}
.se04 .se04_ul .se04_r h3 {
	font-size: 5.5vw;
	font-weight: 300;
}
.se04 .se04_ul .se04_r p {
	font-size: 4.5vw;
}
.se04 .se04_ul li {
	padding: 10px;
	display: block;
}
	.se04 .se04_ul .se04_l,.se04 .se04_ul .se04_r {
		width: 100%;
	}
	.se04 .se04_ul .se04_l img {
		margin-bottom: 15px;
	}
}
.se05 {
	width: 100%;
	padding: 60px 0;
	background-image: url("../img/se05_bg.gif");
	background-repeat: repeat;
}
.se05 h3 {
	font-size: 24px;
	color: #ffffff;
	margin: 0 auto 30px;
}
.se05 p {
	font-size: 12px;
	color: #ffffff;
	margin: 30px auto 0;
}
@media screen and (max-width:768px){
.se05 {
	width: 100%;
	padding: 60px 0;
	background-image: url("../img/se05_bg.gif");
	background-repeat: repeat;
}
	.se05 img {
		width: 90%;
		margin: 0 auto;
	}
.se05 h3 {
	font-size: 18px;
	color: #ffffff;
	margin: 0 auto 30px;
}
.se05 p {
	font-size: 12px;
	color: #ffffff;
	margin: 30px auto 0;
}
}
.se06 {
	width: 100%;
	padding: 60px 0;
	background: #fafafa;
}
.se06 h2 {
	display: inline-block;
	font-size: 24px;
	color: #55ace1;
	padding-bottom: 15px;
	margin: 0 auto 30px;
	border-bottom: 1px dotted #55ace1;
}
.se06 table {
	width: 933px;
	margin: 30px auto 60px;
	border-bottom: 2px solid #55ace1;
	border-top: 2px solid #55ace1;
}
.se06 table tr {
	border-bottom: 1px dotted #55ace1;
	
}
.se06 table tr th {
	padding: 20px 0;
	width: 30%;
	text-align: center;
	background: #f2f2f2;
	vertical-align: top;
	font-size: 16px;
	color: #55ace1;
}
.se06 table tr td {
	padding: 20px 0 20px 20px;
	width: 70%;
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
	color: #464747;
}
.se06 h3 {
	width: 933px;
	font-size: 24px;
	color: #55ace1;
	padding: 30px 0 20px;
	margin: 0 auto;
	border-top: 2px solid #55ace1;
	background: #ffffff;
}
.se06 ul {
	width: 933px;
	margin: 0 auto 60px;
	padding: 0;
	border-bottom: 2px solid #55ace1;
	background: #ffffff;
}
.se06 ul li {
	display: block;
	padding: 30px 0 30px 100px;
	width: 100%;
	text-align: left;
	font-size: 16px;
	color: #464747;
	position: relative;
	margin: 0 0 0 0;
	border-bottom: 1px dotted #55ace1;
	height: 180px;
}
.se06 ul li:nth-child(3) {
	border-bottom: none;
}
.se06 ul li:nth-child(1)::after {
	content: "1";
	width: 60px;
	height: 60px;
	margin: auto;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	left: 20px;
	bottom: 0;
	top: 0;
	background: #55ace1;
	border-radius: 50%;
}
.se06 ul li:nth-child(2)::after {
	content: "2";
	width: 60px;
	height: 60px;
	margin: auto;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	left: 20px;
	bottom: 0;
	top: 0;
	background: #55ace1;
	border-radius: 50%;
}
.se06 ul li:nth-child(3)::after {
	content: "3";
	width: 60px;
	height: 60px;
	margin: auto;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	left: 20px;
	bottom: 0;
	top: 0;
	background: #55ace1;
	border-radius: 50%;
}
.se06 ul li h4 {
	font-size: 20px;
	color: #55ace1;
	margin-bottom: 15px;
}
.se06 ul li p {
	font-size: 15px;
	color: #464747;
}
.se06 ul li a {
	display: block;
	margin-top: 15px;
	font-size: 12px;
	color: #ffffff;
	background-color: #55ace1;
	width: 300px;
	line-height: 41px;
	height: 41px;
	border-radius: 3px;
	text-align: center;
}
.se06 .shop_info {
	width: 90%;
	max-width: 933px;
	margin: 25px auto;
	display: flex;
	-webkit-box-pack: start;
-webkit-box-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
background-color: #F4F4F4;
border-bottom: 2px solid #55ace1;
border-top: 2px solid #55ace1;
}
.se06 .shop_info .shop_info_inner {
	width: calc(100% / 2 );
	margin: 25px auto;
	padding: 0 40px;
}
.se06 .shop_info .shop_info_inner:nth-child(1) {
	border-right: 1px dotted #55ace1;
}
.se06 .shop_info img {
	width: 70%;
	margin: 0 auto 20px;
	max-width: 180px;
}
.se06 .shop_info .shop_info_inner p {
	font-size: 15px;
	color: #626262;
	margin-bottom: 15px;
	width: 100%;
	text-align: justify;
	line-height: 1.5;
}
.se06 .shop_info a {
	font-size: 12px;
	color: #ffffff;
	display: inline-block;
	background-color: #55ace1;
	padding: 10px 20px;
	border-radius: 5px;
}
@media screen and (max-width:768px){
.se06 .shop_info .shop_info_inner p {
	font-size: 4.5vw;
	color: #626262;
	margin-bottom: 15px;
	width: 100%;
	text-align: justify;
	line-height: 1.5;
}
.se06 table {
	width: 90%;
	margin: 30px auto 60px;
	border-bottom: 2px solid #55ace1;
	border-top: 2px solid #55ace1;
}
.se06 table tr th {
	display: block;
	padding: 10px 5px 10px 5px;
	width: 100%;
	text-align: center;
	background: #f2f2f2;
	vertical-align: top;
	font-size: 5.5vw;
	color: #55ace1;
	font-weight: 100;
}
.se06 table tr td {
	display: block;
	padding: 10px 5px 10px 5px;
	width: 100%;
	text-align: left;
	font-size: 4.5vw;
	color: #464747;
	line-height: 1.5;
}
.se06 h3 {
	width: 90%;
	font-size: 24px;
	color: #55ace1;
	padding: 30px 0 20px;
	margin: 0 auto;
	border-top: 2px solid #55ace1;
	background: #ffffff;
}
.se06 ul {
	width: 90%;
	margin: 0 auto 60px;
	padding: 0;
	border-bottom: 2px solid #55ace1;
	background: #ffffff;
}
.se06 ul li a {
	display: block;
	margin-top: 15px;
	font-size: 12px;
	color: #ffffff;
	background-color: #55ace1;
	width: 100%;
	line-height: 41px;
	height: 41px;
	border-radius: 3px;
	text-align: center;
}
.se06 .shop_info .shop_info_inner {
	width: calc(100% / 1 );
	margin: 25px auto;
	padding: 0 10px;
}
.se06 .shop_info .shop_info_inner:nth-child(1) {
	border-right: none;
	border-bottom: 1px dotted #55ace1;
	padding-bottom: 20px;
}
}
.se07 {
	width: 100%;
	padding: 60px 0;
}
.se07 h2 {
	display: inline-block;
	font-size: 24px;
	color: #55ace1;
	padding-bottom: 15px;
	margin: 0 auto 30px;
	border-bottom: 1px dotted #55ace1;
}
.se07 h4 {
	font-size: 18px;
	color: #55ace1;
	padding-bottom: 15px;
	margin: 0 auto 20px;
	position: relative;
}
.se07 h4::after {
	content: "";
	width: 30px;
	height: 30px;
	margin: auto;
	background-image: url("../img/arrow_bottom.png");
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -50px;
	top: 0;
}
.se07 p {
	margin-bottom: 50px;
}
.se07 p a {
	font-size: 24px;
	padding-bottom: 15px;
	color: #32B221;
}
.se07 p a.linebtn {
	font-size: 18px;
	color: #ffffff;
	padding-bottom: 15px;
	background: #32B221;
	display: block;
	width: 95%;
	max-width: 300px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	margin: 0 auto;
}
.gform {
	position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 100%;
}
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
  }
footer .footer_inner {
	width: 90%;
	max-width: 980px;
	margin: 0 auto 30px;
	display: flex;
}
footer .footer_inner .footer_l {
	width: 60%;
	text-align: left;
	border-right: 1px dotted #55ace1;
}
footer .footer_inner .footer_r {
	width: 40%;
	padding-left: 30px;
	box-sizing: border-box;
}
footer .logo {
	width: 90%;
	max-width: 280px;
	margin: 25px 0;
	font-size: 14px;
	color: #55ace1;
	text-align: left;
}
footer .logo img {
	width: 100%;
}
footer .cominfo {
	margin: 25px auto;
	font-size: 14px;
	color: #55ace1;
	text-align: left;
}
footer .cominfo span {
	font-size: 12px;
	display: block;
	padding-top: 15px;
}
footer .cominfo a {
	color: #55ace1;
	text-decoration: underline;
}
.copyright {
	font-size: 12px;
	color: #55ace1;
}
.cta-min01 {
width: 100%;
margin: 15px auto 0 0;
padding: 15px 0;
display: inline-block;
text-align: center;
background: #0f1522;
color: #ccb68c;
}

.cta-min02 {
width: 90%;
margin-left: 0 !important;
padding: 15px 0;
display: inline-block;
text-align: center;
background: #0f1522;
color: #ccb68c;
float: left;
}

@media screen and (max-width:768px){
.se07 {
	width: 95%;
	margin: 0 auto;
	padding: 30px 0;
}
.se07 p {
	margin-bottom: 50px;
	font-size: 4.0vw;
}
footer .footer_inner {
	width: 90%;
	max-width: 980px;
	margin: 0 auto 30px;
	display: block;
}
footer .footer_inner .footer_l {
	width: 100%;
	text-align: left;
	border-right: none;
	border-bottom: 1px dotted #55ace1;
}
footer .footer_inner .footer_r {
	width: 100%;
	padding-left: 0;
	box-sizing: border-box;
}
.copyright {
	font-size: 12px;
	color: #55ace1;
}
.cta-min02 {
width: 100%;
float: none;
}
}
.pcmedia {display: block;}
.spmedia {display: none}


h1 img.pcimg {
max-height: 90%;
position: absolute;
margin: auto;
bottom: 2%;
left: 0;
right: 0;
z-index: 99;
}
h1 img.spimg {display: none;}
@media screen and (max-width:768px) {
h1 img.spimg {
width: 100%;
max-height: auto;
position: absolute;
margin: auto;
top:0;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
display: block;
}
h1 img.pcimg {display: none;}
}
p.logo_min {
width: 90%;
max-width: 580px;
margin: 50px auto 30px;
}

.logo2 img {
max-width: 164px;
margin: 85px auto;
}


.main_h3 {
font-size: 40px;;
color: #731233;
}
.pink-bpx {
padding: 40px 0 20px;
margin: 0 auto !important;
}
.cta  .cta_inner p {
font-size: 20px;
}

.detail {
font-size: 16px !important;
max-width: 100%;
margin: 10px auto;
text-align: justify;
color: #ffffff;
}
@media screen and (max-width:768px){
.detail {
font-size: 14px !important;
margin: 10px auto;
text-align: justify;
color: #ffffff;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 20%;
    right: 15px;
}
.main_h3 {
font-size: 6vw !important;
color: #731233;
}

.pcmedia {display: none;}
.spmedia {display: block}


h1 img {

}
h2 img {
width: 60%;
max-width: 373px;
position: relative;
margin: 2vh auto 0;
top: 0;
left: 0;
right: 0;
}
.logo2 {
width: 30%;
margin: 0 auto;
}
.logo2 img {
width: 100%;
margin: 5vh auto;
}
}

.present {
background-color: #ffffff;
padding: 138px 0 5vh;
width: 1148px;
margin: 0 auto;
}
@media screen and (max-width:768px) {
.present {
width: 100%;
padding: 60px 5% 5vh;
}
}
.present h2 {
width: 100%;
font-size: 16px;
font-weight: 100;
text-align: center;
}
.present h2 img {
width: 90%;
max-width: 592px;
}

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

}
.main_p2bg {

}
.main_p1 {
width: 95%;
margin: 68px auto 0;
text-align: left;
font-size: 42px;
}
.main_p2 {
width: 100%;
margin: 96px auto;
text-align: center;
font-size: 25px;
line-height: 2;
}
.present h3 {
width: 100%;
font-size: 16px;
font-weight: 100;
text-align: left;
padding: 0 0 0;
}
@media screen and (max-width:768px){
.main_p1 {
width: 100%;
margin: 68px auto 0;
text-align: left;
font-size: 9vw;
}
.main_p2 {
width: 100%;
margin: 50px auto ;
text-align: left;
font-size: 5vw;
line-height: 1.5;
}
.present h3 {
width: 100%;
font-size: 16px;
font-weight: 100;
text-align: left;
padding: 0 0 0;
}
}
.item-box01 {
width: 100%;
margin-bottom: 138px;
}
.item-box01 ul {
display:-webkit-flex;
display:flex;
-webkit-box-pack: start;
justify-content: center;
-webkit-box-align: center;
align-items: center stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
}
.item-box01 ul li {
width:-webkit-calc(100% / 3);
width:calc(100% / 3);
padding: 5px;
}
.item-box01 ul li h4 {
width: 100%;
text-align: left;
color: #080404;
font-size: 16px;
line-height: 1.2;
font-weight: lighter;
}
.item-box01 ul li h4 span {
font-size: 18px;
display: block;
}
@media screen and (max-width:768px){
.item-box01 ul li {
width:-webkit-calc(100% / 1);
width:calc(100% / 1);
padding: 10px;
margin-bottom: 20px;
}
.item-box01 ul li h4 {
width: 100%;
text-align: left;
color: #080404;
font-size: 4vw;
line-height: 1.2;
font-weight: lighter;
}
.item-box01 ul li h4 span {
font-size: 1.2em;
display: block;
}
}
.bigbnrl {
width: 100%;
background-image: url("../img/bigbnrl_bg.jpg?12134");
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.bigbnrl .left {
width: 50%;
padding: 5vh 15px 5vh 10%;
float: left;
background-color: #0f1522;
text-align: left;
}

.bigbnrl .left .leftlogo {
width: 100px;
}
.bigbnrl .left h3 {
width: 18vw;
margin: 5vh 0;
}
.bigbnrl .left .fperiod {
display: inline-block;
background: #b69658;
padding: 3px 5px;
font-size: 1.3vw;
color: #0f1522;
}.bigbnrl .left .fperiod span {
display: block;
font-size: 0.8em;
color: #ffffff;
}
.bigbnrl .left h4 {
font-size: 18px;
color: #ffffff;
margin: 15px 0 0;
line-height: 2em;
}
.bigbnrl .left h5 {
font-size: 2vw;
color: #ffffff;
margin: 10px 0 15px;
line-height: 1.5em;
}
.bigbnrl .left p.min {
font-size: 16px;
color: #ffffff;
margin: 15px 0 ;
line-height: 2.5em;
}
h4.detail {
width: 100%;
margin: 138px auto 80px;
font-size: 22px !important;
text-align: center;
margin-bottom: 40px;
color: #282828;
}
@media screen and (max-width:768px){
.bigbnrl .left {
width: 100%;
padding: 20px 5% 20px 5%;
float: none;
background-color: #0f1522;
text-align: left;
}

.bigbnrl .left h3 {
width: 280px;
margin: 60px 0;
}
.bigbnrl .left .fperiod {
display: block;
background: #b69658;
padding: 3px 5px;
font-size: 4vw;
color: #0f1522;
}
.bigbnrl .left .fperiod span {
display: block;
font-size: 0.8em;
color: #ffffff;
}
.bigbnrl .left h4 {
font-size: 4vw;
color: #ffffff;
margin: 15px 0 0;
line-height: 2em;
}
.bigbnrl .left h5 {
font-size: 7vw;
color: #ffffff;
margin: 10px 0 15px;
line-height: 1.5em;
}
.bigbnrl .left p.min {
font-size: 16px;
color: #ffffff;
margin: 15px 0 ;
line-height: 2.5em;
}
h4.detail {
width: 100%;
margin: 138px auto 80px;
font-size: 22px !important;
text-align: center;
margin-bottom: 40px;
color: #282828;
}
}

.detail_box {
width: 1148px;
overflow: hidden;
margin-bottom: 130px;
overflow: hidden;
}
@media screen and (max-width:768px){
.detail_box {
width: 100%;
margin-bottom: 80px;
overflow: hidden;
}
}
.detail_box ul {
width: 95%;
margin: 0 auto;
display:-webkit-flex;
display:flex;
-webkit-box-pack: start;
justify-content: space-between;
-webkit-box-align: center;
align-items: center stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}
.detail_box ul li {
width:-webkit-calc(100% / 3 - 20px);
width:calc(100% / 3 - 20px);
margin-bottom: 40px;
}
.cat_list a img {
	margin-bottom: 15px;
}
.cat_list a {
color: #080404;
font-size: 15px;
}
@media screen and (max-width:768px){
.detail_box ul li {
width:-webkit-calc(100% / 2 - 5px);
width:calc(100% / 2 - 5px);
margin-bottom: 20px;
}
.cat_list a img {
	margin-bottom: 5px;
}
.cat_list a {
color: #080404;
font-size: 12px;
}
}
.detail_box .detail_box_l {
float: left;
width: 20%;
}
.detail_box .detail_box_l img {
max-width: 60px;
}

.detail_box .detail_box_r {
float: left;
width: 80%;
}

.detail_box .detail_box_r h3 {

}
.detail_box .detail_box_r h3 {
width: 100%;
text-align: left;
color: #080404;
font-size: 16px;
line-height: 1.2;
font-weight: lighter;
margin-bottom: 60px;
}
.detail_box .detail_box_r h3 span {
font-size: 18px;
display: block;
}
.detail_box .detail_box_r ul {
width: 90%;
margin: 0;
display:-webkit-flex;
display:flex;
-webkit-box-pack: start;
justify-content: space-between;
-webkit-box-align: center;
align-items: center stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}
.detail_box .detail_box_r ul li {
width:-webkit-calc(100% / 3 - 20px);
width:calc(100% / 3 - 20px);
margin-bottom: 15px;
}
@media screen and (max-width:768px){
.detail_box .detail_box_l {
float: none;
width: 100%;
}
.detail_box .detail_box_l img {
max-width: 30px;
}
.detail_box .detail_box_r {
float: left;
width: 100%;
margin: 10px auto;
}
.detail_box .detail_box_r ul {
width: 100%;
}
.detail_box .detail_box_r ul li {
width:-webkit-calc(100% / 2 - 2px);
width:calc(100% / 2 - 2px);
margin-bottom: 1px;
}
.detail_box .detail_box_r h3 {
font-size: 16px;
line-height: 1.2;
margin-bottom: 20px;
margin-top: 20px;
}
}
.bigbnrr {
width: 100%;
background-image: url("../img/bigbnrr_bg.jpg?123");
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.bigbnrr .right {
width: 50%;
padding: 90px 10% 90px 15px;
float: right;
background-color: #0f1522;
text-align: left;
}
@media screen and (max-width:768px){
.bigbnrr .right {
width: 100%;
padding: 20px 5% 20px 5% !important;
float: none;
background-color: #0f1522;
text-align: left;
}
}
.bigbnrr .right .logo {
width: 100px;
}
.bigbnrr .right h3 {
width: 280px;
margin: 60px 0;
}
.bigbnrr .right .fperiod {
display: inline-block;
background: #b69658;
padding: 3px 5px;
font-size: 20px;
color: #0f1522;
}
.bigbnrr .right .fperiod span {
display: block;
font-size: 0.8em;
color: #ffffff;
}
.bigbnrr .right h4 {
font-size: 18px;
color: #ffffff;
margin: 15px 0 0;
line-height: 2em;
}
.bigbnrr .right h5 {
font-size: 35px;
color: #ffffff;
margin: 10px 0 15px;
line-height: 1.5em;
}
.bigbnrr .right p.min {
font-size: 14px;
color: #ffffff;
margin: 15px 0 ;
line-height: 2.5em;
}
.bigbnrr .right .point {
width: 70%;
margin: 15px 0;
padding: 15px;
background: #ffffff;
border-left: 2px solid #b69658;
}
.bigbnrr .right .point h3 {
width: 100%;
margin: 0 0 3px 0;
padding-bottom: 3px;
font-size: 22px;
border-bottom: 2px solid #000000;
}
@media screen and (max-width:768px){
.bigbnrr .right .point {
width: 100%;
margin: 15px 0;
padding: 15px;
background: #ffffff;
border-left: 2px solid #b69658;
}	

}
.present h3.cat {

}

.present h3.cat {
width: 100%;
font-size: 18px;
font-weight: 100;
text-align: left;
position: relative;
color: #b69658;
margin-bottom: 80px
}
.present h3.cat::after {
position: absolute;
content: "";
width: 82%;
height: 1px;
background: #b69658;
right: 0;
top: 50%;
}
.item-box02 {
width: 1148px;
margin: 30px auto 120px;
overflow: hidden;
}

.item-box02 .item-box02l {
width: 35%;
float: left;
}
.item-box02 .item-box02r {
width: 65%;
float: right;
text-align: left;
padding-left: 40px;
position: relative;
min-height: 555px;
}
.item-box02 .item-box02r a {
position: absolute;
bottom: 0;
right: 0;
width: 60%;
padding: 20px 0;
display: inline-block;
text-align: center;
background: #0f1522;
color: #ccb68c;
}
.item-box02 .item-box02r .detail_boxmin {
width: 80%;
}
.item-box02 .item-box02r .detail_boxmin ul {
width: 100%;
display:-webkit-flex;
display:flex;
-webkit-box-pack: start;
justify-content: space-between;
-webkit-box-align: center;
align-items: center stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}
.item-box02 .item-box02r .detail_boxmin ul li {
width:-webkit-calc(100% / 4);
width:calc(100% / 4);
text-align: center;
}

.item-box02 .item-box02r p {
	font-size: 22px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

.item-box02 .item-box02r h4 {
width: 100%;
text-align: left;
color: #080404;
font-size: 16px;
line-height: 1.2;
font-weight: lighter;
margin-bottom: 60px;
}
.item-box02 .item-box02r h4 span {
font-size: 16px;
display: block;
margin-top: 10px;
font-weight: bold;
}
.item-box02 .item-box02r h5 {
width: 100%;
text-align: left;
color: #080404;
font-size: 12px;
line-height: 1.2;
font-weight: lighter;
margin-bottom: 20px;
}
@media screen and (max-width:768px) {
.present h3.cat {
width: 100%;
font-size: 7vw;
font-weight: 100;
text-align: left;
position: relative;
color: #b69658;
margin-bottom: 50px;
}
.present h3.cat::after {
position: absolute;
content: "";
width: 40%;
height: 1px;
background: #b69658;
right: 0;
top: 50%;
}
.item-box02 {
width: 100%;
}
.item-box02 .item-box02l {
width: 100%;
float: left;
}
.item-box02 .item-box02r {
width: 100%;
float: right;
text-align: left;
padding-left: 0;
position: relative;
min-height: 555px;
}
.item-box02 .item-box02r .detail_boxmin {
width: 100%;
}
.item-box02 .item-box02r a {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
padding: 20px 0;
display: inline-block;
text-align: center;
background: #0f1522;
color: #ccb68c;
}
}
.movie_box {
width: 1148px;
margin: 30px auto 120px; 
}
.movie_box video {
width: 640px;
height: 480px;
margin-top: 30px;
}
.videospc { 
width: 640px;
height: 480px;
margin: 30px auto;
}
.videossp { display: none;}
@media screen and (max-width:768px){
.movie_box {
width: 100%;
}
.movie_box video {
width: 320px;
height: 240px;
}
.videospc { 
display: none;
}
.videossp {
width: 320px;
height: 240px;
margin: 30px auto;
display: block;
	}
}
.movie_box .movielogo {
width: 182px;
margin: 120px auto 80px;
}
.text_001 {
	font-size: 1.2vw;
	line-height: 1.5;
	margin: 60px auto 80px;
}
.margintop-30 {
	margin-top: 30px !important;
}
.under_line {
	padding-bottom: 80px;
	border-bottom: 1px solid #cccccc;
}
.present h4 img {
	width: 90%;
	max-width: 1000px;
	margin: 20px auto 0;
	}
.campaignbox {
width: 90%;
max-width: 618px;
margin: 0 auto 60px;
list-style: none;
text-align: left;
font-weight: bold;
}
.campaignbox li {
background-image: url("../img/underbar01.png");
background-position: bottom center;
background-repeat: no-repeat;
position: relative;
padding: 15px 0 15px 180px;
display        : inline-block; 
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */
}
.campaignbox li.campaign01 {
font-size: 25px;
line-height: 1.0;
}
.campaignbox li.campaign02,.campaignbox li.campaign03 {
font-size: 45px;
}
.campaignbox li.campaign01 span,.campaignbox li.campaign02 span,.campaignbox li.campaign03 span {
color: #f71d1d;
} 
.campaignbox li.campaign01::before {
content: "特典❶";
position: absolute;
margin: auto 0;
left: 0;
font-size: 50px;
line-height: 1;
}
.campaignbox li.campaign02::before {
content: "特典❷";
position: absolute;
left: 0;
font-size: 50px;
}
.campaignbox li.campaign03::before {
content: "特典❸";
position: absolute;
left: 0;
font-size: 50px;
}
@media screen and (max-width:768px){
.campaignbox {
width: 90%;
max-width: 618px;
margin: 0 auto 60px;
list-style: none;
text-align: left;
font-weight: bold;
}
.campaignbox li {
background-image: url("../img/underbar01.png");
background-position: bottom center;
background-repeat: no-repeat;
position: relative;
padding: 15px 0 15px 24vw;
  display        : inline-block; 
  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;        /* 文字の影 */
}
.campaignbox li.campaign01 {
font-size: 4vw;
line-height: 1.0;
}
.campaignbox li.campaign02,.campaignbox li.campaign03 {
font-size: 7vw;
}
.campaignbox li.campaign01 span,.campaignbox li.campaign02 span,.campaignbox li.campaign03 span {
color: #f71d1d;
} 
.campaignbox li.campaign01::before {
content: "特典❶";
position: absolute;
margin: auto 0;
left: 0;
font-size: 7vw;
line-height: 1;
}
.campaignbox li.campaign02::before {
content: "特典❷";
position: absolute;
left: 0;
font-size: 7vw;
}
.campaignbox li.campaign03::before {
content: "特典❸";
position: absolute;
left: 0;
font-size: 7vw;
}
}


.period {
display: inline-block;
width: 100%;
margin: 0 auto;
padding: 15px 0;
font-size: 1.8vw;
font-weight: bold;
color: #bd9b5a;
background: #0f1725;
border-bottom: 1px solid #bc9856; 
border-top: 1px solid #bc9856; 
}
.period span {
display: block;
font-size: 0.8em;
color: #ffffff;
}
.img500 {
		width: 20%;
		margin: 0 auto 20px;
	}
.navttl {width: 480px; margin: 0 auto 0; }
.bottomnav {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 300;
		background-image: url("../img/navmin_bg.jpg");
		background-position: bottom;
	    background-repeat: repeat-x;
	}
	.bottomnav ul {
		width: 480px;
		margin: 0 auto;
		list-style-type: none;
		overflow: hidden;
	}
	.bottomnav ul li {
		float: left;
		width:calc(100% / 2);
	}
.bottomnav {
  opacity: 1;
  transition: all .5s ease;
}
 
.bottomnav.show {
  opacity: 1;
  transform: none;
}

@media screen and (max-width:768px){
.navttl {width: 100%; margin: 0 auto; }
.bottomnav {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 300;
		background-image: url("../img/navmin_bg.jpg");
		background-position: bottom;
		background-size: cover;
	}
	.bottomnav ul {
		width: 100%;
		list-style-type: none;
		overflow: hidden;
	}
	.bottomnav ul li {
		float: left;
		width:calc(100% / 2);
	}
.bottomnav {
  opacity: 0;
  transition: all .5s ease;
}
 
.bottomnav.show {
  opacity: 1;
  transform: none;
}
	

	.text_001 {
font-size: 4vw;	
margin: 20px auto 10px;
	}
	
	.img500 {
		width: 30%;
		margin: 0 auto 15px;
	}
.period {
display: inline-block;
width: 100%;
margin: 0 auto;
padding: 15px 0;
font-size: 4.0vw;
font-weight: bold;
color: #bd9b5a;
background: #0f1725;
}
.period span {
display: block;
font-size: 0.8em;
color: #ffffff;
}
}

.detailbig .period {
margin: 0 auto;
padding: 0;
font-size: 30px;
font-weight: bold;
color: #000000;
background: none;
}
.detailbig h3 {
	
}
.detailmin .period {
display: inline-block;
margin: 0 auto;
padding: 0;
font-size: 20px;
font-weight: bold;
color: #000000;
background: none;
}
@media screen and (max-width:768px){
.detailbig .period,.detailmin .period {
margin: 0 auto;
padding: 0;
font-size: 4vw;
font-weight: bold;
color: #000000;
background: none;
}
}

main {
}
.inner {
width: 100%;
margin: 0 auto;
padding: 0;
}
.inner img {
width: 100%;
border: none;
}
.row {
width: 100%;
margin: 0 auto;
padding: 0;
}


.detailbig {
width: 90%;
max-width: 875px;
margin: 60px auto;
background: #ffffff;
border: 5px dotted #000000;
position: relative;
padding: 56px;
box-sizing: border-box;
font-size: 28px;
font-weight: bold;
line-height: 1.4;
}
.detailbig img {
margin: 40px auto 30px;
}
.detailbig h4 {
width: 40%;
height: 50px;
margin: 0 auto; 
position: absolute;
top: -25px;
left: 0;
right: 0;
background: #000000;
color: #ffffff;
font-size: 30px;
border-radius: 25px;
line-height: 50px;
}

.detailmin h4 {
width: 40%;
height: 50px;
margin: 0 auto; 
position: absolute;
top: -25px;
left: 0;
right: 0;
background: #000000;
color: #ffffff;
font-size: 30px;
border-radius: 25px;
line-height: 50px;
}
.detailmin {
width: 90%;
max-width: 875px;
margin: 60px auto 0;
}
.detailmin li {
background: #ffffff;
border: 5px dotted #000000;
position: relative;
padding: 5% 3%;
box-sizing: border-box;
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width:768px){
.detailbig,.detailmin li {
width: 90%;
margin: 5vw auto;
background: #ffffff;
border: 5px dotted #000000;
position: relative;
padding: 10% 5% 8%;
box-sizing: border-box;
font-size: 5vw;
font-weight: bold;
line-height: 1.4;
}
.detailbig img,.detailmin img {
margin: 15px auto 5px;
}
.detailbig h4,.detailmin h4 {
width: 40%;
height: 50px;
margin: 0 auto; 
position: absolute;
top: -25px;
left: 0;
right: 0;
background: #000000;
color: #ffffff;
font-size: 20px;
border-radius: 25px;
line-height: 50px;
}
}
.detailbig p span {
color: #f71d1d;
}

.detailbig p span.redbox {
display: inline-block;
padding: 3px 10px;
background: #f71d1d;
color: #ffffff;
}
.detailbig p span.underline {
color: #000000;
display: block;
position: relative;
z-index: 98;
}
.detailbig p span.underline::after {
content: "";
display: block;
width: 50%;
height: 11px;
margin: 0 auto;
background: #ffde17;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
z-index: 97;
}
.detailbig p span.underlinepen {
color: #000000;
display: inline-block;
position: relative;
z-index: 98;
}
.detailbig p span.underlinepen::before {
content: "";
display: block;
width: 100%;
height: 25px;
margin: 0 auto;
background: url("../img/underbar02.png");
position: absolute;
bottom: -25px;
left: 0;
z-index: 97;
}
.detailbig h5 {
max-width: 250px; 
margin: 60px auto 20px;
font-size: 20px;
padding: 10px 50px;
border:1px solid #000000;
}
.detailmin h5 {
max-width: 246px; 
margin: 22px auto 10px;
font-size: 20px;
padding: 10px 0;
border:1px solid #000000;
}
@media screen and (max-width:768px){
.detailbig h5,.detailmin h5 {
width: 50%;
margin: 30px auto 0;
font-size: 3vw;
padding: 5px 0;
border:1px solid #000000;
}
.detailbig p span.underline::after {
content: "";
display: block;
width: 80%;
height: 11px;
margin: 0 auto;
background: #ffde17;
position: absolute;
bottom: -1vh;
left: 0;
right: 0;
z-index: 97;
}
}
.point p {
display: block;
width: 100%;
}
.midashitext {
font-size: 52px;
position: relative;
}
.midashitext::after {
content: "";
display: block;
width: 100%;
height: 11px;
margin: 0 auto;
background: #ffde17;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
z-index: 97;
}
.point10 {
display: block;
padding: 0;
font-size: 148px;
color: #f71d1d;
line-height: 1.0;
}
.point10 span {
display: inline-block;
font-size: 70px;
}
.shippingfree {
display: block;
padding: 0;
margin: 35px auto 50px;
font-size: 84px;
color: #f71d1d;
line-height: 1.0;
}

@media screen and (max-width:768px){
.midashitext {
font-size: 10vw;
position: relative;
}
.midashitext::after {
content: "";
display: block;
width: 100%;
height: 11px;
margin: 0 auto;
background: #ffde17;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
z-index: 97;
}
.point10 {
display: block;
padding: 0;
font-size: 38vw;
color: #f71d1d;
line-height: 1.0;
}
.point10 span {
display: inline-block;
font-size: 0.5em;
}
.shippingfree {
display: block;
padding: 0;
margin: 3vh auto 4vh;
font-size: 18vw;
color: #f71d1d;
line-height: 1.0;
}
}

.creater {
width: 90%;
max-width: 875px;
margin: 60px auto;
background: #ffffff;
position: relative;
padding: 0;
box-sizing: border-box;
font-size: 28px;
font-weight: bold;
line-height: 1.4;
}
.creater ul {
align-items: center;
}
.creaters,
.Sticker {
padding: 0;
text-align: left;
}
.creaters {
text-align: left;
font-size: 15px;
padding-left: 40px;
}
.creaters img {
width: 50%;
margin: 20px auto;
}
.creaters h3 {
font-size: 30px;
margin-bottom: 15px;
}
.sticker h3 {
display: inline-block;
float: left;
font-size: 23px;
text-align: left;
padding: 0 5px 0 0;
line-height: 1.1;
}
.sticker p {
font-size: 14px;
}
p.gentei200 {
display: inline-block;
float: right;
background: #f71d1d;
font-size: 24px;
color: #ffffff;
padding: 10px 30px;
}
.sticker p img {
margin: 15px auto;
}

@media screen and (max-width:768px){
.creater {
padding: 0 0 5vh;
box-sizing: border-box;
font-size: 10vw;
font-weight: bold;
line-height: 1.4;
}
.creaters {
font-size: 3vw;
padding-left: 0;
margin-bottom: 5vh;
}
.creaters h3 {
font-size: 6vw;
margin-bottom: 2vh;
}
.sticker h3 {
display: inline-block;
float: left;
font-size: 5vw;
text-align: left;
padding: 0 5px 0 0;
line-height: 1.1;
}
.sticker p {
font-size: 4vw;
}
p.gentei200 {
display: inline-block;
float: right;
background: #f71d1d;
font-size: 4vw;
color: #ffffff;
padding: 10px 8vw;
}
.sticker p img {
margin: 3vh auto 1vh;
}
}
.row h2 {
position: relative;
margin: 50px auto;
display: inline-block;
padding: 0 20px;
font-size: 20px;
}
@media screen and (max-width:768px){
	.row h2 {font-size: 14px;}	
}
.row h2:before, .row h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 15px;
  height: 2px;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}
.row h2:before { left: 0;}
.row h2:after { right: 0;}

.row > ul {
display:-webkit-flex;
display:flex;
-webkit-box-pack: start;
justify-content: space-between;
-webkit-box-align: center;
align-items: center stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
}

.row > ul > li > div {
}
.item ul > li img {
}
.item ul > li > div {
width: 100%;
}
.item ul > li > div > img {
display: block;
border: none;
}
.item ul > li > div > a {

}
.item ul > li > div > div.text {
width: 100%;
padding: 10px 0;
text-align: center;
}
.item ul > li.col-4 > div > div.text,
.item ul > li.col-5 > div > div.text,
.item ul > li.col-6 > div > div.text {
padding: 10px 10px 0 10px;	
}
.item ul > li > div > div.text > h3.name {
font-size: 1.0rem;
width: 100%;
margin-bottom: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
}
.item ul > li > div > div.text > p.catch {
font-size: 0.8rem;
color: #6A6969;
margin-bottom: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.item ul > li > div > div.text > p.offtext {
text-align: center;
margin: 5px auto;
font-size: 0.8rem;
font-weight: bold;
color: #d40202;
}
.item ul > li > div > div.text > p.norPrice {
font-size: 1.0rem;
color: #6A6969;
text-align: center;
}
.sale p.norPrice {
font-size: 0.7rem;
color: #6A6969;
text-align: center;
}
.item ul > li > div > div.text > p.norPrice::before {
content: "通常価格";
font-size: 0.7rem;
}
.item ul > li > div > div.text > p.norPrice::after {
content: "円";
font-size: 0.7rem;
}
.item ul > li > div > div.text > p.salePrice {
font-size: 1.0rem;
font-weight: bold;
line-height: 1.1em;
text-align: center;
color: #d40202;
}
.item ul > li > div > div.text > p.salePrice::before {
content: "SALE価格";
font-size: 0.7rem;
}
.item ul > li > div > div.text > p.salePrice::after {
content: "円";
font-size: 0.7rem;
}

.nor p.norPrice,.nor p.offtext {
display: none;
}

.nor.sale p.salePrice,.nor.sale p.offtext,.nor.sale p.norPrice {
display: block;
}

.sale {}

@media screen and (max-width:769px){
.item ul > li > div > div.text > h3.name {
font-size: 0.8rem;
margin-bottom: 5px;
}
.item ul > li > div > div.text > p.catch {
font-size: 0.6rem;
margin-bottom: 5px;
}	
}
.item ul > li > div.sale {

}
p.shipping {
display: inline-block;
margin: 15px auto;
padding: 5px 10px;
font-size: 0.7rem;
font-weight: bold;
line-height: 1.1em;
text-align: center;
color: #6A6969;
border: 1px solid #cccccc;
}
p.shipping.none {
display: none;
}
.item ul > li > div > div.icons1 {
width: 100%;
padding: 5px 0;
box-sizing: border-box;
text-align: center;
}
/*pu1 p10 deal1 pb10 shipping1 cpn1 asu1 new1*/

.item ul > li > div > div.icons1  > ul > li {
display: inline-block;
height: 14px;
margin: 0px 2px;
padding: 0 3px;
font-size: 10px;
color: #d40202;
text-align: center;
line-height: 14px;
background: #ffffff;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.item ul > li > div > div.icons1 > ul > li.pu,
.item ul > li > div > div.icons1 > ul > li.p,
.item ul > li > div > div.icons1 > ul > li.deal,
.item ul > li > div > div.icons1 > ul > li.pb,
.item ul > li > div > div.icons1 > ul > li.shipping,
.item ul > li > div > div.icons1 > ul > li.cpn,
.item ul > li > div > div.icons1 > ul > li.asu,
.item ul > li > div > div.icons1 > ul > li.new {
}
.item ul > li > div > div.icons1 > ul > li:nth-child(n + 6) {
display: none;
}

.item ul > li > div > div.icons {
display: none;
}

.item ul > li > div > div.book1 {
width: 100%;
height: 38px;
padding: 5px 0;
box-sizing: border-box;
text-align: center;
}
.item ul > li > div > div.book1 > a {
display: block;
width: 90%;
height: 28px;
margin: 0 auto;
font-size: 0.8rem;
font-weight: bold;
color: #d40202;
line-height: 28px;
background: #F8D004;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.item ul > li > div > div.book {
display: none;
}
.item ul > li > div.nor > div.text > p.offText,
.item ul > li > div.nor > div.text > p.salePrice::before {
display: none;
}
.item ul > li > div.nor > div.text > p.salePrice,
.item ul > li > div.nor > div.text > p.shipping,
.item ul > li > div.list > div.book1 {
text-align: center;
}
.item ul > li > div.list > div.text,
.item ul > li > div.list > div.text,
.item ul > li > div.list > div.icons,
.item ul > li > div.list > div.icons1,
.item ul > li > div.list > div.book,
.item ul > li > div.list > div.book1 {
display: none;
}
.row > ul > li.col-2,
.row > ul > li.col-3,
.row > ul > li.col-4,
.row > ul > li.col-5,
.row > ul > li.col-6 {
width:-webkit-calc(100% / 1 - 5px);
width:calc(100% / 1 - 5px);
}

footer {
width: 100%;
padding: 38px 0 200px; 
background: #f2f2f0;
color: #006b32;
}
.logo3 img {
width: 248px;
margin: 0 auto;
display: block;
}
.logo3 p {
color: #ffffff;
font-size: 22px;
}
footer ul {
margin: 50px auto 30px;
}
footer li {
margin: 10px 0;
padding: 0 10px;
display: inline-block;
}
footer li:nth-child(2) {
border-left: 1px solid #006b32;
border-right: 1px solid #006b32;
}


@media screen and (max-width:768px){
footer {
padding: 5vh 0 35%;
}
.logo img {
width: 80%;
}
.logo {
font-size: 3vw;
}
footer ul {
margin: 15vw auto 10vw;
}
footer li {
margin: 10px 0;
padding: 0 10px;
display: block;
}
footer li:nth-child(2) {
border-left: none;
border-right: none;
}


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


.row > ul > li.col-1 {
width:-webkit-calc(100% / 1);
width:calc(100% / 1);
}
.row > ul > li.col-2 {
width:-webkit-calc(100% / 2 - 5px);
width:calc(100% / 2 - 5px);
}
.row > ul > li.col-3,
.row > ul > li.col-4,
.row > ul > li.col-5,
.row > ul > li.col-6 {
width:-webkit-calc(100% / 3 - 5px);
width:calc(100% / 3 - 5px);
}


}

@media screen and (min-width:990px){
header {
}
.main-title p {
width: 814px;
margin: auto;
position: relative;
}
.main-title img {
width: 100%;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.row > ul > li {
margin-bottom: 20px;
}
.row > ul > li.col-1 {
width:-webkit-calc(100% / 1);
width:calc(100% / 1);
}
.row > ul > li.col-2 {
width:-webkit-calc(100% / 2 - 5px);
width:calc(100% / 2 - 5px);
}
.row > ul > li.col-3 {
width:-webkit-calc(100% / 3 - 5px);
width:calc(100% / 3 - 5px);
}
.row > ul > li.col-4 {
width:-webkit-calc(100% / 4 - 5px);
width:calc(100% / 4 - 5px);
}
.row > ul > li.col-5 {
width:-webkit-calc(100% / 5 - 5px);
width:calc(100% / 5 - 5px);
}
.row > ul > li.col-6 {
width:-webkit-calc(100% / 6 - 5px);
width:calc(100% / 6 - 5px);
}
.item ul > li.col-4 > div > div.text > p.offText,
.item ul > li.col-5 > div > div.text > p.offText {
float: left;
}

.item ul > li.col-4 > div.sale > div.text > p.norPrice,
.item ul > li.col-5 > div.sale > div.text > p.norPrice {
text-align: left;
}
.item ul > li.col-4 > div.sale > div.text > p.salePrice,
.item ul > li.col-5 > div.sale > div.text > p.salePrice {
text-align: right;
}
.item ul > li.col-2 > div > div.icons1  > ul > li {
height: 22px;
margin: 3px;
padding: 0 4px;
font-size: 18px;
line-height: 22px;
}
.item ul > li.col-3 > div > div.icons1  > ul > li{
height: 18px;
margin: 2px;
padding: 0 4px;
font-size: 14px;
line-height: 18px;
}
.item ul > li.col-2 > div > div.text > p.catch {
max-width: 90%;	
}
}



.periodlist {
width: 100%;
margin: 40px auto;
padding: 15px 15px 30px;
box-sizing: border-box;
background-color: #9b294f;
color: #ffffff;
font-size: 30px;
}
.periodlist h3 {
font-size: 30px;
color: #f1cc85;
margin: 15px auto;
border-bottom: 2px solid #f1cc85;
display: inline-block;
}
.periodlist p {
font-size: 30px;
margin: 0 auto 10px;
}
.periodlist p span.ttl {
display: inline-block;
font-size: 30px;
margin-bottom: 5px;
}

h2.plist {
	font-size: 30px;
	margin: 60px auto 20px;
color: #9b294f !important;
}
.cta {
	position: relative;
}
	.cta ul {
		width: 100%;
		margin: 15px auto;
		overflow: hidden;
		display:-webkit-flex;
display:flex;
-webkit-box-pack: start;
justify-content: space-between;
-webkit-box-align: center;
align-items: center stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
	}


	.plistttl {
		margin: 30px auto 0 !important;
		width: 240px;
	}
@media screen and (max-width:768px){
h2.plist {
margin: 60px auto 20px;
font-size: 5vw;
color: #9b294f !important;
}
.periodlist {
width: 100%;
margin: 20px auto;
padding: 15px 15px 30px;
box-sizing: border-box;
background-color: #9b294f;
color: #ffffff;
font-size: 4vw;
}
.periodlist h3 {
width: 80%;
font-size: 5vw;
color: #f1cc85;
margin: 15px auto;
border-bottom: 2px solid #f1cc85;
display: inline-block;
}
.periodlist p {
font-size: 4vw;
margin: 0 auto 10px;
}
.periodlist p span.ttl {
display: inline-block;
font-size: 5vw;
margin-bottom: 5px;
}
	.plistttl {
		margin: 30px auto 0 !important;
		width: 50%;
	}
.cta-box {
margin: 20px auto 0;
width: 100%;
max-width: 1200px;
padding: 3%;
}
.cta-box div {
width:-webkit-calc(100% / 1);
width:calc(100% / 1);
}
.cta {
position: relative;
box-sizing: border-box;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
padding: 0;
margin-bottom: 30px;
}
.cta_inner {
width: 100%;
padding: 8px;
background: #ffffff;
margin: 10px auto 0;
border-radius: 5px;
}
	.cta ul {
		width: 100%;
		margin: 15px auto;
		overflow: hidden;
		display:-webkit-flex;
display:flex;
-webkit-box-pack: start;
justify-content: space-between;
-webkit-box-align: center;
align-items: center stretch;
flex-wrap: wrap;
-webkit-box-pack: space-between;
justify-content: space-between;
	}


}

.circle1 {
	position: relative;
	margin: auto;
	display: inline;
}
.circle1 i {
  color: #ffffff;
  font-size: 30px;
  position: absolute;
  animation: updown1 2s infinite ease-in-out;
}

@keyframes updown1 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-10px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}


.namecontent {
	width: 100%;
	padding: 50px 0;
	margin: 0 auto;
	background-color: #ebe8e3;
	text-align: center;
}
.namecontent h3 {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 30px;
}
.namecontent img {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	display: block;
}
.namecontent h3 img {
	width: 100%;
}

.namecontent p {
	font-size: 15px;
	text-align: center;
	line-height: 2.0;
	margin: 20px auto;
}
.namecontent a {
	display: inline-block;
	width: 90%;
	max-width: 400px;
	padding: 15px 0;
	background-color: #b69658;
	color: #000000;
	border-radius: 15px;
}

.parkercontent {
	width: 100%;
	padding: 50px 0;
}
.parkercontent img {
	width: 90%;
}
.parkercontent .brandlogo {
	max-width: 200px;
	margin: 100px auto;
}
.parkercontent h3 {
	width: 90%;
	max-width: 800px;
}
.parkercontent h3 img {
	width: 100%;
}
.parkercontent .brandimg01 {
	max-width: 636px;
	margin-bottom: 30px;
}
.parkercontent p {
	font-size: 15px;
	text-align: center;
	line-height: 2.0;
	margin: 20px auto;
}

@media screen and (max-width:768px){
	.parkercontent .brandlogo {
	max-width: 100px;
	margin: 30px auto 0;
}
	.parkercontent p {
	font-size: 10px;
	text-align: center;
	line-height: 2.0;
	margin: 0px auto;
}
}