@charset "utf-8";
/* CSS Document */
/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; text-decoration: none;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

* {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
    line-height: 1.6;
    font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif,'メイリオ';
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.pc_none {
	display: none;
}
.w100per{
	width: 100%;
}
.no_img .panel__link{
	width: 300px;
}
.no_img .panel__top .text__top{
	width: 300px;
}
.no_img .panel__top {
	margin: 0 0 0 0;
}
.no_img .panel__top .text__bottom > p {
	margin: 7px 0 7px 0;
}
/* ----------------------------------------------------------- */
/* ----------header---------- */

.header {
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #ffffff;
}

.header__top {
	text-align: center;
	padding: 10px 0 10px 0;
}

.header__bottom {
	padding: 10px 0 10px 0;
	background-color: #253E8F;
	color: #ffffff;
}

.header__bottom .bottom__tit {
	text-align: center;
	display: flex;
	justify-content: center;
}

.header__bottom .bottom__tit .aoki {
	margin: 5px 10px 0 0;
}

.header__bottom .bottom__tit .smx {
	margin: 6px 10px 0 0;
}

.header__bottom .bottom__tit h1 {
	font-size: 2.6rem;
	font-weight: bold;
}

.header__bottom .bottom__text {
	margin: 0 auto;
	max-width: 750px;
}

.header__bottom .bottom__text ul {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2.0;
}

.header__bottom .bottom__text ul li:nth-of-type(1) {
	display: inline-block;
	padding: 0 0 0 30px;
	background: url("../_img/header_icon01.png") no-repeat left center;
	background-size: 27px;
}

.header__bottom .bottom__text ul li:nth-of-type(2) {
	display: inline-block;
	padding: 0 0 0 30px;
	background: url("../_img/header_icon02.png") no-repeat left center;
	background-size: 24px;
}

.header__bottom .bottom__text ul li a::before {
	position: absolute;
	content: "";
	left: 7px;
	top: 8px;
	width: 18px;
	height: 19px;
	background: url("../_img/header_icon03.png") no-repeat;
}

.header__bottom .bottom__text ul li a {
	position: relative;
	display: inline-block;
	padding: 5px 6px 5px 30px;
	font-size: 1.3rem;
	border-radius: 24px;
	background: #ffffff;
	color: #253E8F;
}

/* ----------main---------- */
.wrapper {
	text-align: center;
	max-width: 1080px;
	margin: 216px auto 0 auto;
}

.group {
	margin: 0 0 44px 0;
}

/* -----クーポン カードパネル部分------ */

.group h2 {
	font-size: 3.2rem;
	font-weight: bold;
	border: 2px solid #ffffff; 
	color: #ffffff;
	box-shadow: 10px 10px #F55757;
	padding: 14px 0 14px 0;
	margin: 0 25px 42px 15px;
	background: linear-gradient(to right, #F55757, #FF8B67);
}

.group__box {
	max-width: 695px;
	margin: 0 auto;
}

.box__panels--center {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

.box__panels--start {
	display: flex;
	flex-flow: wrap;
	justify-content: flex-start;
}

.panel {
	display: flex;
	width: 335px;
	margin: 0 0 30px 0;
	border-radius: 10px;
	box-shadow: 6px 6px 5px #7777771A;
}

.panel__link {
	display: flex;
	width: 335px;
	padding: 15px 15px 15px 15px;
	font-size: 1.2rem;
	color: #495061;
}

.panel__line--blue {
	border: 1px solid #253E8F;
}

.panel__line--red {
	border: 1px solid #F75F5B;
}

.box__panels--start > .panel:nth-of-type(2n) {
	margin-left: 25px;
}

.panel--items {
	display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.panel__top {
	display: flex;
	margin: 0 0 15px 0;
}

.panel__top figure {
	margin: 0 10px 0 0;
}

.panel__top .panel__text {
	color: #495061;
}

.panel__top .text__top{
	width: 205px;
	padding: 2px 0 2px 0;
	margin: 0 0 10px 0;
	background: #E4E5E7;
}

.panel__top .text__top.snoopy{
    width: 163px;;
}

.panel__top .text__middle {
	line-height: 0.9;
}

.panel__top .text__middle span {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	
}

.panel__top .text__middle .text__middle--blue {
	color: #253E8F;
}

.panel__top .text__middle .text__middle--red {
	color: #F75F5B;
}

.panel__top .text__bottom {
	font-size: 3.2rem;
	font-weight: bold;
	color: #D80000;
}

.panel__top .text__bottom .text__bottom--yen {
	font-size: 2.0rem;
}

.panel__top .text__bottom .text__bottom--zei {
	font-size: 1.2rem;
	font-weight: inherit;
	line-height: 0.4;
}

.panel__bottom .text__top {
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
	border: 1px solid #495061;
}

.panel__btn_m {
	padding: 9px 20px 2px 20px;
    /* margin: 10px 0 0 0; */
    /* background-color: #D0D1D5; */
    /* border-radius: 16px; */
    color: #08128a;
    font-size: 15px;
    text-decoration: underline;
}
.panel__btn_l {
	padding: 9px 20px 2px 20px;
    /* margin: 10px 0 0 0; */
    /* background-color: #D0D1D5; */
    /* border-radius: 16px; */
    color: #ff4949;
    font-size: 15px;
    text-decoration: underline;
}
/* -----クーポン 注釈部分------ */

.attentions {
	display: flex;
	text-align: start;
	padding: 20px 20px 20px 20px;
	background-color: #F6F6F7;
	color: #495061;
}

.attentions__column {
	flex: 1;
}

.attentions__column:nth-of-type(2n) {
	margin: 0 0 0 26px;
}

.column__tit {
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0 0 0 6px;
	margin: 0 0 8px 0;
	border-left: 3px solid #495061;
}

.column__text .red {
	font-weight: bold;
	color: #D80000;
}

/* -----site link------ */

.links {
	display: flex;
	justify-content: flex-start;
}

.link {
	border: 1px solid #A1A4AB;
	width: calc(100% - 20px);
}

.link:nth-of-type(2n) {
	margin-left: 20px;
}

.link a {
	position: relative;
	display: block;
	padding: 20px 0 20px 0;
	color: #A1A4AB;
}

.link a::after {
	position: absolute;
	content: "";
	right: 3%;
	top: 44%;
    width: 4px;
    height: 4px;
    border: 2px solid;
	border-color: #A1A4AB #A1A4AB transparent transparent;
    transform: rotate(45deg);
}
/* ----------footer---------- */
footer {
	text-align: center;
	padding: 4px 0 4px 0;
	background-color: #253E8F;
}

footer small {
	max-width: 750px;
	font-size: 1.2rem;
	color: #ffffff;
}
/* -----22/1/19------ */
 .nav01  {
    margin: 40px 0 36px 0;
    line-height: 1.5;
    width: 695px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

 .nav01 li {
    width: 49%;
    margin: 0 0 18px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

 .nav01 li a {
    width: 100%;
    padding: 12px;
    border-radius: 15px;
    font-weight: bold;
    text-align: center;
    background-size: 7px auto;
    transition: 0.3s;
    text-decoration: none;
    color: #ffffff;
}

 .nav01 li .storetop {
    padding-left: 20px;
    background: url(../_img/ico_shop.png) no-repeat 32% center;
    background-size: 28px auto;
    color: #495061;
    background-color: #d4d4d4;
}

 .nav01 li .m_suit {
    background-color: #84bacb;
}

 .nav01 li .l_suit {
    background-color: #e3969b;
}

/* ------------------------------以下sp------------------------------ */	
@media screen and (max-width: 767px) {
	.pc_none {
		display: inherit;
	}
	
	.sp_none {
		display: none;
	}

	/* ----------header---------- */
	.header__top {
		padding: 5px 0 2px 0;
	}
	
	.header__top p {
		display: inline;
	}
	
	.header__bottom {
		padding: 10px 24px 10px 24px;
	}
	
	.header__bottom .bottom__tit {
		margin: 0 0 8px 0;
	}
	
	.header__bottom .bottom__tit .aoki {
		margin: 0 10px 0 0;
	}
	
	.header__bottom .bottom__tit .smx {
		width: 26%;
		margin: 2px 5px 0 0;
	}
	
	.header__bottom .bottom__tit h1 {
		font-size: 1.8rem;
	}
	
	.header__bottom .bottom__text ul {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	
	.header__bottom .bottom__text ul li:nth-of-type(1) {
		padding: 0 0 0 34px;
		margin: 0 0 8px 0;
		background-size: 25px;
	}
	
	.header__bottom .bottom__text ul li:nth-of-type(2) {
		padding: 0 0 0 34px;
	}
	
	.header__bottom .bottom__text ul li a {
		display: none;
	}
	
	/* ----------main---------- */
	.group h2 {
		width: 94%;
		font-size: 2.0rem;
		line-height: 1.3;
		padding: 10px 0 10px 0;
		margin: 0 5% 24px 2%;
		box-shadow: 6px 6px #F55757;
	}
	
	/* -----クーポン カードパネル部分------ */
	.panel {
		margin: 0 0 24px 0;
	}
	
	.box__panels--start > .panel:nth-of-type(2n) {
		margin-left: 0;
	}
	
	.box__panels--start {
		justify-content: center;
	}
	
	/* -----クーポン 注釈部分------ */
	.attentions {
		margin: 0 10px 0 10px;
		display: inherit;
	}
	
	.attentions__column:nth-of-type(2n) {
		margin: 16px 0 0 0;
	}
	
	/* -----site link------ */
	.links {
		margin: 0 10px 0 10px;
		justify-content: center;
	}
	
	.link {
		width: calc(100% - 3%);
	}
	
	.link:nth-of-type(2n) {
		margin-left: 3%
	}
	/* -----22/1/19------ */
 .nav01 {
    margin: 30px 3% 25px;
    line-height: 1.5;
    width: 94%;
}

 .nav01 li {
    margin: 0 0 10px;
    width: 100%;
}

 .nav01 .order01 {
    order: 1;
}

 .nav01 .order02 {
    order: 2;
}

 .nav01 .order03 {
    order: 3;
}

 .nav01 .order04 {
    order: 4;
}

 .nav01 li a {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    background-size: 7px auto;
    text-decoration: none;
    line-height: 1.3;
    color: #ffffff;
}

 .nav01 li .storetop {
    padding-left: 20px;
    background: url(../_img/ico_shop.png) no-repeat 32% center;
    background-size: 28px auto;
    color: #495061;
    background-color: #d4d4d4;
}

 .nav01 li .m_suit {
    background-color: #84bacb;
}

 .nav01 li .l_suit {
    background-color: #e3969b;
}
}
/* ----------------------------------------------------------- */
/* -----22/1/19------ */
/*.catch{
	text-align: center;
    font-size: 20px;
    margin: 0 0 25px;
    color: #495061;
    position: relative;
    font-weight: bold;
}
.catch ::after{
	content: "";
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #e4e5e7;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -5;
}
.catch span{
	display: inline-block;
    background: #fff;
    padding: 0 10px 0 10px;
}
*/
/* ----------------------------------------------------------- */
/*.catch {
  display: flex;
  align-items: center;
  justify-content: center; 
  text-align: center;
    font-size: 20px;
    color: #495061;
    font-weight: bold;
	margin-bottom: 30px;
}
.catch:before, .catch:after {
  border-top: 1px solid;
  content: "";
  width: 3em; 
}
.catch:before {
  margin-right: 5px; 
}
.catch:after {
  margin-left: 5px; 
}
*/
/* ----------------------------------------------------------- */
.catch{
	display: flex;
  align-items: center;
	  text-align: center;
    font-size: 20px;
    color: #495061;
    font-weight: bold;
	margin-bottom: 30px;

}
.catch:before, .catch:after{
  border-top: 1px solid;
  content: "";
  flex-grow: 1;
}
.catch:before{
   margin-right: 1rem;
}
.catch:after{
   margin-left: 1rem;
}