@charset "utf-8";

/*カラー変数*/
:root {
  --color-main: #f00;
	--color-sub: #ffd3d3;
	--color-cat0: #06c655;
	--color-cat1: #dc64e0;
	--color-cat2: #8780e5;
	--color-cat3: #7f9ef4;
	--color-cat4: #75d3ea;
	--color-cat5: #63e8ae;
	--color-cat6: #5cd651;
	--color-cat7: #ade54e;
	--color-cat8: #ede440;
	--color-cat9: #f9b248;
	--color-cat10: #ef4434;
}

.cat li{display: inline-block;padding: 1px 10px;border-radius:3px;margin-bottom: 2px;}
/*.cat .cat0{background: #ffbcdb;}
.cat .cat1{background: #f3c3f4;}
.cat .cat2{background: #d1c1f2;}
.cat .cat3{background: #bfd0ff;}
.cat .cat4{background: #bce8f4;}
.cat .cat5{background: #abf2d4;}
.cat .cat6{background: #ade5a9;}
.cat .cat7{background: #d5f2a4;}
.cat .cat8{background: #f7f4a0;}
.cat .cat9{background: #f4d39f;}
.cat .cat10{background: #f2be9f;}*/
.cat .cat0{background: var(--color-cat0);}
.cat .cat1{background: var(--color-cat1);}
.cat .cat2{background: var(--color-cat2);}
.cat .cat3{background: var(--color-cat3);}
.cat .cat4{background: var(--color-cat4);}
.cat .cat5{background: var(--color-cat5);}
.cat .cat6{background: var(--color-cat6);}
.cat .cat7{background: var(--color-cat7);}
.cat .cat8{background: var(--color-cat8);}
.cat .cat9{background: var(--color-cat9);}
.cat .cat10{background: var(--color-cat10);}

.cat-border .cat0{border-color: var(--color-cat0) !important;}
.cat-border .cat1{border-color: var(--color-cat1) !important;}
.cat-border .cat2{border-color: var(--color-cat2) !important;}
.cat-border .cat3{border-color: var(--color-cat3) !important;}
.cat-border .cat4{border-color: var(--color-cat4) !important;}
.cat-border .cat5{border-color: var(--color-cat5) !important;}
.cat-border .cat6{border-color: var(--color-cat6) !important;}
.cat-border .cat7{border-color: var(--color-cat7) !important;}
.cat-border .cat8{border-color: var(--color-cat8) !important;}
.cat-border .cat9{border-color: var(--color-cat9) !important;}
.cat-border .cat10{border-color: var(--color-cat10) !important;}

.cat-icon:before{font-weight: normal;font-family: 'Material Symbols Outlined';font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;display: inline-block !important;font-size: 20px;line-height: 1;vertical-align: middle;margin-right: 10px;color: #999;}
.cat-icon0:before{content:"\ea24";}
.cat-icon1:before{content:"\e30a";}
.cat-icon2:before{content:"\e02c";}
.cat-icon3:before{content:"\e3c9";}
.cat-icon4:before{content:"\e8e5";}
.cat-icon5:before{content:"\e40a";}
.cat-icon6:before{content:"\ea45";}
.cat-icon7:before{content:"\ea19";}
.cat-icon8:before{content:"\e405";}
.cat-icon9:before{content:"\f1e8";}
.cat-icon10:before{content:"\ea63";}

.side .cat-news{border-left-color: var(--color-cat0);}
.side .cat-knowledge{border-left-color: var(--color-cat1);}

.post-single .cat-news a{background: var(--color-cat0);}
.post-single .cat-knowledge a{background: var(--color-cat1);}

.cat .cat-icon:before{font-size: 12px;margin-right: 1px;color: rgba(0,0,0,.7);}

.btn{font-size: 12px;transition:all .1s linear 0s;}
.btn:hover,
.btn:active,
.btn:focus{border-radius:10px;}
.btn i{position: relative;top: 1px;}

.btn-tweet{background: #1da1f2;border-radius:30px;color: #fff !important;text-decoration: none;border: solid 1px #1da1f2;}
.btn-tweet:hover,
.btn-tweet:active,
.btn-tweet:focus{background: #008adb;}

.btn-white{background: #fff;color: var(--color-main);border: solid 1px var(--color-main);}
.btn-white:hover,.btn-white:active,.btn-white:focus{background:var(--color-sub);color: var(--color-main);}
.btn-yellow{}

.btn-blue{background: var(--color-main);color: #fff;}
.btn-blue:hover,.btn-blue:active,.btn-blue:focus{background: #d30000;color: #fff;}

.btn-round-yellow{background: #ff0;border-radius:30px;color: #111;border: solid 2px #fff;overflow: hidden;transition:all .2s linear 0s;}
.btn-round-yellow:hover,
.btn-round-yellow:active,
.btn-round-yellow:focus{background: var(--color-main);color: #fff;}
.btn-round-white{background: #fff;border-radius:30px;color: #111;border: solid 2px #111;overflow: hidden;transition:all .2s linear 0s;}
.btn-round-white:hover,
.btn-round-white:active,
.btn-round-white:focus{background: #111;color: #fff;}
.btn-round-black{background: #111;border-radius:30px;color: #fff;border: solid 2px #fff;overflow: hidden;transition:all .2s linear 0s;}
.btn-round-black:hover,
.btn-round-black:active,
.btn-round-black:focus{background: #666;color: #fff;}

.btn-bookmark{color: #000;text-decoration: none;background: #fff;font-size: 12px;border: solid 1px #999;border-radius:3px;padding: 5px 20px;transition:all .1s linear 0s;}
.btn-bookmark i{font-size: 18px;color: var(--color-main);}
.btn-bookmark:hover,
.btn-bookmark:active,
.btn-bookmark:focus{background: var(--color-main);color: #fff;}
.btn-bookmark:hover i,
.btn-bookmark:active i,
.btn-bookmark:focus i{color: #fff;}

.label-st1{background: #fff;border: solid 1px #111;color: #111;}
.label-st2{background: #00d19c;color: #fff;}
.label-st3{background: #ff498f;color: #fff;}
.label-st4{background: var(--color-main);color: #fff;}
.label-st5{background: #ddd;color: #999;}

.label-login1,
.label-login2{font-size: 10px !important;}
.label-login1{background: #fff;border: solid 1px var(--color-main);color: var(--color-main);}
.label-login2{background: #ddd;border: solid 1px #ddd;color: #666;}

.label-publish1{background: #fff;border: solid 1px var(--color-main);color: var(--color-main);}
.label-publish2{background: #ddd;border: solid 1px #ddd;color: #666;}


.link-back{text-align: center;clear: both;}
.link-back a{color: #111;text-decoration: none;}
.link-back a:hover{text-decoration: underline;}
.link-back i{color: var(--color-main);}

.label-nonmember{background: #fff;color: #666;border: solid 1px #666;}
.label-member{background: var(--color-main);color: #fff;border: solid 1px var(--color-main);}

.datepicker>div{display: block;}

/* 　base
******************************************/
/*ページ幅指定*/
#wrap{width: 100%;/*max-width: 1200px;*/margin: auto;font-size: 100%;}

.section-full{padding: 40px;max-width: 100%;}
.section-inner{padding: 40px 0;margin: auto;max-width: 1200px;}
.section-inner.section-medium{max-width: 1000px;}
.title .section-inner{padding-bottom: 0;}
section.title:last-child{padding-bottom: 20px;}

.search .section-inner,
.result-message{padding-bottom: 0;padding-top: 0;}
.result-search{padding-bottom: 0;padding-top: 0;margin-top: 10px;margin-bottom: 0;}

.contents{margin-bottom: 40px;}

@media screen and (max-width:1200px){
.section-inner{padding: 20px;}
}
@media screen and (max-width:640px){
#wrap{font-size: 90%;}
.section-inner{padding: 10px;}
.main-inner{min-height:300px;}

.result-message{padding-top: 0;}
}

.table-horizontal td{vertical-align: middle;}
.table-login th{background: #eee;}

.fa-exclamation-triangle{color: #d9534f;font-size: 130%;}

.btn-download{padding-top: 10px;font-size: 100%;}
.result-util p{margin-bottom: 3px;margin-top: 3px;}
@media screen and (min-width:641px){
.result-btn{text-align: left;}
}
@media screen and (max-width:640px){
.btn-download{text-align: center;}
}

.input-group > .form-group{display: inline-block;width: 80%;}
.input-group > .form-group > .input-group-text{width: 100%;}
.form-datetime .input-date{width: 40%;margin-right: 10px;}
.form-datetime .input-time{width: 40%;}
@media screen and (max-width:640px){
select.form-control{font-size: 16px !important;}
.form-datetime .input-date,
.form-datetime .input-time{width: 48%;}
}
@media screen and (max-width:480px){
.form-datetime .input-date,
.form-datetime .input-time{width: 90%;float: none;margin-right: 0;}
.form-datetime .input-date{margin-bottom: 10px;}
}

.list-flex{display:flex;justify-content: space-between;}
.list-flex.list-flex-col2 li{display:flex;border: solid 1px #ddd;border-radius:5px; flex-grow: 1;margin-right: 3px;text-align: center;box-shadow:1px 1px 1px 0 rgba(0,0,0,.2);}
.list-flex.list-flex-col2 li:last-child{margin-right: 0;}
.list-flex.list-flex-col2 li > span{width: 50%;display: block;padding: 3px;vertical-align: middle;}
.list-flex.list-flex-col2 li > span i{margin-right: 3px;}
.list-flex.list-flex-col2 li > span:first-child{background: #eee;color: #666;border-radius:5px 0 0 5px;}
.list-flex.list-flex-col2 li > span:last-child{background: #fff;border-left: solid 1px #ddd;border-radius:0 5px 5px 0;}


.flow{width: 100%;}
.flow li{display: block;padding: 10px 5px;font-size: 90%;background: #eee;color: #999;
border: solid 1px #ccc;border-left: 0;float: left;text-align: center;}
.flow li:first-child{border-radius:5px 0 0 5px;border-left: solid 1px #ccc;}
.flow li:last-child{border-radius:0 5px 5px 0;}
.flow li.current{background: rgba(51,179,237,.9);color: #fff;text-shadow:-1px -1px 1px rgba(0,0,0,.2);}
.flow4 li{width: 25%;}
.flow3 li{width: 33.3%;}
.flow2 li{width: 50%;}

.edit .flow li{padding: 0;}
.edit .flow li label{display: block;padding: 10px 5px;}
.edit .flow li .label-checked{background: rgba(51,179,237,.9);color: #fff;text-shadow:-1px -1px 1px rgba(0,0,0,.2);}
.edit .flow li.current{background: none;color: #999;text-shadow:none;}
.edit .flow li label:hover{background: rgba(0,0,0,.1);}
.edit .flow li input[type=radio]{display: none;}

/* 　main/side
******************************************/

.main.left,
.main.right{width: 70%;}

.side.left,
.side.right{width: 27%;}

@media screen and (max-width:800px){
.main.left,
.main.right,
.side.left,
.side.right{width: 100%;float: none;}
}

/* 　header
******************************************/
header{padding-bottom: 0;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);position: relative;z-index: 10;}
header .section-inner{padding: 0 !important;}

.header-before{margin-bottom: 10px;background: #f6f6f6;text-shadow:1px 1px 1px rgba(0,0,0,.2);border-top: solid 2px #333;}
.header-before .section-inner{position: relative;padding: 0 !important;}
.header-before a{display: inline-block;float: right;padding: 3px 15px;color: #fff;text-decoration: none;font-size: 11px;transition:all .1s linear 0s;border-left: solid 1px #fff;border-right: solid 1px #fff;background: #333;}
.header-before a:hover,
.header-before a:active,
.header-before a:focus{background: #111;color: #fff;}

.headline{padding: 10px;margin-bottom: 20px;}
.headline .logo{max-width: 200px;}
.section-inner .logo{max-width: 300px;margin: auto;}
.headline .btn{font-size: 80%;}


.headline .header-total{width: 40%;float: left;padding-top: 5px;text-align: center;}
.headline .header-total dl{border-radius:3px;background: #f6f6f6;color: #3d1200;padding: 5px;/*text-shadow:1px 1px 1px rgba(0,0,0,.1);*/}
.headline .header-total .key{font-size: 11px;display: block;}
.headline .header-total .val{letter-spacing:-1px;}
.headline .header-total .num{font-size: 24px;line-height: 1;color: #f00;}
.headline dl{display: block;}
.headline .count-total{width: 49%;float: left;}
.headline .count-secret{width: 49%;float: right;}
.headline .count-secret i{margin-right: 2px;}

.headline .util{display: flex;}
.headline .util .btn:first-child{border-radius:30px 0 0 30px;}
.headline .util .btn:last-child{border-radius:0 30px 30px 0;}

@media screen and (max-width:640px){
header .logo{width: 40%;display: inline-block;float: left;position: relative;}
header .util{/*display: inline-block;*/float: right;font-size: 10px;padding: 0;}
header .util .btn{padding: 10px 20px;margin-top: 0;}

.headline{margin-bottom: 10px;}
.headline .header-total{width: 100%;float: none;clear: both;padding-top: 5px;text-align: center;}

}
/* 　footer
******************************************/
.footer-before{background: #000;color: #fff;padding: 20px;text-align: center;}
.footer-nav li{display: inline-block;border-right: solid 1px #ddd;margin-left: -5px;}
.footer-nav li:last-child{border-right:0;}
.footer-nav a{display: block;transition:all .1s linear 0s;text-decoration: none;color: #fff;text-align: center;padding: 1px 20px;overflow: hidden;position: relative;}
.footer-nav a:hover,
.footer-nav a:active,
.footer-nav a:focus{color: #fff;text-decoration: underline;}
.footer-nav a .icon-text{position: relative;z-index: 3;font-size: 13px;}

footer{padding: 20px 10px;color: #fff;position: relative;}
footer small{font-size: 11px;}

#pagetop{position: fixed;bottom: 20px;right: 20px;display: none;z-index: 100;cursor:pointer;}
#pagetop i{font-size: 18px;margin-right: 0;line-height: 1;color: rgba(0,0,0,.5);transition:all .1s linear 0s;}
#pagetop a:hover i{transform:scale(1.1);}
#pagetop.show{display: inline-block;}

/* 　nav
******************************************/

nav .section-inner{padding: 0 !important;}

#globalnav{display: flex;flex-wrap: wrap;justify-content: center; }
#globalnav li{width: 15%;border-right: solid 1px #ddd;}
#globalnav li:last-child{border-right: 0;}
#globalnav a{display: block;transition:all .1s linear 0s;text-decoration: none;color: #000;text-align: center;padding: 10px;overflow: hidden;position: relative;}
#globalnav a .icon-text{position: relative;z-index: 3;font-size: 13px;}
#globalnav a:after{content:"";display: block;position: absolute;left: 0;bottom: 0;width: 100%;background: #eee;transition:all .2s linear 0s;height: 0;}
#globalnav a:hover:after,
#globalnav a:active:after,
#globalnav a:focus:after{height: 200px;}

@media screen and (max-width:640px){
#globalnav li{width: 25%;}
#globalnav a .icon-text{font-size: 11px;}
}

nav .tab li{display: inline-block;border: 0;}
nav .tab li:last-child{border: 0;}
nav .tab i{color: var(--color-main);}
nav .tab li a{background: #fff;border-radius:5px 5px 0 0;color: #111;text-decoration: none;border: solid 1px rgba(0,0,0,.1);background: #fcfcfc;display: block;padding: 10px;}
nav .tab li .edit a{background:  var(--color-sub);}
nav .tab li a:hover,
nav .tab li a:active{background: #eee;}
nav .tab li.edit a{background: var(--color-sub);}
nav .tab li.edit a:hover,
nav .tab li.edit a:active{background: #dce9ed;}
nav .tab li.right{float: right;}
nav .tab li.right a{/*background: #33B3ED;color: #fff;*/}
nav .tab li.right a:hover,
nav .tab li.right a:active{/*background: #2693c5;*/}
nav .tab li.right.active a{background: #fff;color: #999;}

nav .tab li.active a{box-shadow:none;background: #fff;color: #999;border: solid 1px var(--color-main);border-bottom: 0;}
nav .tab li.active a:hover,
nav .tab li.active a:active{background: #fff;color: #999;}

@media screen and (max-width:1200px){
nav .tab li{font-size: 11px;}
nav .tab li a{padding: 8px 15px 5px;}
nav .tab li i{font-size: 150%;display: block;text-align: center;margin-right: 0;margin-bottom: 5px;}
}
@media screen and (max-width:900px){
nav .section-inner{padding: 10px 10px 0;}
nav .tab{overflow: hidden;}
nav .tab li{display: block;float: left;margin-right: 1%;width: 24%;text-align: center;line-height: 1.2;margin-bottom: 1%;font-size: 10px;}/*メニュー5個*/
nav .tab li a{border-radius:5px;}
nav .tab li.active a{border-bottom: solid 1px #999;}
nav .tab li.right{float: left;}
nav .tab li i{font-size: 160%;display: block;text-align: center;margin-right: 0;margin-bottom: 8px;}
}
@media screen and (max-width:640px){
nav .tab li a{padding: 8px 10px;}
}

/* 　side
******************************************/
.side-box{margin-bottom: 20px;}
.side-title{font-size: 14px;border-bottom: solid 1px #111;margin-bottom: 10px;}

.side-cat li,
.side-cat a{display: block;}
.side-cat li{width: 100%;margin-bottom: 0;border-radius:0;border-left: solid 2px;font-size: 12px;
border-bottom: solid 1px #ddd !important;}
.side-cat a{padding: 10px;text-decoration: none;color: #111;background: #fff;}
.side-cat a:after{content:"";display: block;clear: both;height: 0;}
.side-cat a:hover,
.side-cat a:active,
.side-cat a:focus{background: #eee;}
.side-cat .num{float: right;font-size: 10px;background: rgba(0,0,0,.05);border-radius:30px;padding: 1px 5px;}

.side-tag li{display: inline-block;font-size: 11px;}
.side-tag a{display: block;border: solid 1px #111;padding: 3px 10px;margin-bottom: 5px;text-decoration: none;color: #000;border-radius:5px;transition:all .1s linear 0s;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);}
.side-tag a:hover,
.side-tag a:active,
.side-tag a:focus{transform:scale(1.02);}
.side-tag .num{font-size: 10px;background: rgba(0,0,0,.05);border-radius:30px;padding: 1px 5px;}

.side-post li,
.side-post a{display: block;}
.side-post li{width: 100%;margin-bottom: 0;border-radius:0;border-left: solid 2px;font-size: 12px;
border-bottom: solid 1px #ddd !important;}
.side-post a{padding: 10px;text-decoration: none;color: #111;background: #fff;}
.side-post a:after{content:"";display: block;clear: both;height: 0;}
.side-post a:hover,
.side-post a:active,
.side-post a:focus{background: #eee;}



/* 　heading
******************************************/

.title{margin-bottom: 20px;font-size: 24px;line-height: 1;position: relative;}
.title .jp{display: block;border-bottom: solid 1px #111;padding-bottom:5px;margin-bottom: 5px;}
.title .en{display: block;font-size: 11px;}
.title .btn,
.title select{position: absolute;right: 0;top: 1em;font-size: 12px;}

.title select{border-radius:30px;padding: 5px 20px;height: auto;border: solid 2px #111;}
@media screen and (max-width:640px){
.title {text-align: center;padding: 10px 0;}
.title .jp,
.title .en{text-align: left;}
.title .jp{font-size: 20px;}
.title .desc{text-align: left;margin-bottom: 0;}
.title .btn{padding: 5px 15px;font-size: 10px;top: 2em;}
.title select{position: static;margin-top: 10px;max-width: 90%;}
}

.num{font-family: Roboto, sans-serif;}

/* 　link
******************************************/
a{color: #2f21f2;text-decoration: underline;}
a:hover,a:active{color: #111;}
a:hover img{opacity: .8;}a:hover .rollover{opacity: 1;}

.btn{text-decoration: none;}

.pagination>li>a{color: #333;}
.pagination>li>a i.fa,
.pagination>li>span i.fa{margin-right: 0;}
.pagination>li>a:hover,.pagination>li>a:active{background: #333;color: #fff;}

.panel .panel-heading{cursor:pointer;background: #fff;color: #111;border: solid 1px #111;text-align: left;position: relative;font-size: 16px;}
.panel .panel-heading:hover{background: #eee;}
.panel .panel-heading i{transition:all .2s linear 0s;float: right;position: relative;top: 5px;}
.panel.open > .panel-heading i{transform:rotate(-90deg);}
.panel .panel-body{display: none;}
.panel.open > .panel-body{display: block;border: solid 1px #111;border-top: 0;}

.breadcrumb{padding: 0;font-size: 11px;}
.breadcrumb ul{max-width: 1200px;margin: auto;}
.breadcrumb li{display: inline-block;margin-left: -4px;}
.breadcrumb li:first-child{margin-left: 0;}

.breadcrumb li.active a{background: #ddd;}
.breadcrumb li.active a:hover,
.breadcrumb li.active a:active{text-decoration: none;}
.breadcrumb a{display: block;padding: 5px 10px;border-right: solid 1px #ccc;color: #111;text-decoration: none;}
.breadcrumb a:hover,
.breadcrumb a:active{background: #ff0;}

.breadcrumb li:last-child a{cursor:default;background: #ddd !important;}

.popover{color: #111;}
.icon-help i{color: #fff !important;font-size: 16px;line-height: 1;text-shadow:-1px -1px 1px rgba(0,0,0,.2);float: right;cursor:pointer;transition:all .2s linear 0s;}
.icon-help i.black{color: #111 !important;}
.icon-help i:hover{transform:scale(1.2);}
.icon-help i:focus{outline:0;}

.fa-external-link{margin-right: 0;margin-left: 5px;}

.link-home{clear: both;text-align: center;padding: 20px;font-size: 12px;}
.link-home a{text-decoration: none;color: #111;display: inline-block;padding: 5px 20px;border-radius:30px;}
.link-home a i{color: #999;}
.link-home a:hover,
.link-home a:active,
.link-home a:focus{background: #eee;}

@media screen and (max-width:640px){
.breadcrumb{font-size: 9px;}
}

/* 　search
******************************************/
.search .panel{margin-bottom: 0;}
.search .panel-body{padding: 0;}
.search .panel-body .table-search{margin: 0;}

.table-search,
.table-search thead,
.table-search tbody,
.table-search tfoot,
.table-search tr,
.table-search th,
.table-search td{display: block;width: 100%;}
.table-search{margin-top: 0;}
.table-search caption{margin-bottom: 5px;color: #333;}
.table-search tr{border-bottom: solid 1px #ddd;padding: 10px;}
.table-search th,
.table-search td{padding: 0;font-size: 12px;vertical-align: middle;}
.table-search th{font-size: 16px;text-align: left;}
.table-search .label-block label{padding: 5px 10px;}
.table-search .label-block .check-all{display: block;width: auto;border: 0;}

.input-full{width: 100% !important;}
.input-group-full{width: 100% !important;}

.cat-all{height: 200px;overflow-y: scroll;border: solid 1px #eee;}
.cat-group label{padding: 5px 20px;font-size: 11px;border-right: dashed 1px #ddd;margin-left: -5px;}
.cat-group label input{transition:all .1s linear 0s;}
.cat-group label:hover{background: #f9f9de;}
.cat-group label:hover input{transform:scale(1.1);}
.cat-group .group-title{font-size: 14px;display: block;border-left: solid 5px #ddd;background: #f9f9f9;border-right: 0;}
.cat-group .group-title .all{display: inline-block;font-size: 11px;float: right;}
.cat-group .group-title .all input{margin-left: 10px;}

.tag-all li{display: inline-block;}
.tag-all label{display: block;border: solid 1px #333;border-radius:5px;margin-bottom: 10px;padding: 3px 10px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);}
.tag-all label:hover{background: #f9f9de;}
.tag-all label:hover input{transform:scale(1.1);}

@media screen and (max-width:740px){
.table-search select{height: 40px;}

}
@media screen and (max-width:480px){
.search-box-order .search-single{width: 100%;}
.search-box-order .search-single .form-title{display: inline-block;}
.search-box select{width: 80%;}

}
/* 　search
******************************************/
.index-search{text-align: center;max-width: 800px;margin: auto;padding: 10px;}
.select-group{display: table;background: #fff;border-radius:30px;padding: 0 20px;margin: auto;width: 49%;box-shadow:1px 1px 10px 0 rgba(0,0,0,.3);margin-bottom: 10px;}
.select-group dt,
.select-group dd{display: table-cell;text-align: center;padding: 5px 10px;vertical-align: middle;}
.select-group dt{padding: 10px;border-right: solid 1px #ddd;}
.select-group dt img{max-width: 115px;vertical-align: middle;}
.select-group select{background: #fff;border: 0;}
.select-group .btn{box-shadow:none;border: 0;width: 100%;}
.search-bottom{text-align: center;clear: both;padding: 10px;}
.search-bottom .btn{min-width: 20em;}
.search-bottom .btn[type=reset]{float: left;min-width:0;}
.search-bottom .btn .num{font-size: 20px;}

.dropdown-menu{padding: 0;z-index: 999;overflow-y: scroll;}
.select-group .dropdown-menu{min-width:20em;max-height:300px;}
.select-group li{border: solid 1px #eee;display: block;width: 100%;margin: 0;font-size: 12px;padding: 0;}
.select-group li label{padding: 7px;display: block;overflow: hidden;cursor:pointer;}
.select-group label:hover{background: #eee;}
.select-group .num{background: #eee;border-radius:30px;padding: 1px 5px;font-size: 10px;display: inline-block;float: right;}

.select-cat .open ul{display: flex;flex-wrap: wrap;}
.select-cat .cat-parent{background: #f6f6f6;color: #333;border: 0;border-left: solid 5px;clear: both;}
.select-cat .cat-parent input{float: right;position: relative;top: 2px;}
.select-cat .cat-child{width: 50%;}
.select-cat .dropdown-menu{width: 300px;}

@media screen and (max-width:900px){
.select-group{padding: 0 15px;}
}
@media screen and (max-width:640px){
.select-group{width: 100%;}
.select-group .dropdown-menu{right: 0;left: auto;}
.select-group dt,
.select-group dd{padding: 5px;}
.select-group dt img{max-width:70px;}
.select-group select{padding: 5px;}
.select-group .btn{padding: 5px 10px;}

.search-bottom .btn{padding: 7px 20px;}
.list .search-bottom .btn-reset i{margin: 0;}
.list .search-bottom .btn-reset .text{display: none;}
}

.input-box{clear: both;width: 100%;display: table;background: #fff;border-radius:30px;padding: 0 20px;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.3);}
.input-box dt,
.input-box dd{display: table-cell;text-align: center;padding: 5px 10px;vertical-align: middle;}
.input-box dt{font-size: 14px;width: 30%;border-right: solid 1px #ddd;}
.input-box dd{width: 70%;text-align: center;}
.input-box dd input{width: 100%;}
@media screen and (max-width:640px){
.input-box{border-radius:10px;padding: 0;}
.input-box dt,
.input-box dd{display: block;width: 100%;}
.input-box dt{text-align: left;padding-bottom: 0;font-size: 12px;}
}
/* 　mainimg
******************************************/

.home .mainimg{background: url(../img/home/mainimg-bg.png) no-repeat center;text-align: center;}
.home .mainimg .inner{padding: 40px 0;}
.home .mainimg .img{max-width: 500px;}

.slick-main{max-width: 100%;overflow: hidden;}
.slick-main .slick-slide{padding: 10px;}
.slick-main .slick-dots{position: static;}

/* 　list:compe
******************************************/

.list-compe.noresult{text-align: center;padding: 20px;border: solid 1px #ddd;border-radius:10px;margin-bottom: 20px;}
.list-compe.noresult p{margin-bottom: 0;}

.list-compe .single{position: relative;}
.list-compe .single > a{display: block;text-decoration: none;color: #000;}
.list-compe .single > a:after{content:"";display: block;clear: both;visibility: hidden;}
.list-compe a:hover .title-compe{text-decoration: underline;}
.list-compe a:hover .thumb .img{transform:scale(1.02);}

.list-compe .title-compe{font-size: 14px;margin-bottom: 5px;}
.list-compe .text{padding: 10px;}
.list-compe .text > span{display: block;}
.list-compe .host{font-size: 11px;color: #666;}
.list-compe .prize{color: #00bbe3;font-size: 12px;}
.list-compe .limit-date{background: #fff;color: #111;display: inline-block;font-size: 11px;border: solid 1px #111;}
.list-compe .limit-date dt,
.list-compe .limit-date dd{display: inline-block;padding: 1px 7px;}
.list-compe .limit-date dt{border-right: solid 1px #999;}

.list-compe .cat{position: absolute;top: 0;left: 0;line-height: 1;}
.list-compe .cat li{display: inline-block;font-size: 12px;vertical-align: top;padding: 5px 10px;border-radius:0;color: #fff !important;}

.list-compe .tag{display: inline-block;font-size: 10px;text-align: center;padding: 3px 7px;margin-right: -5px;}
.list-compe .tag-new{background: #f00;color: #fff;}
.list-compe .tag-limit{background: #ff0;color: #111;}
.list-compe .tag-popular{background: #333;color: #fff;}
.list-compe .tags-sub .tag{background: #fff;color: #333;border: solid 1px #333;border-radius:5px;margin-right: 2px;margin-bottom: 5px;}

.list-compe .thumb{overflow: hidden;position: relative;}
.list-compe .thumb .img{padding-top: 75%;display: block;background: no-repeat center;background-size:cover;transition:all .1s linear 0s;}
.list-compe .thumb .tags{position: absolute;bottom: 0;left: 0;}
.list-compe .bookmark{display: inline-block;position: absolute;top: 5px;right: 5px;padding: 1px 7px;background: rgba(255,255,255,.7);font-size: 11px;}
.list-compe .bookmark i{color: var(--color-main);margin-right: 2px;}

.list-compe.horizontal .single{border: solid 1px #eee;}
.list-compe.horizontal .single .thumb{width: 40%;float: left;}
.list-compe.horizontal .single .text{width: 57%;float: right;}
.list-compe.horizontal .bookmark{bottom: 5px;right: 5px;top: auto;}

.list-more{clear: both;text-align: center;margin-bottom: 20px;}

@media screen and (max-width:640px){
.list-compe .single{border-bottom: solid 1px #eee;margin: 10px 0;padding-bottom: 10px;}
.list-compe .single:last-child{border-bottom: 0;}
}

/* 　new
******************************************/
.new{background: #ff0;}
.new .single{background: #fff;}

/* 　ranking
******************************************/
.ranking .single{padding: 20px 10px 10px;}
.ranking .single .text{padding: 0;}
.ranking .cat{left: auto;right: 0;}
.ranking .ranking-num{position: absolute;top: -0.5em;left: -0.4em;background: #333;z-index: 11;width: 2em;text-align: center;color: #fff;font-size: 12px;}
.ranking .ranking-num:before {
  position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 0.5em transparent; border-right: solid 0.5em #000;}
@media screen and (max-width:640px){
.ranking .single{width: 100%;float: none;margin-right: 0;}
}

/* 　limit
******************************************/
.limit{background: #f6f6f6;padding: 40px 0 20px;}
.slick-limit{overflow: hidden;max-width: 100%;}
.limit h1{max-width: 1200px;margin: 0 auto 30px;}
.limit .single{background: #fff;margin: 0 10px;}
.limit .slick-dots{position: static;}
@media screen and (max-width:640px){
.limit{padding: 20px 0;}
}


/* 　about
******************************************/
.about{background: #f00 url(../img/home/about-bg.png) no-repeat center;color: #fff;text-align: center;}
.about .section-inner{max-width: 640px;text-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.about h1{margin-bottom: 20px;}
.about h1 img{max-width: 640px;}
.about h2{border-bottom: solid 1px #fff;margin-bottom: 20px;}
.about .text{font-size: 14px;text-align: left;}
@media screen and (max-width:640px){
.about .section-inner{padding: 30px 10px;}
.about .text{font-size: 11px;}
}

/* 　list
******************************************/

.list .search{margin-bottom: 30px;}
.list .search .panel-body{background: #f6f6f6;}

.result .list-sort{display: flex;flex-wrap:wrap;}
.result .list-sort li{border-right: solid 1px #ddd;}
.result .list-sort a{display: block;text-decoration: none;color: #111;padding: 3px 10px;border-bottom: solid 2px #fff;text-align: center;}
.result .list-sort a:hover{background: #f6f6f6;}
.result .list-sort a.current{color: #999;border-color: #999;background: #fff !important;}
.result .list-compe .text{padding: 10px 0;}

@media screen and (max-width:640px){
.result .list-sort{justify-content: center;margin-top: 10px;}
}

/* 　detail
******************************************/

.detail-header{}
.detail-body{background: #f9f9f9;border-top: solid 1px #eee;padding: 30px 0;}
.detail-body .section-inner{display: flex;flex-wrap:wrap;}

.detail-body .main{width: 70%;}
.detail-body .side{width: 28%;margin-left: 2%;}

.detail-body .box{background: #fff;border-radius:10px;padding: 20px;position: relative;margin-bottom: 40px;}
.detail-body .main .box:last-child{margin-bottom: 0;}
.detail-body .side .box{margin-bottom: 20px;}

.detail-body .box-title{position: absolute;top: calc(-1.5em - 9px);width: auto;display: inline-block;border-radius:5px 5px 0 0;
background: #111;color: #fff;padding: 5px 20px;font-size: 14px;}

.detail-util{margin-bottom: 20px;margin-top: -10px;border-bottom: solid 1px #111;padding-bottom: 10px;}
.detail-util .number{display: inline-block;position: relative;top: 10px;}
.detail-util .util-right{display: inline-block;float: right;}
.detail-util .util-right .btn{border-radius:30px;padding: 7px 20px;}

/*下部リストに影響する為、主体はdetail-single*/
.detail-single .list-compe{position: relative;}
.detail-single .title-compe{font-size: 20px;}
.detail-single .thumb{width: 34%;float: right;}
.detail-single .text{width: 64%;padding: 0;float: left;}
.detail-single .cat{position: static;margin-bottom: 10px;}
.detail-single .tag{font-size: 13px;}
.detail-single .bookmark{display: inline-block;padding: 3px 10px;font-size: 13px;border: solid 1px #ddd;}
.detail-single .host,
.detail-single .prize,
.detail-single .limit-date{font-size: 13px;}
.detail-single .summary{background: #f9f9f9;padding: 20px;font-size: 14px;border-radius:5px;color: #111;margin: 20px 0;}

.detail-body .host-name{font-size: 18px;color: #000;border-bottom: solid 1px #111;}
.detail-body .host-movie iframe{width: 100%;height: 200px;margin: 20px 0 0;}
.detail-body .host-summary{font-size: 12px;font-weight: 500;}
.detail-body .host-url a{color: #000;text-decoration: none;font-size: 12px;}
.detail-body .host-url a:hover{text-decoration: underline;}

.detail-body .side-util{position: sticky;top: 20px;}
.detail-body .side-util .btn{display: block;border-radius:30px;margin-bottom: 10px;padding: 10px 20px;}

.detail-body .story{border-bottom: dashed 1px #eee;padding: 40px 0;font-size: 14px;}
.detail-body .story:last-child{border-bottom: 0;}
.detail-body .story-title{margin-bottom: 20px;font-size: 24px;text-align: left;border-bottom: solid 1px #111;}
.detail-body .story-img{text-align: center;margin-bottom: 20px;}
.detail-body .story-img img{width: auto;max-width: 100%;}

.table-detail,
.table-detail thead,
.table-detail tbody,
.table-detail tfoot,
.table-detail tr,
.table-detail th,
.table-detail td{display: block;width: 100%;}
.table-detail th{color: #666;text-align: left;background: #ff0;font-weight: 600;position: relative;padding: 5px 20px;}
.table-detail td{padding: 20px;}
.table-detail th .material-symbols-outlined{font-size: 20px;vertical-align: middle;}
.table-detail th:before {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 5px transparent;
  border-left: solid 10px #bfb200;
}
.table-detail .row-movie th{display: none;}
.table-detail .row-movie td{text-align: center;}
.table-detail .row-movie iframe{max-width: 100%;}

.table-detail td .other{font-size: 13px;font-weight: 600;color: #333;}

@media screen and (max-width:640px){

.detail-body .main,
.detail-body .bottom,
.detail-body .side{width: 100%;margin-left: 0;}

.detail-body .main .box:last-child{margin-bottom: 40px;}

.detail-util .util-right .btn{border: 0;}
.detail-util .util-right .btn .icon-text{display: none;}
.detail-util .util-right .btn i{font-size: 20px;line-height: 1;margin: 0;}

.detail-single .thumb,
.detail-single .text{width: 100%;float: none;}
.detail-single .thumb{margin-bottom: 20px;}
.detail-single .title-compe{font-size: 16px;}
.detail-single .summary{font-size: 12px;margin: 10px 0;padding: 10px;}
.detail-single .tag{font-size: 11px;}

.table-detail td{padding: 20px 0;font-size: 12px;}
.table-detail td .other{font-size: 11px;}
.detail-util .btn + .btn{margin-top: 0;}

.detail-body .story{padding: 20px 0;}
.detail-body .story-title{font-size: 16px;line-height: 1.4;padding-bottom: 10px;}
.detail-body .story-summary{font-size: 12px;}
}

/* 　modal
******************************************/
.modal-dialog{width: 80%;}
.modal-header h5{display: inline-block;}
.modal-header .close{margin-top: 10px;}
.modal-body iframe{width: 100%;border: none;display: block;}
.modal-body p{font-weight: bold;}
.modal-body table{font-size: 80%;}
.modal-body table th,
.modal-body table td{padding: 7px;font-weight: bold;font-size: 12px;}
.modal-body table th,
.modal-body table th.row-required{background: #eee;color: #111;width: 20%;}

.modal-footer{text-align: center;}
.modal-footer .btn{padding: 10px 20px;}
@media screen and (max-width:640px){
.modal-dialog{width: 90%;margin: auto;}
.modal-header h5{font-size: 13px;}
.modal-body{padding: 10px;}
}

/* 　regist
******************************************/

.table-member{font-size: 12px;margin-bottom: 10px;}
.table-member caption{font-size: 20px;padding-bottom: 10px;}
.table-member caption .num{display: inline-block;background: var(--color-main);color: #fff;padding: 5px 10px;line-height: 1;font-size: 14px;vertical-align: text-bottom;margin-right: 10px;}
.table-member th{background: #f9f9f9;}

@media screen and (max-width:640px){
}
/* 　form
******************************************/
.login-save{margin-bottom: 10px;}
.form-group{margin-bottom: 0;}
.form-group p{font-size: 90%;}
.form-submit{zoom:1;}
.form-submit:after{display: block;content:"";clear: both;visibility: hidden;height: 0;}
.form-submit .btn{font-size: 13px;padding: 10px 50px;}
.form-submit .btn-back{float: left;}

textarea.form-control{max-width: 100%;width: 100% !important;}

.label-block input{margin-right: 5px;}

.form-heading{color: #111;text-align: left;overflow: hidden;}
.form-heading .num{display: inline-block;background: var(--color-main);color: #fff;padding: 7px 10px;line-height: 1;margin-right: 10px;font-size: 12px;vertical-align: middle;position: relative;top: -2px;}

.form-title .label{padding: 2px 7px;font-size: 10px;}

.zoom .single:before,
.form-image label.label-checked:before{font-family: FontAwesome;font-size: 16px;line-height: 1;
text-rendering: auto;-webkit-font-smoothing: antialiased;}

.zoom .single{position: relative;}
.zoom .single:before{content:"\f002";display: inline-block;color: var(--color-main);position: absolute;right: 15px;top:15px;z-index: 3;font-size: 12px;}


.form-image .single{display: block;width: 25%;float: left;padding: 10px;}
.form-image .single img{margin-bottom: 10px;}
.form-image label{font-size: 12px;display: block;text-align: center;display: block;border: solid 2px var(--color-main);padding: 10px;border-radius:5px;color: var(--color-main);padding-left: 2em;}
.form-image label.label-checked{background: var(--color-sub);position: relative;}
.form-image label.label-checked:before{content:"\f00c";display: inline-block;color: var(--color-main);position: absolute;left: 10px;z-index: 3;}
.form-image label input{display: none;}

.form-area .area{border-bottom: dashed 1px #ddd;padding: 5px;}
.form-area .area:last-child{border-bottom: 0;}
.form-area .title-area{font-size: 14px;display: inline-block;color: #999;}
.form-area .check-all{float: right;display: inline-block;padding: 2px 10px;border: solid 1px #ddd;}
.form-area .list-area li{border: 0;padding: 0;}
.form-area .list-area label{padding: 2px 7px;font-size: 12px;}

.form-set .form-title{font-size: 14px;}
.form-set-img{width: 30%;float: left;}
.form-set-text{width: 67%;float: right;}
.form-set-img .come{margin: 0;}
.form-set-img .edit-thumbnail{width: 100%;}
.form-set-title{margin-bottom: 10px;}

select.form-control,
select.form-control option{font-weight: bold;}
input[type=checkbox], input[type=radio]{margin: 0 3px 0 0;}
.form-range .input-group-col2{width: 40%;margin-right: 2%;}
.form-range .input-group-col2 + .form-range-separate{display: inline-block;margin-right: 2%;}
.table-color-blue th{background: #33B3ED;color: #fff;}
.calendar .input-group-addon{cursor:pointer;}
.calendar .input-group-addon:hover{background: #ccc;}
.contact-time{float: left;margin-left: 10px;}
textarea.form-control{font-size: 16px;}
.form-submit p{font-size: 80%;}

input[type=radio]{position: relative;top: 2px;margin-right: 3px;}

label.hide-form{display: inline-block;}
label.hide-form > input{display: none;}

.edit .list-default li{line-height: 1.4;}
.edit .list-default{margin-bottom: 10px;}
.edit .list-default .come{color: #111;}

.form-submit{text-align: center;clear: both;padding: 20px 0;}

@media screen and (max-width:900px){
.form-image label{font-size: 10px;}
}
@media screen and (min-width:641px){
.contact-date{width: 60%;}/*calendar*/
}
@media screen and (max-width:640px){
.w60{width: 100%;}
.contact-date{margin-bottom: 10px;}
.form-group .input-m{width: 90%;}
.label-block{font-size: 10px;}
.label-block label{padding: 7px 15px;}

.form-image .single{width: 50%;}


.btn-input{margin-top: 5px;}
.btn + .btn{margin-top: 5px;}

.form-submit{padding: 10px 0;}
.form-submit .btn{font-size: 12px;padding: 15px;display: block;width: 100%;max-width: 100%;}
.form-submit .btn-back{display: inline-block;width: 15%;border-radius:30px 0 0 30px;}
.form-submit .btn-back .icon-text{display: none;}
.form-submit .btn-back i{margin-right: 0;}
.form-submit .btn-back + .btn{display: inline-block;width: 85%;margin-left: -5px;border-radius:0 30px 30px 0;margin-top: 0;}

.form-submit .btn-grad-gray,
.cell-submit .btn-grad-gray{width: 75%;margin-top: 0;}
.form-submit .btn-black,
.cell-submit .btn-black{display: inline-block;float: left;padding: 10px 20px;}
.form-submit .btn-black i,
.cell-submit .btn-black i{margin-right: 0;}
.form-submit .btn-black .btn-text,
.cell-submit .btn-black .btn-text{display: none;}
.form-submit .btn-black i{margin-right: 5px;}


.form-set-img,
.form-set-text{width: 100%;float: none;}

}

.input-group-s{max-width: 20em;}

.form-control.input-s{width: 30%;display: inline-block;}
.form-subtitle{display: block;}
input.btn-right{width: 70%;float: left;}
.form-control.btn-right + .btn{height: 49px;max-width: 25%;margin-left: 10px;}

input.password{width: 25em;display: inline-block;max-width: 80%;}
#password-toggle i{display: inline-block;margin-left: 10px;font-size: 24px;color: #999;cursor:pointer;}
#password-toggle i:hover{color: #333;}
#password-toggle.type-password i.fa-eye:before{content:"\f06e";}
#password-toggle.type-text i.fa-eye:before{content:"\f070";}

.input-toggle{display: inline-block;}
.input-toggle label{display: block;width: 50%;float: left;background: #eee;color: #777;padding: 7px 15px;text-align: center;text-shadow:1px 1px 1px rgba(0,0,0,.1);}
.input-toggle label i{margin-right: 0;}
.input-toggle label:first-child{border-radius:5px 0 0 5px;
border-top: solid 1px rgba(0,0,0,.2);
border-left: solid 1px rgba(0,0,0,.2);
border-bottom: solid 1px rgba(0,0,0,.2);}
.input-toggle label:last-child{border-radius:0 5px 5px 0;
border-top: solid 1px rgba(0,0,0,.2);
border-right: solid 1px rgba(0,0,0,.2);
border-bottom: solid 1px rgba(0,0,0,.2);}
.input-toggle label.checked{color: #fff;
box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #53a300), color-stop(0.00, #82e000));
background: -webkit-linear-gradient(#82e000, #53a300);
background: -moz-linear-gradient(#82e000, #53a300);
background: -o-linear-gradient(#82e000, #53a300);
background: -ms-linear-gradient(#82e000, #53a300);
background: linear-gradient(#82e000, #53a300);}
.input-toggle label.off.checked{color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f02f00), color-stop(0.00, #ff6861));
background: -webkit-linear-gradient(#ff6861, #f02f00);
background: -moz-linear-gradient(#ff6861, #f02f00);
background: -o-linear-gradient(#ff6861, #f02f00);
background: -ms-linear-gradient(#ff6861, #f02f00);
background: linear-gradient(#ff6861, #f02f00);}
.input-toggle label:hover{box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,.4);}
.input-toggle label.checked:hover{box-shadow:none;cursor:auto;}
.input-toggle input{display: none;}

.input-toggle input{}
.input-toggle label.disabled{color: #ccc;cursor: not-allowed;background: #ddd;}
.input-toggle label.disabled.checked{background: #999;}
.input-toggle label.disabled:hover{box-shadow:none;}

@media screen and (max-width:640px){
.form-control.btn-right + .btn{height: 49px;margin-left: 5px;padding: 10px 5px;font-size: 10px;}
}


/* 　post
******************************************/

.post-single .post-content a{ color: #111;text-decoration: none;}
.post-single .post-content a:hover,
.post-single .post-content a:active,
.post-single .post-content a:focus{color: #111;text-decoration: underline;}

.post-single .post-img a{overflow: hidden;display: block;}
.post-single .post-img a img{transition:all .1s linear 0s;}
.post-single .post-img a:hover img{transform:scale(1.02);opacity: 1;}

.post-single .post-title{font-size: 14px;line-height: 1.4;margin-top: 10px;margin-bottom: 10px;}
.post-single a:hover .post-title{text-decoration: underline;}
.post-single .post-category{font-size: 11px;margin-bottom: 10px;}
.post-category a{color:#fff !important;background: #333;padding: 3px 8px;border-radius:2px;text-decoration: none;}
.post-single .post-category a:hover{text-decoration: none;color: #fff;background: #ddd;}

/* 　lower
******************************************/

@media screen and (max-width:640px){
	.lower .inner.text-center form > p{text-align: left !important;font-size: 12px;}
}

/* 　info
******************************************/

.info .inner{font-size: 13px;}
.info .box{border-bottom: solid 1px #ddd;padding: 20px 0;}
.info .box-title{position: relative;background: #ff0;color: #111;padding: 10px 10px 10px 20px;margin-bottom: 30px;}
.info .box-title:before{position: absolute; content: ''; top: 100%; left: 0; border: none;
  border-bottom: solid 15px transparent; border-right: solid 20px rgb(149, 158, 155);}

.reason .single{display: flex;flex-wrap:wrap;padding: 20px 0;border-bottom: dashed 1px #ddd;}
.reason .single:last-child{border-bottom: 0;}
.reason .img{width: 40%;margin-right: 3%;}
.reason .text{width: 57%;}
.reason .reason-num{position: relative;background: var(--color-main);color: #fff;padding: 1px 10px;display: inline-block;margin-bottom: 5px;}
.reason .reason-num .num{font-size: 20px;line-height: 1;margin-left: 1px;}
.reason .reason-title{font-size: 24px;border-bottom: solid 1px #333;margin-bottom: 10px;}
@media screen and (max-width:640px){
.reason .img{width: 100%;margin-right: 0;margin-bottom: 10px;}
.reason .text{width: 100%;}
.reason .reason-num{font-size: 12px;}
.reason .reason-title{font-size: 18px;}
}

.info .box-rule{border-bottom: solid 1px #ddd;padding: 20px 0;}
.info .box-rule h2{margin-bottom: 10px;}
.info .box-rule ol{margin-bottom: 20px;}

/* 　mypage
******************************************/

.menu-mypage{display: flex;border-bottom: solid 2px #666;margin-bottom: 30px;}
.menu-mypage li{margin-right: 2px;}
.menu-mypage li.active a{background: #eee;color: #999;border-color: #999;}
.menu-mypage a{display: block;text-decoration: none;color: #111;font-size: 12px;padding: 10px 20px;border: solid 1px #666;border-bottom: 0;border-radius:10px 10px 0 0;box-shadow:1px -1px 3px 0 rgba(0,0,0,.2);transition:all .1s linear 0s;}
.menu-mypage a:hover,
.menu-mypage a:active,
.menu-mypage a:focus{background: #ff0;}

.mypage .box{padding: 20px 0;margin-bottom: 20px;}
.mypage .box-title{font-size: 16px;margin-bottom: 20px;color: #333;background: #f9f9f9;padding: 10px;}
.mypage .box-title .icon-text{width: 67%;float: left;display: inline-block;}
.mypage .box-title .btn{font-size: 10px;padding: 5px 10px;float: right;}
.mypage .box .list-all{border: solid 1px #ddd;border-radius:10px;}
.mypage .box .single{border-bottom: solid 1px #ddd;padding-top: 20px;}
.mypage .box .single:last-child{border-bottom: 0;}

@media screen and (max-width:640px){
.menu-mypage li{width:calc(25% - 2px);}
.menu-mypage a{padding: 7px 10px 5px;}
.menu-mypage i{display: block;text-align: center;font-size: 18px;line-height: 1;margin: 0 0 1px;}
.menu-mypage .icon-text{display: block;font-size: 9px;text-align: center;}
.mypage .box{padding: 0;}
}

.list-block li{display: inline-block;padding: 2px 7px;border: solid 1px #999;border-radius:5px;margin-bottom: 5px;font-size: 11px;}

/* 　cbox
******************************************/

#cboxCurrent,
#cboxTitle{bottom: 3px;font-size: 70%;color: #333;}
#cboxTitle{background: rgba(255,255,255,.7);padding: 5px 5px 30px;text-align: left;color: #111;}
@media screen and (max-width:640px){
#cboxCurrent,
#cboxTitle{font-size: 50%;}
}



/*for print*/
@media print{
@page { size: A4 }
body {-webkit-print-color-adjust: exact;font-size: 18px;}
header,.side,.breadcrumb,
.section-inner > *:not(.print){display: none;}
table th{background: #eee !important;}
.print{font-size: 7pt;border: 0;box-shadow:none;padding: 20px;}
footer{font-size: 5pt;border-top: solid 2px #ddd;}
}

.fa-white{color: #fff !important;}
.btn-pink i.fa{color: #fff;}