@charset "UTF-8";
/*
Theme Name: 一般社団法人全国スーパーマーケット協会
Theme URI:
Description:
Author:
Version: 1.1.8
*/

/*===============================

　common_style

================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;font-size:62.5%;line-height:1;text-align:center;-webkit-text-size-adjust:100%;}
header,footer,nav,section,article,aside,figure,figcaption,time{display:block;}  
fieldset,table,img,a img{border:0;}
address,em{font-style:normal;}
strong,dt,h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
ul,ol{list-style:none;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}

/*-------------------------
__base_style
-------------------------*/
#wrap{letter-spacing:0.1em;color:#333;}
#wrap img{width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:top;}

#wrap .tab_on{display:none;}
#wrap .sp_on{display:none;}

@media screen and (max-width:980px) {
  #wrap .tab_on{display:inherit;}
  #wrap .tab_off{display:none;}
}

@media screen and (max-width:767px) {
  #wrap .sp_on{display:inherit;}
  #wrap .sp_off{display:none;}
}

#wrap .btn a{display:block;font-size:1.3em;font-weight:700;line-height:1.1;text-decoration:none;border-radius:100px;padding:8px 20px;box-sizing:border-box;color:#FFF;background-color:#f60b38;border:1px solid #f60b38;}
#wrap .btn a span{display:inline-block;vertical-align:middle;}
#wrap .btn a::after{content:"";display:inline-block;width:7px;height:7px;vertical-align:middle;margin:0 0 0 10px;border-top:solid 1px #FFF;border-right:solid 1px #FFF;transform:rotate(45deg);}

@media screen and (min-width:768px) {
  #wrap .btn a{transition:color 0.3s,background-color 0.3s;;}
  #wrap .btn a::after{transition:all 0.3s;}
  #wrap .btn a:hover{color:#f60b38;background-color:#FFF;}
  #wrap .btn a:hover::after{border-top:solid 1px #f60b38;border-right:solid 1px #f60b38;transform:translateX(5px) rotate(45deg);}
}

@media screen and (max-width:980px) {
  #wrap .btn a{padding:8px 15px;}
}

@media screen and (max-width:767px) {
  #wrap .btn a{font-size:1.2em;padding:6px 12px;text-align:left;}
  #wrap .btn a::after{margin:0 0 0 5px;}
}

/*-------------------------
__header
-------------------------*/
#header{padding:15px 20px;}
#header #hd_inner{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:960px;margin:auto;}
#header #hd_inner #hd_logo{height:50px;}
#header #hd_inner #hd_navi ul{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#header #hd_inner #hd_navi ul li + li:not(.btn)::before{content:"";display:inline-block;width:1px;height:10px;vertical-align:middle;background-color:#b3b3b3;}
#header #hd_inner #hd_navi ul li:not(.btn) a{display:inline-block;font-size:1.5em;font-weight:700;vertical-align:middle;text-decoration:none;padding:0 10px;color:#333;}
#header #hd_inner #hd_navi ul li.btn{margin-left:10px;}

@media screen and (min-width:768px) {
  #header #hd_inner #hd_logo a{transition:opacity 0.3s;}
  #header #hd_inner #hd_logo a:hover{opacity:0.5;}
  #header #hd_inner #hd_navi ul li:not(.btn) a{transition:color 0.3s;}
  #header #hd_inner #hd_navi ul li:not(.btn) a:hover{color:#f60b38;}
}

@media screen and (max-width:980px) {
  #header #hd_inner #hd_logo{height:40px;}
  #header #hd_inner #hd_navi ul li:not(.btn) a{font-size:1.4em;padding:0 8px;}
  #header #hd_inner #hd_navi ul li.btn{margin-left:0;}
}

@media screen and (max-width:767px) {
  #header{width:100%;height:60px;padding:10px;box-sizing:border-box;background-color:#FFF;position:fixed;z-index:999;}
  #header::after{content:"";display:block;width:100%;height:5px;background:url(/wp/wp-content/themes/super/images/drop_shadow@2x.png)no-repeat center center / 100% 100%;position:absolute;right:0;bottom:-5px;left:0;}
  #header #hd_inner{}
  #header #hd_inner #hd_logo{height:30px;text-align:left;}
  #header #hd_inner #hd_navi{margin:0 40px 0 0;}
  #header #hd_inner #hd_navi ul li:not(.btn){display:none;}
}

/*-------------------------
__side
-------------------------*/
#side{width:220px;}
#side dl{position:relative;}
#side dl::after{content:"";display:block;width:100%;height:5px;background:url(/wp/wp-content/themes/super/images/drop_shadow@2x.png)no-repeat center center / 100% 100%;position:absolute;right:0;bottom:-5px;left:0;}
#side dl + dl{margin-top:15px;}
#side dl dt a{display:block;text-decoration:none;padding:10px;}
#side dl dt span{font-size:1.6em;font-weight:700;color:#FFF;}
#side dl dd + dd{background-image:linear-gradient(to right, #b3b3b3, #b3b3b3 1px, transparent 1px, transparent 3px);background-size:3px 1px;background-position:left top;background-repeat:repeat-x;}
#side dl dd a{display:block;text-decoration:none;padding:8px 10px 8px 30px;color:#333;position:relative;}
#side dl dd a::before{content:"";display:inline-block;width:6px;height:6px;vertical-align:middle;margin:0 10px 0 0;position:absolute;top:13px;left:10px;transform:rotate(45deg);}
#side dl dd span{display:inline-block;font-size:1.4em;line-height:1.4;vertical-align:middle;}

#side dl.member dt{background-color:#e34d4d;}
#side dl.member dd{background-color:#fbdae7;}
#side dl.member dd a::before{border-top:solid 2px #e34d4d;border-right:solid 2px #e34d4d;}
#side dl.normal dt{background-color:#43c109;}
#side dl.normal dd{background-color:#e1f2c1;}
#side dl.normal dd a::before{border-top:solid 2px #43c109;border-right:solid 2px #43c109;}
#side dl dt span.member::before,
#side dl dt span.about::before,
#side dl dt span.business::before{content:"";display:inline-block;height:15px;vertical-align:top;margin:0 8px 0 0;}
#side dl dt span.member::before{width:13px;background:url(/wp/wp-content/themes/super/images/ico_member@2x.png)no-repeat center center / contain;}
#side dl dt span.about::before{width:15px;background:url(/wp/wp-content/themes/super/images/ico_about@2x.png)no-repeat center center / contain;}
#side dl dt span.business::before{width:12px;background:url(/wp/wp-content/themes/super/images/ico_business@2x.png)no-repeat center center / contain;}

/* ========== サイドメニューの現在のページを強調 ========== */
#side.page71 dl dd a.page71,
#side.page73 dl dd a.page73,
#side.page75 dl dd a.page75{color:#FFF;background-color:#f99e9e;}
#side.page71 dl dd a.page71::before,
#side.page73 dl dd a.page73::before,
#side.page75 dl dd a.page75::before{border-top:solid 2px #FFF;border-right:solid 2px #FFF;}
#side.page2 dl dd a.page2,
#side.page10 dl dd a.page10,
#side.page25 dl dd a.page25,
#side.page27 dl dd a.page27,
#side.page29 dl dd a.page29,
#side.page48 dl dd a.page48,
#side.page50 dl dd a.page50,
#side.page54 dl dd a.page54,
#side.page2646 dl dd a.page2646,
#side.page4223 dl dd a.page4223,
#side.page6709 dl dd a.page6709,
#side.page1314 dl dd a.page1314,
#side.page63 dl dd a.page63,
#side.page57 dl dd a.page57,
#side.page61 dl dd a.page61,
#side.page611 dl dd a.page611{color:#FFF;background-color:#98db7a;}
#side.page2 dl dd a.page2::before,
#side.page10 dl dd a.page10::before,
#side.page25 dl dd a.page25::before,
#side.page27 dl dd a.page27::before,
#side.page29 dl dd a.page29::before,
#side.page48 dl dd a.page48::before,
#side.page50 dl dd a.page50::before,
#side.page54 dl dd a.page54::before,
#side.page2646 dl dd a.page2646::before,
#side.page4223 dl dd a.page4223::before,
#side.page6709 dl dd a.page6709::before,
#side.page1314 dl dd a.page1314::before,
#side.page63 dl dd a.page63::before,
#side.page57 dl dd a.page57::before,
#side.page61 dl dd a.page61::before,
#side.page611 dl dd a.page611::before{border-top:solid 2px #FFF;border-right:solid 2px #FFF;}

#side .address{font-size:1.3em;line-height:1.5;margin:15px 0 0;}

#side_btn{display:none;width:30px;height:30px;cursor:pointer;position:fixed;top:15px;right:10px;z-index:999;}
#side_btn > span{width:30px;height:2px;margin:auto;background-color:#f60b38;position:absolute;right:0;left:0;transition:all 0.3s;}
#side_btn > span:nth-of-type(1){top:3px;}
#side_btn > span:nth-of-type(2){top:0;bottom:0;}
#side_btn > span:nth-of-type(3){bottom:3px;}
/* 開閉メニュー */
#side_btn.active > span:nth-of-type(1){transform:translateY(10px) rotate(-45deg);}
#side_btn.active > span:nth-of-type(2){opacity:0;}
#side_btn.active > span:nth-of-type(3){transform:translateY(-11px) rotate(45deg);}

@media screen and (min-width:768px) {
	#side dl dt a{transition:opacity 0.3s;}
  #side dl dt a:hover{opacity:0.5;}
  #side dl dd a{transition:color 0.3s,background-color 0.3s;}
  #side dl dd a::before{transition:all 0.3s;}
  #side dl dd a:hover{color:#FFF;}
  #side dl dd a:hover::before{border-top:solid 2px #FFF;border-right:solid 2px #FFF;transform:translateX(5px) rotate(45deg);}
  #side dl.member dd a:hover{background-color:#f99e9e;}
  #side dl.normal dd a:hover{background-color:#98db7a;}
}

@media screen and (max-width:980px) {
  #side{width:180px;}
  #side dl dt span{font-size:1.5em;}
  #side .address{font-size:1.2em;}
}

@media screen and (max-width:767px) {
  #side_btn{display:block;}
  #side{width:100%;min-height:calc(100vh - 60px);min-height:calc(var((--vh, 1vh) * 100) - 60px);padding:20px 10px 20px;overflow-y:auto;box-sizing:border-box;background-color:#FFF;position:fixed;top:60px;right:-100vw;bottom:0;z-index:999;visibility:inherit;opacity:0;pointer-events:inherit;transition:all 0.3s;}
  #side_btn.active + #side{right:0;opacity:1;}
  #side dl::after{content:none;}
  #side dl + dl{margin-top:0;}
  #side dl dt span{font-size:1.4em;}
  #side dl dd a{padding:8px 10px 8px 25px;}

  #side .address{margin:10px 10px 15px;}
}

/*-------------------------
__content
-------------------------*/
#content{text-align:left;}

#content #main_img{max-width:960px;margin:auto;padding:0 20px;overflow:hidden;position:relative;}
#content #main_img picture img{width:100%;}
#content #main_img .main_ttl{margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#content #content_row{display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:960px;margin:20px auto 50px;padding:0 20px;}
#content #main{flex:1 auto 0;flex-basis:auto;width:100%;max-width:calc(100% - 260px);margin:0 0 0 40px;}
#content .row{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

@media screen and (max-width:980px) {
  #content #main{margin:0 0 0 20px;max-width:calc(100% - 200px);}
}

@media screen and (max-width:767px) {
  #content{padding:80px 0 0;}

  #content #main_img{padding:0 10px;}
  #content #main_img .main_ttl{width:250px;}

  #content #content_row{display:block;margin:15px auto 30px;padding: 0 10px;}
  #content #main{max-width:none;margin:0;}
}

/*-------------------------
__footer
-------------------------*/
#footer{border-bottom:5px solid #f60b38;}
#footer #ft_navi{padding:15px 20px;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
#footer #ft_navi ul{max-width:960px;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto;}
#footer #ft_navi ul li{position:relative;}
#footer #ft_navi ul li + li::before{content:"";display:inline-block;width:1px;height:10px;vertical-align:middle;margin:auto;background-color:#b3b3b3;position:absolute;top:0;bottom:0;left:0;}
#footer #ft_navi ul li a{display:inline-block;font-size:1.5em;vertical-align:middle;text-decoration:none;padding:0 10px;box-sizing:border-box;color:#333;}
#footer #ft_inner{display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:960px;margin:auto;padding:20px 20px;}
#footer #ft_inner .txt{font-size:1.3em;line-height:1.4;text-align:left;padding:0 0 10px;}
#footer #ft_inner .txt .link a{color:#333;}
#footer #ft_inner .txt .copyright{margin:8px 0 0;}
#footer #ft_inner #ft_logo{height:50px;}
.re_top{display:none;overflow:hidden;position:fixed;right:15px;bottom:15px;z-index:500;}
.re_top a{display:block;font-size:1.4em;font-weight:700;line-height:1.4;padding:12px 15px;color:#FFF;background-color:#f60b38;border:1px solid #f60b38;}
.re_top a::before{content:"";display:block;width:7px;height:7px;vertical-align:middle;margin:4px auto 0;border-top:solid 2px #FFF;border-right:solid 2px #FFF;transform:rotate(-45deg);}

@media screen and (min-width:768px) {
  #footer #ft_navi ul li a{transition:color 0.3s;}
  #footer #ft_navi ul li a:hover{color:#f60b38;}
	#footer #ft_inner .txt .link a{transition:color 0.3s;}
	#footer #ft_inner .txt .link a:hover{color:#f60b38;}
  #footer #ft_inner #ft_logo a{transition:opacity 0.3s;}
  #footer #ft_inner #ft_logo a:hover{opacity:0.5;}
  .re_top a{transition:color 0.3s,background-color 0.3s;}
  .re_top a::before{transition:all 0.3s;}
  .re_top a:hover{color:#f60b38;background-color:#FFF;}
  .re_top a:hover::before{border-top:solid 2px #f60b38;border-right:solid 2px #f60b38;transform:translateY(-3px) rotate(-45deg);}
}

@media screen and (max-width:980px) {
  #footer #ft_navi ul li a{font-size:1.4em;}
  #footer #ft_inner .txt{font-size:1.2em;padding:0;}
  #footer #ft_inner #ft_logo{height:50px;}
  .re_top a{font-size:1.3em;}
}

@media screen and (max-width:767px) {
  #footer #ft_navi{padding:5px 10px 15px;}
  #footer #ft_navi ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
  #footer #ft_navi ul li{width:50%;margin:10px 0 0;}
  #footer #ft_navi ul li + li:nth-child(2n - 1)::before{content:none;}
  #footer #ft_navi ul li a{display:block;font-size:1.3em;text-align:left;padding:0;}
  #footer #ft_navi ul li + li:nth-child(2n) a{padding-left:10px;}
  #footer #ft_inner{display:block;padding:15px 10px;}
  #footer #ft_inner .txt{font-size:1.1em;}
  #footer #ft_inner #ft_logo{height:40px;margin:15px 0 0;}
  .re_top{right:10px;}
}

/*-------------------------
__error
-------------------------*/
#content .error{font-size:1.4em;line-height:1.5;}
#content .error .error_ttl{font-size:120%;font-weight:700;}
#content .error p{margin:25px 0 0;}
#content .error a{font-weight:700;color:#339900;}
@media screen and (min-width:768px) {
	#content .error a{transition:color 0.3s;}
	#content .error a:hover{color:#f60b38;}
}
@media screen and (max-width:767px) {
	#content .error{font-size:1.3em;}
	#content .error p{margin:15px 0 0;}
}

/*-------------------------
__form
-------------------------*/
#content .mw_wp_form{}
/*=== iOSでのデフォルトスタイルをリセットここから ===*/
#content .mw_wp_form input,textarea,select,button{font-family:inherit;}
#content .mw_wp_form textarea,
#content .mw_wp_form button,
#content .mw_wp_form input[type="text"],
#content .mw_wp_form input[type="email"],
#content .mw_wp_form input[type="submit"],
#content .mw_wp_form input[type="button"],
#content .mw_wp_form input[type="reset"]{font-weight:400;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-sizing:content-box;-webkit-appearance:none;appearance:button;box-sizing:border-box;cursor:pointer;border:none;transition:all .3s;}
#content .mw_wp_form input[type="submit"]::-webkit-search-decoration,
#content .mw_wp_form input[type="button"]::-webkit-search-decoration,
#content .mw_wp_form input[type="reset"]::-webkit-search-decoration{display:none;}
#content .mw_wp_form input[type="submit"]::focus,
#content .mw_wp_form input[type="button"]::focus,
#content .mw_wp_form input[type="reset"]::focus{outline-offset:-2px;}
#content .mw_wp_form select{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;background: transparent;}
/*=== iOSでのデフォルトスタイルをリセットここまで ===*/
/* 入力欄 */
#content .mw_wp_form input[type="text"],
#content .mw_wp_form input[type="email"]{max-width:100%;font-size:1em;margin:5px 0 0;padding:8px;box-sizing:border-box;border:solid 1px #ccc;}
#content .mw_wp_form textarea{width:100%;max-width:100%;height:16em;font-size:1em;line-height:1.4;padding:8px;box-sizing:border-box;border:solid 1px #ccc;box-sizing:border-box;}
#content .mw_wp_form button,
#content .mw_wp_form input[type="button"]{line-height:1;padding:13px 10px 14px;margin:0 0 8px 10px;border:solid 1px #ccc;text-transform:uppercase;color:#555;vertical-align:top;border-radius:4px;}
/* ラジオボタン */
#content .mw_wp_form label.radio{display:inline-block;margin:0 10px 0 0;position:relative;}
#content .mw_wp_form label.radio input{display:none;}
#content .mw_wp_form label.radio span{padding:0 0 0 30px;cursor:pointer;transition:0.3s;}
#content .mw_wp_form label.radio input + span::before{content:"";display:block;width:20px;height:20px;border-radius:40px;box-sizing:border-box;border:1px solid #AAA;position:absolute;top:3px;left:5px;}
#content .mw_wp_form label.radio input + span::after{transition:0.1s;opacity:0;content:"";display:block;width:10px;height:10px;border-radius:40px;position:absolute;top:8px;left:10px;background-color:#43c109;}
#content .mw_wp_form label.radio input:checked + span::after{opacity:1;}
/* チェックボックス */
#content .mw_wp_form label.ck{display:inline-block;vertical-align:middle;margin-right:10px;position:relative;}
#content .mw_wp_form label.ck input{display:none;}
#content .mw_wp_form label.ck span{display:inline-block;vertical-align:middle;padding:0 0 0 30px;cursor:pointer;transition:0.3s;}
#content .mw_wp_form label.ck input + span::before{content:"";display:inline-block;width:20px;height:20px;border-radius:5px;box-sizing:border-box;background-color:#FFF;border:1px solid #AAA;position:absolute;top:5px;left:0;}
#content .mw_wp_form label.ck input + span::after{transition:0.1s;opacity:0;content:"";display:block;width:10px;height:20px;transform:rotate(40deg);border-bottom:3px solid #43c109;border-right:3px solid #43c109;position:absolute;top:0px;left:5px;}
#content .mw_wp_form label.ck input:checked + span::after{opacity:1;}
/* セレクトボタン */
#content .mw_wp_form .select_box{display:inline-block;vertical-align:middle;margin:5px 0 0;overflow:hidden;box-sizing:border-box;position:relative;border:solid 1px #CCC;}
#content .mw_wp_form .select_box::after{content:"";display:inline-block;width:0;height:0;margin:auto;position:absolute;top:5px;bottom:0;right:10px;border:5px solid transparent;border-top:5px solid #43c109;}
#content .mw_wp_form select{width:100%;padding:8px 2em 8px 8px;box-sizing:border-box;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#121212;background-color:#FFF;}
#content .mw_wp_form select::-ms-expand{display:none;}
#content .mw_wp_form select:not(:target){width:120% \9;}/*ie9対策*/
/* フォーカス処理 */
#content .mw_wp_form input[type="text"]:focus,
#content .mw_wp_form textarea:focus{background:#efefef;}
/* 確認・送信ボタン */
#content .mw_wp_form input[type="submit"].return_btn{display:block;padding:13px 30px 14px;border-radius:5px;box-sizing:border-box;border:1px solid #CCC;}
#content .mw_wp_form input[type="submit"].submit_btn{display:block;font-size:120%;font-weight:700;padding:17px 30px 19px;border-radius:5px;color:#FFF;background-color:#f60b38;}
@media screen and (max-width:767px) {
  /* 入力欄 */
  #content .form_base button,
  #content .form_base input[type="button"]{font-size:90%;margin:0 0 8px 5px;padding:13px 5px 14px;}
  /* ラジオボタン */
  #content .form_base label.radio{margin-bottom:10px;}
  #content .form_base label.radio input + span::before{top:0;}
  #content .form_base label.radio input + span::after{top:5px;}
  /* チェックボックス */
  #content .form_base label.ck{margin-bottom:10px;}
  #content .form_base label.ck input + span::before{top:2px;}
  #content .form_base label.ck input + span::after{top:-3px;}
	/* 確認・送信ボタン */
	#content .mw_wp_form input[type="submit"].return_btn,
	#content .mw_wp_form input[type="submit"].submit_btn{margin:auto;}
}

/* ========== 確認画面 ========== */
#content .mw_wp_form_confirm .select_box{margin:0;border:none;}
#content .mw_wp_form_confirm .select_box::after{content:none;}