/* --------------------------------------------------
 Form
--------------------------------------------------- */
select,
textarea,
input[type="text"],
input[type="search"],
input[type="reset"],
input[type="url"]{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px;
border:1px solid #bebebe;
border-radius:2px;
color:#333;
}
select option:disabled{
color:#ccc;
}
select:disabled{
color:#ccc;
}
input[type="reset"],
input[type="checkbox"],
input[type="radio"]{
margin:0;
cursor:pointer;
}
input[type="reset"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled{
cursor:default;
color:#ccc;
}
label{
margin:0;
cursor:pointer;
}
.btn{
display:inline-block;
margin:0 auto;
padding:0 20px;
border:1px solid #c5c5c5;
border-radius:3px;
width:auto;
height:40px;
color:#666;
background-color:#fff;
-webkit-box-shadow:inset 0 -2px 0 0 rgba(204, 204, 204, 1);
box-shadow:inset 0 -2px 0 0 rgba(204, 204, 204, 1);
text-align:center;
text-decoration:none;
font-size:14px;
line-height:1;
line-height:40px;
}
.btn:link,
.btn:visited,
.btn:hover,
.btn:active{
color:#666;
text-decoration:none;
}
#two_column_left #main_Col{
width:720px;
}
#two_column_left #sub_Col{
width:210px;
padding-left:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
margin-bottom:25px;
padding:10px 25px;
color:#fff;
position:relative;
background-color:#287ac4;
}
.menu-header-container .menu-header{
display:block;
line-height:1.45;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
}
.menu-header-container .menu-header-sup{
font-size:15px;
}
.menu-header-container a{
color:#fff;
text-decoration:none;
}

/* .tag-list
----------------------------------------------- */
.tag-list{
margin:10px 0;
font-size:11px;
letter-spacing:-.4em;
}
.tag-list > li{
display:inline-block;
padding:1px 8px 0;
letter-spacing:normal;
border-radius:2px;
background-color:#f2f2f2;
}
.tag-list > li:not(:first-child){
margin-left:5px;
}

/* .tag-plan-list
----------------------------------------------- */
.tag-plan-list{
margin:10px 0;
font-size:11px;
letter-spacing:-.4em;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tag-plan-list > li{
display:inline-block;
padding:3px 8px 2px;
letter-spacing:normal;
border-radius:2px;
line-height:1;
}
.tag-plan-list > li:not(:first-child){
margin-left:5px;
}
.tag-plan-list > li.tag-plan-price{
background-color:#a0760d;
border:1px solid #a0760d;
color:#fff;
}
.tag-plan-list > li.tag-plan-course{
background-color:#fff;
border:1px solid #dbdbdb;
}

/* post-date-container
------------------------------------------------ */
.post-date-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:3px;
}
.post-date-container > li{
font-size:11px;
color:#949494;
}
.post-date-container > li:not(:first-child){
margin-left:10px;
}
.post-date-container > li > span:first-child::after{
content:":";
display:inline-block;
}

/* .search-result
----------------------------------------------- */
.search-result .search-result-item{
margin-bottom:30px;
border-top:3px solid #888;
}
.search-result .search-result-item-hdg{
margin:13px 0 10px;
font-size:25px;
}
.search-result .search-result-item-hdg > a{
color:#333;
text-decoration:none;
}
.search-result .search-result-item-hdg .sup{
display:block;
font-size:13px;
color:#777;
font-weight:normal;
}
.search-result .search-result-item-hdg .ruby{
font-size:20px;
}
.search-result .search-result-item-hdg .ruby:before{
content:"/";
margin:0 5px 0 7px;
display:inline;
}

/* .search-result-item-article
----------------------------------------------- */
.search-result .search-result-item-article{
font-size:13px;
padding:15px 0;
min-height:170px;
border-top:1px solid #dedede;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result .search-result-item-article .search-result-item-article-inr a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
color:#333;
}
.search-result .search-result-item-article .search-result-item-article-inr a:link,
.search-result .search-result-item-article .search-result-item-article-inr a:visited,
.search-result .search-result-item-article .search-result-item-article-inr a:hover,
.search-result .search-result-item-article .search-result-item-article-inr a:active{
text-decoration:none;
}
.search-result .search-result-item-article .search-result-item-article-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-result .search-result-item-article .search-result-item-article-thumb{
margin-left:30px;
}
.search-result .search-result-item-article .search-result-item-article-thumb .image{
display:table-cell;
width:170px;
height:130px;
vertical-align:middle;
text-align:center;
background-color:#f2f2f2;
}
.search-result .search-result-item-article .search-result-item-article-thumb .image.mod-noimg{
border:1px solid #e5e5e5;
background-color:#fff;
}
.search-result .search-result-item-article .search-result-item-article-thumb .image.mod-noimg img{
width:100px;
}
.search-result .search-result-item-article .search-result-item-article-thumb .image img{
vertical-align:middle;
max-width:170px;
max-height:130px;
}
.search-result .search-result-item-article .search-result-item-article-thumb .caption{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:3px;
font-size:11px;
color:#666;
}
.search-result .search-result-item-article .search-result-item-article-thumb .caption > div:first-child::after{
content:":";
margin:0 3px;
}

/* .search-result-item-article-hdg
----------------------------------------------- */
.search-result .search-result-item-article-hdg{
margin:7px 0 5px;
font-size:16px;
}
.search-result .search-result-item-article-hdg > a{
color:#333;
text-decoration:none;
}
.search-result .search-result-item-article-hdg .new{
color:#e20807;
font-size:15px;
display:inline-block;
padding-left:5px;
}

/* .search-result-item-article-more
----------------------------------------------- */
.search-result .search-result-item-article-more{
cursor:pointer;
line-height:1.5;
margin-top:10px;
}
.search-result .search-result-item-article-more .search-result-item-article-more-sup{
font-weight:bold;
font-size:13px;
margin-bottom:3px;
}

/* .search-result-item-article-more-text
----------------------------------------------- */
.search-result .search-result-item-article-more-text{
display:inline-block;
font-weight:400;
color:#a4a4a4;
}
.search-result .search-result-item-article-more-text::before{
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}

/* search-result-item-article-related
------------------------------------------------ */
.search-result .search-result-item-article-related{
margin-top:15px;
}
.search-result .search-result-item-article-related a{
color:#666;
}

/* result-notes
------------------------------------------------ */
.result-notes >li{
text-indent:-1em;
margin-left:1em;
font-size:12px;
color:#666;
}

/* .nav-category
----------------------------------------------- */
.nav-category{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
margin:18px 0 20px;
}
.nav-category > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
height:54px;
font-size:17px;
font-weight:bold;
text-align:center;
}
.nav-category > li:not(:first-child){
margin-left:-1px;
}
.nav-category > li.is-active > a{
border-bottom-color:#fff;
background-color:#fff;
}
.nav-category > li.is-disabled > a{
color:#777;
}
.nav-category > li > a{
position:relative;
display:block;
height:100%;
color:#333;
font-weight:bold;
text-decoration:none;
background-color:#efefef;
border-radius:4px 4px 0 0;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.nav-category > li > a .category{
position:absolute;
top:50%;
left:0;
display:block;
text-align:center;
width:100%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.nav-category > li > a .num{
font-size:13px;
font-weight:normal;
margin-left:3px;
}
.nav-category > li > a .new{
display:block;
margin-bottom:-5px;
width:100%;
color:#e20807;
font-size:11px;
}

/* .control-box
----------------------------------------------- */
.control-box{
margin-bottom:15px;
}
.control-box.control-box-bottom{
margin:45px 0 40px;
}

/* .result-date-container
----------------------------------------------- */
.result-date-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.result-date-container > li{
font-size:12px;
color:#949494;
}
.result-date-container > li:not(:first-child){
margin-left:10px;
}
.result-date-container > li > span:first-child::after{
content:":";
display:inline-block;
}

/* control-sort
------------------------------------------------ */
.control-sort{
font-size:12px;
text-align:left;
margin:10px 0;
}
.control-sort > li{
display:inline-block;
padding:0 2px 0 4px;
border-left:1px solid #b3b3b3;
}
.control-sort > li:first-child{
padding-left:0;
border-left:none;
}

/* control-container
------------------------------------------------ */
.control-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.control-container .control-num-container{
display:table;
font-family:Arial;
}
.control-container .control-num-container > .control-num,
.control-container .control-num-container > .control-pager{
display:table-cell;
vertical-align:middle;
}
.control-container .control-num-container > .control-num{
font-size:12px;
padding-right:10px;
}
.control-container .control-num-container > .control-num > span{
line-height:1.35;
display:inline-block;
}
.control-container .control-num-container > .control-num > span b{
font-size:18px;
display:inline-block;
margin:0 2px;
}
.control-container .control-num-container > .control-pager{
text-align:right;
}

/* .pager
----------------------------------------------- */
.control-container .pager{
font-size:14px;
line-height:1;
white-space:nowrap;
}
.control-container .pager li{
display:inline-block;
text-align:center;
}
.control-container .pager li > a,
.control-container .pager li > b{
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:24px;
padding:5px 2px 5px 2px;
color:#555;
background-color:#ececec;
}
.control-container .pager li > a:active,
.control-container .pager li > a:hover,
.control-container .pager li > a:focus{
text-decoration:none;
background-color:transparent;
}
.control-container .pager li > b{
color:#555;
background-color:transparent;
}
.control-container .pager li > b:active,
.control-container .pager li > b:hover,
.control-container .pager li > b:focus{
text-decoration:none;
background-color:transparent;
}
.control-container .pager li > b:active,
.control-container .pager li > b:hover,
.control-container .pager li > b:focus{
background-color:transparent;
}
.control-container .pager .first,
.control-container .pager .last,
.control-container .pager .prev,
.control-container .pager .next{
font-size:12px;
}
.control-container .pager.first > a,
.control-container .pager .last > a,
.control-container .pager .prev > a,
.control-container .pager .next > a{
padding:7px 5px 5px 5px;
}
.control-container .pager .prev{
margin-right:3px;
}
.control-container .pager .next{
margin-left:3px;
}
.control-container .pager .ellipsis{
position:relative;
margin-left:-3px;
padding-left:16px;
}
.control-container .pager .ellipsis::before{
font-weight:normal;
position:absolute;
bottom:0;
left:2px;
display:block;
content:"...";
color:#555;
speak:none;
font-size:14px;
}

/* result-status
------------------------------------------------ */
.result-status{
padding:100px 0;
}

/* result-status
------------------------------------------------ */
.result-loading .loading{
overflow:hidden;
display:block;
margin:30px auto;
padding-top:44px;
width:44px;
height:0;
background:url(/element/shared/images/icon/ic_load_l.gif) top left no-repeat;
background-size:100%;
line-height:2;
}

/* result-status
------------------------------------------------ */
.result-error .error-catch{
text-align:center;
font-weight:bold;
font-size:17px;
}
.result-error .error-wording{
text-align:center;
margin-top:15px;
}
.result-error .error-prev-btn{
margin-top:20px;
text-align:center;
}

/* result-list-hdg
------------------------------------------------ */
.result-list-hdg{
font-size:20px;
font-weight:bold;
margin-top:15px;
}

/* .writer-list
----------------------------------------------- */
.writer-list{
margin-top:20px;
border-top:1px solid #ddd;
}
.writer-list >li{
padding:20px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #ddd;
}
.writer-list .writer-list-item{
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.writer-list .writer-list-item:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:60%;
padding-right:20px;
}
.writer-list .writer-list-item:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.writer-list .writer-list-item .writer-list-name{
font-size:17px;
}
.writer-list .writer-list-item .writer-list-name a{
color:#333;
text-decoration:none;
}
.writer-list .writer-list-item .writer-list-name a:link,
.writer-list .writer-list-item .writer-list-name a:visited,
.writer-list .writer-list-item .writer-list-name a:hover,
.writer-list .writer-list-item .writer-list-name a:active{
color:#333;
}
.writer-list .writer-list-item .writer-list-name .writer-list-title{
display:block;
font-size:12px;
font-weight:normal;
}
.writer-list .writer-list-item .writer-list-outline{
margin-top:10px;
font-size:12px;
}
.writer-list .writer-list-item .writer-list-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.writer-list .writer-list-item .writer-list-image{
margin-right:10px;
width:85px;
height:85px;
}
.writer-list .writer-list-item .writer-list-image >span{
position:relative;
width:85px;
height:85px;
border-radius:50%;
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.writer-list .writer-list-item .writer-list-image >span img{
max-width:85px;
height:85px;
vertical-align:middle;
}

/* writer-list-category
----------------------------------------------- */
.writer-list-category{
font-size:12px;
margin:5px 0;
}
.writer-list-category > li{
display:inline-block;
margin:0 0 5px 3px;
}
.writer-list-category > li > a{
display:block;
min-width:6em;
padding:3px 5px;
text-align:center;
text-decoration:none;
color:#666;
border:1px solid #ccc;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(223, 223, 223, .75) inset;
box-shadow:0 -2px 0 rgba(223, 223, 223, .75) inset;
}
.writer-list-category > li.is-disabled > a{
background-color:#eee;
color:#a4a4a4;
border-color:#d4d4d4;
cursor:default;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
text-decoration:none;
}
.writer-list-category > li.is-disabled > a:link,
.writer-list-category > li.is-disabled > a:visited,
.writer-list-category > li.is-disabled > a:hover,
.writer-list-category > li.is-disabled > a:active{
text-decoration:none;
}

/* search-result-header
------------------------------------------------ */
.search-result-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:30px 0 18px;
}
.search-result-header > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-result-header > div:last-child{
width:180px;
}
.search-result-header > div:last-child select{
width:100%;
}
.search-result-header .search-result-hdg{
font-size:20px;
font-weight:bold;
}

/* writer-ind-profile
------------------------------------------------ */
.individual-profile{
padding:20px;
border:2px solid #b5b5b5;
}
.individual-profile .individual-profile-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.individual-profile .individual-profile-image{
width:85px;
height:85px;
margin-right:15px;
}
.individual-profile .individual-profile-image > span{
position:relative;
width:85px;
height:85px;
border-radius:50%;
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.individual-profile .individual-profile-image > span img{
max-width:85px;
height:85px;
vertical-align:middle;
}
.individual-profile .individual-profile-name{
font-size:17px;
font-weight:bold;
}
.individual-profile .individual-profile-name a{
color:#333;
}
.individual-profile .individual-profile-name .individual-profile-title{
font-size:12px;
font-weight:normal;
color:#555;
}
.individual-profile .individual-profile-sns-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:10px 0 15px;
}
.individual-profile .individual-profile-sns-list >li{
background-repeat:no-repeat;
background-position:top left;
margin-right:12px;
}
.individual-profile .individual-profile-sns-list >li >a{
width:36px;
height:0;
padding-top:36px;
overflow:hidden;
line-height:2;
display:block;
}
.individual-profile .individual-profile-sns-list >li.sns-facebook{
background-image:url(/element/shared/images/icon/icon-sns-fb.svg);
}
.individual-profile .individual-profile-sns-list >li.sns-twitter{
background-image:url(/element/shared/images/icon/icon-sns-twitter.svg);
}
.individual-profile .individual-profile-sns-list >li.sns-instagram{
background-image:url(/element/shared/images/icon/icon-sns-instagram.svg);
}
.individual-profile .individual-profile-outline{
margin-top:10px;
}
.individual-profile .individual-profile-list-container{
margin-top:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.individual-profile .individual-profile-list-hdg{
padding-right:15px;
margin-right:-1px;
white-space:nowrap;
position:relative;
background-color:#fff;
}
.individual-profile .individual-profile-list > li{
display:inline-block;
border-left:1px solid #d9d9d9;
margin-bottom:5px;
}
.individual-profile .individual-profile-list > li a{
padding:0 5px;
color:#666;
}
.individual-profile .individual-profile-list > li a .link-blank{
position:relative;
top:1px;
width:12px;
}
.individual-profile .individual-profile-item{
margin-top:10px;
}
.individual-profile .individual-profile-item .individual-profile-item-hdg{
display:inline-block;
padding:3px 9px 2px;
font-size:12px;
color:#333;
min-width:90px;
background-color:#e3e3e3;
min-height:21px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
.individual-profile .individual-profile-item .individual-profile-item-desc{
margin-top:10px;
}
.individual-profile .individual-profile-footer{
margin-top:20px;
}
.individual-profile .individual-profile-notes{
text-align:right;
}
.individual-profile .individual-profile-notes li{
font-size:11px;
color:#777;
text-indent:-1.3em;
margin-left:1.3em;
}
.individual-profile .individual-profile-notes li .mark{
margin-right:4px;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
padding:40px 0 120px;
}

/* .error-wording
----------------------------------------------- */
.error .error-wording{
font-size:18px;
text-align:center;
margin-bottom:20px;
}

.error .error-wording-sub{
font-size:14px;
text-align:center;
}

.error .btn{
margin:32px auto 0;
padding:6px 12px 5px;
border:1px solid #c5c5c5;
border-radius:4px;
color:#666 !important;
display:table;
min-width:202px;
width:auto;
min-height:40px;
height:auto;
text-align:center;
font-size:14px;
font-weight:normal;
background-color:#fff;
background-image:none;
box-shadow:none;
}