@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,300italic,400italic,500,500italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, lRoboto Condensed, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo
}
article#lcclub {
	font-size: 15px;
	font-weight: 400;
	width: 100%;
	height: 100%;
	margin: -40px 0px 0px 0px;
	padding: 0;
	line-height: 1.3;
	overflow-x: hidden;
	background-color: #FFF;
	text-align: left;
}
ol {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, td, th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: "";
	content: none
}
a img {
	border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
strong {
	font-size: 120%;
	color: #19b3ac
}
a:link{color: #FFF;}
a:link:hover {text-decoration: none;
}
/* ver切り替えタブ */
p.ver01,p.ver02{
	font-size: 15px;
	color: #fff;
	display: block;
	float: left;
	padding: 7px 8px 5px 8px;
	margin: 15px 15px 0px 0px;
	text-align: center;
	width: 130px;
	border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	}
p.ver01{
	background-color: #f29ec2;
	}
p.ver02{
	background-color: #7ABAE9;
	}
p.ver01 a,p.ver02 a{color: #fff;}
p.ver01 a:hover,p.ver02 a:hover{color: #F0F78A;}

/* テキスト関連 */
p {
	font-size: 15px;
	line-height: 1.5em;
	padding-bottom: 20px;
	color: #3b434a
}
p.copy{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	padding-bottom: 15px
}
p.kome {
	text-indent: -1em;
	padding-left: 1em;
	text-align: left;
	margin: 0;
	padding-top: 0;
	padding-bottom: 2px
}
.fslarge{
	font-size: 120%;
}

/* タイトル */
#lcclub h1 {
	margin: 20px 0 15px;
	padding: 0;
	text-align: center
}
#lcclub h2 {
	font-size: 25px;
	font-weight: 600;
	margin: 0px 0 1.5em;
	text-align: center;
	color: #EC60AB;
	position: relative;
	margin-bottom: 1.5em;
	text-align: center;
}
#lcclub h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #EC60AB;
  border-radius: 1px;
}
#lcclub p.subtitle{
	font-size: 18px;
	font-weight: 600;
	color: #EC60AB;
	margin: -10px 0px -20px;
	text-align: center;
}
#lcclub h3.info {
	font-size: 18px;
	font-weight: 600;
	margin: 12px 0 10px;
	padding: 6px 0px 4px;
	text-align: center;
	color: #7ABAE9;
	border: 2px solid #7ABAE9;
}
#lcclub h3 {
	clear: left;
	font-size: 19px;
	line-height: 1.2;
	font-weight: 600;
	margin: 15px auto 8px;
	text-align: center;
	color: #4D4D4D;
}
#lcclub h4 {
	clear: left;
	font-size: 18px;
	margin: 10px auto 5px;
	text-align: center;
	line-height: 1.3;
	font-weight: 600;
	color: #4D4D4D;
}
#lcclub h4 span.line {
	margin: 0px 0px 30px;
	padding: 0px 2px 6px 2px;
	border-bottom: 5px solid #4D4D4D;
}

/* 吹き出し */
.balloon,.balloon2 {
	position: relative; /* 三角の位置を固定するために設定 */
	margin: 15px auto 15px; /* 上 左右 下のマージン */
	padding: 8px; /* ふきだし内の余白 */
	background: #fff; /* 背景色 */
	color: #52A5E2;
	text-align: center; /* テキストの揃え */
	font-size: 15px;
	font-weight: 600;
	border-radius: 17px;
	filter: drop-shadow(4px 4px 0px rgba(179,216,242,1.0));
}
.balloon2 {	
  width: 50%;
    margin: 0 auto -15px; /* 上 左右 下のマージン */
}
.balloon::before{ /* 三角の部分 */
  content: '';
  position: absolute; /* 位置固定 */
  bottom: -14px; /* 線幅の2倍 */
  left: 50%;
  margin-left: -7px; /* 線幅だけずらす */
  border: 7px solid transparent; /* 線幅の設定 */
  border-top-color: #fff!important; /* 吹き出しの地と同じ色 */
}
.balloon2::before{ /* 三角の部分 */
  content: '';
  position: absolute; /* 位置固定 */
  bottom: -14px; /* 線幅の2倍 */
  left: 50%;
  margin-left: -7px; /* 線幅だけずらす */
  border: 7px solid transparent; /* 線幅の設定 */
  border-top-color: #fff!important; /* 吹き出しの地と同じ色 */
}

/* その他コンテンツ */
#lcclub .other-box{
}
#lcclub .other-box p.link{
	margin: -12px 0px 0px -4px;
	}
#lcclub .other-box p.link a{
	color: #EC60AB;
	text-decoration: underline;
	font-weight: 600;
	}
#lcclub .other-box p.link a:hover{
	text-decoration: none;
	}


/* 背景 */
.bgtop{
	border-top: 8px solid #7ABAE9;
}
.bgmain{
	background-color: #E9F7FB;
	padding: 20px 0px 40px;
}
.bg00,.bg01,.bg02 {
	padding: 40px 40px 40px;
	border: 10px solid white;
	border-radius: 22px;
}
.bg03,.bg04,.bg05,.bg06,.bg07,.bg08 {
	border: 10px solid white;
	border-radius: 22px;
	padding: 10px 24px 0px;
	}
	
@media screen and (max-width:640px) {
	.bg00 {
	padding: 10px 40px 20px;
	border: 10px solid white;
	border-radius: 22px;
}
	.bg01,.bg02 {
	padding: 35px 35px 20px;
	border: 10px solid white;
	border-radius: 22px;
}
	.bg03,.bg04,.bg05,.bg06,.bg07,.bg08 {
	padding: 8px 18px 0px;
	}
}
.bg00 {background-color: #fff; }
.bg01 {background-color: #fedfdf;}
.bg02 {background-color: #fde9d0; }
.bg03 {background-color: #fbdbe9; }
.bg04 {background-color: #d7f1f9;}
.bg05 {background-color: #c5eddd; }
.bg06 {background-color: #d7e5f6; }
.bg07 {background-color: #ecddf0; }
.bg08 {background-color: #def1c6; }

/* ドット背景 */
.bg_skew_dot{
	background-color: #F9DCE9;
	background-image: radial-gradient(#f8cee0 20%, transparent 20%),
    radial-gradient(#f8cee0 20%, transparent 20%);
	background-size: 20px 20px;
	background-position: 0 0, 10px 10px;
	padding: 20px 50px;
}

/* 余白指定 */
.has-padding {
	padding: 30px 0px
}
.has-padding-half {
	padding: 15px 0;
}


/* メニュー */
.nav{ margin-bottom: 15px;}
#lcclub .nav01,#lcclub .nav02,#lcclub .nav03,#lcclub .nav04,
#lcclub .nav05,#lcclub .nav06,#lcclub .nav07,#lcclub .nav08{
	padding: 10px 0px;
	height: 114px;
	  border-radius: 0px;
	  font-size: 15px;
	  line-height: 1.3;
/*  filter: drop-shadow(4px 4px 0px rgba(256,256,256,1.0)); */
	  background-repeat:no-repeat;
	background-position: 50% 54px;
	  text-align: center;
}
#lcclub .nav01 a,#lcclub .nav02 a,#lcclub .nav03 a,#lcclub .nav04 a,
#lcclub .nav05 a,#lcclub .nav06 a,#lcclub .nav07 a,#lcclub .nav08 a{
	color: #666;
}
#lcclub .nav01 {
	background-color: #fa8989;
	background-image:url(../img/ico_1.png);
}
#lcclub .nav02 {
	background-color: #f9ac51;
	background-image:url(../img/ico_2.png);
}
#lcclub .nav03 {
	background-color: #f494be;
	background-image:url(../img/ico_3.png);
}
#lcclub .nav04 {
	background-color: #86d4ef;
	background-image:url(../img/ico_4.png);
}
#lcclub .nav05 {
	background-color: #51cb9a;
	background-image:url(../img/ico_5.png);
	padding-top: 21px;
}
#lcclub .nav06 {
	background-color: #88b2e4;
	background-image:url(../img/ico_6.png);
	padding-top: 21px;
}
#lcclub .nav07 {
	background-color: #c89bd1;
	background-image:url(../img/ico_7.png);
}
#lcclub .nav08 {
	background-color: #9dd653;
	background-image:url(../img/ico_8.png);
	padding-top: 21px;
}
#lcclub .nav a {
	display: block;
	color: #333;
	font-weight: 600;
}
#lcclub .nav a :hover{
	cursor: pointer;
}
#lcclub .nav .col-sm-3 { padding: 5px; margin: 0 0px;}

/* お知らせ */
#lcclub #infomation{
	width: 100%;
	padding: 10px 10px 15px;
	font-size: 100%;
	background-color: #fff;
	float: left;
}
#lcclub #infomation dl{
	clear: left;
	font-size: 14px;
	 }
#lcclub #infomation dt{
	margin: 5px 15px 0px 0px;
	padding: 10px 0px 3px;
	line-height: 1.5em;
	font-weight: bold;
}
#lcclub #infomation dd{
	padding: 0px 0px 12px 0px;
	border-bottom: 1px solid #E5E7E9;
	line-height: 1.5em;
}
#lcclub #infomation dd:last-child{
border-bottom: 0px;
}
.npadding .col-sm-12 { padding: 0px; margin: 0 0px;}


/* その他 */
.fadein {
	opacity: .1;
	transform: translate(0, 50px);
	transition: all .5s
}
.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0)
}
.fgimg {
	max-width: 100%;
	height: auto
}
#lcclub .thumb {
	 width: 100%;
  height: 100px;
  object-fit: cover;
  margin-bottom: 10px;}
 #lcclub .thumb2 {
	 width: 100%;
  height: 220px;
  object-fit: cover;
  margin-bottom: 10px;}
.pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99999
}
.pagetop a {
	font-size: 20px;
	background-color: #7ABAE9;
	display: block;
	border-radius: 46px;
	padding: 24px 18px;
	color: #fff;
	font-family: Jaldi, sans-serif
}
.pagetop a:hover {
	text-decoration: none;
	background-color: #F0F78A
}
.pagetop a:visited{background-color: #7ABAE9;
}

/* マージン */
.mb5 {
	margin-bottom: 5px
}
.mb10 {
	margin-bottom: 10px
}
.mb15 {
	margin-bottom: 15px
}
.mb20 {
	margin-bottom: 20px
}
.mb30 {
	margin-bottom: 30px
}
.mb40 {
	margin-bottom: 40px!important
}
.mt10 {
	margin-top: 10px;
	margin-bottom: 0
}
.mt20 {
	margin-top: 20px
}
.mt25 {
	margin-top: 25px
}
.mt30 {
	margin-top: 30px
}
.mt40 {
	margin-top: 40px
}
.mt50 {
	margin-top: 50px
}
.mtm {
	margin-top: -20px;
}
.mtmb {
	margin-top: 15px;
	margin-bottom: -6px
}
.mr10 {
	margin-right: 10px
}
.spbr {
	display: none
}
.sp {
	display: none!important
}


/* ここからレスポンシブ指定 */
@media screen and (max-width:768px) {

p {
	font-size: 14px
}#lcclub .nav span {
	font-size: 14px;
}
.balloon,.balloon2 {
  width: 75%;
}
#lcclub .thumb {
  height: 220px;
}
}

@media screen and (max-width:640px) {
article#lcclub {
	margin: 0px 0px 0px 0px;
}
#lcclub h2{font-size: 22px;}
#lcclub h4{
	font-size: 17px;}
p {
	font-size: 14px
}
p.kome {
	font-size: 11px
}
p.copy{
	font-size: 13px;
	line-height: 1.4em;
	padding-bottom: 10px;
}
#lcclub .other-box p.link{
	margin: -12px 0px 0px 0px;
	}
#lcclub .thumb2 {
  height: 120px;
}
.has-padding {
	padding: 0px 0px
}
.bgmain{
	padding: 20px 0px 20px;
}
.bg_skew_dot{
	padding: 20px 15px;
	margin: 0px 0px 20px;
}
.nav{margin: 0px -10px 15px}
#lcclub #infomation{
	width: auto;
	margin: 0px 15px;
}
#lcclub #infomation dt{
	padding: 0px 0px 3px;
}
#lcclub #infomation dd{
	line-height: 1.4em;
	font-size: 13px;
}
.pc {
	display: none!important
}
.sp {
	display: block!important;
	text-align: center;
	margin-right: auto;
	margin-left: auto
}
.pagetop {
	bottom: 10px;
	right: 10px
}
.pagetop a {
	font-size: 16px;
	padding: 12px 10px;
	font-family: Jaldi, sans-serif
}
}
@media screen and (max-width:480px) {
#lcclub .thumb {
  height: 180px;
}
#lcclub .thumb2 {
  height: 100px;
}
}
/* 商品枠用css（2020.08追加） */
#lcclub h2.item-box{
	color: #FFF;
	background-color: #52A5E2;
	font-size: 22px;
	font-weight: 600;
	margin: 10px -20px 0px;
	padding: 10px 0px;
	text-align: center;
}
#lcclub h2.item-box:before {
  content: inherit
}
#lcclub .item-box{
	background-color: #EFEFEF;
	margin: 0px auto 40px;
	padding: 20px 30px 0px;
}
#lcclub .item-box img{
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
}
#lcclub .item-box h3{
	margin: 10px 0px 20px;
	color: #676767;
}
#lcclub .item-box h4{
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 20px;
	min-height: 38px;
}
#lcclub .btn-item{
	color: #fff;
	background-color: #F69A05;
	display: block;
	padding: 6px 14px;
	margin: 0 auto 10px;
	font-weight: 600;
	font-size: 14px;
	width: 80%;
	border-radius: 50px;
}
#lcclub .btn-item:hover {
	background-color: #F69A05;
	color: #F7EC50;
}
.item-box .col-xs-4{
	min-height: 340px;
	}
@media screen and (max-width:640px) {
.item-box .col-xs-4{
	min-height: 280px;
	}
	#lcclub .item-box h4{
	font-size: 14px;
}
#lcclub .btn-item{
	font-size: 13px;
}
}