@charset "utf-8";

/* --------------------------------------------------------
	スライダー共通
-------------------------------------------------------- */
.slick-prev:before,
.slick-next:before{
	content: none;
}
/* --------------------------------------------------------
	mainVisual
-------------------------------------------------------- */
#mainVis{
	margin:20px 0;
	position: relative;
}
#mainVis div.slider {
    width:100%;
	display:block;
}
#mainVis div.slider .sliderWrap {
	margin:0 auto 20px;/*メインスライダーとサムネイルの間の余白を変更*/
}

#mainVis ul.sliderWrap li {
     display:block;
     width:100%;/*メインスライダーの横幅*/
}

#mainVis ul.sliderWrap li img{
	display:block;
	width:100%;
	height:auto;
}
#mainVis .slick-slide img{
	width: 100%;
}
#mainVis div.controlWrap {
     width:98%;
     display:block;
     position:absolute;
	 top: 50%;
	margin-top: -30px;
}
#mainVis div.controlWrap p#Previcon {
     display:block;
     width:30px;
     height:30px;
     position:absolute;
	 border-top:2px solid rgba(255, 255, 255, 0.9);
	 border-left:2px solid rgba(255, 255, 255, 0.9);
	 transform: rotate(-45deg);
     top:15px;
     left:20px;
}

#mainVis div.controlWrap p#Nexticon {
     display:block;
     width:30px;
     height:30px;
     position:absolute;
	 border-top:2px solid rgba(255, 255, 255, 0.9);
	 border-right:2px solid rgba(255, 255, 255, 0.9);
	 transform: rotate(45deg);     
	 top:15px;
     right:20px;
}
/* Dots */
#mainVis .slick-dotted.slick-slider{
    margin-bottom: 30px;
}

#mainVis .slick-dots{
    position: absolute;
    bottom: -36px;
    /*display: block;*/
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	display: none !important;
}
#mainVis .slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
#mainVis .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;
    border-radius: 50%;
}
#mainVis .slick-dots li.slick-active button{
	background-color: #333;
}
#mainVis .slick-dots li button:hover,
#mainVis .slick-dots li button:focus{
    outline: none;
}
#mainVis .slick-dots li button:hover:before,
#mainVis .slick-dots li button:focus:before{
    opacity: 1;
}
#mainVis .slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#mainVis .slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}
.slick-initialized .slick-slide{
	position: relative;
}
#mainVis .slideInner{
	position: absolute;
	top: 20%;
	display: inline-block;
	text-align: center;
}
#mainVis .slideInner_01{
	margin-left: -31%;
	width: 62%;
	left: 50%;
}
#mainVis .slideInner_01 > img{
	/*max-width: 1214px;*/
}
#mainVis .slideInner_02{
	width: 52%;
    right: 5%;
	top: 25%;
	max-width: 1031px;
}
#mainVis .slideInner_02 > img{
	max-width: 1031px;
}
#mainVis .slideInner_03{
	width: 63%;
	left: 2%;
	max-width: 1222px;
}
#mainVis .slideInner_03 > img{
	max-width: 1222px;
}
#mainVis .slideInner_04{
	width: 56%;
	left: 5%;
	max-width: 1091px;
}
#mainVis .slideInner_04 > img{
	max-width: 1091px;
}
#mainVis .slideInner_05{
	margin-left: -31%;
	width: 62%;
	left: 50%;
	margin-top: 10%;
}

#mainVis .slideInner_06{
	margin-left: -31%;
	width: 62%;
	left: 50%;
	margin-top:15%;
}

#mainVis .slideInner_07{
	width: 30%;
    right: 5%;
	top: 65%;
	/*max-width: 1031px;*/
}

#mainVis .slideInnerBtn{
    display: inline-block;
    padding: 1%;
    text-align: center;
    min-width: 260px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    border: 1px solid;
    border-radius: 5px;
    margin-top: 5%;
	position: relative;
}
#mainVis .slideInnerBtn:hover{
	background: #4b341c;
	color: #fff;
}
#mainVis .slideInnerBtn::after{
	content: '';
	width: 9px;
    height: 9px;
    border-top: 2px solid #4b341c;
    border-right: 2px solid #4b341c;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    right: 20px;
    margin-top: -6px;
}
#mainVis .slideInnerBtn:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

#mainVis .slideInnerBtn5{
    display: inline-block;
    padding: 1%;
    text-align: center;
    min-width: 350px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    border: 1px solid;
    border-radius: 5px;
    margin-top: 5%;
	position: relative;
}
#mainVis .slideInnerBtn5:hover{
	background: #4b341c;
	color: #fff;
}
#mainVis .slideInnerBtn5::after{
	content: '';
	width: 9px;
    height: 9px;
    border-top: 2px solid #4b341c;
    border-right: 2px solid #4b341c;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    right: 20px;
    margin-top: -6px;
}
#mainVis .slideInnerBtn5:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

#mainVis .slideInnerBtn6{
    display: inline-block;
    padding: 1%;
    text-align: center;
    min-width: 250px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    border: 1px solid;
    border-radius: 5px;
    margin-top: 0;
	  position: relative;
}
#mainVis .slideInnerBtn6:hover{
	background: #4b341c;
	color: #fff;
}
#mainVis .slideInnerBtn6::after{
	content: '';
	width: 9px;
    height: 9px;
    border-top: 2px solid #4b341c;
    border-right: 2px solid #4b341c;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    right: 20px;
    margin-top: -6px;
}
#mainVis .slideInnerBtn6:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

#mainVis .slideInnerBtn7{
    display: inline-block;
    padding: 1%;
    text-align: center;
    min-width: 380px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    border: 1px solid;
    border-radius: 5px;
    margin-top: 5%;
	position: relative;
}
#mainVis .slideInnerBtn7:hover{
	background: #4b341c;
	color: #fff;
}
#mainVis .slideInnerBtn7::after{
	content: '';
	width: 9px;
    height: 9px;
    border-top: 2px solid #4b341c;
    border-right: 2px solid #4b341c;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    right: 20px;
    margin-top: -6px;
}
#mainVis .slideInnerBtn7:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}


@media screen and (max-width: 1024px) and (min-width: 769px) {
  #mainVis .slideInner_06{
    left: 390px;
    width: auto;
    margin-left: 0;
    margin-top: 0;
    top: auto;
    bottom: 10%;
  }
}
@media screen and (min-width: 769px) { 
	#mainVis .slick-slide img{
		min-width: 1024px;
	}
	#mainVis .slideInner img{
		min-width: auto;
	}
}
@media screen and (max-width: 768px) { 
	#mainVis{
		margin-top: 0;
	}
	#mainVis div.controlWrap p#Previcon{
		width: 14px;
		height: 14px;
		left: 10px;
	}
	#mainVis div.controlWrap p#Nexticon{
		width: 12px;
		height: 12px;
		right: 10px;
	}
	#mainVis .slick-dots{
		display: none !important;
	}
	#mainVis .slideInner{
		top: 10%;
	}
	#mainVis .slideInner_03{
		top: 20%;
	}
	#mainVis .slideInner_01{
		top: 25%;
	}
	#mainVis .slideInnerBtn{
		font-size: 12px;
		min-width: 160px;
	}
	#mainVis .slideInnerBtn{
		margin-top: 7%;
	}
	#mainVis .slideInnerBtn::after{
		width: 6px;
		height: 6px;
		right: 10px;
		margin-top: -4px;
	}

	#mainVis .slideInnerBtn5{
		font-size: 10px;
		min-width: 210px;
	}
	#mainVis .slideInnerBtn5{
		margin-top: 7%;
	}
	#mainVis .slideInnerBtn5::after{
		width: 6px;
		height: 6px;
		right: 10px;
		margin-top: -4px;
	}
	
	#mainVis .slideInner_05{
		margin-top: 40px;
		left: 45%;
	}
	#mainVis .slideInner_06{
		/*margin-top:115px;
		left:65%;
		zoom:0.5;*/
    top: auto;
		bottom: 10%;
	}
	
		#mainVis .slideInnerBtn6{
		font-size: 8px;
		min-width: 120px;
	}
	#mainVis .slideInnerBtn6{
		margin-top: 0;
	}
	#mainVis .slideInnerBtn6::after{
		width: 6px;
		height: 6px;
		right: 10px;
		margin-top: -4px;
	}
	
	#mainVis .slideInnerBtn7{
    font-size: 8px;
		min-width:230px;
}
		#mainVis .slideInnerBtn7::after{
		width: 6px;
		height: 6px;
		right: 10px;
		margin-top: -4px;
	}
	#mainVis .slideInner_07{
	/*width: 50%;*/
    right:35%;
	top: 64%;
	/*max-width: 1031px;*/
}
	
}


/* --------------------------------------------------------
	重要なお知らせ
-------------------------------------------------------- */
.importantWrap{
	width: 90%;
	margin: 30px auto 0;
	padding: 0 20px 30px;
	position: relative;
}
.importantWrap::after{
	content: '';
    position: absolute;
    background-image: linear-gradient(to right, #676767, #676767 1px, transparent 1px, transparent 4px);
    background-size: 5px 1px;
    background-position: top;
    background-repeat: repeat-x;
    width: calc(100% + 20%);
    height: 1px;
    bottom: 0;
    left: -10%;
}
.importantNews{
	position: relative;
	height: 30px;
}
.importantTtl{
	position: relative;
	font-weight: bold;
	font-size: 20px;
	color:#e75555;
	padding-left: 30px;
	display: inline-block;
	vertical-align: top;
}
.importantTtl::before{
	position: absolute;
	content: '';
	background-image: url(/common/img/index/ico_exclamation.png);
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
	margin-left: -30px;
	top: 50%;
	margin-top: -12px;
}
.ticker{
	padding-left: 30px;
	display: inline-block;
	width: calc(100% - 180px);
}
.tickerList{
	overflow: hidden;
}
.ticker .slick-prev{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 8.7px 5px;
	border-color: transparent transparent #e75555 transparent;
	right: -2%;
	top: 0;
	left: auto;
}
.ticker .slick-next{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8.7px 5px 0 5px;
	border-color: #e75555 transparent transparent transparent;
	right: -2%;
	bottom: 0;
	top: auto;
}
.ticker li{
	font-size: 16px;
	line-height: 30px;
}
.slick-vertical .slick-slide{
	overflow: hidden;
}
@media screen and (max-width: 1024px) and (min-width: 769px) { 
	.importantWrap::after{
		width: 100%;
		left: 0;
	}
}
@media screen and (min-width: 769px) { 
	.importantWrap{
		min-width: 1024px;
		max-width: 1600px;
	}
	.slick-vertical .slick-slide{
		max-width: calc(100% - 21px);
		height: 32px;
	}
}
@media screen and (max-width: 768px) { 
	.importantWrap{
		width: calc(100% - 20px);
		margin: 10px auto 0;
		padding: 0 10px;
		background-image: none;
	}	
	.importantWrap::after{
		content: none;
	}
	.importantNewsInner{
		padding: 10px;
		border: 3px solid #e75555;
	}
	.importantNews{
		display: inherit;
		height: auto;
	}
	.importantTtl{
		font-size: 14px;
		padding-left: 20px;
		display: block;
	}



	.importantTtl::before{
		width: 18px;
		height: 18px;
		margin-top: -9px;
		margin-left: -22px;
		background-size: cover;
	}
	.ticker{
		padding:10px 0;
		width: 95%;
	}
	.ticker ul::before,
	.ticker ul::after{
		content: none;
	}
	.ticker li{
		font-size: 12px;
		line-height: 1.5;
	}
	.ticker .slick-prev,
	.ticker .slick-next{
		right: -5%;
	}
	.slick-vertical .slick-slide{
		height: 38px;
	}
}


/* --------------------------------------------------------
	contents
-------------------------------------------------------- */
.indexConts{
	padding: 70px 0 0;
	width: 90%;
	margin: 0 auto;
}
.indexContsBd{
	margin-top: 70px;
	position: relative;
}
.indexContsWrapBeige{
	background-color: #f9f5eb;
	width: 100%;
	padding-bottom: 70px;
}
.indexConts + .indexContsWrapBeige{
	margin-top: 70px;
}
.indexTtl{
	font-size: 28px;
	text-align: center;
	margin-bottom: 40px;
}
.indexContsInner{
	width: 980px;
	margin: 0 auto;
}
.linkBtn{
	display: block;
	color: #fff;
	position: relative;
	text-align: center;
	padding: 10px 0;
}
.linkBtn:hover{
	opacity: 0.7;
	transition: 0.2s ease;
}
.linkBtn::after{
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	right: 20px;
	transform: rotate(45deg);  
	top: 50%;
	margin-top: -7px;
}
@media screen and (min-width: 1025px) { 
.indexContsBd::before{
	content: '';
	position: absolute;
	background-image: linear-gradient(to right, #676767, #676767 1px, transparent 1px, transparent 4px);
	background-size: 5px 1px;
	background-position: top;
	background-repeat: repeat-x;
	width: calc(100% + 20%);
	height: 1px;
	top: 0;
	left: -10%;
}
}

@media screen and (min-width: 769px) { 
.indexConts{
	min-width: 1000px;
	max-width: 1600px;
}
.indexContsBd::before{
	width: 100%;
	left: 0;
}
}
@media screen and (max-width: 768px) {
	.indexConts{
		width: 100%;
		padding: 40px 10px 0;
	}
	.indexContsBd{
		background: none;
		padding: 0;
		margin-top: 40px;
	}
	.indexContsInner{
		width: 90%;
		margin: 0 auto;
	}
	.indexConts + .indexContsWrapBeige{
		margin-top: 40px;
	}
	.indexContsWrapBeige{
		padding-bottom: 40px;
	}
}

/* --------------------------------------------------------
	campaignバナー
-------------------------------------------------------- */
.recoSlideWrap{
	position: relative;
    text-align: center;
}
#recoSlide{
	overflow: hidden;
	position: relative;
    text-align: center;
    margin-bottom: 0;
}
#recoSlide li img{
	width: calc(100% - 10px);
	height: auto;
	max-width: 515px;
	margin: 0 auto;
}
#recoSlide li a:focus,
#recoSlide li img:focus{
	border: none;
	outline-color: none !important;
}
#recoSlideDotsArrow{
    text-align: center;
    position: relative;
    display: inline-block;
	margin-top: 30px;
}
#recoSlideDotsArrow .recoSlideDots{
	display: inline-block;
	justify-content: center;
}
#recoSlideDotsArrow .recoSlideDots li{
    display: inline-block;
}
#recoSlideDotsArrow .recoSlideDots li button{
	color: transparent;
    border: #e75555 solid 1px;
    background-color: #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
	box-sizing: border-box;
	padding: 0;
}
#recoSlideDotsArrow .recoSlideDots li button:focus{
    outline: none;
}
#recoSlideDotsArrow .recoSlideDots li + li{
	margin-left: 12px;
}
#recoSlideDotsArrow .recoSlideDots li.slick-active button{
    background-color: #e75555;
}
#recoSlideDotsArrow .slick-next{
	width: 10px;
    height: 10px;
    border-top: 2px solid #e75555;
    border-right: 2px solid #e75555;
    position: absolute;
    transform: rotate(45deg);
    top: calc(50% - 6.5px);
    right: -30px;
    bottom: 7px;
}
#recoSlideDotsArrow .slick-prev{
	width: 10px;
    height: 10px;
	border-top: 2px solid #e75555;
	border-left: 2px solid #e75555;
	position: absolute;
	transform: rotate(-45deg);
	left: -30px;
	bottom: 7px;
	z-index: 2;
    top: calc(50% - 6.5px);
}



@media screen and (max-width: 768px) { 
	#recoSlide .slick-prev{
		left: 20%;
	}
	#recoSlide .slick-next{
		right: 20%;
	}
    #recoSlideDotsArrow{
        max-width: calc(100% - 70px);
        margin-top: 20px;
    }
}

/* --------------------------------------------------------
	チラシ・店舗のご案内
-------------------------------------------------------- */
.linkBox{
	display: flex;
}
.linkItemTtl{
	font-size: 28px;
	margin-bottom: 20px;
	display: flex;
	line-height: 1.2;
	position: relative;
}
.linkItemTtl img{
	margin-right: 10px;
	vertical-align: top;
}
.linkItemTtl_txt{
	width: calc(100% - 45px);
	white-space: nowrap;
	color: #fff;
}
.linkItemTtl_txt br{
	display: none;
}
.serchAreaTtl{
	margin-bottom: 20px;
}
.linkItem_flyer{
	margin-top: 30px;
}
.linkItem_01_leftArea{
    width: 40%;
    /*background: rgba(255, 255, 255, 0.8);*/
}
.linkItem_01_traceabilityArea{
	text-align: center;
	position: relative;
	padding: 15px 0;
}
/*.linkItem_01_traceabilityArea::after{
	content: 'traceability';
	position: absolute;
	bottom: 20px;
	color: rgba(75, 52, 28, 0.2);
    font-size: 3vw;
	left: 50%;
    margin-left: -41%;
} */
.traceabilityAreaInner{
background: rgba(255, 255, 255, 0.8);
	width: 100%;
	padding:10px;
}
.linkItem_01_serchArea p,
.linkItem_flyer .linkItemTtl,
.linkItem_flyer p{
	color: #fff;
	text-align: left;
}
.linkItem_01_serchArea p,
.linkItem_flyer p{
	font-size: 16.5px;
}
.linkItem_flyer .linkItemTtl::before{
	background-image: url(/common/img/index/ico_flyer.png);
	width: 35px;
	height: 33px;
}
.shopSerch{
	margin-top: 20px;
	text-align: center;
}
#shopSearch_text{
	border-radius: 4px;
	border:none;
	padding: 20px 50px 20px 20px;
	background-image: url(/common/img/index/ico_zoom_pk.png);
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center right;
	background-position-x: 93%;
	display: block;
	width: 100%;
}
#shopSearch_text:focus{
	outline: none;
}
.linkItem_flyer p.traceAbility{
	text-align: center !important;
	color: #4b341c;
	font-size: 18px;
}

.linkItem_flyer p.traceAbilityDes{
    font-size: 12px;
    color: #000;
    margin: 10px 1.5em 0;
}

.linkItem_flyer p.traceAbilityDes{
    font-size: 12px;
    color: #000;
    margin: 10px 1.5em 0;
}

.linkItem_01_paypayArea{
    /*background: rgb(231, 85, 85);*/
    color: #fff;
    border: solid 1px rgb(231, 85, 85);
    text-align: center;
   /* width: calc(40% - 10px);*/
}
.paypayLogo{
    /*background: #fff;*/
	background: rgba(255, 255, 255, 0.8);
}
.paypayLogo > img{
	padding: 5px;
    max-width:100%;
}
.paypayAreaInner{
    padding: 5px 5px 5px;
	background: rgb(231, 85, 85);
}
.linkItem_flyer .paypayTtl{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.linkItem_flyer .paypayDes{
    font-size: 14px;
	text-align: center;
/*	padding: 10px;*/
}
.paypayNote{
    font-size: 11.5px;
    margin-top: 5px;
}
.paypayNote > li{
    text-align: left;
    position: relative;
    padding-left: 1.2em;
}
.paypayNote > li::before{
    content: '・';
    position: absolute;
    left: 0;
    top: 0;
}
:placeholder-shown{
	color: #c0b2a3;
	font-size: 15px;
}
::-webkit-input-placeholder {
    color: #c0b2a3;
}
:-moz-placeholder {
    color: #c0b2a3; opacity: 1; 
}
::-moz-placeholder {
    color: #c0b2a3; opacity: 1; 
}
:-ms-input-placeholder {
    color: #c0b2a3; 
}
#shopSearch_submit{
	display: inline-block;
	border-radius: 4px;
	background-color: rgb(231, 85, 85);
	color: #fff;
	font-size: 15px;
	border:none;
	text-align: center;
	margin-left: 20px;
	padding: 15px 0;
	width: 35%;
	cursor: pointer;
}
#shopSearch_submit:focus{
	outline: none;
}
.linkBox_linkBtn{
	display: inline-block;
    padding: 8px 0;
    text-align: center;
    min-width: 250px;
    background: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    border: 1px solid;
    border-radius: 5px;
    position: relative;
	margin-top: 15px;
}
.linkBox_linkBtn:hover,
.linkItem_01_traceabilityArea .linkBox_linkBtn{
	background: #4b341c;
    color: #fff;
	opacity: 1;
	border: 1px solid #4b341c;
}
.linkItem_01_traceabilityArea .linkBox_linkBtn{
	font-size: 17px;
	padding: 15px 0;
	margin-top: 15px;
	min-width: auto;
	width: 85%;
}
.linkBox_linkBtn::after{
	content: '';
    width: 9px;
    height: 9px;
    border-top: 2px solid #4b341c;
    border-right: 2px solid #4b341c;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    right: 20px;
    margin-top: -6px;
}
.linkBox_linkBtn:hover::after,
.linkItem_01_traceabilityArea .linkBox_linkBtn::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.linkItem_01_traceabilityArea .linkBox_linkBtn:hover,
.linkItem_01_traceabilityArea .linkBox_linkBtn:hover::after{
	opacity: .7;
}
.linkItem_myShop .linkItemTtl::before{
	background-image: url(/common/img/index/ico_home.png);
	width: 40px;
	height: 30px;
	content: '';
	position: absolute;
	margin-left: -50px;
}
.linkItemBd{
	background-image: linear-gradient(to right, #676767, #676767 1px, transparent 1px, transparent 4px),
						linear-gradient(to bottom, #676767, #676767 1px, transparent 1px, transparent 4px),
						linear-gradient(to right, #676767, #676767 1px, transparent 1px, transparent 4px),
						linear-gradient(to bottom, #676767, #676767 1px, transparent 1px, transparent 4px);
	
	background-size: 5px 1px,1px 5px,5px 1px,1px 5px;
	background-position: top,right,bottom,left;	
	background-repeat: repeat-x,repeat-y,repeat-x,repeat-y;	
	padding: 40px;
}
.linkItem_01{
	position: relative;
	background-image: url(/common/img/index/bg_flyer.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 20px;
}
.linkItem_01_flyerArea{
	width: 60%;
	margin-left: 40px;
}
.flyerListTtl_wrap{
	width: 63%;
}
.flyerListTtl{
	background-color: rgba(249, 245, 235, 0.85);
	border-top: solid 6px rgba(231, 85, 85, 0.85);
	padding: 20px 20px 20px 30px;
	position: relative;
}
.flyerListTtl_wrap img{
	width: 100%;
	max-width: 225px;
}
.flyerListTtl p{
	color: #6c1111;
	font-size: 16px;
	margin-top: 10px;
	line-height: 1.2;
}
.flyerImage_wrap{
	position: absolute;
    right: 12px;
    top: 10px;
	width: 37%;
	max-width: 203px;
}
.flyerImage{
	width: 100%;
}
.flyerList{
	background-color: rgba(231, 85, 85, 0.85);
	display: flex;
	flex-wrap: wrap;
}
.flyerLink{
	width: calc(100% / 3);
}
@media all and (-ms-high-contrast: none) {
  .flyerLink{
	width: calc(100% / 3 - 1px);
}
}
.flyerLink a{
	display: block;
	color: #fff;
	padding: 20px;
	font-size: 18px;
	border-bottom: solid #fff 1px;
	padding-left: 2em;
    position: relative;
}

.flyerLink a::after{
	content: '';
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    transform: rotate(45deg);
    top: 50%;
    right: 12px;
    margin-top: -7.5px;
}
.linkItem_02{
	margin-left: 40px;
	width: calc(35% - 40px);
	text-align: center;
	display: flex;
    align-items: center;
}
.linkItem_02_list{
	width: 100%;
}
.linkItem_02_list .linkItemTtl{
	display: inline-block;
}
.linkItem_myShop > p{
	text-align: center;
}
#myshop_description > p:first-child{
	margin-bottom: 1em;
}
.btnShop{
	display: block;
	background-color: #e75555;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	position: relative;
	width: 100%;
	max-width: 270px;
	margin: 20px auto 0;
	border-radius: 5px;
	cursor: pointer;
}
.btnShop::before{
	position: absolute;
	content: '';
	background-image: url(/common/img/index/ico_heart.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 20px;
	top: 50%;
	margin-top: -10px;
	left: 40px;
}
.btnShop > span{
	display: inline-block;
	padding-left: 20px;
}
.myShopName{
	border-radius: 5px;
  	background-color: rgb(231, 85, 85);
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 0 3% 0 10px;
}
.myShopName > a{
	position: relative;	
	padding: 10px;
	color: #fff;
	text-align: left;
	/*width: 95%;*/
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.myShopName > a.linkBtn::after{
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	right: -3%;
	transform: rotate(45deg);  
	margin-top: -3px;
}
.myShopName > a:first-child{
	word-break: break-all;
}
.myShopName > a:last-child{
	white-space: nowrap;
	padding-left: 1em;
}
.myShop_newsHead{
	padding-left: 1.5em;
	color: #e75555;
	text-align: left;
	font-weight: bold;
	margin-top: 1em;
}
.myShop_newsWindow{
	padding: 1em 0 1em 1.5em;
	text-align: left;
}
.linkItem_point .bnrWrap{
	text-align: center;
}
.linkTxt{
	text-align: right;
	margin: 5px 0 10px;
	position: relative;
}
.linkTxt:last-child{
	margin-bottom: 0;
}
.linkTxt > a{
	font-size: 16px;
	display: block;
	padding-right: 30px
}
.linkTxt > a:hover{
	text-decoration: underline;
}
.linkTxt > a::after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border-top: 2px solid #e75555;
	border-right: 2px solid #e75555;
	right: 5px;
	transform: rotate(45deg);  
	top: 50%;
	margin-top: -6px;
}

@media screen and (min-width: 1700px) {
	.linkItem_myShop{
		padding: 60px 40px;
	}
}
@media screen and (max-width: 1640px) and (min-width: 769px){
	.linkItemTtl_txt br{
		display: block;
	}
}
@media screen and (max-width: 1460px) and (min-width: 769px){
	.linkItem_01_traceabilityArea .linkBox_linkBtn {
        font-size: 15px;
        padding: 10px 0;
        margin-top: 10px;
        }
    }
@media screen and (max-width: 1200px) and (min-width: 769px){
	.linkItem_01_traceabilityArea .linkBox_linkBtn{
		font-size: 16px;
	}
	.linkItem_01_traceabilityArea .linkBox_linkBtn::after{
		right: 10px;
	}

}
@media screen and (max-width: 970px) and (min-width: 769px){
	.linkItem_01_traceabilityArea::after{
		font-size: 33px;
		}
}
@media screen and (min-width: 769px){
	.linkItem_01{
		width: 65%;
		padding: 40px;
		background-position-x: 80%;
	}
	.linkItem_flyer{
		background-position-x: 80%; 
		display: flex;
	}
	.serchAreaTtl{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.serchAreaTtl .linkItemTtl{
		margin-bottom: 0;
	}
	#shopSearch_inner{
		display: flex;
		align-items: center;
	}
    .flyerLink a{
        border-right: 1px solid #fff;
    }
    .flyerLink:nth-child(3n) a{
        border-right: none;
    }
}
@media screen and (max-width: 768px){
	.linkBox,
	.flyerList{
		display: inherit;
	}
	.linkItem_flyer{
		width: 100%;
		/*padding: 40px 20px;*/
		background-size: cover;
	}
	.linkItem_01_flyerArea{
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
	}
	.linkItemTtl{
		align-items: center;
	}
	.linkItem_02{
		width: 100%;
		margin-left: 0;
		background-color: #f8f2e6;
		padding: 40px 20px;
		margin-top: 30px;
	}
	.flyerLink{
		width: 100%;
	}
	.linkItemBd{
		background-image: none;
		padding: 30px 20px;
		margin-top: 0;
	}
	.linkItem_02_list{
		padding: 20px;
		background-color: #fff;
	}
	.btnShop{
		width: 100%;
		padding: 20px 0;
		font-size: 16px;
	}
	.btnShop::before{
		left: 10%;
	}
	.linkItemTtl{
		font-size: 20px;
	}
	.linkItem_myShop .linkItemTtl::before{
		width: 30px;
		height: 24px;
		background-size: cover;
	}
	.linkItem_point .linkItemTtl::before{
		width: 30px;
		height: 31px;
		background-size: cover;
		margin-top: -16px;
		left: -10%;
	}
	.linkTxt{
		background-color: #fff;
		margin: 0;
		padding-bottom: 30px;
		position: static;
	}
	.linkTxt:last-child{
		padding-bottom: 0;
	}
	.linkTxt > a{
		position: relative;
		right: 15px;
		font-size: 14px;
	}
	.linkTxt > a::after{
		right: 10px;
	}
	.linkItem_point{
		margin-top: 30px;
	}
	.linkItem_point img{
		width: 100%;
		max-width: 269px;
	}
	#shopSearch_submit{
		margin: 15px 0 0 0;
		padding: 8px 0;
    	width: 50%;
	}
    .linkItem_01_leftArea{
        width: 100%;
    }
	.linkItem_01_traceabilityArea{
		width: 100%;
		padding: 20px 0;
	}
	.linkItem_flyer p.traceAbility{
		font-size: 16px;
	}
	.linkItem_01_traceabilityArea::after{
		content: none;
	}
    .linkItem_01_paypayArea{
        width: 100%;
    }
} 

/* --------------------------------------------------------
	お知らせ情報
-------------------------------------------------------- */
.topics_area{
	margin-bottom:40px;
	position:relative;
}
.topics_area_content{
	font-size:90%;
	margin: 20px 0;
}
.topics_area_content dt img{
	zoom: 0.7;
	transform: scale(0.7,0.7);
}
/*** タブ ***/

.topics_area_inner{
	margin: 0 auto;
	width: 980px;
}
.topics_area_tab{
	overflow:hidden;
	margin: 0 auto;
	width: 680px;
}

.topics_area_tab li{
	float:left;
	width:220px;
	text-align:center;
	padding:3px;
	margin:20px 10px 16px 0;
	background:#ddd;
	position:relative;
}
.topics_area_tab li:last-child{
	margin-right: 0;
}
.topics_area_tab li.select,
.topics_area_tab li.select:hover{
	color:#fff;
	background:#E75555;
}
.topics_area_tab li.select:after {
  content: "";
  position: absolute;
  left:50%;
	margin-left: -6px;
  bottom:-12px;
  border: 6px solid transparent;
  border-top-color: #E75555;
}
.topics_area_tab li:hover{
	cursor:pointer;
	background:#fdeded;
}


/*** お知らせ中身 ***/
.topics_area_content a{
	display:block;
}
.topics_area_content a:hover{
	background-color:#fdeded;
	text-decoration:none;
}
.topics_area_content dl{
	width:100%;
	border-bottom:1px dashed #ddd;
	font-size: 14px;
	padding: 10px;
}
.topics_area_content dl.last{
	border:none;
}
.topics_area_content dt,
.topics_area_content dd{
	vertical-align:top;
}
.topics_area_content dt{
	vertical-align: middle;
}
.topics_area_content dt img{
	max-width:80px;
	width:auto;
	height:auto;
}
.topics_area_content a dd {
	position: relative;
}
.topics_area_content a dd::after{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 12px;
	border-color: transparent transparent transparent #e75555;
	right: 5px;
    top: 0%;
    margin-top: -9px;
}
.topics_area_content .irnews a dd::after{
	top: 52%;
}
.topics_area_content p{
	margin:3px 0 0 0;
	padding-right: 2em;
}
.topics_area_content .topics_data{
	color:#656565;
}
.topics_area_content .pdfKb{
	display: inline-block;
	padding-left: 0.5em;
}

/*** お知らせアイコン ***/
.topics_area_content span.ico{
	display:inline-block;
	min-width:10em;
	padding:1px 3px 0;
	margin:0 0 0 10px;
	font-size:11px;
	line-height:1.2em;
	text-align:center;
	vertical-align:middle;
	border-radius: 3px;
	position: relative;
	top: -1px;
}
.topics_area_content span.ico.news_campaign{/* とくとく */
	color:#f5a300;
	border:solid 1px #f5a300;
}
.topics_area_content span.ico.news{/* お知らせ */
	color:#89b336;
	border:solid 1px #89b336;
}
.topics_area_content span.ico.news_cheer{/* 家計応援キャンペーン */
	color:#FCAD38;
	border:solid 1px #FCAD38;
}
.topics_area_content span.ico.news_shop{/* 店舗のお知らせ */
	color:#E75555;
	border:solid 1px #E75555;
}.topics_area_content span.ico.news_ir{/* IRニュース */
	color:#2b85c5;
	border:solid 1px #2b85c5;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.topics_area_content dt img{
		zoom: 1;
	}
}

.topics_area_tab li{
	float:left;
	width:220px;
	text-align:center;
	padding:3px;
	margin:15px 10px 10px 0;
	background:#f9f5eb;
	position:relative;
}
.btn{
	width:324px;
	font-size:1.14em;
	padding:20px;
	background:#F5F9E9 url(../img/ico_arrow_right02.png) no-repeat right 10px center;
}
.btn:hover{
	background-color:#fff;
}

@media screen and (max-width: 768px){
	.topics_area_inner{
		width: 100%;
	}
	.indexTtl{
		margin-top: 0;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.topics_area_tab{
		width: 90%;
	}
	.topics_area_tab li{
		width: 100%;
		float: none;
		padding: 5px;
	}
	.topics_area_tab li + li{
		margin-top: 10px;
	}
	.topics_area_tab li:last-child{
		margin: 10px auto 0;
	}
	.topics_area_tab li.select:after{
		content: none;
	}
	.topics_area_content dt{
		padding-left: 0;
		vertical-align: top;
	}
	.topics_area_content a dd::after{
		content: none;
	}
	.topics_area_content .topics_data{
		display: block;
	}
	.topics_area_content span.ico{
		margin-left: 0;
		margin-top: 5px;
	}
}

/* --------------------------------------------------------
	pontaカード
-------------------------------------------------------- */
.indexContsWrapPonta{
	/*background-image: url(/common/img/index/bg_more.png);*/
	background-repeat: no-repeat;
	background-size: cover;
    background-color: #f9f5eb;
	padding-bottom: 0;
}
.pontaWrap{
	padding: 70px 0;
	display: flex;

	justify-content: space-between;
}
.pontaIntro{
	border-radius: 3px;
	background-color: rgba(231, 85, 85, 0.8);
	text-align: center;
	position: relative;
	padding: 35px;
	background-image: url(/common/img/index/bg_ponta.png);
	background-repeat: no-repeat;
	background-position-y: 100px;
	background-position-x: center;
	width: 49%;
}
.pontaIntro::after{
	content: '';
	position: absolute;
	background-image: url(/common/img/index/img_cogca.png);
	background-repeat: no-repeat;
	width: 79px;
	height: 76px;
	bottom: 0;
	right: 70px;
}
.pontaHead{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.pontaMore{
	font-size: 16px;
	margin-top: 15px;
	position: relative;
	z-index: 10;
}
.pontaIntoroImage{
	position: relative;
	top:-20px;
}
.pontaIntoroImage img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 379px;
}
.pontaEnrollment{
	display: block;
	border-radius: 2px;
	background-color: rgba(245, 163, 0, 0.85);color: #fff;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	padding: 8px 0;
	font-size: 16px;
}
.caraCopy{
	color: #fff;
	font-size: 10px;
	position: absolute;
	right: 10px;
	bottom: 5px;
}
.caraCopy span{
	display: block;
}
.pontaAbout{
	width: 49%;
}
.pontaAboutList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pontaAboutItem + li{
	margin-left: 10px;
}
.pontaAboutItem{
  	border: rgb(231, 85, 85) 3px solid;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 4.56px 1.44px rgba(158, 50, 48, 0.25);
}
.pontaAboutItem:hover{
	opacity: 0.7;
    transition: 0.2s ease;
	text-decoration: underline;
}
.pontaAboutItem a{
	display: block;
	padding: 50px 0;
	text-align: center;
}

.pontaAboutTtl{
	display: block;
	margin-top: 30px;
	font-size: 16px;
}
.pontaAboutList2col .pontaAboutItem:first-child{
	width: 60%;
}
.pontaAboutList2col .pontaAboutItem:last-child{
	width: calc(40% - 10px);
}
.pontaAboutList3col{
	margin-top: 20px;
}
.pontaAboutList3col .pontaAboutItem{
	width: calc(100% / 3 - 10px);
	padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.indexContsWrapPonta{
		background-image: none;
	}
	.pontaWrap{
		display: inherit;
		padding: 40px 0;
	}
	.pontaIntro,
	.pontaAbout{
		width: 100%;
	}
	.pontaAbout{
		margin-top: 20px;
	}
	.pontaHead{
		line-height: 1.5;
	}
	.pontaEnrollment{
		width: 90%;
	}
	.pontaIntro::after{
		content: none;
	}
	.caraCopy span{
		display: inline-block;
	}
	.caraCopy span + span{
		padding-left: 0.5em;
	}
	.pontaAboutList{
		display: inherit;
	}
	.pontaAboutList2col .pontaAboutItem:first-child,
	.pontaAboutList2col .pontaAboutItem:last-child{
		width: 100%;
	}
	.pontaAboutItem + li{
		margin-left: 0;
		margin-top: 10px;
	}
	.pontaAboutList3col{
		margin-top: 10px;
	}
	.pontaAboutItem,
	.pontaAboutList3col .pontaAboutItem {
		width: 100%;
		padding-bottom: 0;
	}
	.pontaAboutItem a{
		padding: 30px 0;
	}
	.pontaAboutTtl{
		margin-top: 15px;
	}
	.pontaAboutTtl br{
		display: none;
	}
}


/* --------------------------------------------------------
	商品のご紹介
-------------------------------------------------------- */
.moreBnrWrap{
	text-align: center;
}
.moreBnrWrap h2{
	position: relative;
	display: inline-block;
}
.moreBnrWrap h2::after {
    position: absolute;
    content: '';
    background-image: linear-gradient(to right, #e75555, #e75555 2px, transparent 2px, transparent 6px);
    background-size: 7px 2px;
    background-position: bottom;
    background-repeat: repeat-x;
    width: 30%;
    height: 2px;
    left: 50%;
    margin-left: -20%;
    bottom: -30px;
}
.moreBnrList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 70px;
}
.moreBnrList li{
	width: calc(100% / 3 - 10px);
}
.moreBnrList li img{
	width: 100%;
	max-width: 315px;
}
.moreBnrList li:nth-child(n+4){
	margin-top: 10px;
}
@media screen and (max-width: 768px) and (min-width: 480px){ 
	.moreBnrList li{
		width: calc(100% / 2 - 5px);
	}
	.moreBnrList li:nth-child(n+3){
		margin-top: 10px;
	}
}
@media screen and (max-width: 480px) { 
	.moreBnrWrap h2 img{
		width: 100%;
		max-width: 312px;
	}
	.moreBnrList{
		display: inherit;
	}
	.moreBnrList li{
		width: 100%;
	}
	.moreBnrList li + li{
		margin-top: 10px;
	}
}


/* --------------------------------------------------------
	役立つ・助かる！情報
-------------------------------------------------------- */
.slideInfoWrap{
	margin: 50px auto 0;
	position: relative;
	max-width: 1137px;
}
#slideInfo{
	width: 100%;
	background-color: #f9f5eb;
}
.slideInfoItem{
}
#slideInfo .slick-slide img{
	width: auto;
}
.slideInfoWrap .slick-prev{
	position: absolute;
    right: -25px;
    top: 50%;
	background-image: url(/common/img/index/ico_prev.png);
	width: 50px;
	height: 50px;
	z-index: 100;
	
}
.slideInfoWrap .slick-next{
	position: absolute;
    right: -25px;
    top: 50%;
	background-image: url(/common/img/index/ico_next.png);
	width: 50px;
	height: 50px;
	z-index: 100;
}
button.slick-prev, button.slick-next {
    z-index:2;
}

.slideInfoItem a{
	display: block;
	background-color: #fff;
	height: 230px;
	padding: 20px;
	text-align: center;
	margin: 0 6px;
}
.infoItemImgWrap{
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.infoItemImgWrap img{
	max-width: 150px;
}
.slideInfoTxt{
	height: 50px;
	padding-top: 15px;
	text-align: center;
	display: table;
	width: 100%;
}
.slideInfoItem > a .slideInfoTxt > span{
	position: relative;
	font-size: 16px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.slideInfoItem > a .slideInfoTxt > span::after{
	position: absolute;
    content: '';
    background-image: linear-gradient(to right, #e75555, #e75555 2px, transparent 2px, transparent 6px);
    background-size: 7px 2px;
    background-position: bottom;
    background-repeat: repeat-x;
    width: 80px;
    height: 2px;
    left: 50%;
    margin-left: -40px;
    bottom: -10px;
}
@media screen and (max-width: 1024px) and (min-width: 769px) { 
	.slideInfoWrap{
		max-width: 950px;
	}
}
@media screen and (max-width: 768px) { 
	.slideInfoWrap{
		padding: 0 20px;
	}
	.infoItemImgWrap{
		height: 70px;
	}
	.slideInfoItem a{
		height: 165px;
	}
	#slideInfo .slick-slide .infoItemImgWrap img{
		max-width: 80px;
	}
	#slideInfo .slick-slide .infoItemImgWrap img.infoItemImg_small{
		max-width: 70px;
	}
	.slideInfoTxt{
		height: 40px;
	}
	.slideInfoItem > a .slideInfoTxt > span{
		font-size: 12px;
	}
}
@media screen and (max-width: 320px){
	.slideInfoWrap{
		padding: 0 10px;
	}
	.slideInfoItem a{
		padding: 20px 10px;
	}
	.slideInfoWrap .slick-prev{
		width: 40px;
		height: 40px;
		background-size: cover;
		left: -20px;
	}
	.slideInfoWrap .slick-next{
		width: 40px;
		height: 40px;
		background-size: cover;
		right: -20px;
	}
}

/* --------------------------------------------------------
	Health Plan
-------------------------------------------------------- */
.healthPlanWrap{
	width: 100%;
	margin-top: 70px;
	background-image: url(/common/img/index/bg_health.png);
	background-repeat: no-repeat;
	padding: 50px 0;
}
.healthPlan{
	position: relative;
}
.healthPlanTtlWrap{
	padding-left: 300px;
}
.healthPlanTtl{
	color: #e75555;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	margin-top: 36px;
}
.healthPlanTtl > span{
	display: block;
	font-size: 96px;
	margin-top: 20px;
	letter-spacing: 0.02em;
	position: relative;
	z-index: 10;
}
.healthPlanTtlWrap img{
	position: relative;
	top:-60px;
}
.healthPlanLinkArea{
	width: 28%;
	position: absolute;
	top: 16%;
	right: 10%;
}
.healthPlanLinkList{
	text-align: center;
	position: relative;
}
.healthPlanLinkList::before{
	content: '';
	position: absolute;
	width: 250px;
    height: 250px;
	border: #cbcdb0 solid 1px;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -125px;
	margin-top: -125px;
}
.healthPlanLinkList li{
	width: calc(50% - 20px);
	display: inline-block;
	position: relative;
	z-index: 10;
}
.healthPlanLinkList li:nth-child(2){
	margin-left: 20px;
}
.healthPlanLinkList li:nth-child(3){
	margin-top: 20px;
}
.healthPlanLinkList li a img{
	width: 100%;
	max-width: 191px;
}
@media screen and (max-width: 1650px) and (min-width: 769px){
	.healthPlanTtlWrap{
		padding-left: 5%;
	}
}
@media screen and (max-width: 1400px) and (min-width: 769px){
	.healthPlanLinkList::before{
		width: 200px;
		height: 200px;
		margin-left: -100px;
		margin-top: -100px;
	}
}
@media screen and (max-width: 768px){
	.healthPlanWrap{
		background-size: cover;
		margin-top: 40px;
		background-color: #fdfaee;
		padding-bottom: 0;
		background-position-x: 29%;
	}
	.healthPlanTtlWrap{
		padding-left: 0;
	}
	.healthPlanLinkList::before{
		width: 150px;
		height: 150px;
		margin-left: -75px;
		margin-top: -75px;
	}
	.healthPlanTtl{
		font-size: 16px;
		display: block;
	}
	.healthPlanTtl > span{
		font-size: 48px;
	}
	.healthPlanTtlWrap img{
		width: 100%;
		top: -48px;
	}
	.healthPlanTtlWrap p{
		text-align: center;
		margin-top: 10px;
		line-height: 1.8;
	}
	.healthPlanLinkArea{
		width: 85%;
		position: relative;
		top: -50px;
		right: -15%;
	}
	.healthPlanLinkList li:nth-child(2){
		margin-left: 10px;
	}
	.healthPlanLinkList li:nth-child(3){
		margin-top: 0;
	}
}
@media screen and (max-width: 480px){
	.healthPlanLinkArea{
		right: -17%;
	}
}
/* --------------------------------------------------------
	行ってよかった
-------------------------------------------------------- */
.alwaysGoodWrap{
	width: 100%;
	margin-top: 70px;
	background-image: url(/common/img/index/img_index_02.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0;
}
.alwaysGood{
	padding-top: 0;
	display: flex;
}
.GoodItem{
	background-color: rgba(255,255,255,0.9);
	padding: 80px 0;
	text-align: center;
	width: 55%;
}
.GoodItemTtl{
	font-size: 28px;
	font-weight: bold;
	position: relative;
	letter-spacing: 0.1em;
}
.GoodItemTtl br{
	display: none;
}
.GoodItemTtl::after{
	position: absolute;
	content:'';
    background-image: linear-gradient(to right, #e75555, #e75555 2px, transparent 2px, transparent 6px);
    background-size: 7px 2px;
    background-position: bottom;
    background-repeat: repeat-x;
    width: 300px;
    height: 2px;
    left: 50%;
    margin-left: -150px;
    bottom: -27px;
}
.GoodItem > p{
	margin-top: 50px;
	line-height: 2;
    font-size: 16px;
}
.GoodItemLink{
	margin: 50px auto 0;
	background-color: #4b341c;
	border-radius: 5px;
	padding: 14px 0;
	font-size: 16px;
	width: 40%;
}
.GoodItemLink::after{
	margin-top: -4px;
}
.GoodItemImage{
	width: 45%;
	background-image: url(/common/img/index/img_index_01.png);
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 768px) { 
	.alwaysGoodWrap{
		margin-top: 40px;
		background-position-x: 35%;
	}
	.alwaysGood{
		display: inherit;
	}
	.GoodItem{
		width: 90%;
		padding: 40px 0;
		margin: 0 auto;
	}
	.GoodItemImage{
		display: none;
	}
	.GoodItemTtl{
		font-size: 20px;
	}
	.GoodItemTtl::after{
		width: 60%;
		margin-left: -30%;
	}
	.GoodItem > p{
		width: 90%;
		margin: 50px auto 0;
		font-size: 14px;
	}
	.GoodItem > p > br{
		display: none;
	}
	.GoodItemLink{
		width: 90%;
		margin: 30px auto 0;
	}
}
@media screen and (max-width: 480px) { 
	.GoodItemTtl{
		font-size: 5vw;
		line-height: 1.5;
	}
	.GoodItemTtl br{
		display: block;
	}
}

	/* --------------------------------------------------------
	linkBox3
-------------------------------------------------------- */
.linkBox3{
	display: flex;
	justify-content: space-between;
}
.linkBox3 li{
	width: calc(100% / 3 - 20px);
}
.linkBox3 li a{
	display: block;
	text-align: center;
	padding:20px 0;	
}
.linkBox3 li a:hover{
	transition: 0.2s ease;
}
.linkContact{
	border:5px solid #e75555;
}
.linkTw{
	border:5px solid #000000;
}
.linkFb{
	border:5px solid #5f7bc1;
}
.linkBox3_head{
	display: block;
	position: relative;
	line-height: 45px;
}
.linkBox3_head::after{
	position: absolute;
	content: '';
	background-size: 7px 2px;
	background-position: bottom;
	background-repeat: repeat-x;
	width: 100px;
	height: 2px;
	left: 50%;
	margin-left: -50px;
	bottom: -5px;
}
.linkContact:hover{
	background-color: rgba(231, 85, 85, 0.2);
}
.linkContact .linkBox3_head{
	font-style: italic;
	font-weight: bold;
	color: #e75555;
	font-size: 30px;

}
.linkContact .linkBox3_head::after{
    background-image: linear-gradient(to right, #e75555, #e75555 2px, transparent 2px, transparent 6px);
}
.linkTw:hover{
	background-color: rgba(80, 171, 241, 0.2);
}
.linkTw .linkBox3_head{
	font-size: 20px;
	font-weight: bold;
	padding-left: 1.5em;
}
.linkTw .linkBox3_head::before{
	content: '';
	position: absolute;
	background-image: url(/common/img/index/ico_x.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 34px;
	height: 34px;
	left: 45px;
	top: 50%;
	margin-top: -17px;
}
.linkTw .linkBox3_head::after{
    background-image: linear-gradient(to right, #000000, #000000 2px, transparent 2px, transparent 6px);
}
.linkFb:hover{
	background-color: rgba(95, 123, 193, 0.2);
}
.linkFb .linkBox3_head::before{
	content: '';
	position: absolute;
	background-image: url(/common/img/index/ico_facebook.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 34px;
	height: 34px;
	left: 15px;
	top: 50%;
	margin-top: -17px;
}
.linkFb .linkBox3_head::after{
    background-image: linear-gradient(to right, #5f7bc1, #5f7bc1 2px, transparent 2px, transparent 6px);
}
.linkFb .linkBox3_head{
	font-size: 20px;
	font-weight: bold;
	padding-left: 1.5em;

}
.linkBox3_txt{
	display: block;
	margin-top: 13px;
}

@media screen and (max-width: 768px) { 
	.linkBox3{
		display: inherit;
	}
	.linkBox3 li{
		width: 100%;
	}
	.linkBox3 li + li{
		margin-top: 10px;
	}
	.linkBox3 li a{
		padding: 10px;
		height: 120px;
	}
	.linkContact .linkBox3_head{
		font-size: 24px;
	}
	.linkTw .linkBox3_head,
	.linkFb .linkBox3_head{
		font-size: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 0;
	}
	.linkTw .linkBox3_head::before,
	.linkFb .linkBox3_head::before{
		position: relative;
		display: block;
		left: -10px;
		top: 7px;
	}
}