@charset "utf-8";

/*
Theme Name: Nagomi
Theme URL: https://www.nagomi-asia.or.jp
Description: Nagomi
Author: KS
Version: 1
License: 
License URI: 
*/

/* ----------------------------------------------------------------
Reset
----------------------------------------------------------------- */

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,a { margin: 0; padding: 0; }
img { border: 0; }
li,dt,dd { list-style: none; }

/* ----------------------------------------------------------------
Common
----------------------------------------------------------------- */

html {
font-size: 62.5%;
}

body {
text-align: center;
color: #1e1e1e;
background: #fff;
font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 1.5rem;
line-height: 3rem;
margin: 0 auto;
}

th,td {
color: #1e1e1e;
}

.clear { width:100%; }
.clear:after {
content: ""; 
display: block; 
clear: both;
}

a:link, a:visited {
color: #333;
text-decoration: none;
}

a:active, a:hover {
color: #777;
text-decoration: none;
}

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

.mgb10 { margin-bottom: 10px!important; }
.mgb20 { margin-bottom: 20px!important; }
.mgb30 { margin-bottom: 30px!important; }
.mgb40 { margin-bottom: 40px!important; }
.mgb50 { margin-bottom: 50px!important; }
.mgb60 { margin-bottom: 60px!important; }
.mgb70 { margin-bottom: 70px!important; }
.mgb80 { margin-bottom: 80px!important; }
.mgb90 { margin-bottom: 90px!important; }
.mgb100 { margin-bottom: 100px!important; }
.mgb110 { margin-bottom: 110px!important; }
.mgl20 { margin-left: 120px!important; }
.mgl30 { margin-left: 130px!important; }
.mgl40 { margin-left: 140px!important; }
.mgl50 { margin-left: 150px!important; }

.fs10 { font-size: 1rem; }
.fs11 { font-size: 1.1rem!important; }
.fs12 { font-size: 1.2rem!important; }
.fs13 { font-size: 1.3rem!important; }
.fs14 { font-size: 1.4rem!important; }
.fs15 { font-size: 1.5rem!important; }
.fs16 { font-size: 1.6rem!important; }
.fs17 { font-size: 1.7rem!important; }
.fs18 { font-size: 1.8rem!important; }
.fs19 { font-size: 1.9rem!important; }
.fs20 { font-size: 2rem!important; }
.fs21 { font-size: 2.1rem!important; }
.fs22 { font-size: 2.2rem!important; }
.fs23 { font-size: 2.3rem!important; }
.fs24 { font-size: 2.4rem!important; }
.fs25 { font-size: 2.5rem!important; }

.sponly { display: none; }

#content .mincho {
text-align: center;
font-size: 2.4rem;
line-height: 5rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
border-bottom: none;
margin: 0 auto 50px auto;
}

/* ----------------------------------------------------------------
Header
----------------------------------------------------------------- */

#header {
width: 100%;
margin: 0 auto;
padding: 4px 0 0 0;
}

#header .inner {
width: 1000px;
height: 106px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
padding: 0;
}

#header #facebook {
margin-left: 50px;
}

#header p a {
pointer: cursor;
}

#header p a:hover {
pointer: cursor;
opacity: 0.7;
}

/* ----------------------------------------------------------------
Navi
----------------------------------------------------------------- */

#navi_sp {
display: none;
}

#navi {
width: 100%;
height: 89px;
border-top: 1px solid #ddd;
border-bottom: 3px solid #555;
}

#navi ul {
height: 89px;
width: 1000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 0;
}

#navi li {
height: 89px;
margin: 0;
padding: 0;
}

#navi li a {
pointer: cursor;
}

#navi li a:hover img {
opacity: 0.7;
}

#navi ul ul {
z-index: 10;
display: none;
position: absolute;
}

#navi ul li:hover ul {
display: block;
width: 200px;
background: #f1f1f1;
font-size: 1.5rem;
line-height: 3rem;
border-top: 3px solid #555;
margin: -10px 0 0 0;
}

#navi li:hover ul#member {
width: 320px;
}

#navi ul ul li {
display: block;
height: 60px;
text-align: left;
font-weight: bold;
line-height: 60px;
font-size: 1.4rem;
margin: 0;
padding: 0;
}

#navi ul ul li a {
display: block;
height: 100%;
background: #222;
padding: 0 0 0 40px;
pointer: cursor;
}

#navi ul ul li:hover a {
background: #444;
}

#navi ul ul li a:link, #navi ul ul li a:visited {
color: #fff;
text-decoration: none;
}

#navi ul ul li a:active, #navi ul ul li a:hover {
color: #fff;
text-decoration: none;
}

#navi ul ul ul {
z-index: 10;
display: none;
position: absolute;
padding: 0;
}

#navi ul li:hover ul ul {
display: none;
}

#navi ul ul li:hover ul {
display: block;
border-top: none;
margin: -60px 0 0 200px;
}

#navi ul ul li:hover ul li {
height: 60px;
}

#navi ul ul ul li a {
display: block;
height: 100%;
background: #222;
padding: 0 0 0 40px;
}

#navi ul ul li:hover ul li a {
background: #222;
}

#navi ul ul li ul li:hover a {
background: #444;
}

/* ----------------------------------------------------------------
Main Visual
----------------------------------------------------------------- */

#mainvisual {
width: 100%;
height: 140px;
margin: 0 auto;
padding: 0;
}

#mainvisual.top {
width: 100%;
height: 300px;
background: url(/wp-content/uploads/common/mainvisual.png) no-repeat 50% 50%;
background-size: cover;
margin: 0 auto 30px auto;
}

#mainvisual dl {
font-size: 1.3rem;
line-height: 1.5rem;
margin: 20px auto 0 auto;
}

#mainvisual dt {
display: inline;
color: #fff;
font-size: 1.3rem;
background: #111;
padding: 4px 6px;
margin: 0 8px 8px 24px;
}

#mainvisual dd {
display: inline;
margin: 0;
}

#mainvisual dl br {
display: none;
}

#mainvisual.top p {
padding-top: 80px;
margin: 0 auto;
}

#mainvisual h1 {
font-size: 1.8rem;
letter-spacing: 0.2rem;
padding: 55px 0 0 0;
}

/* ----------------------------------------------------------------
Sub Categories
----------------------------------------------------------------- */

#subcategories {
display: inline-block;
height: 50px;
border-radius: 25px;
text-align: center;
border: 1px solid #ccc;
padding: 0 20px;
margin: 0 auto 60px auto;
}

#subcategories ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
padding: 0;
}

#subcategories ul li {
line-height: 50px;
font-weight: bold;
background: url(/wp-content/uploads/common/arrow.png) no-repeat 0 50%;
margin: 0 10px;
padding: 0 0 0 15px;
}

/* ----------------------------------------------------------------
Content
----------------------------------------------------------------- */

#content {
width: 1000px;
margin: 0 auto 80px auto;
text-align: left;
}

#content #block_pager {
margin-bottom: 40px;
}

#content #block_pager ul {
width: 1035px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
}

#content #block_pager ul li {
margin-right: 35px;
}

#content #block_pager ul li img {
width: 310px;
}

#content #block_pager ul li a:hover {
opacity: 0.7;
}

#content #block_news {
margin-bottom: 80px;
}

#content #block_news .category {
display: inline-block;
min-width: 120px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #666;
font-weight: normal;
padding: 3px 5px;
margin-right: 20px;
}

#content #block_news .category.new {
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #d80000;
font-weight: normal;
border: 1px solid #d80000;
padding: 3px 5px;
margin-right: 10px;
}

#content #block_news .category.general {
color: #777;
background: #fff;
border: 1px solid #777;
}

#content #block_news .category.proposal {
color: #fff;
background: #339;
border: 1px solid #339;
}

#content #block_news .category.event {
color: #fff;
background: #24a16a;
border: 1px solid #24a16a;
}

#content #block_news .category.campaign {
color: #fff;
background: #9daebd;
border: 1px solid #9daebd;
}

#content #block_news .category.interview {
color: #fff;
background: #0174b7;
border: 1px solid #0174b7;
}

#content #block_news a:link,
#content #block_news a:visited {
color: #333;
text-decoration: none;
}

#content #block_news a:active,
#content #block_news a:hover {
color: #777;
text-decoration: underline;
}

#content #block_news h2 {
font-size: 1.6rem;
letter-spacing: 0.2rem;
margin: 0 0 10px 0;
padding: 0;
}

#content #block_news ul {
border-top: 1px solid #ddd;
margin: 0 0 20px 0;
padding: 0;
}

#content #block_news li {
border-bottom: 1px solid #ddd;
background: url(/wp-content/uploads/common/arrow.png) no-repeat 20px 50%;
margin: 0;
padding: 12px 0 12px 50px;
}

#content #block_news li .date {
margin-right: 20px;
}

#content #block_news li .title.new {
background: url(/wp-content/uploads/common/icon_new.png) no-repeat 0 50%;
padding-left: 55px;
}

#content #block_news p {
text-align: right;
font-size: 1.4rem;
}

#content #block_news p span {
font-weight: bold;
background: url(/wp-content/uploads/common/arrow.png) no-repeat 0 50%;
margin: 0;
padding: 0 0 0 13px;
}

#content #block_news p span:nth-child(n+2) {
margin-left: 26px;
}

#content #block_news p span a:link,#content #block_news p span a:visited {
color: #333;
text-decoration: none;
}

#content #block_news p span a:hover,#content #block_news p span a:active {
color: #777;
text-decoration: underline;
}

#content h2 {
font-size: 1.6rem;
margin: 0 0 10px 0;
}

#content h3 {
font-size: 1.5rem;
margin: 0 0 10px 0;
}

#content h4 {
font-size: 1.4rem;
margin: 0 0 10px 0;
}

#content p {
font-size: 1.5rem;
margin: 0 0 20px 0;
}

#content ul {
font-size: 1.5rem;
margin-bottom: 20px;
}

#content img {
max-width: 100%;
}

#content .entry {
margin: 0 0 60px 0;
}

#content .indent1 {
margin: 0 0 20px 20px;
}

#content .indent2 {
margin: 0 0 40px 20px;
}

#content.archive h2,
#content.single h2 {
font-size: 1.5rem;
background: #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
margin: 0 0 20px 0;
}

#content h2 .title {
line-height: 2.4rem;
margin-left: 5px;
}

#content h2 .category {
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #666;
font-weight: normal;
padding: 3px 8px;
margin-right: 10px;
white-space: nowrap;
}

#content h2 .category.new {
background: #d80000;
}

#content h2 .category.general {
background: #666;
}

#content h2 .category.proposal {
background: #339;
}

#content h2 .category.event {
background: #24a16a;
}

#content h2 .category.campaign {
background: #9daebd;
}

#content h2 .category.talk {
background: #111;
}

#content h2 .category a:link,
#content h2 .category a:visited {
color: #fff;
text-decoration: none;
}

#content h2 .category a:hover {
color: #ccc;
text-decoration: none;
}

#content h2 .date {
font-size: 1.3rem;
font-weight: normal;
margin-left: 20px;
}
#content.single.news h2 .date {
font-size: 1.3rem;
font-weight: normal;
margin-left: auto;
}
#content.default h2 .date {
font-size: 1.3rem;
font-weight: normal;
margin-left: auto;
}

#content.single h2 {
font-size: 1.5rem;
background: #eee;
padding: 10px 20px;
margin: 0 0 20px 0;
}

#content.page h2 {
letter-spacing: 0.1rem;
border-bottom: 1px solid #ddd;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}

#content.page p {
line-height: 3.2rem;
margin: 0 0 20px 0;
}

#content a.pdf {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 0 0 0 25px;
}

#content a.word {
background: url(/wp-content/uploads/common/icon_word.png) no-repeat 0 50%;
padding: 0 0 0 25px;
}

#content a.excel {
background: url(/wp-content/uploads/common/icon_excel.png) no-repeat 0 50%;
padding: 0 0 0 25px;
}

#content a.powerpoint {
background: url(/wp-content/uploads/common/icon_powerpoint.png) no-repeat 0 50%;
padding: 4px 0 4px 40px;
}

.wp-pagenavi {
clear: both;
text-align:center;
padding-top: 30px;
}

.wp-pagenavi a, .wp-pagenavi span {
color: #999;
background-color: #fff;
border: solid 1px #e0e0d2;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
}

.wp-pagenavi a:hover{
color:#fff; 
background-color:#999; 
border-color:#999;
}

.wp-pagenavi span.current{
color: #fff;
background-color: #777;
border-color: #777;
font-weight: bold;
}

/* ----------------------------------------------------------------
Footer
----------------------------------------------------------------- */

#footer {
width: 100%;
text-align: left;
background: #f5f5f5;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin: 80px 0 0 0;
padding: 50px 0 40px 0;
}

#footer .inner {
width: 1000px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin: 0 auto;
}

#footer .col2 {
border-right: 1px solid #ccc;
margin: 0 50px 0 auto;
padding: 0 50px 0 0;
}

#footer .col3 {
border-right: 1px solid #ccc;
margin: 0 50px 0 0;
padding: 0 50px 0 0;
}

#footer h3 {
font-size: 1.5rem;
letter-spacing: 0.1rem;
margin: 0 0 5px 0;
}

#footer li {
font-size: 1.5rem;
letter-spacing: 0.1rem;
background: url(/wp-content/uploads/common/arrow.png) no-repeat 5px 50%;
margin: 0 0 5px 0;
padding: 0 0 0 20px;
}

#footer a.lock {
background:url(/wp-content/uploads/common/icon_lock.png) no-repeat right 40%;
padding: 2px 25px 2px 0;
}

#footer a img:hover {
opacity: 0.7;
}

/* ----------------------------------------------------------------
Copyright
----------------------------------------------------------------- */

#copyright {
width: 100%;
font-size: 1.1rem;
font-weight: 400;
font-family: Montserrat,"Helvetica Neue",sans-serif;
letter-spacing: 0.1rem;
border-top: 1px solid #eee;
padding: 20px 0;
}

/* ----------------------------------------------------------------
Contact
----------------------------------------------------------------- */

#inquiry {
width: 70%;
margin: 0 auto;
}

label {
coloe: #333;
font-size: 1.5rem;
letter-spacing: 0.1rem;
font-weight: bold;
}

select {
-webkit-appearance: none;
appearance: none;
width: 250px;
box-sizing: border-box;
color: #777;
font-size: 1.5rem;
border: 1px solid #cdcdcd;
border-radius: 2px;
background: #f1f1f1;
padding: 11px 20px;
margin: 3px 0 20px 0;
}

option {
font-size: 1.5rem;
}

input {
width:100%;
font-size: 1.5rem;
background: #f1f1f1;
border: 1px solid #cdcdcd;
padding: 10px 10px;
margin: 0 0 20px 0;
}

textarea {
width:100%;
font-size: 1.5rem;
background: #f1f1f1;
border: 1px solid #cdcdcd;
padding: 10px 10px;
margin: 0 0 20px 0;
}

input[type="submit"] {
width:100%;
color:#fff;
font-size: 1.8rem;
font-weight: bold;
padding: 15px 10px;
background:#333;
}

input[type="submit"]:hover {
background:#666;
}

.cf7-required {
text-align: center;
font-size: 1.1rem;
color: #fff;
background: #f00;
margin: 0 0 0 15px;
padding: 2px 5px;
}

/* ----------------------------------------------------------------
Members Page
----------------------------------------------------------------- */

#content ul.col3 {
width: 1020px;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

#content ul.col3 li {
width: 320px;
text-align: left;
font-weight: bold;
font-size: 1.4rem;
letter-spacing: 0.1rem;
background: #efefef url(/wp-content/uploads/common/arrow.png) no-repeat 300px 50%;
margin: 0 20px 20px 0;
}

#content ul.col3 li.logout {
background: #fff url(/wp-content/uploads/common/icon_unlock.png) no-repeat 290px 50%;
}

#content ul.col3 li a {
display: block;
height: 30px;
line-height: 30px;
border: 1px solid #ccc;
padding: 12px 20px;
}

#content ul.col3 li a:link, #content ul.col3 li a:visited {
color: #282828;
text-decoration: none;
}

#content ul.col3 li a:hover {
color: #777;
text-decoration: none;
}

/* ----------------------------------------------------------------
Guidance
----------------------------------------------------------------- */

#content.guidance {
width: 800px;
margin: 0 auto;
}

#content.guidance h2 {
border-bottom: 1px solid #ddd;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
}

#content.guidance h3 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: bold;
margin: 20px 0 10px 0;
padding: 5px 0 5px 15px;
border-left: 2px solid #222;
}

#content.guidance ul {
margin: 0 0 60px 0;
}

#content.guidance ul.pdf {
margin: 0 0 40px 0;
padding: 10px 0 0 0;
}

#content.guidance ul.word {
margin: 0 0 40px 0;
padding: 10px 0 0 0;
}

#content.guidance ul.excel {
margin: 0 0 40px 0;
padding: 10px 0 0 0;
}

#content.guidance li {
margin: 0 0 5px 0;
}

#content.guidance ul ul {
margin: 5px 0 5px 15px;
}

#content.guidance ul ul li {
margin: 0 0 2px 0;
}

#content ul.pdf a {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 2px 0 2px 20px;
margin: 0 10px 0 5px;
}

#content ul.pdf a:link, #content ul.pdf a:visited {
text-decoration: underline;
}

#content ul.pdf a:active, #content ul.pdf a:hover {
text-decoration: underline;
}

#content ul.word a {
background: url(/wp-content/uploads/common/icon_word.png) no-repeat 0 50%;
padding: 2px 0 2px 20px;
margin: 0 10px 0 5px;
}

#content ul.word a:link, #content ul.word a:visited {
text-decoration: underline;
}

#content ul.word a:active, #content ul.word a:hover {
text-decoration: underline;
}

#content ul.excel a {
background: url(/wp-content/uploads/common/icon_excel.png) no-repeat 0 50%;
padding: 2px 0 2px 20px;
margin: 0 10px 0 5px;
}

#content ul.excel a:link, #content ul.excel a:visited {
text-decoration: underline;
}

#content ul.excel a:active, #content ul.excel a:hover {
text-decoration: underline;
}

/* ----------------------------------------------------------------
Member List
----------------------------------------------------------------- */

#content.member-list #registration_type {
margin: 0 0 20px 0;
}

#content.member-list #registration_type p {
margin: 0 0 20px 0;
}

#content.member-list #registration_type ul {
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
}

#content.member-list #registration_type li {
margin: 0 40px 10px 0;
}

#content.member-list #registration_type li img {
margin: 0 10px -10px 0;
}

#content.member-list table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
margin: 0 0 10px 0;
}

#content.member-list table th {
vertical-align: top;
font-size: 1.5rem;
line-height: 3.4rem;
font-weight: bold;
background: #efefef;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 10px 14px;
}

#content.member-list table td {
vertical-align: middle;
font-size: 1.5rem;
line-height: 3.4rem;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 10px 14px;
}

#content.member-list table td img {
margin: 0 10px -10px 0;
}

#content.member-list table tr.row1 th {
background: #ddd;
}

#content.member-list table tr.row2 th {
background: #eee;
}

#content.member-list table td:nth-child(1) {
width: 170px;
padding: 10px 0 10px 14px;
}

#content.member-list table td:nth-child(3) {
width: 170px;
}

#content.member-list table td:nth-child(4) {
width: 170px;
}

#content.page p.pagetop {
text-align: right;
font-size: 1.4rem;
margin: 0 0 40px 0;
}

#content.page p.pagetop a {
background: url(/wp-content/uploads/common/icon_pagetop.png) no-repeat 0 50%;
padding: 1px 0 1px 20px;
}

#content.page p.pagetop a:link,
#content.page p.pagetop a:visited {
color: #3185ce;
}

#content.page p.pagetop a:hover,
#content.page p.pagetop a:active {
color: #549fe0;
}

/* ----------------------------------------------------------------
Committee List
----------------------------------------------------------------- */

#content.committee-list {
width: 800px;
margin: 0 auto;
}

#content.committee-list table th {
font-weight: normal;
vertical-align: top;
padding: 5px 0;
margin: 0;
}

#content.committee-list table td {
vertical-align: top;
padding: 5px 0;
margin: 0;
}

#content.committee-list table.col2 {
margin: 0 0 80px 240px;
}

#content.committee-list table.col2 th {
width: 180px;
}

#content.committee-list table.col2 td {
width: 400px;
}


/* ----------------------------------------------------------------
Overview
----------------------------------------------------------------- */

#content.overview table {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
margin: 0 0 40px 0;
}

#content.overview table th {
width: 20%;
vertical-align: top;
font-size: 1.5rem;
line-height: 3.4rem;
font-weight: bold;
background: #efefef;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 15px 30px 15px 40px;
}

#content.overview table td {
font-size: 1.5rem;
line-height: 3.4rem;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
padding: 15px 20px 15px 30px;
}

/* ----------------------------------------------------------------
Disclosure
----------------------------------------------------------------- */

#content.disclosure {
width: 750px;
margin: 0 auto;
}

#content.archive.disclosure ul {
margin: 0 0 60px 20px;
}

#content.archive.disclosure a {
background: url(/wp-content/uploads/common/icon_pdf.png) no-repeat 0 50%;
padding: 2px 0 2px 25px;
text-decoration: underline;
}

/* ----------------------------------------------------------------
Annual report
----------------------------------------------------------------- */

#content.annualreport {
width: 750px;
margin: 0 auto;
}

#content.annualreport .timestamp {
width: 710px;
margin: 0 auto 10px auto;
padding: 0;
}

#content.annualreport .entrycontent {
width: 710px;
margin: 0 auto;
}

#content.archive.annualreport ul {
margin: 0 0 60px 20px;
}

#content.archive.annualreport ul {
margin: -20px 0 60px 0;
padding: 0;
}

#content.archive.annualreport ul li {
border-bottom: 1px solid #dedede;
background: url(/wp-content/uploads/common/arrow.png) no-repeat 20px 50%;
margin: 0;
padding: 12px 0 12px 50px;
}

#content.archive.annualreport ul li .date {
vertical-align: top;
margin-right: 20px;
}

#content.archive.annualreport ul li .title {
display: inline-block;
vertical-align: top;
margin-left: 0;
}

#content.archive.annualreport ul li .categorieslist {
display: inline-block;
vertical-align: top;
text-align: center;
width: 111px;
margin-right: 20px;
}

#content.archive.annualreport ul li .categorieslist .category {
width: 95px;
text-align: center;
}

#content.archive.annualreport ul li .categorieslist2 {
display: inline-block;
vertical-align: top;
max-width: 111px;
margin-right: 20px;
}

#content.archive.annualreport ul li .categorieslist2 .category {
width: 95px;
text-align: center;
}

#content.archive.annualreport ul li .category {
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #777;
background: #666;
font-weight: normal;
padding: 3px 8px;
white-space: nowrap;
}

#content.archive.annualreport ul li .category:nth-child(n+2) {
}

#content.archive.annualreport ul li .category.new {
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
line-height: 1.4rem;
height: 1.4rem;
background: #d80000;
font-weight: normal;
padding: 3px 8px;
margin-right: 10px;
}

#content.archive.annualreport a {
padding: 2px 0 2px 0;
text-decoration: underline;
}

#content.single.annualreport h2 {
margin: 0 0 10px 0;
}

#content.single.annualreport h3 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: bold;
margin: 20px 0 10px 0;
padding: 5px 0 5px 15px;
border-left: 2px solid #222;
}

/* ----------------------------------------------------------------
Prospectus
----------------------------------------------------------------- */

#content.prospectus {
width: 1000px;
overflow: hidden;
margin: 0 auto;
}

#content.prospectus h2 {
text-align: center;
font-size: 2.4rem;
line-height: 3.6rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
border-bottom: none;
margin: 0 0 50px 0;
}

#content.prospectus .wrap {
width: 1000px;
overflow: hidden;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
}

#content.prospectus .photo {
width: 300px;
margin: 0;
}

#content.prospectus .photo img {
width: 300px;
}

#content.prospectus .text {
width: 630px;
margin-left: auto;
}

#content.prospectus .em {
font-weight: bold;
}

#content.prospectus .signature p {
text-align: center;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
margin: 10px 0 5px 0;
}

#content.prospectus .signature h2 {
text-align: center;
font-size: 2rem;
line-height: 2.2rem;
letter-spacing: 0.2rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
border-bottom: none;
margin: 0;
padding: 0;
}

#content.prospectus .signature h2 span {
font-size: 1.5rem;
font-weight: normal;
margin-right: 15px;
}

/* ----------------------------------------------------------------
Privacy policy
----------------------------------------------------------------- */

#content.privacypolicy {
width: 800px;
margin: 0 auto;
}

/* ----------------------------------------------------------------
Socail policy
----------------------------------------------------------------- */

#content.socialpolicy {
width: 800px;
margin: 0 auto;
}

/* ----------------------------------------------------------------
Works
----------------------------------------------------------------- */

#content.works dl {
width: 830px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
}

#content.works dt {
width: 210px;
font-weight: bold;
margin: 0 0 40px 0;
}

#content.works dd {
width: 579px;
border-left: 1px #f00 solid;
margin: 0 0 40px 0;
padding: 0 0 0 40px;
}

/* ----------------------------------------------------------------
List
----------------------------------------------------------------- */

#content.list {
width: 800px;
margin: 0 auto;
}

#content.list table th {
font-weight: normal;
vertical-align: top;
padding: 5px 0;
margin: 0;
}

#content.list table td {
vertical-align: top;
padding: 5px 0;
margin: 0;
}

#content.list table.col2 {
margin: 0 0 80px 240px;
}

#content.list table.col2 th {
width: 180px;
}

#content.list table.col2 td {
width: 400px;
}

#content.list table.col3 {
margin: 0 0 80px 0;
}

#content.list table.col3 th {
width: 180px;
}

#content.list table.col3 td:first-child {
width: 240px;
}

#content.list table.col3 td:last-child {
width: 380px;
}

/* ----------------------------------------------------------------
Archive common setting
----------------------------------------------------------------- */

#content #sidebar {
width: 200px;
margin: 0;
padding: 0;
}

#sidebar h3 {
text-align: center;
color: #fff;
font-weight: normal;
font-size: 1.4rem;
background: #111;
margin: 0 0 5px 0;
padding: 8px;
}

#sidebar li {
font-size: 1.4rem;
background: #f1f1f1 url(/wp-content/uploads/common/arrow.png) no-repeat 10px 50%;
padding: 8px 8px 8px 30px;
margin: 0 0 5px 0;
}

#content .timestamp time {
font-size: 1.3rem;
color: #666;
}

#content .timestamp time span {
color: #ccc;
margin: 0 10px;
}

#content .entrycontent a:link, #content .entrycontent a:visited {
color: #3451A4;
text-decoration: underline;
}

#content .entrycontent a:active, #content .entrycontent a:hover {
color: #399ECC;
text-decoration: underline;
}

.wp-pagenavi {
clear: both;
text-align:center;
padding-top: 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #999;
background-color: #FFF;
border: solid 1px #e0e0d2;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
}
.wp-pagenavi a:hover{
color:#FFF; 
background-color:#999; 
border-color:#999;
}
.wp-pagenavi span.current{
color: #FFF;
background-color: #66cccc;
border-color: #66cccc;
font-weight: bold;
}

/* ----------------------------------------------------------------
News
----------------------------------------------------------------- */

#content.news {
width: 1000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 0;
}

#content.news #main {
width: 750px;
margin: 0 0 0 auto;
padding: 0;
}

#content.news .timestamp {
width: 710px;
margin: 0 auto 10px auto;
padding: 0;
}

#content.news h2 {
font-size: 1.5rem;
line-height: 2.4rem;
background: #eee;
display: flex;
padding: 10px 20px;
margin: 0 0 10px 0;
}

#content.news .entrycontent {
width: 710px;
margin: 0 auto;
}

/* ----------------------------------------------------------------
Salon
----------------------------------------------------------------- */

#content.salon {
width: 1000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
padding: 0;
}

#content.salon #main {
width: 750px;
margin: 0 0 0 auto;
padding: 0;
}

#content.salon .timestamp {
width: 710px;
margin: 0 auto 10px auto;
padding: 0;
}

#content.archive.salon h2 {
font-size: 1.5rem;
background: #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 20px;
margin: 0 0 10px 0;
}

#content.single.salon h2 {
font-size: 1.5rem;
background: #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 20px;
margin: 0 0 10px 0;
}

#content.salon h2 span:nth-child(1) {
margin-right: 15px;
}

#content.salon .entrycontent {
width: 710px;
margin: 0 auto;
}

#content.salon .entrycontent a:link, #content.salon .entrycontent a:visited {
color: #3451A4;
text-decoration: underline;
}

#content.salon .entrycontent a:active, #content.salon .entrycontent a:hover {
color: #399ECC;
text-decoration: underline;
}

/* ----------------------------------------------------------------
Q & A
----------------------------------------------------------------- */

#content.qa {
width: 1000px;
margin: 0 auto;
padding: 0;
}

#content.qa .timestamp {
width: 960px;
margin: 0 auto 10px auto;
padding: 0;
}

#content.qa .entrycontent {
width: 960px;
margin: 0 auto;
}

#content.qa h2 {
font-size: 1.5rem;
background: #eee;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 20px 10px 15px;
margin: 0 0 10px 0;
}

#content h2 .question {
color: #f00;
font-size: 2.2rem;
font-weight: bold;
margin-right: 10px;
}

#content.qa h2 span:nth-child(2) {
margin-right: 5px;
}

/* ----------------------------------------------------------------
Proposal
----------------------------------------------------------------- */

#mainvisual.proposal dt {
background: #339;
}

#content.single.proposal {
padding-top: 40px;
}

#content.single.proposal h2:nth-child(n+2) {
margin-top: 60px;
}

#content.single.proposal h3 {
margin: 0 0 20px 0;
padding: 30px 20px 0 20px;
}

#content.single.proposal p {
padding: 0 20px;
}

#content.single.proposal p:last-child {
margin-top: 60px;
}

#content.archive.proposal .entry {
text-align: center;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 30px 0;
}

#content.archive.proposal .entry:hover {
background: #efefef;
}

#content.archive.proposal .entry a:link,
#content.archive.proposal .entry a:visited {
color: #333;
text-decoration: none;
}

#content.archive.proposal .entry a:active,
#content.archive.proposal .entry a:hover {
color: #333;
text-decoration: none;
}

#content.archive.proposal .entry h2 {
display: block;
text-align: center;
background: none;
font-size: 1.8rem;
letter-spacing: 0.2rem;
margin: 0 auto 20px auto;
padding: 0;
}

#content.archive.proposal .entry p {
font-size: 13px;
line-height: 15px;
margin: 20px auto 0 auto;
}

#content.archive.proposal .entry p span {
display: inline-block;
color: #fff;
background: #111;
padding: 2px 4px;
margin: 0 8px 0 24px;
}

/* ----------------------------------------------------------------
Event
----------------------------------------------------------------- */

#mainvisual.event dt {
background: #24a16a;
}

#content.single.event {
padding-top: 40px;
}

#content.single.event p {
padding: 0 20px;
}

#content.single.event table p {
padding: 0;
margin: 0 0 20px 0;
}

#content.single.event table td p:last-child {
margin: 0;
}

#content.single.event table {
width: 100%;
box-sizing: border-box;
margin: 0 auto 50px auto;
padding: 0 20px;
}

#content.single.event table th {
min-width: 150px;
vertical-align: top;
font-weight: normal;
padding: 10px 0 10px 0;
}

#content.single.event table td {
line-height: 2.4rem;
padding: 10px 0 10px 0;
}

#content.archive.event .entry h2 {
display: block;
text-align: center;
background: none;
font-size: 1.8rem;
letter-spacing: 0.2rem;
margin: 0 auto 20px auto;
padding: 0;
}

#content.archive.event .entry p {
font-size: 13px;
line-height: 15px;
margin: 20px auto 0 auto;
}

#content.archive.event .entry p span {
display: inline-block;
color: #fff;
background: #24a16a;
padding: 2px 4px;
margin: 0 8px 0 24px;
}

#content.single.event table.event {
width: 960px;
margin: 30px auto 30px auto;
box-sizing: border-box;
border-collapse: collapse;
border-top: #e3e3e3 1px solid;
border-left: #e3e3e3 1px solid;
}

#content.single.event table.event caption {
font-size: 1.8rem;
letter-spacing: 0.1rem;
font-weight: bold;
text-align: left;
padding-bottom: 10px;
}

#content.single.event table.event th {
width: 210px;
box-sizing: border-box;
text-align: left;
background: #f5f5f5;
font-weight: normal;
padding: 15px 20px;
border-right: #e3e3e3 1px solid;
border-bottom: #e3e3e3 1px solid;
}

#content.single.event table.event td {
box-sizing: border-box;
text-align: left;
font-weight: normal;
padding: 15px 20px;
border-right: #e3e3e3 1px solid;
border-bottom: #e3e3e3 1px solid;
}

#content.single.event table.event td.title {
vertical-align: top;
}

#content.single.event table.event td.position {
vertical-align: middle;
border-right: none;
}

#content.single.event table.event td.role {
vertical-align: top;
}

#content.single.event table.event td .row1 {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

#content.single.event table.event td .row2 {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
border-top: #e3e3e3 1px solid;
margin-top: 15px;
padding-top: 15px;
}

#content.single.event table.event td .row3 {
display: block;
border-top: #e3e3e3 1px solid;
margin-top: 15px;
padding-top: 15px;
}

#content.single.event table.event figure {
margin: 10px 0 0 0;
}

#content.single.event table.event figcaption {
font-size: 1.5rem;
text-align: center;
}

#content.single.event table.event td span p {
margin: 0;
padding: 0;
}

/* ----------------------------------------------------------------
Campaign
----------------------------------------------------------------- */

#mainvisual.campaign dt {
background: #9daebd;
}

#content.single.campaign p {
padding: 0 20px;
}

#content.single.campaign h3 {
padding: 20px 20px 0 20px;
}

#content.archive.campaign .entry h2 {
display: block;
text-align: center;
background: none;
font-size: 1.8rem;
letter-spacing: 0.2rem;
margin: 0 auto 20px auto;
padding: 0;
}

#content.archive.campaign .entry p {
font-size: 13px;
line-height: 15px;
margin: 20px auto 0 auto;
}

#content.archive.campaign .entry p span {
display: inline-block;
color: #fff;
background: #9daebd;
padding: 2px 4px;
margin: 0 8px 0 24px;
}

#content.single.campaign p.column {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 40px auto 40px auto;
}

#content.single.campaign p.column img {
border: 1px solid #ddd;
}

/* ----------------------------------------------------------------
Interview
----------------------------------------------------------------- */

#content.single.interview h2 {
font-size: 2.4rem;
line-height: 5rem;
font-weight: normal;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
background: none;
margin: 40px 0 20px 0;
padding: 0;
}

#content.single.interview h2:nth-of-type(1) {
margin: 0 0 20px 0;
}

#content.single.interview h3 {
font-size: 1.5rem;
margin: 40px 0 10px 0;
}

#content.single.interview p img {
margin-top: 20px;
}

#content.single.interview .profile {
box-sizing: border-box;
padding: 20px 30px;
background: #f5f5f5;
border: 1px solid #ccc;
margin: 50px 0 0 0;
}

#content.single.interview .profile p {
margin: 0;
}

#content.archive.interview .wrap {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#content.archive.interview .block {
width: 300px;
box-sizing: border-box;
margin: 0 15px;
}

#content.archive.interview .block .thumb {
width: 300px;
height: 220px;
overflow: hidden;
box-sizing: border-box;
}

#content.archive.interview .block .thumb img {
max-width: 100%;
height: auto;
vertical-align: top;
}

#content.archive.interview .block .text {
width: 100%;
box-sizing: border-box;
border-left: 2px solid #f00;
border-right: 1px solid #ddd;
padding: 20px 20px 0 20px;
}

#content.archive.interview .block .text p {
color: #959595;
font-size: 1.5rem;
}

#content.archive.interview .block:hover {
cursor: pointer;
opacity: 0.8;
}

/* ----------------------------------------------------------------
YouTube
----------------------------------------------------------------- */

.youtube {
margin: -5px auto 20px auto;
}

/* ----------------------------------------------------------------
Nagomi Award
----------------------------------------------------------------- */

.wpcf7-response-output {
text-align: center;
}

#content.nagomi-award {
text-align: center;
}