@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cantarell:ital@1&display=swap');
/* ================================================================================
CSS information
	file name	: layout.css
	style info	: 基本レイアウト設定
================================================================================ */
html{
	font-size: 62.5%;
}
img{
	max-width: 100%;
	height: auto;
}
body {
	font-family: 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.en {
	font-size:130%;
  font-family: 'Cantarell', sans-serif;
}
body{
	font-size: 1.5rem;
	font-feature-settings: "palt";
	line-height: 1.6;
	color: #0d0015;
  background: #fff;
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	body{
    font-size: 1.6rem;
		line-height: 1.7;
	}
}
main {
  min-height: calc(100vh);
}
h1,h2,h3,p,a {
	letter-spacing: normal;
	color: #0d0015;
}
/* -- ul + ol -- */
.entry-content ul.ul-disc li{
	list-style-type: disc;
}
.entry-content ul.ul-num li{
	list-style-type: decimal;
}
.entry-content ul.ul-none li{
	list-style-type: none;
}

hr {
	margin: 10px auto;
	padding:0;
}

/* リンク設定
----------------------------------------------------*/
a{
	transition: all .5s ease-in-out;
}
a[href^="tel:"]{
	cursor:default;
}
a:hover{
	opacity:0.7;
}
a.uline{
	text-decoration:underline;
}



/* =========================================   COLUMN   ========================================= */
.columns {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
}
.columns:last-child {
	margin-bottom: -10px;
}
.columns:not(:last-child) {
	margin-bottom: 10px;
}
.columns.is-centered {
	justify-content: center;
}
.columns.is-vcentered {
	align-items: center;
}
.columns.is-gapless {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}
.columns.is-gapless:last-child {
	margin-bottom: 0;
}
.columns.is-gapless:not(:last-child) {
	margin-bottom: 20px;
}
.columns.is-gapless > .column {
	margin: 0;
	padding: 0;
}
.columns.is-multiline {
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.columns.is-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.columns.is-mobile > .column.is-full {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 50%;
}
.columns.is-mobile > .column.is-one-third {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 25%;
}
.columns.is-mobile > .column.is-1 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 10%;
}
.columns.is-mobile > .column.is-2 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 20%;
}
.columns.is-mobile > .column.is-3 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 30%;
}
.columns.is-mobile > .column.is-4 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 30%;
}
.columns.is-mobile > .column.is-5 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 50%;
}
.columns.is-mobile > .column.is-6 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 60%;
}
.columns.is-mobile > .column.is-7 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 70%;
}
.columns.is-mobile > .column.is-8 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 80%;
}
.columns.is-mobile > .column.is-9 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 90%;
}
.columns.is-mobile > .column.is-10 {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 100%;
}
.column {
	display: block;
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 1;
	padding: 10px;
}

@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
  .columns {
    display: flex;
  }
	.column.is-full {
		flex: none;
		width: 100%;
  }
	.column.is-three-quarters {
		flex: none;
		width: 75%;
	}
	.column.is-two-thirds {
		flex: none;
		width: 66.6666%;
	}
	.column.is-half {
		flex: none;
		width: 50%;
	}
	.column.is-one-third {
		flex: none;
		width: 33.3333%;
	}
	.column.is-one-quarte {
		flex: none;
		width: 25%;
	}
	.column.is-offset-three-quarters {
		margin-left: 75%;
	}
	.column.is-offset-two-thirds {
		margin-left: 66.6666%;
	}
	.column.is-offset-half {
		margin-left: 50%;
	}
	.column.is-offset-one-third {
		margin-left: 33.3333%;
	}
	.column.is-offset-one-quarter {
		margin-left: 25%;
	}
	.column.is-1 {
		flex: none;
		width: 10%;
	}
	.column.is-2 {
		flex: none;
		width: 20%;
	}
	.column.is-3 {
		flex: none;
		width: 30%;
	}
	.column.is-4 {
		flex: none;
		width: 40%;
	}
	.column.is-5 {
		flex: none;
		width: 50%;
	}
	.column.is-6 {
		flex: none;
		width: 60%;
	}
	.column.is-7 {
		flex: none;
		width: 70%;
	}
	.column.is-8 {
		flex: none;
		width: 80%;
	}
	.column.is-9 {
		flex: none;
		width: 90%;
	}
	.column.is-10 {
		flex: none;
		width: 100%;
	}
}



/* =========================================   CONTAINER & BOX   ========================================= */
.site-content, .content-area{
	position: relative;
  top: 0;
  left: 0;
	margin: 0 auto;
	padding: 50px 0;
}
.container{
	padding:0 .714286em;
}
.space{padding-top:40px;}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.site-content, .content-area{
		padding: 50px 0;
	}
  .space{padding-top:50px;}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.site-content, .content-area{
		padding: 50px 0;
		max-width: 1024px;
	}
  .space{padding-top:0;}
}


/* =========================================   LOGO   ========================================= */
.logo {
  width: 180px;
  z-index: 99;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
  .logo {
    width: 300px;
  }
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
  .logo {
    width: 350px;
  }
}

/* =========================================   HEADER   ========================================= */
.header {
  position: fixed;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 10px 10px;
  background: #fff;
  border-bottom: 1px solid #888;
  z-index: 99;

}
.navShop {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  position:fixed;
  top: 2rem;
  right: 70px;
  z-index: 4;
  text-align:right;
}
.navShop li {
  font-size: 1.4rem;
  margin-left: 2.5rem;
}
.navShop li img {
  width:auto;
  height:2.0rem;
}
.navShop span {
  display: none;
}

.menuBtn {
  position: fixed;
  right: .5rem;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
  transition: all .5s ease-in-out;
  z-index: 999;
  color: #0d0015;
}
.menuBtn .menuBtn-burger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2.5rem;
  height: 2px;
  background: #0d0015;
  border-radius: 5px;
  transition: all .5s ease-in-out;
  z-index: 1000;
}
.menuBtn .menuBtn-burger::before,
.menuBtn .menuBtn-burger::after {
  content: '';
  position: absolute;
  width: 2.5rem;
  height: 2px;
  background: #0d0015;
  transition: all .5s ease-in-out;
}
.menuBtn .menuBtn-burger::before {
  top: .8rem;
}
.menuBtn .menuBtn-burger::after {
  top: -.8rem;
}
.menuBtn.open .menuBtn-burger {
  background: transparent;
}
.menuBtn.open .menuBtn-burger::before {
  top: 0;
  transform: scale(.8) rotate(45deg);
}
.menuBtn.open .menuBtn-burger::after {
  top: 0;
  transform: scale(.8) rotate(135deg);
}
nav{
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
  display: flex;
  align-items: center;
  flex-flow: column;
  padding-top: 10rem;
  overflow: scroll;
	background-color: #fff;
	transform: translateX(100%);
	transition: all .5s ease-in-out;
  z-index: 998;
}
nav.active{
	transform: translateX(0);
}
nav ul.navMenu li:first-child a{
  padding-bottom: 3rem;
}
nav ul.navMenu li:first-child img{
	width:60%;
}

nav ul.navMenu li a{
	position: relative;
	display: block;
	text-decoration: none;
	color:#333;
	padding:10px 15px;
	transition: all .5s ease-in-out;
}
nav ul.navMenu li.spnav-child > a::after{
	content:'';
	position: absolute;
	top:50%;
	right:20px;
	width:6px;
	height:6px;
	border-top: 2px solid #333;
	border-right:2px solid #333;
	transform: rotate(45deg);
}
nav ul.navMenu li.spnav-child ul{
	position: relative;
	top:0;
	left:0;
	width:100%;
	height: auto;
	visibility:visible;
	opacity:1;
	display: none;
	transition:none;
	transition: all .5s ease-in-out;
}
nav ul.navMenu li.spnav-child:hover > ul{
	visibility: visible;
	opacity: 1;
}
nav ul.navMenu li.spnav-child ul li a{
	color: #333;
	padding:10px 10px 10px 30px;
	line-height: 1;
}
nav ul.navMenu li a:hover,
nav ul.navMenu li.spnav-child ul li a:hover,
nav ul.navMenu li.spnav-child ul li a:active{
	color: #333;
	opacity: 0.7;
}
nav ul.navMenu li.spnav-child a::after{
	transform: rotate(135deg);
	right:20px;
}
nav ul.navMenu li.spnav-child.active a::after{
	transform: rotate(-45deg);
}


nav ul.navSNS {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
nav ul.navSNS li{
  font-size: 140%;
}
nav ul.navSNS li + li{
  padding-left: 30px;
}

.mask{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(56, 54, 54, 0.5);
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease-in-out;
  z-index: 997;
}
.mask.active{
	opacity: 1;
	visibility: visible;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
  .navShop {
    top: 2.5rem;
    right: 80px;
  }
	.menuBtn {
    right: 1rem;
    width: 5rem;
    height: 5rem;
  }
  .menuBtn .menuBtn-burger,
  .menuBtn .menuBtn-burger::before,
  .menuBtn .menuBtn-burger::after {
    width: 3rem;
  }
  nav {
		width: 70%;
	}
  nav ul.navMenu li{
    font-size: 1.8rem;
  }
  nav ul.navMenu li span{
    font-size: 1.6rem;
  }
	nav ul.navMenu li:first-child img{
		width:80%;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
  .header {
    position: relative;
    justify-content: center;
		max-width: 1024px;
	  padding: 40px 10px 30px;
    border-bottom: none;
  }
  nav {
		width: 50%;
	}
  .navShop {
    display: block;
    position:fixed;
    top:120px;
    right:25px;
    z-index: 4;
    text-align:right;
  }
  .navShop li {
    font-size: 1.4rem;
    margin-bottom: 2.5rem;
  }
  .navShop li img {
    width:auto;
    height:1.8rem;
  }
  .navShop span {
    display: none;
  }
  .navShop li:hover span {
    display: inline-block;
    padding-right: 1rem;
  }
}



/* =========================================   FOOTER GOOGLEMAP   ========================================= */
footer {
	color: #5a544b;
	background-color: #fff;
}
footer.site-content {
	padding: .3em .714286em;
}

/* -- a -- */
footer a {
	color: #5a544b;
}
footer a:hover {
	text-decoration: underline;
}
footer img {
	padding-bottom:1rem;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.copyright {
		text-align: right;
	}
}





/* =========================================   TITLE & SUBTITLE   ========================================= */
h2 {
  font-family: 'Noto Serif JP', serif;
}
h3 {
  font-family: 'Noto Serif JP', serif;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
  .topImg {
    height:300px;
  }
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
  .topImg {
    height:350px;
  }
}



/* =========================================   BUTTON   ========================================= */
.btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
	font-size:120%;
  font-family: 'Cantarell', sans-serif;
  margin: 1rem 0;
  padding: .5rem 3rem;
  background: #fff;
	border-radius: 3px;  
	border:1px solid #0d0015;
}
.btn:hover {
  background: #aba7ae;
	text-decoration:none;
}
.btn:hover span {
  display: inline-block;
  transform: scale(.98);
}
.btn.wide {
  width: 100%;
  padding: 1rem 3rem;
}


.send input.to_customerinfo_button,
.send input.to_memberlogin_button,
.send input.to_deliveryinfo_button,
.send input.to_confirm_button,
.send input#purchase_button {
	color: #0d0015 !important;
	background-color: #fff !important;
	border:1px solid #0d0015 !important;
}
.send input.to_customerinfo_button:hover,
.send input.to_memberlogin_button:hover,
.send input.to_deliveryinfo_button:hover,
.send input.to_confirm_button:hover,
.send input#purchase_button:hover {
  background: #aba7ae;
}
#wc_customer .send input.to_reganddeliveryinfo_button {
	color: #0d0015 !important;
	background-color: #fff !important;
	border:1px solid #0d0015 !important;
}
#wc_customer .send input.to_reganddeliveryinfo_button:hover {
	background: #aba7ae !important;
}
#wc_ordercompletion .send a {
	background-color: #fff !important;
}
#wc_ordercompletion .send a:hover {
	background: #aba7ae !important;
}
.member-page .send input {
	color: #0d0015 !important;
	background-color: #fff !important;
}
.member-page .send input:hover {
	background: #aba7ae !important;
}
#wc_newcompletion .send a,
#wc_lostcompletion .send input,
#wc_lostcompletion .send a,
#wc_changepasscompletion .send a {
	background-color: #fff !important;
}
#wc_newcompletion #memberpages a:hover,
#wc_lostcompletion #memberpages input:hover,
#wc_lostcompletion #memberpages a:hover,
#wc_changepasscompletion #memberpages a:hover {
	background: #aba7ae !important;
}
.member-page #memberinfo .send input.top,
.member-page #memberinfo .send input.deletemember {
	color: #0d0015 !important;
	background-color: #fff !important;
	border:1px solid #0d0015 !important;
}
.member-page #memberinfo .send input.top:hover,
.member-page #memberinfo .send input.deletemember:hover {
	background: #aba7ae !important;
}

#wc_login .loginbox #member_login,
#wc_member .loginbox #member_login {
	color: #0d0015 !important;
	background-color: #fff !important;
	border:1px solid #0d0015 !important;
}
#wc_login .loginbox #member_login:hover,
#wc_member .loginbox #member_login:hover {
	background: #aba7ae !important;
}
#wc_login .loginbox .new-entry #nav a,
#wc_member .loginbox .new-entry #nav a {
	color: #0d0015 !important;
	background-color: #fff !important;
	border:1px solid #0d0015 !important;
}
#wc_login .loginbox .new-entry #nav a:hover,
#wc_member .loginbox .new-entry #nav a:hover {
	background: #aba7ae !important;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	color: #0d0015 !important;
	background-color: #fff !important;
	border:1px solid #0d0015 !important;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	background: #aba7ae !important;
}



/* =========================================   PAGE TOP   ========================================= */
.btn.pageTop {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  display: block;
  width: 4rem;
  height: 4rem;
  font-size: 2.5rem;
  line-height: 0;
  margin: 0;
  padding: .75rem .75rem;
	border-radius:50%;
  z-index: 9999;
}


/* =========================================   ITEM LIST   ========================================= */
.itemList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom:40px;
}
.itemBox{
  display: flex;
  flex-direction: column;
  width: 47%;
  margin: 0 0 30px;
  padding: 0;
/*  background: rgb(233, 231, 231); */
}
.itemBox .itemImg{
  width: 100%;
	overflow:hidden;
}
.itemBox .itemImg img{
	transition: all .5s ease-in-out;
}
.itemBox .itemImg img:hover{
  transform:scale(1.1,1.1);
}
.itemBox .itemDesc {
  display: block;
  width: 100%;
	color: #0d0015;
  padding: 10px 10px;
  text-align: center;
}
.itemTitle {
  font-size: 1.5rem;
}
.itemPrice {
  font-size: 1.4rem;
}

@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
  .itemList {
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 60px;
  }
  .itemBox{
    width: 31%;
    margin-left: 3.5%;
  }
  .itemBox:nth-child(3n+1) {
		margin-left: 0;
	}
  .itemBox .itemDesc{
    padding: 15px 20px;
  }
  .itemTitle {
    font-size: 1.5rem;
  }
  .itemPrice {
    font-size: 1.4rem;
  }
}


/* =========================================   RECENTLY ITEM   ========================================= */
.recentlyItem {
  display:grid;
  column-gap:0%;
  row-gap:0%;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows:auto;
  display:-ms-grid;
  -ms-grid-template-columns: repeat(6, 1fr);
  -ms-grid-template-rows:auto;
}
.recentlyItem a {
  width: 100%;
  position: relative;
	overflow:hidden;
}
.recentlyItem a::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.recentlyItem a img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
  object-fit: cover;
	transition: all .5s ease-in-out;
}
.recentlyItem img:hover{
  transform:scale(1.1,1.1);
}
@media screen and (max-width: 481px) {/* ---------------   481px以下   --------------- */
  .recentlyItem {
    grid-template-columns: repeat(3, 1fr);
  }
}



/* =========================================   WELCART style.css カスタマイズ   ========================================= */
@media screen and (min-width: 62.5em) {
	#main {
		width: 1200px;
		margin: 0 auto 2.857143em;
	}
}

.one-column #secondary {
	border: none;
}

/*---- pagination_wrapper ---*/
.pagination_wrapper li a {
	color: #0d0015 !important;
  background: #fff !important;
	border: 1px solid #0d0015 !important;
}
.pagination_wrapper li a:hover, .pagination_wrapper li .current {
  background: #aba7ae !important;
}



/* =========================================   WELCART usces_cart.css カスタマイズ   ========================================= */
/*---- cart-btn ---*/
.item-info .skubutton {
	color: #0d0015 !important;
	font-weight: 400 !important;
  background: #fff !important;
	border: 1px solid #0d0015 !important;
}
.item-info .skubutton:hover {
	cursor: pointer !important;
	color: #0d0015 !important;
  background: #aba7ae !important;
}

#wc_confirm .send input#back_button {
	border: 1px solid #0d0015 !important;
}

/* =========================================   OTHER SETTING   ========================================= */
.is-gbLight {
  background: #e8ecef;
}
.is-gbDark {
  color: #fff;
  background: #0d0015;
}
/* テキストの設定
----------------------------------------------------*/
.userSelectNone {
  user-select: none;
}
.is-center {
	text-align: center;
}
.is-left {
	text-align: left;
}
.is-right {
	text-align: right;
}
.strong {
  font-weight: bold;
}
.noStrong {
  font-weight: normal;
}
.xsmall {
	font-size: 60%;
}
.small {
	font-size: 80%;
}
.large {
	font-size: 110%;
}
.xlarge {
	font-size: 120%;
}
.is-center_sp {
	text-align: center;
}
.is-line {
  border-bottom: 1px solid #0d0015;
}
@media screen and (min-width: 600px) { /* ---------------   タブレット   --------------- */
	.is-right_tab {
		text-align: right;
	}
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.is-center_sp {
		text-align: left;
	}
	.is-center_pc {
		text-align: center;
	}
	.is-left_pc {
		text-align: left;
	}
	.is-right_pc {
		text-align: right;
	}
	.large {
		font-size: 120%;
	}
	.xlarge {
		font-size: 160%;
	}
}


/* マージンの設定
----------------------------------------------------*/
.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mb0 { margin-bottom:0px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}
.ml0 { margin-left:0px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}
.ml80 { margin-left:80px !important;}
.ml90 { margin-left:90px !important;}
.ml100 { margin-left:100px !important;}
.mr0 { margin-right:0px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}
.mr70 { margin-right:70px !important;}
.mr80 { margin-right:80px !important;}
.mr90 { margin-right:90px !important;}
.mr100 { margin-right:100px !important;}

/* パディングの設定
----------------------------------------------------*/
.pt0 { padding-top:0px !important;}
.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt90 { padding-top:90px !important;}
.pt100 { padding-top:100px !important;}
.pb0 { padding-bottom:0px !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}
.pb80 { padding-bottom:80px !important;}
.pb90 { padding-bottom:90px !important;}
.pb100 { padding-bottom:100px !important;}
.pl0 { padding-left:0px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl50 { padding-left:50px !important;}
.pl60 { padding-left:60px !important;}
.pl70 { padding-left:70px !important;}
.pl80 { padding-left:80px !important;}
.pl90 { padding-left:90px !important;}
.pl100 { padding-left:100px !important;}
.pr0 { padding-right:0px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr40 { padding-right:40px !important;}
.pr50 { padding-right:50px !important;}
.pr60 { padding-right:60px !important;}
.pr70 { padding-right:70px !important;}
.pr80 { padding-right:80px !important;}
.pr90 { padding-right:90px !important;}
.pr100 { padding-right:100px !important;}

/*----- pc -----*/
.pt10_pc { padding-top:0;}
.pt15_pc { padding-top:0;}
.pt20_pc { padding-top:0;}
.pt25_pc { padding-top:0;}
.pt30_pc { padding-top:0;}
.pt35_pc { padding-top:0;}
.pt40_pc { padding-top:0;}
.pt45_pc { padding-top:0;}
.pt50_pc { padding-top:0;}
.pt60_pc { padding-top:0;}
.pt70_pc { padding-top:0;}
.pt80_pc { padding-top:0;}
.pt90_pc { padding-top:0;}
.pt100_pc { padding-top:0;}
.pb10_pc { padding-bottom:0;}
.pb15_pc { padding-bottom:0;}
.pb20_pc { padding-bottom:0;}
.pb25_pc { padding-bottom:0;}
.pb30_pc { padding-bottom:0;}
.pb35_pc { padding-bottom:0;}
.pb40_pc { padding-bottom:0;}
.pb50_pc { padding-bottom:0;}
.pb60_pc { padding-bottom:0;}
.pb70_pc { padding-bottom:0;}
.pb80_pc { padding-bottom:0;}
.pb90_pc { padding-bottom:0;}
.pb100_pc { padding-bottom:0;}
.pl10_pc { padding-left:0;}
.pl15_pc { padding-left:0;}
.pl20_pc { padding-left:0;}
.pl25_pc { padding-left:0;}
.pl30_pc { padding-left:0;}
.pl40_pc { padding-left:0;}
.pl50_pc { padding-left:0;}
.pl60_pc { padding-left:0;}
.pl70_pc { padding-left:0;}
.pl80_pc { padding-left:0;}
.pl90_pc { padding-left:0;}
.pl100_pc { padding-left:0;}
.pr10_pc { padding-right:0;}
.pr15_pc { padding-right:0;}
.pr20_pc { padding-right:0;}
.pr25_pc { padding-right:0;}
.pr30_pc { padding-right:0;}
.pr40_pc { padding-right:0;}
.pr50_pc { padding-right:0;}
.pr60_pc { padding-right:0;}
.pr70_pc { padding-right:0;}
.pr80_pc { padding-right:0;}
.pr90_pc { padding-right:0;}
.pr100_pc { padding-right:0;}
.plStep { padding-left:10px;}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.pt10_pc { padding-top:10px;}
	.pt15_pc { padding-top:15px;}
	.pt20_pc { padding-top:20px;}
	.pt25_pc { padding-top:25px;}
	.pt30_pc { padding-top:30px;}
	.pt35_pc { padding-top:35px;}
	.pt40_pc { padding-top:40px;}
	.pt45_pc { padding-top:45px;}
	.pt50_pc { padding-top:50px;}
	.pt60_pc { padding-top:60px;}
	.pt70_pc { padding-top:70px;}
	.pt80_pc { padding-top:80px;}
	.pt90_pc { padding-top:90px;}
	.pt100_pc { padding-top:100px;}
	.pb10_pc { padding-bottom:10px;}
	.pb15_pc { padding-bottom:15px;}
	.pb20_pc { padding-bottom:20px;}
	.pb25_pc { padding-bottom:25px;}
	.pb30_pc { padding-bottom:30px;}
	.pb35_pc { padding-bottom:35px;}
	.pb40_pc { padding-bottom:40px;}
	.pb50_pc { padding-bottom:50px;}
	.pb60_pc { padding-bottom:60px;}
	.pb70_pc { padding-bottom:70px;}
	.pb80_pc { padding-bottom:80px;}
	.pb90_pc { padding-bottom:90px;}
	.pb100_pc { padding-bottom:100px;}
	.pl10_pc { padding-left:10px;}
	.pl15_pc { padding-left:15px;}
	.pl20_pc { padding-left:20px;}
	.pl25_pc { padding-left:25px;}
	.pl30_pc { padding-left:30px;}
	.pl40_pc { padding-left:40px;}
	.pl50_pc { padding-left:50px;}
	.pl60_pc { padding-left:60px;}
	.pl70_pc { padding-left:70px;}
	.pl80_pc { padding-left:80px;}
	.pl90_pc { padding-left:90px;}
	.pl100_pc { padding-left:100px;}
	.pr10_pc { padding-right:10px;}
	.pr15_pc { padding-right:15px;}
	.pr20_pc { padding-right:20px;}
	.pr25_pc { padding-right:25px;}
	.pr30_pc { padding-right:30px;}
	.pr40_pc { padding-right:40px;}
	.pr50_pc { padding-right:50px;}
	.pr60_pc { padding-right:60px;}
	.pr70_pc { padding-right:70px;}
	.pr80_pc { padding-right:80px;}
	.pr90_pc { padding-right:90px;}
	.pr100_pc { padding-right:100px;}
	.plStep { padding-left:20px;}
}
/*----- sp -----*/
.pt10_sp { padding-top:10px;}
.pt15_sp { padding-top:15px;}
.pt20_sp { padding-top:20px;}
.pt25_sp { padding-top:25px;}
.pt30_sp { padding-top:30px;}
.pt40_sp { padding-top:40px;}
.pt50_sp { padding-top:50px;}
.pt60_sp { padding-top:60px;}
.pt70_sp { padding-top:70px;}
.pt80_sp { padding-top:80px;}
.pt90_sp { padding-top:90px;}
.pt100_sp { padding-top:100px;}
.pb10_sp { padding-bottom:10px;}
.pb15_sp { padding-bottom:15px;}
.pb20_sp { padding-bottom:20px;}
.pb25_sp { padding-bottom:25px;}
.pb30_sp { padding-bottom:30px;}
.pb40_sp { padding-bottom:40px;}
.pb50_sp { padding-bottom:50px;}
.pb60_sp { padding-bottom:60px;}
.pb70_sp { padding-bottom:70px;}
.pb80_sp { padding-bottom:80px;}
.pb90_sp { padding-bottom:90px;}
.pb100_sp { padding-bottom:100px;}
.pl10_sp { padding-left:10px;}
.pl15_sp { padding-left:15px;}
.pl20_sp { padding-left:20px;}
.pl25_sp { padding-left:25px;}
.pl30_sp { padding-left:30px;}
.pl40_sp { padding-left:40px;}
.pl50_sp { padding-left:50px;}
.pl60_sp { padding-left:60px;}
.pl70_sp { padding-left:70px;}
.pl80_sp { padding-left:80px;}
.pl90_sp { padding-left:90px;}
.pl100_sp { padding-left:100px;}
.pr10_sp { padding-right:10px;}
.pr15_sp { padding-right:15px;}
.pr20_sp { padding-right:20px;}
.pr25_sp { padding-right:25px;}
.pr30_sp { padding-right:30px;}
.pr40_sp { padding-right:40px;}
.pr50_sp { padding-right:50px;}
.pr60_sp { padding-right:60px;}
.pr70_sp { padding-right:70px;}
.pr80_sp { padding-right:80px;}
.pr90_sp { padding-right:90px;}
.pr100_sp { padding-right:100px;}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
	.pt10_sp { padding-top:0;}
	.pt15_sp { padding-top:0;}
	.pt20_sp { padding-top:0;}
	.pt25_sp { padding-top:0;}
	.pt30_sp { padding-top:0;}
	.pt40_sp { padding-top:0;}
	.pt50_sp { padding-top:0;}
	.pt60_sp { padding-top:0;}
	.pt70_sp { padding-top:0;}
	.pt80_sp { padding-top:0;}
	.pt90_sp { padding-top:0;}
	.pt100_sp { padding-top:0;}
	.pb10_sp { padding-bottom:0;}
	.pb15_sp { padding-bottom:0;}
	.pb20_sp { padding-bottom:0;}
	.pb25_sp { padding-bottom:0;}
	.pb30_sp { padding-bottom:0;}
	.pb40_sp { padding-bottom:0;}
	.pb50_sp { padding-bottom:0;}
	.pb60_sp { padding-bottom:0;}
	.pb70_sp { padding-bottom:0;}
	.pb80_sp { padding-bottom:0;}
	.pb90_sp { padding-bottom:0;}
	.pb100_sp { padding-bottom:0;}
	.pl10_sp { padding-left:0;}
	.pl15_sp { padding-left:0;}
	.pl20_sp { padding-left:0;}
	.pl25_sp { padding-left:0;}
	.pl30_sp { padding-left:0;}
	.pl40_sp { padding-left:0;}
	.pl50_sp { padding-left:0;}
	.pl60_sp { padding-left:0;}
	.pl70_sp { padding-left:0;}
	.pl80_sp { padding-left:0;}
	.pl90_sp { padding-left:0;}
	.pl100_sp { padding-left:0;}
	.pr10_sp { padding-right:0;}
	.pr15_sp { padding-right:0;}
	.pr20_sp { padding-right:0;}
	.pr25_sp { padding-right:0;}
	.pr30_sp { padding-right:0;}
	.pr40_sp { padding-right:0;}
	.pr50_sp { padding-right:0;}
	.pr60_sp { padding-right:0;}
	.pr70_sp { padding-right:0;}
	.pr80_sp { padding-right:0;}
	.pr90_sp { padding-right:0;}
	.pr100_sp { padding-right:0;}
}

/* その他設定
----------------------------------------------------*/
.indent {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}
@media screen and (min-width: 1025px) {  /* ---------------   PC   --------------- */
  .indent {
    padding-left: 1.6rem;
    text-indent: -1.6rem;
  }
}
.br_sp {
	display:none;
}
@media screen and (max-width: 1024px) {  /* ---------------   PC   --------------- */
	.br_sp {
		display:block;
	}
	.br_pc {
		display:none;
	}
}
.visible_sp {
	display: none;
}
.visible_pc {
	display: block;
}
@media screen and (max-width: 1024px) {  /* ---------------   PC   --------------- */
	.visible_sp {
		display:block;
	}
	.visible_pc {
		display: none;
	}
}