/*スマートフォン用CSS */

/* ---------- @ HTML Tags -----------*/

* {
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	/*background:#e4e2db;*/
	background:#FFF;
	/*color: #1d1d1d;*/
	color: #333;
	 height:100%;
	}

body, select, textarea{
	font: 90% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

input{
	font: 1em "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	}
	.entry{
	font: 130% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.recent-excerpts {
 	border-bottom: 2px dotted #CCC;
    width: 97%;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    cursor: pointer;
}
.recent-excerpts p{
	font: 100%/160% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.tile{
	margin-top: 12px;
	display: block;
	background-color: #fff;
	height: 100%;
}
.list{
	display: block;	
	background-color: #fff;
	overflow: hidden;
}

.recent-excerpts-tile {
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
   border: 1px dotted #ccc;
  	float: left;
  	margin: 3px 5px;
  	border-radius: 5px;       
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px; 
    /* box-shadow */
	box-shadow:0px 0px 4px 0px #cccccc;
	-moz-box-shadow:0px 0px 4px 0px #cccccc;
	-webkit-box-shadow:0px 0px 4px 0px #cccccc;
}

.recent-excerpts-tile p{
	font: 100%/160% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.recent-excerpts-tile .recentr{
	margin: 0 auto;
	width: 85px;
	padding-top: 3px;
}
.recent-excerpts-tile .recentl{
	text-align: center;
	font-size: 0.7em;
}

.viewbtn1{
  width: 30px;
  height: 30px;
  background: url(img_viewmodenew2.png) no-repeat;
  background-position: 0px 0px;
  overflow: hidden;
  cursor: pointer;
  position:absolute;
  top:10px;
  right:60px;
  background-size: 30px 65px;
}
.viewbtn2{
  width: 30px;
  height: 30px;
  background: url(img_viewmodenew2.png) no-repeat;
  background-position: 0px -35px;
  overflow: hidden;
  cursor: pointer;
  position:absolute;
  top:10px;
  right:60px;
  background-size: 30px 65px;
}


h4 a, h4 a:visited {
    color: #383838;
    text-decoration: none;
}

p {
	line-height: 190%;
	/*margin-top: 5px;*/
	margin-right: 0;
	/*margin-bottom: 15px;*/
	margin-left: 0;
	}

a, a:visited {
	/*color: #83a7ba;*/
	color: #4842BD;
	}

a:hover, a:active {
	/*color:#4d778d;*/
	color:#26235A;
	
	}
a{
	text-decoration: none;
}

table {
    border-collapse: collapse;
    width: 100%;
    margin: 5px 0;
    /* border-top: 1px solid #e0ded9; */
    border-bottom: 1px solid #e0ded9;
}
.recent-excerpts p {
    line-height: 150%;
    margin-bottom: 0;
}

.recent-excerpts-tile p {
    line-height: 150%;
    margin-bottom: 0;
}

/*.subdept {
    color: #093;
    font-weight: bold;
}*/

.subdept a, .subdept a:visited{
    color: #777;
    /*font-weight: bold;*/
}

/*#more-posts img {
    margin-right: 10px;
}
#more-posts img {
    margin: 3px 12px 4px 0;
}*/
#more-posts img, #grid a img, #grid a:visited img {
    float: left;
   /* margin: 4px 18px 8px 0;*/
   /* padding: 2px;*/
    background: #FFF;
}

#more-posts img {
	margin: 3px 12px 4px 0;
    margin-right: 0;
    float: right;
}

#sidebar a img, #sidebar a:visited img {
	border: none;
	width: 90%;
	height: auto;
}
h4 {
    font: bold 1.3em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom: -10px;
    margin-top: 5px;
    line-height: 1.3em;
}

.post h4 {
	margin:5px 0 5px;
	font-size: 1.4em;
	line-height: 1.3em;
}
	
.archive-list h4 {
	margin:0;
	font-size:1.2em;
	line-height:125%;
}

#grid h4 {
	margin:0;
	font-size:1.4em;
	line-height:120%;
}

#grid2 h4 {
	margin:0;
	font-size:1.6em;
	line-height:140%;
}


.date {
    margin: 0px;
    font: bold 0.7em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #777;
}

.clearfloat:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

.wordstyle {
   /* font-size: 1.3em;
    line-height: 1.5em;
	color: #666; */
	display: none;
}

.clearfloat {
    display: block;
}

#description,#loginhead,.orderbox,.sidebanner,#masthead,#nav,.sub-menu,#searchhead,#lefterea,.breadcrumb,.pcview,#content .imgslide,#footer,a #wlistbtn{
	display: none;
}


#box{
	font-size: 14px;
	display: block;
}
#mobileheader{
	display:block;
	position: fixed;
	top:0;
	z-index: 20;
	width: 100%;
	height: 55px;
	background-color: #fff;
}
#mobileheader h1{
	margin: 0;
}

#mobileheader .mhboxl{
	/*width: 50%;*/
	float: left;
}

#mobileheader .mhboxr{
	width: 45%;
	float: right;
}

#mobileheader .showlogin{
	padding: 10px;
	margin: 5px;
	background-color: #eee;
	cursor: pointer;
	text-align: center;
	display: block;
}

body{
	margin: 0;
}

#wrapper {
	background:#FFF;
	font-size:0.8em;
	padding:0;
	margin: 0;
	/* margin-top: 20px; */
	width: 100%;
	}

#content {
	width:100%;
	/*padding-top: 50px;*/
	padding-top: 110px;
	/* padding-left: 3%; */
	/* padding-right: 3%; */
	font-size: 1.2em;
	}

#contentsp {
	width:93%;
	padding-top: 50px;
	/*padding-left: 2%;
	padding-right: 2%;*/
}
.contentpos {
	/*padding-top: 50px;*/
}

#swipenav{
	/*width: 100%;*/
	/*position:fixed;*/
	/*top: 50px;20171206*/
	top: 113px;
	margin:0;
	z-index: 10;
	font-size: 0.8em;
	background-color: #fff;
	border-bottom-color: #09c;
    border-bottom-style: solid;
    font-weight: bold;
}

#swipebox{
	overflow: auto;
	/*padding-top:30px;20171206*/
	padding-top:92px;  
	width: 100%;
}

.topbox{
	top:0;
	width:45px;
	z-index:21;
}

.topboxl {
    /* width:100%; */
    font-size: 16px;
    display: none;
}
.topboxr {
    /* width: 100%; */
    /* display: none; */
}

#page {
	width: 100%;
	margin:10px auto;
	overflow: hidden;
	margin-top: 60px;
}

#nav-cat{
	display: none;
	top: 55px;
}

#lefterea .execphpwidget {
    float: left;
}
#lefterea {
    width: 100%;
}

.overlaybox{
	width: 100%;
	position:fixed;
	top:0;
	z-index: 9;
	background-color:#fff;
	height: 50px;
}

#content2{
	font-size: 14px;
	width: 100%;
	/*padding-top: 50px;*/
	padding-top: 110px;
	padding-bottom: 0;
	/* padding-left: 3%;
	padding-right: 3%; */
}

.grid_l{
	width: 100%;
	background-color: #f9f9f9;
	text-align: center;
}
.grid_r{
	width: 100%;

}


#nextbluebox .whitebox{
	
	padding: 10px 0;
	width: 100%;
	margin: 0px auto 0px;
}

 .whitebox .wbboxl{
	
	border-radius: 10px;        
    -webkit-border-radius: 10px;      
    -moz-border-radius: 10px;
    width: 100%;
}
 .whitebox .wbboxr{
	border-radius: 10px;        
    -webkit-border-radius: 10px;      
    -moz-border-radius: 10px;
     width: 100%;
}

/*teaserBox*/

.teaserBox{
width: 100%;
}
.teaserBoxl{
	width:100%;
}
.teaserBoxr{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.wp-caption.alignleft {
	margin: 0;
	}
	
.wp-caption.alignright {
	/*float:right;
	margin:5px 0 10px 22px;*/
	float: none;
	margin: 0 auto;
	}

img.alignright {
	margin:0;
	float:none;
	}

.wp-caption img {
	float:none;
	margin:0 auto;
}	
.entry img {
	
}
.adstyle{
	float:none;
	padding-right:0;
	padding-bottom:10px;
	text-align: center;
}

.mfromtitle{
	width: 90%;
	font-size: 1.0em;
	background-color: #fff;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:2px;
	border-radius: 3px;		
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
	border: 1px solid #eee;
	text-align: center;
	margin:5px auto;
}


#mloginhead{
	background-color: #fff;
	display: none;
	/*width: 310px;*/
	/*width: 205px;*/
	width: 100%;
	/*padding:3px 0 0;*/
	margin:0;
	/*height: 95px;*/
	font-size:14px;
	margin-top:80px; 
	vertical-align: middle;
	padding-top:10px;
	padding-bottom:10px;
/*	background-color: #f1f1f1;*/
}
#mloginhead table{
	width: 90%;
	background: #f9f9f9;
	border:0px;
	margin:0 auto;

}
#mloginhead tr{
	background: #f9f9f9;
}
#mloginhead td{
	background: #f9f9f9;
	padding-right: 3px;
	width: 100%;
	/*padding-left: 3px;*/
	/*padding-top: 8px;*/
	padding-top: 0px;
/*	text-align: left;*/
	line-height: 18px;
	/*vertical-align: bottom;*/
}
#mloginhead input{
	background-color: #fff;
	border-radius: 3px;		
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}
.mlogouttext{
	text-align: center;
	height: 50px;
}

#mloginhead .logbox{
	width: 100%;
}
#mloginhead form{
	margin: 0;
}

#more-posts img {
   /* margin-right: 10px;*/
}

.wpulike .counter a.image, .wpulike .counter a.image-unlike {
    width: 50px;
}
.wpulike-default .counter a {
    background-color: #ffffff;
    border-color: #e5e5e5;
    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.wpulike .counter a {
    margin: 0;
    display: inline-block;
    border-radius: .25em;
    border: 1px solid #d3d3d3;
    vertical-align: middle;
    line-height: 1em;
  /*  padding: .25em .5em;*/
    font-size: .75em;
    cursor: pointer;
    max-height: 25px;
  /*  color: #777;*/
    background: #fff;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.5) inset;
   /* text-shadow: 0 1px 0 rgba(255,255,255,0.5);*/
    text-decoration: none;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 40px;
	font-size: 50%;
}
#page-top a {
	background: #eee;
	text-decoration: none;
	color: #333;
	width: 80px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 3px solid #CCC;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.25);
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	opacity: 0.8;
}
#page-top a:hover {
	text-decoration: none;
	background: #fff;
}
/*上へスライドするボタンの設定*/
.sankaku{
	font-size: 2.5em;
	color:#46768E;
}

/*ハンバーガーアイコンとドロワーメニューの設定*/

.drawer-nav{
	width: 200px !important;
}
.drawer--right.drawer-open .drawer-hamburger {
    right: 200px !important;
    display: none;
}

/*ログインページ*/

#bluebox{
	background: #a5f6f6;
	padding: 10px 10px 15px;
}
#bluebox .whitebox{
	background: #ffffff;
	padding: 5px;
	margin-bottom: 5px;
}
#bluebox .whitebox_p0{
	background: #ffffff;
}

#bluebox .whitebox_p0 img{
	margin: 0px auto;
}
#bluebox img{
	border:0;
}

#bluebox .whitebox table{
	background: #FFF;
	border:0;
	width:100%;
	margin: 0px auto;
}
#bluebox .whitebox td{
	background: #FFF;
	padding: 3px 10px;
	
	}

#authPass, #authId{
	width: 100%;
}

#bluebox .btcell{
	text-align: center;
	
}
#bluebox .grayline{
	border-top: 1px solid #eee;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	/*padding-right: 10px;*/
	text-align: center;
}

#logintitle img{
	margin: 0px auto;
	
}

#login-btn{
	/*background: url(img/btn_slogin.jpg) no-repeat left top;
	height: 38px;
	width: 72px;*/
	cursor:pointer;
	border:0;
}
#reset-btn{
	/*background: url(img/btn_sreset.jpg) no-repeat left top;
	height: 38px;
	width: 75px;*/
	cursor:pointer;
	border:0;
}

#touroku-btn{
	/*background: url(img/btn_stouroku.jpg) no-repeat left top;
	height: 38px;
	width: 75px;*/
	cursor:pointer;
	border:0;
}

/*<a href=""><img src="<?php bloginfo('template_url'); ?>/img/btn_stouroku.jpg" width="75" height="38" alt="会員登録" /></a>*/
#logout-btn{
	background: url(../img/btn_logout2.jpg) no-repeat left top;
	/*height: 38px;
	width: 86px;*/
	height: 72px;
	width: 201px;
	cursor:pointer;
	border:0;
	background-size: 201px 72px;
}


input, select, textarea {
background-color: #f1f1f1;
}

.drawer-brand {
   /* border-bottom-color: #09c;
    border-bottom-style: double;*/
    font-size: 1.2rem !important;
    border-bottom:double 2px #09c;
}

.drawer-nav {
    border-left:solid 2px #eee;
}

.drawer-menu-item {
   border-bottom:solid 1px #eee;
   
}

.cboxElement img{
	width: 100%;
	height: auto;
}

.wp-caption.alignleft, 
.wp-caption.alignright, 
.wp-caption.aligncenter {
	background:#f5f3ee;
	text-align:center;
	padding:0;
	border:3px double #FFF;
	width: 100%;
	}

.links{
	/*width:620px;*/
	width: 100%;
	height:27px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	}
	
.links img{
	border:0;
	padding:0;
	margin:0;
	width: 81px;
	}
.linksprev{
	float: left;
	width:100px;
	text-align: left;
	height:22px;
}

.linksnext{
	float: right;
	/*width:81px;*/
	text-align: right;
	right:0;
	height:22px;
}

.catlist,.taglist {
	font-size: 0.9em;
}

/*スマホ版トップのロゴの表示*/

#mobileheader h1{
	/*margin: 0;*/
	/*margin-top: 5px;
	margin-bottom: 0;
	height: 60px;
	width: 162px;*/
	float: left;
	margin-top: 5px;
	margin-left: 55px;
}

div.fblogo{
	margin-top: 10px;
	float:left;
	padding-left: 4px;
}

div.twlogo{
	margin-top: 10px;
	float:left;
	padding-left: 4px;
}

div.linelogo{
margin-top: 10px;
	float:left;
	padding-left: 4px;
}

#topview{
	/*width: 135px;*/
	float: left;
	/*padding-top: 15px;*/
	padding-right: 35px;
}

.backtop{
	width: 50px;
	height: 32px;
	background-color: #eee;
	cursor: pointer;
	display: block;
	text-align: center;
	padding-top: 18px;
	margin-right: 5px;
	float: left;
}

h2#authortitle{
	/*padding:10px 0 0px 10px;*/
	padding:0px 0 0px 10px;
	/*font-size:2.2em;*/
	height: auto;
	width: 100%;
	float: left;
	font-family: serif;
	line-height: 1.2em;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	
	}

#authorbox{
	width: 100%;
	height: auto;
}
#msearchhead{
	background-color: #fff;
	display: none;
	margin:0;
	font-size:14px;
	margin-top:110px; 
	vertical-align: middle;
	/* padding-top:10px; */
}

.searchbox{
	width:100%;
	text-align: center;
	margin: 0 auto;
	/* padding-top: 10px; */
	background-color: #eee;
}

#msearchform input{
	 border: 1px solid #036;
	   padding: 0.5em;
	   font-size: 15px;
     line-height: 1.2em;
     width: 80%;
     background: #444;
     color: #fff;
     font-family: helvetica, sans-serif;
     background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444));
     -webkit-appearance: none;
 	   -webkit-box-shadow: 1px 1px 1px #333;
 	   margin-bottom:10px; 
}

 #msearchform input[type=text] {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.12, #333));
     border-radius: 3px;      
	    -webkit-border-radius: 3px;   
	    -moz-border-radius: 3px; 
   }
   
 #msearchform input[type=submit] {
     width: auto;
     padding: 0.25em 1em;
     line-height: 1.5em;
     background: -webkit-gradient(linear, left top, left bottom, from(#09c), to(#036));
     text-shadow: 0 0 2px #300;
     font-weight: bold;
     -webkit-box-shadow: 1px 1px 3px #333;
     margin-right: 0.5em;
     border-radius: 3px;      
	    -webkit-border-radius: 3px;   
	    -moz-border-radius: 3px; 
   }
   
#msearchform input[type=reset] {
      width: auto;
      padding: 0.25em 1em;
      line-height: 1.5em;
background: -webkit-gradient(linear, left top, left bottom, from(#09c), to(#036));
      text-shadow: 0 0 2px #300;
      font-weight: bold;
      color: #fff;
      -webkit-box-shadow: 1px 1px 3px #333;
       margin-right: 0.5em;
       	border-radius: 3px;      
	    -webkit-border-radius: 3px;   
	    -moz-border-radius: 3px; 
    }

#msearchform input[type=button] {
      width: auto;
      padding: 0.25em 1em;
      line-height: 1.5em;
background: -webkit-gradient(linear, left top, left bottom, from(#09c), to(#036));
      text-shadow: 0 0 2px #300;
      font-weight: bold;
      color: #fff;
      -webkit-box-shadow: 1px 1px 3px #333;
       	border-radius: 3px;      
	    -webkit-border-radius: 3px;   
	    -moz-border-radius: 3px; 
    }
   


#msearchform #s {
   /* width: 60%;*/
   /* margin: 10px;
    padding: 3px;*/
    /*margin: 0;*/
    margin-top: 0;
    height:auto; 
}
#msearchform #searchsubmit{
   /* width: 70px;
    height: 30px;
  	margin: 0;*/
    
}

#tabmenu .ui-tabs-nav{
  	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.0em;
	width: 90%;
	padding-left: 6%;
	padding-right: 5%;
}

 #tabmenu select:focus {outline-color: #c00;}

 #tabmenu select {
 	width: 90%;
     padding: 0.5em 1em 0.5em 0.75em;
     -webkit-background-size: 1600px 32px;
   }
  .tabbox{
  	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	background-color: #eee;
  }

  #tabmenu ul li {
  	 margin: 0 0 0 1px;
	width:32%;
	height: 40px;
	}
	/*#tabmenu ul li:nth-child(3n-1) {
	margin:0 2%;
	}*/
.cat-item .children{
	padding-left: 0;	
}
.post ul li {
	/*margin: 0;*/
	line-height:115%;
	/*background-color: #E5E9F1;*/
    /*margin-bottom: 10px;*/
   /* padding:5px*/
	}
.post ul li a {
    display: block;
    cursor: pointer;
}

/*関連記事　一覧表示の設定*/
.liststyle{
	width: 93%;
	font-size: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:3px;
    margin-top:3px;
    border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.liststylel{
	width: 15%;
	float: left;
}
.liststyler{
	width: 80%;
	float: right;
}
/*関連記事　一覧表示の設定 終わり*/

.drawer-hamburger {
	/*height: 18px;*/
	/*padding: 5px .75rem 30px;*/
	height: 5px;
    padding: 15px .5rem 30px;
	}

#loader{
    width: 60px;
    height: 60px;
   /* display: none;*/
   visibility: hidden;
    position: fixed;
    _position: absolute;     /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -30px;       /* heightの半分のマイナス値 */
    margin-left: -30px;      /* widthの半分のマイナス値 */
    z-index: 30;             /* #fadeより多い値を入れて下さい */
}
#fade{
    width: 100%;
    height: 100%;
    /*display: none;*/
    visibility: hidden;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 28;        
          /* #loaderより少ない値を入れて下さい */
}

/*スマートフォン用 ログインしているかどうかの表示*/
/*スマートフォン用 ログインしているかどうかの表示*/
/*有料会員*/
/* .loginstyle #emembers{
	display: block;
	position: fixed;
    top: 0px;
    width: 100%;
    background-color: #09c;
    z-index: 14;
    color: #fff;
    padding: 0;
    text-align: center;
    font-size: 10px;
    height: 15px;
} */
/*無料会員*/
/* .loginstyle #freemembers{
	display: block;
	position: fixed;
    top: 0px;
    width: 100%;
    background-color: #4fd871;
    z-index: 14;
    color:#fff;
    padding: 0;
    text-align: center;
    font-size: 10px;
    height: 15px;
} */
/*管理者*/
/* .loginstyle #administrator{
	display: block;
	position: fixed;
    top: 0px;
    width: 100%;
    background-color: #09c;
    z-index: 14;
    color: #fff;
    padding: 0;
    text-align: center;
    font-size: 10px;
    height: 15px;
} */

.loginstyle table{
    /* width: 100%;
    margin: 0;
    border:none; */
}

.loginstyle{
	/* display: block; */
}
.loginform{
	/* display: inline;	  */
}

/*スマートフォン用 ログアウトボタン*/
#logoutsmart-btn{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor: pointer;
    background-color: #fff;
    border: 0;
    width: 100%;
    text-align: left;
    color: #4842BD;
    border-bottom: solid 1px #eee;
    padding: 8px 10px;
    font-size: 1.6em;
}

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

/*ここからライターページのスライド*/
/*スマートフォン対応の設定*/

@media screen and (max-width: 320px) {
	#writerbox2{width: 270px;}
	#writernav2{width: 270px;}
}
@media screen and (min-width: 321px) and (max-device-width: 384px) {
	#writerbox2{width: 310px;}
	#writernav2{width: 310px;}
}
@media screen and (min-width: 385px) and (max-device-width: 414px) {
	#writerbox2{width: 360px;}
	#writernav2{width: 360px;}
}
@media screen and (min-width: 415px) and (max-device-width: 435px) {
	#writerbox2{width: 375px;}
	#writernav2{width: 375px;}
}
@media screen and (min-width: 436px) and (max-device-width: 567px) {
 	#writerbox2{width: 360px;}
	#writernav2{width: 360px;}
}
@media screen and (min-width: 568px) and (max-device-width: 630px) {
	#writerbox2{width: 440px;}
	#writernav2{width: 440px;}
}
@media screen and (min-width: 631px) and (max-device-width: 700px) {
  	#writerbox2{width: 590px;}
	#writernav2{width: 590px;}
}
@media screen and (min-width: 701px) {
   	#writerbox2{width: 640px;}
	#writernav2{width: 640px;}
}

@media screen and (max-width: 320px) {
	#writerbox{width: 270px;}
	#writernav{width: 270px;}
}
@media screen and (min-width: 321px) and (max-device-width: 384px) {
	#writerbox{width: 310px;}
	#writernav{width: 310px;}
}
@media screen and (min-width: 385px) and (max-device-width: 414px) {
	#writerbox{width: 360px;}
	#writernav{width: 360px;}
}
@media screen and (min-width: 415px) and (max-device-width: 435px) {
	#writerbox{width: 375px;}
	#writernav{width: 375px;}
}
@media screen and (min-width: 436px) and (max-device-width: 567px) {
 	#writerbox{width: 360px;}
	#writernav{width: 360px;}
}
@media screen and (min-width: 568px) and (max-device-width: 630px) {
	#writerbox{width: 440px;}
	#writernav{width: 440px;}
}
@media screen and (min-width: 631px) and (max-device-width: 700px) {
  	#writerbox{width: 590px;}
	#writernav{width: 590px;}
}
@media screen and (min-width: 701px) {
   	#writerbox{width: 700px;}
	#writernav{width: 700px;}
}


/*スマートフォン対応の設定　終わり*/

#writerbox2{
		cursor:pointer;
		background-color:#fff;
}
#writernav2{
	cursor:pointer;
	font-size: 0.9em;
}
#writernav2 .item{
	font-size: 0.7em;
}
.entry {
    line-height: 130%;
}
/*ここからライターページのスライド  終わり*/

#writerbox{
		cursor:pointer;
		background-color:#fff;
}
#writernav{
	cursor:pointer;
	font-size: 1.2em;
	
}
#writernav .item{
	font-size: 0.7em;
}



/*無料会員用「全文を読む」設定*/

#nextredbox{
	background: #FFF4F5;
	padding: 0px 20px 0px;
	border-top: 2px dotted #ffccd0;
	line-height: 1.5em;
	text-align: center;
}
#nextredbox img{
	border:0;
}
#nextredbox p{
	padding:0px;
	margin:0px;
	}
#nextredbox .bline{
	font-weight: bold;
	color: #036;
}
#nextredbox .rline{
	font-weight: bold;
	color: #F00;
}
#nextredbox .gline{
	font-weight: bold;
	color: #333;
	padding-top:10px;
}
#nextredbox .redbox img{
	text-align: center;
	margin: 0px auto;
}

#nextredbox .redbox{
	padding: 0px 15px;
	/*width: 400px;*/
	margin: 0px auto 0px;
	padding-bottom: 10px;
}

/*無料会員用「全文を読む」設定 終わり*/

/*sidebar.php内　ログアウトエリア設定*/
.logouttext p{
	line-height: 1.5em;
	margin: 5px;
}

.keystyle{
	vertical-align: -webkit-baseline-middle;
}
/*lineページ用設定*/
#linestyle .linemargin1{
	margin-left:0; 
}
#linestyle .linemargin2{
	margin-left:0; 
}

/*header直下にバナーを入れる*/
.headerbn{
	width: 100%;
	background-color: #fff;
	margin-top: 50px;
	display: block;
    position: fixed;
    z-index: 14;
}
/*トップページheader直下にバナーを入れる*/
.headerbntop{
	width: 100%;
	background-color: #fff;
	margin-top: 50px;
	display: block;
    position: fixed;
    z-index: 14;
}

/*各記事の下部にあるバナーの設定*/
.bnbox{
	text-align: center;
}
.bnboxl{
	width: 300px;
	margin: 0 auto;
	float: none;
/*	float:left;*/
}
.bnboxr{
	width:300px;
	margin: 0 auto;
	float: none;
	/*float:right;*/
}

/*参院選2019修正最新　20190705*/

#grid3 h4 {
	margin:0;
	font-size:1.6em;
	line-height:140%;
}

#content_feature{
    font-size: 14px;
    width: 98%;
    padding-top: 100px;
    padding-right: 0; 
    padding-bottom: 0;
    padding-left: 0; 
    /*float: left;*/
}

#content_feature ul li{
	list-style:none; 
}

#content_feature h3{
	margin:0;
	background-color: #fff;
}
#content_feature h2{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	padding-bottom:0; 

}
.senkyotag{
	width:100%;
	padding: 5px;
	background-color: #0b2b4a;
}

#grid3{
	width: 96%;
	margin-bottom: 10px;
	/*text-align: center;*/
}
#side{
	width: 100%;
	text-align: center;
}

.grid3_l{
	width: 100%;
	background-color: #f9f9f9;
	text-align: center;
}
.grid3_r{
	width: 100%;

}
/*参院選2019修正最新　20190705*/

#contenttop{
	width: 100%;
    float: none;
    padding-top: 80px;
}

/* Menu Button */
.menu-button {
	position: fixed;
	/* position: relative; */
	z-index: 1000;
	/* margin: 1em; */
	padding: 0;
	width: 2.0em;
	height: 1.8em;
	border: none;
	margin: 4px;
	margin-left: -15px;
	text-indent: 2.5em;
	font-size: 2.0em;
	color: transparent;
	background: transparent;
	/* background:#777; */
}

.menu-button::before {
	position: absolute;
	/* position: relative; */
	top: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	left: 0.5em;
	background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
	content: '';
}

#sidebar{
	width: 100%;
	float: none;
}
#sidebar .widget ul li{
	background-image: none;
	list-style-type: none;
	/*margin-top: 10px;*/
}

/*Sidebar and Widgets*/

#sidebar{
	padding: 5px 10px;
	font-weight: normal;
	font-size: 1.4em;
}


#sidebar h3 {
	padding:5px 0 5px 10px;
	margin:5px 0;
	font-size:1em;
	/* background:url(img/sttl_bar2.png) no-repeat left top; */
	background-color: #333;
	color:#fff;
	letter-spacing:0.07em;
	/* height: 19px; */
	/*padding:5px 0 5px 20px;
	margin:0px;
	font-size:1em;*/
	/*background:url(img/sttl_latestbg.png) repeat-x left top;*/
	/*color:#4c4b46;*/
	/*color: #fff;
	letter-spacing:0.07em;
	height: 19px;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;*/
	/*border-top-style: none;
	border-bottom-style: none;*/
	}

	#sidebar h3 a {
		color:#fff;
	}


#sidebar li {
	color: #333;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	/*padding-left: 0;*/
	}

#sidebar .menu-item{
	background-image: none;
	list-style-type: none;
	margin-top: 10px;
}

.owl-controls,.owl-pagination{
display: none;
}

/*メインナビゲーションのナビ設定*/

#slnavphotonav{
	width: 100%;
	height: 0;
	margin-bottom: 2px;
	display: block;
	/* margin-top: -22px; */
}
#slnavphotonav .slnavnext{
	position: relative;
	top:3px;
	z-index: 15;
	width: 30px;
	float: right;
	cursor: pointer;
	padding: 10px 0;
	text-align: center;
	background-color: #eee;
	/*padding-top:2px;*/
	/* border:1px solid #ccc; */
	font-size: 1.4em;
	line-height: 1.1em;
	color:#333;
	opacity: 0.7;
	-webkit-border-top-left-radius: 40px;  
    -webkit-border-bottom-left-radius: 40px;  
    -moz-border-radius-topleft: 40px;  
	-moz-border-radius-bottomleft: 40px;
	
}

#slnavphotonav .slnavprev{
	position: relative;
	top:3px;
	z-index: 15;
	width: 30px;
	float: left;
	cursor: pointer;
	padding: 10px 0;
	text-align: center;
	background-color: #eee;
	/*padding-top:2px;*/
	/* border:1px solid #ccc; */
	font-size: 1.4em;
	line-height: 1.1em;
	color:#333;
	opacity: 0.7;
	-webkit-border-top-right-radius: 40px;  
    -webkit-border-bottom-right-radius: 40px;  
    -moz-border-radius-topright: 40px;  
	-moz-border-radius-bottomright: 40px;
}

/*メインナビゲーションのナビ設定*/

 .news__under--title{
    padding: 10px 0;
/*    font-size: 0.6rem;
*/    font-size: 0.9rem;
    border: 1px dashed #eeeeee;
}

     /*トップのニュース一覧表示*/
    .news_box{
        width: 100%;
        padding:5px 10px; 
		border-bottom: 1px solid #ccc;
		/* font-size: 1.4em; */
    }
    .news_box h3{
       font-size: 1.5em;
		line-height: 1.5em;
		/* border-bottom: 1px solid #ccc; */
		margin-bottom: 5px;
		/* padding-top: 5px; */
		/* padding-bottom: 5px; */
		padding: 5px 0;

    }
    .news_boxl{
            width: 35%;
            float: left;    
	}
	.news_boxl img{
		width: 100%;
		height: auto;
	}

    .news_boxr{
            width: 62%;
            float: right;
	}
	
	.sns{
		width: 100%;
		text-align: center;
		padding: 10px 5%;
	}

	.fixed {
		position: fixed;
		top: 55px;
		left: 0;
		width: 100%;
	}
	.topboxfixed {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
/*ここから左側ドロワーメニューの設定*/
.btn {
  background: transparent url(../img/menubtn3.png) no-repeat 0 0;
  display: block;
  width: 30px;
  height: 30px;
  position: fixed;
  top: 12px;
  left: 10px;
  cursor: pointer;
  z-index: 23;
}
/*ここまで左側ドロワーメニューの設定*/

#lead {
	margin:5px 0;
	padding: 10px;
	float:left;
	width: 100%;
	margin-top: -50px;
	} 

#lead-text {
	padding: 10px 5px 5px 22px;
    font-size: 1.2em;
    background-image: url(../img/img_mark03.png);
    background-repeat: no-repeat;
    background-position: left 32px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-top: -10px;
    list-style-type: none;
    margin: 2px 0;
}

#slideimage{
	cursor:pointer;
	border:1px solid #eee;
	/* top: -30px; */
	width: 100%;
	}
#slideimage .owl-pagination,#slideimage .owl-buttons{
	display: block;
}

#slideimage .item{
	width: 100%;
} 

#photonav{
	width: 100%;
	height: 22px;
	margin-bottom: 2px;
}

h3#subject {
	padding: 5px 0 5px 30px;
    margin: 5px 0;
    font-size: 1.3em;
    background-color: #000b28;
    background-image: url(../img/img_mark04.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    background-position-x: 8px;
    color: #f9f9f9;
    letter-spacing: 0.07em;
}

/*newsboxエリア設定*/
.newsbox{
	width: 100%;
    padding: 3%;
    background-color: #eee;
    padding-left: 20px;
}
.newsboxl{
	width: 31%;
    float: left;
    margin: 2px;
    border: 1px solid #ddd;
    /* height: 200px; */
    background-color: #fff;
}
/* .newsboxr{
	width: 48%;
	float: right;
} */
.cattagbox{
	margin: 0;
	padding:5px;
	background-color:#fff;
	/* height: 190px; */
}
.catsection{
	/* padding: 10px; */
}

h4#cattitle{
	font-size: 1.3em;
    color: #373a47;
    /* background-color: #7792d6; */
    /* padding: 2px; */
    margin-bottom: 5px;
    /* border-bottom: 1px dotted #4267b2; */
}
.cattagbox img{
	width: 100%;
	height: auto;
}
/*newsboxエリア設定*/

#wrapmain{
		width: 100%;
		margin: 0 auto;
	}

.drawermenu li a {
  color: #fff;
  padding: 5px 10px;
  display: block;
  border-bottom: 2px dotted #333;
  font-size: 1.2em;
}

/*参院選2019修正最新　20190705*/

/*スマホ用メニューエリア設定*/
.posfix{
	z-index: 20;
	position: fixed;
	width: 100%;
	height: auto;
	/* background-color:#071029; */
	background-color:#1d191e;
	top:55px;
	height:40px;
}
/*スマホ用メニューエリア設定*/