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

/*========================================▼base・reset▼========================================*/
*, *:before, *:after {
margin: 0;padding: 0;list-style: none;font-size: 100%;font-weight: normal;font-style: normal;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
body {width: 100%;font-style: normal;font-weight: normal;letter-spacing:1px;color: #606d73;}
h1, h2, h3, h4, h5, h6, p, b, span,th,td,tr,ol,ul,li,dt,dd,select,button,textarea,input{margin: 0;padding: 0;font-feature-settings: "palt";/* 字詰め */font-family:"Yu Gothic", YuGothic,"メイリオ",sans-serif; color:#606d73;}
a {text-decoration: none;transition: .3s ease-in-out;}
/*a:hover, a:hover img, a:hover li{ color:#333333; transition: .3s;}*/
p {line-height: 166%;font-size: 107%;letter-spacing: 3px;}
strong {font-weight: bold;}
sub {vertical-align: sub;	font-size: smaller;}
sup {vertical-align: super;	font-size: smaller;}
img {border: none;	vertical-align: top;}
header,nav,footer{margin: 0;	padding: 0;}
ul, ol, dl, dt, dd, li {margin: 0;	padding: 0;}
li {list-style: none;display: inline-block;}
table {border: none;	border-collapse: collapse;	empty-cells: show;}
th,td {text-align: left;}
/* padding */
.p_top65{ padding:65px 0}
/* float */
.flL { float: left; }
.flR { float: right; }
.floatNone{float: none;}
.txtCenter{ text-align:center;}
/* img float */
.imgR {	float: right; margin: 0 0 10px 10px; }
.imgL {	float: left; margin: 0 10px 10px 0; }
/* clearfix */
.clearfix:after {content: "";display: block; clear: both; height: 0; visibility: hidden;margin:0 auto;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
/* clear */
.clear {clear:both;}
/* 游ゴ */
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}

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

a{color:#c2d968;text-decoration:none;cursor:pointer;}
a:visited{color:#c2d968;}
a:hover{color:EC4D63;transition: .3s;}
/*========================================▲base・reset▲========================================*/


/*----------------------------------

全体共通

------------------------------------*/
#sec01,#sec02,#sec03{width:100%;position:relative;background:#f7f7ef;}
#sec01{padding: 2% 0;}
#sec02{padding: 1% 0 0;}
.wrap{width:90%;max-width:1200px; margin:0 auto; display:block;overflow: hidden;position:relative;text-align: center;}
.txt-box{margin: 1% auto;}
.txt-tit{font-size: 170%;font-weight: normal;letter-spacing: 2px;margin: 4% auto 3%;line-height: 1.3em;}
h4.txt-tit{font-size: 150%;}
.txt-box p{margin: 2% auto 3%}

@media screen and (min-width: 1180px) {
.b-1000{display:none;}
}
@media screen and (min-width: 360px) {
.b-360{display:none;}
}

@media screen and (max-width: 950px) {
.b-1000{display:none;}
}
@media screen and (max-width: 950px) {
h1, h2, h3, h4, h5, h6, p, b, span,th,td,tr,ol,ul,li,dt,dd,select,button,textarea,input{
font-family:こぶりなゴシック W3 JIS2004;
}
}


/*----------------------------------

header

------------------------------------*/
header{
background: #f7f7ef;
}
header img{
width: 60%;max-width: 140px;margin: 1%;}

.inner_head{
width: 85%;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 0 24px;
}
.inner_head .logo{
margin: 5px 0;
}
#mobile_head{
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
#global_nav{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header_menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 20px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
#global_nav ul li{
padding: 0 30px;
text-decoration: none;
}

.btn_big{
padding: 10px 20px;
font-size: 17px;
font-weight: bold;
border-radius: 4px;
}
.btn_yellow{
background-color: #c2d968;
color: #606d73;
}
.btn_yellow:visited{
color: #606d73;
}

/* Toggle Button */
#nav_toggle {
display: none;
position: absolute;
right: 30px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav_toggle div {
position: relative;
}
#nav_toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #666;
left: 0;
-webkit-transition: .35s ease-in-out;
-o-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {
top: 0;
}
#nav_toggle span:nth-child(2) {
top: 11px;
}
#nav_toggle span:nth-child(3) {
top: 22px;
}

.br-sp { display:none; }
@media screen and (max-width: 950px) {
.br-sp { display:block; }
.header_menu{
font-size: 1.7vw;
}
.inner_head{
width: 95%;
max-width: 830px;
padding: 0;
}
}
@media screen and (max-width: 640px){
.br-sp { display:none; }
header img {
width: 90%;
}

.inner_head{
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

#mobile_head{
width: 100%;
height: 56px;
z-index: 9999;
position: relative;
}

#top_head.fixed .logo,
#top_head .logo{
position:absolute;
left: 13px;
top: 8px;
margin: 0;
color: #333;
font-size: 23px;
}

#global_nav{
position: absolute;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/* 開いてない時は画面外に配置*/
top:-400px;
background: #333;
width: 100%;
text-align: center;
padding: 10px 0;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
z-index: 500;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
}
#global_nav ul{
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
list-style: none;
right: 0;
bottom: 0;
font-size: 14px;
}
#global_nav ul li{
position: static;
}
#top_head #global_nav ul li a,
#top_head.fixed #global_nav ul li a{
width: 100%;
display: block;
color: #fff;
padding: 18px 0;
}
.header_menu{
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 40%;
}
.header_link{
width: 60%;
margin: 10px 0;
}
#nav_toggle {
display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav_toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-ms-transform: rotate(-315deg);
transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global_nav {
/* #global-nav top + #mobile-head height */
-webkit-transform: translateY(456px);
-ms-transform: translateY(456px);
transform: translateY(456px);
}
}

/*----------------------------------

#login

------------------------------------*/
body.page-id-32,.page-id-32 #sec01, .page-id-32 #sec02, .page-id-32 #sec03{background-color: #FFF;}

input[type="submit"] {
-webkit-appearance: none;
}

.login-box{
max-width: 440px;
width: 100%;
margin: 0 auto;
padding:8% 0;
text-align: center;
border-radius: 6px;
}
.login-box img{
display: none;
}

.login-box fieldset {
margin: 0 auto;
padding: 30px;
text-align: center;
background: #c2d968;
}
.login-box legend {
position: relative;
width: 100%;
text-align: center;
font-size: 1.2em;
font-weight: bold;
top: 18px;
padding-top: 90px;
margin-bottom: 15px;
}

.login-box input{
width: 80%;
margin-bottom: 15px;
background: #f7f7ef;
border: none;
padding: 6px 10px;
padding-left: 10px;
}
.login-box .button_div{
white-space: nowrap;
margin: 5% auto 0;
}
.login-box input.buttons{
display: block;
width: auto;
font-size: 1.2em;
margin: 0 auto;
position: relative;
font-weight: bold;
margin-top: 0;
padding:8px 30px 6px;
background: #f7f7ef;
color:#606d73;
cursor: pointer;
border-radius: 0;
}
.login-box #rememberme{	
width: auto;
margin-bottom: 25px;
}
.login-box .buttons:active{
box-shadow: none;
top: 3px;
}
.login-box .buttons:focus{
outline: 0;
}
.login-box label{
background: #606d73;
width: 80%;
padding: 1% 0;
margin: auto;
display: block;
color: #c2d968;
}
.login-box .button_div label{
background: none;
color: #606d73;
display: inline;
}

@media screen and (max-width: 950px){
.login-box legend{
font-size: 20px;
}
}

@media screen and (max-width: 640px){
.login-box{
width: 100%;
}
.login-box fieldset{
}
.login-box input,.login-box label{
width: 100%;
}
.login-box input.buttons{
display: block;
margin: 0 auto;
margin-top: 10px;
}
}

/*----------------------------------

sec01

------------------------------------*/
#sec01{}
#sec01 .wrap{
    width: 100%;
    max-width: 1200px;
    padding: 0 24px 20px;
}

.point-left{width: 40%;float: left;text-align: left;}
.point-left h4{font-size: 160%;margin:40px auto 10px;font-weight: bold;}
.point-left h4:after{content:"様";font-size: 17px;padding-left: 5px;}
.point-left span{display: block;margin: 0 auto 15px;}


.point-box{width: 45%;margin: auto;background: #c2d968;padding: 1% 0;float: right;border-radius: 85px;}
.point-box p{margin: 5px auto 0;font-size: 1.2em;color: #FFF;}
.point-box .point-area{font-size: 230%;}
.point-box .point-area:after{content:"P";margin-left: 10px;font-size: 70%;}

@media screen and (max-width: 950px) {
.point-area{font-family:こぶりなゴシック W6 JIS2004;}
#sec01 .wrap {
width: 95%;
max-width: 830px;
}
}
@media screen and (max-width: 640px) {
#sec01 h4 {margin: 0 auto;font-size: 115%;}
.point-left{text-align:center;margin: auto;}
.point-left span {margin: 1% auto 3%;font-size: 78%;}
.point-box,.point-left{float:none;width: 95%;}
.point-box {margin:2% auto 5%;}
.point-box p{line-height: 100%;margin: 2% auto;}
.point-box .point-area{line-height: 120%;}
}

/*----------------------------------

sec02

------------------------------------*/
.tabbox{width: 100%;text-align: center;}
.tabs{width: 90%;max-width:1200px;margin:0 auto 25px;}
.tabs a{color: #000;background:#FFF;border:solid 1px #000;padding: 1%;transition: .3s;}
.tabs a:hover{color: #FFF;background: #000;transition: .3s;}

.container section{position: relative;}
label.panel-label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
width: 100%;
color: #bdc3c7;
cursor: pointer;
background-color: #ecf0f1;
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
label.panel-label:hover {color: #c2d968;}
#panels {background-color: white;}
#panels .container {margin: 0 auto;width: 90%;}
#panels section header label.panel-label {padding: 12px 24px;}
#panels section main {
max-height: 0;
opacity: 0;
-webkit-transition: opacity 600ms;
transition: opacity 600ms;
overflow-y: hidden;
}
#panel-1-ctrl:checked ~ #panels #panel-1 main {max-height: initial;opacity: 1;padding: 48px 24px;}
#panel-2-ctrl:checked ~ #panels #panel-2 main {max-height: initial;opacity: 1;padding: 48px 24px;}
#panel-3-ctrl:checked ~ #panels #panel-3 main {max-height: initial;opacity: 1;padding: 48px 24px;}

/* IE10以下 */
#panels { height: 508px\9; }
#panels section main{position: absolute\9;top: 0\9;}
#panel-1-ctrl:checked ~ #panels #panel-1 main {max-height: 460px\9;}
#panel-2-ctrl:checked ~ #panels #panel-2 main {max-height: 460px\9;}
#panel-3-ctrl:checked ~ #panels #panel-3 main {max-height: 460px\9;}
/* IE10 */
@media all and (-ms-high-contrast: none){
#panels { height: 508px; }
#panels section main{position: absolute;top: 0;}
#panel-1-ctrl:checked ~ #panels #panel-1 main {max-height: 460px;}
#panel-2-ctrl:checked ~ #panels #panel-2 main {max-height: 460px;}
#panel-3-ctrl:checked ~ #panels #panel-3 main {max-height: 460px;}
}
/* IE11 */
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, #panels { height: 508px; } 
}


#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
pointer-events: none;
cursor: default;
-webkit-transform: translate3d(0, 1px, 0);
transform: translate3d(0, 1px, 0);
box-shadow: none;
border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {border-right: 1px solid transparent;}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {border-left: 1px solid #dfdfdf;}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {background-color: white;color:#606d73;padding-top: 12px;}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {height: 6px;}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
pointer-events: none;
cursor: default;
-webkit-transform: translate3d(0, 1px, 0);
transform: translate3d(0, 1px, 0);
box-shadow: none;
border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {border-right: 1px solid transparent;}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {border-left: 1px solid #dfdfdf;}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {background-color: white;color:#ff8349;padding-top: 12px;}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {height: 6px;}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
pointer-events: none;
cursor: default;
-webkit-transform: translate3d(0, 1px, 0);
transform: translate3d(0, 1px, 0);
box-shadow: none;
border-right: none;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last {border-right: 1px solid transparent;}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {border-left: 1px solid #dfdfdf;}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {background-color: white;color:#5ad6d6;padding-top: 12px;}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {height: 6px;}
ul#tabs-list {
display: flex;
justify-content: center;
list-style: none;
text-align: center;
border-bottom: 1px solid #dfdfdf;
margin: 0;
padding: 0;
text-align: center;
border-bottom: 1px solid #dfdfdf;
}
ul#tabs-list li {
display: flex;
text-align: center;
font-size: 0.875em;
width: 18%;
box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
border-right: 1px solid #dfdfdf;
position: relative;
}
ul#tabs-list li:hover {-webkit-transition: none;transition: none;border-right: none;}
ul#tabs-list li:hover.last {border-right: 1px solid transparent;}
ul#tabs-list li:hover + li {border-left: 1px solid #dfdfdf;}
ul#tabs-list li label.panel-label {position: relative;padding: 12px 0;font-size: 1.1em;letter-spacing: 3px;}
ul#tabs-list li label.panel-label::after {
content: "";
position: absolute;
width: 100%;
left: 0;
bottom: 100%;
background-color: #c2d968;
height: 0;
-webkit-transition-property: height;
transition-property: height;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
ul#tabs-list li label.panel-label:hover {padding-top: 12px;}
ul#tabs-list li label.panel-label:hover::after {height: 6px;}
main {}
.panel-radios {display: none;}


.container{width: 85%;max-width: 1200px;margin: auto;}
.container .category{background:#c2d968;text-align: center;color: #FFF;font-size: 20px;font-weight: normal;letter-spacing: 5px;border-bottom: solid 2px;}
.container table{width: 100%;display: block;}
.container table thead,.container table tbody{display: block;width: 100%; }
.container table tr{ width:100%;display: block;position: relative;}

.container table thead {background:#606d73;}
.container table thead th,.container table thead td{}
.container table thead th{
padding: 15px 5px 10px 15px;
color: #FFF;
display: inline-block;
vertical-align: middle;
line-height: 120%;
}
.container table thead td{}

.container table thead th:first-child{width:12%;}
.container table thead th:nth-child(2){width:9%;}
.container table thead .company{width: 26%;}
.container table tbody .company{width: 26%;}
.container table thead .details{width: 33%;}
.container table tbody .details{width: 35%;}
/*.container table .get,.container table .total{width: 10%;}
.container table tbody .get,.container table tbody .total{width: 10%;text-align: right;}
*/
.container table tbody .get{
text-align: right;
width: 12%;
}

#user_list{
background-color: #fff;
}

.container #user_list .id{width: 10%;padding: 1% 5px 1% 2%;}
.container #user_list .partner{width: 25%;}
.container #user_list .partner a{text-decoration: underline;}
.container #user_list .email{width: 25%;}
.container #user_list .totalPoint{width:22%;max-width: 200px;text-align: center;}
.container #user_list tbody .totalPoint{text-align: right;max-width: 100%;}
.container #user_list .edit{width: 165px;text-align: center;position: absolute;}
.container #user_list td.edit{right: 10px;padding: 3px 1% 0;}
.container #user_list th.edit{
position: absolute;
right: 30px;}
.container #user_list thead th.edit{text-align: center;}

.edit_btn,.edit_btn:visited{
width: 100%;
margin: auto;
display: inline-block;
padding: 10px;
text-decoration: none;
color: #FFF;
background: #fd9535;
font-weight: bold;
text-align: center;

}
.edit_btn br.b-1000{dispiay:none;}
.edit_btn:active {
}


.container table tbody{overflow-y: scroll;max-height: 320px;border-bottom:solid 1px #abb2b4;}
.container table tbody tr{border-bottom: solid 1px #e0e0e0;overflow: hidden;padding: 5px 0;}
.container table tbody .category{}
.container table tbody tr th,td{padding: 1%;display: inline-block;vertical-align: middle;}
.container table tbody tr th{padding: 5px 0;}
.container table tbody tr td:first-child{font-size: 14px;letter-spacing: 0px;width: 11%;}

.get,.total{font-weight: bold;}
.plus .get{color:#ff8349;}
.minus .get{color:#29d6d6;}

.container table tbody tr td span{color: #FFF;font-size: 12px;display: inline-block;position:relative;padding: 1px 5px 1px 20px;}
.mark_plus{background: #ff8349;}
.mark_minus{background: #5ad6d6;}
.mark_plus:before{content:"＋";position: absolute;left: 5px;margin: auto;text-align: center;font-weight: bold;}
.mark_minus:before{content:"－";position: absolute;left: 5px;margin: auto;text-align: center;font-weight: bold;}


@media screen and (max-width: 1200px) {
.container #user_list .edit {width: 125px;}
.container table tbody tr {padding: 15px 0;}
.container #user_list td.edit{padding: 0 1%;}
.edit_btn, .edit_btn:visited{
padding: 5px 10px;
line-height: 120%;
}
}

@media screen and (max-width: 950px) {
.container table {display: block; width: 100%; margin: 0;border-top: solid 1px #d0d0d0;border-bottom: solid 1px #d0d0d0;}
.container table thead{display: none; float: left;}
.container table tbody{ display: block;width: auto; max-height:490px;}
.container table th{display: block;width:auto;}
.container table tbody tr{padding: 0;border-bottom:solid 2px #a3b5a9;}

.container table tbody tr td:before{
position:absolute;
top:0;
left:0;
background:#606d67;
width:120px;
min-height:100%;
font-weight:bold;
padding:5px 5px 10px;
border-top: solid 2px #606d67;
border-bottom: solid 2px #606d67;
box-sizing: border-box;
} 
.container table tbody tr .total{
margin-bottom:1px;
}

.date:before{content:"日付";color: #FFF;}
.point:before{content:"種別";color: #FFF;}
.company:before{content:"件名";color: #FFF;}
.details:before{content:"内容";color: #FFF;}
.get:before{content:"発生ポイント";color: #FFF;}
.total:before{content:"累計ポイント";color: #FFF;}

.id:before{content:"ID";color: #FFF;}
.partner:before{content:"企業名";color: #FFF;}
.email:before{content:"登録アドレス";color: #FFF;}
.totalPoint:before{content:"ポイント累積";color: #FFF;}
.edit:before{content:"ポイント編集";color: #FFF;}

.container table td{
display: block;
padding-left:23%;
position:relative;
min-height: 40px;
border-bottom: dotted 1px rgba(120, 120, 120, 0.59);
}
.container #user_list .id{
padding-left: 23%;
}
.container table tbody tr td:first-child,
.container table tbody .company,
.container table tbody .details,
.container table tbody .get,
.container table tbody .total,
.container #user_list tbody .id,
.container #user_list tbody .partner,
.container #user_list tbody .email,
.container #user_list tbody .totalPoint,
.container #user_list tbody .edit{
width:auto;
text-align:left;
padding: 7px 0 8px 23%;
}

.edit_btn,.edit_btn:visited{
margin-top: 5px;
width: 85%;
}
.container #user_list .totalPoint{

}
.container #user_list td.edit{
padding-left: 23%;
position: sticky;
border-bottom: none;
}


#panel-1-ctrl:checked ~ #panels #panel-1 main,
#panel-2-ctrl:checked ~ #panels #panel-2 main,
#panel-3-ctrl:checked ~ #panels #panel-3 main {padding:25px 1% 70px;}

ul#tabs-list li {width:30%;}

}

@media screen and (max-width: 640px) {
ul#tabs-list li label.panel-label{letter-spacing: 1px;}
.container table tbody{max-height: 460px;}
.container table td{padding-left: 30%;}
#panel-1-ctrl:checked ~ #panels #panel-1 main,
#panel-2-ctrl:checked ~ #panels #panel-2 main,
#panel-3-ctrl:checked ~ #panels #panel-3 main {padding-bottom: 25px;}
.container table tbody tr td:first-child,
.container table tbody .company,
.container table tbody .details,
.container table tbody .get,
.container table tbody .total,
.container #user_list tbody .id,
.container #user_list tbody .partner,
.container #user_list tbody .email,
.container #user_list tbody .totalPoint,
.container #user_list tbody .edit{
padding:7px 0 8px 30%;
}
.container #user_list td.edit{
padding-left:30%;
}
}
@media screen and (max-width: 480px) {
.container table tbody tr td:first-child,
.container table tbody .company,
.container table tbody .details,
.container table tbody .get,
.container table tbody .total,
.container table tbody .id,
.container table tbody .partner,
.container table tbody .email,
.container table tbody .totalPoint,
.container table tbody .edit
{line-height: 150%;}

.container table tbody tr th, td{padding: 2% 1%;}
.container table td{padding-left: 35%;}
.container table tbody tr td:before{font-size: 13px;width: 88px;}
}

@media screen and (max-width: 360px) {
ul#tabs-list li label.panel-label{line-height: 115%;}
.container table tbody tr td:before{width: 90px;}
.container table td {padding-left: 38%;}
.container table tbody tr td:first-child,
.container table tbody .company,
.container table tbody .details,
.container table tbody .get,
.container table tbody .total,
.container #user_list tbody .id,
.container #user_list tbody .partner,
.container #user_list tbody .email,
.container #user_list tbody .totalPoint,
.container #user_list tbody .edit{
padding:7px 0 8px 40%;
}
.container #user_list td.edit{
padding-left:40%;
}
}

/*----------------------------------

admin admin管理画面

------------------------------------*/
.page-id-21 #sec01 {
padding: 3% 0 1%;
}
.page-id-21 #sec01 .wrap {
width: 85%;
max-width: 1200px;
}
.page-id-21 #sec01 .wrap h3{
font-size: 1.2em;
}
.page-id-21 #sec02 {
padding: 0 0 5%;
}
.footer_logo_box {
padding: 35px 0 10px;
}

.page-id-23 #sec03 .wrap{
max-width: 1200px;
padding:0 24px 20px;
}

@media screen and (max-width: 950px){
.container table tbody .get {
border-bottom: none;
}
}




/*----------------------------------

ログイン失敗画面

------------------------------------*/
#wpmem_msg p a{
margin: 3% auto;
padding: 2% 0;
display: block;
background: #c2d968;
width: 100%;
color: #FFF;
}


/*----------------------------------

fotter

------------------------------------*/

footer{
width: 100%;
margin: 0 auto;
border-top: 1px solid #f4f4f4;
text-align: center;
}
.footer_logo_box{
padding: 15px 0 10px;
}
footer .logo{
margin-bottom: 10px;
}

footer p {
font-size: 12px;
}