/*
 Theme Name:   Power Mag Pen
 Theme URI:    
 Description:  
 Author:       
 Author URI:   http://qualitas.jp
 Template:    power-mag
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  power-mag-pen
*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
font-size: 14px !important;
text-align:justify !important;
text-justify:inter-ideograph !important;
font-family: -apple-system, 'BlinkMacSystemFont', Open Sans, 'Hiragino Sans', 'Noto Sans CJK JP', Arial, sans-serif;
font-weight: 300;
}

header#masthead.site-header {
z-index: 999 !important;
}

/*div.pm_cat_layout-2_banner {
height: 280px !important;
overflow: hidden;
margin-bottom: 40px;
}*/


table.members td {
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 15px 10px;
white-space: nowrap;
border-left: solid 1px #ddd !important;
}

table.members-hp td {
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 15px 10px;
white-space: nowrap;
border: solid 1px #ddd !important;
}

#QandA-3 {
    padding: 8px;
    font-size: 14px; /*全体のフォントサイズ*/
}
#QandA-3 h3 {
    color: #666;
    font-size: 18px;
    margin: 0 0 16px 0;
    border-bottom: 1px dashed #ddd;
}
#QandA-3 dl {
    margin: 0 0 24px;
}
#QandA-3 dt,
#QandA-3 dd {
    position: relative;
    margin-left: 32px;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
}
#QandA-3 dt {
    font-weight: bold;
    color: #111;
    margin-bottom: 8px;
}
#QandA-3 dd {
    line-height: 140%;
}
#QandA-3 dt:before,
#QandA-3 dd:before {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    margin-right: 8px;
    position: absolute;
    left: -32px;

}
#QandA-3 dt:before {
    content: "Q";
    background: #90262a;
}
#QandA-3 dd:before {
    content: "A";
    background: #aaa !important;
}

div.pm_layout_2_banner.wow {
height: 280px;
overflow: hidden;
margin-bottom: 40px;
}

.p_cat_layout_2_content_wrap {
line-height: 20px;
}

.site-footer {
padding: 34px 34px 14px;
}
.pm_footer_1.pm_footer {
width: auto !important;
}
.pm_footer .widget_nav_menu ul li {
width: auto;
border-right: solid 1px #ffffff;
padding: 0 30px;
margin-left: 0;
line-height: 18px;
}
.pm_footer .widget_nav_menu ul li:last-child {
border-right: none;
}
.pm_footer .widget_nav_menu ul li a {
font-size: 12px;
color: #ffffff !important;
font-weight: 400 !important;
}
.pm_footer {
}
.site-info {
padding: 0;
}

li.current_page_item a {
color: #333333 !important;
font-weight: 700 !important;
}

a {
color: #90262a;
font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6,
.pm_featured_layout_1_title h6,
.pm_featured_layout_1_title h6 a {
color: #555;
}

h3 {
font-size: 18px !important;
}

h4 {
font-size: 16px !important;
}

h5 {
font-size: 14px !important;
}

font{
font-size: 14px !important;
}

.one_column_layout_2_info_wrapper .pm_one_column_layout_2_title h6 a {
line-height: 18px;
}

.pm_layout_2_banner_info {
padding: 14px;
}

.pm_layout_2_banner_info h2.entry-title {
padding: 0 14px;
}

.clear {
  clear: both;
  height: 10px;
}

h3,
h4 {
font-weight: 600;
margin-top: 14px;
}

.entry-content p {
line-height: 24px;
color: #444;
margin-bottom: 8px;
}

h4.fb {
background-color: #2d4485;
color: #fff;
text-align: center;
padding: 10px 0;
font-size: 2em;
margin-bottom: 10px;
}

h4.tw {
background-color: #1d8dee;
color: #fff;
text-align: center;
padding: 10px 0;
font-size: 2em;
margin-bottom: 10px;
}


/*
bogo用
*/
ul.bogo-language-switcher {
padding: 20px 20px 0px;
}
ul.bogo-language-switcher li {
display:inline-block;
font-size: 12px;
font-weight: 500;
float: right;
}
ul.bogo-language-switcher li a {
color: #666;
font-weight: 400;
}


.pm_home_top_content_area .one_column_layout_2_thumbnail_wrapper {
padding-right: 20px;
}

#text-5.textwidget {
width: 1000px;
}

.textwidget img {
float:left;
margin-right:10px;
border: 1px solid #ccc;
padding: 4px;
}

h2.widget-title span,
.pm_trending_news_title,
.main-navigation {
background-color: #90262a;
}

.main-navigation li {
margin: 0;
}

.main-navigation a {
font-weight: 500;
}

.main-navigation li.current_page_item a {
background-color: #404040 !important;
}

.site-logo {
padding-top:0 !important;
}

.logo-img {
width: 240px !important;
}

.trending_news_wrapper {
margin-top: 40px;
margin-bottom: 40px;
padding: 0 !important;
}

.pm_trending_news_title {
padding: 14px 18px;
}

.pm_trending_news li {
padding: 14px 8px;
}

.pm_trending_news_title,
.pm_trending_news li a {
font-size: 16px;
}

.pm_featured_layout_1_first_content_info_wrap {
padding: 0 10px;
}

.pm_featured_layout_1_after_single_wrapper {
float: left;
width: 47.6%;
}

.pm_featured_layout_1_after_single_wrapper .pm_featured_layout_1_title h6,
.pm_featured_layout_1_after_single_wrapper .pm_featured_layout_1_title h6 a {
line-height: 15px;
}
.pm_featured_layout_1_title h6 {
line-height: 20px;
}
.pm_featured_layout_1_content {
line-height: 24px;
}

.one_column_layout_1_title_wrapper .widget_title_wrapper .wow .fadeIn > h2.widget-title span {
background: #ff6860 !important;
}

.recent_random_title_wrapper .widget_title_wrapper .wow .fadeIn > h2.widget-title span,
#power_mag_recent_posts-6.widget.power_mag_recent_posts > h2.widget-title span {
background: #0c555d !important;
}

.page-header h1.entry-title,
.entry-header h1.entry-title {
font-size: 20px;
padding-bottom: 20px;
padding-top: 20px;
}

.entry-content h2 {
font-size: 16px;
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
top:0;
margin: 30px 0 10px;
}

.entry-content h2:before,
.entry-content h2:after { 
  position: absolute;
  top: 0;
  content:'';
width: 8px;
height: 100%;
display: inline-block;
}
.entry-content h2:before{
border-left: solid 1px black;
border-top: solid 1px black;
border-bottom: solid 1px black;
  left: 0;
}
.entry-content h2:after{
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
.entry-content h2:first-child {
margin-top: 0px;
}

.entry-content h2 span {
font-size: 14px;
font-weight: 500;
}

h4.copyright {
font-weight: normal;
font-size: 12px !important;
color: #999999;
margin-top: 0px;
line-height: 1 !important;
text-align: right !important;
}

h4.committee {
background-color: #676767;
color: #ffffff;
padding: 4px 10px;
margin: 30px 0 10px;
}

.balloon-right {
position: relative;
display: inline-block;
padding: 0 14px;
width: auto;
min-width: 115px;
height: 36px;
color: #F6F6F6 !important;
line-height: 36px;
text-align: left;
background: #19283C;
margin: 14px 0 8px 0;
font-size: 15px !important;
z-index: 0;
}
.balloon-right:after {
	content: "";
	position: absolute;
top: 60%;
right: -7px;
margin-top: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 0 6px 7px;
border-color: transparent transparent transparent #19283C;
}

.entry-header h1.entry-title {
font-weight: 600;
}

.entry-content li {
font-size: 14px;
color: #676767;
}

ul.hist {
list-style-type: none;
margin-top: 16px;
border-left: solid 4px #676767;
}

ul.hist li:first-line {
font-weight: bold;
color: #90262a;
}

ul.hist li {
position: relative;
margin-bottom: 20px;
}

span.year {
position: relative;
top: -2px;
left: -6px;
}

span.circle {
margin-top: -12px;
top: 12px;
left: -32px;
width: 20px;
height: 20px;
background: #90262a;
border: 4px solid #676767;
border-radius: 50%;
display: block;
position: absolute;
}

ul.child {
list-style-type: none;
}

ul.child li {
margin: 0 0 2px 0;
padding-left: 2.5em;
text-indent: -2.5em;
}

ul.child li:first-line {
font-weight: 300;
color: #676767;
}

li {
margin: 0 0 10px 20px;
}

.newsticker {
list-style-type: none;
}

ol.num {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 
ol.num li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
ol.num li:before {
content: counter(my-counter);
counter-increment: my-counter;
/* background-color: #676767; */
color: #676767;
display: block;
float: left;
line-height: 15px;
margin-left: -26px;
text-align: center;
padding-left: 1px;
height: 18px;
width: 18px;
border-radius: 50%;
border: #676767 solid 1px;
}

ol.list_parentheses{
  padding:0 0 0 2em;
  margin:0;
}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
padding-left: 1.5em;
text-indent: -1.5em;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

.publication img {
width: 120px !important;
height: auto;
border: 2px solid #999;
float:left;
margin-right: 20px;
}

.publish-spec {
width: 250px;
float:left;
padding-right:20px;
}

.publish-cont {
width: 440px;
float:left;
}

th,td {
padding: 4px;
line-height: 1.4 !important;
}

table.publish {
}

table.publish th,
table.publish td {
padding: 4px;
line-height: 1.4 !important;
}

table.publish th {
width: 60px;
}

table.backnum th {
padding: 8px 0;
}

.mem-list {
	border-collapse: collapse;
margin-bottom: 60px;
width: 100%;
}

.mem-list th {
font-weight: 600;
text-align: center;
background-color: #c3c3c3;
color: #fff;
}

.mem-list th, .mem-list td {
	border: 1px solid #d0d0d0;
padding: 6px;
}

.mem-list tr:nth-child(even) {
	background: #fbfbfb;
}
.mem-list thead.syllabary th {
	background: #cdc9bf;
}

.mem-list.chairman th {
font-weight: 600;
text-align: left;
color: #333 !important;
background-color: #fff !important;
}

.mem-list.chairman.inter th:first-child {
width: 60px !important;
}

.mem-list.chairman th.th-gray {
text-align: center !important;
background-color: #c3c3c3 !important;
color: #fff !important;
}

.mem-list.chairman td {
text-align: center !important;
}

.arconix-toggle-wrap {
border: 6px solid #d0d0d0;
}

.arconix-toggle-title {
color: #898989;
font-weight: 600;
}

.note {
  background-color: #eee;
  position: relative;
  padding: 10px 20px;
  margin-bottom: 30px;
}
.note::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0 0 18px 18px;
  border-style: solid;
  border-color: #ccc #FFF #FFF #ccc;
}

/* .getPostDispArea .getPost {
    border: 2px solid #9a9a9a;
    padding: 15px;
    margin: 10px 0px;
    background-color: #e4f4ff;
}

.getPostDispArea .getPost:after {
    content: '';
    display: table;
    clear: both;
}

.getPostImgArea {
    width: 20%;
    float: left;
}

.getPostStringArea {
    width: 80%;
    padding-left: 15px;
    float: left;
}

h4.getPostTitle {
    font-weight: bold;
} */

img.guide {
width: 100% !important;
}


/*------------------------------------------
// User style start
// change
----------------------------------------- */

.general-button  {
  border-radius: 5px;
  background-color: #b5c23a;
margin: 20px;
}

.general-button:before  {
  border-radius: 5px;
  border-bottom: 0px solid rgba(126,135,40, 0);
  background-color: rgba(126,135,40, 0);
}

.button-content  {
  border-radius: 0px 0px 5px 5px;
  padding: 4px 7px;
  box-shadow: 0px 0px 0px 0px rgba(126,135,40, 0);
  color: #f8f8f8;
}

.button-text  {
  padding: 0px 7px;
  line-height: 2.1em;
  font-size: 13px;
}

.general-button.blue {
  background-color: #469be9 !important;
}

.icon-font  {
  padding: 0px 7px;
  font-size: 27px;
}


/*----------------- at hover -----------------*/

.general-button:hover  {
  top: -3px;
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
  background-color: #bac744;
}

.general-button:hover:before  {
  border-bottom: 3px solid rgba(126,135,40, 0);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}

.general-button:hover .button-content  {
  box-shadow: 0px 3px 0px 0px rgba(126,135,40, 1);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}

/*----------------- at active -----------------*/

.general-button:active  {
  background-color: #a2ae34;
  box-shadow: 0px 1.6px 0px 0px rgba(107,115,34, 1) inset;
}

.general-button:active:before  {
  top: -3px;
  padding-bottom: 3px;
  border-bottom: 0px solid rgba(126,135,40, 0);
}

.general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(126,135,40, 0);
}

/*------------------------------------------
// User style end
----------------------------------------- */

/*------------------------------------------
// Core style start
// not change
----------------------------------------- */

.general-button  {
  display: -moz-inline-box;
  display: inline-block;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;position: relative;
  top: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}

.general-button:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-content  {
  display: table;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}

.icon-font  {
  display: table-cell;
  vertical-align: middle;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  transition-timing-function: ease-in-out;
}

.general-button:hover:before  {
  transition-timing-function: ease-in-out;
}

.general-button:hover .button-content  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.general-button:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active .button-content  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .general-button:hover  {
  top: 0px;
  background-color: #b5c23a;
}

.touch .general-button:hover:before  {
  border-bottom: 0px solid rgba(126,135,40, 0);
}

.touch .general-button:hover .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(126,135,40, 1);

}

/*----------------- at active -----------------*/

.touch .general-button:active  {
  background-color: #a2ae34;
  box-shadow: 0px 1.6px 0px 0px rgba(107,115,34, 1) inset;
}

.touch .general-button:active:before  {
  top: -3px;
  padding-bottom: 3px;
  border-bottom: 0px solid rgba(126,135,40, 0);
}

.touch .general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(126,135,40, 0);
}



/*------------------------------------------
// Touch style end
----------------------------------------- */


@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　for iPad 　*/
 
.main-navigation a {
padding: 14px 8px;
}

.pm_featured_layout_1_after_single_wrapper {
float: left;
width: 100% !important;
}

.pm_featured_layout_1_first_wrapper {
width: 100%;
}

.pm_featured_layout_1_after_content_info_wrap {
float:left !important;
margin-left: 10px !important;
}

.textwidget img {
width: 23.5%;
}


}


@media screen and (max-width: 767px) {
/* 768pxまでの幅の場合に適応される */

body{
word-break: break-all;
/* overflow: hidden; */
}

.site-main .pm_featured_layout_1_after_single_wrapper {
width: 100% !important;
}

.pm_featured_layout_1_first_content_info_wrap {
padding: 0;
}

/* #text-5 {
display:none !important;
} */

table {
  word-break:break-all;
}

.textwidget img {
width: 48.5%;
margin-bottom: 10px;
border: 1px solid #ccc;
padding: 4px;
}

.textwidget img:nth-child(even) {
margin-right: 0;
}


.right-img {
margin-right: 0px !important;
}

.trending_news_wrapper {
margin-top: 0 !important;
margin-bottom: 20px;
}

.site-main .pm_featured_layout_1_after_single_wrapper {
width: 95% !important;
}

.trending_news_wrapper .pm_newsticker .pm_trending_news ul.newsticker {
height: 38px !important;
}

.arconix-toggle-content {
margin-left: 0;
padding: 15px 0;
}

ol.list_parentheses,
ol.num li {
padding-left: 0;
}
.publish-spec {
width: 58%;
padding-right: 0;
}

.publication img {
width: 40% !important;
margin-right: 2%;
}

table.publish th,
th,td {
	width: 100%;
	display: block;
text-align: center !important;
}

th:first-child.mem-list.chairman.inter {
width: 100% !important;
}

.publish-cont {
width: 100% !important;
float: none !important;
}
.pm_layout_2_banner_info {
padding: 10px;
}

div.pm_layout_2_banner.wow {
height: auto !important;
overflow: auto;
margin-bottom: 10px;
}

.pm_layout_2_single_post_info_wrapper {
width: 48%;
}
.p_cat_layout_2_content_wrap > .addtoany_share_save_container {
display:none !important;
}

ul#primary-menu {
z-index: 1000 !important;
}

div#page.site {
padding-top: 40px;
}

nav#site-navigation.main-navigation.wow.fadeIn {
position: fixed;
top: 0;
z-index: 9999;
}

.trending_news_wrapper .pm_newsticker .pm_trending_news ul.newsticker {
height: 70px !important;
}
.pm_single_title.wow.fadeIn {
margin-left: 0 !important;
}

.pm_home_top_content_area .one_column_layout_2_thumbnail_wrapper:nth-of-type(3) {
padding-top:18px;
}

ul#menu-footer-menu.menu {
margin-top: 20px;
list-style-type: disc !important;
}

ul#menu-footer-menu.menu li {
border: none;
}


}