@charset "UTF-8";
/*! sanitize.css | CC0 Public Domain */
pre,textarea{overflow:auto}
:root,[aria-disabled]{cursor:default}
[hidden],audio:not([controls]),template{display:none}
button{overflow:visible}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
small{font-size:75%}
textarea{resize:vertical}
*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}
*{background-color:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;box-sizing:border-box;/* font:1pc/1.5 sans-serif; */text-rendering:optimizeLegibility}
html{color:#000}
a{text-decoration:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}
[type=number],[type=search],[type=submit],[type=tel],[type=text],[type=time],[type=url],[type=week],[type=button],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=password],[type=reset],button,select,textarea{min-height:1.5em}
code,kbd,pre,samp{font-family:monospace,monospace}
nav ol,nav ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
table{border-collapse:collapse;border-spacing:0}
::selection{background-color:none;text-shadow:none}
[aria-busy=true]{cursor:progress}
[aria-controls]{cursor:pointer}
[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}
[hidden][aria-hidden=false]:focus{clip:auto}




*                       { margin: 0; padding: 0;
                          -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html                    { overflow: auto; position: relative; min-height: 100%; font-size: 10px;
                          -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  }
body                    { margin: 0 auto 128px; padding: 0; text-align: left; color: #333; line-height: 1.5; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','メイリオ','ＭＳ Ｐゴシック',Verdana,sans-serif; background: #f0f0f0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
ol, ul                  { list-style: none; }
img                     { border: 0; }
p                       { margin: 0; }
b, strong               { font-weight: bold; }
abbr[title]             { border-bottom: 1px dotted; }
input,
textarea,
button,
select                  { margin: 0; font-size: 100%; line-height: normal; vertical-align: baseline; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"]    { cursor: pointer;
                          -webkit-appearance: button; -moz-appearance: button; }
input[type="checkbox"]  { vertical-align: middle; margin-right: 5px; }
textarea                { overflow: auto; height: 78px; }
img                     { width: 100%; height: auto; vertical-align: bottom; }
a, button, dt, dd, h1, h2, h3, h4, h5, label, li, p, span, th, td, textarea { word-break: break-all; }


/* Links
-----------------------------------------------------------------------------*/
a:link,
a:visited               { outline: none; color: #333; text-decoration: none; }
a:hover                 { outline: none; text-decoration: underline; }
a:hover                 { cursor: pointer; }
a.img                   { padding: 0; border: none; background: none; }


/* Layout
-----------------------------------------------------------------------------*/
h1                      { margin: 0; color: #009a44; font-size: 1.2rem; }

ul                      { list-style: none; }
/*table                   { width: 100%; border: 1px solid #ccc; }
th                      { font-weight: normal; background: #f5f5f5; }
th p                    { margin-top: 10px; color: #999; }
td                      { background: #fff; }
th,
td                      { display: table-cell; height: 12px; line-height: 14px; vertical-align: middle; padding: 15px; border: 1px solid #dfdfdf; color: #333; font-size: 1.2rem; word-break: break-all; }
td.disabled             { background: #eee; }
dl                      { float: right; width: 100%; margin: 20px 0 0; }
dt, dd                  { padding-top: 10px; border-top: 1px dotted #ccc; }
dt                      { clear: both; float: left; display: inline; color: #999; text-indent: 1px; }
dd                      { float: left; margin-bottom: 6px; }
*//**+html dl > dd          { float: none; }
input.search            { height: 31px; margin-right: 13px; padding: 2px; border: 1px solid #333; border-radius: 5px; color: #111; outline: none; background: #fff; }
input,
textarea                { border-color: #555; }
select                  { position: relative; display: inline-block; height: 32px; line-height: 18px; padding: 0px 26px 0 6px; border: 1px solid #333; font-size: 14px; color: #555; text-indent: 0.01px; text-overflow: ""; background: #fff url("../images/svg/icon-triangle-select-down-gray.svg") right center no-repeat; background-size: 18px 18px;
                          -webkit-appearance: none; appearance: none; }
select:disabled         { background-image: url("../images/svg/icon-triangle-select-down-disabled.svg"); color: #999; border-color: #ccc; }


p                       { line-height: 1.8; font-size: 1.3rem; background: none; }*/
img                     { border: none; }
article                 { position: relative; height: 100%; }

.pc                     { display: inline-block; }
.pad,
.sp                     { display: none !important; }

.wrapper                { max-width: 1200px; min-width: 320px; height: 100%; margin: 0 auto; padding: 0 5px; background: none; }
.background             { position: fixed; top: 0; left: 0; right: 0; z-index: -999; width: 100%; min-width: 980px; height: auto;
                          -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden }
.background-overlay     { position: absolute; bottom: 0; width: 100%; height: 100px; margin: 0; padding: 0; color: #666; background: #9c0; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
.content .wrapper       { padding: 20px 5px 25px; }

.box .title             { color: #009a44 !important; font-size: 1.4rem; font-weight: bold; }
.box .date              { font-weight: bold; }

.grid                   { background: transparent; }
.grid h3                { padding-left: 5px; padding-right: 5px; }
.grid .box              { height: 100%; }
.grid .wrapper          { padding-left: 0; padding-right: 0;  }

.columns,
.tab-detail             { position: relative; width: 100%; height: 100%; margin: 5px auto; }

.columns .box,
.tab-detail .box        { width: 190px; height: 60px; line-height: 60px; margin: 5px; }
.columns .box a,
.tab-detail .box a      { position: relative; z-index: 0; display: block; width: 100%; height: 100%; border: 1px solid #ebebeb; border-radius: 5px; text-decoration: none; background: #fff; }
.columns .box a:hover,
.tab-detail .box a:hover { border: 1px solid #fff; color: #fff; background: #c5c5c5; }
.columns .box a:hover .category,
.tab-detail .box a:hover p { color: #fff !important; }

.columns .box label,
.tab-detail .box label  { position: relative; display: block; width: 100%; height: 100%; vertical-align: middle; margin: 0; padding-left: 10px; border-radius: 5px; font-size: 1.4rem; word-break: break-all; }
.columns .box label:hover,
.tab-detail .box label:hover { background: #ccc; cursor: pointer; }
.columns .box label span,
.tab-detail .box label span { position: absolute; top: 22px; display: inline; height: auto; line-height: 1.2; vertical-align: middle; }
.columns .box .icon-checked,
.tab-detail .box .icon-checked { display: none; }

.tab-detail            { margin-left: 5px; margin-right: 5px; }
.tab-detail > .table   { width: 99.2%; padding: 5px; border-radius: 0; background: #ddd; }
.tab-detail > .table:nth-of-type(n+2) { margin-top: 10px; }
.tab-detail > .table > li { vertical-align: top; }
.tab-detail .subheading { width: 14%; }
.tab-detail .subheading p { margin: 5px; color: #009a44; font-size: 1.3rem; text-align: center; }
.tab-detail .box       { height: 50px; line-height: 50px; }
.tab-detail .box label { display: table; }
.tab-detail .box label > span { position: inherit; top: inherit; display: table-cell; vertical-align: middle; border-radius: 5px; }
.tab-detail .box label > span:first-child { width: 30px; }
.tab-detail .box label > span:last-child { padding-right: 10px; }

.tab-detail .box,
.speciality .columns .box { border: 1px solid #ddd; border-radius: 5px; background: #fff; }
.tab-detail .box:hover,
.speciality .columns .box:hover { border: 1px solid #fff; color: #fff; }
.tab-detail .box label .icon-check,
.speciality .columns .box label .icon-check { margin-bottom: -2px; }

.heading                { position: relative; height: 94px; margin-bottom: 10px; padding: 10px 20px 10px 30px; border: 1px solid #ebebeb; border-radius: 5px; background: #fff; }
.heading > h2           { position: relative; top: 50%; left: 0; padding-left: 60px; line-height: 3.0rem; transform: translateY(-50%); }
.heading > ul           { height: 100%; background: transparent; }
.heading > ul > .left-box > h2 { position: relative; padding-left: 60px; line-height: 3.0rem; }
.heading > ul > .left-box > h2.add-supple-tx { padding-top: 6px; line-height: 2.7rem; }
.heading > ul > .left-box > h2 .supple-tx { display: block; padding-top: 5px; padding-left: 0; font-size: 1.2rem; font-weight: normal; color: #009a44; line-height: 1.5; }

.heading h2 .icon       { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 55px; height: 40px; vertical-align: middle; }
.heading h2 .icon.icon-apply { width: 45px; height: 40px; }
.heading li             { vertical-align: middle; }
.heading .right-box     { text-align: right; vertical-align: top; }
.heading .right-box .btn { margin-top: 0; margin-bottom: -10px; color: #009a44; border-color: #009a44; }
.heading .right-box .btn:hover { color: #fff; border-color: #009a44; background: #009a44!important; }
.heading .right-box .btn p { text-align: center; }
.heading .right-box.registration-box.btn2  { width: 200px; }

/* common */
.name                   { color: #009a44; font-size: 1.6rem; font-weight: bold; }
.address,
.age,
.work,
.hobby                  { font-size: 1.3rem; }
.pr                     { margin-top: 5px; }
.avatar                 { width: 60px; height: 84px; border-radius: 50%; }
.timestamp              { font-weight: normal; color: #999; }

.head-group .timestamp { white-space: nowrap; }

/* Breadcrumbs */
.breadcrumbs            { height: 40px; border-radius: 5px; color: #999; font-size: 1.2rem; }
.breadcrumbs i          { margin-top: -3px; }
.breadcrumbs li         { height: 18px; line-height: 18px; vertical-align: middle; padding: 0; white-space: nowrap; }
.breadcrumbs li.divider { padding-left: 5px; padding-right: 5px; color: #888; }
.breadcrumbs a          { color: #666; text-decoration: none; }
.breadcrumbs a:hover    { color: #009a44; text-decoration: underline; }


/* Steps */
.steps                  { width: 38%; text-align: right; }
.steps.wide             { width: 55%; }
.steps li               { width: auto; line-height: 2; vertical-align: middle; padding-right: 5px; text-align: center; }
.steps li span          { display: inline-block; }
.steps .table           { width: auto; }
.steps .svg             { width: 20px; height: 20px; margin-right: 5px; background-size: 20px 20px; }
.steps .icon-steps-triangle,
.steps .icon-steps-triangle-active { width: 6px; height: 8px; background-size: 6px 8px; }

/* Counter */
.counter-box            { position: relative; margin-right: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: right; }
.counter-box .table     { float: right; width: auto; }
.counter-box li         { width: 84px; height: 60px; vertical-align: bottom; padding-left: 10px; text-align: right; }
.counter-box li:nth-of-type(1) { width: 110px; }
.counter-box li:nth-of-type(2),
.counter-box li:nth-of-type(3) { width: auto; }
.counter-box li p       { margin-top: 10px; font-size: 1.4rem; }
.counter-box li label   { display: block; text-align: center; color: #009a44; font-size: 1.2rem; }
.counter-box p          { color: #009a44; }
.counter-box .counter   { height: auto; margin: 3px; padding: 10px; border-radius: 3px; font-size: 2rem; background: #eee; }

/* choosing-box */
.choosing-box           { position: absolute; top: 8px; right: 5px; display: inline-block; width: 100px; height: 100%; margin-left: 20px; background: none; text-align: center; }
.choosing-box p         { margin-top: 10px; color: #009a44; font-size: 1.4rem; }
.choosing-box label     { display: block; margin-top: 6px; color: #009a44; font-size: 1.2rem; }
.choosing-box .counter  { height: auto; margin: 3px; padding: 10px; border-radius: 3px; background: #eee;  font-size: 2rem; }

/* registration-box */
.registration-box       { display: inline-block; width: 100px; padding-left: 15px; }
.registration-box p     { display: inline-block; line-height: 1.4; margin-top: 20px; }
.registration-box .btn  { min-width: 80px; height: 70px; padding: 0 10px; vertical-align: middle; }

/* Filter */
.filter-box             { margin: -15px 5px 13px; padding: 10px 20px; background: #fff; border-top: 3px solid #009a44; }
.partner-search .filter-box { border-top: none; }
.filter-box label       { display: block; margin-top: 10px; }
.filter-box p           { font-size: 1.3rem; }
.filter-box li          { vertical-align: middle; }

.filter-box input,
.filter-box select      { border-color: #888 !important; }

.filter-box .left-box   { width: auto; padding: 0; }
.filter-box .left-box li:nth-of-type(n+2) { padding-left: 15px; }
.filter-box .left-box li:nth-of-type(1) { width: 120px; }
.filter-box .left-box li:nth-of-type(2) { width: 320px; }
.filter-box .left-box li:nth-of-type(2) .box-age-select { display: inline-block; width: 145px; }
.filter-box .left-box li:nth-of-type(2) .box-age-select:nth-of-type(2) { margin-left: 10px; }
.filter-box .left-box li:nth-of-type(2) input { height: 31px; }
.filter-box .left-box li:nth-of-type(2) select { display: inline-block; }
.filter-box .left-box li:nth-of-type(3) { width: auto; }
.partner-search .search .filter-box .left-box li:nth-of-type(3) select { width: 60%; min-width: 175px; }
.filter-box .right-box  { width: 75px; padding-left: 15px; vertical-align: middle; }
.filter-box .btn        { width: 80px; min-width: 94px; height: 80px; margin: 0; padding: 0; border: 1px solid #009a44; background: url("../images/svg/icon-search-green.svg") center center no-repeat; background-size: 60px 60px; }
.filter-box .btn:after  { display: none; }
.filter-box .btn:hover  { border: 1px solid #fff; background: url("../images/svg/icon-search-white.svg") #005d28 center center no-repeat !important; background-size: 60px 60px !important; }
.filter-box + .list     { margin-top: 5px; }

.partner-search .filter-box label { margin-top: 5px; }
.partner-search .filter-box input,
.partner-search .filter-box select { margin-top: 7px; }
.partner-search .filter-box .right-box { width: 90px; }
.partner-search .filter-box .left-box li:nth-of-type(3) { padding-right: 10px; }
.partner-search .filter-box .btn { width: 68px; min-width: 1px; height: 60px; background-size: 42px 42px; }
.partner-search .filter-box .btn:hover { background-size: 42px 42px !important; }

.partner-search .filter-box .supple-tx,
.event-list .filter-box .supple-tx { margin-top: 10px; font-size: 1.1rem; color: #999; line-height: 1.6; }
.partner-search .filter-box .supple-tx a,
.event-list .filter-box .supple-tx a { color: #999; text-decoration: underline; }
.partner-search .filter-box .supple-tx a:hover,
.event-list .filter-box .supple-tx a:hover { text-decoration: none; }


/* Tab */
.tabs                   { min-height: 100%; margin-top: 15px; }
.tabs li.active a,
.tabs li.active a:hover { border-color: #009a44; border-radius: 3px 3px 0 0; color: #fff; font-weight: bold; background: #009a44; }
.tabs .tab a            { height: 50px; text-decoration: none; padding-left: 3px; padding-right: 3px; }
.tabs .tab span         { display: inline-block; vertical-align: middle; line-height: 1.4; }

.tabs-head              { height: auto; margin-top: 5px; margin-bottom: 15px; border-bottom: 3px solid #009a44; }
.tabs-head li.tab       { width: 17%; vertical-align: middle; }
.tabs-head li           { padding-left: 2px; padding-right: 2px; text-align: center; }
.tabs-head li:first-child { padding-left: 0; }
.tabs-head li:last-child { padding-right: 0; }
.tabs-head li a         { display: block; width: 100%; height: 50px; line-height: 50px; vertical-align: middle; border: 1px solid #ebebeb; border-bottom: none; border-radius: 3px 3px 0 0; color: #999; font-size: 1.4rem; font-weight: bold; background: #fff; }
.tabs-head li a.
.tabs-head li a:hover   { border-color: #276aab; border-color: #999; border-radius: 3px 3px 0 0; text-decoration: none; color: #fff; background: #999; }

.tabs li.empty          { width: auto; color: none; background: none; cursor: default; }


/* Standard */
.standard               { padding: 40px 20px; background: #fff; }
.standard h3            { margin-bottom: 40px; padding-left: 0; border-color: #009a44; text-align: center; }
.standard h5            { margin: 30px 0 10px; font-size: 1.6rem; }
.standard p             { margin-top: 5px; font-size: 1.2rem; }
.standard .inner        { padding-left: 5%; padding-right: 5%; }
.standard .sign         { margin-top: 40px; text-align: right; }
.standard .message-view { margin-top: 20px; padding: 10px; background: #f0f0f0; }


/* Table View */
.table-view li          { vertical-align: middle; }
.table-view li a        { display: block; width: 100%; height: 100%; padding: 10px; border-radius: 5px; background: #fff; }
.table-view li a:hover,
.chest .box-item > li > a:hover,
.chest.favorite .box-item > li > a:hover  { background: #ccc; text-decoration: none; }
.table-view li a:hover p { color: #fff; text-decoration: none; }
.table-view li a:hover .tag { color: #fff; }

.table-view li .table-view-contents { display: block; width: 100%; height: 100%; padding: 10px; border-radius: 5px; background: #fff; }
.table-view li .table-view-contents:hover,
.chest .box-item > li > .table-view-contents:hover,
.chest.favorite .box-item > li > .table-view-contents:hover  { background: #ccc; text-decoration: none; cursor: pointer; }
.table-view li .table-view-contents.no-link:hover,
.chest .box-item > li > .table-view-contents.no-link:hover,
.chest.favorite .box-item > li > .table-view-contents.no-link:hover  { background: #fff; cursor: default; }
.table-view li .table-view-contents:hover p { color: #fff; text-decoration: none; }
.table-view li .table-view-contents.no-link:hover p { color: #333; text-decoration: none; }
.table-view li .table-view-contents:hover .tag { color: #fff; }

.table-view-contents:hover .icon-arrow-right { background-image: url("../images/svg/icon-arrow-right-hover.svg"); }

.table-view .list > li  { display: list-item; background: #fff; }
.table-view .col1       { width: auto; border-radius: 5px 0 0 5px; }
.table-view .col1 li    { padding: 0 5px; background: none; }
.table-view .col1 li:nth-of-type(1) { width: 16rem; padding-right: 10px; }
.table-view .col1 li:nth-of-type(2) { width: 7rem; }
.table-view .col1 li:nth-of-type(3) { width: auto; padding-left: 10px; padding-right: 10px; text-align: left; }
.table-view .col1 .table-view-contents     { border-radius: 5px 0 0 5px; }
.table-view .col1 .table-view-contents:hover { text-decoration: none; }
.table-view .col1 .table-view-contents:hover .btn { background: #009a44; }
.table-view .col1 .table-view-contents > ul > li:first-child { text-align: right; }
.table-view .col1 div.head-group   { display: inline-block; text-align: center; }
.table-view .col1 .timestamp,
.table-view .text-disable { text-align: right; }
.table-view .col1 .timestamp { color: #999; }
.table-view .table-view-contents.no-link:hover .col1 .timestamp { color: #999; }
.table-view .col1 .category { display: inline-block; width: 5rem; margin-bottom: 5px; color: #fff; background: #009a44; font-size: 1.1rem; text-align: center; }
.table-view .col1 .pr   { margin-top: 0; padding-left: 5px; }
.table-view .col2,
.table-view .col3       { width: 60px; height: 100%; padding: 0; text-align: center; background: none; }
.table-view .col2 a,
.table-view .col3 a     { display: block; width: 100%; height: 100%; vertical-align: middle; padding: 10px; border-radius: 0 5px 5px 0; }
.table-view .col3 a     { padding-right: 20px; }
.table-view .col2 a:hover,
.table-view .col3 a:hover { background: none; }
.table-view .col2 .icon { width: 30px; height: 22px; }
.table-view .circle     { width: 40px; height: 40px; }
.table-view .number     { font-size: 1.1rem; }
.table-view .name       { padding-bottom: 5px; color: #009a44; line-height: 1.3; }
.table-view .table-view-contents .name { color: #009a44; }
.table-view .table-view-contents.no-link:hover .name { color: #009a44; }
.table-view .name-kana  { padding-top: 2px; color: #009a44; font-size: 1rem; line-height: 1.3; }
.partner-list .table-view .col1 .ribbon-ajust ul:nth-of-type(1) li:nth-of-type(2),
.partner-list .table-view .col1 .ribbon-ajust ul:nth-of-type(1) li:nth-of-type(3) { vertical-align: bottom; }
.partner-list .table-view .col1 .ribbon-ajust ul:nth-of-type(1) li:nth-of-type(2) .address { line-height: 1; }
.partner-list .favorite .category,
.partner-list .tidy .category { width: 5rem; font-size: 1.1rem; }
.table-view .col1 li:nth-of-type(3) .age { line-height: 1; }
.table-view li img      { width: auto; height: 24px; vertical-align: middle; }
.table-view .btn.ghost:hover,
.table-view a:hover .btn.ghost { color: #fff; border-color: #fff; background: none; }

.table-view .withdraw a,
.table-view .withdraw .col1 a { cursor: default; }
.table-view .withdraw .table-view-contents.no-link,
.table-view .withdraw .col1 .table-view-contents.no-link { cursor: default; }
.table-view .withdraw .col3 { border-radius: 0 5px 5px 0; }
.table-view .withdraw a,
.table-view .withdraw .col1 a,
.table-view .withdraw .table-view-contents.no-link,
.table-view .withdraw .col1 .table-view-contents.no-link,
.table-view .withdraw .col2,
.table-view .withdraw .col3,
.table-view .withdraw .col3 a,
.table-view .withdraw .col3 .table-view-contents.no-link,
.table-view .withdraw .ribbon,
.chest.favorite .box-item > .withdraw > a,
.chest.favorite .box-item > .withdraw > .table-view-contents.no-link { background: #ccc !important; }
.table-view .withdraw .category { color: #fff !important; background: #999; }
.table-view .withdraw p { color: #999 !important; }
.table-view .withdraw .category.disabled { position: absolute; top: 50%; left: inherit; right: 70px; z-index: 99; margin-top: -13px; }
.table-view .withdraw .name { color: #999 !important; }

.partner-search .table-view .col1 > .table-view-contents > .table > li:nth-of-type(1) { width: 8rem; }

.table.half h5          { margin: 0; padding-left: 51px; padding-right: 75px; color: #009a44; font-weight: bold; }
.table.half input[type="text"],
.table.half textarea    { margin-top: 5px; }
.table.half input[type="radio"] { margin-right: 10px; }
.table.half label + select,
.table.half .unit       { margin-left: 5px; }
.table.half li li li:nth-child(n+2) input[type="radio"] { margin-left: 5px; }
.table.half > li        { width: 50%; padding: 20px 1%; background: #fff; vertical-align: top; }
.table.half > li:first-of-type { width: 50%; background: rgba(255, 255, 255, 0.6); }
.table.half > li:first-of-type > p { margin-top: 20px; padding-left: 12%; padding-right: 12%; color: #b9b9b9; }
.table.half > li:first-of-type > p.read { color: #666; font-size: 1.4rem; }
.table.half > li:last-of-type { width: auto; padding-left: 48px; padding-right: 48px; }
.table.half .list > li  { font-size: 1.3rem; }
.table.half .list > li:nth-child(odd) { padding: 7px 15px; color: #333; font-weight: bold; background: #f0f0f0; }
.table.half .list > li:nth-child(even):before,
.table.half .list > li:nth-child(even):after { content: ""; display: block; overflow: hidden; }
.table.half .list > li:nth-child(even):after { clear: both; }
.table.half .list > li:nth-child(even) { padding: 15px 10px 30px 45px; zoom: 1; }
.table.half .list > li > p { margin-bottom: 5px; }
.table.half .list .table > li { padding: 5px; }
.table.half .list .table > li:first-child { margin-left: 0 !important; }
.table.half .list .number { display: table; width: 100%; padding: 0 !important; }
.table.half .list .number span { display: table-cell; height: 32px; vertical-align: middle; }
.table.half .list .number span:first-child { width: 32px; line-height: 32px; color: #666; background: #ccc; font-weight: normal; text-align: center; }
.table.half .list .number span:last-child { padding: 5px 10px; }
.table.half .list .btn  { display: inline-block; float: right; width: auto; min-width: inherit; height: 30px; line-height: 30px; margin: 0; padding: 0 10px; background: #fb527c; }
.table.half .list .avatar { width: 80px; height: 80px; }
.table.half .list .avatar + .btn { margin-top: 20px; }
.table.half .list .table > li { vertical-align: top; }
.table.half .list .table > li:last-child { vertical-align: middle; }
.table.half .list .inline > li { width: 33%; }
.table.half .list .column-3 { margin-top: 5px; }
.table.half .list .column-3 > li { width: 40%; vertical-align: top; }
.table.half .list .column-3 > li:nth-child(2) { padding-left: 15px; }
.table.half .list .column-2 > li:last-child,
.table.half .list .column-3 > li:last-child { width: 20%; text-align: right; }
.table.half .list .column-3 > li p:nth-of-type(n+2) { text-indent: 0.5rem; }
.table.half .list .column-3 .title { border-bottom: 1px solid #ccc; font-weight: bold; font-size: 1.3rem; text-indent: 1rem; }
.table.half .list .column-3 p:nth-of-type(n+2) { margin-top: 5px; }
.table.half .list .column-3 p:nth-of-type(n+2):before,
.table.half .list .list-mark > p:before { content:"・" }
.table.half .list .column-4 > li { width: 25%; }
.table.half .list .column-5 > li { display: inline-block !important; width: 33.3%; }
.table.half .list .column-5 > li input[type="radio"] { margin-left: 5px; }
.table.half .list .column-5 > li:nth-child(n+4) { margin-top: 10px; }
.table.half .list .column-5 > li label { white-space: nowrap; }

.table-view.photo > .table.half .table-photo .image { width: 100%; height: 530px; }
.table-view.photo > .table.half .table-photo .photo-small,
.table-view.photo > .table.half .table-photo .photo-small .image { height: 177px; }
.table.half .table-photo { border: 1px solid #ebebeb; }
.table.half .table-photo td { padding: 0; border: none; background: #fff; }
.table.half .table-photo td + td { border-left: 1px solid #ebebeb; }
.table.half .table-photo div { display: block; height: 100%; }
.table.half .table-photo .image { width: 100%; height: 680px; vertical-align: bottom; }
.table.half .table-photo .photo-small { width: 148px; }
.table.half .table-photo .photo-small,
.table.half .table-photo .photo-small .image { height: 230px; }
.table.half .table-photo .photo-small.no-image p { background-size: contain; }
.table.half .table-photo .note { padding: 10px; color: #fff; background: #999; text-align: left; }
.table.half .list .table-photo + p { margin-top: 20px; margin-bottom: 0; text-align: center; }
.table.half .list .table-photo + p .btn { float: none; }


/* Profile values-tab */
.introduction .values .table.half .list > li:nth-child(even) { padding-top: 5px; padding-bottom: 20px; }
.value-chart,
.value-chart label      { height: 90px; }
.value-chart            { position: relative; width: 100%; }
.value-chart > div      { width: 80%; height: 50%; margin: 0 auto; border-bottom: 1px solid #333; }
.value-chart ul         { position: absolute; top: 0; left: 0; height: 100%; background: transparent; }
.value-chart li         { width: 20%; padding: 0 !important; background: transparent; text-align: center; vertical-align: bottom !important; }
.value-chart label      { position: relative; display: block; width: 100%; cursor: pointer; }
.value-chart li span    { display: inline-block; background: none; }
.value-chart li span + span { margin-left: 0; padding-left: 0; }
.value-chart label:hover { background: rgba(177, 240, 204, 0.6); }
.value-chart label input[type="radio"],
.value-chart label .ring { display: none; }
.value-chart label .mini-ring,
.value-chart label.checked .ring { display: inline-block; }
.value-chart label.checked .mini-ring { display: none; }
.value-chart .chart-wrapper { position: relative; display: block; width: 100%; height: 90px; margin: 0; border: none; }
.value-chart .ring,
.value-chart .mini-ring { position: absolute; left: 50%; border-radius: 50%; background: none; vertical-align: middle; }
.value-chart .ring      { top: 20%; width: 18px; height: 18px; margin-left: -9px; border: 4px solid #009a44; }
.value-chart .mini-ring { top: 22%; width: 15px; height: 15px; margin-left: -8px; border: 2px solid #ccc; }
.value-chart .scale     { position: absolute; top: 30%; left: 0; width: 50%; height: 20%; border-right: 1px solid #333; }
.value-chart .choice    { position: absolute; left: 0; top: 55%; width: 100%; font-size: 1.2rem; text-decoration: none; }
.value-chart label.checked .choice { font-weight: bold; color: #009a44; }


/* Ribbon */
.side-corner-tag        { position: relative; z-index: 1; display: inline-block; overflow: hidden; padding: 5px; color: #fff; background: none !important; }

.side-corner-tag .ribbon-text { display: inline; }
.side-corner-tag .ribbon-text::before { content: ""; position: absolute; top: -17px; left: 60px; z-index: -1; width: 0; height: 0; border: 12px solid #662121 !important; }
.side-corner-tag .ribbon-text::after { content: ""; position: absolute; top: 60px; left: -10px; z-index: -1; width: 0; height: 0; border: 12px solid #662121 !important; }
.side-corner-tag .ribbon-text .tag { position: absolute; top: 22px; left: -25px; display: inline-block; width: 120px; margin: 0; padding: 3px 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2); text-align: center; text-transform: uppercase; font-weight: bold;
                          -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.ribbon                 { border: 1px solid #ebebeb; border-radius: 5px; background-color: #fff; }


/* Bord */
.board.type-a           { text-align: center; }
.board.type-a .name     { margin-top: 10px; margin-bottom: 5px; }
.board.type-a .pr       { text-align: left; }
.board.type-a .avatar   { width: 100%; max-width: 120px; height: 120px; }
.board.type-b .avatar   { width: 100px; height: 100px; }
.board li               { vertical-align: top; }

.board .avatar          { width: 100px; height: 100px; }
.board .table li:first-child { text-align: left; }
.board .table li:last-child { text-align: right; }
.board .box-bottom      { margin-top: 10px; padding-top: 5px; height: 35px; border-top: 1px solid #ddd; }
.board .box-bottom .table,
.board .box-bottom li   { height: 100%; vertical-align: middle; }
.board .box-bottom .table li:first-child { width: auto; }
.board .box-bottom .table li:last-child { width: 24px; text-align: center; }
.board .box-bottom .table li:last-child button { width: 100%; height: 100%; }
.board .box-bottom .table li:last-child button:hover .icon { background-image: url("../images/svg/icon-favorite-on.svg"); }
.board .icon            { width: 100%; height: 97%; vertical-align: middle; }


/* Account */
.account .box-detail    { margin-top: 10px; }



/* paging-box */
.paging-box             { position: relative; margin: 15px 6px 6px; padding: 8px; background-color: #e6e6e6; }
.paging-box.footer-paging { margin-top: 6px; margin-bottom: 0; }
.paging-box .paging-box-inner { display: table; width: 100%; }
.list .paging-box .page-count,
.list .paging-box ul    { display: table-cell; vertical-align: middle; }
.list .paging-box .page-count { padding-left: 4px; color: #555; font-size: 1.2rem; }
.list .paging-box .page-count > span { display: inline-block; margin-right: 5px; line-height: 1; }
.list .paging-box .page-count > span:nth-last-child(1) { margin-left: 4px; }
.list .paging-box .page-count > span span { margin-left: 3px; font-weight: bold; }
.list .paging-box .page-count .separate { margin-right: 0; color: #999; -webkit-transform: scaleY(1.6); transform: scaleY(1.6); }
.list .paging-box ul    { text-align: right; background-color: #e6e6e6; }
.list .paging-box li    { display: inline-block; margin-right: 3px; font-size: 1.2rem; line-height: 1; }
.list .paging-box li:nth-last-of-type(1) { margin-right: 0; }
.list .paging-box li.prev-btn { margin-right: 8px; }
.list .paging-box li.next-btn { margin-left: 8px; }
.list .paging-box li a  { display: block; padding: 8px; font-size: 1.2rem; color: #009a44; line-height: 1; border-radius: 4px; background-color: #fff; }
.list .paging-box li.ellipses { padding: 8px 4px; color: #999; background-color: #fff; border-radius: 4px; }
.list .paging-box li.active { padding: 8px; color: #fff; font-weight: bold; border-radius: 4px;  background-color: #009a44; }
.list .paging-box li a:hover { color: #fff; background-color: #ccc; text-decoration: none; }
.list .paging-box li .icon { width: 5px; height: 9px; }
.list .paging-box li .icon-arrow-left { margin-right: 7px; }
.list .paging-box li .icon-arrow-right { margin-left: 7px; }
.list .paging-box li .icon-arrow-left-double { width: 9px; height: 9px; margin-right: 7px; }
.list .paging-box li .icon-arrow-right-double { width: 9px; height: 9px; margin-left: 7px; }


/* History */
.history .standard > ul { position: relative; }
.history .standard > ul > li { vertical-align: top; }
.history .standard > ul > li:last-child { padding-left: 120px; }
.history .standard > ul:first-child > .year { margin-top: 0; }
.history .year          { margin-top: 20px; margin-bottom: 20px; background: #fff; text-align: left; }
.history .year p        { display: inline-block; width: 110px; padding: 5px 0; border: 3px solid #eee; color: #009A44; text-align: center; }
.history .year.start    { margin-bottom: 0; }
.history .year.start p  { background: #eee; color: #ccc; }
.history .year i        { position: absolute; left: 90px; }
.history .year .icon-triangle-down-green { top: 15px; }
.history .year .icon-triangle-right-green { top: 13px; }
.history .year i.hidden { display: none; }
.history .year-line     { position: absolute; top: 37px; left: 0; display: inline-block; width: 55px; height: 100%; border-right: 3px solid #eee; z-index: 0; }
.history a              { color: #009a44; }
.history a:hover .box-avatar li { background: #c5c5c5; }
.history li             { vertical-align: middle; }
.history .standard p    { margin-top: 0; }
.history .list > li     { padding: 15px 10px; border-top: 1px solid #e5e5e5; }
.history .list > li:last-child { border-bottom: 1px solid #e5e5e5; }
.history .list > li > .table:nth-of-type(n+2) { margin-top: 10px; }
.history .date,
.history .time          { color: #999; font-size: 1.2rem; text-align: center; }
.history .date          { width: 6rem; }
.history .time          { width: 10rem; vertical-align: middle; }
.history a + p          { display: inline-block; width: auto; margin-top: -34px !important; margin-left: 0; vertical-align: middle; }

.box-btn                { margin-top: 10px; padding: 15px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; text-align: center; }

.message-area           { margin-top: 20px; }
.message-area h3 + .box { margin-left: 5px; margin-right: 5px; }
.message-area .box.li-limit03 { height: 180px; overflow: auto; }
.message-area a:hover { text-decoration: none; }
.message-area .wrapper > .table > li { vertical-align: top; }
.message-area .wrapper > .table > li:first-child { width: 50%; padding-right: 1%; }
.message-area .wrapper > .table > li:last-child { width: 49%; }
.message-area:nth-of-type(3) .wrapper > .table > li:first-child { width: 66.7%; }
.message-area:nth-of-type(3) .wrapper > .table > li:last-child { width: 32.8%; }

.message-area .box > ul > li { height: 60px; margin: 0; }
.message-area .box a    { display: block; }
.message-area .box a:hover .table li { border-color: #fff; }
.message-area .box .box { overflow-y: auto; height: 177px; padding: 0; border: none; border-radius: 0; background: #fff; }
.message-area .title    { white-space: nowrap; text-overflow: ellipsis; color: #333; font-weight: normal; }
.message-area .tag      { width: 36px; min-width: 3rem; margin-right: 0; font-size: 1.0rem; }

.message-area .list > li { border-bottom: 1px solid #ddd; vertical-align: middle; white-space: nowrap; }
.message-area .list .table > li { height: 40px; vertical-align: middle; }
.message-area .list .table > li:nth-of-type(1) { width: 180px; padding-left: 10px; }
.message-area .list .table > li:nth-of-type(1) p { display: inline-block; width: 36px; line-height: 57px; }
.message-area .list .table > li:nth-of-type(1) p:last-child { margin-top: 10px; margin-left: 10px; margin-right: 15px; }
.message-area .list .table > li:nth-of-type(2) { width: 54px; }
.message-area .list .table > li:nth-of-type(2) p,
.message-area .avatar   { width: 40px; height: 40px; margin-right: 10px; vertical-align: middle; }
.message-area .list .table > li:nth-of-type(3) { width: auto; padding-left: 10px; padding-right: 10px; }
.message-area .list .table > li:nth-of-type(3) p { display: block; overflow: hidden; vertical-align: middle; white-space: nowrap; font-size: 1.4rem; text-overflow: ellipsis; }
.message-area .list .table > li:last-of-type { width: 35px; min-width: 30px; padding-right: 10px; text-align: right; }
.message-area .list .table > li:last-of-type i { vertical-align: middle; }

.information .list > li { line-height: 57px; background: #fff; }
.information .list .table > li:nth-of-type(2) img { vertical-align: top; }

.reminder .list > li    { height: auto; line-height: 57px; }
.reminder .list .table > li:nth-of-type(1) { display: none; }
.reminder .list .table > li:nth-of-type(2) { width: 64px; padding-left: 10px; }
.reminder .list .table > li:nth-of-type(3) p + p { margin-top: 5px; }
.reminder .list .table > li:nth-of-type(4) { width: 110px; text-align: center; }
.reminder .list .table > li p { line-height: 18px; }
.reminder .name         { margin-bottom: 0; font-size: 1.3rem; font-weight: normal; }
.reminder .limit span   { margin-left: 10px; }
.reminder .list .table > li:nth-of-type(4) span { display: inline-block; width: 50px; line-height: 30px; vertical-align: middle; margin-left: 5px; margin-right: 5px; padding: 0 5px; border-radius: 5px; text-align: center; color: #333; font-size: 2rem; font-weight: bold; background: #f0f0f0; }
.reminder .list .table > li:nth-of-type(4) span.red { color: #ff4a51; }

.zwei.box               { height: 210px; overflow-y: auto; }
.zwei.box > ul > li     { height: 41px; line-height: 1; padding: 0; }
.zwei .list .table > li:nth-of-type(1) p:last-child { margin-top: 0; }
.zwei .list .table > li:nth-of-type(2) { display: none; }
.message-area .list .table > li:nth-of-type(1) p { line-height: 39px; }

.result                 { margin-left: -5px; margin-right: -5px; }
.result a p             { color: #333; }
.result .table-view-contents p { color: #333; }
.result p.pr            { height: auto; min-height: 46px; }
.result li              { margin-top: 0; }
.result li.more         { margin: 20px 3px 0; border: 1px solid #f5f5f5; border-radius: 5px; text-align: center; }
.result li.more a       { border: 1px solid #ebebeb; color: #009a44; font-size: 1.2rem; }
.result li.more a:hover { text-decoration: none; color: #fff; }
.result .tag            { color: #fff; font-size: 1.2rem; background: #009a44; }

.chest .box-item > li > a { position: relative; display: block; width: 100%; height: 100%; padding-top: 30px; border: 1px solid #ddd; background: #ccc; }
.chest .box-item > li > a:hover { text-decoration: none; }
.chest .box-item > li > a:hover p { color: #fff; }
.chest .box-item > li > a > .table:first-of-type li:first-child { width: 12rem; }
.chest .box-item > li > a > .table:first-of-type li:last-child { width: auto; max-width: 100px; min-width: 50px; padding-left: 5px; text-align: right; }
.chest .box-item > li > a > ul { height: 176px; }
.chest .box-item .withdraw a { border: 1px solid #ccc; }
.chest .box-item .withdraw a > ul > li:first-child { vertical-align: top; }

.chest .avatar          { width: 100%; max-width: 95px; min-width: 50px; height: 95px; }
.chest .timestamp       { display: inline-block; }
.chest.result .pr       { height: 115px; }
.chest .address         { padding-top: 10px; }
.chest .category,
.chest .withdraw .category.disabled,
.chest.favorite .withdraw .category { position: absolute; top: 0; right: inherit;  margin-top: 0; }
.chest .action          { height: 40px; margin-top: 10px; text-align: center; }
.chest.favorite .action { height: 27px; text-align: left; }
.chest .action button   { display: inline-block; width: 35px; height: 27px; border: none; vertical-align: middle; }
.chest .action button.btn { height: 40px; line-height: 40px; vertical-align: middle; margin: 0; }
.chest .action button.btn i { vertical-align: middle; margin-top: -2px; margin-right: 10px; }
.chest .box-item > li > .btn-favorite { position: absolute; left: 11px; bottom: 10px; width: 25px; height: 23px; padding: 0!important; border: none; background: transparent!important; }
.chest .box-item > li > .btn-favorite i { width: 100%; height: 97%; }
.chest .box-item > li > .btn-favorite:hover i { width: 100%; height: 97%; background-image: url("../images/svg/icon-favorite-on.svg"); }
.chest .box-item > li > .btn-favorite.tooltip:hover:after { top: -28px; }
.chest .box-item > li > .btn-delete { position: absolute; top: 10px; right: 11px; display: inline-block; width: 20px; height: 20px; padding: 0!important; border: none; background: transparent!important; cursor: pointer!important;}
.chest .box-item > li > .btn-delete.tooltip:hover:after { left: -20px; top: -30px; }
.chest .btn             { margin-left: 0; margin-right: 0; }

.chest .box-item > li > .btn.cancel { position: absolute; bottom: 1px; left: 50%; display: inline-block; width: auto; height: 40px; margin-left: -75px; padding: 0!important; line-height: 40px; border: none; background-color: #939393; cursor: pointer!important;}
.chest .box-item > li > .btn.cancel i { vertical-align: middle; margin-top: -2px; margin-right: 10px; }

.chest.favorite .box-item > li,
.chest.tidy .box-item > li { position: relative; }
.chest.favorite .box-item > li > a { padding-bottom: 47px; background: #fff; }
.chest.tidy .box-item > li > a { padding-bottom: 70px; }

.partner-search .chest .category { font-size: 1.1rem; width: 7.8rem; }

.partner-search .chest .box-item > li > a { padding-top: 30px; }

.partner-search .chest.tidy .action,
.partner-list .chest.tidy .action { margin-top: 20px; }
.partner-search .chest.tidy .btn,
.partner-list .chest.tidy .btn { min-width: 150px; font-size: 1.6rem; }
.partner-search .chest.tidy .btn:after,
.partner-list .chest.tidy .btn:after { display: none; }

.partner-list .result.matching .timestamp br { display: none; }

.partner-list .heading .counter-box li { text-align: center; }
.partner-list .heading .counter-box li p { margin-top: 11px; }
.partner-list .heading .counter-box li .counter-title { color: #009a44; font-size: 1.2rem; }
.partner-list .heading .counter-box li .counter { font-size: 1.9rem; }

.partner-search .table-view .use-chart-icon .col1 > .table-view-contents > .table > li:nth-of-type(1) { width: 7rem; }
.partner-search .table-view .use-chart-icon .col1 > .table-view-contents > .table > li:nth-of-type(2) { width: 8rem; }
.partner-search .use-chart-icon .chart-icon { width: 7rem; height: 7rem; }

.introduction .heading .right-box > p { padding-top: 8px; }
.introduction .heading .right-box.v-middle { vertical-align: middle; }
.introduction .heading .right-box.v-middle > p { padding-top: 0; }

.introduction .introduction-news { position: relative; width: 100%; margin: 25px 0; padding: 0; text-align: center; border: 1px solid #ddd; background-color: #fff; }
.introduction .introduction-news h4 { padding: 18px 50px; color: #fff; font-size: 2rem; color: #555; font-weight: bold; text-align: center; border-top: 3px solid #009a44; border-bottom: none; }
.introduction .introduction-news .box-detail { position: relative; padding: 30px 25px 20px; border: 2px solid #fff; border-top: none; background-color: #f7f7f7; }
.introduction .introduction-news .btn-only { background-color: #f7f7f7; }
.introduction .introduction-news .box-detail .first-tx { margin-bottom: 24px; color: #777; font-weight: bold; }
.introduction .introduction-news dl { display: inline-block; float: none; width: auto; margin: 0; }
.introduction .introduction-news dt,
.introduction .introduction-news dd { padding: 3px; font-size: 1.2rem; border: none; }
.introduction .introduction-news dt { width: 4.5em; margin-right: 12px; color: #009a44; font-weight: bold; text-align: center; background-color: #fff; }
.introduction .introduction-news dd { margin-right: 30px; font-size: 1.4rem; }
.introduction .introduction-news dd .twei-mark { display: inline-block; width: 16px; height: 15px; margin-right: 3px; }
.introduction .introduction-news dd .twei-mark img { width: 16px; height: auto; margin-bottom: 1px; vertical-align: middle; }
.introduction .introduction-news dd .btn { min-width: 1px; height: auto; margin: -6px 0 0 10px; padding: 5px 8px; line-height: 1; }
.introduction .introduction-news .box-detail.address-detail { padding-top: 20px; padding-bottom: 12px; }
.introduction .introduction-news .box-detail.address-detail .btn { margin-top: 0; }
.introduction .introduction-news .box-detail.address-detail p { font-size: 1.2rem; }
.introduction .introduction-news .box-detail.address-detail p.first-tx { font-size: 1.3rem; }

.introduction .introduction-news .box-detail.matching-apply-detail { padding-bottom: 15px; }
.introduction .introduction-news .box-detail.matching-apply-detail dl { text-align: left; }
.introduction .introduction-news .box-detail.matching-apply-detail dt { display: inline-block; float: none; width: auto; margin-right: 50px; margin-bottom: 7px; padding: 3px 9px; }
.introduction .introduction-news .box-detail.matching-apply-detail dd { display: block; float: none; margin-right: 50px; margin-bottom: 0; }
.introduction .introduction-news .box-detail.matching-apply-detail + .box-btn { margin-top: 0; padding: 10px; border: none; }

.introduction .introduction-news .box-detail.matching-detail dt { width: auto; padding: 3px 8px; }

.introduction .introduction-news .attension-detail { padding-top: 22px; }
.introduction .introduction-news .attension-detail p { color: #fb527c; font-size: 1.6rem; font-weight: bold; }

.tag-wrapper            { position: absolute; left: -7px; top: -7px; width: 90px; height: 90px; background-color: transparent; overflow: hidden; z-index: 50; }
.tag-wrapper .ribbon-text { position: relative; }
.tag-wrapper .ribbon-text::before { content: ""; display: block; position: absolute; top: 0; left: 72px; width: 0; height: 0; border-width: 0 0 6px 12px; border-color: transparent transparent #662121 transparent; }
.tag-wrapper .ribbon-text::after { content: ""; display: block; position: absolute; top: 77px; left: 0; width: 0; height: 0; border-width: 0 0 6px 6px; border-color: transparent transparent #662121 transparent; }
.tag-wrapper .ribbon-text .tag { position: absolute; top: 22px; left: -25px; display: inline-block; width: 120px; margin: 0; padding: 3px 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2); text-align: center; text-transform: uppercase; font-weight: bold;
                          -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.introduction h3        { border-bottom: none; text-align: center; }
.introduction .heading .right-box .btn { padding-left: 5px; padding-right: 5px; }
.introduction .box-detail { position: relative; }
.introduction .box-detail ul:nth-of-type(n+2) { margin-top: 10px; }
.introduction .box-detail .category { position: absolute; top: 0; right: 4%; width: auto; margin-left: 50px; }

.introduction .table.half .table-photo .photo-big .image.cover { transition: all 0s ease 0s; }

.introduction .subheading { width: 100%; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid #009a44; }
.introduction .subheading .date { width: 100%; text-align: right; }
.introduction .subheading .name { width: 100%; padding: 10px 0; font-size: 2.8rem; }
.introduction .subheading .name li:first-child { width: auto; padding-left: 0; }
.introduction .subheading .name li:first-child .number { margin-bottom: 8px; padding-top: 5px; color: #333; font-size: 1.3rem; font-weight: normal; }
.introduction .subheading .name li:first-child .name-kana { margin-bottom: -5px; font-weight: normal; }
.introduction .subheading .name li:last-child { width: 42px; padding-left: 0; padding-right: 0; vertical-align: bottom; }
.introduction .subheading .name li:last-child a { text-align: right; }
.introduction .subheading .name li:last-child .icon { width: 36px; height: 26px; vertical-align: middle; }
.introduction span + span { padding-left: 10px; }
.introduction h4        { padding: 0 0 5px; font-size: 16px; border-bottom: 1px solid #009a44; text-align: right; color: #009a44; font-weight: normal; background: none; }
.introduction h4 + table { margin-top: 20px; }
.introduction .list .inline { width: 100%; }
.introduction table,
.introduction th,
.introduction td        { border: none; background: none; }
.introduction th,
.introduction td        { padding: 7px 10px; border-bottom: 1px dotted #ccc; }
.introduction th        { font-weight: bold; text-align: left; }
.introduction td        { text-align: right; }
.introduction .standard { margin-top: 10px; background: rgba(255, 255, 255, 0.6); }
.introduction .table-profile th,
.introduction .table-profile td { line-height: 1.8; font-size: 1.7rem; min-height:100%; height: auto !important;}
.introduction .table-profile .col1 { width: 50%; }
.introduction .table-profile .col2 { width: 50%; }
.introduction .table-profile .number { font-weight: bold; }
.introduction .table-values .col1 { width: 70%; }
.introduction .table-values .col2 { width: 25%; }
.introduction .table-values td { text-align: left; }
.introduction .table-family .col1 { width: 14%; }
.introduction .table-family .col2 { width: 16%; }
.introduction .table-family th,
.introduction .table-family td { text-align: center; }
.introduction .table-family th { height: 20px; line-height: 20px; }
.introduction .table-family td { height: 30px; line-height: 30px; }
.introduction .table-analysis th,
.introduction .table-analysis td { border: none; }
.introduction .table-analysis th { width: 30%; text-align: right; }
.introduction .table-analysis td { width: 40%; padding: 0 10px; text-align: center; vertical-align: bottom; }
.introduction .table-analysis tr th:last-of-type { text-align: left; }
.introduction .table-analysis + p { margin-top: 20px; color: #999; font-size: 11px; }
.introduction .chart    { position: relative; }
.introduction .chart span.circle { position: absolute; top: -5px; margin-left: -7px; }
.introduction .chart span.mark1 { left: 0%; }
.introduction .chart span.mark2 { left: 25%; }
.introduction .chart span.mark3 { left: 50%; }
.introduction .chart span.mark4 { left: 75%; }
.introduction .chart span.mark5 { left: 100%; }
.introduction .chart ul { width: 100%; }
.introduction .chart li { width: 25%; height: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.introduction .chart li:first-of-type { border-left: 1px solid #ccc; }
.introduction span.circle { display: inline-block; width: 14px; height: 14px; border: 2px solid #009a44; border-radius: 50%; background: none; vertical-align: middle; }
.introduction .message-view { padding: 20px; }
.introduction .message-view h5 { margin-top: 0; margin-bottom: 0; color: #009a44; }
.introduction .message-view h5 + p { margin-bottom: 10px; color: #b9b9b9; }
.introduction .message-view label { margin-left: 0; }
.introduction .message-view .container { background-color: #f9f9f9; }
.introduction .message-view .standard { margin-top: 0; }
.introduction .message-view .category { left: inherit; margin-top: 0; }
.introduction .message-view .right-box .name + p.title { font-size: 1.6rem !important; font-weight: bold; }
.introduction .message-view .box-more { margin-top: 15px; font-size: 1.2rem; border: 1px solid #ebebeb; border-radius: 5px; }
.introduction .message-view .box-more .list,
.introduction .message-view .box-more .list > li { text-align: center; border-radius: 5px; }
.introduction .message-view .box-more .list > li a { border-radius: 4px; }
.introduction .message-view .box-more .list > li a:hover { color: #fff; }


/* profile */
.status-applying        { padding: 30px 20px 0; text-align: center;}
.status-applying p      { display: inline-block; width: auto; padding: 10px 18px; color: #999; font-size: 1.7rem; font-weight: bold; border: 1px solid #bbb; }

.profile .heading .registration-box { width: auto; }
.profile .heading .registration-box a { width: 85px; }
.profile .heading .registration-box a.btn { padding-left: 5px; padding-right: 5px; }

.tabs.tabs-parent a span { vertical-align: middle; }
.tabs.tabs-parent a:hover { text-decoration: none; }

.tabs.tabs-child        { margin-top: 30px; margin-bottom: 20px; }
.tabs.tabs-child .tabs-head { margin-bottom: 10px; border: none; }
.tabs.tabs-child .tabs-head .table { width: 100%; margin: 0 auto; }
.tabs.tabs-child a      { border: 1px solid #ebebeb; border-radius: 3px; }
.tabs.tabs-child li a   { height: 48px; line-height: 46px; font-size: 1.2rem; }
.tabs.tabs-child li.active a { border-color: #ebebeb; border-radius: 3px; }

.profile .table.half .list .inline > li label { display: inline-block; text-indent: -2.2rem; padding-left: 2.2rem; padding-right: 10px; }
.profile .table.half li li li:nth-child(n+2) input[type="radio"] { margin-left: 0; }

.profile .table.half .list .number { position: relative; }
.profile .tag-update { position: absolute; right: 9px; top: 50%; height: 18px; margin: -9px 0 0; padding: 0 4px; font-size: 1rem; color: #fff; line-height: 18px; background-color: #ffa133; }

.profile .table.half .list .number span + span { padding: 5px 10px; }
.profile .table.half .list .box-updata span + span { padding-right: 45px; }

.profile .age .table.half > li:last-of-type .supple-tx { margin-top: 5px; padding-left: 1em; text-indent: -1em; font-size: 1.2rem; color: #777; }
.profile .age .table.half > li:last-of-type .supple-tx a { display: inline; width: auto; height: auto; padding: 0; color: #777; line-height: inherit; text-decoration: underline; border: none; border-radius: 0; }
.profile .age .table.half > li:last-of-type .supple-tx a:hover { background: transparent; }

.box-btn.btn-profile-edit > p { padding: 10px; color: #999; }
.box-btn.btn-profile-edit .btn:nth-child(2) { padding-top: 8px; font-size: 1.6rem; line-height: 1.3; }
.profile.confirmation .box-btn.btn-profile-edit .btn:nth-child(2) { padding-top: 0; font-size: 2rem; line-height: 60px; }

.box-btn.box-btn-desabled > p { color: #333; }
.box-btn-desabled .btn-desabled,
.box-btn-desabled .btn-desabled:hover { color: #ddd!important; border: 1px solid #ebebeb; background: #fff!important; }

.introduction.profile .eyesight input { margin-left: 5px; }
.introduction.profile .my-mailadress input[type="text"] { float: left; width: 68%; }
.introduction.profile .my-mailadress a.btn { height: 27px; margin-top: 5px; line-height: 27px; color: #009a44; border-color: #009a44; background: transparent; }
.introduction.profile .my-mailadress a.btn:hover { color: #fff; background: #009a44!important; }
.introduction.profile .tel-category ul.inline li { width: 25%; }
.introduction.profile .tel-category ul.inline li input[type="radio"] { margin-top: 7px; }
.introduction.profile .tel-category ul.inline li:nth-last-of-type(1) { width: 50%; }
.introduction.profile .tel-category ul.inline li:nth-last-of-type(1) input[type="radio"] { margin-top: 0;  }
.introduction.profile .tel-category ul.inline li:nth-last-of-type(1) input[type="text"] { width: 140px; margin-top: 0; margin-left: 3px; }

.profile .description   { margin-bottom: 20px; color: #009a44; font-size: 1.4rem; }

.introduction.profile .table-analysis .inline li { width: 25%; }
.introduction.profile .table.half .list > li.table-analysis-wrapper { padding: 15px 5px 30px 35px; }
.introduction.profile .table-analysis tr th:nth-of-type(1) { padding-left: 0; }
.introduction.profile .table-analysis tr th:nth-of-type(2) { padding-right: 0; }

.profile .tabs.tabs-child { position: relative; margin-top: 0; padding-top: 15px; }
.profile .tabs.tabs-child > .tabs-manual-tx { padding: 0 15px 10px; color: #999; }
.profile.hobby-interest .tabs.tabs-child .tabs-head .table { width: 98%; width: calc(100% - 200px); margin: 0; }

.profile .tabs.tabs-child .choosing-box { position: absolute; right: 5px; top: 18px; display: inline-block; width: auto; height: auto; margin: 0; padding: 5px 20px; text-align: center; background: #fff; border: 4px solid #ddd; }
.profile .tabs.tabs-child .choosing-box p { margin-top: 0; color: #666; font-size: 1.5rem; }
.profile .tabs.tabs-child .choosing-box label { display: block; margin-bottom: 6px; color: #666; font-size: 1.3rem; font-weight: bold; }
.profile .tabs.tabs-child .choosing-box.specialty-box label,
.profile .tabs.tabs-child .choosing-box.weak-box label { font-size: 1.2rem; }
.profile .tabs.tabs-child .choosing-box .counter { display: inline-block; height: auto; margin: 0 5px 0 0; padding: 0; font-size: 2.8rem; font-weight: bold; color: #009a44; line-height: 1; border-radius: 3px; background: #fff;  }
.profile .tabs.tabs-child .choosing-box .counter.error-tx { color: #e41320; }
.profile.speciality .tabs.tabs-child .choosing-box { padding: 5px 8px; }
.profile.speciality .tabs.tabs-child .choosing-box.specialty-box { right: 110px; }

.profile.hobby-interest .box-btn { margin-right: 5px; margin-left: 5px; }
.profile.hobby-interest.confirmation .box-btn { margin-right: 0; margin-left: 0; }
.profile.hobby-interest .tab-detail { margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; }
.profile.hobby-interest .tab-detail > .table { width: 100%; }

.profile.speciality .grid .wrapper { max-width: 1200px; }
.profile.speciality .grid .wrapper .columns-wrapper { margin: 0 5px; padding-top: 4px; padding-bottom: 3px; background-color: #ddd; }
.profile.speciality .grid .wrapper .columns { background-color: transparent; }
.profile.speciality .grid .wrapper .columns .box { width: 185px; margin: 5px; }
.profile.speciality .box-btn { margin-right: 5px; margin-left: 5px; }
.profile.speciality.confirmation .box-btn { margin-right: 0; margin-left: 0; }
.profile.speciality.confirmation .speciality-list .title { font-size: 1.3rem; font-weight: bold; text-indent: 1rem; border-bottom: 1px solid #ccc; }
.profile.speciality.confirmation .speciality-list li { padding-left: 0; padding-right: 4%; }
.profile.speciality.confirmation .speciality-list li p:nth-of-type(n+2) { margin-top: 5px; padding-left: 1.8rem; text-indent: -1.3rem; }
.profile.speciality.confirmation .speciality-list li p:nth-of-type(n+2)::before { content: "・"; }

.profile.hobby-interest .hobby-interest-comment,
.profile.speciality .speciality-comment { padding-right: 5px; padding-left: 5px; margin-bottom: 20px; }

.profile.condition.confirmation .heading > ul > .left-box > h2 .supple-tx { padding-right: 230px; }
.profile.condition .supple-tx { display: none; }

.introduction.profile-preview .wrapper { position: relative; }

.introduction.profile-preview .centering-info        { padding: 10px 10px 10px 10px; text-align: center;}
.introduction.profile-preview .centering-info p      { display: inline-block; width: auto; padding: 10px 18px; color: #000; font-size: 1.7rem; font-weight: bold; border: 1px solid #bbb; background-color: #ffffff; }

.introduction.profile-preview .notice { position: absolute; top: 30px; right: 20px; max-width: 575px; padding: 6px 12px; border-radius: 5px; border: 1px solid #ddd; background: transparent; }
.introduction.profile-preview .notice p:first-of-type { margin-bottom: 5px; color: #009a44; font-size: 1.5rem; line-height: 1.5; }
.introduction.profile-preview .notice p:last-of-type { color: #999; font-size: 1.2rem; line-height: 1.4; }

.photo-prof .table.half .list > li:nth-child(2n) { padding-top: 25px; padding-left: 0; padding-right: 0; }

.photo-prof .table.half .table-photo { margin-bottom: 15px; background-color: transparent; }

.photo-prof .table.half .list > li:nth-child(2n) .profile-list li { float: left; width: calc(100% / 3 - 10px); margin-right: 15px; text-align: center; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(3n+3) { margin-right: 0; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-last-of-type(1) { margin-bottom: 0; }

.photo-prof .table.half .list > li:nth-child(2n) .profile-list li .current-photo { position: relative; margin-bottom: 15px; cursor: pointer; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li.no-image .current-photo { cursor: default; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li .current-photo:before { content: ""; display: block; padding-top: 129%; }
/*.photo-prof .table.half .list > li:nth-child(2n) .profile-list li .current-photo:hover { border: 3px solid #fff; box-shadow: 0 0 0 2px #bbb; }*/
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li.no-image .current-photo:hover { border-color: #fff; box-shadow: none; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li .current-photo p { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 1px solid #ebebeb; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li .current-photo:hover p { border: 1px solid #bbb; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li.no-image p { background-size: contain; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li.no-image .current-photo:hover p { border-color: #ebebeb; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li label { padding-left: 15px; padding-right: 15px; cursor: pointer; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li label.btn.ghost { float: none; height: 28px; color: #009a44; line-height: 26px; border-color: #009a44; background: #fff; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li label.btn.ghost:hover { color: #fff; background: #009a44!important; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li label input { display: none; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li a { display: block; position: absolute; top: 0; right: 0; width: 20px; height: 0; padding: 20px 0 0 0; background: url("../images/svg/icon-close-white4.svg") center center no-repeat; background-size: 80% 80%; z-index: 1; border-radius: 0; overflow: hidden; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li .current-photo:hover a { background: transparent url("../images/svg/icon-close-white2.svg") center center no-repeat; background-size: 80% 80%; }
.photo-prof .table.half .list > li:nth-child(2n) .profile-list li .current-photo.tooltip:hover:after { top: 64%; left: 50%; width: 80%; height: 32px; padding: 0; line-height: 32px; margin-left: -40%; text-align: center; font-size: 1.1rem; background-color: rgba(51,51,51,.8); z-index: 1; }
.profile.photo-prof .box-btn.btn-profile-edit .btn:nth-child(2) { padding-top: 0; font-size: 2rem; line-height: 60px; }

.profile.photo-prof.photo-private .table.half > li:first-child { padding-left: 4%; padding-right: 4%; }
.profile.photo-prof.photo-private .table.half > li:first-child h5,
.profile.photo-prof.photo-private .table.half > li:first-child p { padding-left: 0; padding-right: 0; }

.profile.photo-prof.photo-private .table.half ul.supple-tx { height: 150px; margin-bottom: 30px; padding: 15px; background-color: #f9f9f9; overflow: auto; }
.profile.photo-prof.photo-private .table.half ul.supple-tx li { margin-bottom: 17px; color: #666; font-size: 1.2rem; }
.profile.photo-prof.photo-private .table.half ul.supple-tx li span { font-weight: bold; }

.profile.photo-prof.photo-private .table.half .status  { margin-top: 20px; margin-bottom: 30px; padding: 14px 12px; background: #f7f7f7; }
.profile.photo-prof.photo-private .table.half .status p { color: #666; font-weight: normal; }
.profile.photo-prof.photo-private .table.half .status label { display: inline-block; width: 17rem; margin-right: 5px; font-size: 1.3rem; }
.profile.photo-prof.photo-private .table.half .status label br { display: none; }
.profile.photo-prof.photo-private .table.half .status span { color: #009a44; font-weight: bold; }
.service-stop .table.half .status span { font-weight: bold; }
.photo-prof.photo-private .table.half .list > li:nth-child(2n) { padding: 15px 10px 30px 45px; }
.profile.photo-prof.photo-private .table.half .reason { margin-bottom: 20px; }
.profile.photo-prof.photo-private .table.half .reason label { display: block; }
.profile.photo-prof.photo-private .table.half .reason label:nth-child(n+2) { margin-top: 5px; }

.profile.photo-prof.photo-private.confirmation .table.half > li:first-child { padding-bottom: 60px; }

.profile .profile-contact-btn-ver .btn { min-width: 300px; line-height: 1.25; }
.profile .profile-contact-btn-ver .btn span { font-size: 1.3rem; }


/* history-list */
.history-list .table-view > ul > li { border-bottom: 1px solid #ddd; }
.history-list .table > li { padding-top: 8px; padding-bottom: 8px; line-height: 1; }
.history-list .table > li:nth-of-type(1) { width: 135px; padding-left: 10px; }
.history-list .table > li:nth-of-type(1) span + span { padding-left: 0; }
.history-list .table > li:nth-of-type(2) { width: 60px; }
.history-list .table > li:nth-of-type(2) .image { width: 40px; height: 40px; }


/* partner-setting */
.partner-setting .table-view .left-box .avatar-box { color: #555; text-align: center; }
.partner-setting .left-box .avatar-box .avatar { width: 120px; height: 120px; }
.partner-setting .right-box .description { margin-bottom: 20px; color: #009a44; font-size: 1.4rem; }
.partner-setting .right-box label { display: block; margin-top: 5px; }
.partner-setting .right-box label:first-child { margin-top: 0; }
.partner-setting .right-box .schedule-detail { margin-top: 15px; padding: 10px 14px; background-color: #f8f8f8; }
.partner-setting .right-box .schedule-detail p.attension-tx { margin-bottom: 10px; color: #009a44; font-size: 1.2rem; }

.partner-setting .right-box .designation-box p.select-title { font-size: 1.2rem; color: #666; }
.partner-setting .right-box .designation-box select { margin-bottom: 10px; }
.partner-setting .right-box .designation-box li:nth-of-type(1) .error-msg { margin-bottom: 20px; }
.partner-setting .right-box .designation-box li select:nth-of-type(1) { width: 9em; }
.partner-setting .right-box .designation-box li select:nth-of-type(2) { width: 6em; }
.partner-setting .right-box .designation-box li select:nth-of-type(3) { width: 7.5em; }

.partner-setting.confirm .right-box .unspecified-box .attension-tx { margin-bottom: 3px; }

.partner-setting.confirm .right-box .designation-box ul li:nth-of-type(1) p:nth-last-of-type(1) { padding-bottom: 10px; }
.partner-setting.confirm .unspecified-box .comment-tx p:first-child { color: #666; margin-top: 20px; margin-right: 5px; margin-bottom: 5px; padding: 1px 0 5px; color: #666; font-weight: bold; border-bottom: 1px dotted #ccc; }
.partner-setting .table.half .list .number span span  { width: auto; height: auto; padding: 0; color: #333; font-weight: bold; line-height: 1; background-color: transparent; }
.partner-setting.confirm .right-box .list .number .unspecified-tx,
.partner-setting.confirm .right-box .list .change-box .unspecified-box { display: block; }
.partner-setting.confirm .right-box .designation-box li:nth-last-of-type(1) .select-title { margin-top: 10px; }


/* message-view */
.message-view           { padding-bottom: 10px; }
.message-view img       { width: inherit; }
.message-view textarea  { width: 100%; }
.message-view table     { width: 100%; border: none; }
.message-view td        { height: auto; padding: 0; border: none; background: none; }
.message-view label     { margin-bottom: 0; font-size: 12px; }
.message-view p         { margin-bottom: 5px; }
.message-view a         { color: #009a44; }
.message-view i         { width: 20px; height: 20px; vertical-align: middle; margin-top: -5px; margin-right: 7px; }
.message-view .heading h2 .icon { margin: 0 0 0 -3px; }
.message-view .breadcrumbs a { color: #666; }
.message-view .outer-box { position: relative; margin-top: 10px; border-top: 1px solid #009a44; background: #fff; }
.message-view .outer-box li { padding-top: 10px; }
.message-view .category { position: absolute; right: 20px; width: 85px; color: #fff; font-weight: bold; background: #009a44; }
.message-view .inner-box { position: relative; display: block; height: auto; margin-bottom: 10px; margin-left: 91px; padding-left: 20px; padding-right: 20px; border: 1px solid #ccc; background: #f1f1f1; }
.message-view .inner-box:before { content: ""; position: absolute; top: -9px; left: 30px; z-index: 1; display: block; width: 0; border: 10px solid transparent; border-bottom-color: #f1f1f1; border-top-width: 0; }
.message-view .inner-box:after { content: ""; position: absolute; top: -10px; left: 30px; display: block; width: 0; border: 10px solid transparent; border-bottom-color: #ccc; border-top-width: 0; }
.message-view .inner-box.new { margin-left: 0; }
.message-view .inner-box.new .message-view-arrow { top: -11px; }
.message-view .inner-box .message-view-arrow { position: absolute; top: -14px; left: 36px; z-index: 1; }
.message-view .inner-box li { clear: both; padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #ccc; }
.message-view .inner-box li:first-child { border-top: none; }
.message-view .inner-box .left-box { padding: 0; }
.message-view .inner-box .left-box img { width: 50px; }
.message-view .inner-box .right-box { padding: 0 0 0 70px; border: none !important; }
.message-view .inner-box .lower-box{ margin-top: 0; padding: 0 !important; }
.message-view .inner-box .image { width: 60px; height: 60px; }
.message-view .input-box { margin-bottom: 15px; padding: 0; border: 1px solid #ebebeb; }
.message-view .input-box li { padding: 0 20px; }
.message-view .input-box select { height: 28px; margin-right: 10px; }
.message-view .input-box label { display: inline-block; }
.message-view .input-box .sprite { margin-right: 2px; }
.message-view .input-box td:nth-of-type(1) { width: 130px; }
.message-view .btn      { width: 80px; height: 28px; line-height: 28px; margin-top: 0; font-size: 12px; }
.message-view .upper-box { padding: 10px 20px 15px !important; background: #fff; }
.message-view .lower-box { padding: 10px 20px !important; background: #f0f0f0; }
.message-view .left-box { float: left; height: auto; padding: 20px; background: none; }
.message-view .right-box { padding: 20px 20px 10px 111px; border: 1px solid #ebebeb !important; }
.message-view .right-box img { max-width: 800px; }
.message-view .right-box .name + p { font-size: 1.4rem; }
.message-view .right-box .lower-box{ margin-top: 10px; }
.message-view .inline li { clear: none !important; float: left; padding-top: 0 !important; padding-bottom: 0 !important; border: none !important; }
.message-view .name     { font-size: 14px; font-weight: bold; }
.message-view .attachment { word-break: break-all; color: #666; }
.message-view .control-box li:nth-child(n+2) { padding-left: 20px; }
.message-view .timestamp { color: #999; font-size: 1.2rem; }
.message-view .comment a { font-size: 1.2rem; }
.message-view .height1  { height: 28px; }
.message-view .height100 { height: 100px; }
.message-view .hidden   { display: none; }
.message-view .btn      { width: 100px; min-width: inherit; margin-bottom: 0; margin-right: 0; margin-left: 0; }
.message-view .notification { margin-bottom: 20px; padding: 10px; border-radius: 3px; background: #c3ecec; }
.message-view .notification p { margin-bottom: 0; padding-left: 8px; border-left: 5px solid #14b9b7; }
.message-view .notification a { color: #14b9b7; }
.message-view .image    { width: 70px; height: 70px; }

.grid .tabs-head        { margin-left: 5px; margin-right: 5px; }
.hobby-interest .grid .wrapper,
.speciality .grid .wrapper { padding-top: 0; }


/* faq */
.faq .heading h2 .icon { margin: 0 0 0 -3px; }
.faq .heading .btn { position: absolute;  top: 0; right: 20px; width: 85px; min-width: 80px; height: 70px; padding-left: 5px; padding-right: 5px; line-height: 60px; vertical-align: middle; }
.faq .heading .btn p { display: inline-block; margin-top: 20px; line-height: 1.4; }
.faq .heading .btn::after { display: none; }
.faq .container h3      { padding-top: 20px; }
.faq .container .supple-tx { display: none; }
.faq .accordion .toggle,
.faq .accordion .answer { display: none; }
.faq .accordion dl,
.faq .accordion dt,
.faq .accordion dd      { float: none; display: block; margin: 0; padding: 0; border: none; }
.faq .accordion > ul > li { margin-bottom: 10px; background-color: #fff; border: 1px solid #ebebeb; border-radius: 5px; }
.faq .accordion p.faq-category { position: relative; padding: 10px 10px 10px 50px; font-size: 1.4rem; cursor: pointer; }
.faq .accordion p.faq-category:before { content: ""; position: absolute; left: 12px; top: 10px; display: block; width: 26px; height: 26px; text-align: center; background: #fff url("../images/svg/icon-plus-gray.svg") 6px 6px no-repeat; background-size: 12px 12px; border: 1px solid #dfdfdf; }
.faq .accordion p.faq-category:hover:before { background: #fff url("../images/svg/icon-plus-green.svg") 6px 6px no-repeat; background-size: 12px 12px; }

.faq .accordion .toggle { border-radius: 0 0 5px 5px; }
.faq .accordion .toggle ul { padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #d0d0d0; border-radius: 0 0 5px 5px; }
.faq .accordion .toggle dl { position: relative; width: calc(100% - 65px); margin-left: 40px; }
.faq .accordion .toggle dl::before,
.faq .accordion .toggle dl::after { content: ""; display: block; overflow: hidden; }
.faq .accordion .toggle dl::after { clear: both; }
.faq .accordion .toggle dl        { zoom: 1; }

.faq .accordion .toggle dt,
.faq .accordion .toggle dd { float: left; }
.faq .accordion .toggle dt { position: absolute; left: 10px; top: 11px; font-size: 1.7rem; font-weight: bold; text-align: center; }
.faq .accordion .toggle dd { padding-left: 37px; }

.faq .accordion .toggle dl.more dl,
.faq .accordion .toggle dl.more dt,
.faq .accordion .toggle dl.answer dt,
.faq .accordion .toggle dl.more dd,
.faq .accordion .toggle dl.more dd::after { transition: all 0.5s ease 0s; }
.faq .accordion .toggle dl.more { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #ddd; cursor: pointer; }
.faq .accordion li.active dl.more:hover dt { color: #009a44; font-weight: bold; }
.faq .accordion li.active dl.more:hover dd { color: #666; font-weight: bold; }
.faq .accordion .toggle ul li:nth-of-type(1) dl.more { border-top: none; }
.faq .accordion .toggle dl.more dd { padding-right: 50px; }
.faq .accordion .toggle dl.more dd::after { content: ""; position: absolute; right: 15px; top: 20px; display: block; width: 8px; height: 5px; background: url("../images/svg/icon-triangle-down.svg"); background-size: cover; }
.faq .accordion .toggle dl.more:hover dd::after { background: url("../images/svg/icon-triangle-down-green.svg"); background-size: cover; }

.faq .accordion .toggle dl.answer { padding-bottom: 20px; }
.faq .accordion .toggle ul li:nth-last-of-type(1) dl.answer { padding-bottom: 5px; }
.faq .accordion .toggle dl.answer dt { top: 14px; background: transparent; }
.faq .accordion .toggle dl.answer dd { width: 100%; padding-top: 5px; padding-bottom: 10px; }
.faq .accordion .toggle dl.answer dd p { padding: 10px 12px; background-color: #eee; }
.faq .accordion .toggle dl.answer dd a { text-decoration: underline; }
.faq .accordion li.active p.faq-category,
.faq .accordion p.faq-category:hover { color: #009a44; font-weight: bold; }
.faq .accordion p.faq-category:hover:before { color: #009a44; font-weight: normal; }

.faq .accordion > ul > li.active p.faq-category:before { background: #fff url("../images/svg/icon-minus-green.svg") 6px 6px no-repeat; background-size: 12px 12px; }
.faq .accordion .toggle dl.more.active dt { top: 25px; }
.faq .accordion .toggle dl.more.active dd { padding-top: 14px; }
.faq .accordion .toggle dl.more.active dd::after { top: 35px; background: url("../images/svg/icon-triangle-up.svg"); }
.faq .accordion .toggle dl.more.active:hover dd::after { background: url("../images/svg/icon-triangle-up-green.svg"); }

.faq .accordion li.active dl.more.active dt { color: #009a44; font-weight: bold; }
.faq .accordion li.active dl.more.active dd { color: #666; font-weight: bold; }

.faq .accordion .attension-faq { border: 2px solid #009a44; }
.faq .accordion .attension-faq p.faq-category { background-color: #ebf7f2; border-radius: 5px; color: #009a44; }
.faq .accordion .attension-faq.active p.faq-category,
.faq .accordion .attension-faq p.faq-category:hover   { background-color: #009a44; border-radius: 0; color: #fff; font-weight: bold; }
.faq .accordion .attension-faq .toggle ul { border-top: none ; }

/* faq fixity */

.faq .fixity dl,
.faq .fixity dt,
.faq .fixity dd      { float: none; display: block; margin: 0; padding: 0; border: none; }
.faq .fixity > ul > li { margin-bottom: 10px; background-color: #fff; border: 1px solid #ebebeb; border-radius: 5px; }
.faq .fixity p.faq-category { position: relative; padding: 10px 10px 10px 20px; font-size: 1.7rem; }

.faq .fixity div { border-radius: 0 0 5px 5px; }
.faq .fixity div ul { padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #d0d0d0; border-radius: 0 0 5px 5px; }
.faq .fixity dl { position: relative; width: calc(100% - 65px); margin-left: 30px; }
.faq .fixity dl { content: ""; display: block; overflow: hidden; }
.faq .fixity dl { zoom: 1; }

.faq .fixity dt,
.faq .fixity dd { float: left; }
.faq .fixity dt { position: absolute; left: 10px; top: 21px; font-size: 1.7rem; font-weight: bold; text-align: center; }
.faq .fixity dd { padding-left: 37px; }

.faq .fixity dl.more dl,
.faq .fixity dl.more dt,
.faq .fixity dl.answer dt,
.faq .fixity dl.more dd,
.faq .fixity dl.more dd::after { transition: all 0.5s ease 0s; }
.faq .fixity dl.more { padding-top: 22px; padding-bottom: 12px; border-top: 1px solid #ddd; }
.faq .fixity li.active dl.more:hover dt { color: #009a44; font-weight: bold; }
.faq .fixity li.active dl.more:hover dd { color: #666; font-weight: bold; }
.faq .fixity div ul li:nth-of-type(1) dl.more { border-top: none; }
.faq .fixity dl.more dd { padding-right: 50px; }

.faq .fixity dl.answer { padding-bottom: 17px; }
.faq .fixity div ul li:nth-last-of-type(1) dl.answer { padding-bottom: 5px; }
.faq .fixity dl.answer dt { top: 14px; background: transparent; }
.faq .fixity dl.answer dd { width: 100%; padding-top: 5px; padding-bottom: 10px; }
.faq .fixity dl.answer dd p { padding: 10px 12px; background-color: #eee; }
.faq .fixity dl.answer dd a { text-decoration: underline; }
.faq .fixity li p.faq-category { color: #009a44; font-weight: bold; }

.faq .fixity .toggle dl.more.active dt { top: 25px; }
.faq .fixity .toggle dl.more.active dd { padding-top: 14px; }

.faq .fixity li dl.more dt { color: #009a44; font-weight: bold; }
.faq .fixity li dl.more dd { color: #666; font-weight: bold; }


/* Event */
.event .heading .left-box { width: auto; }
.event .heading .right-box { width: 100px; }

.event .filter-box      { width: 100%; margin: 16px 0 18px; }
.event .filter-box .left-box { display: table; width: 100%; }
.event .filter-box .left-box > div { display: table-cell; vertical-align: top; }
.event .filter-box .left-box ul { width: 100%; }
.event .filter-box .left-box li { padding: 0 15px; border-left: 1px solid #008037; }
.event .filter-box .left-box > div:first-child { min-width: 485px; width: 45%; }
.event .filter-box .left-box > div:last-child { width: 55%; }
.event .filter-box .left-box > div:first-child li:nth-of-type(1) { width: 50%; padding-left: 0; border-left: none; vertical-align: top; }
.event .filter-box .left-box > div:first-child li:nth-of-type(2) { width: 50%; }
.event .filter-box .left-box > div:last-child li { width: 100%; }
.event .filter-box .left-box > div:last-child li:nth-of-type(n+2) { padding-top: 4px; }
.event .filter-box .left-box > div:last-child li:first-child label { margin-bottom: 0; }
.event .filter-box .left-box li > label { margin-top: 0; margin-bottom: 2px; }
.event .filter-box .left-box li span,
.event .filter-box .left-box li select,
.event .filter-box .left-box li input[type="text"] { height: 27px; line-height: 27px; }
.event .filter-box .left-box li .input-mini { width: 75px; }
.event .filter-box .left-box li .input-block + .input-block,
.event .filter-box .left-box li span + input[type="text"] { margin-top: 10px; }
.event .filter-box .left-box li span + input[type="text"] { display: block; }
.event .filter-box .left-box li span { display: inline-block; color: #fff; font-weight: bold; font-size: 1.2rem; text-align: center; }
.event .filter-box .right-box { width: 85px; padding-left: 0; text-align: right; }
.event .filter-box .btn { min-width: 85px; width: 85px; min-height: 80px; height: 100%; }
.event .filter-box .select-box label { display: inline-block; margin-top: 0px; font-size: 1.2rem; }
.event .filter-box .select-box label:nth-of-type(-n+3) { margin-right: 10px; }

.event p                { text-align: left; }
.event .table-view:last-of-type { margin-top: 20px; }
.event .table-view li .table-view-contents:hover p.state { color: #333 !important; }
.event .table-view li .table-view-contents:hover p.sex { color: #333 !important; }
.event .table-view li.more a { text-align: center; color: #009a44; font-size: 1.2rem; }
.event .table-view li.more a:hover { color: #fff; }
.event .table-view .list > li { margin-top: 10px; border-radius: 5px; }
.event .table-view .col1 { width: 60px; padding-left: 10px; text-align: center; }
.event .table-view .col2 { width: 200px; padding-left: 20px; }
.event .table-view .col2 p { vertical-align: bottom; }
.event .table-view .col3 { width: auto; vertical-align: top; padding-left: 20px; }
.event .table-view .col3 li:nth-child(-n+2) { width: 90px; text-align: left; }
.event .table-view .col3 li:nth-of-type(3) { width: auto; text-align: left; white-space: nowrap; }
.event .table-view .col3 li:nth-of-type(3) .tag { display: inline-block; margin: 0; min-width: inherit; border: 1px solid #333; background: #fff; color: #333; }
.event .table-view .col3 li:nth-of-type(3) .tag:first-of-type { margin-right: 7px; }
.event .table-view .col3 li:nth-of-type(3) .tag span { margin-left: 3px; }
.event .table-view .table-view-contents:hover li:nth-of-type(3) .tag { color: #333 !important; }
.event .table-view .col4 { width: 60px; text-align: center; }
.event .table-view .image { width: 180px; height: 130px; }
.event .table-view .date { font-weight: bold; color: #009a44; }
.event .table-view .title { padding-top: 10px;color: #333; font-size: 1.5rem; font-weight: bold; }
.event .table-view .pr  { color: #999; }
.event .table-view .table-view-contents:hover .title,
.event .table-view .table-view-contents:hover .date,
.event .table-view .table-view-contents:hover .pr,
.event.event-list .table-view .table-view-contents:hover .col3 .tag-a-date li.date,
.event.event-list .table-view .table-view-contents:hover .col3 .sub-info .table li { color: #fff; }
.event.event-list .table-view .table-view-contents:hover .col3 .sub-info .table li:nth-of-type(1) { color: #333; }
.event .state           { display: inline-block; width: 45px; height: 20px; line-height: 20px; vertical-align: middle; padding: 0; color: #111; font-size: 1.1rem; background: #eee; text-align: center; }
.event .category,
.event .vacant-seat     { text-align: center; }
.event .seminar .col2 .image { width: 100px; height: 100px; border-radius: 50%; }
.event .seminar .col2 .instructor { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; font-size: 1.1rem; text-align: center; }

.event.event-list .event-list-contents { display: table; width: 100%; }
.event.event-list .event-list-contents > li { position: relative; display: table-cell; height: auto; min-height: 130px; }
.event.event-list .event-list-contents li.col1 { width: 60px; }
.event.event-list .table-view .col3 { position: relative; width: calc(100% - 325px); vertical-align: top; padding-left: 20px; padding-right: 10px; text-align: left; }

.event.event-list .table-view .col3 .tag-a-date li { display: inline-block; width: auto; }
.event.event-list .table-view .col3 .tag-a-date li .category { width: 80px; }
.event.event-list .table-view .col3 .tag-a-date li.date { margin-left: 10px; font-size: 1.3rem; font-weight: bold; color: #333; }
.event.event-list .table-view .col3 .main-info { float: left; width: calc(100% - 275px); height: auto; min-height: 115px; padding-top: 10px; padding-right: 30px; overflow: hidden; }
.event.event-list .table-view li.no-tag .col3 .main-info { min-height: 130px; }
.event.event-list .table-view .sub-info { position: absolute; right: 0; top: 50%; width: 275px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.event.event-list .table-view .sub-info .table { padding: 0 0 10px; }
.event.event-list .table-view .sub-info .table:nth-of-type(n+2) { padding: 10px 0 0;  border-top: 1px solid #e7e7e7; }
.event.event-list .table-view .sub-info .table.one-only { padding: 0; }
.event.event-list .table-view .sub-info .table li { width: 42px; height: 42px; vertical-align: middle; }
.event.event-list .table-view .sub-info .table li:nth-of-type(1) p { width: 42px; height: 42px; font-size: 1.3rem; text-align: center; line-height: 42px; background: #eee; }
.event.event-list .table-view .sub-info .table li:nth-of-type(2) { width: 153px; padding-left: 14px; font-size: 1.2rem; }
.event.event-list .table-view .sub-info .table li:nth-of-type(2) .price { display: block; font-weight: bold; }
.event.event-list .table-view .sub-info .table li:nth-of-type(3) { width: 75px; }
.event.event-list .table-view .title { margin-bottom: 10px; padding-top: 14px; color: #333; font-size: 1.5rem; font-weight: bold; line-height: 1.5; }
.event.event-list .table-view .col4 p { margin-top: 10px; text-align: center; }

.event.event-list .event-tag-box { clear: both; width: calc(100% - 295px); margin-top: 10px; padding-top: 10px; border-top: 1px solid #e7e7e7; }
.event.event-list .event-tag-box li { position: relative; display: inline; width: auto!important; margin-right: 11px; color: #888; font-size: 1.1rem; line-height: 1.7; }
.event.event-list .table-view li .table-view-contents:hover .event-tag-box li { color: #fff; }
.event.event-list .event-tag-box img { display: inline-block; width: 14px; height: 14px; margin-right: 4px; margin-bottom: 2px; vertical-align: middle; }

.event .box-recommended { max-height: 585px; margin-bottom: 15px; background: #fff; border-bottom: 10px solid #f4ad3c; border-radius: 5px; }
.event .box-recommended > p { display: inline-block; width: auto; height: 35px; padding: 7px 15px 0; font-size: 1.5rem; font-weight: bold; color: #fff; text-align: center; background-color: #f4ad3c; border-radius: 5px 5px 0 0; }
.event .box-recommended .recommended-list { max-height: 535px; padding: 0 10px; border-top: 10px solid #f4ad3c; background-color: #f4ad3c; overflow: auto; }
.event .box-recommended .recommended-list > li { float: left; width: calc(50% - 4px); min-height: 170px; margin-top: 8px; margin-right: 8px; border-radius: 5px; background: #fff; }
.event .box-recommended .recommended-list > li:nth-of-type(1),
.event .box-recommended .recommended-list > li:nth-of-type(2) { margin-top: 0; }
.event .box-recommended .recommended-list > li:nth-child(2n) { float: right; margin-right: 0; background: #fff; border-radius: 5px; }

.event .box-recommended .recommended-list > li a { display: block; height: 100%; padding: 10px; border-radius: 5px; }
.event .box-recommended .recommended-list > li { position: relative; }

.event .box-recommended .recommended-list { display: -webkit-flex;  display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.event .box-recommended .recommended-list > li { width: calc(50% - 4px); margin: 0 8px 8px 0; }
.event .box-recommended .recommended-list > li:nth-of-type(2n+2) { margin-right: 0; }

.event .box-recommended .recommended-list > li ul .col1 { position: absolute; right: 10px; }
.event .box-recommended .recommended-list > li ul .col2 { float: left; width: 90px; height: 90px; }
.event .box-recommended .recommended-list > li ul .col2 p { width: 80px; }
.event .box-recommended .recommended-list > li ul .col2 p.image { height: 80px; }
.event .box-recommended .recommended-list > li.seminar .col2 .instructor { margin-top: 3px; }
.event .box-recommended .recommended-list > li ul .col3 .main-info { float: right; width: calc(100% - 90px); margin-bottom: 10px; }
.event .box-recommended .recommended-list > li ul .col3 .tag-a-date { margin-bottom: 9px; }
.event .box-recommended .recommended-list > li ul .col3 .tag-a-date li { display: inline-block; width: auto; }
.event .box-recommended .recommended-list > li ul .col3 .category { width: 75px; padding: 1px 0 0; font-size: 1rem; margin-right: 5px; }
.event .box-recommended .recommended-list > li ul .col3 .date { font-size: 1.1rem; }
.event .box-recommended .recommended-list > li ul .col3 .title { font-weight: bold; line-height: 1.4; }
.event .box-recommended .recommended-list > li ul .col3 .sub-info { float: right;/*position: absolute; bottom: 10px; right: 10px;*/ width: calc(100% - 90px); margin-bottom: 10px; }
.event .box-recommended .recommended-list > li ul .col3 .sub-info li { font-size: 1.1rem; }
.event .box-recommended .recommended-list > li ul .col3 .sub-info .table { padding: 7px 0; }
.event .box-recommended .recommended-list > li ul .col3 .table:nth-of-type(n+2) { padding-bottom: 0; border-top: 1px solid #e7e7e7; }
.event .box-recommended .recommended-list > li ul .col3 .sub-info .table li { height: 20px; vertical-align: middle; }
.event .box-recommended .recommended-list > li ul .col3 .sub-info .table li:nth-of-type(1) { width: 32px; }
.event .box-recommended .recommended-list > li ul .col3 .sub-info .table li:nth-of-type(1) p { width: 32px; height: 20px; font-size: 1.1rem; text-align: center; line-height: 20px; background: #eee; }
.event .box-recommended .recommended-list > li ul .col3 .sub-info .table li:nth-of-type(2) { width: auto; padding-left: 14px; font-size: 1.2rem; text-align: left; }
.event .box-recommended .recommended-list > li ul .col3 .sub-info .table li:nth-of-type(2) .price { margin-right: 10px; font-weight: bold; }
.event .box-recommended .recommended-list > li ul .col3 .sub-info .table li:nth-of-type(3) { width: 75px; }
.event .box-recommended .recommended-list > li a:hover { text-decoration: none; }

.event.event-list .box-recommended .recommended-list .event-tag-box { width: 100%; }

.event-detail           { position: relative; }
.event-detail h2        { margin: 0; padding: 15px 0 10px; border-bottom: 1px solid #009a44; font-size: 2rem; }
.event-detail table     { margin-top: 10px; }
.event-detail th        { width: 33.33%; text-align: center; }
.event-detail td        { padding-left: 50px; padding-right: 50px; line-height: 1.4; }
.event-detail td p      { line-height: 20px; }
.event-detail .table.half > li { padding: 20px; background: #fff; }
.event-detail .table.half > li:first-child { padding: 20px 0 20px 20px; }
.event-detail .table.half > li:last-child { padding: 20px 50px 20px; }
.event-detail .table.half > li p { line-height: 2; }
.event-detail .table.half .image { width: 100%; height: 400px; vertical-align: top; margin: 0; padding: 0; }
.event-detail .subheading { margin: 0; margin-bottom: 20px; padding: 0; background: #fff; }
.event-detail .subheading > p + p { margin-left: 5px; }
.event-detail .start-accepting { padding-left: 10px; }
.event-detail .tag.code { padding: 10px; font-size: 1.4rem; background: #21c2fd; }
.event-detail .event-map { display: block; width: 100%; max-width: 500px; margin-bottom: 10px; }
.event-detail .event-map-google { display: inline-block; margin-bottom: 20px; color: #009a44; font-size: 1.1rem; }
.event-detail .event-map-google i { margin-right: 4px; }

.event .status-applying { padding-top: 20px; padding-bottom: 30px; }
.event .status-applying.red p { color: #fb527c; border-color: #fb527c; background-color: #f5f5f5; }

.event-detail .box-event-step { position: relative; margin-top: 20px; border: 1px solid #dfdfdf; border-radius: 5px; }
.event-detail .box-event-step > a { display: block; height: 35px; padding: 0 10px; font-size: 1.3rem; color: #009a44; line-height: 35px; vertical-align: middle; border-radius: 5px; }
.event-detail .box-event-step > a:hover,
.event-detail .box-event-step > a.btn-active { text-decoration: none; background-color: #f5f5f5; }
.event-detail .box-event-step > a.btn-active { font-weight: bold; border-radius: 5px 5px 0 0; }

.event-detail .box-event-step a span { position: absolute; top: 6px; right: 4px; display: inline-block; display: block; width: 25px; height: 25px; text-align: center; background: transparent url("../images/svg/icon-plus-green.svg") 5px 5px no-repeat; background-size: 12px 12px; }
.event-detail .box-event-step > a.btn-active span { background: transparent url("../images/svg/icon-minus-green.svg") 5px 5px no-repeat; background-size: 12px 12px; }


.event-detail .box-event-step ol { display: none; padding-left: 12px; padding-right: 12px; padding-bottom: 12px; counter-reset: ol-item; border-radius: 0 0 5px 5px; }
.event-detail .box-event-step ol li { margin-bottom: 25px; }
.event-detail .box-event-step ol li:nth-last-of-type(1) { margin-bottom: 0; padding-bottom: 10px; border-bottom: none; }
.event-detail .box-event-step dl { float: none; margin-top: 17px; }
.event-detail .box-event-step dt,
.event-detail .box-event-step dd { float: none; padding: 0; text-indent: 0; border: none; }

.event-detail .box-event-step dt { position: relative; display: block; min-height: 27px; padding-top: 7px; padding-left: 41px; color: #333; font-size: 1.3rem; font-weight: bold; }
.event-detail .box-event-step dt::before { position: absolute; top: 0; left: 0; display: inline-block; width: 30px; margin-right: 11px; padding: 7px 0 7px 1px; color: #009a44; text-align: center; text-indent: 0; content: counter(ol-item, decimal); counter-increment: ol-item; background-color: #f0f0f0; }
.event-detail .box-event-step dt::after { position: absolute; content: ""; left: 14px; bottom: -5px; display: block; width: 3px; height: calc(100% - 27px); background-color: #e7e7e7; }

.event-detail .box-event-step dd { position: relative; margin-top: 15px; margin-left: 40px; padding: 12px 12px 15px; line-height: 1.6; background-color: #f7f7f7; }

.event-detail .box-event-step dd a { text-decoration: underline; }
.event-detail .box-event-step dd a:hover { text-decoration: none; }

.event-detail .box-event-step dd::before { position: absolute; content: ""; left: -30px; bottom: -21px; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #e7e7e7; }

.event-detail .box-event-step dd::after { position: absolute; content: ""; left: -26px; top: -10px; display: block; width: 3px; height: calc(100% + 28px); background-color: #e7e7e7; }

.event-detail .box-event-step li:nth-last-of-type(1) dt::after,
.event-detail .box-event-step li:nth-last-of-type(1) dd::before,
.event-detail .box-event-step li:nth-last-of-type(1) dd::after { display: none; }

.event-detail .box-btn a.orange { min-width: 280px; border-color: #ffa133; background-color: #ffa133; }
.event-detail .box-btn a.orange:hover { color: #ffa133; }
.event-detail .box-btn a.orange:hover:after { background: url("../images/svg/icon-arrow-right-orange.svg") no-repeat; }
.event-detail .box-btn p { padding: 10px; color: #999; text-align: center; }

.event-entry table      { margin-top: 30px; }
.event-entry th         { min-width: 13rem; width: 30%; text-align: left; }
.event-entry td         { padding: 15px; }
.event-entry .event-detail .table.half .image { height: 300px; }
.event-entry .event-detail .table.half > li:first-child { padding: 20px 50px; background: rgba(255, 255, 255, 0.6); }
.event-entry .event-detail .table.half > li td p { line-height: 1.6; font-size: 1.3rem; }
.event-entry .event-detail .table.half > li td .title { line-height: 1.7; font-weight: bold; font-size: 1.5rem; }
.event-entry .notice    { margin-top: 20px; background: none; }
.event-entry .notice li:before { content: '※ '; margin-left: -15px; }
.event-entry .notice li { padding-left: 15px; color: #666; font-size: 1.2rem; }
.event-entry .description { color: #009a44; font-size: 1.4rem; }
.event-entry .box-btn > p { padding: 10px; color: #999; }

.event-status .table-view .col1 { width: 150px; text-align: center; }
.event-status .table-view .col1 .category { width: 10rem; margin-bottom: 15px;  font-weight: normal; }
.event-status .table-view .col1 .category.canceled { color: #fff; background: #333; }
.event-status .table-view .col1 .category.stop { color: #fff; background: #ff4a51; }
.event-status .table-view .col3 { text-align: left; }
.event-status .table-view .col3 > ul > li { vertical-align: top; }
.event-status .table-view .col3 > ul > li:first-child { width: 60%; padding-top: 5px; padding-right: 20px; }
.event-status .table-view .col3 > ul > li:last-child { width: 40%; }
.event-status .table-view .col3 > ul > li:nth-of-type(1) p { font-size: 1.2rem; line-height: 1.6; }

.event-status .table-view .col3 label { margin-right: 5px; }
.event-status .table-view p.timestamp { line-height: 1.5; text-align: center; color: #999!important; }
.event-status .table-view p.timestamp > span { display: block; }
.event-status .table-view .title { padding-top: 2px; }
.event-status .table-view .party-code { padding-top: 5px; color: #21c2fd; font-size: 1.2rem; font-weight: bold; }
.event-status .table-view .limit { color: #009a44; text-align: center; }
.event-status .table-view .limit.gray { color: #ddd; }

.event-status .table-view .table-view-contents:hover .col3 > ul > li:nth-of-type(1) p:nth-of-type(1),
.event-status .table-view .table-view-contents:hover .col3 > ul > li:nth-of-type(1) p:nth-of-type(1) label,
.event-status .table-view .table-view-contents:hover p.timestamp,
.event-status .table-view .table-view-contents:hover p.limit { color: #fff!important; }


/* Post */
.post th                { width: 30%; text-align: left; }
.post td span           { margin-left: 10px; }
.post label             { margin-right: 10px; }
.post input             { margin-right: 7px; }
.post .table.half .list li { padding-bottom: 7px; padding-left: 0; }
.post .table.half .list li:nth-child(odd) { font-weight: normal; background: none; }

.post .btn.btn-desabled,
.post .btn.btn-desabled:hover { color: #ddd!important; border-color: #ebebeb; background: #fff!important; }

.post .status           { margin: 20px 0; padding: 20px; background: #fff; }
.post .status table     { border: none; }
.post .status th        { padding-top: 0; padding-bottom: 5px; border: none; text-align: center; font-weight: bold; background: none; }
.post .status td        { text-align: center; font-weight: normal; }
.post .status th:nth-child(1),
.post .status th:nth-child(2) { width: 20%; }
.post .status tr.reception-end td { color: #999; }
.post .status th:nth-child(3),
.post .status td:nth-child(3) { width: auto; }
.post .status td:nth-child(3) { padding-left: 20px; text-align: left; }
.post .status th,
.post .status td        { border-color: #ddd; background-color: transparent; }

.post .status .applied td:nth-of-type(3) { border-right: none; }
.post .status .applied td:nth-of-type(4) { text-align: right; border-left: none; }
.post .status td .btn { min-width: 88px; height: auto; margin: 0; padding: 7px 0; font-size: 1.1rem; line-height: 1; }

.post #form-area form   { display: none; }

.post .status tr.tr-active { background-color: #f5f5f5; border: 2px; }
.post .status tr.tr-active td { color: #009a44; font-weight: bold; }
.post .status.btn-disable .btn { position: static; color: #999; background-color: #eee!important; border: 1px solid #ddd; cursor: default; }

.post .status.btn-disable .btn-post-form-wrapper { position: relative; display: inline-block; margin-left: 10px; }
.post .status.btn-disable .btn-post-form-wrapper:before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,.7); border-radius: 5px; }

.post.preview .heading .right-box.v-middle { vertical-align: middle; }
.post.preview .heading .right-box.v-middle p { color: #009a44; }

.post-cancel .description { margin-bottom: 20px; color: #009a44; font-size: 1.4rem; }


/* Post confirm  */
.post.confirm .box-detail ul.table { margin-top: 10px; }
.post.confirm  table.table-interest,
.post.confirm  table.table-profile,
.post.confirm  table.table-interest th,
.post.confirm  table.table-profile th,
.post.confirm  table.table-interest td,
.post.confirm  table.table-profile td { border: none; background: none; }
.post.confirm  table.table-interest th,
.post.confirm  table.table-profile th,
.post.confirm  table.table-interest td,
.post.confirm  table.table-profile td { padding: 7px 10px; border-bottom: 1px dotted #ccc; }
.post.confirm  table.table-interest th,
.post.confirm  table.table-profile th { font-weight: bold; text-align: left; }
.post.confirm  table.table-interest th { width: auto; }

.post.confirm .post-cancel .description { margin-bottom: 20px; font-size: 1.4rem; color: #009a44; }

.post.confirm .box-detail .publish-wrapper li { vertical-align: middle; }
.post.confirm .box-detail .box-step-outer { margin-top: 35px; }
.post.confirm .box-detail .description { margin-bottom: 30px; font-size: 1.4rem; color: #009a44; text-align: center; }

.post.confirm .publish-preview { position: relative; margin-bottom: 40px; padding: 30px 20px 25px; border: 5px solid #ddd; }
.post.confirm .publish-preview .publish { position: absolute; display: inline-block; top: -22px; left: 50%; width: 12em; padding: 0; font-size: 2rem; font-weight: bold; color: #999; text-align: center; transform: translateX(-50%); background: #f0f0f0; }
.post.confirm .box-btn.btn-post-edit p.edit-only { padding: 10px; color: #999; }

.post.confirm .avatar-box  { margin-top: 25px; text-align: center; }
.post.confirm .avatar-box > span { display: block; }
.post.confirm .avatar-box .avatar { width: 150px; height: 150px; margin: 0 auto 10px; }
.post.confirm .avatar-box .name { display: none; }
.post.confirm .table-profile .col1 { width: 40%; }
.post.confirm .table-view .number { font-size: 1.3rem; }

.post.confirm .subheading { width: 100%; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid #009a44; }
.post.confirm .box-detail .subheading ul.table { margin-top: 0; }
.post.confirm .subheading .date { width: 100%; text-align: right; }
.post.confirm .subheading .name { width: 100%; padding: 10px 0; font-size: 2.8rem; }
.post.confirm .subheading .name li:first-child { width: auto; padding-left: 0; }
.post.confirm .subheading .name li:first-child span + span { margin-left: 10px; }
.post.confirm .subheading .name li:last-child { width: 42px; padding-left: 0; padding-right: 0; vertical-align: bottom; }
.post.confirm .subheading .name li:last-child a { padding: 0; }
.post.confirm .subheading .name li:last-child a:hover { background: transparent; }
.post.confirm .subheading .name li:last-child .icon { width: 36px; height: 26px; vertical-align: middle; }
.post.confirm .subheading .name li:last-child .icon:hover { background-image: url("../images/svg/icon-favorite-off.svg"); }

.post.confirm .table-profile th,
.post.confirm .table-profile td { line-height: 1.8; font-size: 1.7rem; }
.post.confirm .table-profile .col1 { width: 50%; }
.post.confirm .table-profile .col2 { width: 50%; }
.post.confirm .table-profile td { text-align: right; }

.post.confirm .publish-preview .box-btn .btn:hover { color: #009a44; background: transparent!important; }


/* consultation */
.consultation.message-view .lower-box.add-border { border: 1px solid #fff; }
.consultation .upper-box label:nth-of-type(2) { margin-top: 8px; }
.consultation.message-view .outer-box .right-box > ul > li:nth-of-type(1) { padding-top: 0; }
.consultation .outer-box .subject-title { margin-top: 10px; font-weight: bold; }
.consultation.message-view .inner-box .image.zwei-avatar { background-size: 30px; background-color: #fff;  }


/* pi-transfer */
.pi-transfer .description { margin-bottom: 20px; color: #009a44; font-size: 1.4rem; }


/* mail-change */
.mail-change .heading h2 .icon.icon-account-mail-change { left: 4px; top: 17px; width: 44px; background-image: url("../images/svg/icon-account-mail-change.svg"); }
.mail-change h5 i.icon-mail-circle { display: block; width: 60px; height: 60px; margin: 0 auto 25px; background-image: url("../images/svg/icon-mail-circle.svg"); }
.mail-change .box       { width: 360px; margin: 0 auto; padding: 40px 20px; border: 1px solid #ebebeb; background-color: #fafafa; }
.mail-change .box .description { color: #009a44; font-size: 1.4rem; }
.mail-change .box p     { text-align: center; }
.mail-change .box label { display: block; margin-bottom: 5px; font-size: 1.2rem; }
.mail-change .box ul,
.mail-change .box-error { width: 280px; margin: 30px auto 0; }
.mail-change .box ul li:nth-child(n+2) { margin-top: 15px; }
.mail-change .box-btn   { margin-top: 50px; }

.mail-change .box-mailadress input[type="text"] { float: left; width: 66%; }
.mail-change .box-mailadress a.btn { display: inline-block; float: right; width: auto; min-width: inherit; height: 27px; margin: 0; padding: 0 10px; font-size: 1.2rem; line-height: 27px; color: #009a44; border-color: #009a44; }
.mail-change .box-mailadress a.btn:hover { color: #fff; background: #009a44!important; }

.mail-change .box-error { margin: 15px auto 0; text-align: center; }
.mail-change .box-error p { text-align: left; }
.mail-change .box-error + ul { margin-top: 20px; }

.mail-change .box .notice { min-width: 275px; margin: 30px auto 0; }
.mail-change .box .notice li { color: #999; font-size: 1.1rem; text-align: left; }
.mail-change .box .notice li + li { margin-top: 5px; }
.mail-change.apply .notice { min-width: 275px; margin: 30px auto 0; }
.mail-change.apply .notice li { color: #999; font-size: 1.2rem; text-align: center; }

.mail-change .complete  { padding: 45px 20px; }

.mail-change.apply .apply-detail.complete h5 { font-size: 1.6rem; }
.mail-change.apply .apply-detail.complete p { margin-top: 30px; font-size: 1.5rem; }


/* avatar-change */
.avatar-change .heading h2 .icon.icon-account-avatar-change { left: 0; top: 13px; width: 50px; height: 50px; background-image: url("../images/svg/icon-account-avatar-change.svg"); }

.avatar-change .standard .inner { text-align: center; }
.avatar-change .apply-detail { max-width: 310px; text-align: center; }
.apply.avatar-change .apply-detail { padding-bottom: 50px; }
.avatar-change .apply-detail p.apply-detail-desc { margin-bottom: 22px; font-size: 1.4rem; color: #009a44; }
.avatar-change .apply-detail h3 { margin-bottom: 25px; border: none; }
.avatar-change .apply-detail h3 .image { width: 120px; height: 120px; }
.apply.avatar-change .apply-detail h3 { margin-top: 24px; padding-bottom: 5px; }

.avatar-change .apply-detail .btn.small { min-width: 1px; height: 34px; line-height: 34px; color: #009a44; border-color: #009a44; cursor: pointer; }
.avatar-change .apply-detail .btn.small:hover { color: #fff; background-color: #009a44!important; }

.avatar-change .box-btn { margin-top: 50px; }


/* Login */
.login                  { height: 100%; min-height: 809px; }
.login section          { margin-top: 20px; background: #fff; }
.login input[type="text"],
.login input[type="password"] { position: relative; width: 300px; padding-top: 5px; padding-left: 35px; }
.login li .title        { color: #333; text-overflow: inherit; white-space: inherit; font-size: 1.4rem; font-weight: bold; }
.login p                { margin-top: 10px; }
.login a                { font-size: 1.2rem; }
.login a:hover          { text-decoration: none; color: #fff; background: #c5c5c5; }
.login a:hover p        { color: #fff; }
.login p:first-child    { margin-top: 0; }

.login .wrapper         { height: 100%; min-height: 100%; margin-top: 0; padding: 0; }
.login .wrapper > ul    { height: 100%; min-height: 100%; }
.login .wrapper > ul > li { vertical-align: top; }
.login .left-box        { width: auto; padding-right: 5px; padding-bottom: 15px; }
.login .right-box       { width: 270px; padding-left: 5px; }
.login .message-area    { padding: 10px; }
.login .message-area:last-of-type { margin-bottom: 20px; }
.login .message-area .wrapper > .table > li { padding-left: 0; padding-right: 0; }
.login .message-area .box { max-height: 150px; }
.login .input           { position: relative; height: 100%; min-height: 350px; padding: 10px; }
.login .input a:hover   { color: inherit; background: none; text-decoration: underline; }
.login .input a:hover i { background-image: url("../images/svg/icon-arrow-right.svg"); }
.login .input .box      { position: absolute; top: 55%; left: 50%; width: 300px; height: 210px; margin-top: -125px; margin-left: -150px; text-align: center; background: none; }
.login .input .box li   { position: relative; margin: 20px 0 0; }
.login .input .box .box-btn { margin-top: 20px; padding: 0; border: none; }
.login .input .box-btn a:hover { color: #fb527c; text-decoration: none; }
.login .input .box-btn p a:hover { color: #333; text-decoration: underline; }
.login .input .icon-arrow-right { margin-right: 10px; vertical-align: middle; }
.login .input .error-msg { margin-top: 0; margin-right: 13px; padding-left: 0; text-indent: -2.8em; }
.login .input .error-msg i { margin-right: 10px; }
.login .input .icon-user,
.login .input .icon-key { position: absolute; top: 6px; left: 10px; width: 17px; height: 19px; margin-right: 10px; }
.login .input .btn      { width: 300px; margin: 0; }
.login .input ul.text-link { margin-top: 12px; }
.login .input ul.text-link li  { margin-top: 8px; text-align: center; }
.login .input ul.text-link li a { color: #009a44; }
.login .input ul.text-link li a:hover { color: #009a44; text-decoration: underline; }
.login .image           { width: 100%; height: 100px; }
.login .banner          { height: 106px; background: none; }
.login .flexslider      { margin-bottom: 0; border: none; background: none; }
.login .glex-viewport   { background: none; }
.login .slides          { height: 69px; margin-bottom: 0; }
.login .slides > li     { vertical-align: top; text-align: center; }
.login .slides > li a   { display: block; width: 100%; line-height: 0; background-color: rgba(255, 255, 255, 0.6); }
/*.login .slides > li a:hover { background: transparent; }*/
.login .slides .image   { width: 265px; height: 99px; background-repeat: no-repeat; }
.login .news            { overflow-y: auto; min-height: 510px; margin-bottom: 0; padding: 0; border: 10px solid #fff; }
.login .news .box-inner { padding-bottom: 20px; }
.login .news li         { position: relative; height: auto; vertical-align: top; padding: 0; border-bottom: 1px dotted #e5e5e5; }
.login .news li a       { display: block; width: 100%; height: 100%; padding: 10px 5px; }
.login .news li:first-child a { padding-top: 0; }
.login .date            { margin-top: 15px; text-align: right; color: #999; }

.login .read-more       { display: inline-block; float: left; width: auto; margin-top: 15px; padding: 0 5px; font-size: 1.1rem; color: #009a44; border: 1px solid #009a44; border-radius: 4px; }
.login .read-more .icon-arrow-right { width: 5px; height: 9px; margin-left: 5px; }
.login a:hover .read-more { border-color: #fff; }

.login .affiliate-link  { margin-top: 0; padding: 10px 10px 7px; text-align: center; background-color: #bebebe; }
.login .affiliate-link ul { max-width: 100%; }
.login .affiliate-link ul li { line-height: 1.5; }
.login .affiliate-link .divider { padding-left: 3px; padding-right: 3px; color: #fff; }
.login .affiliate-link ul li a { font-size: 1rem; color: #fff; }
.login .affiliate-link ul li a:hover { color: #fff; text-decoration: underline; background-color: transparent; }


/* login-news-list */
.login-news-list .heading .btn { position: absolute; right: 20px; top: 2px; min-width: 80px; height: 70px; padding: 0 10px; font-size: 1.3rem; }
.login-news-list .heading .btn i { position: absolute; top: 50%; right: 8px; width: 5px; height: 12px; margin-top: -6px; background-size: contain; }
.login-news-list .heading .btn:after { display: none; }
.login-news-list .heading .btn p { margin-top: 18px; line-height: 1.4; }
.login-news-list .message-area .list .table > li:nth-of-type(2) { width: 0; }


/* Top */
.top section:nth-child(2n+2) { background: #fff; }
.top a:hover            { text-decoration: none; }
.top a:hover li         { color: #fff; background: #ccc !important; }
.top a:hover li p       { color: #fff !important; }
.top a:hover li p .name { color: #fff !important; }

.top .grid .wrapper h3 { padding-left: 10px; }

.top .introduction-area .grid .wrapper { padding-bottom: 0; }
.top .introduction-area a:hover .name,
.top .introduction-area a:hover .lower p { color: #fff; }
.top .introduction-area .timestamp { line-height: 1.4; }

.top .board .box-bottom .table li:last-child { padding-right: 22px; text-align: left; }
.top .introduction-area .box-item > li { position: relative; }
.top .introduction-area .box-item .bnt-favorite { position: absolute; right: 10px; bottom: 14px; width: 20px; height: 20px; background-color: transparent; border: none; }
.top .introduction-area .box-item .bnt-favorite.tooltip:hover:after { top: -30px; left: auto; right: -14px; }
.top .introduction-area .box-item .bnt-favorite i { width: 100%; }


/* Tooltip */
.tooltip:hover          { position: relative; text-decoration: none; }
.tooltip:hover:after    { position: absolute; content: attr(data-tooltip); top: -25px; left: 0; z-index: 100; height: 24px; line-height: 24px; margin-left: -5px; padding: 0 10px; border-radius: 5px; white-space: nowrap; color: #fff; font-size: 1rem; font-weight: normal; background: #333; }
button.tooltip:hover:after { top: -30px; }
header .tooltip:hover:after { top: -12px; }


/* contact */
.contact .heading       { min-height: 94px; margin-bottom: 18px; padding: 0; }
.contact .heading > .table.fixed { background-color: transparent; }
.contact .heading .left-box { width: 66%; padding: 0 0 0 30px; }
.contact .heading .right-box { width: 34%; border-top: 3px solid #009a44; border-radius: 0 0 4px 0; }
.contact .heading .right-box .table.fixed { height: 70px; margin-top: -5px; }

.contact .contact-sp-search { position: relative; top: -111px; left: 68%; width: 31%; min-height: 94px; margin-bottom: -98px; padding: 0; }
.contact .contact-sp-search .left-box { display: none; }
.contact .contact-sp-search .right-box { width: 100%; padding-top: 11px; border-radius: 0 4px 4px 0; }
.contact .contact-sp-search .right-box li { vertical-align: middle; }
.contact .contact-sp-search .select4 { width: auto; height: 73px; padding: 0; text-align: left; vertical-align: middle; }
.contact .contact-sp-search .select4 > span { display: inline-block; width: 100%; }
.contact .contact-sp-search .select4 i { vertical-align: middle; }
.contact .contact-sp-search .select4 p { display: inline-block; width: 50%; float: left; margin-top: 2px; padding: 0 10px 0 0; font-size: 1.2rem; line-height: 1.7; }
.contact .contact-sp-search .select4 p:nth-of-type(1),
.contact .contact-sp-search .select4 p:nth-of-type(2) { margin-top: 0; }
.contact .contact-sp-search .search-btn-box { width: 94px; }
.contact .contact-sp-search .search-btn-box .btn { min-width: 1px; }

.contact .contact-sp-search .keyword-search { height: 73px; padding: 0 10px; text-align: left; border-right: 1px solid #fff; }
.contact .contact-sp-search .keyword-search input { display: inline-block; font-size: 1.2rem; border-color: #fff; }

.contact .contact-sp-search .search-btn-box { width: 20%; height: 73px; text-align: center; }
.contact .contact-sp-search .search-btn-box .btn { min-width: inherit; display: inline-block; width: 64px; height: 60px; margin: 0; padding: 0; border: 1px solid #009a44; background: rgba(0, 0, 0, 0) url("../images/svg/icon-search-green.svg") no-repeat scroll center center; background-size: 45px; }
.contact .contact-sp-search .search-btn-box .btn:hover { border: 1px solid #fff; background: url("../images/svg/icon-search-white.svg") #005d28 center center no-repeat!important; background-size: 45px!important; }
.contact .contact-sp-search .search-btn-box .btn:after { display: none; }

.contact .ribbon        { border: none; background-color: transparent; }
.contact .table-view .col1 { width: 180px; text-align: right; }
/*.contact .table-view .col1 div { width: 12rem; }*/
.contact .table-view .col1 div p { display: inline-block; color: #999; text-align: center; }
.contact .table-view .col2 { width: 100px; }
.contact .table-view .col3 { width: auto; padding-left: 20px; text-align: left; }
.contact .table-view .col3 li:first-of-type { width: 30%; min-width: 100px; padding-right: 10px; }
.contact .table-view .col4 { width: 60px; text-align: center; }
.contact .table-view .category { width: 10rem; margin-right: 0; margin-bottom: 12px; }
.contact .subject       { font-size: 1.6rem; }
.contact .subject.new   { font-weight: bold; }
.contact .place label,
.contact .date label    { margin-right: 5px; }
.contact .place         { margin-right: 30px; }
.contact .timestamp     { line-height: 1.5; }

.contact .table-view .withdraw .category.disabled { right: 35px; }

.contact .pair-maiking a:hover { text-decoration: none; background-color: #fff; cursor: default; }
.contact .pair-maiking a:active { text-decoration: none; }
.contact .pair-maiking a:hover .name { color: #009a44; }
.contact .pair-maiking a:hover .subject,
.contact .pair-maiking a:hover .place,
.contact .pair-maiking a:hover .date { color: #333; }


/* compass */
.compass .table.half.compass-box > li:first-of-type { position: relative; }
.compass .compass-box li p { margin-top: 20px; }
.compass .compass-box h5,
.compass .compass-box li:first-child p { padding: 0; }
.compass .compass-box h5 { margin-bottom: 20px; }
.compass.introduction .subheading .date { text-align: left; }
.compass .compass-box .supple-tx { position: absolute; top: 23px; right: 20px; background-color: transparent; }
.compass .compass-box .supple-tx li { display: inline-block; margin-right: 10px; font-size: 1.2rem; }
.compass .compass-box .supple-tx li:nth-of-type(2) { margin-right: 0; }
.compass .compass-box .supple-tx li:before { content: ""; display: inline-block; width: 20px; height: 3px; margin-right: 5px; margin-bottom: 2px; vertical-align: middle; }
.compass .compass-box .supple-tx li.men:before { background-color: rgba(61,142,214,.8); }
.compass .compass-box .supple-tx li.women:before { background-color: rgba(255,139,175,.7); }

.compass .compass-box li .compass-value { position: relative; background-color: #fff; overflow: hidden; }
.compass .compass-box li .compass-value-inner { position: relative; background: rgba(255, 255, 255, 0.38); border: 1px solid #ffffff; }

.compass .compass-box li .compass-value-inner:before,
.compass .compass-box li .compass-value-inner:after { content: ""; position: absolute; right: 0; top: 0; display: block; width: 50%; height: 50%; background-color: #f7f7f7; z-index: 40; }
.compass .compass-box li .compass-value-inner:after { left: 0; top: 50%; }

.compass .compass-box li .compass-value-inner canvas { position: relative; left: 50%; width: 100%!important; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: transparent; z-index: 50; }

.compass .compass-box li .compass-category li { position: absolute; font-size: 1.2rem; font-weight: bold; background-color: transparent; z-index: 55; }
.compass .compass-box li .compass-category li:nth-of-type(1) { right: 10px; top: 10px; color: #219fce; text-align: right; }
.compass .compass-box li .compass-category li:nth-of-type(2) { right: 10px; bottom: 10px; color: #d753a9; text-align: right; }
.compass .compass-box li .compass-category li:nth-of-type(3) { left: 10px; bottom: 10px; color: #c1a803; }
.compass .compass-box li .compass-category li:nth-of-type(4) { left: 10px; top: 10px; color: #66a82b; }

.compass .compass-box li .compass-category li span { position: absolute; font-size: 3rem; }
.compass .compass-box li .compass-category li:nth-of-type(1) span { right: 0; top: 52px; }
.compass .compass-box li .compass-category li:nth-of-type(2) span { right: 0; bottom: 52px; }
.compass .compass-box li .compass-category li:nth-of-type(3) span { left: 0; bottom: 52px; }
.compass .compass-box li .compass-category li:nth-of-type(4) span { left: 0; top: 52px; }

.compass .table.half.compass-box > li:nth-of-type(2) h5 { margin-top: 20px; margin-bottom: 0; padding-top: 20px; padding-left: 10px; padding-right: 10px; border-top: 1px dotted #ccc; }
.compass .table.half.compass-box > li:nth-of-type(2) h5:first-child { margin-top: 0; padding-top: 0; border: none; }
.compass .table.half.compass-box > li:nth-of-type(2) p { margin-top: 10px; padding-left: 10px; padding-right: 10px; }

.compass .box-btn > p { padding: 10px 10px 10px 20px; color: #999; }


.partner-search.compass .heading .left-box { width: 250px; }
.partner-search.compass .avatar-box { margin-bottom: 10px; padding-top: 20px; padding-bottom: 20px; background-color: #fff; }
.partner-search.compass .avatar-box li { vertical-align: middle; background-color: #fff; }
.partner-search.compass .avatar-box > li:first-of-type { text-align: right; }
.partner-search.compass .avatar-box .avatar { width: 120px; height: 120px; }
.partner-search.compass .avatar-box > li:nth-of-type(2) { padding-left: 25px; }
.partner-search.compass .avatar-box > li:nth-of-type(2) p { margin-bottom: 10px; font-size: 2rem; font-weight: bold; line-height: 1.7; }
.partner-search.compass .avatar-box > li:nth-of-type(2) p .number { font-size: 1.3rem; font-weight: normal; }
.partner-search.compass .avatar-box > li:nth-of-type(2) li { display: inline-block; margin-right: 7px; font-size: 1.3rem; }
.partner-search.compass .avatar-box > li:nth-of-type(2) li:nth-last-of-type(1) { margin-right: 0; }

.compass .box-btn .supple-tx { margin-top: 3px; color: #009a44; font-size: 1.2rem; }


/* hobby-interest */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tabs-head li.tab     { width: 14%; }
  .condition .tabs-head li.tab { width: 10%; }
}


/* apply */
.apply h3               { margin-bottom: 35px; padding: 0; color: #333; font-size: 2rem; font-weight: bold; line-height: 1.7; border: none; }
.apply h3 .avatar       { width: 120px; height: 120px; margin-bottom: 8px; }
.apply h3 .number       { font-size: 1.4rem; font-weight: normal; }
.apply h3 .dear         { padding-left: 8px; }
.apply p                { color: #009a44; font-size: 1.6rem; text-align: center; }
.apply p span           { color: #009a44; }
.apply .apply-detail .red { color: #e41320; }
.apply-detail           { max-width: 330px; margin: 0 auto; padding: 40px 20px 35px; border: 1px solid #ebebeb; background-color: #fafafa; }
.apply .box-btn         { margin-top: 50px; }


/* complete page */
.complete               { position: relative; margin: 0 auto; padding: 45px 20px 55px; border: 1px solid #ebebeb;
background-color: #fafafa; text-align: center; }
.complete h5            { margin: 0; font-weight: normal; }
.complete h5 i          { display: block; width: 60px; height: 60px; margin: 0 auto 25px; background-image: url("../images/svg/icon-zwei-w.svg"); }
.complete + .box-btn    { margin-top: 50px; }


/* box-step */
.box-step               { position: absolute; right: 0; top: 21px; background: none; }
.box-step li            { position: relative; float: left; display: inline-block; margin: 0 15px; padding: 7px 10px; color: #999; font-weight: normal; font-size: 1.3rem; text-align: center; line-height: 1.6; }
.box-step li::after     { content: ""; position: absolute; top: 28px; right: -23px; width: 18px; height: 1px; background-color: #d6d6d6; z-index: 5; }
.box-step li:nth-last-of-type(1)::after { display: none; }
.box-step li span       { color: #aaa; font-size: 1.1rem; font-family: arial; }
.box-step li.previous::before,
.box-step li.previous::after { border-left: 5px solid #009a44; }
.box-step li.current    { margin-top: -3px; color: #009a44; font-size: 1.4rem; font-weight: bold; background-color: #f7f7f7; }
.box-step li.current::after { top: 31px; }
.box-step li.current .step { color: #009a44; font-size: 1.2rem; font-weight: normal; }


/* .charge */
.charge .heading h2 .icon { width: 50px; height: 31px;  }
.charge .charge-tbl     { border-bottom: none; border-color: #dfdfdf; }
.charge .charge-tbl th,
.charge .charge-tbl td  { text-align: center; border-top: none; }
.charge .charge-tbl td:nth-of-type(1) { width: 10%; }
.charge .charge-tbl td:nth-of-type(2) { text-align: left; width: 36%; }
.charge .charge-tbl td:nth-of-type(3) { text-align: right; white-space: nowrap; }
.charge .charge-tbl td:nth-of-type(3) .unit-charge { float: left; }
.charge .charge-tbl td:nth-of-type(3) .money-charge { float: right; }

.charge .charge-tbl td a.detail-open { display: inline-block; width: 30px; height: 30px; background: #fff url("../images/svg/icon-plus-gray.svg") 7px 7px no-repeat; background-size: 14px 14px; border: 1px solid #dfdfdf; }
.charge .charge-tbl td a.detail-open:hover { text-decoration: none; background-color: #eee; }

.charge .charge-tbl .box-detail-wrapper td { height: auto; padding: 0; line-height: 1; border: none; }
.charge .charge-tbl .box-detail { display: none; padding: 15px 15px 30px; border-top: none; background-color: #f5f5f5; }
.charge .charge-tbl .box-detail .charge-detail-tbl,
.charge .charge-tbl .box-detail .charge-detail-tbl th { border: none; }
.charge .charge-tbl .box-detail .charge-detail-tbl { border-bottom: 1px solid #dfdfdf; }
.charge .charge-tbl .box-detail .charge-detail-tbl th { padding: 5px 5px 7px; text-align: center; }
.charge .charge-tbl .box-detail .charge-detail-tbl td { padding: 10px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; }
.charge .charge-tbl .box-detail .charge-detail-tbl td:nth-of-type(1) { width: 55%; text-align: left; }
.charge .charge-tbl .box-detail .charge-detail-tbl td:nth-of-type(2) { width: 5.4rem; text-align: center; white-space: nowrap; }
.charge .charge-tbl .box-detail .charge-detail-tbl td:nth-of-type(3) { width: auto; text-align: right; white-space: nowrap; }

.charge .charge-tbl tr.tr-active td { color: #009a43; font-weight: bold; }
.charge .charge-tbl tr.tr-active + .box-detail-wrapper td { border-bottom: 1px solid #dfdfdf; }
.charge .charge-tbl td.btn-active a.detail-open { background: #fff url("../images/svg/icon-minus-green.svg") 7px 7px no-repeat; background-size: 14px 14px; }


/* service-stop */
.service-stop .table.half h5 { margin-bottom: 5px; padding-left: 0; }
.service-stop .table.half > li:first-child { padding-left: 4%; padding-right: 4%; }
.service-stop .table.half .description { margin-bottom: 20px; font-size: 1.4rem; color: #009a44; }
.service-stop .table.half select { margin-left: 0 !important; font-size: 1.2rem; }
.service-stop .table.half .status  { padding: 10px 12px; background: #fff; }
.service-stop .table.half .status p { color: #666; font-weight: normal; }
.service-stop .table.half .status label { display: inline-block; width: 12rem; margin-right: 5px; font-size: 1.3rem; }
.service-stop .table.half .status span { font-weight: bold; }
.service-stop .table.half .notice   { margin-top: 30px; padding: 0; color: #999 !important; }
.service-stop .table.half .term .table li:first-child,
.service-stop .table.half .term .table li:last-child { width: 190px; padding: 0; }
.service-stop .table.half .term .table li:nth-child(2) { padding-left: 8px; padding-right: 8px; vertical-align: bottom; text-align: center; }
.service-stop .table.half .term label,
.service-stop .table.half .reason label { display: block; }
.service-stop .table.half .term label { color: #666; }
.service-stop .table.half .reason label:nth-child(n+2) { margin-top: 5px; }

.service-stop .attension-box { margin-bottom: 10px; padding: 20px 40px; background-color: #fff; }
.service-stop .attension-box p { text-align: center; }
.service-stop .attension-box .disabled-msg { color: #e41320; font-size: 1.4rem; }
.service-stop .attension-box .disabled-msg .pc.pad { display: inline-block !important; }

.service-stop.confirm .table.half .term .table li:first-child,
.service-stop.confirm .table.half .term .table li:last-child { width: 160px; }
.service-stop.confirm .table.half .term .table li:first-child span,
.service-stop.confirm .table.half .term .table li:last-child span,
.service-stop.confirm .table.half .reason  { font-size: 1.4rem; }
.service-stop.confirm .table.half .term .table li:nth-child(2) { padding-bottom: 0; }


/* password */
.password .box          { width: 360px; margin: 0 auto; padding: 40px 20px; border: 1px solid #ebebeb; background-color: #fafafa; }
.password .box .icon-mail-circle { display: block; width: 60px; height: 60px; margin: 0 auto 25px; background-image: url("../images/svg/icon-mail-circle.svg"); }
.password .box .description { color: #009a44; font-size: 1.4rem; }
.password .box p        { text-align: center; }
.password .box label    { display: block; margin-bottom: 5px; font-size: 1.2rem; }
.password .box ul,
.password .box-error    { width: 256px; margin: 30px auto 0; text-align: left; }
.password .box ul li:nth-child(n+2) { margin-top: 15px; }
.password .box-btn      { margin-top: 50px; }
.password .box.wide     { width: 550px; }
.password .box.wide p:last-child { margin-top: 15px; color: #e41320; }
.password .box-error    { margin: 15px auto 0; text-align: center; }
.password .box-error p  { text-align: left; }
.password .box-error + ul { margin-top: 20px; }
.password .box .notice  { min-width: 275px; margin: 30px auto 0; }
.password .box .notice li { color: #999; font-size: 1.1rem; text-align: left; }
.password .box .notice li + li { margin-top: 5px; }

.password.confirm .box label { color: #999; }
.password.confirm .box li p { border-radius: 5px; background: #eee; padding: 5px; text-align: left; }


/* message-list */
.message-list .message-area .box > ul > li { cursor: pointer; }
.message-list .message-area .box > ul > li:hover { color: #fff; background: #c5c5c5 !important; }
.message-list .message-area .box > ul > li:hover p { color: #fff; }
.message-list .message-area .box > ul > li:hover .icon-arrow-right { background-image: url("../images/svg/icon-arrow-right-hover.svg"); }
.message-list .list .table > li:last-of-type { min-width: 50px; padding-right: 0; text-align: center; }
.message-list .list .table > li:nth-of-type(3) p { width: 100%; white-space: normal; text-overflow: inherit; text-align: left; }

.message-list .message-area { margin-top: 0; }
.message-list .message-area .standard { padding-top: 35px; }
.message-list .message-area .standard .list > li:nth-of-type(2n+1) { background-color: #f7f7f7; }
.message-list .message-area .standard p { margin-top: 0; }
.message-list .message-area ul { max-height: none; }
.message-list .message-area .box > ul > li { min-height: 80px; line-height: 79px; }
.message-list .message-area a:hover { text-decoration: none; }
.message-list .message-area a:hover li { color: #fff; background: #c5c5c5 !important; }
.message-list .message-area a:hover li p { color: #fff !important; }


/* notice-list */
.notice-list .reminder .list .table > li:nth-of-type(1) { display: table-cell; width: 80px; padding-left: 24px; }
.notice-list .reminder .list .table > li:nth-of-type(1) i { vertical-align: middle; }
.notice-list .reminder .list .table > li:nth-of-type(1) i.icon-apply { width: 37px; height: 16px; }
.notice-list .reminder .list .table > li:nth-of-type(1) i.icon-event { width: 45px; height: 25px; }
.notice-list .reminder .list .table > li:nth-of-type(1) i.icon-birthday-green { width: 36px; height: 25px; }
.notice-list .reminder .list .table > li:nth-of-type(2) p { width: auto; }

.notice-list .reminder .list .table > li:nth-of-type(3) p { display: inline-block; width: 42%; white-space: normal; text-overflow: inherit; text-align: left; }
.notice-list .reminder .list .table > li:nth-of-type(3) p:nth-of-type(2) { width: 55%; margin-top: 0; text-align: right; }
.notice-list .reminder .list .table > li:nth-of-type(3) p:nth-of-type(2) .yyyymmdd { white-space: nowrap; }

.notice-list .reminder a:hover .name { color: #fff; }
.notice-list .reminder a:hover .icon-apply { background-image: url("../images/svg/icon-apply-white.svg"); }
.notice-list .reminder a:hover .icon-event { background-image: url("../images/svg/icon-event-white.svg"); }
.notice-list .reminder a:hover .icon-birthday-green { background-image: url("../images/svg/icon-birthday-hover.svg"); }


/* zwei-message */
.zwei-message .zwei.box { height: auto; }


/* pi-transfer-box */
.pi-transfer-box .ghost-pink { height: 42px; margin: 6px 0 10px; font-size: 1.6rem; line-height: 40px; }
.pi-transfer-box > p      { padding: 10px 10px 10px 20px; color: #999; }
.pi-transfer-box .box-error { display: block; width: 100%; text-align: center; }
.pi-transfer-box .box-error .error-msg { display: inline-block; width: auto; margin-top: 5px; margin-bottom: 5px; }


/* box-avatar */
.box-avatar             { width: auto !important; }
.box-avatar li          { line-height: 6px; padding: 0; vertical-align: middle; }
.box-avatar p           { padding-left: 5px; }
.box-avatar li:first-child,
.box-avatar .avatar     { width: 40px; height: 40px; }


/* 旧flex */
.box-item               { display: block; width: 100%; height: auto; }
.box-item > li          { float: left; display: inline-block; }
.box-item.item4 > li    { width: 24%; margin: 0.5%; }
.box-item.item5 > li    { width: 19.2%; margin: 0.4%; }
.box-item.item6 > li    { width: 15.66%; margin: 0.5%; }
.box-item > li > a      { display: block; width: 100%; height: 100%; border: 1px solid #ebebeb; border-radius: 5px; background: #fff; }
.box-item > li > a:hover { border-color: #fff; background: #ccc; }
.box-item > li .box     { position: relative; height: auto; min-height: 100px; padding: 20px 10px 10px; background: none; }


/* encounter */
.encounter .introduction-news .box-btn.btn-only { margin-top: 0; border: none; }
.encounter .avatar-box  { margin-top: 25px; text-align: center; }
.encounter .avatar-box > span { display: block; }
.encounter .avatar-box .avatar { width: 150px; height: 150px; margin: 0 auto 10px; }
.encounter .avatar-box .name { display: none; }
.encounter .table-profile .col1 { width: 40%; }


/* encounter-contact */
.encounter-contact .table-view .left-box .avatar-box { color: #555; text-align: center; }
.encounter-contact .table-view .left-box .avatar-box span { color: #555; }
.encounter-contact .left-box .avatar-box .avatar { width: 120px; height: 120px; }
.encounter-contact .left-box .notice { margin-top: 20px; padding-left: 12%; padding-right: 12%; color: #b9b9b9; text-align: left; }
.encounter-contact .right-box .description { margin-bottom: 20px; color: #009a44; font-size: 1.4rem; }

.encounter-contact .table-interest,
.encounter-contact .table-interest th,
.encounter-contact .table-interest td { border: none; background: transparent; }

.encounter-contact .table-interest th,
.encounter-contact .table-interest td { padding: 7px 10px; border-bottom: 1px dotted #ccc; }

.encounter-contact .table-interest th { font-weight: bold; text-align: left; }


/* old-pi */
.old-pi .tb-old-pi-interest .col1 { width: 15%; }
.old-pi .tb-old-pi-interest colgroup .col1:nth-of-type(even) { background-color: #f5f5f5; }

.old-pi .tb-old-pi-interest th,
.old-pi .tb-old-pi-interest td { text-align: center; }
.old-pi .tb-old-pi-interest th { font-size: 1.1rem; font-weight: normal; line-height: 1.4; }
.old-pi .tb-old-pi-interest th { padding: 10px 3px!important; }
.old-pi .tb-old-pi-interest td { padding: 7px 10px!important; }
.old-pi .tb-old-pi-interest td:nth-of-type(1) { padding-left: 2.7rem!important; font-weight: bold; text-align: left; text-indent: -2.7rem; }
.old-pi .tb-old-pi-interest td:nth-of-type(1) span { display: inline-block; width: 2.1rem; margin-right: 6px; padding: 4px 0; font-size: 1.1rem; text-align: center; text-indent: 0; background-color: #f5f5f5; }
.old-pi .tb-old-pi-interest tr:nth-last-of-type(1) td:nth-of-type(2) { padding: 25px 5px!important; text-align: left; background-color: #fff; }
.old-pi .tb-old-pi-interest + ul { padding: 10px 10px 0 5px; color: #999; font-size: 1.1rem; }
.old-pi .tb-old-pi-interest + ul li { margin-bottom: 2px; padding-left: 1em; text-indent: -1em; border-style: inset; }
.old-pi .tb-old-pi-interest + ul li:before { content: "・"; }


/* temp
-----------------------------------------------------------------------------*/
.temp-header .headingbar .menu .menu-disabled a,
.temp-header .global-nav > .table > li a,
.temp-profile .registration-box a.btn.ghost { color: #ddd; cursor: default; }
.temp-header .headingbar .menu .menu-disabled a { color: #e2e2e2; }
.temp-header .headingbar .menu .menu-disabled a:hover,
.temp-header .global-nav > .table > li a:hover { background-color: transparent; }
.temp-header .global-nav > .table > li a > p { color: #ddd; }
.temp-header .global-nav > .table > li:first-child a { cursor: pointer; }
.temp-header .global-nav > .table > li:first-child a:hover { background-color: #eee; }
.temp-header .global-nav > .table > li:first-child a > p { color: #009a44; }
.temp-header .global-nav > .table > li:first-child a.active:hover { background-color: #009a44; }
.temp-header .global-nav > .table > li:first-child a.active > p { color: #fff; }

/* temp-top */
.temp-top section .temp-tx { position: absolute; right: 50px; display: inline-block; margin-left: 20px; padding: 6px 8px 6px 32px; font-size: 1.2rem; font-weight: normal; color: #777; vertical-align: middle; background-color: #fff; }
.temp-top section .temp-tx.no-position { position: relative; right: auto; display: inline-block; margin-left: 0; padding: 0 0 0 0; color: #f7f7f7; line-height: 1.5; background-color: transparent; }
.temp-top section .temp-tx i { display: none; position: absolute; top: 50%; left: 10px; width: 16px; height: 16px; margin-top: -8px; vertical-align: middle; }
.temp-top section .temp-tx.no-position i { left: 0; }
.temp-top .temp-introduction-area .box-item > li { min-height: 200px; border-radius: 5px; background-color: #ccc; }
.message-area .list .table > li:last-of-type {width: 35px; }
.temp-top .temp-introduction-area .pr { height: auto; }
.temp-top .temp-introduction-area .pr i { top: 1rem; margin-top: -.85rem; }
.temp-top .temp-introduction-area button { cursor: default; }
.temp-top .temp-introduction-area .icon-favorite-off-gray { width: 17px; }

.temp-top .reminder     { min-height: 30px; }
.temp-top .reminder .list > li { background-color: #ccc; }
.temp-top .reminder .list > li .limit { color: #f7f7f7; }
.temp-top .reminder .list > li .limit .temp-tx.no-position { display: inline; }
.temp-top .reminder .list .table > li:nth-of-type(3) { padding-left: 0; }

.temp-top .temp-event .table-view .list > li { position: relative; padding: 10px; background-color: #ccc; }
.temp-top .temp-event .table-view .col1 .state { background-color: #ddd; }
.temp-top .temp-event .table-view .col3 { text-align: left; vertical-align: middle; }
.temp-top .temp-event .table-view .col3 i { top: 1rem; margin-top: -.85rem; }

/* temp-profile */
.temp-profile .heading .right-box { width: 100px; }
.temp-profile .registration-box .btn.ghost { border-color: #eee; }
.temp-profile .registration-box .btn.ghost:hover { background-color: transparent!important; }
.temp-profile .registration-box p { color: #e2e2e2; }
.temp-profile .temp-tabs .tabs-head .table li a { color: #e2e2e2; text-decoration: none; cursor: default; }
.temp-profile .temp-tabs .tabs-head .table li.active a { color: #fff; }
.temp-profile .temp-tabs .tabs-head li span { vertical-align: middle; }

/* temp-photo */
.temp-photo .table.half .list > li:nth-child(2n) { padding-left: 0; padding-right: 0; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list { padding-top: 10px; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li { position: relative; float: left; width: calc(100% / 3 - 10px); margin-right: 15px; margin-bottom: 35px; text-align: center; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(3n+3) { margin-right: 0; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-last-of-type(1) { margin-bottom: 0; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box { position: relative; cursor: pointer; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box.no-image { cursor: default; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box:before { content: ""; display: block; padding-top: 129%; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box:hover p { border: 1px solid #bbb; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box.no-image:hover { border-color: #fff; box-shadow: none; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box.no-image:hover p { border-color: #ebebeb; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li a { display: block; position: absolute; top: 0; right: 0; width: 20px; height: 0; padding: 20px 0 0 0; background: url("../images/svg/icon-close-white4.svg") center center no-repeat; background-size: 80% 80%; z-index: 1; border-radius: 0; overflow: hidden; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box.tooltip:hover:after { top: 64%; left: 50%; width: 80%; height: 32px; padding: 0; line-height: 32px; margin-left: -40%; text-align: center; font-size: 1.1rem; background-color: rgba(51,51,51,.8); z-index: 1; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box:hover a { background: transparent url("../images/svg/icon-close-white2.svg") center center no-repeat; background-size: 80% 80%; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box p { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 1px solid #ebebeb; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li .temp-photo-box.no-image p { background-color: #fff; background-size: contain; }

.temp-photo .table.half .list > li:nth-child(2n) .profile-list li > p { height: 50px; font-size: 1.1rem; line-height: 1.6; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li > p span { display: block; padding-left: 7px; font-size: 1.7rem; font-weight: bold; }

.temp-photo .table.half .list > li:nth-child(2n) .profile-list li label.btn.ghost { float: none; height: 28px; margin-top: 10px; color: #009a44; line-height: 26px; border-color: #009a44; background: #fff; cursor: pointer; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li label.btn.ghost:hover { color: #fff; background: #009a44!important; }
.temp-photo .table.half .list > li:nth-child(2n) .profile-list li label input { display: none; }

h3 a.btn-desabled       { color: #ddd; border-color: #ebebeb; cursor: default; }
h3 a.btn-desabled:hover { color: #ddd; background-color: #fff; }


/* switch-mailmember */
.switch-mailmember .term-box dl,
.switch-mailmember .term-box dt,
.switch-mailmember .term-box dd { float: none; display: block; font-size: 1.3rem; border: none; }
.switch-mailmember .term-wrapper { height: 270px; margin-top: 10px; margin-left: 25px; margin-right: 25px; padding: 10px 12px; overflow-y: auto; }
.switch-mailmember .term-box dt,
.switch-mailmember .term-box .read { color: #666; font-weight: bold; }
.switch-mailmember .term-box dd,
.switch-mailmember .term-box p { color: #666; font-size: 1.2rem; }
.switch-mailmember .term-box .read { margin-bottom: 6px; font-size: 1.3rem; }
.switch-mailmember .term-box h5 { padding-left: 37px; }
.switch-mailmember .term-box dd > ol { counter-reset: ol-item; }
.switch-mailmember .term-box dd > ol > li { margin-bottom: 7px; padding-left: 1.6em; text-indent: -1.75em; }
.switch-mailmember .term-box dd > ol > li::before { content: "(" counter(ol-item, decimal) ") "; counter-increment: ol-item; vertical-align: top; }

.switch-mailmember .table.half .description { margin-bottom: 20px; color: #009a44; font-size: 1.4rem; }
.switch-mailmember .term-box dd > ol ol { margin-top: 7px; margin-bottom: 7px; }
.switch-mailmember .term-box dd > ol ol li { list-style: decimal; margin-left: 1.5em; padding-left: 0; text-indent: 0; }
.switch-mailmember .term-box .sign { margin-top: 10px; margin-bottom: 10px; text-align: right; }
.switch-mailmember .term-box .sign p { font-size: 1.2rem; }

.switch-mailmember .table.half .list .number span span { display: inline-block; width: auto; padding-top: 10px; line-height: 1; background: transparent; }


/* error */
.error .error-contents  { float: none !important; width: 730px; height: auto; margin: 25px auto 20px; padding: 5px 0; text-align: center; background: transparent; border: 1px solid #fff;  border-radius: 5px; }
.error h3               { margin-bottom: 25px; padding-top: 40px; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: none; font-size: 2.8rem; color: #ccc; border-top: 3px solid #009a44;  }
.error h5               { margin-left: 0; font-size: 1.6rem; border-bottom: none; color: #009a44; }
.error p                { margin-bottom: 25px; font-size: 1.4rem; }
.error .box             { height: 300px; margin: 20px; border: 1px solid #ddd; border-top: none; background: #fff; }



/* Header
-----------------------------------------------------------------------------*/
header                  { position: relative; width: 100%; height: auto; padding: 0; background: #fff; }
header .wrapper         { position: relative; height: auto; }

.logo img               { width: 90px; height: 32px; margin-top: -10px; vertical-align: inherit; }

.sign a                 { display: inline-block; font-size: 1.4rem; }
.sign a:hover           { text-decoration: none; color: #009a44; }
.sign i                 { width: 30px; vertical-align: middle; margin-left: 7px; }
.sign .image            { width: 40px; height: 40px; vertical-align: middle; margin-right: 7px; }

.headingbar             { height: 70px; line-height: 70px; }
.headingbar li          { display: block; padding: 0; }
.headingbar li:last-child { text-align: right; }
.headingbar li a        { display: inline-block; width: auto; height: auto; vertical-align: middle; }
.headingbar > .table li { height: 70px; margin: 0; }

.headingbar .logo       { padding-left: 5px; }
.headingbar.logo-only h1 { height: 70px; margin: 0; padding-left: 5px; }
.headingbar.logo-only h1 a { width: 90px; height: 70px; vertical-align: middle; }
.headingbar.logo-only img { width: 90px; height: 32px; margin-top: -10px; vertical-align: middle; }

.headingbar .menu       { position: absolute; top: 60px; right: 0; z-index: 101; display: none; width: 200px; height: auto; padding: 10px; border-radius: 3px; background: #e5e5e5;
                          box-shadow: 0px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.3); -ms-box-shadow: 0px 5px 5px rgba(0,0,0,0.3); }
.headingbar .menu:after { content: ""; position: absolute; top: -10px; left: 50%; display: block; width: 0; margin-left: -10px; border: 10px solid transparent; border-top-width: 0; border-bottom-color: #e5e5e5; }
.headingbar .menu li    { display: block; height: 42px; line-height: 40px; padding: 0; border: 1px solid #e1e1e1; background: #fff; }
.headingbar .menu li:nth-of-type(n+2) { border-top: none; }
.headingbar .menu a     { margin-left: 0; display: block; width: 100%; height: 100%; text-decoration: none; text-align: left; padding: 0; }
.headingbar .menu a:hover { color: #fff; background: #999; }
.headingbar .menu a span { display: inline-block; width: 40px; text-align: center; }
.headingbar .menu a .icon { width: 20px; height: 20px; margin-left: 0; }
.headingbar .menu a .icon-key { margin-top: -5px; margin-left: 0; }
.headingbar .menu a .icon-yen { width: 15px; margin-left: -2px; }
.headingbar .menu a .icon-pause { width: 18px; height: 18px; }
.headingbar .menu a .icon-account-setting { width: 24px; height: 24px; margin-left: 4px; }
.headingbar .menu dl    { border: none; }
.headingbar .menu dt,
.headingbar .menu dd    { height: 42px; min-height: inherit; line-height: 42px; padding: 0; border: none; background: #fff; }
.headingbar .menu dt    { width: 40px; text-align: center; }
.headingbar .menu dd    { margin-top: -42px; margin-left: inherit; padding-left: 40px; text-align: left; border-bottom: 1px solid #f5f5f5; }

.hamburger              { display: none; position: relative; overflow: hidden;  margin: 4px 8px 0 0px; padding: 0; width: 38px; height: 23px; vertical-align: middle; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; }
.hamburger:focus        { outline: none; }
.hamburger span         { display: block; position: absolute; top: 9px; left: 5px; right: 5px; height: 3px; background: #009a44; }
.hamburger span::before,
.hamburger span::after  { position: absolute; display: block; left: 0; width: 100%; height: 3px; background: #009a44; content: ""; }
.hamburger span::before { top: -9px; }
.hamburger span::after  { bottom: -9px; }
.hamburger span         { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; }
.hamburger span::before,
.hamburger span::after  { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
.hamburger span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
.hamburger span::after  { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }

/* active state, i.e. menu open */
.hamburger.open span { background: none; }
.hamburger.open span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hamburger.open span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.hamburger.open span::before,
.hamburger.open span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }


/* Footer
-----------------------------------------------------------------------------*/
footer                  { position: absolute; width: 100%; min-height: 128px; bottom: 0; margin: 0 auto; padding-bottom: 0; border-top: 1px solid #ebebeb; background: #333; }
footer a:hover          { text-decoration: underline !important; }
footer small            { color: #888; font-family: Verdana, arial, sans-serif; font-size: 1rem; }
footer img              { width: auto; height: 20px; }
footer .wrapper         { display: table; width: 100%; max-width: 1200px; margin: 0 auto; background: none; }
footer .footer-menu     { display: table-cell; height: 67px; text-align: left; }
footer .footer-menu ul:nth-of-type(2) { display: block;}
footer .divider         { padding-left: 3px; padding-right: 3px; color: #ccc; }
footer .box-upper       { background: #fff; }
footer .box-upper li    { vertical-align: middle; }
footer .box-upper a     { color: #666; text-decoration: none; }
footer .box-upper .wrapper { padding: 10px 10px 5px; }
footer .box-lower       { text-align: center; }
footer .aeon            { display: table-cell; width: 140px; height: 67px; vertical-align: bottom; background: #fff; }
footer .aeon li:nth-of-type(2) { padding-left: 10px; }
footer .box-lower       { height: 40px; padding-top: 10px; padding-bottom: 10px; color: #ccc; background: #333; }

footer .go-top          { position: fixed; right: 20px; bottom: 20px; text-align: center; z-index: 99999; background-color: rgba(255,255,255,.8); border-radius: 5px; }
footer .go-top a        { display: block; width: 46px; height: 46px; padding: 0; line-height: 45px; background: transparent; cursor: pointer; border: 1px solid rgba(205,205,205,.5); border-radius: 5px; }
footer .go-top a:hover  { background-color: #ccc; }
footer .go-top a i      { width: 20px; height: 10px; background-repeat: no-repeat; background-size: cover; }
footer .go-top a:hover i { background-image: url("../images/svg/icon-arrow-up-white.svg"); }


/* Nav
-----------------------------------------------------------------------------*/
nav                     { position: relative; }
.global-nav             { z-index: 100; width: 100%; border-top: 1px solid #e5e5e5; background: #fff; background: #fff;
                           -webkit-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1); box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.1); }
.global-nav > .table    { max-width: 1200px; margin: 0 auto; padding-left: 5px; padding-right: 5px; background: none; }
.global-nav > .table > li { margin: 0; vertical-align: middle; }
.global-nav > .table > li:nth-of-type(1) { width: 12%; }
.global-nav > .table > li:nth-of-type(2) { width: 12%; }
.global-nav > .table > li:nth-of-type(3) { width: 12%; }
.global-nav > .table > li:nth-of-type(4) { width: 12%; }
.global-nav > .table > li:nth-of-type(5) { width: 14%; }
.global-nav > .table > li:nth-of-type(6) { width: 12%; }
.global-nav > .table > li:nth-of-type(7) { width: 14%; }
.global-nav > .table > li:nth-of-type(8) { width: 12%; }
.global-nav > .table > li:hover .inner { width: 100%; }
.global-nav > .table > li a { display: block; width: 100%; height: 100%; line-height: 1; vertical-align: middle; padding: 15px 0 10px; text-align: center; color: #fff; font-size: 1.2rem; background: none; }
.global-nav > .table > li a > p { position: relative; line-height: 1.4; color: #009a44; font-size: 1.2rem; font-weight: normal; }
.global-nav > .table > li a.active,
.global-nav > .table > li a.active:hover { text-decoration: none; background: #009a44; }
.global-nav > .table > li a.active > p,
.global-nav > .table > li a.active:hover > p { color: #fff; }
.global-nav > .table > li a:hover  { text-decoration: none; background: #eee; }
.global-nav a.open      { background: #404040; }
.global-nav a > i       { width: 35px; height: 30px; margin-bottom: 5px; }
.global-nav .icon-introduction { width: 29px; height: 30px; }
.global-nav .icon-apply { width: 27px; height: 30px; }
.global-nav .icon-event { width: 38px; height: 30px; }
.global-nav .icon-option   { width: 26px; height: 30px; }
.global-nav .icon-setting { width: 30px; height: 30px; }
.global-nav .icon-faq   { width: 29px; height: 30px; }
.global-nav .inner      { position: absolute; left: 0; z-index: 1; display: none; width: 100%; margin: 0; padding: 20px; background: #404040; }
.global-nav .inner ul   { max-width: 1080px; margin: 0 auto; }
.global-nav .inner li   { margin: 0; padding: 0 20px; border-left: 1px solid #666; }
.global-nav .inner li .label,
.global-nav .inner li .label a { margin-top: 10px; font-size: 1.2rem; color: #999; }
.global-nav .inner .table > li { position: relative; width: 50%; min-height: 95px; }
.global-nav .inner .table > li:first-child { border-left: none; }
.global-nav .inner li a { text-align: left; padding: 20px; font-size: 1.4rem; font-weight: normal; color: #fff; }
.global-nav .inner li a:hover { color: #009a44; background: rgba(0,0,0,.2); }
.global-nav .inner li a p { color: #fff; font-size: 1.4rem; }
.global-nav .badge      { position: absolute; top: -14px; }
.global-nav .tag        { margin: 0 0 5px; color: #333; background: #999; }

.global-nav .table .open-option-menu p i { position: absolute; top: -13px; right: 25px; }
.global-nav .table .open-option-menu p .icon-triangle-up { display: none; }
.global-nav .table .open-option-menu.active p .icon-triangle-up { width: 8px; height: 5px; background: url("../images/svg/icon-triangle-up-white.svg"); background-size: cover; }
.global-nav .table .open-option-menu.active p .icon-triangle-down { width: 8px; height: 5px; background: url("../images/svg/icon-triangle-down-white.svg"); background-size: cover; }

.global-nav.fixed-nav > .table > li > a { position: relative; min-height: 54px; padding: 10px 0 0 0; }
.global-nav.fixed-nav > .table li a > i { margin-top: 0; margin-bottom: -10px; transform: scale(.7,.7); }
.global-nav.fixed-nav > .table > li:nth-of-type(2) > a > i { margin-right: 2px; }
.global-nav.fixed-nav > .table > li:nth-of-type(4) > a > i { margin-right: 2px; }
.global-nav.fixed-nav > .table > li:nth-of-type(6) > a > i { margin-right: -2px; }
.global-nav.fixed-nav > .table > li:nth-of-type(7) > a > i { margin-right: 1px; }
.global-nav.fixed-nav > .table > li > a > i + p { display: inline-block; font-size: 1.1rem; }
.global-nav.fixed-nav .open-option-menu p i { position: static; margin-bottom: 3px; background-size: cover; }


/* Form
-----------------------------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea                { display: inline-block; padding: 2px 6px; font-size: 14px; line-height: inherit; color: #555; border: 1px solid #111; border-radius: 3px; background: #fff; }
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus          { border-color: rgba(82,168,236,0.8); outline: 0; outline: thin dotted 9;
                          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
input + label           { vertical-align: middle; margin-left: 5px; }

label input[type="checkbox"] { display: none; }
label input[type="checkbox"] + i { background-image: url("../images/svg/icon-check.svg"); vertical-align: middle; }
label input[type="checkbox"]:checked + i { background-image: url("../images/svg/icon-checked2.svg"); }
label .icon-check       { margin-right: 5px; }

input[type="radio"]     { width: 13px; height: 13px; vertical-align: -.15rem; border-radius: 50%; -webkit-appearance: none; box-shadow: 0 0 0 1px #999 inset; }
input[type="radio"]:checked { box-shadow: 0 0 0 1px #999 inset, 0 0 0 3px #fff inset; background-color: #009a44; }

.btn,
a.btn                   { position: relative; display: inline-block; width: auto; min-width: 260px; height: 60px; border: 1px solid #fb527c; line-height: 60px; vertical-align: middle; margin: 10px 5px; padding: 0 25px; border-radius: 5px; text-align: center; color: #fff; font-size: 2rem; font-weight: normal; background: #fb527c; }
.btn:hover,
a.btn:hover             { color: #ff3366; text-decoration: none; border-color: #ff3366; background-color: #fff!important; }

.btn.ghost              { color: #999; border-color: #a3a3a3; background: none; }
.btn.ghost-pink         { color: #fb527c; background: none; }
.btn.ghost-green        { color: #009a44; border-color: #009a44; background: none; }
.btn.ghost:hover        { border-color: #8c8c8c; text-decoration: none; color: #fff; background: #8c8c8c !important; }
.btn.ghost-pink:hover   { border-color: #fb527c; text-decoration: none; color: #fff; background: #fb527c !important; }
.btn.ghost-green:hover   { border-color: #009a44; text-decoration: none; color: #fff; background: #009a44 !important; }

.btn.small,
a.btn.small             { height: 28px; line-height: 28px; font-size: 1.3rem; }

.btn.cancel,
a.btn.cancel            { border-color: #939393; color: #fff; background: #939393; }
.btn.cancel:hover,
a.btn.cancel:hover      { color: #fff; border-color: #444; background: #444 !important; }

.btn.setting,
a.btn.setting           { border-color: #ffa133; color: #fff; background: #ffa133; }
.btn.setting:hover,
a.btn.setting:hover     { color: #ffa133; border-color: #ffa133; background-color: #fff!important; }

.btn:disabled,
.btn.disabled,
.btn:disabled:hover,
.btn.disabled:hover     { color: #ccc; border-color: #ccc; background: #eee !important; cursor: default; }

.btn:first-child        { margin-left: 0; }
.btn:last-child         { margin-right: 0; }

.btn:after              { content: ""; display: block; position: absolute; top: 22px; right: 14px; width: 7px; height: 13px; background: url("../images/svg/icon-arrow-right-white.svg") no-repeat; }
.btn:hover:after        { background: url("../images/svg/icon-arrow-right-red.svg") no-repeat; }
.btn.small:after,
.btn.ghost:after        { display: none; }
.btn.cancel:hover:after { background: url("../images/svg/icon-arrow-right-white.svg") no-repeat; }
.btn.setting:hover:after { background: url("../images/svg/icon-arrow-right-orange.svg") no-repeat; }
.btn:disabled::after,
.btn.disabled:after { background: url("../images/svg/icon-arrow-right-white.svg") no-repeat; }

.box-btn.btn-height-adjust .btn { min-width: 280px; }


/* Misc
-----------------------------------------------------------------------------*/
.clear-fix::before,
.clear-fix::after       { content: ""; display: block; overflow: hidden; }
.clear-fix::after       { clear: both; }
.clear-fix              { zoom: 1; }

.float-none             { float: none !important; }

.hidden                 { display: none; }
.overflow-hidden        { overflow: hidden; }

.block                  { display: block; }
.inline                 { display: inline-block; }
.inline > li,
.inline > li a          { float: left; display: inline-block; }
.inline-block           { display: inline-block; }

.list                   { display: block; }
.list li                { display: list-item; }

.table                  { display: table; width: 100%; }
.table > li             { display: table-cell; }
.table.fixed            { table-layout: fixed; }

.input-block            { display: block; width: 100%; }
.input-mini             { width: 60px; }
.input-small            { width: 120px; }
.input-middle           { width: 200px; }
.input-large            { width: 300px; }
.input-group            { position: relative; display: inline-block; }
.input-group.block      { display: block; }

.width-auto             { width: auto !important; }
.width-block            { width: 100%; }

.margin-top-zero        { margin-top: 0; }
.margin-right-zero      { margin-right: 0; }
.margin-bottom-zero     { margin-bottom: 0 !important; }
.margin-left-zero       { margin-left: 0; }
.padding-top-zero       { padding-top: 0 !important; }
.padding-bottom-zero    { padding-bottom: 0 !important; }
.padding-left-zero      { padding-left: 0 !important; }
.margin-top-15          { margin-top: 15px; }

.indent-6               { margin-left: 6rem; }

.align-right            { text-align: right !important; }
.align-left             { text-align: left !important; }
.align-center           { text-align: center !important; }

.border-none            { border: none !important; }
.border-top-none        { border-top: none; }
.border-right-none      { border-right: none; }
.border-bottom-none     { border-bottom: none; }
.border-left-none       { border-left: none; }

.list-style-square      { list-style: square; }
.list-style-square li   { margin-left: 18px; }

dt.input-line-height    { height: 48px; line-height: 24px; }
dt.input-line-height + dd { margin-top: -48px; }

.font-size-small        { font-size: 80% !important; }
.font-size-large        { font-size: 120% !important; }
.font-weight-bold       { font-weight: bold !important; }

.status                 { color: #b4b4b4; font-weight: bold; }
.status.blue            { color: #21c2fd; }
.status.red             { color: #e41320; }

.error-msg              { display: block; width: 100%; margin: 10px 0 0; padding-left: 2.2em; text-indent: -2.2em; color: #e41320; }
.error-msg i            { margin-top: -4px; margin-right: 6px; vertical-align: middle; }
.box-error .error-msg   { margin-top: 0; margin-bottom: 15px; padding-left: 35px; border-left: 10px solid #ffc8c8; color: #e41320; }
textarea + .error-msg,
input[type="text"] + .error-msg { margin-top: 10px !important; }

.indispensable          { vertical-align: middle; margin-left: 5px; color: #e41320; font-size: 20px }

.image-ratio-outer      { clear: both; float: left; width: 50%; padding: 0 20px 0 0; }
.image-ratio            { position: relative; width: 100%; margin-bottom: 5px; padding-top: 75%; }
.image-ratio img        { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wire-space-nowrap      { white-space: nowrap; }
.break-word             { word-wrap: break-word; }
.ellipsis               { max-height: 7.5rem; overflow: hidden; }
.text-indent            { padding-left: 40px; }

.badge                  { position: absolute; top: 0; display: inline-block; min-width: 28px; vertical-align: middle; padding: 8px; text-align: center; border-radius: 50%; color: #fff; font-size: 1.2rem; font-weight: bold; background: #ff4a51; }

.tag                    { display: inline-block; width: auto; min-width: 5rem; height: auto; line-height: 16px; vertical-align: middle; margin-top: -3px; margin-right: 10px; padding: 1px 5px; text-align: center; color: #fff; font-size: 1.2rem; background: #009a44; }
.tag.black              { background: #302e2f; }
.tag.blue               { background: #539aa0; }
.tag.green              { background: #239848; }
.tag.orange             { background: #f3c717; }
.tag.purple             { background: #cb56d3; }
.tag.red                { background: #ff3366; }

.category,
.vacant-seat            { display: inline-block; height: 20px; line-height: 20px !important; vertical-align: middle; z-index: 1; padding: 1px 2px 0 4px; }
.vacant-seat            { width: 75px; line-height: 19px !important; font-weight: bold; zoom: 1; text-align: center; }
.vacant-seat:before,
.vacant-seat:after      { content: ""; display: block; overflow: hidden; }
.vacant-seat:after      { clear: both; }
.vacant-seat.full       { background: #ddd; color: #fff !important; font-size: 1.2rem; }
.vacant-seat.few        { background: #ff2469; color: #fff !important; font-size: 1.0rem; letter-spacing: -0.05rem; }
.vacant-seat.enough     { background: #009a44; color: #fff !important; font-size: 1.1rem; }
.vacant-seat span       { display: inline-block; float: left; vertical-align: middle; margin-left: 1px; background: none; font-size: 1.1rem; font-weight: bold; font-family: monospace; }

.category               { width: 80px; color: #fff !important; background: #009a44; border-bottom: none; text-align: center; }
.category.black         { background: #302e2f; }
.category.blue          { background: #21c2fd; font-size: 1rem!important; }
.category.green         { background: #98ce00; }
.category.light-green   { background: #9ccc36; }
.category.aqua          { background: #00cbd8; }
.category.orange        { background: #f3c717; font-size: 1.1rem!important; }
.category.purple        { background: #cb56d3; }
.category.red           { background: #ff4a51; }
.category.disabled      { width: 60px; color: #999 !important; font-size: 1.1rem; border-top: none; background: #e5e5e5; }

.color-red              { color: #ff4a51; }

.background-transparent { background: rgba(255, 255, 255, 0.6); }
.background-transparent2 { background: rgba(245, 245, 245, 0.8); }

.cover                  { display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.containe               { display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: contain; }

.serif                  { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.separator              { padding: 0 .25em; }

.box-long-bnr-header,
.box-long-bnr-footer    { max-width: 1190px; margin: 20px auto 0; }

.box-long-bnr-header img,
.box-long-bnr-footer img { max-height: 100px; }
.top .box-long-bnr-header img { height: auto; max-height: 220px; }

.box-long-bnr-header img.sp-bnr,
.box-long-bnr-footer img.sp-bnr { display: none; }

.box-long-bnr-footer    { margin-top: 40px; margin-bottom: 10px; }
.box-long-bnr-footer p  { margin-left: 15px; margin-bottom: 15px; color: #333; font-size: 1.7rem; font-weight: bold; text-align: left; }

.box-long-bnr-header img:hover,
.box-long-bnr-footer img:hover { opacity: 0.8; }


/* Modal Box
-----------------------------------------------------------------------------*/
.modal-window           { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 999; display: none; width: 90%; padding: 10px; background: none; }
.modal-window.message   { height: 454px; max-height: 80%; }
.modal-window.schedule  { width: 50%; min-width: 600px; }
.modal-window.schedule li { padding: 10px 0 0 !important; }

.modal-box              { height: 100%; padding: 0; border: 7px solid #ddd; border-radius: 5px; background: #fff; }
.modal-box h2           { top: 0; vertical-align: middle; margin: 0; padding: 2px 0 0; border-bottom: none; font-size: 2rem; color: #333; line-height: 1.6; transform: translateY(0); }
.modal-box p            { margin-top: 5px; font-size: 1.4rem; }
.modal-box label        { display: block; min-height: inherit; margin-bottom: 5px; font-size: 1.4rem; font-weight: bold; }
.modal-box li           { vertical-align: top; font-size: 1.3rem; }
.modal-box li:nth-of-type(1) { width: 40%; padding-right: 10px; }
.modal-box li:nth-of-type(2) { width: auto; padding-left: 10px; }
.modal-box li p:first-child { margin-top: 0; }
.modal-box th           { width: 30%; }
.modal-box .box         { padding: 10px 20px; background: #fff; }
.modal-box .box table   { margin-top: 15px;  background: #f0f0f0; }
.modal-box .box table tr:first-child th,
.modal-box .box table tr:first-child td { height: 40px; padding-top: 10px; }
.modal-box .box table tr:last-child th,
.modal-box .box table tr:last-child td { height: 40px; padding-bottom: 10px; }
.modal-box .box-close   { position: absolute; top: 50%; right: 20px; width: 30px; height: 30px; margin-top: -15px; background: none; }
.modal-box .box-close img { width: 29px; height: 29px; }
.modal-box .heading     { position: relative; height: 50px; min-height: 50px; margin: 0; padding-top: 7px; border: none; border-bottom: 1px solid #e5e5e5; border-radius: 0; background: #fff; }
.modal-box .heading.box { padding-right: 50px; }
.modal-box .heading .close { min-width: inherit; height: 30px; padding: 0; border: none; background: none; }
.modal-box .heading .close:hover { background: none; }
.modal-box .box-btn     { margin-top: 10px; border: none; text-align: center; background: #eee; }
.modal-box .wrapper     { max-width: none; min-width: 1px; height: calc(100% - 50px); padding: 0; overflow: auto; }

.modal-window.address   { width: 74%; height: 434px; max-height: 80%; }
.modal-window.address .modal-box { position: relative; background-color: #f5f5f5; }
.modal-window.address .table { padding: 10px 20px; background-color: #fff; }
.modal-window.address h3 { display: table-cell; width: 40%; padding-top: 20px; color: #333; font-size: 1.2rem; font-weight: normal; border: none; text-align: center; vertical-align: middle; }
.modal-window.address h3 span { display: block; }
.modal-window.address h3 .avatar { width: 120px; height: 120px; margin: 0 auto 30px; }
.modal-window.address h3 .period-tx { margin-bottom: 5px; font-size: 1.4rem; color: #009a44; }
.modal-window.address h3 .guide-tx { color: #666; }
.modal-window.address .address-detail { display: table-cell; width: 60%; padding: 0 20px; }
.modal-window.address .address-detail dl { clear: both; float: none; margin: 0 0 5px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.modal-window.address .address-detail dl::before,
.modal-window.address .address-detail dl::after { content: ""; display: block; overflow: hidden; }
.modal-window.address .address-detail dl::after { clear: both; }
.modal-window.address .address-detail dl { zoom: 1; }
.modal-window.address .address-detail dt { float: left; display: block; width: 30%; padding: 10px 10px 0; font-size: 1.3rem; text-indent: 0; border: none; }
.modal-window.address .address-detail dd { float: left; display: block; width: 70%; margin-bottom: 0; padding: 10px 10px 0; color: #555; font-size: 1.3rem; font-weight: bold; border-top: none; }
.modal-window.address .box-attension { display: table-cell; height: 100px; padding: 10px; vertical-align: middle; }
.modal-window.address .box-attension li { width: 100%; margin-bottom: 4px; padding: 0 15px; font-size: 1.2rem; }
.modal-window.address .box-attension li:nth-last-of-type(1) { margin-bottom: 0; }

.modal-window.modal-news-style,
.modal-window.info-zwei-detail   { width: 70%; height: 545px; max-height: 80%; }
.modal-window.modal-news-style h2,
.modal-window.info-zwei-detail h2 { font-size: 1.4rem; line-height: 2.4; }
.modal-window.modal-news-style .wrapper .inner,
.modal-window.info-zwei-detail .wrapper .inner { padding: 10px 20px; }
.modal-window.modal-news-style .wrapper .title,
.modal-window.info-zwei-detail .wrapper .title { position: relative; margin-bottom: 20px; padding: 0 135px 10px 5px; font-size: 2rem; font-weight: bold; color: #009a44; line-height: 1.5; border-bottom: 1px solid #ccc; }
.modal-window.modal-news-style .wrapper .title .yyyymmdd,
.modal-window.info-zwei-detail .wrapper .title .yyyymmdd { position: absolute; right: 10px; top: 50%; margin-top: -1em; color: #333; font-size: 1.4rem; text-align: right; }
.modal-window.modal-news-style .wrapper .detail-content,
.modal-window.info-zwei-detail .wrapper .detail-content { padding-left: 5px; padding-right: 5px; }

.modal-window.modal-news-style .wrapper .detail-content p,
.modal-window.info-zwei-detail .wrapper .detail-content p { margin-bottom: 12px; }
.modal-window.modal-news-style .wrapper .detail-content p:nth-last-of-type(1),
.modal-window.info-zwei-detail .wrapper .detail-content p:nth-last-of-type(1) { margin-bottom: 0; }
.modal-window.modal-news-style .wrapper .detail-content p img { width: 100%; max-width: 500px; }

.modal-window.login-news { width: 38%; min-width: 300px; height: 420px; max-height: 84%; }
.modal-window.login-news .modal-box { position: relative; background-color: #f5f5f5; }
.modal-window.login-news .heading h2 { color: #009a44; }

.modal-window.login-news .table { padding: 20px 20px; background-color: #fff; }
.modal-window.login-news .detail-box { display: table-cell; width: 60%; padding: 0 20px; }
.modal-window.login-news .detail-box dl { clear: both; float: none; margin: 0 0 5px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.modal-window.login-news .detail-box dl::before,
.modal-window.login-news .detail-box dl::after { content: ""; display: block; overflow: hidden; }
.modal-window.login-news .detail-box dl::after { clear: both; }
.modal-window.login-news .detail-box dl { zoom: 1; }
.modal-window.login-news .detail-box dt { float: left; display: block; width: 30%; padding: 10px 10px 0; font-size: 1.3rem; text-indent: 0; border: none; }
.modal-window.login-news .detail-box dd { float: left; display: block; width: 70%; margin-bottom: 0; padding: 10px 10px 0; color: #555; font-size: 1.3rem; font-weight: bold; border-top: none; }
.modal-window.login-news .btn-box { height: 80px; padding: 12px 10px 10px; text-align: center; }
.modal-window.login-news .btn-box a { display: inline-block; min-width: 1px; }
.modal-window.login-news .btn-box a.btn { width: 80%; }
.modal-window.login-news .btn-box p + p { margin-top: 7px; }
.modal-window.login-news .btn-box p + p a { position: relative; display: inline-block; padding-left: 11px; font-size: 1.2rem; }
.modal-window.login-news .btn-box p + p a i { position: absolute; left: 0; top: 50%; margin-top: -.65rem; width: 6px; height: 12px; }
.modal-window.login-news .btn-box p + p a:hover i { background-image: url("../images/svg/icon-arrow-right.svg"); }

.modal-window.modal-avatar-detail { width: 80%; min-width: 760px; height: 520px; max-height: 80%; }
.modal-window.modal-avatar-detail h2 { font-size: 1.4rem; line-height: 2.4; }
.modal-window.modal-avatar-detail .wrapper .inner { padding: 10px; }
.modal-window.modal-avatar-detail .wrapper .detail-content { padding-left: 5px; padding-right: 5px; }
.modal-window.modal-avatar-detail .wrapper .detail-content ul { padding-top: 15px; }
.modal-window.modal-avatar-detail .wrapper .detail-content li { float: left; width: 24%; width: calc(99.8% / 5 - 10px); min-width: 140px; height: 180px; margin-right: 5px; margin-left: 5px; margin-bottom: 20px; padding: 8px 0 28px; text-align: center; border: 3px solid rgba(255,255,255,0); cursor: pointer; }
.modal-window.modal-avatar-detail .wrapper .detail-content ul:nth-of-type(1) li { margin-bottom: 0; }
.modal-window.modal-avatar-detail .wrapper .detail-content li .image { width: 120px; height: 120px; }

.modal-window.modal-avatar-detail .wrapper .detail-content  li.avatar-using { padding-bottom: 8px; background-color: #f7f7f7; border: 2px solid #ccc; cursor: default; }
.modal-window.modal-avatar-detail .using-tx { display: block; margin-top: 10px; color: #009a44; font-size: 1.2rem; font-weight: bold; text-align: center; }
.modal-window.modal-avatar-detail .default-tx { padding-top: 12px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }

.modal-window.modal-avatar-detail .tooltip:hover:after { position: absolute; content: attr(data-tooltip); top: 135px; left: 50%; z-index: 100; width: 11em; height: 24px; margin-left: -5.5em; padding: 0; line-height: 22px;  padding: 0 10px; border-radius: 5px; white-space: nowrap; color: #009a44; font-size: 1.1rem; font-weight: normal; background: transparent; border: 1px solid #009a44; }

.modal-window.info-opening-news { width: 700px; height: 400px; max-height: 80%; }
.modal-window.info-opening-news .modal-box .heading { padding-left: 20px; }
.modal-window.info-opening-news .modal-box .heading h2 { color: #009a44; }
.modal-window.info-opening-news .wrapper .inner { padding: 24px 20px 10px; }
.modal-window.info-opening-news .modal-box .wrapper { height: calc(100% - 130px); }
.modal-window.info-opening-news .btn-box { width: 100%; height: 80px; text-align: center; background-color: #f5f5f5; }
.modal-window.info-opening-news .btn-box .btn.ghost { background-color: #fff; }

.modal-window.info-matching-search { width: 700px; height: 480px; max-height: 80%; }
.modal-window.info-matching-search .modal-box { position: relative; background-color: #f5f5f5; }
.modal-window.info-matching-search .modal-box .heading { padding-left: 20px; }
.modal-window.info-matching-search .modal-box .heading h2 { color: #009a44; }
.modal-window.info-matching-search .wrapper .inner { padding: 24px 20px 10px; background-color: #fff; }
.modal-window.info-matching-search .wrapper .inner .detail-content li{ width: 100%; padding-left: 5%; text-indent: -2em; padding-bottom: 10px; }
.modal-window.info-matching-search .wrapper .inner .detail-content h5{ color: #009a44; font-weight: bold; }
.modal-window.info-matching-search .btn-box { height: 80px; padding: 12px 10px 10px; text-align: center; }
.modal-window.info-matching-search .btn-box a { display: inline-block; min-width: 1px; }
.modal-window.info-matching-search .btn-box a.btn { width: 70%; }
.modal-window.info-matching-search .btn-box p + p { margin-top: 7px; }
.modal-window.info-matching-search .btn-box p + p a { position: relative; display: inline-block; padding-left: 11px; font-size: 1.3rem; }
.modal-window.info-matching-search .btn-box p + p a i { position: absolute; left: 0; top: 50%; margin-top: -.65rem; width: 6px; height: 12px; }
.modal-window.info-matching-search .btn-box p + p a:hover i { background-image: url("../images/svg/icon-arrow-right.svg"); }
.modal-window.info-matching-search .btn-box p.caution { font-weight: bold; }


.modal-window-overlay,
.modal-openig-overlay   { position: fixed; top: 0; right: 0; left: 0; z-index: 998; overflow: hidden; display: none; width: 100%; height: 120%; margin: auto; background: rgba(0,0,0,.8); }


/* Calendar
-----------------------------------------------------------------------------*/
.custom-calendar-full   { position: relative; width: 100%; height: auto; margin: auto; border: 1px solid #ddd; background: #f0f0f0; }
.fc-calendar-container  { width: 100%; height: 100%; }
.custom-header          { padding: 9px 5px 0; background: #fff; }
.custom-header nav      { position: absolute; top: 0; right: 0;
                          -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-header nav span { position: relative; float: left; line-height: inherit; margin: 0; border: 1px solid #ddd; text-align: center; cursor: pointer; background: #fff; }
.custom-header nav span:nth-of-type(1) { border-radius: 3px 0 0 3px; }
.custom-header nav span:nth-of-type(2) { border-left: none; border-right: none; }
.custom-header nav span:nth-of-type(3) { margin-left: 0; border-radius: 0 3px 3px 0; }
.custom-header nav span i { height: 10px !important; margin-top: -2px; }
.custom-header nav span.custom-current { border-radius: 0; }
.custom-header nav a    { display: block; width: 100%; height: 23px !important; padding: 5px; text-decoration: none; color: #ccc; font-size: 1.1rem; background: none; }
.custom-header nav a:hover { color: #009a44; }
.fc-calendar            { width: auto; height: auto; margin: 0; }
.fc-calendar .fc-head   { height: 22px; line-height: 22px; vertical-align: middle; padding: 2px 0 2px; color: #333; background: none; }
.fc-calendar .fc-head > div { font-weight: bold; text-transform: uppercase; font-size: 1.4rem; }
.fc-calendar .fc-row > div > span.fc-date { top: 0; right: auto; bottom: auto; left: auto; width: auto; color: #333; text-shadow: none; font-size: 26px; font-weight: 300; text-align: center; }
.fc-calendar .fc-body   { height: 100%; padding: 20px; border: 1px solid rgba(233, 233, 233, 0.5); background: #fff; }
.fc-calendar .fc-row    { height: 44px; border-bottom: 1px solid #ddd; }
.fc-calendar .fc-row:last-child { box-shadow: none; }
.fc-calendar .fc-row > div { padding: 0; border-right: 1px solid #ddd; }
.fc-calendar .fc-row > div:first-child { box-shadow: none; }

.fc-calendar .fc-row > div:hover { background-color: #009a44; }
.fc-calendar .fc-row > div:hover span { color: #fff !important; }

.fc-calendar .fc-head > div:first-child,
.fc-calendar .fc-row > div:first-child span { color: #ff2d93; }
.fc-calendar .fc-head > div:last-child,
.fc-calendar .fc-row > div:last-child span { color: #04cdff; }
.fc-calendar .fc-row > div.fc-today span { color: #009a44; font-weight: bold; }
.fc-calendar .fc-row > div > div { margin-top: 2px; text-align: center; }
.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span { overflow: hidden; display: inline-block; width: 100%; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; color: rgba(255,255,255,0.7); font-size: 12px; text-transform: uppercase; text-align: center; background: rgba(255,255,255,0.2); }
.fc-calendar .fc-body   { padding: 0; }
.fc-calendar .fc-row > div > span.fc-date { position: relative; top: 2px; left: 0; display: block; vertical-align: bottom; text-align: center; font-size: 1.6rem; }
.fc-calendar-container  { width: 100%; }
h3.custom-month-year      { margin-bottom: 0; padding: 2px 0 7px; border-color: #fff; font-size: 1.4rem; }
.no-touch .fc-calendar .fc-row > div > div a:hover { background: rgba(255,255,255,0.3); }


/* Icons
-----------------------------------------------------------------------------*/
.icon                   { display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: none; }

.icon-account-setting   { width: 64px; height: 62px; background-image: url("../images/svg/icon-account-setting.svg"); }
a:hover .icon-account-setting { background-image: url("../images/svg/icon-account-setting-hover.svg"); }
.icon-account-setting-gray { width: 64px; height: 62px; background-image: url("../images/svg/icon-account-setting-gray.svg"); }
.icon-apply             { width: 35px; height: 28px; background-image: url("../images/svg/icon-apply.svg"); }

.icon-account-mail-change { width: 67px; height: 54px; background-image: url("../images/svg/icon-account-mail-change.svg"); }

a.active .icon-apply    { background-image: url("../images/svg/icon-apply-white.svg"); }
.icon-apply-gray        { width: 35px; height: 28px; background-image: url("../images/svg/icon-apply-gray.svg"); }
.icon-arrow-up          { width: 15px; height: 8px; background-image: url("../images/svg/icon-arrow-up.svg"); }
a:hover .icon-arrow-up,
a .icon-arrow-up,
a:hover .icon-arrow-up-gray { background-image: url("../images/svg/icon-arrow-up-hover.svg"); }
.icon-arrow-up-gray     { width: 15px; height: 8px; background-image: url("../images/svg/icon-arrow-up-gray.svg"); }
.icon-arrow-down        { width: 15px; height: 8px; background-image: url("../images/svg/icon-arrow-down.svg"); }
a:hover .icon-arrow-down,
a.active .icon-arrow-down,
a.open .icon-arrow-down,
a:hover .icon-arrow-down-gray { background-image: url("../images/svg/icon-arrow-down-hover.svg"); }
.icon-arrow-down-gray   { width: 15px; height: 8px; background-image: url("../images/svg/icon-arrow-down-gray.svg"); }
a:hover .icon-arrow-down-white,
a.active .icon-arrow-down-white,
a.open .icon-arrow-down-white { width: 15px; height: 8px; background-image: url("../images/svg/icon-arrow-down-white-hover.svg"); }
.icon-arrow-left        { width: 8px; height: 17px; background-image: url("../images/svg/icon-arrow-left.svg"); }
a:hover .icon-arrow-left { background-image: url("../images/svg/icon-arrow-left-hover.svg"); }
.icon-arrow-left-double { width: 11px; height: 11px; background-image: url("../images/svg/icon-arrow-left-double.svg"); }
a:hover .icon-arrow-left-double { background-image: url("../images/svg/icon-arrow-left-double-white.svg"); }
.icon-arrow-right       { width: 8px; height: 17px; background-image: url("../images/svg/icon-arrow-right.svg"); }
a:hover .icon-arrow-right { background-image: url("../images/svg/icon-arrow-right-hover.svg"); }
.icon-arrow-right-gray  { width: 8px; height: 17px; background-image: url("../images/svg/icon-arrow-right-gray.svg"); }
.icon-arrow-left-white  { width: 8px; height: 17px; background-image: url("../images/svg/icon-arrow-left-white.svg"); }
a:hover .icon-arrow-left-white { background-image: url("../images/svg/icon-arrow-left-white-hover.svg"); }
.icon-arrow-right-white { width: 8px; height: 17px; background-image: url("../images/svg/icon-arrow-right-white.svg"); }
a:hover .icon-arrow-right-white { background-image: url("../images/svg/icon-arrow-right-white-hover.svg"); }
.icon-arrow-right-double { width: 11px; height: 11px; background-image: url("../images/svg/icon-arrow-right-double.svg"); }
a:hover .icon-arrow-right-double { background-image: url("../images/svg/icon-arrow-right-double-white.svg"); }

.icon-back              { width: 20px; height: 20px; background-image: url("../images/svg/icon-back.svg"); }
.icon-back:hover        { background-image: url("../images/svg/icon-back-hover.svg"); }
.icon-birthday          { width: 14px; height: 16px; background-image: url("../images/svg/icon-birthday.svg"); }
.fc-content:hover > div > .icon-birthday { background-image: url("../images/svg/icon-birthday-hover.svg"); }
.icon-birthday-green    { width: 14px; height: 16px; background-image: url("../images/svg/icon-birthday-green.svg"); }
.icon-calendar          { width: 40px; height: 40px; background-image: url("../images/svg/icon-calendar.svg"); }
a:hover .icon-calendar  { background-image: url("../images/svg/icon-calendar-hover.svg"); }
.icon-check             { width: 19px; height: 16px; background-image: url("../images/svg/icon-check.svg"); }
.icon-checked           { width: 19px; height: 16px; background-image: url("../images/svg/icon-checked.svg"); }
.icon-check-white       { width: 19px; height: 16px; background-image: url("../images/svg/icon-check-white.svg"); }
.icon-chest             { width: 28px; height: 23px; background-image: url("../images/svg/icon-chest.svg"); }
a:hover .icon-chest     { background-image: url("../images/svg/icon-chest-hover.svg"); }
.icon-close             { width: 24px; height: 24px; background-image: url("../images/svg/icon-close.svg"); }
.icon-close-white       { width: 24px; height: 24px; background-image: url("../images/svg/icon-close-white.svg"); }
a:hover .icon-close-white { background-image: url("../images/svg/icon-close-white-hover.svg"); }
.icon-close-white2      { width: 30px; height: 30px; background-image: url("../images/svg/icon-close-white2.svg"); }
.icon-delete            { width: 38.2px; height: 38.2px; background-image: url("../images/svg/icon-delete.svg"); }
.icon-dummy             { width: 15px; height: 15px; background-image: url("../images/svg/icon-dummy.svg"); margin-top: -3px; }
.icon-error             { width: 20px; height: 20px; background-image: url("../images/svg/icon-error.svg"); }
.icon-event             { width: 186px; height: 136px; background-image: url("../images/svg/icon-event.svg"); }
a.active .icon-event    { background-image: url("../images/svg/icon-event-white.svg"); }
.icon-event-gray        { width: 186px; height: 136px; background-image: url("../images/svg/icon-event-gray.svg"); }
.icon-faq               { width: 30px; height: 30px; background-image: url("../images/svg/icon-faq.svg"); }
a.active .icon-faq      { background-image: url("../images/svg/icon-faq-white.svg"); }
.icon-faq-gray          { width: 30px; height: 30px; background-image: url("../images/svg/icon-faq-gray.svg"); }
.icon-favorite-disable  { width: 35px; height: 27px; background-image: url("../images/svg/icon-favorite-disable.svg"); }
.icon-favorite-off      { width: 35px; height: 27px; background-image: url("../images/svg/icon-favorite-off.svg"); background-size: contain; }
.icon-favorite-off:hover { background-image: url("../images/svg/icon-favorite-on.svg"); }
.icon-favorite-off-gray { width: 35px; height: 27px; background-image: url("../images/svg/icon-favorite-off-gray.svg"); }
.icon-favorite-on       { width: 35px; height: 27px; background-image: url("../images/svg/icon-favorite-on.svg"); }
.icon-favorite-on:hover { background-image: url("../images/svg/icon-favorite-off.svg"); }
.icon-history           { width: 50px; height: 45px; background-image: url("../images/svg/icon-history.svg"); }
a:hover .icon-history   { background-image: url("../images/svg/icon-history-hover.svg"); }
.icon-introduction      { width: 98px; height: 103px; background-image: url("../images/svg/icon-introduction.svg"); }
a.active .icon-introduction { background-image: url("../images/svg/icon-introduction-white.svg"); }
.icon-introduction-gray { width: 98px; height: 103px; background-image: url("../images/svg/icon-introduction-gray.svg"); }
.icon-key               { width: 26px; height: 32px; background-image: url("../images/svg/icon-key.svg"); }
a:hover .icon-key       { background-image: url("../images/svg/icon-key-hover.svg"); }
.icon-mail-send         { width: 20px; height: 20px; margin-right: 5px; background-image: url("../images/svg/icon-mail-send.svg"); }
.icon-minus             { width: 55px; height: 55px; background-image: url("../images/svg/icon-minus.svg"); }
.icon-minus-white       { width: 55px; height: 55px; background-image: url("../images/svg/icon-minus-white.svg"); }
.icon-next              { width: 6px; height: 11px; background-image: url("../images/svg/icon-next.svg"); }
a:hover .icon-next      { background-image: url("../images/svg/icon-next-hover.svg"); }
.icon-option            { width: 30px; height: 30px; background-image: url("../images/svg/icon-option.svg"); }
.icon-option-white      { width: 30px; height: 30px; background-image: url("../images/svg/icon-option-white.svg"); }
a.active .icon-option      { background-image: url("../images/svg/icon-option-white.svg"); }
.icon-plus              { width: 55px; height: 55px; background-image: url("../images/svg/icon-plus.svg"); }
.icon-plus-white        { width: 55px; height: 55px; background-image: url("../images/svg/icon-plus-white.svg"); }
.icon-plus-white2       { width: 30px; height: 30px; background-image: url("../images/svg/icon-plus-white2.svg"); }
.icon-pause             { width: 48px; height: 48px; background-image: url("../images/svg/icon-pause.svg"); }
a:hover .icon-pause     { background-image: url("../images/svg/icon-pause-hover.svg"); }
.icon-pause-gray        { width: 48px; height: 48px; background-image: url("../images/svg/icon-pause-gray.svg"); }
.icon-pen               { width: 31px; height: 31px; background-image: url("../images/svg/icon-pen.svg"); }
.icon-option            { width: 43px; height: 43px; background-image: url("../images/svg/icon-option.svg"); }
a.active .icon-option   { background-image: url("../images/svg/icon-option-white.svg"); }
.icon-option-gray       { width: 30px; height: 30px; background-image: url("../images/svg/icon-option-gray.svg"); }
.icon-prev              { width: 6px; height: 11px; background-image: url("../images/svg/icon-prev.svg"); }
a:hover .icon-prev      { background-image: url("../images/svg/icon-prev-hover.svg"); }
.icon-partner-search    { width: 57px; height: 57px; background-image: url("../images/svg/icon-partner-search.svg"); }
a.active .icon-partner-search { background-image: url("../images/svg/icon-partner-search-white.svg"); }
.icon-partner-search-gray { width: 57px; height: 57px; background-image: url("../images/svg/icon-partner-search-gray.svg"); }
.icon-sign              { width: 24px; height: 24px; background-image: url("../images/svg/icon-sign.svg"); }
a:hover .icon-sign      { background-image: url("../images/svg/icon-sign-hover.svg"); }
.icon-star              { width: 17px; height: 16px; background-image: url("../images/svg/icon-star.svg"); }
.fc-content:hover > div > .icon-star { background-image: url("../images/svg/icon-star-hover.svg"); }
.icon-top               { width: 38px; height: 36px; background-image: url("../images/svg/icon-top.svg"); }
a.active .icon-top      { background-image: url("../images/svg/icon-top-white.svg"); }
.icon-trash             { width: 20px; height: 20px; background-image: url("../images/svg/icon-trash.svg"); }
.icon-trash:hover       { background-image: url("../images/svg/icon-trash-hover.svg"); }
.icon-triangle-left     { width: 7px; height: 12px; background: url("../images/svg/icon-triangle-left.svg"); }
a:hover .icon-triangle-left { background-image: url("../images/svg/icon-triangle-left-hover.svg"); }
.icon-triangle-right    { width: 7px; height: 12px; background: url("../images/svg/icon-triangle-right.svg"); }
a:hover .icon-triangle-right { background-image: url("../images/svg/icon-triangle-right-hover.svg"); }
.icon-triangle-right-mini { width: 7px; height: 8px; background: url("../images/svg/icon-triangle-right-mini.svg"); }
.icon-triangle-right-green { width: 5px; height: 9px; background: url("../images/svg/icon-triangle-right-green.svg"); }
.icon-triangle-down,
a:hover .icon-triangle-down { width: 8px; height: 5px; background: url("../images/svg/icon-triangle-down.svg"); }
.icon-triangle-down-green { width: 8px; height: 5px; background: url("../images/svg/icon-triangle-down-green.svg"); }
.icon-triangle-down-gray { width: 8px; height: 5px; background: url("../images/svg/icon-triangle-down-gray.svg"); }
.icon-triangle-up,
a:hover .icon-triangle-up { width: 8px; height: 5px; background: url("../images/svg/icon-triangle-up.svg"); }
.icon-triangle-up-green { width: 8px; height: 5px; background: url("../images/svg/icon-triangle-up-green.svg"); }
.icon-user              { width: 26px; height: 32px; background-image: url("../images/svg/icon-user.svg"); }
a:hover .icon-user      { background-image: url("../images/svg/icon-user-hover.svg"); }
.icon-useful-info       { width: 43px; height: 43px; background-image: url("../images/svg/icon-useful-info.svg"); }
a.active .icon-useful-info { background-image: url("../images/svg/icon-useful-info-white.svg"); }
.icon-useful-info-gray  { width: 30px; height: 30px; background-image: url("../images/svg/icon-useful-info-gray.svg"); }
.icon-yen               { width: 19px; height: 21px; background-image: url("../images/svg/icon-yen.svg"); }
a:hover .icon-yen       { background-image: url("../images/svg/icon-yen-hover.svg"); }
.icon-yen-gray          { width: 19px; height: 21px; background-image: url("../images/svg/icon-yen-gray.svg"); }
.icon-zwei-logo         { width: 60px; height: 60px; background-image: url("../images/svg/icon-zwei-w.svg"); }


/* Index
-----------------------------------------------------------------------------*/
.index                  { height: 100%; background: #222c36; }
.index iframe           { width: 100%; }
.index ul               { height: 100%; }
.index li               { width: 100%; height: 100%; min-height: 100%; vertical-align: top; margin: 0 auto; overflow: hidden; }
.index li p             { text-align: center; color: #fff; }
.index iframe           { height: 100%; border-color: #222c36; }
.index a                { display: block; width: 100%; height: 100%; padding: 5px; color: #ccc; }
.index a:hover          { text-decoration: none; color: #fff; background: #222c36; }
.index span             { display: none; }
.index .content         { max-width: 2406px; height: 100%; }
.index .wrapper         { width: 100%; height: 100%; max-width: inherit; }
.index .main-content    { float: none; overflow-x: hidden; width: 100%; height: 100%; margin-top: 5px; }
.index .main-content .table { height: 100%; }
.index .main-content .col1,
.index .main-content .col2 { border:none; background: none; }
.index .col1            { width: 150px; }
.index .col2            { overflow: hidden; }
.index .col2 .box       { overflow-x: auto; overflow-y: hidden !important; width: 100%; height: 100%; }
.index .box             { padding: 0; }
.index .box-nav         { height: auto; padding: 20px 10px 10px; }
.index .box-nav li      { display: block; width: 100%; height: inherit; min-height: inherit; border-bottom: 1px dotted #555; color: #fff; }
.index .box-nav li:first-child { border-top: 1px dotted #555; }
.index .box-nav .parent { padding-left: 5px; color: #ccc; }
.index .box-nav .child  { padding-left: 2em; }
.index .box-pc          { width: 1000px; }
.index .box-tablet      { width: 768px; }
.index .box-smartphone  { width: 480px; }


/* ui-datepicker
-----------------------------------------------------------------------------*/
.ui-icon                { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-datepicker          { width: 230px; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; height: 24px; line-height: 22px; padding: 0; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position: absolute; top: 4px; width: 7px; height: 13px; background-color: none !important; }
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { top: 4px; border: none !important;  }
.ui-datepicker .ui-datepicker-prev { left: 5px; background: url("../images/svg/icon-triangle-left.svg"); }
.ui-datepicker .ui-datepicker-next { right: 5px; background: url("../images/svg/icon-triangle-right.svg"); }
.ui-datepicker .ui-datepicker-prev:hover { left: 5px; background: url("../images/svg/icon-triangle-left-hover.svg"); }
.ui-datepicker .ui-datepicker-next:hover { right: 5px; background: url("../images/svg/icon-triangle-right-hover.svg"); }
.ui-datepicker .ui-datepicker-title { text-align: center; }
.ui-datepicker table    { width: 100%; font-size: .9em; border-collapse: collapse; border: none; margin: 0 0 .4em; }
.ui-datepicker th       { padding: .7em .3em; text-align: center; background: #fff; font-weight: bold; border: 0; }
.ui-datepicker td       { border: 0; padding: 1px; }
.ui-datepicker td span,
.ui-datepicker td a     { display: block; line-height: 18px; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker a:hover  { text-decoration: none; background: #ccc; }
.ui-widget              { font-size: 1.1em; }
.ui-widget .ui-widget   { font-size: 1em; }
.ui-widget-content      { border: 1px solid #eeeeee; background: #ffffff; color: #333333; }
.ui-widget-header       { border: 1px solid #333; background: #333; color: #ffffff; font-weight: bold; }
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee; font-weight: bold; color: #333; }
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border: 1px solid #00c556; background: #00c556; font-weight: bold; color: #fff; }
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 1px solid #ff4a51; color: #fff; background: #ff4a51; }
.ui-state-disabled span { color: #ccc !important; cursor: default; }
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl           { border-top-left-radius: 2px; }
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr           { border-top-right-radius: 2px; }
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl           { border-bottom-left-radius: 3px; }
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br           { border-bottom-right-radius: 3px; }





/* 201609 Limited support
-----------------------------------------------------------------------------*/
.limited-support.result.matching .col1,
.limited-support.result.matching .col1 .table-view-contents,
.limited-support.list.partner-search .col1,
.limited-support.list.partner-search .col1 .table-view-contents { border-radius: 5px; }
.limited-support.result.matching .col1 .table-view-contents,
.limited-support.list.partner-search .col1 .table-view-contents { padding-right: 50px; }
.limited-support.result.matching .col1 .pr,
.limited-support.list.partner-search .col1 .pr { padding-top: 8px; }

.limited-support.temp-top .box-item > li .box { padding-bottom: 22px; }

.limited-support.top .board .box-bottom .table li:last-child { padding-right: 0; text-align: center; }

.limited-support.partner-search .tabs-head li.tab { display: block; float:left; width: 25%; }




/* Media Queries
-----------------------------------------------------------------------------*/

@media screen and (max-width: 1199px) {
    .tabs .tab a.long-text { font-size: 1.1rem; }

    .contact .heading .left-box { width: 63%; }
    .contact .heading .right-box { width: 37%; }
    .contact .contact-sp-search { left: 65%; width: 34%; }
}

@media screen and (max-width: 1176px) {
    .chest .box-item.item5 > li { width: 24.2%; }
    .chest .box-item > li > a > .table:first-of-type li:first-child { width: 11rem; }
    .chest .box-item > li > a > .table:first-of-type li:last-child { width: 90px; padding-left: 5px; }

    .table.half .input-middle { width: 100%; margin-left: 0 !important; }
    .table.half .input-large { width: 100%; }

    .introduction.profile .tel-category ul.inline li:nth-last-of-type(1) { width: 100%; margin-top: 14px; }
    .introduction.profile .tel-category ul.inline li:nth-last-of-type(1) input[type="radio"] { margin-left: 0; }
    .introduction.profile .tel-category ul.inline li:nth-last-of-type(1) input[type="text"] { width: 190px; }
}

@media screen and (max-width: 1099px) {
    .contact .heading .left-box { width: 50%; }
    .contact .contact-sp-search { left: 59%; width: 40%; }

    .service-stop .table.half .term .table { display: block; }
    .service-stop .table.half .term .table li:last-child { display: block; width: 100%; }
    .service-stop .table.half .term label { margin-top: 10px; }

    .modal-window.address   { width: 80%; }
    .modal-window.login-news   { width: 60%; }
    .modal-window.info-opening-news { width: 86%; height: 390px; }
    .modal-window.info-opening-news .wrapper .inner { padding: 15px 20px 10px; }
    .modal-window.info-matching-search { width: 70%; height: 500px; }
    .modal-window.info-matching-search .wrapper .inner { padding: 15px 20px 10px; }
}

@media screen and (max-width: 999px) {
    .global-nav.fixed-nav > .table > li > a { padding-top: 3px; }
    .global-nav.fixed-nav > .table li a > i { margin-bottom: 0; }
    .global-nav.fixed-nav > .table > li:nth-of-type(2) > a > i,
    .global-nav.fixed-nav > .table > li:nth-of-type(4) > a > i,
    .global-nav.fixed-nav > .table > li:nth-of-type(6) > a > i,
    .global-nav.fixed-nav > .table > li:nth-of-type(8) > a > i { margin-right: 0; }
    .global-nav.fixed-nav > .table > li > a > i + p { display: block; line-height: 1; }
    .global-nav.fixed-nav .open-option-menu p i { position: absolute; }
    .global-nav > .table > li:nth-of-type(5) > a > i + p,
    .global-nav > .table > li:nth-of-type(8) > a > i + p { font-size: 1.1rem; }

    .event.event-list .event-list-contents { display: table; width: 100%; }
    .event.event-list .event-list-contents > li { float: none; display: table-cell; table-layout: fixed; height: auto; min-height: 1px; vertical-align: middle; }

    .event.event-list .table-view .col3 .main-info { float: none; width: 100%; height: auto; min-height: 1px; padding-right: 0; padding-top: 0; }
    .event.event-list .table-view li.no-tag .col3 .main-info { min-height: 1px; }

    .event.event-list .table-view .title { margin-bottom: 10px; padding-top: 10px; }

    .event.event-list .table-view .sub-info { position: static; float: none; display: block; width: 100%; -webkit-transform: translateY(0); transform: translateY(0);  }
    .event.event-list .table-view .sub-info .table { padding: 7px 0; }
    .event.event-list .table-view .sub-info .table li { height: 20px; }
    .event.event-list .table-view .sub-info .table li:nth-of-type(1) { width: 36px; }
    .event.event-list .table-view .sub-info .table li:nth-of-type(1) p { width: 36px; height: 20px; font-size: 1.2rem; line-height: 20px; }
    .event.event-list .table-view .sub-info .table li:nth-of-type(2) { width: auto; padding-right: 10px; }
    .event.event-list .table-view .sub-info .table li:nth-of-type(2) .price { display: inline-block; margin-right: 10px; }
    .event.event-list .table-view .sub-info .table:nth-of-type(n+2) { padding-bottom: 0; }
    .event.event-list .table-view .sub-info .table li:nth-of-type(3) { width: 20%; min-width: 80px; text-align: right; }
    .event.event-list .table-view .sub-info .table.one-only { padding-top: 20px; }

    .event.event-list .event-tag-box { width: 100%; }
    .event.event-list .event-tag-box li { position: static!important; display: inline!important; }

    .event.event-list .event-list-contents li.col1 p,
    .event.event-list .table-view .col4 p { position: static; margin: 0; text-align: center; }
    .event.event-list .table-view .col4 { width: 40px; }
    .event.event-list .table-view .col4 p { left: 45%; }

    .event .box-recommended { max-height: 550px; }
    .event .box-recommended .recommended-list { max-height: 500px; }
    .event .box-recommended .recommended-list > li,
    .event .box-recommended .recommended-list > li:nth-child(2n) { float: none; width: 100%; height: auto; margin-top: 10px; margin-right: 0; }
    .event .box-recommended .recommended-list > li:nth-of-type(2) { margin-top: 10px; }
    .event .box-recommended .recommended-list > li ul .col3 .sub-info { position: static; float: right; width: calc(100% - 90px); }
    .event .box-recommended .recommended-list > li { min-height: 130px; }

    .compass .compass-box li .compass-illust { width: 70%; margin: 0 auto; }
    .compass .table.half.compass-box > li,
    .compass .table.half.compass-box > li:first-of-type { display: block; width: 100%; }
    .compass .table.half.compass-box > li:nth-of-type(2) h5 { text-align: center; }

    .tabs.tabs-child .tabs-head .table { width: 100%; margin: 0 auto; }
    .tabs.tabs-child li a   { height: 52px; line-height: 50px; }

    .profile .tabs.tabs-child .choosing-box { top: 22px;}

    .modal-window.modal-avatar-detail { width: 90%; min-width: 1px; max-height: 90%; }
    .modal-window.modal-avatar-detail .wrapper .detail-content li { width: 32%; width: calc(99.8% / 3 - 10px); }
}

@media screen and (max-width: 948px) {
    .login       { min-height: 821px; }
    .login .news { min-height: 525px; }
}

@media screen and (max-width: 899px) {
    .open-option-menu p i   { right: 20px; }

    .contact .heading .left-box { width: 45%; }
    .contact .heading .right-box { width: 38%; }
    .contact .contact-sp-search { left: 57%; width: 42%; }

    .contact .table-view .col3 { padding-left: 0; }
    .contact .table-view .col3 .table,
    .contact .table-view .col3 li { display: block; width: 100%; }
    .contact .table-view .col3 li:first-of-type { width: 100%; padding-right: 0; }

    .chest .box-item.item5 > li { width: 32.53%; }
    .modal-window.address   { width: 96%; }
    .modal-window.login-news   { width: 86%; }
    .modal-window.info-opening-news .btn-box .btn { min-width: 230px; }

    .notice-list .reminder .list .table > li:nth-of-type(3) p { display: block; width: auto; }
    .notice-list .reminder .list .table > li:nth-of-type(3) p:nth-of-type(2) { width: auto; text-align: left; }

    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li { margin-bottom: 40px; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(3n+3) { margin-right: 0; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(n) { width: calc(99.8% / 2 - 8px); margin-right: 16px; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(even) { margin-right: 0; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-last-of-type(2) { margin-bottom: 0; }

    .event .filter-box .left-box,
    .event .filter-box .left-box > div:first-child,
    .event .filter-box .left-box > div:last-child { display: block; width: 100%; }
    .event .filter-box .left-box > div:last-child { margin-top: 10px; }
    .event .filter-box .left-box > div:last-child li { padding-left: 0; border-left: none; }
    .event .filter-box .left-box > div:last-child li:nth-of-type(n+2) { margin-top: 7px; }
    .event .filter-box .left-box li .input-block + .input-block { margin-top: 7px; }
    .event .filter-box .right-box { padding-left: 0; vertical-align: middle; }
    .event .filter-box .btn { min-height: 176px; height: 100%; }
    .event .filter-box .select-box { height: auto; }

    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(3n+3) { margin-right: 0; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(n) { width: calc(99.8% / 2 - 8px); margin-right: 16px; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(even) { margin-right: 0; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-last-of-type(2) { margin-bottom: 0; }
    .temp-photo .table.half .list > li:nth-child(2n) .input-file { padding-left: 0; text-align: center; }
}

@media screen and (max-width: 855px) {
    .table-view .col1 > a > .table:nth-of-type(1) > li:nth-of-type(1),
    .table-view .col1 .table-view-contents > ul > li:first-child { width: 105px; height: 20px; }

    .partner-list .result.matching .timestamp br { display: inline-block; }
    .partner-list .right-box .counter-box > ul { display: block; }
    .list .paging-box ul { margin: 0 auto; }
}

@media screen and (max-width: 809px) {
    .counter-box li:nth-of-type(1) { width: 56px; padding-left: 0; }
    .counter-box li:nth-of-type(1) .pc.pad { display: inline-block !important; }
    .partner-list .counter-box li:nth-of-type(1) { width: auto; }
}

@media screen and (min-width: 769px) {
    .pc                 { display: inline-block; }
    .pad,
    .sp                 { display: none; }
    .global-nav,
    .headingbar.logo-only { display: block !important; }
    .modal-overlay      { display: none; }
}

@media screen and (max-width: 768px) {
    .pc                 { display: none; }
    .pad                { display: inline-block !important; }
    .wrapper            { padding: 0; }
    .hamburger          { display: inline-block !important; }
    article             { margin-top: 70px; }

    .heading            { padding-left: 10px; padding-right: 10px; }

    .headingbar         { height: auto; border-bottom: 1px solid #ccc; background: #fff; }
    .headingbar .logo   { padding-left: 10px; }
    .headingbar .menu   { top: 68px; right: 5px; }
    .headingbar .menu:after { left: 115px; margin-left: 0; }

    .headingbar.logo-only { padding-left: 10px; }
    .headingbar.logo-only h1 { padding-left: 0; }

    .global-nav         { display: none; position: relative!important; max-height: 100%; height: 100%; padding: 0; background: #fff; box-shadow: none; border: none; border-top: 1px solid #e5e5e5!important; overflow: auto; }
    .global-nav .table,
    .global-nav > .table > li { display: block; float: none; }
    .global-nav > .table { position: absolute; top: 40px; left: 50%; -webkit-transform: translate(-50% ,0); transform: translate(-50% ,0); width: 70%; }
    .global-nav > .table > li { border-bottom: 1px solid #ccc; }
    .global-nav > .table > li:first-child { border-top: 1px solid #ccc; }
    .global-nav > .table > li a > p  { line-height: 40px; padding: 5px 0; font-size: 1.4rem!important; }
    .global-nav > .table > li > a { position: relative; padding: 10px 15px; text-align: left; }
    .global-nav > .table > li > a > p,
    .global-nav a > i   { display: inline-block; vertical-align: middle; }
    .global-nav > .table > li > a > p { position: absolute; top: 0; left: 70px; }
    .global-nav > .table > li > a > p i { display: none !important; }
    .global-nav a.open  { background: none; }
    .global-nav a > i   { margin-bottom: 0; }
    .global-nav li      { display: block; width: 100% !important; }
    .global-nav li a.open-option-menu { width: 100%; cursor: default; }
    .global-nav .inner  { display: block !important; position: inherit; padding: 0; background: #f0f0f0; }
    .global-nav .inner li { min-height: inherit !important; padding: 0; border-left: none; }
    .global-nav .inner li a { display: block; height: 100%; padding: 0; }
    .global-nav .inner li a p { margin-left: 0; padding: 5px 0 5px 70px; border-top: 1px dotted #ccc; font-size: 1.2rem !important; color: #009a44; }
    .global-nav .inner li a p::before { overflow: hidden; content: "";display: inline-block; width: 5px; height: 5px; margin-right: 10px; border-radius: 50%; background: #999; vertical-align: middle; }

    .global-nav.fixed-nav > .table > li > a { position: relative; min-height: 1px; padding: 10px 15px; }
    .global-nav.fixed-nav > .table li a > i { margin: 0; transform: scale(1,1); }
    .global-nav.fixed-nav > .table > li > a > i + p { line-height: 40px; }

    .modal-overlay      { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: #009a44; }

    header              { position: fixed; top: 0; height: 70px; z-index: 100; margin-top: 0; border-bottom: 1px solid #e5e5e5;
                          box-shadow: 0 4px 2px -2px #e5e5e5; -webkit-box-shadow: 0 4px 2px -2px #e5e5e5; -moz-box-shadow: 0 4px 2px -2px #e5e5e5; -o-box-shadow: 0 4px 2px -2px #e5e5e5; -ms-box-shadow: 0 4px 2px -2px #e5e5e5; }
    header.adjust-height { height: 100%; background-color: transparent; }

    .counter-box .pc    { display: none; }

    .content .wrapper   { padding-top: 10px; padding-bottom: 10px; }

    .standard .inner    { padding-left: 0; padding-right: 0; }

    .list .heading .right-box.counter-box-outer2 { width: 270px; }

    .introduction .table-family td { height: 20px; line-height: 20px; }
    .introduction .subheading .date { position: absolute; top: 10px; right: 5px; width: auto; background: none; }

    .tab-detail .box:hover,
    .speciality .columns .box:hover { border: 1px solid #ddd; color: #333; }
    .columns .box label:hover,
    .tab-detail .box label:hover { background: #fff; }

    .apply .container .inner,
    .service-stop .container .inner,
    .password .container .inner { position: relative; padding-top: 10px; text-align: center; }
    .box-step           { position: static; margin-bottom: 30px; }

    .top                { padding-top: 10px; }
    .top .message-area  { margin-top: 0; }
    .top .grid .wrapper { padding-left: 5px; padding-right: 5px; }

    .introduction .introduction-news .matching-detail { padding: 26px 0 20px; }
    .introduction .introduction-news dl { display: block; width: 72%; margin: 0 auto; }
    .introduction .introduction-news dd { margin-right: 0; }
    .introduction .introduction-news .matching-detail dl { width: 300px; }
    .introduction .introduction-news .box-detail.matching-apply-detail { padding: 26px 0 20px; }
    .introduction .introduction-news .box-detail.matching-apply-detail dl { width: 372px; padding-left: 20px; }
    .introduction .introduction-news .box-detail.matching-apply-detail dt { float: left; width: 12em; margin-right: 12px; margin-bottom: 7px; padding: 3px 9px; }
    .introduction .introduction-news .box-detail.matching-apply-detail dd { margin-right: 0; margin-bottom: 6px; }
    .introduction .introduction-news .box-detail.matching-apply-detail + .box-btn { padding: 10px; }

    .history-list .table > li:nth-of-type(1) { width: 90px; }

    .introduction.profile-preview .wrapper,
    .introduction.profile-preview .notice { position: static; top: inherit; right: inherit; }
    .introduction.profile-preview .notice { max-width: inherit; width: 75%; margin-left: auto; margin-right: auto; margin-bottom: 10px; border: none; background: #fff; text-align: center; }
    .introduction.profile-preview .box-detail ul h5 .tag { top: -25px; }

    .tabs-head          { margin-bottom: 10px; border-bottom: none; }
    .tabs-head > .table { display: block; zoom: 1; width: 100%; margin: 0 auto; border-radius: 3px; border: 1px solid #009a44; background: #fff; }
    .tabs-head > .table::before,
    .tabs-head > .table::after { content: ""; display: block; overflow: hidden; }
    .tabs-head > .table::after { clear: both; }
    .tabs-head li a,
    .tabs-head li.active a,
    .tabs-head li.active a:hover { border-radius: 0; border: none; }
    .tabs-head li.tab,
    .tabs-head li a     { background: none; }
    .tabs-head li a:hover { color: none; background: none; }
    .tabs-head li.tab   { float: left; display: inline-block; width: 50%; padding: 0; border-bottom: 1px solid #009a44; }
    .tabs-head li.tab:nth-child(odd){ border-right: 1px solid #009a44; }

    .tabs-head.tabs2 li:nth-child(1),
    .tabs-head.tabs2 li:nth-child(2),
    .tabs-head.tabs4 li:nth-child(3),
    .tabs-head.tabs4 li:nth-child(4),
    .tabs-head.tabs6 li:nth-child(5),
    .tabs-head.tabs6 li:nth-child(6),
    .tabs-head.tabs8 li:nth-child(7),
    .tabs-head.tabs8 li:nth-child(8),
    .tabs-head.tabs10 li:nth-child(9),
    .tabs-head.tabs10 li:nth-child(10) { border-bottom: none; }

    .tabs .tab a.long-text { font-size: 1.4rem; }

    .profile .box-step-outer { padding: 18px 10px 15px; background-color: #fff; }
    .profile .box-step-outer .box-step { margin-bottom: 10px; }
    .profile .box-step-outer .description { width: 100%; margin-bottom: 0; }

    .profile .tel-category ul.inline li { width: 30%; }
    .profile .tel-category ul.inline li:nth-last-of-type(1) { width: 40%; margin-top: 0; }
    .profile .tel-category ul.inline li:nth-last-of-type(1) input[type="radio"] { margin-left: 5px; }
    .profile .tel-category ul.inline li:nth-last-of-type(1) input[type="text"] { width: 140px; }

    .profile .box-btn > p { margin-bottom: 10px; font-size: 1.2rem; }
    .box-btn.btn-profile-edit .btn { width: 48%; }

    .photo-prof .table.half .table-photo td { text-align: center; background-color: #fff; }
    .photo-prof .table.half .table-photo .image { width: 80%; height: 670px; }

    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li { margin-bottom: 0; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(even) { margin-right: 0; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(n) { width: calc(99.8% / 3 - 10px); margin-right: 15px; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(3n+3) { margin-right: 0; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-last-of-type(2) { margin-bottom: 15px; }

    .profile.photo-prof.photo-private.confirmation .table.half > li:first-child { padding-bottom: 20px; }
    .profile.photo-prof.photo-private .table.half > li:first-child ul { margin-bottom: 8px; padding: 10px; }
    .profile.photo-prof.photo-private .table.half .reason { margin-bottom: 0; }

    .tabs-parent .tabs-head .table { overflow: hidden; }
    .tabs-parent .tabs-head li   { float: left; display: inline-block; width: 50%; padding: 0; border-bottom: 1px solid #009a44; }
    .tabs-parent .tabs-head li:nth-child(odd){ border-right: 1px solid #009a44; }

    .tabs.tabs-child .tabs-child-inner { margin-bottom: 5px; padding: 20px 0 0; text-align: center; border-top: 1px solid #ccc; border-bottom: 3px solid #009a44; }
    .tabs.tabs-child .tabs-child-inner > p { margin-bottom: 3px; color: #666; font-weight: bold; }
    .tabs.tabs-child .tabs-head { margin-bottom: 0; border-bottom: none; }
    .tabs.tabs-child .tabs-head .table { border: none; background-color: transparent; line-height: 1; }
    .tabs.tabs-child .tabs-head li.tab { width: 33.33%; width: calc(99.8% / 3 - 2px); height: 38px; margin-right: 3px; margin-bottom: 3px; border: none; background-color: #fff; border-radius: 3px; }
    .tabs.tabs-child .tabs-head li.tab:nth-of-type(3n+3) { margin-right: 0; }
    .tabs.tabs-child .tabs-head li.box-empty { float: left; display: inline-block; width: 33.33%; width: calc(99.8% / 3 - 2px); height: 38px; margin-right: 3px; margin-bottom: 5px; padding: 0; background-color: #e9e9e9; border:1px solid #f0f0f0; border-radius: 3px; }
    .tabs.tabs-child .tabs-head li.box-empty:nth-last-of-type(1) { margin-right: 0; }
    .tabs.tabs-child .tabs-head li a { height: 38px; font-size: 1.1rem; line-height: 36px; border-radius: 3px; }
    .tabs.tabs-child .tabs-head li a.long-text { padding-top: 6px; line-height: 1; }
    .tabs.tabs-child .tabs-head li a span { display: inline; line-height: 1.2; }

    .filter-box         { margin-top: 0; padding-left: 10px; padding-right: 10px; }
    .partner-search .filter-box { border-top: 3px solid #009a44; }
    .filter-box .left-box .table,
    .filter-box .left-box li:nth-of-type(3) { display: block; width: 100%; }
    .filter-box .left-box li:nth-of-type(3) { padding-left: 0; }
    .filter-box .right-box { padding-left: 10px; vertical-align: bottom; }

    .partner-search .filter-box .right-box { width: 84px; padding-left: 10px; }
    .partner-search .filter-box label { margin-top: 10px; }
    .partner-search .filter-box input,
    .partner-search .filter-box select { margin-top: 0; }
    .partner-search .filter-box .btn { height: 100%; min-height: 100px; }
    .partner-search .filter-box .left-box li:nth-of-type(3) { padding-right: 0; }

    .partner-search .filter-box .left-box li:nth-of-type(1) { width: 200px; }

    .partner-search .search .filter-box .left-box li:nth-of-type(3) select { width: 100%; }

    .table.half h5      { float: none; width: 100%; margin-top: 5px; margin-bottom: 5px; padding-left: 0; padding-right: 0; text-align: center; }
    .table.half > li,
    .table.half > li:first-of-type { display: block; width: 100%; padding: 10px 20px; }
    .table.half > li:first-of-type { background: #f0f0f0; }
    .table.half > li:first-of-type > p { margin-top: 10px; padding-left: 4%; padding-right: 4%; color: #999; }
    .table.half > li:last-of-type { padding: 20px 20px 10px; }
    .table.half .table-photo { margin-top: 20px; }
    .table-view.photo > .table.half .table-photo { width: 356px; margin: 0 auto; }
    .table-view.photo > .table.half .table-photo .image { height: 420px; }
    .table-view.photo > .table.half .table-photo .photo-small,
    .table-view.photo > .table.half .table-photo .photo-small .image { height: 140px; }

    .introduction:not(.profile) .table.half > li { display: table-cell; }
    .introduction:not(.profile) .table.half > li:first-of-type { display: table-cell; width: 50%; padding: 20px 1%; background: rgba(255, 255, 255, 0.6); }
    .introduction:not(.profile) .table.half .table-photo { margin-top: 0; }
    .introduction:not(.profile) .table.half .table-photo .photo-big,
    .introduction:not(.profile) .table.half .table-photo .photo-small { text-align: center; }
    .introduction:not(.profile) .table.half .table-photo .photo-big { background-color: #fff; }
    .introduction:not(.profile) .table.half .table-photo .photo-big .image { height: 460px; }
    .introduction:not(.profile) .table.half .table-photo .photo-small { height: auto; }
    .introduction:not(.profile) .table.half .table-photo .photo-small .image { height: 140px; }
    .introduction:not(.profile) .table-profile .col1 { width: 40%; }
    .introduction:not(.profile) .table-profile .col2 { width: 60%; }

    .table-view .col1 li:nth-of-type(1) { width: 13rem; }
    .table-view .col2,
    .table-view .col3   { width: 50px; }
    .table-view .col2 a,
    .table-view .col3 a { padding-left: 0; }

    .chest.result .pr       { height: 140px; }

    .contact .table-view .timestamp .pc { display: inline-block; }

    .encounter .table-profile .col1 { width: 30%; }

    .standard           { padding-top: 20px; padding-bottom: 20px; }

    .box-btn .btn       { width: 220px; margin-top: 0; margin-bottom: 0; }
    .box-btn .btn.big   { width: 300px; }

    .contact .heading .right-box { display: none; }
    .contact .contact-sp-search { position: static; width: 100%; min-height: 0; margin-bottom: 10px; padding: 4px 8px 4px 17px; border-top: 3px solid #009a44; background-color: #fff; }
    .contact .contact-sp-search .right-box { padding-top: 0; }
    .contact .contact-sp-search .select4 > span { float: left; display: inline-block; width: auto; margin-right: 24px; padding-top: 3px; }
    .contact .contact-sp-search .select4 p { width: auto; margin-right: 14px; }
    .contact .contact-sp-search .search-btn-box { width: 70px; }
    .contact .table-view .withdraw .category.disabled { left: auto; right: 35px; top: 50%; margin: -10px 0 0; padding: 0; }

    .message-view .right-box img { width: 100%; }
    .message-area .list .table > li:nth-of-type(1) { width: 130px; }

    .event .heading > ul > .left-box > h2 { padding-left: 73px; }
    .event .heading h2 .icon { left: 8px; }
    .event .filter-box .left-box li { padding-left: 10px; padding-right: 10px; }
    .event .filter-box .left-box > div:first-child ul { display: table; }
    .event .filter-box .left-box > div:first-child li:nth-of-type(3) { display: table-cell; width: 106px; }
    .event .table-view:last-of-type { margin-bottom: 10px; }
    .event .table-view .pr { display: inline-block; }
    .event-detail h2    { padding-top: 10px; }
    .event-detail td    { padding-left: 20px; padding-right: 20px; }
    .event-detail .table.half > li:first-child { padding-right: 20px; }
    .event-detail .table.half > li:last-child { padding-left: 20px; padding-right: 20px; }
    .event-detail .subheading { margin-bottom: 10px; }
    .event-detail .guideletter { margin: 0; font-size: 1.3rem; }
    .event-detail .start-accepting { display: inline-block; margin-top: 7px; padding-left: 0; }

    .event-entry .event-detail .table.half > li:first-child { padding: 20px; }
    .event-entry .event-detail .table.half .image { height: 200px; }
    .event-entry .event-detail .box-step-outer { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 5px solid #f0f0f0; }
    .event-entry .event-detail .box-step { margin-bottom: 0; }
    .event-entry .box-btn > p { margin-bottom: 10px; }
    .event-entry.apply .box-btn .btn { width: 340px; }

    .event-status .list > li > a,
    .event-status .list > li > .table-view-contents { position: relative; }
    .event-status .table-view .col1 { width: 0; }
    .event-status .table-view .col1 .category,
    .event-status .table-view .timestamp { position: absolute; margin-bottom: 0; }
    .event-status .table-view .timestamp { top: 12px; right: 10px; font-size: 1.1rem; }
    .event-status .table-view p.timestamp > span { display: inline-block; margin-right: 5px; }
    .event-status .table-view .col1 .category { top: 10px; left: 210px; width: 90px; }
    .event-status .table-view .col2 { width: 180px; padding-left: 0; vertical-align: top; }
    .event-status .table-view .col3 { padding-top: 30px; }
    .event-status .table-view .col3 > ul,
    .event-status .table-view .col3 > ul > li:first-child,
    .event-status .table-view .col3 > ul > li:last-child { display: block; width: 100%; }
    .event-status .table-view .col3 > ul > li:last-child { padding-top: 0; }
    .event-status .table-view .col3 > ul > li:first-child { padding-top: 5px; }
    .event-status .table-view .col4 .icon { margin-top: 20px; }
    .event-status .table-view .limit { text-align: left; }

    .login .input       { min-height: 353px; }
    .login .input > .table,
    .login .input > .table > li { display: block; width: 100%; }
    .login .input .box  { min-height: 190px; }
    .login .message-area,
    .login .right-box .news { margin-top: 10px; }
    .login .news        { min-height: 528px; }
    .login .affiliate-link ul { width: 450px; }

    .service-stop .table.half .box-step-outer { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 5px solid #f0f0f0; }
    .service-stop .table.half .box-step { margin-bottom: 0; }
    .service-stop .table.half .box-step li:first-child { margin-left: 0; }
    .service-stop .table.half .box-step li:last-child { margin-right: 0; }
    .service-stop .table.half .status { border: 1px solid #999; }
    .service-stop .table.half .notice { margin-top: 20px; }
    .service-stop .table.half .term .table { display: table; width: auto; }
    .service-stop .table.half .term .table li:nth-child(2) { width: 3rem; }
    .service-stop .table.half .term .table li:last-child { display: table-cell; width: 190px; }
    .service-stop .table.half .term label { margin-top: 0; }
    .service-stop .box-btn { margin-top: 0; }

    .partner-setting .table.half .box-step-outer { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 5px solid #f0f0f0; }
    .partner-setting .table.half .box-step { margin-bottom: 0; }

    .password .box label { text-align: left; }
    .password .box.wide { width: 100%; padding-left: 10px; padding-right: 10px; }

    .complete + .box-btn { margin-top: 50px; }

    .box-item > li      { width: 32.3% !important; }

    .partner-search.compass .heading .left-box { width: auto; }
    .partner-search.compass .heading .right-box { width: 320px; }
    .partner-search.compass .avatar-box > li { display: table-cell; width: 50%; background-color: #fff; }
    .partner-search.compass .avatar-box > li:nth-of-type(2) p { margin-bottom: 5px; line-height: 1.6; }
    .partner-search.compass .avatar-box > li:nth-of-type(2) ul { margin-bottom: 10px; }
    .partner-search.compass .btn { width: 48%; }
    .compass .table.half.compass-box > li:first-of-type { margin-bottom: 10px; padding: 10px 0 0; }
    .compass .compass-box li .compass-illust { width: 100%; }
    .compass .compass-box li .compass-value { overflow: hidden; }
    .compass .compass-box li:nth-of-type(1) h5 { margin-bottom: 15px; }
    .compass .compass-box .supple-tx { position: static; padding: 5px; text-align: center; background: #fafafa none repeat scroll 0 0; }
    .compass.introduction .subheading .date { position: static; }

    .compass .table.half.compass-box > li,
    .compass .table.half.compass-box > li:first-of-type { display: block; width: 100%; }
    .compass .table.half.compass-box > li:nth-of-type(2) h5 { text-align: center; }

    .message-list .message-area .standard .inner { padding-left: 0; padding-right: 0; }
    .message-list .message-area .box > ul > li { height: auto; }

    .faq .container .supple-tx { display: block; width: 90%; margin: 0 auto 15px; padding-top: 5px; font-size: 1.2rem; font-weight: bold; color: #009a44; line-height: 1.5; }

    .profile.hobby-interest .tabs.tabs-child .tabs-child-inner,
    .profile.speciality .tabs.tabs-child .tabs-child-inner { text-align: left; }

    .tabs.tabs-child .tabs-child-inner .choosing-box-wrapper { display: table; width: 100%; margin-bottom: 10px; padding-right: 7px; }
    .tabs.tabs-child .tabs-child-inner > p { margin-bottom: 10px; }
    .tabs.tabs-child .tabs-child-inner .choosing-box-wrapper > p { display: table-cell!important; margin-left: 10px; padding-left: 10px; padding-right: 12px; text-align: left; color: #333; vertical-align: middle; line-height: 1.6; }

    .profile .tabs.tabs-child .choosing-box { position: static; display: table-cell; width: 80px; vertical-align: middle; border: 2px solid #ddd; }
    .profile .tabs.tabs-child .choosing-box.specialty-box { margin-right: 1px; border-right: 1px solid #ddd; }
    .profile .tabs.tabs-child .choosing-box.weak-box { margin-right: 1px; border-left: 1px solid #ddd; }
    .profile .tabs.tabs-child .choosing-box,
    .profile.speciality .tabs.tabs-child .choosing-box { padding: 6px 10px 2px; }
    .profile .tabs.tabs-child .choosing-box label { margin: 0 0 2px; font-size: 1.2rem; }
    .profile .tabs.tabs-child .choosing-box p { font-size: 1.3rem; }
    .profile .tabs.tabs-child .choosing-box .counter { font-size: 2rem; }

    .heading > ul > .left-box > h2 .supple-tx { display: none; }
    .profile.condition .supple-tx { display: block; width: 90%; margin: 0 auto 15px; padding-top: 5px; font-size: 1.2rem; font-weight: bold; color: #009a44; line-height: 1.5; }

    .profile.hobby-interest .tabs.tabs-child .tabs-head .table { width: 100%; margin: 0; }

    .confirmation .table.half .list > li:nth-child(2n) { padding-left: 15px; }

    .old-pi .tb-old-pi-interest .col1 { width: 16%; }

    .post .status .applied td:nth-of-type(3) { width: 8em; }
    .post .status .applied td:nth-of-type(4) { width: 20%; }
    .post .status .btn-post-form-wrapper { display: inline-block; width: 88px; margin: 0 0 5px; }
    .post .status .applied td:nth-of-type(4) span .btn { margin-bottom: 0; }
    .post .status .applied td:nth-of-type(4) span:nth-last-of-type(1) .btn { margin-bottom: 0; }

    .post-cancel .table.half .box-step-outer { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 5px solid #f0f0f0; }
    .post-cancel .table.half .box-step { margin-bottom: 0; }

    .post.confirm .table.half > li { display: table-cell; }
    .post.confirm .table.half > li:first-of-type { display: table-cell; width: 50%; padding: 20px 1%; background: rgba(255, 255, 255, 0.6); }
    .post.confirm .table-profile .col1 { width: 40%; }
    .post.confirm .table-profile .col2 { width: 60%; }
    .post.confirm .box-btn.btn-post-edit p.edit-only { margin-bottom: 10px; }

    .post.apply .box-btn .btn { width: 250px; }

    .box-btn.btn-post-edit .btn { width: 48%; }

    .pi-transfer.confirm .table.half > li:nth-of-type(1) { padding: 0 0 10px; text-align: center; }
    .pi-transfer.confirm .table.half > li:nth-of-type(1) .read { font-size: 1.3rem; color: #999; }
    .pi-transfer .table.half .box-step-outer { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 5px solid #f0f0f0; }
    .pi-transfer .table.half .box-step-outer .box-step { margin-bottom: 0; }

    .mail-change .inner { position: relative; padding-top: 10px; text-align: center; }
    .mail-change .box label { text-align: left; }

    .switch-mailmember .term-wrapper { height: 200px; margin-bottom: 20px; background: #fff; }

    .error .error-contents  { width: 90%; margin-top: 25px; }
    .error .box             { height: auto; padding-bottom: 30px; }
    .error .box .error-inner  { padding-left: 15px; padding-right: 15px; }

    .paging-box             { margin-top: 0; padding: 0; background-color: transparent; }
    .paging-box .paging-box-inner { display: block; width: 100%; }
    .list .paging-box .page-count,
    .list .paging-box ul    { display: block; margin-top: 5px; padding: 8px 0 8px; text-align: center; }
    .list .paging-box .page-count { margin-top: 0; padding: 0; }

    /*.list .paging-box .page-count { position: absolute; width: 100%; top: -2.2rem; left: auto; right: auto; font-size: 1rem; text-align: center; }*/
    .list .paging-box .page-count { position: static; width: 100%; font-size: 1rem; text-align: center; }
    .list .paging-box.footer-paging { margin-top: 5px; margin-bottom: 0; }
    .list .paging-box.footer-paging ul { margin-top: 0; margin-bottom: 6px; }
    .list .paging-box .page-count .separate { -webkit-transform: scaleY(1.2); transform: scaleY(1.2); }




    .list .paging-box.footer-paging .paging-box-inner { display: -webkit-flex; display:-ms-flexbox; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
    .list .paging-box.footer-paging .paging-box-inner p,
    .list .paging-box.footer-paging .paging-box-inner ul { width: 100%; }




    .pi-transfer-box.box-btn > p { margin-bottom: 10px; padding-top: 0; padding-bottom: 0; }
    .pi-transfer-box .box-error .error-msg { margin-bottom: 10px; }

    .temp-profile .temp-tabs .tabs-head li { background: none; }
    .temp-profile .temp-tabs .tabs-head li { float: left; display: inline-block; width: 50%; padding: 0; border-bottom: 1px solid #009a44; }
    .temp-profile .temp-tabs .tabs-head li:nth-child(odd){ border-right: 1px solid #009a44; }
    .temp-profile .temp-tabs .tabs-head.tabs6 li:nth-child(5),
    .temp-profile .temp-tabs .tabs-head.tabs6 li:nth-child(6) { border-bottom: none; }

    .temp-photo .table.half .list > li:nth-child(2n) .input-file { padding-left: 40px; text-align: left; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(even) { margin-right: 0; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(n) { width: calc(99.8% / 3 - 10px); margin-right: 15px; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(3n+3) { margin-right: 0; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-last-of-type(2) { margin-bottom: 15px; }

    .modal-window.modal-news-style,
    .modal-window.info-zwei-detail   { width: 90%; height: 80%; }
    .modal-window.modal-news-style .wrapper .title,
    .modal-window.info-zwei-detail .wrapper .title { padding: 15px 5px 10px; }
    .modal-window.modal-news-style .wrapper .title .yyyymmdd,
    .modal-window.info-zwei-detail .wrapper .title .yyyymmdd { position: static; display: block; margin-bottom: 5px; font-size: 1.2rem; text-align: left; }
    .modal-window.modal-news-style .wrapper .title .new-mark,
    .modal-window.info-zwei-detail .wrapper .title .new-mark { position: absolute; right: -10px; top: 6px; }

    .modal-window.info-opening-news { height: 430px; }
    .modal-window.info-opening-news .modal-box .heading h2 { text-align: center; }

    .modal-window.info-matching-search { height: 600px; }
    .modal-window.info-matching-search .modal-box .heading h2 { text-align: center; font-size: 1.6em; }

    .box-long-bnr-header { padding-top: 10px; }
    .top .box-long-bnr-header { margin-top: 5px; margin-bottom: 10px; padding-top: 0; }
    .box-long-bnr-footer p { margin-left: 0; text-align: center; }
}

@media screen and (max-width: 767px) {
    .global-nav > .table { padding-bottom: 100px; }
}

@media screen and (max-width: 722px) {
    .login .affiliate-link ul li .sp-none { display: none; }

    .modal-window.info-opening-news .btn-box .btn { width: 46%; min-width: 1px; padding: 0; font-size: 1.6rem; }
}

@media screen and (max-width: 710px) {
    footer img           { height: 16px; }
    .event .list a       { position: relative; }
    .event .table-view .col1 { width: 50px; padding-left: 0; }
    .event .table-view .col2 { width: 160px; padding-left: 10px; }
    .event .table-view .col3 { padding-left: 10px; }
    .event .table-view .col3 ul { display: block; width: 100%; }
    .event .table-view .col3 li:nth-of-type(3) { display: block; position: absolute; bottom: 10px; left: 230px; margin-bottom: 0; }
    .event .table-view .col4 { width: 40px; }
    .event .table-view .image { width: 150px; }
    .event .table-view .pr { display: none; }

    .event-status .table-view .col1 { width: 0; }
    .event-status .table-view .image,
    .event-status .table-view .col2 { width: 180px; }
    .event-status .table-view .col2 { padding-left: 0; }
    .event-status .table-view .col3 { padding-left: 15px; }
    .event-status .table-view .limit { text-align: left; }

    .event.event-list .table-view .col3 .sub-info .table li:nth-of-type(3) { display: table-cell; position: static; }

    .chest .box-item > li > a > .table:first-of-type li:last-child { width: 65px; padding-left: 5px; }

    .box-btn.btn-post-edit .btn:nth-child(1),
    .box-btn.btn-profile-edit .btn:nth-child(2) { font-size: 1.6rem; }
    .profile.photo-prof .box-btn.btn-profile-edit .btn:nth-child(2),
    .profile.confirmation .box-btn.btn-profile-edit .btn:nth-child(2) { font-size: 2rem; }

}

@media screen and (max-width: 688px) {
    .top .wrapper       { padding: 20px 5px; }
    .message-area .wrapper > .table,
    .message-area .wrapper > .table > li { display: block; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
    .message-area .wrapper > .table > li:last-child { margin-top: 20px; }

    .message-view .right-box .lower-box table,
    .message-view .right-box .lower-box tbody,
    .message-view .right-box .lower-box tr,
    .message-view .right-box .lower-box td { display: block; width: 100%; }

    .box-btn .btn { min-width: 135px; padding-left: 5px; padding-right: 5px; }
}

@media screen and (max-width: 650px) {
    .list .table-view .table,
    .list .table-view .table > li { display: block; width: 100%; }
    .list .table-view .table li li { padding: 0; }
    .list .table-view .col1 { border-radius: 5px; }
    .list .table-view .col2,
    .list .table-view .col3,
    .list .table-view .col4 { display: inline-block !important; float: left; width: 33% !important; }
    .list .table-view .col2,
    .list .table-view .col3 { position: absolute; height: 26px; }
    .list .table-view .col2 { right: 45px; bottom: 10px; width: 40px !important; }
    .list .table-view .col3 { right: 15px; bottom: 10px; width: 20px !important; }
    .list .table-view .col1 a,
    .list .table-view .col1 .table-view-contents { position: relative; border-radius: 5px; }
    .list .table-view .col2 a,
    .list .table-view .col2 .table-view-contents,
    .list .table-view .col3 a,
    .list .table-view .col3 .table-view-contents { padding: 0; background: none; }
    .list .table-view .col1 a > .table::before,
    .list .table-view .col1 .table-view-contents > .table::before,
    .list .table-view .col1 a > .table::after,
    .list .table-view .col1 .table-view-contents > .table::after { content: ""; display: block; overflow: hidden; }
    .list .table-view .col1 a > .table::after,
    .list .table-view .col1 .table-view-contents > .table::after { clear: both; }
    .list .table-view .col1 a > .table,
    .list .table-view .col1 .table-view-contents > .table { zoom: 1; }
    .list .table-view .col1 a > .table > li:nth-child(2),
    .list .table-view .col1 .table-view-contents > .table > li:nth-child(2) { float: right; }
    .list .table-view .col1 a > .table > li:nth-child(3),
    .list .table-view .col1 .table-view-contents > .table > li:nth-child(3) { margin-top: 70px; margin-bottom: 25px; padding: 0; }
    .list .table-view .col1 a > .table > li:nth-child(2),
    .list .table-view .col1 .table-view-contents > .table > li:nth-child(2),
    .list .table-view .col1 .avatar { width: 100px; height: 100px; margin-right: 16px; padding: 0; }
    .list .table-view .col1 .pr { margin-top: 10px; }
    .list .table-view .btn { margin-bottom: 0; }
    .list .table-view .number { position: absolute; top: 38px; left: 10px; }
    .list .table-view .name-kana { position: absolute; top: 57px; left: 10px; }
    .list .table-view .name { position: absolute; top: 72px; left: 10px; }
    .list .table-view .col1 .pr { padding-left: 0; }
    .partner-list .table-view .col1 .ribbon-ajust ul:nth-of-type(1) li:nth-of-type(2) .address { line-height: 1.8; }

    .partner-list .result.matching .timestamp br { display: none; }

    .chest .box-item > li > a > ul { height: 130px; margin-top: 40px; }
    .chest .box-item > li > a > ul > li { vertical-align: top; }
    .chest .box-item .number { top: 38px; }
    .chest .box-item .name { top: 57px; }

    .chest .box-item > li > .btn.cancel { margin-bottom: 10px; }

    .table-view .withdraw .category.disabled { top: 16px; left: 80px; right: inherit; margin-top: 0; }
    .chest .withdraw .category.disabled { top: 10px; left: 10px; }
    .partner-list .favorite .category,
    .partner-list .tidy .category,
    .partner-search .chest .category { top: 9px; }

    .side-corner-tag .col1 .timestamp { position: absolute; left: 10px; bottom: 5px; }
    .side-corner-tag .col1 .category-outer { margin-bottom: 0; }
    .side-corner-tag .col1 .category { position: absolute; top: 10px; left: 10px; right: inherit; margin-right: 0; padding-bottom: 1px; }
    .side-corner-tag .ribbon-text .tag { top: 18px; left: -33px; width: 132px; }
    .side-corner-tag .ribbon-text::before { left: inherit; right: 60px; }
    .side-corner-tag .ribbon-text::after { left: inherit; right: -10px; }
    .side-corner-tag .ribbon-text .tag { left: inherit; right: -33px;
                              -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

    .side-corner-tag.left .col1 .ribbon-ajust { margin-top: 50px; }
    .side-corner-tag.left .col1 .category  { top: 0; left: inherit; right: 35px; }
    .side-corner-tag.left .ribbon-text::before { left: 60px; right: inherit; }
    .side-corner-tag.left .ribbon-text::after { left: -10px; right: inherit; }
    .side-corner-tag.left .ribbon-text .tag { left: -33px; right: inherit;
                              -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

    .list .table-view.chest .table { display: table; }
    .list .table-view.chest .table > li { display: table-cell; width: inherit; }
    .list .table-view.plaza .col1 a > .table > li:nth-child(4) { height: 35px; }

    .introduction.profile-preview .notice { width: 455px; padding-left: 0; padding-right: 0; }
    .introduction.profile-preview .table.half.introduction-profile > li { position: relative; }
    .introduction.profile-preview .box-detail .tag.photo-box,
    .introduction.profile-preview .box-detail .tag.profile-box { right: 20px; }
    .introduction.profile-preview .box-detail .tag.profile-box { left: inherit; }
    .introduction.profile-preview .box-detail ul h5 .tag { right: 15px; }
    .introduction.profile-preview .notice p:last-of-type  { font-size: 1.2rem; }

    .partner-search .filter-box > .table { display: table; }
    .partner-search.list .table-view .number { top: 15px; }
    .partner-search.list .table-view .name { top: 15px; }
    .partner-search.list .table-view.plaza .name { top: 35px; }
    .partner-search .chest .box-item .number { top: 38px; }
    .partner-search .chest .box-item .name { top: 57px; }
    .partner-search.list .table-view .col1 a > .table > li:nth-child(3),
    .partner-search.list .table-view .col1 .table-view-contents > .table > li:nth-child(3){ margin-top: 20px; }
    .partner-search.list .table-view.plaza .col1 a > .table > li:nth-child(3),
    .partner-search.list .table-view.plaza .col1 .table-view-contents > .table > li:nth-child(3){ margin-top: 40px; }

    .partner-search.compass .box-btn .btn:nth-last-of-type(1) { font-size: 1.8rem; }

    .partner-search .table-view .use-chart-icon .col1 > .table-view-contents > .table > li:nth-of-type(2) { width: 10rem; }
    .partner-search .use-chart-icon .chart-icon { width: 9.7rem; height: 9.7rem; }

    .filter-box > .table { display: table; }
    .filter-box .left-box { display: table-cell; width: auto !important; }
    .filter-box .left-box li:nth-of-type(1),
    .filter-box .left-box li:nth-of-type(2) { display: table-cell; }
    .filter-box .left-box li:nth-of-type(1) { width: 100px; }
    .filter-box .left-box li:nth-of-type(2) { width: auto; padding-left: 15px !important; }
    .filter-box .left-box li:nth-of-type(2) .box-age-select { width: 110px; }
    .filter-box .right-box { padding-top: 10px; padding-left: 0; }
    .filter-box .right-box li { margin: 0 auto; }
    .filter-box .right-box  { display: table-cell !important; width: 74px !important; padding-left: 10px; }

    .event .filter-box .left-box > div:first-child { min-width: 375px; }
    .event .filter-box .left-box > div:last-child li { display: block; }
    .event .filter-box .left-box > div:last-child li:nth-of-type(2) { padding-left: 0 !important; }
    .event .filter-box .left-box li:nth-of-type(2) { padding-left: 10px !important; }
    .event .filter-box .left-box li .input-block { margin-right: 0; }
    .event .filter-box .right-box { width: 70px !important; padding-top: 0; }
    .event .filter-box .btn { min-width: 70px; width: 70px; }
    .partner-search .filter-box .left-box li:nth-of-type(1) { width: 110px; }

    .contact .table-view a,
    .contact .table-view .table-view-contents { position: relative; }
    .contact .table-view .category-outer { margin-bottom: 5px; }
    .contact .table-view .category { position: static; margin-right: inherit; padding-top: inherit; padding-bottom: inherit; }
    .contact .table-view .timestamp { position: static; }
    .contact .table-view .col1 { width: 150px; text-align: center; }
    .contact .table-view .number { margin-bottom: 5px; }

    .introduction:not(.profile) .table.half > li:first-of-type { display: block; width: 100%;  }
    .introduction:not(.profile) .box-detail .category { margin-left: 0; right: inherit; left: 20px; }
    .introduction:not(.profile) .table.half .table-photo { margin-top: 20px; }
    .introduction:not(.profile) .table.half .table-photo .photo-big .image { width: 80%; height: 670px; }
    .introduction:not(.profile) .table.half .table-photo .photo-small .image { height: 200px; }
    .introduction:not(.profile) .table.half > li,
    .introduction:not(.profile) .table.half > li:first-of-type { display: block; }

    .introduction .subheading .name { padding-top: 0; padding-bottom: 0; font-size: 2.4rem; }

    .compass.introduction .subheading .date { position: absolute; }
    .compass .box-btn > p { line-height: 1.6; }
    .compass .box-btn .btn { margin-top: 5px; }

    .partner-search .filter-box > .table { display: table; }

    .encounter .avatar-box { margin-top: 0; }
    .encounter .avatar-box .avatar { width: 120px; height: 120px; margin-top: 0; }
    .encounter .avatar-box .name { display: inline-block; }
    .encounter .avatar-box .name span { margin-left: 5px; }
    .encounter .avatar-box .name .tooltip { display: inline-block; margin-left: 10px; }
    .introduction.encounter .subheading { margin-bottom: 5px; padding-bottom: 5px; }

    .introduction.profile .tel-category ul.inline li:nth-last-of-type(1) { margin-top: 3px; }

    .contact .contact-sp-search { padding: 4px 8px 4px 17px;}
    .contact .contact-sp-search .select4 > span { float: none; display: inline-block; width: 100%; margin-right: 0; padding-top: 0; }

    .post.confirm .table.half > li:first-of-type { display: block; width: 100%;  }
    .post.confirm .table.half > li,
    .post.confirm .table.half > li:first-of-type { display: block; }
    .post.confirm .table.half > li:first-of-type > p { padding-left: 10px; padding-right: 10px; }

    .post.confirm .avatar-box { margin-top: 0; }
    .post.confirm .avatar-box .avatar { width: 120px; height: 120px; margin-top: 0; }
    .post.confirm .avatar-box .name { display: inline-block; }
    .post.confirm .avatar-box .name span { margin-left: 5px; }
    .post .btn.btn-desabled { min-width: 1px; }

    .box-btn.btn-height-adjust .btn { width: 100%; margin: 10px 0 0; }
    .box-btn.btn-height-adjust .btn:nth-child(1) { margin-top: 0; }

    .profile.confirm .box-btn .btn:nth-child(1),
    .profile.confirm .box-btn .btn:nth-child(2) { width: 100%; margin: 10px 0 0; }
    .profile.confirm .box-btn .btn:nth-child(1) { margin-top: 0; }

    .pi-transfer-box .box-error { margin-bottom: 0; }
    .pi-transfer-box.box-btn.btn-height-adjust .ghost-pink { margin-top: 0; }

    .modal-window.modal-avatar-detail .wrapper .detail-content li { min-width: 120px; height: 156px; }
    .modal-window.modal-avatar-detail .wrapper .detail-content li .image { width: 100px; height: 100px; }
    .modal-window.modal-avatar-detail .tooltip:hover:after { top: 120px; }
}

@media screen and (max-width: 599px) {
    body                { margin: 0 auto 155px; }
    footer              { min-height: 155px; }
    .event.event-list .table-view .table-view-contents { position: relative; }
    .event.event-list .table-view .col2 { width: 90px; height: 90px; }
    .event.event-list .table-view .col2 .image { width: 90px; height: 90px; }
    .event.event-list .table-view .col4 { display: none; }

    .event-detail .box-btn p br { display: none; }

    .contact .table-view a > .table::before,
    .contact .table-view .table-view-contents > .table::before,
    .contact .table-view a > .table::after,
    .contact .table-view .table-view-contents > .table::after{ content: ""; display: block; overflow: hidden; }
    .contact .table-view a > .table::after,
    .contact .table-view .table-view-contents > .table::after{ clear: both; }
    .contact .table-view a > .table,
    .contact .table-view .table-view-contents > .table { display: block; zoom: 1; }
    .contact .table-view a > .table > li,
    .contact .table-view .table-view-contents > .table > li { display: inline-block; float: left; width: 50%; text-align: left; }
    .contact .table-view .col2 { text-align: right !important; }
    .contact .table-view .col3 { width: 100% !important; margin-bottom: 30px; }
    .contact .table-view .col4 { display: none !important; }
    .contact .table-view .category  { margin-right: 0; padding-top: 2px; padding-bottom: 1px; }
    .contact .table-view .timestamp { position: absolute; left: 10px; bottom: 10px; }
    .contact .table-view .timestamp .pc { display: none; }
    .contact .table-view .timestamp span { margin-left: 5px; }
    .contact .table-view .avatar { width: 80px; height: 80px; margin-top: 20px; margin-right: 20px; }
    .contact .table-view .col3 > ul > li:first-child { position: absolute; top: 50px; left: 10px; width: 50%; }
    .contact .table-view .withdraw .category.disabled { left: 125px; right: auto; top: 15px; margin: 0 0 0; padding: 0; }

    .login .wrapper > ul,
    .login .wrapper > ul > li { display: block; width: 100%; }
    .login .news            { min-height: 250px; }
    .login .banner          { min-height: 260px; }

    .box-item > li      { width: 49% !important; }

    .modal-window.modal-avatar-detail .wrapper .detail-content li { width: 48%; width: calc(99.8% / 2 - 10px); }
}

@media screen and (max-width: 570px) {
    .partner-search.compass .heading .right-box,
    .list .heading .right-box.counter-box-outer2 { width: 290px; }
    .list .heading .registration-box { width: 75px; padding-left: 10px; }
    .list .heading .registration-box p { margin-top: 10px; }
    .list .heading .registration-box .btn { min-width: 65px; padding-left: 5px; padding-right: 5px; }

    .standard           { padding-left: 10px; padding-right: 10px; }

    .tabs               { margin-top: 0; }
    .tab-detail > .table,
    .tab-detail > .table > li { display: block; width: 100%; }

    .chest.result .pr   { height: 115px; }

    .compass .box-btn > p { padding-bottom: 0; }

    .partner-search.compass .partner-status-group,
    .partner-search.compass .partner-status-group ul { border-radius: 5px; background-color: #fff; }
    .partner-search.compass .partner-status-group { margin-bottom: 15px; }
    .partner-search.compass .partner-status-group ul { margin-bottom: 5px; }
    .partner-search.compass .partner-status-group .counter-box { padding-bottom: 2px; }
    .partner-search.compass .partner-status-group .registration-box-sp { width: 100%; margin: 0; text-align: center; border: none; }
    .partner-search.compass .partner-status-group .registration-box-sp .btn { display: inline-block; width: 60%; height: 30px; margin-left: 34%; font-size: 1.1rem; line-height: 30px; border: 1px solid #009a44; }
    .partner-search.compass .partner-status-group .registration-box-sp .btn:after { display: none;}

    .list .paging-box { position: relative; margin-top: 12px; }
    .list .paging-box li.beginning-btn,
    .list .paging-box li.end-btn { display: none; }
    .list .paging-box li.prev-btn { margin-right: 3px; }
    .list .paging-box li.next-btn { margin-left: 0; margin-right: 0; }
    /*.list .paging-box li.prev-btn { position: absolute; left: 0; top: 0; }
    .list .paging-box li.next-btn { position: absolute; right: 0; top: 0; margin-right: 0; }*/

}

@media screen and (max-width: 555px) {
    .event .filter-box .select-box label:last-of-type { margin-top: 5px; }

    .box-btn .btn { width: 100%!important; margin: 10px 0 0; }
    .box-btn .btn:nth-child(1) { margin-top: 0; }

    .post.confirm .box-btn.btn-post-edit .btn:nth-last-child(2) { margin-top: 0; }
}

@media screen and (max-width: 500px) {
    .box-btn.btn-post-edit .btn:nth-child(1) { font-size: 2rem; }

    .box-long-bnr-header img,
    .box-long-bnr-footer img { height: auto; }
    .box-long-bnr-header img.sp-bnr,
    .box-long-bnr-footer img.sp-bnr { display: block; }
    .box-long-bnr-header img.pc-bnr,
    .box-long-bnr-footer img.pc-bnr { display: none; }

    /*.list .paging-box li.ellipses,
    .list .paging-box li.beginning-one,
    .list .paging-box li.beginning-second,
    .list .paging-box li.last-one,
    .list .paging-box li.last-second { display: none; }*/
}

@media screen and (max-width: 490px) {
    .event .table-view .col3 li:nth-of-type(3) { white-space: normal; }
    .event .table-view .col3 li:nth-of-type(3) .tag { margin-bottom: 5px; margin-right: 0; }
}

@media screen and (min-width: 481px) {
    .event .filter-box > ul { display: table !important; }

    .select-box label input[type="checkbox"] + i { margin-right: 5px; background-image: url("../images/svg/icon-check.svg"); vertical-align: middle; }
    .select-box label input[type="checkbox"]:checked + i { background-image: url("../images/svg/icon-checked2.svg"); }
}

@media screen and (max-width: 480px) {
    body                { margin: 0 auto 340px; }
    header              { position: fixed; top: 0; height: auto; z-index: 100; margin-top: 0; border-bottom: 1px solid #e5e5e5;
                          box-shadow: 0 4px 2px -2px #e5e5e5; -webkit-box-shadow: 0 4px 2px -2px #e5e5e5; -moz-box-shadow: 0 4px 2px -2px #e5e5e5; -o-box-shadow: 0 4px 2px -2px #e5e5e5; -ms-box-shadow: 0 4px 2px -2px #e5e5e5; }
    header h1           { overflow: hidden; margin-top: 0; white-space: nowrap; text-overflow: ellipsis; line-height: 2.0; color: #333; font-size: 1.6rem; }
    header .page-title  { padding-left: 10px; }
    header .page-title.login-top  { padding-left: 0; }
    .headingbar.logo-only { display: none; }
    .headingbar.logo-only.login-top { position: relative; padding-left: 5px; }
    .page-title.logo-only { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
    .headingbar         { line-height: 1.0; }
    .headingbar > .table > li,
    .page-title.logo-only li { height: 46px; line-height: 1.0; vertical-align: middle; }
    .headingbar > .table > li:last-child { width: 100px; }

    .page-title.logo-only.login-top li { text-align: center; }
    .page-title.logo-only .col1 a:hover .icon-arrow-left { background-image: url("../images/svg/icon-arrow-left.svg"); }
    .page-title.logo-only .col1 h1 { padding-left: 0; }
    .page-title.logo-only .col2 { text-align: center; }
    .headingbar .menu   { top: 50px; }
    .headingbar .menu:after { left: 125px; }

    .page-title.logo-only .icon { position: absolute; left: 12px; top: 17px; }
    .page-title.logo-only .icon:hover { background-image: url("../images/svg/icon-arrow-left.svg"); }

    .logo img,
    .page-title.logo-only img { width: auto; height: 22px; margin-top: 0; vertical-align: middle; }
    .sign .image        { width: 35px; height: 35px; margin-right: 5px; }

    .global-nav > .table { top: 0; width: 80%; }
    .global-nav > .table > li:first-child { border-top: 0; }

    footer              { min-height: 340px; border-top: none; }
    body.footer-type01 footer { min-height: 128px; }
    footer .box-upper .wrapper { padding-top: 15px;  padding-left: 10px; padding-right: 10px; }

    footer .wrapper,
    footer .footer-menu,
    footer .aeon        { display: block; width: auto; height: auto; }
    footer .box-lower   { height: 43px; }

    footer li           { height: auto; padding-bottom: 10px; }
    footer address      { text-align: center; }
    footer .footer-menu li { display: inline-block; float: left; width: 50%; padding-bottom: 0; text-align: center; }
    footer .footer-menu li:nth-child(3) a,
    footer .footer-menu li:nth-child(7) a,
    footer .footer-menu li:nth-child(11) a,
    footer .footer-menu li:nth-child(15) a { border-left: none; }
    footer .footer-menu li:nth-child(n+4) a { border-top: none; }
    footer .footer-menu li:nth-child(1) a { border-radius: 3px 0 0 0; }
    footer .footer-menu li:nth-child(3) a { border-radius: 0 3px 0 0; }
    footer .footer-menu li:nth-last-of-type(3) a { border-radius: 0 0 0 3px; }
    footer .footer-menu li:nth-last-of-type(1) a { border-radius: 0 0 3px 0; }
    footer .footer-menu ul:nth-of-type(2) { margin-top: 10px; }
    footer .footer-menu li .sp-none { display: none; }

    footer .footer-menu a      { display: block; width: 100%; height: 30px; line-height: 30px; border: 1px solid #ccc; }
    footer .footer-menu a:hover { text-decoration: none !important; }
    footer .footer-menu .divider { display: none; }
    footer .aeon,
    footer .aeon p      { text-align: center !important; }
    footer .aeon.event-ver,
    footer .aeon.event-ver p{ text-align: left !important;}
    footer .aeon .inline li { padding-top: 17px; padding-bottom: 0; }

/*    footer .go-top          { display: none!important; }*/
    footer .go-top      { right: 10px; }
    footer .go-top a    { width: 34px; height: 34px; line-height: 34px; }
    footer .go-top a i  { background-size: 80% auto; }
    footer .go-top a:hover  { background-color: #fff; }
    footer .go-top a:hover i { background-image: url("../images/svg/icon-arrow-up-hover.svg"); }

    article             { margin-top: 45px; margin-bottom: 0; padding-left: 0; padding-right: 0; }
    article > .content  { margin-top: 0!important; }

    h3                  { text-align: center; font-size: 1.6rem; }
    .pc                 { display: none !important; }
    .pad                { display: none !important; }
    .sp                 { display: block !important; }
    .wrapper            { padding: 0; }
    .heading            { display: none; }

    .partner-search .filter-box .btn { width: 100%; height: auto; min-height: 1px; }

    .modal-overlay      { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: #009a44; }

    header.adjust-height { height: 100%; background-color: transparent; }

    .content .wrapper   { padding-top: 10px; padding-bottom: 10px; }

    .columns,
    .tab-detail         { margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; }
    .columns .box,
    .tab-detail .box    { width: 100% !important; height: auto; min-height: inherit !important; margin: 10px 0; }
    .columns .box:last-child { margin-bottom: 5px; }
    .columns .box label,
    .tab-detail .box label { line-height: 43px; border-radius: 4px; }
    .tab-detail .box label { position: inherit; }
    .tab-detail .box:hover,
    .speciality .columns .box:hover { color: inherit; }
    .columns .box label:hover,
    .tab-detail .box label:hover { background: none; }
    .columns .box label span,
    .tab-detail .box label span { top: 14px; }

    .tab-detail .box,
    .tab-detail .box:hover  { margin: 5px 0 0 0 !important; border: none; }
    .tab-detail .box  { height: 40px; line-height: 40px; }

    .standard           { padding: 5px 5px 10px; }
    .standard h3        { margin-bottom: 20px; }
    .standard h5        { font-size: 1.4rem; }
    .standard .message-view p { line-height: 24px; margin-top: 0; margin-bottom: 0; }
    .standard .inner    { padding-left: 5px; padding-right: 5px; }

    .message-area .box > ul { height: auto; max-height: 178px; }
    .top .message-area .box > ul { max-height: none; }
    .news               { margin-bottom: 10px; }
    .news .table li:nth-of-type(3),
    .message .table li:nth-of-type(4) { display: table-cell !important; text-align: center; }

    .top h3 .more       { top: 3px; font-size: 1.4rem; }
    .top h3 .more a     { padding-left: 10px; padding-right: 10px; }
    .top .information   { background: none; }
    .top .box.news,
    .top .message-area .box > ul,
    .top .zwei.box      { height: auto; }
    .top .zwei.box > ul > li { height: auto; line-height: 1; }
    .top .zwei.box > ul > li:nth-child(n+6) { display: none; }

    .top .wrapper       { padding-left: 5px; padding-right: 5px; }
    .message-area h3 + .box { margin-left: 0; margin-right: 0; }
    .top .message-area h3 + .box { overflow: hidden; }
    .message-area .list .table > li:nth-of-type(1) { width: 65px; padding-left: 5px; padding-right: 0; text-align: center; }
    .message-area .list .table > li:nth-of-type(1) p { display: block; height: 21px; line-height: 22px; }
    .message-area .list .table > li:nth-of-type(1) p:last-child { margin-top: 0; margin-left: 0; margin-right: 0; }
    .message-area .list .table > li:nth-of-type(2) { padding-left: 10px; }
    .message-area .list .table > li:nth-of-type(3) { padding-left: 10px; padding-right: 0; }
    .message-area .list .table > li:last-of-type i { background-image: url("../images/svg/icon-arrow-right.svg"); }
    .message-area .box > ul > li { height: 51px; line-height: 50px; }
    .reminder .list .table > li p { line-height: 25px; }
    .reminder .list .table > li:nth-of-type(3) p + p { margin-top: 0; }
    .reminder .list .table > li:nth-of-type(4) { padding-right: 5px; }
    .reminder .list .table > li:nth-of-type(4) p { width: 50px; padding-left: 10px; }

    .message-area .box.li-limit03 > ul > li:nth-child(n+4) { display: none; }

    .top .zwei .list > li .tag { margin-right: 5px; }
    .top .custom-header { padding-left: 0; }
    .top .fc-calendar   { margin-left: 0; }
    .top .introduction-area .box-item .bnt-favorite { bottom: 19px; }

    .history .list > li { padding: 10px 0; }
    .history .table,
    .history .table > li { display: block; width: 100%; }
    .history .time  { margin-top: 10px; text-align: left; }

    .board.type-a .avatar { width: 90px; height: 90px; }
    .board .table li:first-child { padding-right: 10px; }
    .board .table li:last-child { width: 100px; }
    .board .inner       { display: table; table-layout: fixed; width: 100%; }
    .board .upper,
    .board .lower       { display: table-cell; vertical-align: top; }
    .board .upper       { width: 100px; padding-right: 10px; }
    .board.type-a .name { margin-bottom: 0; font-size: 1.4rem; }
    .board .pr          { min-height: 92px; margin-top: 0; }

    .result li.more     { margin-top: 5px; }

    .counter-box        { margin-top: 0; margin-right: 0; margin-bottom: 10px; padding: 10px; border-radius: 5px; background: #009a44; }
    .counter-box li     { height: auto; text-align: left; }
    .counter-box li:nth-of-type(1) { width: auto; padding-left: 0; vertical-align: middle; }
    .counter-box li:nth-of-type(2),
    .counter-box li:nth-of-type(3) { width: 27%; padding-left: 0; text-align: center; }
    .counter-box li p   { font-size: 1.3rem; }
    .counter-box p,
    .counter-box li label { color: #fff; }
    .counter-box .table { float: none; width: 100%; }
    .counter-box .counter { margin-right: 5px; padding-top: 5px; padding-bottom: 5px; color: #009a44; font-size: 1.6rem; }

    .counter-box-wrapper { margin-bottom: 15px; }
    .counter-box-wrapper .counter-box { padding-left: 12px; background-color: #fff; }
    .counter-box-wrapper .counter-box li:nth-of-type(2),
    .counter-box-wrapper .counter-box li:nth-of-type(3) { width: 33%; }
    .counter-box-wrapper .counter-box p,
    .counter-box-wrapper .counter-box li label { color: #009a44; }
    .counter-box-wrapper .counter-box p { margin-top: 3px; }
    .counter-box-wrapper .counter-box li label { font-size: 1.1rem; }
    .counter-box-wrapper .counter-box li:nth-of-type(1) p { margin-top: 0; font-size: 1.2rem; font-weight: bold; }
    .partner-status-group .counter-box-wrapper .counter-box li:nth-of-type(1) p { margin-top: 18px; }

    .contact .contact-sp-search { padding: 10px; }
    .contact .contact-sp-search .table,
    .contact .contact-sp-search .table li { display: block; }
    .contact .contact-sp-search li.filter-search { border: none; padding: 0; }

    .contact .contact-sp-search .right-box .search-btn-box .btn { width: 100%; height: 35px; line-height: 35px; background-size: auto; background: none; }
    .contact .contact-sp-search li.search-btn-box .btn:hover { background: url("../images/svg/dammy.svg") #005d28 center center no-repeat !important; }
    .contact .contact-sp-search li.search-btn-box .sp { display: block !important; }
    .contact .contact-sp-search label:hover .icon-check { background-image: url("../images/svg/icon-check.svg"); }
    .contact .contact-sp-search label input[type="checkbox"]:checked + i { background-image: url("../images/svg/icon-checked.svg"); }

    .contact .contact-sp-search .right-box .table .select4 { margin-bottom: 10px; }
    .contact .contact-sp-search .select4 > span { margin-bottom: 2px; }
    .contact .contact-sp-search .right-box .table .select4 p { float: left; width: 50%; margin: 0; padding: 0; }
    .contact .contact-sp-search .right-box .table .select4 p label { width: 100%!important; }
    .contact .contact-sp-search .right-box .table .select4 p:nth-of-type(1) label { border-radius: 5px 0 0 0; }
    .contact .contact-sp-search .right-box .table .select4 p:nth-of-type(2) label { border-radius: 0 5px 0 0; border-right: 1px solid #999; }
    .contact .contact-sp-search .right-box .table .select4 p:nth-of-type(3) label { border-radius: 0 0 0 5px; border-right: none; border-top: none; }
    .contact .contact-sp-search .right-box .table .select4 p:nth-of-type(4) label { border-radius: 0 0 5px 0; border-right: 1px solid #999; border-top: none; }
    .contact .contact-sp-search li.search-btn-box { width: 100% !important; height: auto; padding-top: 14px; }
    .contact .contact-sp-search .right-box .search-btn-box .btn { height: auto; border-color: #fb527c; background: #fb527c; }
    .contact .contact-sp-search .right-box .search-btn-box .btn:hover { background: transparent!important; }

    .box-item > li > a:hover { border-color: #ddd; }
    .table-view li a:hover,
    .table-view li .table-view-contents:hover,
    .chest .box-item > li > a:hover,
    .chest.favorite .box-item > li > a:hover { background: #fff; }
    .chest .box-item > li > a:hover { background: #ccc; }
    .table-view li a:hover p,
    .table-view li .table-view-contents:hover p,
    .chest .box-item > li > a:hover p { color: #333; }
    .table-view li a:hover .name,
    .table-view li .table-view-contents:hover .name,
    .chest .box-item > li > a:hover .name { color: #009a44; }
    .chest .box-item > li > a > .table:first-of-type li:last-child { width: 100px; }
    .table-view li .table-view-contents:hover .timestamp { color: #999; }

    .chest.result .pr,
    .chest .box-item .withdraw .action { height: auto; }
    .chest .box-item .withdraw .action { margin-top: 0; }
    .chest .box-item > li > a > ul { height: inherit; }
    .chest .box-item .withdraw .pr { display: none; }
    .chest .box-item .withdraw > a > ul { margin-top: 10px; }

    .chest .box-item.item5 > li { margin-left: 0; margin-right: 0; }

    .chest .box-item > li > .btn.cancel { margin-bottom: 15px; }

    .favorite .box-item > li { display: block; width: 100%; height: inherit; margin-left: 0; margin-right: 0; }
    .favorite .table    { display: table !important; }
    .favorite .table > li { display: table-cell !important; }
    .favorite .table > li:first-child { width: auto; }
    .favorite .table > li:last-child { width: 100px; }
    .favorite .table.status li:first-child { text-align: left; }
    .favorite .table.status .tag { margin-top: 1px; }

    .table.half h5      { margin-top: 0; margin-bottom: 0; }
    .table.half li li li:nth-child(n+2) input[type="radio"] { margin-left: 0; }
    .table.half input[type="text"] { display: block; width: 100%; }
    .table.half input[type="text"].input-mini { display: inline-block; width: 50%; min-width: 100px; }
    .table.half input[type="text"] + input[type="text"] { margin-left: 0; }
    .table.half > li,
    .table.half > li:first-of-type { padding: 10px; }
    .table.half > li:first-of-type { background: #f0f0f0; }
    .table.half > li:last-of-type { margin-top: 0; padding: 10px; border-top: none; }
    .table.half .list > li:nth-child(even) { padding: 10px 0 15px; }
    .table.half .list .table,
    .table.half .list .table > li { display: block !important; width: 100% !important; }
    .table.half .list .table > li { margin: 0; }
    .table.half .list .column-3 > li:last-child { margin-top: 10px; width: 100%; text-align: center; }
    .table.half .list .column-3 > li:nth-child(2) { padding-top: 20px; padding-left: 0; }
    .table.half .list .column-2 p,
    .table.half .list .column-3 > li p:nth-of-type(n+2) { padding-left: 3rem; text-indent: 0; }
    .table.half .list .column-3 .title { text-align: center; }
    .table.half .list .column-2 .btn,
    .table.half .list .column-3 .btn { float: none; width: 100%; height: 40px; line-height: 40px; margin-bottom: 10px; }
    .table.half .list .inline > li,
    .table.half .list .column-4 > li { display: block; width: 100%; margin-bottom: 5px; }
    .table.half .list .column-5 > li:nth-child(n+4) { margin-top: 0; }
    .table.half .table-photo + p { margin-top: 10px !important; }
    .table.half .table-photo + p .btn { width: 33%; }
    .photo .table.half .list > li:nth-child(even) { padding-left: 0; padding-right: 0; }

    .box-btn .btn:first-child { margin-left: 0; }
    .box-btn .btn:last-child { margin-right: 0; }

    .login              { height: 100%; margin-bottom: 232px; }
    .login section      { margin-top: 10px; }
    .login h3           { padding-left: 0; }
    .login p            { margin-top: 5px; }
    .login a:hover,
    .login a:hover p    { color: inherit; background: inherit; }
    .login a:hover .date { color: #999; }
    .login a:hover p.read-more { color: #009a44; border-color: #009a44; }
    .login a:hover p.read-more .icon-arrow-right { background-image: url("../images/svg/icon-arrow-right.svg"); }
    .login .left-box    { padding-left: 5px; padding-bottom: 0; }
    .login .right-box   { margin-bottom: 0; padding-right: 5px; }
    .login .news        { height: inherit !important; min-height: 1px; margin-top: 0; }
    .login .cover       { background-position: center center !important; background-size: cover !important; }
    .login  h3 .more    { top: 3px; }
    .login .message-area .box { height: inherit; overflow-y: hidden; }
    .login .message-area .box .list > li:last-of-type { border: none; }
    .message-area .list .table > li:nth-of-type(3) p,
    .login input[type="text"],
    .login input[type="password"],
    .login .news .list p.title,
    .login .input ul.text-link li a { font-size: 1.3rem; }
    .login .input .table > li:first-of-type ul,
    .login .input .btn,
    .login input[type="text"],
    .login input[type="password"] { width: 100%; }
    .login .input       { height: auto !important; min-height: 1px; }
    .login .input .box  { position: inherit; top: inherit; left: inherit; width: auto; height: auto; margin: 0 auto !important; padding-bottom: 5px; }
    .login .input .error-msg { padding-left: 2.8em; }
    .modal-window.login-news .btn-box a { min-width: 1px; }
    .login .input .box .box-btn { padding-bottom: 3px; text-align: center; }
    .login .input ul.text-link { display: inline-block; margin-left: 0; }
    .login .affiliate-link { display: none; margin-top: 10px; background-color: #fff; }
    .login .news .box-inner { height: inherit; max-height: 250px; overflow-y: hidden; padding-bottom: 0; }
    .login .news .box-inner .list li { position: relative; height: 51px; line-height: 50px; border-bottom: 1px solid #e5e5e5; }
    .login .news .box-inner .list li:last-of-type { border: none; }
    .login .news .box-inner .list li a { padding: 0; }
    .login .news .box-inner .list li a::after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 35px; height: 50px;  margin-right: 10px; background-image: url("../images/svg/icon-arrow-right.svg"); background-size: 8px 17px; background-repeat: no-repeat; background-position: right center; }
    .login .news .list p { display: none; }
    .login .news .list p.title,
    .login .news .list p.date { display: block; clear: both; line-height: 50px; }
    .login .news .list p.title { overflow: hidden; margin: 0 35px 0 75px ; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; }
    .login .news .list p.date { position: absolute; left: 0; top: 0; display: block; width: 65px; height: 50px; margin: 0; padding-left: 5px; padding-right: 0; margin: 0; vertical-align: middle; text-align: center; color: #333; white-space: nowrap; }
    .login .affiliate-link ul { width: 100%; }
    .login .affiliate-link ul li { display: inline-block; float: left; width: 50%; padding-bottom: 0; text-align: center; }
    .login .affiliate-link ul li a { display: block; width: 100%; height: 30px; color: #333; line-height: 30px; border: 1px solid #ccc; }
    .login .affiliate-link.sp { display: block; margin-top: 0; padding-left: 5px; padding-right: 5px; background-color: transparent; }
    .login .affiliate-link.sp ul li { float: none; display: block; width: 100%; height: 34px; margin-bottom: 2px; }
    .login .affiliate-link.sp ul li a { position: relative; height: 34px; font-size: 1.2rem; line-height: 33px;  border: 1px solid #eee; border-radius: 4px; background-color: #fff; }
    .login .affiliate-link.sp ul li a:hover { color: #333; text-decoration: none; }

    .login .banner      { min-height: 1px; height: auto; }
    .login .slides      { height: auto; }
    .login .slides .image { width: 100%; height: 116px!important; background-size: contain !important; }

    .chest.result       { margin-left: 0; margin-right: 0; }
    .chest .box-item > li > .btn-favorite{ bottom: 15px; }
    .chest .box-item > li > .btn-delete { top: 15px; }

    .favorite .box-item > li { display: block; width: 100%; margin-left: 0; margin-right: 0; }
    .favorite .box-item > li > a { border: 1px solid #fff; }
    .favorite .table    { display: table !important; }
    .favorite .table > li { display: table-cell !important; }
    .favorite .table > li:first-child { width: auto; }
    .favorite .table > li:last-child { width: 100px; }
    .favorite .table.status li:first-child { text-align: left; }
    .favorite .table.status .tag { margin-top: 1px; }

    .introduction th,
    .introduction td    { font-size: 1.2rem; line-height: 14px; }
    .introduction .subheading { padding-bottom: 15px; }
    .introduction .subheading .date { display: block; position: absolute; top: 10px; right: 10px; width: auto; padding: 2px 0 2px 5px; background: none; }
    .introduction .table-profile .col1 { width: 45%; }
    .introduction .table-profile .col2 { width: 55%; }
    .introduction .table-profile th, .introduction .table-profile td { font-size: 1.5rem; }
    .introduction .table-profile td { padding-left: 0; }
    .introduction .table-family td { height: 20px; line-height: 20px; }
    .introduction .table-values,
    .introduction .table-values tbody,
    .introduction .table-values th,
    .introduction .table-values td { display: block; width: 100%; }
    .introduction .table-values th,
    .introduction .table-values td { padding: 10px; }
    .introduction .table-values td { min-height: 30px; }
    .introduction .table-values th { min-height: 35px; border-bottom: none; }
    .introduction .table-analysis th { width: 6rem; padding: 10px 0; text-align: center !important; }
    .introduction .table-analysis td { width: auto; padding-left: 15px; padding-right: 15px; vertical-align: middle; }
    .introduction .table-analysis + p { margin-top: 10px; }
    .introduction .table.half > li:first-of-type { padding: 20px 0 10px; background: none; }
    .introduction .box-detail .category { top: 0; left: 1%; z-index: 1; margin-left: 0; }
    .introduction .box-detail .category + .table { margin-top: 25px; }
    .introduction .box-btn .btn,
    .introduction .box-detail .btn,
    .introduction .box-btn .btn.middle { width: 100%; }
    .introduction .name .table { display: table; }
    .introduction .name .table li { display: table-cell; vertical-align: middle; }
    .introduction .box-btn .btn:nth-child(n+2) { margin: 10px 0 0; }
    .introduction .message-view .btn,
    .introduction .message-view .lower-box table td:nth-child(n+2) { margin-top: 0; }

    .introduction .introduction-news h4 { padding: 15px 20px 15px 50px; font-size: 1.8rem; text-align: left; }
    .introduction .introduction-news .matching-detail { padding: 15px 10px 0; }
    .introduction .introduction-news .box-detail .first-tx { margin-bottom: 15px; text-align: left; }
    .introduction .introduction-news dl { width: 100%; padding: 0; }
    .introduction .introduction-news .matching-detail dl { width: 100%; }
    .introduction .introduction-news dt { font-size: 1.1rem; }
    .introduction .introduction-news dt,
    .introduction .introduction-news dd { float: none; display: block; text-align: left; }
    .introduction .introduction-news dt { width: 3.5em; margin-bottom: 4px; padding: 2px; margin-right: 0; text-align: center; color: #009a44; background-color: #fff; }
    .introduction .introduction-news dd { position: relative; min-height: 3.2rem; margin-right: 0; margin-bottom: 7px; padding-bottom: 7px; text-align: center; border-bottom: 1px dotted #ccc; }
    .introduction .introduction-news dd .btn { position: absolute; right: 5px; top: -20px; width: auto; }

    .introduction .introduction-news .box-detail.matching-apply-detail { padding: 15px 10px 0; }
    .introduction .introduction-news .box-detail.matching-apply-detail dl { width: 100%; padding: 0; }
    .introduction .introduction-news .box-detail.matching-apply-detail dt { float: none; width: auto; padding: 3px 5px; }
    .introduction .introduction-news .box-detail.matching-apply-detail dl:nth-last-of-type(1) dd { border: none; }
    .introduction .introduction-news .box-detail.address-detail .btn { width: 80%; }

    .introduction .introduction-news .box-detail.matching-apply-detail + .box-btn .btn { float: left; width: 48%!important; margin: 0; font-size: 1.7rem; }
    .introduction .introduction-news .box-detail.matching-apply-detail + .box-btn .btn:nth-child(1) { padding-right: 15px; }
    .introduction .introduction-news .box-detail.matching-apply-detail + .box-btn .btn:nth-child(2) { float: right; }

    .introduction .introduction-news .box-detail.matching-detail dt { width: 3.5em; padding: 3px; }
  .introduction .introduction-news .box-detail.matching-detail dl:nth-last-of-type(1) dt { width: 9.3em; }

    .introduction.encounter .introduction-news .box-btn .btn { float: left; width: 48%!important; margin: 0; font-size: 1.7rem; }
    .introduction.encounter .introduction-news .box-btn .btn:nth-child(1) { padding-right: 15px; }
    .introduction.encounter .introduction-news .box-btn .btn:nth-child(2) { float: right; }

    .introduction .table-view.photo > .table.half .table-photo { width: 100%; }
    .introduction .table.half .table-photo .photo-big,
    .introduction .table.half .table-photo .photo-small { text-align: center; }
    .introduction .table-view.photo > .table.half .table-photo .image,
    .introduction:not(.profile) .table.half .table-photo .photo-big .image,
    .introduction .table.half .table-photo .photo-big .image { /* width: 100%; */ height: 370px; }
    .introduction .table-view.photo > .table.half .table-photo .photo-small,
    .introduction .table.half .table-photo .photo-small { height: auto; }
    .introduction .table-view.photo > .table.half .table-photo .photo-small .image,
    .introduction:not(.profile) .table.half .table-photo .photo-small .image,
    .introduction .table.half .table-photo .photo-small .image { height: 124px; }
    .introduction:not(.profile) .box-detail .category { left: 5px; }

    .introduction .introduction-news .box-btn .btn { width: 48%; }

    .introduction.encounter .introduction-news .box-btn .btn:nth-child(n+2) { margin: 0; }

    .introduction.profile .tel-category ul.inline li:nth-last-of-type(1) { width: 100%; }
    .introduction.profile .tel-category ul.inline li:nth-last-of-type(1) input[type="radio"] { margin-left: 0; }
    .introduction.profile .tel-category ul.inline li:nth-last-of-type(1) input[type="text"] { display: inline-block; width: 190px; }
    .introduction.profile .table.half .list > li.table-analysis-wrapper { padding: 18px 0 15px; }

    .registration-box-sp { display: table; width: 100%; margin-top: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 5px; }
    .registration-box-sp .btn { float: left; display: block; width: 50%; min-width: 1px; height: 35px;  margin: 0; padding: 0; color: #009a44; font-size: 1.4rem; line-height: 35px; background: #fff; border: none; border-radius: 0; }
    .registration-box-sp .btn:hover { color: #009a44; }
    .registration-box-sp .btn:hover:after { display: none; }
    .registration-box-sp .btn:nth-of-type(1) { border-right: 1px solid #ddd; border-radius: 3px 0 0 3px; }
    .registration-box-sp .btn:nth-of-type(2) { border-radius: 0 3px 3px 0; }
    .registration-box-sp.one-button .btn { float: none; width: 100%; border: none; }
    .registration-box-sp.one-button .btn:nth-of-type(1) { border-radius: 5px; }

    .profile .table.half .list .value-chart .inline > li,
    .profile .table.half .list .table-analysis .inline > li { width: 25%; margin-bottom: 0; }

    .profile.hobby-interest .tabs.tabs-child > .tabs-manual-tx,
    .profile.speciality .tabs.tabs-child > .tabs-manual-tx { text-align: left; }
    .profile .tabs.tabs-child .choosing-box { width: 60px; }
    .profile .tabs.tabs-child .choosing-box,
    .profile.speciality .tabs.tabs-child .choosing-box { padding: 6px 7px 2px; }

    .profile .box-btn.btn-profile-edit .btn { width: 100%; margin: 0 0 10px; }
    .profile .box-btn.btn-profile-edit .btn:first-child{ margin-top: 0; margin-left: 0; }
    .profile .box-btn.btn-profile-edit .btn:nth-last-of-type(1) { margin-top: 0; margin-right: 0; }

    .profile.speciality .grid .wrapper .columns-wrapper { padding-top: 1px; padding-bottom: 1px; }
    .profile.speciality .grid .wrapper .columns .box { margin: 10px 0; }
    .profile.speciality.confirmation .speciality-list li { padding-right: 0; }
    .profile.speciality.confirmation .speciality-list li:nth-of-type(1) { padding-top: 0; }

    .profile.photo-prof.photo-private .table.half .status label { display: table-cell; width: 8rem; font-size: 1.1rem; line-height: 1.5; }
    .profile.photo-prof.photo-private .table.half .status label br { display: inline; }
    .profile.photo-prof.photo-private .table.half .status span { display: table-cell; vertical-align: middle; }
    .profile.confirm .box-btn .btn:nth-child(2) { font-size: 1.8rem; }

    .introduction.profile-preview .box-detail .category + .table { margin-top: 10px; }
    .introduction.profile-preview .notice { min-width: 265px; width: 70%; padding-left: 15px; padding-right: 15px; }
    .introduction.profile-preview .box-detail .tag.photo-box,
    .introduction.profile-preview .box-detail .tag.profile-box { right: 10px; }
    .introduction.profile-preview .notice p:first-of-type { font-size: 1.3rem; }
    .introduction.profile-preview .notice p:last-of-type  { font-size: 1.1rem; }
    .introduction.profile-preview .box-detail ul h5 .tag { top: -20px; right: 5px; }

    .photo-prof .table.half .table-photo .image { height: 370px; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li { margin-bottom: 40px; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(3n+3) { margin-right: 0; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(n) { width: calc(100% / 2 - 8px); margin-right: 16px; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(even) { margin-right: 0; }
    .photo-prof .table.half .list > li:nth-child(2n) .profile-list li:nth-last-of-type(2) { margin-bottom: 0; }

    .profile.photo-prof.photo-private .table.half > li:first-child h5 { margin-top: 10px; }
    .profile.photo-prof.photo-private.confirmation .table.half > li:first-child ul { display: none; }
    .photo-prof.photo-private .table.half .list > li:nth-child(2n) { padding: 10px 0 15px; }
    .profile.photo-prof.photo-private .table.half .status { margin-top: 0; }

    .profile .profile-contact-btn-ver a.btn { min-width: 1px; }

    .table.half .list .value-chart .table { display: table !important; }
    .table.half .list .value-chart li { display: table-cell !important; width: 20% !important; }
    .value-chart label:hover { background: none; }

    .confirmation .table.half .list > li:nth-child(2n) { padding-left: 0; }

    .partner-setting .table.half .list > li:nth-child(2n) { padding-bottom: 30px; }
    .profile.photo-prof.photo-private .table.half ul.supple-tx { height: 110px; margin-bottom: 20px; padding: 12px; }
    .partner-setting .table.half .list > li:nth-last-of-type(1) { padding-bottom: 15px; }
    .profile.photo-prof.photo-private .table.half .reason label { border-radius: 5px; }
    .partner-setting .right-box .designation-box p.select-title { margin-top: 15px; margin-bottom: 10px; padding-top: 18px; font-weight: bold; border-top: 1px dotted #ccc; }
    .partner-setting .right-box .designation-box .sp { display: inline!important; color: #666; }
    .partner-setting .right-box .box-ticket select { width: 100%; }
    .partner-setting.confirm .right-box .designation-box ul li:nth-of-type(1) p.select-title { padding-top: 0; border-top: none; }
    .partner-setting.confirm .right-box .designation-box ul li:nth-of-type(1) p:nth-last-of-type(1) { padding-bottom: 0; }
    .profile.photo-prof.photo-private.confirmation .table.half ul.supple-tx { display: none; }

    .partner-setting.reply .box-step li { padding: 7px 6px; }
    .partner-setting.reply .box-step li:nth-of-type(1) { margin-left: 0; }
    .partner-setting.reply .box-step li:nth-last-of-type(1) { margin-right: 0; }

    .encounter-contact .table-interest th { width: 30%; }

    .message-view label { margin-bottom: 5px; }
    .message-view select,
    .message-view input[type="file"] { display: block; width: 100%; }
    .message-view .outer-box .category { left: inherit; right: 10px; }
    .message-view .inner-box { padding-left: 10px; padding-right: 10px; }
    .message-view .inner-box li:first-child { padding-top: 0; }
    .message-view .inner-box .image,
    .message-view .image { width: 40px; height: 40px; }
    .message-view .upper-box,
    .message-view .lower-box { padding-left: 10px !important; padding-right: 10px !important; }
    .message-view .lower-box table,
    .message-view .lower-box tbody,
    .message-view .lower-box tr,
    .message-view .lower-box table td { overflow: hidden; display: block; width: 100% !important; }
    .message-view .lower-box table td:nth-child(n+2) { margin-top: 10px; }
    .message-view .left-box { width: 50px; padding-left: 10px; }
    .message-view .right-box { padding: 10px 10px 10px 61px; }
    .message-view .inner-box .right-box { padding-left: 50px; }
    .message-view .right-box img { width: 100%; }
    .message-view .btn  { width: 100%; }

    .filter-box p,
    .filter-box label   { font-size: 13px; }
    .filter-box li,
    .filter-box .left-box,
    .filter-box .right-box { display: block !important; width: 100% !important; }
    .filter-box .left-box li:nth-of-type(2),
    .filter-box .right-box { padding-left: 0 !important; }
    .filter-box .right-box { padding-top: 20px; }
    .filter-box .btn    { width: 100%; height: auto; line-height: 35px; background-size: auto; border-color: #fb527c; background: #fb527c; }
    .filter-box .btn:hover { border-color: #fb527c !important; background: none !important; background-color: transparent !important; }
    .filter-box .btn span { line-height: 35px; }
    .filter-box .left-box li:nth-of-type(2) .box-age-select { float: left; width: 48%; }
    .filter-box .left-box li:nth-of-type(2) .box-age-select:nth-of-type(2) { float: right; }

    .event .filter-box  { position: relative; }
    .event .filter-box > p { padding-right: 40px; }
    .event .filter-box > ul { display: none; border-top: 1px solid #008037; }
    .event .filter-box label { font-size: inherit; }
    .event .filter-box .close-btn,
    .event .filter-box .close-btn i { width: 20px; height: 20px; }
    .event .filter-box .close-btn { position: absolute; top: 11px; right: 10px; }
    .event .filter-box .close-btn i.hidden { display: none !important; }
    .event .filter-box .left-box li { width: 100%; border-left: none; padding-right: 0; }
    .event .filter-box .left-box > div:first-child { min-width: inherit; }
    .event .filter-box .left-box > div:first-child li:nth-of-type(1),
    .event .filter-box .left-box > div:first-child li:nth-of-type(2),
    .event .filter-box .left-box > div:first-child li:nth-of-type(3) { padding-left: 0 !important; }
    .event .filter-box .left-box > div:first-child li:nth-of-type(1),
    .event .filter-box .left-box > div:first-child li:nth-of-type(1) select { width: 100%; margin-left: 0; }
    .event .filter-box .left-box li select,
    .event .filter-box .left-box > div:first-child li input[type="text"] { display: inline-block; float: left; margin-top: 0 !important; }
    .event .filter-box .left-box li select:first-of-type,
    .event .filter-box .left-box > div:first-child li input[type="text"]:first-of-type { width: 50%; }
    .event .filter-box .left-box li select:last-of-type,
    .event .filter-box .left-box > div:first-child li input[type="text"]:last-of-type { width: 46%; margin-left: 4%; }
    .event .filter-box .left-box > div:last-child { margin-top: 0; }
    .event .filter-box .left-box > div:last-child li:nth-of-type(n+2) { margin-top: 0; padding-top: 0; }
    .event .filter-box .left-box li > label { margin-top: 10px; margin-bottom: 0; }
    .event .filter-box .right-box { width: 100% !important; margin-top: 20px; border-left: none; }
    .event .filter-box .btn { width: 100%; min-height: inherit; }
    .event .filter-box .select-box label:nth-of-type(-n+3) { margin-right: 0; }

    .event .list a > ul > li { vertical-align: top; text-align: left; }
    .event .table-view:last-of-type { margin-top: 15px; }
    .event .table-view a:hover > ul li,
    .event .table-view .table-view-contents:hover > ul li { background: #fff !important; }
    .event .table-view .col1 { display: none; }
    .event .table-view .col2,
    .event .seminar .col2 .instructor { width: 90px; }
    .event .table-view .col2 { max-width: 90px; min-width: 90px; padding-left: 0; }
    .event .table-view .col3 { padding-top: 20px; }
    .event .table-view .col3 ul { display: block; width: 100%; }
    .event .table-view .col3 li { display: inline-block; position: absolute; margin-bottom: 0; }
    .event .table-view .col3 li:nth-of-type(1),
    .event .table-view .col3 li:nth-of-type(3) { left: 110px; }
    .event .table-view .col3 li:nth-of-type(2),
    .event .table-view .col3 li:nth-of-type(3) { bottom: 10px; }
    .event .table-view .col3 li:nth-of-type(1) { top: 10px; }
    .event .table-view .col3 li:nth-of-type(2) { left: 10px; width: 90px; text-align: center; }
    .event .table-view .col3 li:nth-of-type(3) .tag { margin-right: 0; margin-bottom: 0; font-size: 1.0rem; }
    .event .table-view .col3 li:nth-of-type(3) .tag:first-of-type { margin-right: 3px;}
    .event .table-view .image { width: 90px; height: 90px; margin-bottom: 32px; }
    .event .table-view .title { color: #333 !important; font-size: 1.3rem; }
    .event .table-view .date { color: #009a44 !important; font-size: 1.1rem; }
    .event .state.sp     { display: inline-block !important; position: absolute; top: 10px; right: 10px; }
    .event .category,
    .event .vacant-seat  { font-size: 1.0rem; }
    .event .seminar .col2 .image,
    .event .seminar .col3 li:nth-of-type(2) { width: 75px; }
    .event .seminar .col3 li:nth-of-type(2) { left: 15px; }
    .event .seminar .col2 .image { height: 75px; margin-left: 5px; margin-bottom: 47px; }
    .event .seminar .col2 .instructor { display: inline-block; position: absolute; top: 79px; left: 10px; font-size: 1.0rem; text-align: center; }
    .event .seminar a:hover .col2 .instructor { color: #333 !important; }
    .event .table-view li.more a:hover { color: #009a44; }

    .event.event-list .event-list-contents { display: table; width: 100%; }
    .event.event-list .event-list-contents > li { float: none; display: block; vertical-align: top; }
    .event.event-list .table-view .col1 { position: absolute; right: 2px; top: 10px; z-index: 5; }
    .event.event-list .event-list-contents li.col1 p { position: static; margin: 0; }
    .event.event-list .table-view .col2 { position: absolute; left: 5px; top: 10px; z-index: 5; }
    .event.event-list .table-view .col2 { width: 80px; height: 80px; }
    .event.event-list .table-view .col2 .image { width: 80px; height: 80px; margin-left: 0; margin-bottom: 0; }
    .event.event-list .seminar .col2 .instructor { position: static; width: 80px; margin-top: 2px; }
    .event.event-list .table-view .col3 { width: auto; padding: 0; }
    .event.event-list .table-view .col3 .main-info { min-height: 90px; padding-left: 90px; }
    .event.event-list .table-view .col3 li { position: static; }
    .event.event-list .table-view .col3 .tag-a-date li:nth-of-type(1) { display: block; margin-bottom: 10px; }
    .event.event-list .table-view .col3 .tag-a-date li.date { display: none; }
    .event.event-list .table-view .title { margin-bottom: 3px; padding-top: 0; font-size: 1.3rem; }

    .event.event-list .table-view a:hover .col3 .sub-info .table li { vertical-align: middle; }
    .event.event-list .table-view a:hover .col3 .sub-info .table li:nth-of-type(2),
    .event.event-list .table-view .table-view-contents:hover .col3 .sub-info .table li { color: #333; }

    .event.event-list .table-view li .table-view-contents:hover .event-tag-box li { color: #888; }

    .event.event-list .table-view .sub-info .table { display: table; }
    .event.event-list .table-view .col3 .sub-info .table li { height: 30px; vertical-align: middle; }
    .event.event-list .table-view .sub-info .table li:nth-of-type(1) p { height: 30px; font-size: 1.1rem; line-height: 30px; }
    .event.event-list .table-view a:hover .col3 .sub-info .table li:nth-of-type(1) p { color: #333!important; }
    .event.event-list .table-view .col3 .sub-info .table li:nth-of-type(2) { padding-left: 10px; font-size: 1.1rem; line-height: 1.4; }
    .event.event-list .table-view .col3 .sub-info .table li:nth-of-type(2) .price { display: block; text-align: left; }
    .event.event-list .table-view .sub-info .table.one-only { padding-top: 10px; }

    .event .box-recommended { max-height: none; margin-bottom: 10px; border-bottom: 5px solid #f4ad3c; }
    .event .box-recommended > p { width: 100%; height: auto; margin: 0; font-size: 1.4rem; text-align: center; }
    .event .box-recommended .recommended-list { max-height: none; padding: 0 5px; border-top: 5px solid #f4ad3c; }
    .event .box-recommended .recommended-list > li { min-height: 1px; }
    .event .box-recommended .recommended-list > li,
    .event .box-recommended .recommended-list > li:nth-child(2n) { margin-top: 5px; }
    .event .box-recommended .recommended-list > li:nth-child(n+4) { display: none; }
    .event .box-recommended .recommended-list > li a { padding: 7px; }

    .event .box-recommended .recommended-list > li ul .col1 { right: 8px; }

    .event .box-recommended .recommended-list > li ul .col2.add-instructor { height: 110px; }
    .event .box-recommended .recommended-list > li ul .col2 .image { margin-left: 0; margin-bottom: 0; }
    .event .box-recommended .recommended-list > li.seminar .col2 .instructor { margin-top: 0; }

    .event .box-recommended .recommended-list > li ul .col3 .main-info { margin-bottom: 5px; }
    .event .box-recommended .recommended-list > li ul .col3 .tag-a-date .date { display: none; }

    .event .box-recommended .recommended-list > li ul .col3 .sub-info .table { display: table; }
    .event .box-recommended .recommended-list > li ul .col3 .sub-info .table:nth-of-type(1) { padding-top: 0; }
    .event .box-recommended .recommended-list > li ul .col3 .sub-info .table li { height: 30px; vertical-align: middle; }
    .event .box-recommended .recommended-list > li ul .col3 .sub-info .table li:nth-of-type(1) p { height: 30px; font-size: 1.1rem; line-height: 30px; }
    .event .box-recommended .recommended-list > li ul .col3 .sub-info .table li:nth-of-type(2) { padding-left: 10px; font-size: 1.1rem; line-height: 1.4; }
    .event .box-recommended .recommended-list > li ul .col3 .sub-info { float: none; width: 100%; }
    .event .box-recommended .recommended-list > li.no-tag ul .col3 .sub-info { margin-bottom: 0; }
    .event .box-recommended .recommended-list > li ul .col3 .sub-info .table li:nth-of-type(2) .price { display: block; text-align: left; }
    .event.event-list .table-view li.no-tag .col3 .main-info { min-height: 90px; }

    .event .box-recommended .box-more { padding: 5px 5px 0; text-align: center; background-color: #f4ad3c; }
    .event .box-recommended .box-more a { display: block; padding: 10px; font-size: 1.2rem; color: #009a44; text-align: center; background-color: #fff; border-radius: 5px; }
    .event .box-recommended .box-more a:hover { text-decoration: none; }

    .event-detail h2    { padding-top: 10px; font-size: 1.6rem; }
    .event-detail table,
    .event-detail tr,
    .event-detail th,
    .event-detail td    { display: block; width: 100%; }
    .event-detail th,
    .event-detail td    { height: auto; line-height: auto; padding: 5px 10px; border-left: none; border-right: none; }
    .event-detail th    { border: none; text-align: left; }
    .event-detail table { border-bottom: none; }
    .event-detail .table.half > li { padding: 10px !important; }
    .event-detail .tag.code { margin-top: 3px; padding: 5px; font-size: 1.2rem; }
    .event-detail .event-map { margin-top: 5px; }
    .event-detail .event-map-google { margin-bottom: 10px; }
    .event-detail .start-accepting { margin-top: 2px; }
    .event-detail .box-event-step { margin-bottom: 8px; }

    .event-entry table  { display: table; margin-top: 10px; }
    .event-entry th     { min-width: inherit; width: 100%; }
    .event-entry .notice { margin-top: 10px; }
    .event-entry .box-btn > p { margin-bottom: 0; }

    .event-status .table-view .col1 { display: table-cell; width: 0; }
    .event-status .table-view .col1 .category { top: 12px; left: 110px; }
    .event-status .table-view .col2 { display: inline-block; position: absolute; top: 12px; left: 10px; height: 90px; }
    .event-status .seminar .col2 .instructor { top: 70px; left: 0; }
    .event-status .table-view .col3 { width: 100%; padding-left: 0; padding-top: 30px; }
    .event-status .table-view .col3 > p { margin-left: 100px; }

    .event-status .table-view .col3 > ul > li:first-child,
    .event-status .table-view .col3 > ul > li:last-child { position: static; top: inherit; left: inherit; bottom: inherit; }
    .event-status .table-view .image { margin-bottom: 0; }
    .event-status .table-view .timestamp > span > span { display: none; }
    .event-status .table-view .title { height: 68px; }

    .event-status .table-view .party-code { margin-left: 0!important; padding-top: 5px; }

    .event-status .table-view .table-view-contents:hover .col3 > ul > li:nth-of-type(1) p:nth-of-type(1),
    .event-status .table-view .table-view-contents:hover .col3 > ul > li:nth-of-type(1) p:nth-of-type(1) label { color: #333!important; }
    .event-status .table-view .table-view-contents:hover p.timestamp { color: #999!important; }
    .event-status .table-view .table-view-contents:hover p.limit { color: #009a44!important; }
    .event-status .table-view .table-view-contents:hover .party-code { color: #21c2fd; }

    .event-detail .table.half > .event-no-image { padding: 5px 0 0!important; }
    .event-detail .event-no-image p { display: none; }
    .event-detail .event-no-image .notice { padding: 0 10px 10px; }

    .hobby-interest .box-item.item6 > li { margin: 10px 0 0; }

    .post:not(.confirm) table,
    .post:not(.confirm) tbody,
    .post:not(.confirm) tr,
    .post:not(.confirm) th,
    .post:not(.confirm) td            { display: block; width: 100%; }
    .post th,
    .post td            { height: auto; padding: 10px; }
    .post td            { border-top: none; }
    .post .status       { margin-top: 0; }
    .post .status th    { display: none; }
    .post .status td    { text-align: left; }
    .post .status td span { margin-left: 8px; }
    .post .status td:nth-child(n+2) { padding-top: 0; border-top: none; }
    .post .status td:nth-child(-n+2) { border-bottom: none; }
    .post .status .sp   { display: inline-block !important; width: 5.8rem; font-weight: bold; }
    .post .status .receiving { color: #333; }

    .post .status { margin-top: 5px; padding: 10px; }
    .post .status .applied td { text-align: left; border-color: #ccc; }
    .post .status .applied td:nth-of-type(1) { border-top: 1px solid #ccc;}
    .post .status .applied td:nth-of-type(3) { width: 100%; padding-left: 10px; border-right: 1px solid #ccc; border-bottom: none; }
    .post .status .applied td:nth-of-type(4) { width: 100%; margin-bottom: 15px; padding: 10px 5px 10px; text-align: center; background-color: #f7f7f7; border-left: 1px solid #ccc; }
    .post .status .applied:nth-last-of-type(1) td:nth-of-type(4) { margin-bottom: 0; }
    .post .status .btn-post-form-wrapper { width: 88px; }
    .post .status .applied td:nth-of-type(4) .btn { width: calc(100% / 3 - 7px); margin: 0; }
    .post .status .applied td:nth-of-type(4) .btn:nth-last-of-type(1) { margin-right: 0; }
    .post .status .applied td:nth-of-type(4) .btn.ghost { background-color: #fff; }

    .post .status .applied { position: relative; }
    .post .status .applied td:nth-of-type(1) { padding-top: 20px; }
    .post .status .applied td:nth-of-type(1),
    .post .status .applied td:nth-of-type(2),
    .post .status .applied td:nth-of-type(3) { padding-left: 0; }
    .post .status .applied td:nth-of-type(3) { margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
    .post .status .applied:nth-last-of-type(1) td:nth-of-type(3) { margin-bottom: 0; }
    .post .status.btn-disable tr td:nth-of-type(4) { position: absolute; }
    .post .status .applied td:nth-of-type(4) { position: absolute; top: 50%; right: 8px; width: 86px; margin: 0; padding: 0; background: transparent; border: none; transform: translateY(-50%); }
    .post .status .applied td:nth-of-type(4) span { margin-left: 0; }
    .post .status .applied td:nth-of-type(4) span:nth-last-of-type(1) { margin-bottom: 0; }
    .post .status .applied td:nth-of-type(4) .btn { width: 88px; min-width: 88px; margin: 0 0 4px 0; padding: 7px 0; }

    .post form table { border-top: none; border-left: none; border-right: none; border-bottom-color: #dedede; }
    .post form table td { border-bottom: none; }

    .post.preview .box-detail > .publish { padding: 10px 5px 0; color: #009a44; text-align: center; }

    .post.confirm .box-step-outer { padding: 18px 10px 15px; background-color: #fff; }
    .post.confirm .box-detail .description { margin-top: 0; margin-bottom: 0; }
    .post.confirm .publish-preview { margin-top: 35px; margin-bottom: 15px; padding: 2px 10px 10px; border: 3px solid #ddd; }
    .post.confirm .publish-preview .publish { font-size: 1.6rem; }
    .post.confirm .box-detail .box-step-outer { margin-top: 0; }

    .post.confirm .subheading      { margin-bottom: 5px; padding-bottom: 8px; }
    .post.confirm .subheading .name { padding-top: 0; padding-bottom: 0; font-size: 2rem; }

    .post.confirm  table.table-interest th,
    .post.confirm  table.table-profile th,
    .post.confirm  table.table-interest td,
    .post.confirm  table.table-profile td { display: table-cell; font-size: 1.4rem; }
    .post.confirm  table.table-interest td,
    .post.confirm  table.table-profile td { padding-left: 0; }
    .post.confirm  table.table-interest th,
    .post.confirm  table.table-interest td { font-size: 1.2rem; }

    .consultation.message-view .control-box li.comment { padding-left: 10px; }
    .consultation.message-view .control-box li.comment i.icon-pen { width: 10px; margin-right: 4px; }

    .policy .standard   { padding-bottom: 20px; }

    .faq .accordion .toggle dt { left: 6px; }
    .faq .accordion .toggle dl { position: relative; width: calc(100% - 20px); margin-left: 10px; }
    .faq .accordion .toggle dl.more dd { padding-right: 25px; }
    .faq .accordion .toggle dl.more dd::after { right: 6px; }

    .faq .accordion p.faq-category:hover::before,
    .faq .accordion li.active dl.more:hover dt { color: #999; }
    .faq .accordion li.active dl.more:hover dd { color: #666; font-weight: normal; }
    .faq .accordion .toggle dl.more:hover dd::after { background: url("../images/svg/icon-triangle-down.svg"); background-size: cover; }
    .faq .accordion p.faq-category:hover { color: #333; font-weight: normal; }
    .faq .accordion .toggle dl.more.active:hover dd::after { background: url("../images/svg/icon-triangle-up.svg"); }
    .faq .accordion li.active dl.more.active dt { color: #009a44; font-weight: bold; }
    .faq .accordion li.active dl.more.active dd { color: #666; font-weight: bold; }
    .faq .accordion .toggle dl.more.active:hover dd::after { background: url("../images/svg/icon-triangle-up-green.svg"); }
    .faq .fixity dl     { width: calc(100% - 25px); margin-left: 10px; }
    .faq .fixity dl.more dd { padding-right: 0; }


    .complete           { margin-top: 8px; padding: 20px 15px; }
    .apply .box-btn,
    .complete + .box-btn { margin-top: 25px; }

    .apply .apply-detail { margin-bottom: 20px; }
    .apply .apply-detail p { font-size: 1.5rem; }

    .box-step.sp        { display: inline-block !important; margin-top: 5px; margin-bottom: 10px; }

    .charge .charge-tbl th,
    .charge .charge-tbl td  { padding: 8px 6px; }
    .charge .charge-tbl td:nth-of-type(2) { width: 35%; }

    .charge .charge-tbl td a.detail-open { width: 24px; height: 24px; background: #fff url("../images/svg/icon-plus-gray.svg") 5px 5px no-repeat; background-size: 12px 12px; }
    .charge .charge-tbl td a.detail-open:hover { background-color: #fff; }
    .charge .charge-tbl td.btn-active a.detail-open { padding-top: 2px; background: #fff url("../images/svg/icon-minus-green.svg") 5px 5px no-repeat; background-size: 12px 12px; }

    .charge .charge-tbl .box-detail { padding: 10px 5px 20px; }
    .charge .charge-tbl .box-detail .charge-detail-tbl th { font-size: 1.1rem; }
    .charge .charge-tbl .box-detail .charge-detail-tbl td:nth-of-type(1) { line-height: 1.6; }
    .charge .charge-tbl .box-detail .charge-detail-tbl td:nth-of-type(2) { width: 4rem; }

    .service-stop .table.half > li:first-child { padding-left: 10px; padding-right: 10px; }
    .service-stop .table.half .box-step-outer { padding-bottom: 5px; }
    .service-stop .table.half .notice { margin-top: 10px; }
    .service-stop .table.half .term { padding-bottom: 30px !important; }
    .service-stop .table.half .term .table li:nth-child(2) { display: none !important; }
    .service-stop .table.half .term .table li:last-child { margin-top: 10px; }
    .service-stop .table.half select { width: 100%; }

    .service-stop .attension-box  { margin-bottom: 5px; padding-left: 10px; padding-right: 10px; }
    .service-stop .attension-box .disabled-msg { text-align: left; }
    .service-stop .attension-box .disabled-msg .pc.pad { display: none !important; }

    .password .box      { width: 100%; padding: 20px 10px; }
    .password .box-btn  { margin-top: 15px; }

    .partner-search.compass .avatar-box { padding-top: 5px; padding-bottom: 5px; }
    .partner-search.compass .avatar-box .avatar { width: 80px; height: 80px; }
    .partner-search.compass .avatar-box > li:nth-of-type(1) { width: 45%; background-color: #fff; }
    .partner-search.compass .avatar-box > li:nth-of-type(2) { width: 55%; padding-left: 15px; }
    .partner-search.compass .avatar-box > li:nth-of-type(2) p { font-size: 1.6rem; }
    .partner-search.compass .avatar-box > li:nth-of-type(2) p .number { font-size: 1.2rem; }
    .partner-search.compass .box-btn .btn:nth-last-of-type(1) { font-size: 2rem; }
    .compass .table.half.compass-box > li:first-of-type { padding-top: 0; }
    .compass .compass-box li:nth-of-type(1) h5 { padding-top: 10px; }
    .compass .compass-box li .compass-value { padding-top: 20px; padding-bottom: 20px; }
    .compass .compass-box li .compass-value-inner:before,
    .compass .compass-box li .compass-value-inner:after { height: calc(50% + 20px); }
    .compass .compass-box li .compass-value-inner:before { top: -20px; }

    .compass .compass-box li .compass-category li { font-size: 1rem; line-height: 1.4; }
    .compass .compass-box li .compass-category li span { font-size: 2.1rem; }
    .compass .compass-box li .compass-category li:nth-of-type(1) span { top: 42px; }
    .compass .compass-box li .compass-category li:nth-of-type(2) span { bottom: 42px; }
    .compass .compass-box li .compass-category li:nth-of-type(3) span { bottom: 42px; }
    .compass .compass-box li .compass-category li:nth-of-type(4) span { top: 42px; }

    .compass .compass-box li .compass-illust .number-category-tx { width: 100%; padding-top: 8px; padding-left: 5px; padding-right: 5px; }
    .compass .compass-box li .compass-illust .number-category-tx li { display: inline; padding-right: 5px; color: #777; line-height: 1.7; }
    .compass .compass-box li .compass-illust .number-category-tx li span { color: #888; font-weight: bold; }
    .compass .compass-box li .compass-illust .number-category-tx li:nth-of-type(8),
    .compass .compass-box li .compass-illust .number-category-tx li:nth-of-type(16),
    .compass .compass-box li .compass-illust .number-category-tx li:nth-of-type(24) { margin-bottom: 5px; }
    .compass .compass-box li .compass-illust .number-category-tx li:nth-of-type(9),
    .compass .compass-box li .compass-illust .number-category-tx li:nth-of-type(17),
    .compass .compass-box li .compass-illust .number-category-tx li:nth-of-type(25) { clear: both; }
    .compass .box-btn .btn { width: 100%; }
    .partner-search.compass .box-btn .btn { width: auto; }
    .compass .box-btn .supple-tx { margin-top: 8px; }

    .partner-search.compass .partner-status-group { margin-bottom: 15px; padding-bottom: 10px; }

    .message-list .list .table > li:nth-of-type(3) p { width: auto; white-space: nowrap; text-overflow: ellipsis; }
    .message-list .list .table > li:last-of-type { min-width: 30px; padding-right: 10px; text-align: right; }
    .message-list .message-area .box > ul { max-height: none; }
    .message-list .message-area .standard { padding-top: 5px; }
    .message-list .message-area .box > ul > li { height: 51px; min-height: 1px; line-height: 50px; }

    .notice-list .reminder .list .table > li:nth-of-type(1) { display: none; }
    .notice-list .message-area .box > ul > li { height: auto; }
    .notice-list .reminder .list .table > li:nth-of-type(2) { width: 54px; }
    .notice-list .reminder .list .table > li:nth-of-type(3) p { white-space: nowrap; text-overflow: ellipsis; }

    .mail-change .box          { width: 100%; padding: 20px 10px; }
    .mail-change .box ul,
    .mail-change .box-error    { width: 100%; }

    .mail-change .box-btn      { margin-top: 15px; }
    .mail-change .box-btn .btn { width: 100%; margin: 0 0 10px; }
    .mail-change .box-btn .btn:last-child { margin-bottom: 0; }
    .mail-change.apply .btn.middle { width: 200px; }
    .mail-change .complete     { padding: 25px 15px; }

    .old-pi .tb-old-pi-interest th br { display: none; }

    .switch-mailmember .term-wrapper { height: 155px; margin-left: 0; margin-right: 0; margin-bottom: 10px; }
    .switch-mailmember.confirm .term-box { display: none!important; }

    .list .paging-box.head-paging { margin-top: 3px; margin-bottom: 5px; }
    .list .paging-box.footer-paging { margin-bottom: 3px; }
    .list .paging-box li,
    .list .paging-box li a { font-size: 1.1rem; }
    .list .paging-box li a { padding: 8px 6px; }
    .list .paging-box li .icon-arrow-left { margin-right: 5px; }
    .list .paging-box li .icon-arrow-right { margin-left: 5px; }

    .error .error-contents  { width: 100%; height: auto; margin: 25px auto 20px; padding: 2px; background-color: transparent; }
    .error .box             { margin: 0; padding-bottom: 25px;}
    .error h3             { margin-bottom: 15px; padding-top: 25px; font-size: 2rem; }
    .error h5             { font-size: 1.4rem; }
    .error p              { margin-bottom: 35px; }
    .error .box .btn      { width: 100%; min-width: 1px; margin: 0; }
    .error .box .error-inner { padding-left: 10px; padding-right: 10px; }

    .pi-transfer-box .box-error p { margin-bottom: 0; }
    .pi-transfer-box.box-btn.btn-height-adjust .ghost-pink { margin-top: 0; }

    .temp-top section .temp-tx.no-position { padding-left: 0; }
    .temp-top section .temp-tx.no-position i { display: none; }
    .temp-top .temp-introduction-area .box-item > li { min-height: 1px; }
    .temp-top .temp-introduction-area .box-item > li .box { padding-bottom: 0; }
    .temp-top .temp-introduction-area .pr { padding-top: 32px;}
    .temp-top .message-area .reminder .list .table > li { height: 50px; }
    .temp-top .message-area .reminder .list .table > li:nth-of-type(2) { width: 60px; }
    .temp-top .temp-event .table-view .image { margin-bottom: 0; }
    .temp-top .temp-event .table-view .col3 { padding-top: 0; }
    .temp-photo .table.half .list > li:nth-child(2n) .input-file { padding: 0; text-align: center; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(3n+3) { margin-right: 0; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(n) { width: calc(100% / 2 - 8px); margin-right: 16px; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-of-type(even) { margin-right: 0; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:nth-last-of-type(2) { margin-bottom: 0; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li:hover { border-color: #fff; box-shadow: none; }
    .temp-photo .table.half .list > li:nth-child(2n) .profile-list li a:hover + span.tooltips:after { display: none; }

    .modal-window       { width: 96%; }
    .modal-window .heading { display: block; height: auto; padding: 0; }
    .modal-box h2       { margin-right: 50px; padding-top: 12px; padding-left: 10px; font-size: 1.6rem; }
    .modal-box p        { font-size: 1.3rem; }
    .modal-box .box     { padding: 10px; }
    .modal-box .box .table,
    .modal-box .box li  { display: block; padding-left: 0; padding-right: 0; width: 100%; }
    .modal-box .box li:nth-of-type(2) { margin-top: 15px; }
    .modal-box .box-close { right: 5px; margin-top: -10px; }
    .modal-box .box-close img { width: 20px; height: 20px; }

    .modal-window.address { height: 82%; }
    .modal-window.address .table,
    .modal-window.address h3,
    .modal-window.address .address-detail,
    .modal-window.address .box-attension { display: block; width: 100%; padding: 0; }
    .modal-window.address .address-detail dt,
    .modal-window.address .address-detail dd { float: none; width: 100%; }
    .modal-window.address .address-detail dd { padding-top: 5px; }
    .modal-window.address h3 { padding-top: 20px; }
    .modal-window.address h3 .period-tx { font-size: 1.3rem; }
    .modal-window.address .table { padding-bottom: 5px; }
    .modal-window.address .address-detail dl:nth-last-of-type(1) { border-bottom: none; }
    .modal-window.address .box-attension { height: auto; padding: 10px 0; }

    .modal-window.modal-news-style .wrapper .inner,
    .modal-window.info-zwei-detail .wrapper .inner { padding: 10px; }
    .modal-window.modal-news-style .wrapper .title,
    .modal-window.info-zwei-detail .wrapper .title { font-size: 1.6rem; }

    .modal-window.login-news { height: 410px; max-height: 90%; }
    .modal-window.login-news .heading h2 { margin-right: 0; padding-left: 0; text-align: center; }
    .modal-window.login-news .table,
    .modal-window.login-news .detail-box,
    .modal-window.login-news .btn-box { display: block; width: 100%; padding: 0; }
    .modal-window.login-news .detail-box { padding: 10px 0; }
    .modal-window.login-news .detail-box dl { margin: 0; }
    .modal-window.login-news .detail-box dt { width: 35%; }
    .modal-window.login-news .detail-box dd { width: 65%; }
    .modal-window.login-news .detail-box dl:nth-last-of-type(1) { border-bottom: none; }
    .modal-window.login-news .btn-box { height: auto; padding: 12px 10px 10px; }

    .modal-window.modal-avatar-detail { width: 96%; height: auto; max-height: 96%; }
    .modal-window.modal-avatar-detail .wrapper .inner { padding: 10px 0; }
    .modal-window.modal-avatar-detail h2 { padding-top: 8px; }
    .modal-window.modal-avatar-detail .wrapper .detail-content ul { padding-top: 0; }
    .modal-window.modal-avatar-detail .wrapper .detail-content ul:nth-of-type(1).clear-fix::before,
    .modal-window.modal-avatar-detail .wrapper .detail-content ul:nth-of-type(1).clear-fix::after       { display: none; }
    .modal-window.modal-avatar-detail .wrapper .detail-content li { min-width: 1px; height: 128px; margin-bottom: 5px; padding-top: 5px; }
    .modal-window.modal-avatar-detail .wrapper .detail-content li.avatar-using { border: 1px solid #ccc; }
    .modal-window.modal-avatar-detail .using-tx { margin-top: 0; font-size: 1.1rem; }
    .modal-window.modal-avatar-detail .wrapper .detail-content li .image { width: 96px; height: 96px; }

    .modal-window.info-opening-news { width: 96%; height: 90%; max-height: 90%; }
    .modal-window.info-opening-news .modal-box .heading { padding-left: 0; }
    .modal-window.info-opening-news .modal-box .heading h2 { margin-right: 0; padding-left: 0; }
    .modal-window.info-opening-news .modal-box .wrapper { height: calc(100% - 114px); }
    .modal-window.info-opening-news .wrapper .inner { padding-top: 10px; padding-left: 15px; padding-right: 15px; }
    .modal-window.info-opening-news .btn-box { height: 64px; }
    .modal-window.info-opening-news .btn-box .btn { width: 44%; height: 47px; line-height: 45px; }
    .modal-window.info-opening-news .btn-box .btn:after { display: none; }
    .modal-window.info-opening-news .btn-box .btn span { display: none; }

    .modal-window.info-matching-search { width: 96%; height: 90%; max-height: 90%; }
    .modal-window.info-matching-search .modal-box .heading h2 { margin-right: 0; padding-left: 0; }
    .modal-window.info-matching-search .modal-box .wrapper { height: calc(100% - 114px); }
    .modal-window.info-matching-search .wrapper .inner { padding-top: 10px; padding-left: 15px; padding-right: 15px; }
    .modal-window.info-matching-search .btn-box { height: 64px; }
    .modal-window.info-matching-search .btn-box .btn { width: 44%; height: 47px; line-height: 45px; }
    .modal-window.info-matching-search .btn-box .btn:after { display: none; }
    .modal-window.info-matching-search .btn-box .btn span { display: none; }

    label:hover .icon-check { background-image: url("../images/svg/icon-check.svg"); }

    .tooltip:hover:after { display: none; }

    .category           { padding-right: 5px; padding-left: 5px; }
    .introduction .category { width: auto; }

    .select-box          { display: block; width: 100%; border: none; }
    .select-box label    { width: 100%; height: 35px; line-height: 35px; margin-top: 0 !important; border: 1px solid #999; border-top: none; color: #333; background: #fff; text-align: center; }
    .select-box label:first-of-type { border-radius: 5px 5px 0 0; border-top: 1px solid #999; }
    .select-box label:last-of-type { border-radius: 0 0 5px 5px; }
    .select-box label.checked { color: #fff; background: #444; }
    .select-box label i  { float: left; margin-top: 10px; margin-left: 8%; }
    .select-box label input[type="checkbox"] + i { margin-right: 5px; background-image: url("../images/svg/icon-check.svg"); vertical-align: middle; }
    .select-box label input[type="checkbox"]:checked + i { background-image: url("../images/svg/icon-checked.svg"); }
    .select-box input[type="radio"],
    .select-box input[type="checkbox"] { display: none; }

    .select-box.select4 label { float: left; width: 50% !important; margin: 0; }
    .select-box.select4 label:nth-of-type(1) { border-radius: 5px 0 0 0; border-right: none; }
    .select-box.select4 label:nth-of-type(2) { border-radius: 0 5px 0 0; border-top: 1px solid #999; }
    .select-box.select4 label:nth-of-type(3) { border-radius: 0 0 0 5px; border-right: none; }
    .select-box.select4 label:nth-of-type(4) { border-radius: 0 0 5px 0; }

    .select-box.select5 label { float: left; width: 50% !important; margin: 0; }
    .select-box.select5 label:nth-of-type(1) { border-radius: 5px 0 0 0; border-right: none; }
    .select-box.select5 label:nth-of-type(2) { border-radius: 0 5px 0 0; border-top: 1px solid #999; }
    .select-box.select5 label:nth-of-type(3) { border-radius: 0; border-right: none; }
    .select-box.select5 label:nth-of-type(4) { border-radius: 0 0 5px 0; }
    .select-box.select5 label:nth-of-type(5) { border-radius: 0 0 5px 5px; }

    .box-item > li      { width: 100% !important; margin-left: 0; margin-right: 0; padding-top: 5px; padding-bottom: 5px; }
    .chest .box-item > li > a > .table:first-of-type li:first-child { width: auto; }
}

@media screen and (max-width: 320px) {
    .global-nav > .table > li > a { padding: 5px 10px; }
    .global-nav > .table > li a > p { line-height: 30px; }
    .global-nav > .table > li > a > p { left: 50px; }
    .global-nav a > i { width: 20px !important; }
    .global-nav .inner li a p { padding-left: 50px; }

    .introduction .table li:last-of-type th,
    .introduction .table li:last-of-type td { padding-left: 0; padding-right: 0; }
    .introduction .table-photo .image { height: 290px; }
    .introduction .table-photo .photo-small .image { height: 100px; }
    .introduction .table-profile,
    .introduction .table-profile tbody,
    .introduction .table-profile tr,
    .introduction .table-profile th,
    .introduction .table-profile td,
    .introduction .table-interest,
    .introduction .table-interest tbody,
    .introduction .table-interest tr,
    .introduction .table-interest th,
    .introduction .table-interest td { display: block; width: 100%; }
    .introduction .table-interest td { text-align: left; }
    .introduction .table-profile td { text-align: right; }
    .introduction .table-profile th { min-height: 20px; }
    .introduction .table-profile td { min-height: 38px; }
    .introduction .table-profile th,
    .introduction .table-interest th { border-bottom: none; }
    .introduction .table-interest th { min-height: 20px; }
    .introduction .table-interest td { min-height: 30px; }
    .introduction .table-analysis td { padding-left: 15px !important; padding-right: 15px !important; }

    .message-area h3 + .box { margin-left: 0; margin-right: 0; }

    .password .box      { width: 100%; }

    .login .input .box  { width: 100%; }
}

/* iPhone6 / iPhone6+ / Android  Landscape */
@media only screen and (max-device-width : 767px) and (orientation : landscape) {
    .login              { min-height: 100%; }
    .login .wrapper > ul,
    .login .wrapper > ul > li { display: block; width: 100%; }
    .login .right-box .news { height: 300px !important; }
    .login .message-area .box { height: inherit; overflow-y: hidden; }
    .login .message-area .box > ul > li { height: 51px; line-height: 50px; }
    .login .message-area .box .list > li:last-of-type { border: none; }
    .login .news .box-inner { height: inherit; max-height: 250px; overflow-y: hidden; padding-bottom: 0; }
    .login .news .box-inner .list li:last-of-type { border: none; }
}

/* iPad Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .login              { min-height: 100%; margin-bottom: 128px; }
    .login .message-area .box { height: 90px; }
    .login .input       { height: auto !important; min-height: 300px; }
    .login .input .box  { position: inherit; top: inherit; left: inherit; margin: 0 auto !important; }
    .login .input .box li,
    .login .input .box .box-btn { margin-top: 10px; }

    .tab-detail .box:hover,
    .speciality .columns .box:hover { border: 1px solid #ddd; color: #333; }
    .columns .box label:hover,
    .tab-detail .box label:hover { background: #fff; }
}





/* 201609 Limited support
-----------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    .limited-support.result.matching .col1 .table-view-contents,
    .limited-support.list.partner-search .col1 .table-view-contents { padding-right: 10px; }
    .limited-support.partner-search .tabs-head li.tab { border-bottom: none; }
    .limited-support.partner-search .tabs-head li.tab { width: 50%; }
}
@media screen and (max-width: 480px) {
    .limited-support.top .board .box-bottom .table li:last-child { text-align: left; }
}