@charset "utf-8";
/* CSS Document */

/* clearfix（BOX要素からFloat要素のハミ出し防止） */
.clearfix:after{
    content: "";
    clear: both;
    display: block;
}

/* 文字サイズ */
.xx-small {font-size: 0.66rem}
.x-small {font-size: 0.75rem}
.small   {font-size: 0.88rem}
.medium  {font-size: 1rem}
.med-large {font-size: 1.2rem}
.large   {font-size: 1.5rem}
.x-large {font-size: 2.0rem}

/* 文字色 */
.green {color: #60B2AA;}
.orange{color: #E95513;}

/* 右寄せ・左寄せ・中央揃え・クリア */
.float_l, .float_r, .clear {padding:0 0 32px 0;}
@media screen and (min-width: 721px){
.float_l {float: left; padding: 0 1rem 0 0;}
.float_r {float: right; padding: 0 0 0 1rem;}
.clear { clear:both;}
.center {text-align: center}
}

/* 汎用ボタン */
#content .linkbutton a {
    margin: 0.75rem 0;
    padding: 0.25rem 1rem 0.25rem 2rem;
    background: url(img/cursor_white.svg) left 8px top 11px no-repeat;
    background-color: #3CC6A5;
    color: #fff;
    text-decoration: none;
    display:inline-block;
    position:relative;
    border-radius: 4px;
}
#content .linkbutton a:visited { color: #fff}
#content .linkbutton a:hover { background-color:#0FAA85; }

/* ボタン */
#content p.linkbutton_y {text-align: center; line-height: 170%}
#content p.linkbutton_y a {background: #F7B52C; display: block; margin: 5rem auto; width: 350px; height: auto; overflow: hidden; border-radius: 0.5rem; padding: 1rem 0 0.5rem 0; color: #333; font-weight: bold; font-size: 1.4rem; box-shadow: 0 2px #666; text-decoration: none}
#content p.linkbutton_y a:hover {background: #FFD45A}

/* リンクボタンを本文中に配置して左寄せしたいとき */
#content p.linkbutton_l {text-align: center; line-height: 170%}
#content p.linkbutton_l a {background: #F7B52C; display: block; margin: 2rem 0rem; width: 350px; height: auto; overflow: hidden; border-radius: 0.5rem; padding: 1.25rem 0 1rem 0; color: #333; font-weight: bold; font-size: 1.6rem; box-shadow: 0 2px #666; text-decoration: none}
#content p.linkbutton_l a:hover {background: #FFD45A}


/* アイコン付きリンク */
#content p.link_cursor {
    margin: 0.75rem 1rem;
    padding: 0.25rem 1rem 0.25rem 1.5rem;
    background: url(img/cursor_green.svg) left 6px top 11px no-repeat;}


@media print, screen and (max-width: 600px) {
    #content p.linkbutton a {margin: 0 auto;}
}

/* block要素をinline化 */
.inline-block{ display:inline-block}

/* ページ全体をフェードイン */
body {
    animation: fadeIn 2.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 2.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* レイアウト */
#page  {
	position: relative;
	height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
    text-align:left;
	overflow: hidden;
    background: #e9f4e9;
    font-family:  "メイリオ";
}

@media only screen and (min-width: 981px) {
#page {height: auto; margin: 0 auto; padding: 0; }
}

/* ヘッダエリア */
header#masthead {position: relative; overflow: visible; width: 100%; margin: 0; padding: 0;}
header#masthead a {color: #999; text-decoration:none;}

/* ロゴエリア */
header#masthead .site-branding   { position: absolute; width: 100%; margin-bottom: 0;height:80px; background: rgba(255,255,255,0.7);}

/* コールセンター */
.header_phone {position: absolute; top: 25px; right: 0; color: #fff; font-size: 0.88rem; font-weight: bold; background: rgba(4,170,150,0.5); padding: 0.25rem 1.5rem 0.25rem 1.5rem;}

header#masthead .site-branding .button_contact a {position: absolute; top: 40px; left: 180px; color: #fff;}

/* 概要 */
header#masthead #head-description {position: absolute; right: 1rem; top:0.5rem; font-size: 0.75rem; color: #999}
@media only screen and (max-width: 800px) {
    header#masthead #head-description {visibility: hidden;}
}


/* トップボード */
header#masthead .board {width: 100%; height: auto; background: url(img/bg_top.jpg) bottom center no-repeat; background-size:cover; padding-bottom: 0px; text-align: center; overflow:hidden;}
header#masthead .board img {margin: 100px 0 0 0; padding: 1rem;}
@media print, screen and (min-width: 601px) {
    header#masthead .board img {width: 400px; height: auto;}
}

/* トップボード背景 */
header#masthead #board_home {background: url(img/bg_top.jpg) bottom center no-repeat; background-size: cover;}

/* h1 */
header#masthead h1 { margin: 0rem auto 3rem auto; padding: 4rem 1rem 4rem 1rem; text-align:center;font-weight: bold; font-size: 2.75rem; background: url(img/bg_h1.svg) center top no-repeat; background-size:contain; color: #2c7599} 
@media print, screen and (max-width: 480px) {
    header#masthead h1{font-size: 2rem; padding: 10% 1rem 4rem 1rem;}
}

/*homeのh1の位置とサイズを調整*/
header#masthead #board_home {padding-top: 80px; padding-bottom: 10px;}
header#masthead #board_home h1 {text-align: center; background: none;}
@media print, screen and (min-width: 751px) {
    header#masthead #board_home img {width: 477px; height: auto; margin: 0 auto; margin-bottom: 0rem; }
}
/* homeのメニュー直下にbackgroundで画像を入れる */
#home_menuafter {background: url(img/bg_h1.svg) center bottom no-repeat; background-size: 500%; width: auto; height: 120px;position: relative; overflow: hidden;}

/* メニューはstyle_menu.cssに記述 */

/* コンテンツエリア */
#content{position: relative; overflow:visible; line-height: 1.75; padding: 0 0 5rem 0; text-align:left; margin: 0 auto; height: auto;}

@media only screen and (min-width: 981px) {
    #content main#main {margin: 0 auto; width: 980px;}
}

/* h2設定 */
#content h2, #content .h2 {
    font-size: 2rem;
    line-height: 1.2;
    margin: 6rem 1rem 4rem 1rem;
    padding:3rem 0;
    background: url(img/bg_h2.svg) center no-repeat;
    text-align: center;
    color: #f44a97;
    font-weight: bold;
}

#content h2.plain {margin: 3rem 1rem 1rem 1rem; padding:0; background: none; text-align: left; color: #444;border: none;}

h3 {
    font-size: 1.4rem;
    line-height: 1.5;
    margin: 4rem 1rem 2rem 1rem;
    font-weight: bold;
    border-bottom: #9cdbcb solid 5px;
    color: #ff64a3;
}
/* 緑のh3 */
h3.h3_pink {
    border-bottom: none;
    color: #04aa96;
}


h4, .h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin: 2rem 1rem 0.5rem 1rem;
    color: #f44a97;
    font-weight: bold;}

h5, .h5 {
    font-size: 1rem;
    line-height: 1.4;
    margin: 2rem 1rem 0.5rem 1rem;
    font-weight: bold;
    color: #5abdbf;}

#content p {margin: 1.25rem; text-align: left; line-height: 190%;}

#content .content-area {position:relative;}

/* site origin editor */
#content .sow-image-container img { padding: 1rem}
#content .sow-image-container a:hover{ opacity: 50%}

/*テーブル*/
#content table {display: table; overflow: hidden; position: relative; border-top: #ddd dashed 1px; margin: 1rem;}
#content table tr {border-bottom: #ddd dashed 1px;}
#content table td { padding: 0.5em; margin: 0.75em; vertical-align:middle;}
@media only screen and (max-width: 700px) {
#content table tr {display: block;padding: 1rem 0; overflow:hidden; }
#content table td {display: block; clear: both; margin: 0; padding:0.5rem 0;width: 100%; border: none;}
}

/*テーブル（ピンクのヘッダ）*/
#content table.table1 th {background: #fcc}

/* リストスタイル設定 */
#content dl {
    display: flex;
    flex-flow: row wrap;
    margin: 1rem;
}
#content dl dt {
    flex-basis: 20%;
    padding: 20px;
    margin: 0;
    background-color: #aEe3dA;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
}
#content dl dd {
    flex-basis: 80%;
    padding: 20px;
    margin: 0;
    background-color: #e4f2e9;
    border-bottom: 1px solid #fff;
}
@media screen and (max-width: 559px) {
    #content dl {
        flex-flow: column;
    }
}

/* dlピンク背景 */
#content dl.dl_pink dt {
    flex-basis: 20%;
    padding: 20px;
    margin: 0;
    background-color: #f9d4d4;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
}
#content dl.dl_pink dd {
    flex-basis: 80%;
    padding: 20px;
    margin: 0;
    background-color: #ffeeeb;
    border-bottom: 1px solid #fff;
}

#content ol{
    counter-reset: item;
    list-style-type: none;
    padding-left: 0;
}
#content ol ol{
    padding-left: 1em;
}
#content ol li{
    text-indent: -1.3em;
    padding-left: 1.3em;
    margin-top: 0.5rem;
}
#content ol li:before {
    counter-increment: item;
    content: counter(item)'';
    /* 以下は自由に装飾... */
    margin-right: .5em;
    margin-left: -0.5rem;
    font-weight: bold;
    color: #fff;
    background: #83b0dd;
    border-radius: 0.75rem;
    padding: 0rem 0.4rem;
}

#content ul{
    padding: 0px;
    margin: 0.5rem;
    list-style: none;
}

#content ul li{
    position: relative;
    padding: 0px 0px 0px 1em;
    margin-top: 0.5rem;
}
#content ul li::before {
    position: absolute;
    top: 0.5rem;
    left: 0px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.4em solid cornflowerblue;
    content: "";
}

#content ol ul {
    padding: 0px;
    margin: 1rem;
    list-style: disc;
}
#content ol ul li{
    position: relative;
    margin-top: 0.5rem;
}
#content ol ul li::before {
    border: none;
    border-left: none;
    transform: none;
    content: none;
}

#content .marked {background: #ffef2a; color: #222; font-weight: bold;}


/* お問合せはテーブルの罫線なし */
#content table.mailform {display: table; border-top: none;}
#content table.mailform tr {border-bottom: none;}
#content table.mailform td {vertical-align: top}

/* 投稿記事・ページの設定 */
#content main#main { position:relative; overflow:visible; padding: 0; margin-bottom: 5rem;}
#content main#main article {display: block; position:relative; overflow:hidden;text-align: left;  margin: 1rem 0; padding: 1rem 0; border-bottom: 1px dashed #aaa;}
#content main#main article p { padding: 0; margin: 1.25rem 0;}

/* 投稿を読み込むエリア */
#content article.read_the_content    {padding: 0;}
#content article.read_the_content h2 {padding: 0;}
#content article.read_the_content ol, #content article.read_the_content ul  {margin: 0; padding: 0;}
#content article.read_the_content li {margin: 0; padding: 0.5em 0;}

/* 投稿 */
#content header.single-cat-title { padding-bottom: 80px}
#content .taxonomy-description {text-align: left; font-size: 0.88rem; color:#777}
#content h2.entry-title {margin: 2rem 0 0 1rem; padding:0; background: none; text-align: left; color: #444;border: none;}
#content h2.entry-title a { text-decoration:none; padding: 0;}
#content h2.entry-title::after {display: none;}

#content div.entry-meta{font-size: 0.75rem; margin: 0; padding: 1rem 1rem 0 0; font-weight:bold;}
#content div.entry-content { padding: 0; margin: 0}

#content footer.entry-footer {font-size: 0.75rem; margin: 0; padding: 2rem 1rem 1rem 1rem; font-weight:bold;}
#content footer.entry-footer .cat-links {visibility: hidden; position: absolute}
/*前後の投稿へ移動する*/
#content nav.post-navigation { background: #fff; padding: 1rem; border-radius: 0.5rem;}
#content nav.post-navigation .nav-previous { background: url(img/cursor_gray-rev.svg) no-repeat left; padding-left: 1.5rem}
#content nav.post-navigation .nav-next     { background: url(img/cursor_gray.svg) no-repeat right;padding-right: 1.5rem}

/*アーカイブのページネーション*/
#content nav.pagination { background: #ddd; padding: 1rem;border-radius: 0.5rem;}
#content nav.pagination .page-numbers { border: #666 solid 1px; border-radius: 0.25em; padding: 0.1em 0.5em; background: #fff; text-decoration: none;}
#content nav.pagination .page-numbers:hover { background: #000;  border: #000 solid 1px; color: #fff; }
#content nav.pagination .current {background: #fff; border: #ccc solid 1px; color: #FFF}


/* コメント */
#content #comments {font-size: 0.88rem; margin-top: 4rem}
/* 必須 */
#content #comments span.required {background: none; padding: 0; border-radius:none; color: #000; font-size: 1rem; font-weight: bold;}

#content #comments label {width: 100px; display: inline-block;}
#content #comments #submit  {
    padding: 1rem 2rem;
    background: #7BC7C2;
    color: #fff;
    font-size: 1rem;
    border: none;
}
#content #comments #submit:hover {
    background: #9DE0DA;
}

/* アーカイブの日付*/
#content .su-date { font-size: 0.88rem; font-weight: bold; display: inline-block; color: #666}

/* カテゴリーごとに色を分ける */
#content span.su-category {display: inline-block; padding: 1px 10px; color:#fff; font-size: 0.75rem; border-radius: 5px;}

#content span.news {background: #7BC7C2;}
#content span.shops {background: #ccc;}
#content span.other {background: #EF9AAA;}


/*Sidebarの配置*/
#sidebar {padding : 0 1rem; text-align: left; margin-top: 24px} 
#sidebar h2 {background: none; border: none; border-radius: 0; color: #04aa96; border-bottom: 2px solid #7BC7C2;border-top: 2px solid #7ED3CA; padding:  0.5rem; margin: 0 0 1rem 0; font-size: 1.2rem; width: auto; text-align: left;}
#sidebar h2::after {display: none;}
#sidebar ul {list-style: none; margin: 0; padding: 0 0 1em 0; font-size: 0.88rem;}


@media only screen and (min-width: 981px) {
#sidebar {padding : 0 0 0 2rem;} 
#main-main {padding: 0;}
}


/* フッタ */
footer#colophon {background: #5abdbf; color: #FFF; overflow:visible; padding: 2rem 0 1rem 0; margin: 0; width: 100%; position: relative;}
@media only screen and (min-width: 981px) {
footer#colophon .columns { padding: 0 1rem}
}

@media only screen and (min-width: 781px){
footer#colophon p#registered {margin-top: -70px; margin-left:160px; margin-bottom: 40px}
}

footer#colophon a {text-decoration: underline; color: #fff}
footer#colophon a:hover { color: #ED6F94;}

footer#colophon #h2_logo {float: left; margin: 0; margin-right: 1rem;margin-bottom: 0.25rem;}
footer#colophon #h2_text {margin-bottom: 2rem; overflow: hidden;}
footer#colophon #h2_text h2 {clear: none; font-size: 1.2rem; font-weight: bold; padding: 0; margin: 0.5rem 0 0 0}
footer#colophon #h2_text h2 span {display: block;}
footer#colophon #h2_text2 {clear: both;margin-bottom: 2rem; }

@media only screen and (max-width: 600px){
    footer#colophon #h2_text h2 {clear: both;}    
}

footer#colophon p {font-size: 0.88rem; margin: 0.25rem 0;}

footer#colophon p.copyright {clear: both; text-align:left; font-weight:bold; padding: 1rem 0; font-size: 0.66rem;}

footer#colophon p.footer_phone {font-size: 1.5rem; font-weight: bold}
footer#colophon p.footer_phone span {font-size: 1rem;}

footer#colophon #footmenu ul{ list-style: none; display:block; margin: 0 auto; padding: 0; overflow:hidden; font-size: 0.88rem}

footer#colophon #footmenu li a { display:block; width: 100%; text-align:left;margin: 0; padding: 0.25rem 0; font-size: 1rem; background: url(img/cursor_green.svg) no-repeat left; padding:0.25rem 0.25rem 0.25rem 1.5rem;}

@media only screen and (max-width: 600px) {
footer#colophon #footmenu ul{ font-size: 1rem}
footer#colophon #footmenu li{display: block;}
footer#colophon #footmenu li a { display:block; padding:1rem 0.25rem 1rem 1.5rem; margin: 0.25rem 0.5rem; width: 100%; text-align:left;  border-bottom: 1px dashed #fff;}
}
footer#colophon #footmenu li a:hover {text-decoration: underline}

footer#colophon #backtotop a {background:#fff155; width: 80px; height: 80px; top: -40px; right: 1rem; text-align:center; padding-top: 0.75rem; font-size:0.88rem; margin: 0 auto; display:block; position:absolute; border-radius: 40px; text-decoration: none; overflow: visible; color: #2c7599; border: 2px solid #5abdbf}
footer#colophon #backtotop a:hover { top: -50px}
footer#colophon #backtotop a i {font-size: 1.5rem;}

/* 検索フォーム */
#s {width: 100px;}
.searchform input[type="text"] {width: 100px;}
.searchform input[type="submit"] {}


/* whats new generator css */
#content div.whtnw-container{
    width: auto;
    margin:1rem 1rem;
    padding: 1rem 0;
    border-radius: 1rem;
    background: #fff;
}
@media only screen and (min-width: 801px) {
    #content div.whtnw-container{
        width: 80%;
        margin: 1rem auto;
    }
}

#content div.whtnw-container h2 {margin: -5rem 1rem 0 1rem;}

#content div.whatsnew {
    margin: 1rem 1rem;
    width: auto;
    font-size: 100%;
    word-break: break-all;
    background: #fff;
    height: 200px;
    overflow-y:scroll;
}

#content div.whatsnew::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
#content div.whatsnew::-webkit-scrollbar-track {
        background: #eee;
}


#content div.whatsnew a {
    padding: 7px 0;
    display: block;
    text-decoration: none;
    box-shadow: none;
}

#content div.whatsnew a:hover {
    background-color: #F9F9A5;
    text-decoration: none;
    box-shadow: none;
}

#content div.whatsnew hr {
    margin: 0;
    padding: 0;
}

#content div.whatsnew .newmark {
    font-size: 74%;
    padding: 1px 5px;
    vertical-align: middle;
    color: White;
    background-color: #ED6F94;
    border-radius: 3px;
}

#content div.whatsnew dl {
    margin: 0;
    padding: 0;
    border: 0;
    flex-flow: nowrap;
    display:  unset ;
}

#content div.whatsnew dt {
    margin: 0 1rem 0 0.3em;
    padding: 0;
    border: 0;
    color: Gray;
    background: none;
    font-weight: normal;
    white-space: nowrap;
}

#content div.whatsnew dd {
    margin: 0;
    padding: 0 2px;
    background: none;
    border-bottom: none;
}

@media screen and (min-width: 600px) {
    #content div.whatsnew dl {
        overflow: hidden;
    }
    #content div.whatsnew dt {
        float: left;
        width: 8.1em;
        overflow: hidden;
    }
    #content div.whatsnew dd {
        overflow: hidden;
    }
}

/* メールフォーム */
#content .mailform .form_l {display: block; padding: 1rem 1rem 0 1rem}
#content .mailform .form_r {display: block; padding: 0.5rem 1rem 1rem 1rem}

@media only screen and (min-width: 601px) {
    #content .mailform {display: table}
    #content .mailform .form_l {display: table-cell; vertical-align: top; padding: 1rem}
    #content .mailform .form_r {display: table-cell;vertical-align: top; padding: 1rem}
    #content .mailform .table-row {display:table-row;}
}

/* 必須 */
span.required {background: #EF6A90; padding: 0.25rem 0.5rem; border-radius: 2px; color: #fff; font-size: 0.75rem; font-weight: bold;}
span.non-required {background: #bbb; padding: 0.25rem 0.5rem; border-radius: 2px; color: #fff; font-size: 0.75rem; font-weight: bold;}

/* 送信ボタン */
div.wpcf7 input.wpcf7-submit {
    padding: 0.5rem 2rem 0.5rem 2.5rem;
    background: #EDB220;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    border: none;
    letter-spacing: 0.5rem;
}
div.wpcf7 input.wpcf7-submit:hover {
    background: #F9C44E;
}

/* wp page navi */
.wp-pagenavi {/* 全体 */
    margin: 20px 0;
    font-size: 1rem;
	text-align: center;
}
.wp-pagenavi a {/* フォント色 */
    color: #04AA96;
	text-decoration:none;
	font-weight: bold;
    background: #FFF100;
}
.pages {/* 左の表記 */
    margin-right: 20px;
    border: 
}
.wp-pagenavi .current,
.wp-pagenavi a.page {/* ボタン */
    margin: 0 5px 5px 0;
    display: inline-block;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
}
.wp-pagenavi .current {/* カレント数字 */
    border: none;
    background: #04AA96;
    color: #FFF100;
	font-weight: bold;
}
.wp-pagenavi a.page:hover {/* マウスオーバー */
    background: #04AA96;
    color: #FFF100;
}
.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .extend,
.wp-pagenavi .last{/* ... */
    margin-right: 10px;
    border: none;
}
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover{/* 最初と最後 */
    background: #04AA96;
    color: #FFF100;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {/* 記号の削除 */
    display: none;
}

/* 「使えるお店を探す」関連 */

/* フォームの見た目の修正 */
.vk-filter-search { background: #E4F2E9; padding: 1rem; border-radius: 1rem;}
.vk-filter-search #s {width: 100%;}
.vk-filter-search button {font-size: 1.2rem; font-weight: bold; background: #FFF100; color: #04AA96; border: 2px solid #04AA96; border-radius:0.5rem;}
.vk-filter-search button:hover {background: #FFC000; color: #04AA96; border: 2px solid #04AA96;}

/* 券種の色分け */
#content .tiket_type {font-size: 0.75rem;}
#content .tiket_type_single {margin-left:1rem; font-size: 0.88rem}/* シングルページのみマージンで位置と文字サイズ調節 */
#content .tiket_type_color {padding: 2px 5px; border-radius: 2px; color:#fff;  font-weight: bold;}
#content .ticket_common {background: #F03634; }
#content .ticket_small  {background: #34A3F0; }

/* 店舗HPボタン */
#content .button_website a {
    margin: 0.75rem 0;
    padding: 2px 10px 1px 10px;
    background-color: #FFF100;
    color: #04AA96;
    text-decoration: none;
    display:inline-block;
    position:relative;
    border-radius: 4px;
}
#content .button_website a:visited { color: #04AA96}
#content .button_website a:hover { background-color:#FFC000; }

#content .shoptable .shoploop .shoploop-columns {background: #fff;padding: 1rem;}
#content main#main .shoptable article {margin: 1rem 0; padding: 0; border-bottom: none;}
@media screen and (min-width: 601px) {
	#content main#main .shoptable article {margin: 0; padding: 0; border-bottom: 1px solid #ddd;}
}

/* 「使えるお店を探す」検索画面(601px以上) */
@media screen and (min-width: 601px) {
	
	/* テーブル全体 */
	#content .shoptable {display: table; table-layout: fixed; font-size:0.88rem; width: 100%;　border-collapse: collapse;}
	#content .shoptable .shoploop {display: table-row;}
	
	#content .shoptable .shoploop .shoploop-columns {display: table-cell; width: 5000px}
	#content .shoptable .shoploop .shoploop-columns h2{ font-size: 1.4rem; margin: 0.75rem 0 0.25rem 0;}
	#content .shoptable .shoploop .shoploop-columns p {padding:0; line-height:150%;}
	#content .shoptable .shoploop .shoploop-columns .button_website a {margin:0;}
	#content .shoptable article p { padding: 0; margin: 0.5rem 0;}
	
	#content .shoptable .shoploop .shopinfo01 { width: 9999px; border-right: #ddd dashed 1px;}
	#content .shoptable .shoploop .shopinfo02 {width:20%; border-right: #ddd dashed 1px;}
	#content .shoptable .shoploop .shopinfo03 {width:20%; border-right: #ddd dashed 1px;}
	#content .shoptable .shoploop .shopinfo04 {width:20%;}
}

/* テーブルヘッダ */
#content .shoptable .shoploop_header {visibility: hidden; position: absolute;}

@media screen and (min-width: 601px) {
	#content .shoptable .shoploop_header {visibility: visible;position: relative;}
    #content .shoptable .shoploop_header .shoploop-columns {background:#aEe3dA; padding: 0 auto; font-weight: bold; color: #fff;}
	
#content .shoptable .shoploop_header .shopinfo01 {width:400px;}
#content .shoptable .shoploop_header .shopinfo02 {width:20%;}
#content .shoptable .shoploop_header .shopinfo03 {width:20%;}
#content .shoptable .shoploop_header .shopinfo04 {width:20%;}
}

/* チェックボックス */
.vkfs__level-0 label {margin-left:10px; margin-right: 2rem; font-size: 16px}
.vkfs__level-0 input[type=checkbox] {
	transform: scale(1.25);
	margin: 0 0 0 0;
	border-radius: 0;
	
}
/*  */