@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: monograph-ver5.0
Author: horiguchi
Version: 20190105
---------------------------------------------------------*/
* {
	font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

@font-face {
	font-family: 'LigatureSymbols';
	src: url('https://number333.org/wp-content/themes/general/font/LigatureSymbols/LigatureSymbols-2.11.eot');
	src: url('https://number333.org/wp-content/themes/general/font/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
	url('https://number333.org/wp-content/themes/general/font/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
	url('https://number333.org/wp-content/themes/general/font/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
	url('https://number333.org/wp-content/themes/general/font/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
	src: url('https://number333.org/wp-content/themes/general/font/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Slash";
 	src: url('https://number333.org/wp-content/themes/monograph-ver3.0/FONT/Slash.woff') format("woff");
}



main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
	display: block;
}

body {
	word-wrap: break-word;
	background-color:#f2f2f2; 
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	 

}


#wrapper {
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	z-index: 30;
	position: relative;
	
	/* background-image: url(https://number333.org/wp-content/themes/monograph-ver3.0/images/GLOBAL/monograph-pc.jpg); */
	background-size: 1000px;
	background-attachment: scroll;
	background-repeat: no-repeat;
    background-position-x: center;
    
}

.naname {
	 position: relative;
	  overflow: hidden;
	      border: solid 1vw;
}

.content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  height: 80%;
  margin: -4% -30% 0;
  background: #fff;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}

.content {
	width: 1000px;
    padding-top: 75px;
    padding-left: 75px;
    padding-right: 75px;
    background: #fff
    padding-bottom: 75px;
}

.twentytwenty-wrapper {
	margin-bottom: 20px;
}

.back {
	width: 100%;
	display: flex;
	justify-content: center;
	background-size: 1200px;
    background-position-x: center;

}

.title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    z-index: 1;
}

.titleLogo {
	width: 100%;
	display: block;
}



.post a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

/* toppage ここから */

.numberCell {
	    margin-bottom: 75px;
}

.numberCell:last-child {
	margin-bottom: 0;
	margin-top: 6%;
}

.naviNumber {
	font-family: Slash, sans-serif;
	font-size: 120px;
    align-items: center;
    margin-top: -1px;
    margin-left: -4px;
}

.naviNumber h2 {
	font-family: Slash, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 100%;
	margin-left: 51px;
    font-size: 42px;
    margin-bottom: 13px;
}



.naviNumberDiscription {
	font-weight: bold;
    font-size: 19.5px;
    font-feature-settings: "palt";
    margin-bottom: 27px;
}

.naviOri h2 {
	margin-left: 0px;
    line-height: 110%;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    margin-right: 20%;
}

.linkButton {
	    background: #000;
    padding: 15px 29px;
    color: #fff !important;
    text-decoration: none !important;
    margin-top: 20px;
    display: inline-block;
        margin-bottom: 5vw;
}

.linkButton:hover {
	background: #ff8c00;
}

.button1 {
	background: #111;
    width: 48%;
    display: block;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    font-size: 18px;
    height: 80px;
    align-items: center;
}

.button1:hover , .homeMore a:hover {
	color: #fff;
	background: #f39700;
}

.no1Button {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.centerSplit {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.splitLeft {
	padding-right: 15px;
}

.splitRight {
	padding-left: 15px;
}

.centerSplitCell {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
  	overflow: hidden;
  	align-content: flex-start;
  	margin-bottom: 9%;
}

.no4 {
	margin-bottom: 5.5%;
}


.monoRow {
	width: 117.6%;
	background: #d2d2d2;
	margin-left: -75px;
	position: relative;
	padding: 6.15% 4.5%;
}

.monoRow h3 {
	font-family: slash;
    margin-left: 4.1%;
    font-size: 41.5px;
    position: absolute;
        top: -15px;
}

.monoList {
	list-style: none;
	display: flex;
    flex-wrap: wrap;
}

.monoList li {
	width: 184px;
    margin-left: 2.6%;

}

.monoList li:first-child {
    margin-left: 15.6%;

}

.monoMore {
	background: #222;
	display: flex;
	justify-content: center;
	align-items: center;
    color: #fff;
    font-family: slash;
    padding: 1.4% 2% 1% 2%;
    font-size: 20px;
    width: 184px;
    height: 184px;
}

.backWhite {
	background: #fff;
}


.backWhite .slick-prev:before,
.backWhite .slick-next:before,
.featureSlider .slick-next:before{
    color: #000;
}

.article-list li:before {
    content: "";
    display: block;
    padding-top: 34%; 
}


.monoList li img {
	object-fit: cover;
	width: 100%;
}


/* feature */

.featureSlider h3 {
	color: #333;
	font-weight: bold;
	margin-top: 1%;
}

.snsList {
	list-style: none;
	display: flex;
	justify-content: space-between;
	width: 74%;
}

.snsList li {
	width: 18.6%;
}

/* toppage ここまで */

/* bar ここから */

.bar {
	display: flex;
    list-style: none;
    width: 42%;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99;
}


/* article list */

.article-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	width: 100%;
}

.article-list li {
	width: 100%;
	margin-bottom: 0px;
	position: relative;
	display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-bottom: 5%;

}

.article-list li figure {
	    background: #1abc9c;
}


.article-list li:before {
    content: "";
    display: block;
    padding-top: 34%; 
}


.article-list li img {
	width: 140px;
    height: 140px;
    object-fit: cover;

    opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}


.article-list li:hover img {
	opacity: .5;
}




.article-list li h3 {
	font-weight: bold;
	font-size: 17.5px;
    line-height: 28px;
  	text-overflow: ellipsis;
  	width: 65%;
  	margin-top: 5px;
    padding-left: 6%;
    position: relative;
	height: 84px;
	overflow: hidden;
}

.article-list li h3:before, .article-list li h3:after {
	position: absolute;
	background: #fff;
}

.article-list li h3:before {
	content: "･･･";
	bottom: 0;
	right: 0;
}

.article-list li h3:after {
	content: "";
	width: 100%;
	height: 100%;
}



.article-list li:nth-child(1) {
	margin-bottom: 0px;
	height: 341px;
	padding: 0;
	margin-bottom: 0;
}

.article-list li:nth-child(1) .article-info  {
	color: #fff;
	padding-right: 17px;
	top: 220px;
    width: auto;
    justify-content: flex-end;
}

.article-list li:nth-child(1) .article-info span {
	margin-left: 20px;
}

.article-list li:nth-child(1) .article-info span a {
	color: #fff;
}

.article-list li:nth-child(1) a:nth-child(1) {
	width: 100%;
}

.article-list li:nth-child(1):before {
    content: "";
    display: block;
    padding-top: 0%; /* 4:3 */
}


.article-list li:nth-child(1) img {
	width: 100%;
	height: 251px;
	margin-bottom: 12px;
} 

.article-list li:nth-child(1) h3 {
	font-weight: bold;
	font-size: 17.5px;
    line-height: 28px;
    overflow: hidden;
  	width: 100%;
  	text-overflow: ellipsis;
  	margin-top: 0px;
  	padding-left: 0;
}


.archiveList .article-list li {
	width: 47%;
	justify-content: space-between;
}

.archiveList .article-list li h3 {
    font-size: 14.5px;
    line-height: 1.5;
    text-overflow: ellipsis;
    width: 63%;
    margin-top: 0;
    padding-left: 6%;
    position: relative;
    height: auto;
    overflow: hidden;
}

.archiveList .article-list li .article-info {
	width: 57%;
}

.archiveList .article-list li:first-child {
	width: 100%;
}

.archiveList .article-list li:first-child h3 {
	width: 100%;
	    margin-top: 1%;
    padding-left: 0;
}

.popList {
	position: relative;
}

.popularInfo p {
	margin-bottom: 0px;
	margin-right: 4px;
	font-family: Slash;
}

.popularInfo p:first-child:before {
	font-family: 'LigatureSymbols';
	font-size: 117%;
    margin-right: 6px;	
    content: '\E06e';
    color: #b22222;
}


.popularInfo {
	position: absolute;
	color: #333;
	bottom: 0px;
    width: 100%;
    font-size: 24px;
    display: flex;
    align-items: flex-end; 
    height: 30px;
	justify-content: flex-end;
	top: 111px;
	right: 10px;
	font-family: Slash, sans-serif;
}

.article-list li:nth-child(1) .popularInfo {
	top: 215px;
	color: #fff;
}

.homeMore {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.homeMore a {
    color: #fff;
    background: #333;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.homeMore a i {
	    font-size: 18px;
    margin-right: 10px;
}

.homeMore a:before {
    content: "";
    display: block;
    padding-top: 19%; 
}

.article-list li a {

}

.table-wrapper {
	margin-bottom: 7vw;
}

.noMarginLeft {
	margin-left: 0 !important; 
}

.master-post-advert {
	text-align: left !important;
    margin: 85px 0 !important;
    overflow: auto !important;
    width: 116.5% !important;
    margin-left: -8.3% !important;
    background: #e6e6e6;
        padding: 0% 4% 0 4%;
}

.master-post-advert div {
	width: 100%;
}

.master-post-advert nav {
	margin-top: 21px !important;
    text-align: left !important;
    margin-top: 5% !important;
    font-weight: bold;
    font-family: slash;
    font-size: 15px;
}

.moreSponsored {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style: none;
	list-style-type: none !important;
	padding: 0 !important;
	margin-top: 3%;
}

/* ., .article-list li:nth-child(8) , .article-list li:nth-child(9) { */
/*	margin-bottom: 0px;} */


.article-list li h2 {
	padding: 0;
	margin: 0;
}

.article-list li h2 a {
	text-decoration: none;
	font-size: 14px;
	line-height: 1.3;
	padding: 17px 17px;
	color: #333;
	font-weight: 100;
	display: flex;
	height: 77px;
	flex-wrap: wrap;
	overflow: hidden;
	text-overflow: ellipsis;
}




.article-info {
	font-size: 14px;
    color: #333;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    width: 241px;
    top: 115px;
    font-family: slash;
    align-items: center;
    right: 0px;
    font-weight: bold;
}

.article-info a {
	color:#333;
	text-decoration: none;
}


#cd-timeline {
	padding:5% 27px !important;
}

#cd-timeline::before {
	left: 45px !important;
}

.cd-timeline-content .cd-date {
	color: #333 !important;
    font-weight: bold !important;
}

.cd-timeline-content {
	width: auto !important;
	padding: 1em 5% !important;
}

.cd-timeline-content p {
	text-align: left !important;
}

.cd-timeline-content p a {
	color: #333 !important;
	font-weight: bold !important;
}

.mainCateList {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pagenate a {
	background: #333;
	color: #fff;
	font-family: slash;
	padding: 1%;
}

.pagenate span {

	color: #333;
	font-family: slash;
	padding: 1%;
}

/* footer */


#footer {
	background: #EEEDEC;
    margin-top: 72px;
    height: 340px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#footer p {
	margin-bottom: 1px;
	color: #555;
}

#footer a p:hover {
	color: #fff;
}

.footerContent {
	width: 1001px;
	list-style: none;
    margin-top: 44px;
        display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-content: space-between;
}

.footerContent p {
	    font-family: slash;
}

.footerBox {
	width: 484px;
    height: 111px;
	background: #fff;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.footProfile img {
	width: 112px;
}

.footProfileText {
	margin-left: 28px;
	display: flex;
	flex-wrap: wrap;
	width: 343px;
}

.footProfileTextName {
	font-size: 20px!important;
	width: 100%;
}

.footProfileTextDisc {
	font-size: 14px!important;
	line-height: 1.2;
}

.footSns {
	width: 425px;
	margin-left: 28px;
}

.footButton p {
	text-decoration: none;
}

.footButton span {
	margin-left: 5px;
	margin-right: 5px;
}

.fb-page {
	width: 484px;
}

.fb-like {
	max-width: 100%;
}

.fb-like span {
	width: 100% !important;
}


.fb-like span iframe {
	width: 100% !important;
}

.footerBottom {
	width: 100%;
	margin-top: 30px;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 35px;;

}


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

a .footerBox:hover , a .footerBox p:link {
	background: #333;
	color: #fff !important;
}

.footAd img {
	width: 100px;
	margin-left: 29px;
}


.bold {
	font-weight: bold;
}

.fontBig {
	font-size: 20px !important;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.flexbetween {
	justify-content: space-between;
}

.flexcenter {
	justify-content:  center;
}



/* リンクの色 */
a {
	color: #4682b4;
	text-decoration: none;
}

/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #b22222;
}
img, video, object {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
	display: block;
}



img.size-full, img.size-large {
	margin-bottom: 10px;
	height: auto;
	max-width: 100%;
}


/*  BASE　 */

.center {
	display: flex;
	justify-content: center;
}


.post {
	background: #fff;
	padding: 0vw 60px;
	    font-size: 14px;
    line-height: 181%;
	margin-bottom: 38px;
}

.post img {
	margin-bottom: 24px;
	margin-top: 0px;
	width: 100%;
}

.post p {
	    font-size: 15px;
    line-height: 167%;
}

.entry-date , .kdate ,.Count , .total p:nth-child(2) {
	font-family: slash;
} 


.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
	padding-bottom: 20px;
}
/* iframeのレスポンシブ */
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tagst {
	    padding: 15px 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tagst a {
    color: #fff !important;
    background: #333;
    padding: 4px 14px;
    margin-left: 4px;

}

.singleContent {
	    padding-top: 0vw;
}


/*--------------------------------
各フォント設定
---------------------------------*/
/* 基本の文字 */
p {
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 20px;
}



/* headBar */

.headBar {
	background: #fff;
	position: fixed;
	width: 100%;
	height: 45px;
	z-index: 99;
	top:0px;
}

.headBarin {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.headBarin img {
	margin-top: 8px;
	margin-left: 12px;
	float: left;
}



/*ブログ名の下のキャプション */

header h1 {
	font-size: 12px;
	color: #666;
	font-weight: normal;
}
header a {
	text-decoration: none;
}

.s {

}

.allCategory-CategoryPage h1  {
	width: 100%;
}


.allCategory-CategoryPage .allSideCate {
	width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}



.allCategory-CategoryPage h1 {
	width:  100%;
	text-align:  center;
	margin-top: 13%;
	margin-bottom:  47px;
	font-family: slash;
}

.allCategory-CategoryPage ul li {
	font-size: 23px;
    width: 30%;
    margin: 8% 0px;
    display: flex;
    justify-content: center;
}

.allCategory-CategoryPage ul li  a {
	color: #b4770d;
}


.allTopCate {
	    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    height: 113px;
    align-items: center;
}


.allTopCate li {
        display: flex;
    justify-content: center;
    align-items: center;
        background: #fff;
    padding: 9px 23px;
    font-size: 17px;
}

.allTopCate li  a {
	color: #333;
}

.descr {
	font-size:  14px !important;
	color: #fff !important;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 20px;
	padding-bottom: 10px;
	border: 2px dashed #fff;
	margin: 10px;
	padding: 16px 10px;
	width: 1060px;
	text-align: center;
}
 /* tablet */


.allCategory-CategoryPage ul l .descr {
	font-size:  14px !important;
	color:  #fff !important;
	font-weight:  normal;
	margin-bottom:  0px;
	line-height:  20px;
	padding-bottom:  10px;
	border:  2px dashed #fff;
	margin:  10px;
	padding:  16px 10px;
	width:  1060px;
	text-align:  center;
}

.descbox {
	width: 100%;
	background-image: url(images/global/descbackpc.jpg);
	box-shadow: 1px 1px 1px #999;
	margin-top: 31px;
	padding: 1px 0px;
	margin-bottom: 31px;
	width: 1080px;
}

.backblack {
	background-color:rgba(0,0,0,0.7);
	padding: 1px 0px;
	width: 1080px;
}

/*  メニュー  */

.menuback {
	background-image: url(images/global/menubackpc.jpg);
	width: 1080px;
	height: 172px;
	margin-bottom: 30px;
}

.menubb {
	background-color: rgba(0,0,0,0.6);
padding: 0px 0px 21px;
}

.menutitle {
	font-family: 'Montserrat',sans-serif;	
	font-size: 20px;
	padding-left: 26px;
	background: #fff;
}

.menuSaishin {
	font-family: 'Montserrat',sans-serif;	
	font-size: 20px;
	padding-left: 26px;
	background: #fff;
	border-left: 5px #79B791 solid;
}


.menuelement {
	width: 1080px;
	height: 107px;
	margin-left: 19px;
	padding: 23px 0px 0px 10px;
}

.menuelement li {

display: block;
position: relative;
color: #555;
text-decoration: none;
padding: 6px 14px 6px 14px;
text-align: center;
transition: .3s;
font-family: 'Montserrat',sans-serif;
font-size: 17px;
font-weight: bold;
width: 159px;
/* box-shadow: 2px 2px 2px rgba(0,0,0,0.1); */
float: left;
margin: 0px 11px 10px 0px;
border: 3px solid #fff;
min-width: 132px;
height: 38px;

}

.menuelement li a:link {
	color: #fff;
}

.menuelement li a:visited {
	color: #fff;
}


/* 中見出し */

h2 {
	position: relative;
    color: #1a1a1a;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 38px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    text-align: center;
    margin-top: 50px;
}




.post h2 {
position: relative;
padding: 3% 1em;
border-top: solid 2px black;
border-bottom: solid 2px black;
}




/*小見出し*/

h3 a {
	color: #333;
	text-decoration: none;
}


.post h3 {
position: relative;
display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 95%;
margin-top: 57px;
margin-bottom: 14px;
    font-size: 20px;
    line-height: 1.8;
    border-top: 3px #333 solid;
    padding-top: 1.5%;
}



.post h4{
padding:10px;
margin-bottom:10px;
background-color:#f3f3f3;
}
.post h5{
margin-bottom:10px;
font-size:16px;
}
.wp-caption-text a,.wp-caption-text{
font-size:12px;
color:#ccc;
}



.more {
	background: #666;
	color: #fff;
	padding: 5px 10px;
	text-decoration: none;
	margin-right:25px;
	margin-left: auto;
	width: 100px;
text-align: center;
display: block;

}

/*  Popular Post */

.wpp-list {
	margin-bottom: 52px;
	clear: both;
}

.wpp-list li {
	background: #fff;
	clear: both;	
	position: relative;
	width: 350px;
height: 106px;
margin-bottom: 15px;
}

.wpp-list li:nth-child(1) {
	margin-top: 15px;
}

.wpp-list li img {
	width: 216px;
	height: 106px;
	float: left;
	
}

aside .wpp-list li a:nth-child(2) {
	text-decoration: none;
font-size: 13px;
line-height: 1.1;
display: block;
	padding: 5px 5px;
	width: 120px;
	float:left;
	margin-left: 5px;
	color: #333;
}

.wpp-list .wpp-views {
	font-size: 14px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #666;
}

.topPopular .wpp-list {
	margin-bottom: 20px;
	clear: both;
}

.topPopular ul {
	counter-reset:number;/* 名前を付けたカウンターをリセット */
}

.topPopular ul li {
	list-style: none;
	width: 260px;
	height: 290px;
	position: relative;
	float: left;
	clear: none;
	margin-right: 25px;
	margin-bottom: 25px;
}

.topPopular ul li:before {
	counter-increment: number;
	content: counter(number);
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #333;
	font-size: 14px;
	color: #fff;
	padding: 9px 15px;
	border-top-right-radius: 5px;
}

.topPopular li img {
	width: 260px;
	height: 173px;
	float: left;
}

.topPopular li a:nth-child(2) {
	float: left;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.3;
	padding: 12px 12px;
	color: #333;
	font-weight: bold;
}

.topPopular li:nth-child(1) {
	margin-top: 0px;
}

.topPopular li:nth-child(4n) {
	margin-right: 0px;
}


.topPopular .wpp-views {
	position: absolute;
	color: #666;
	right: 0px;
	bottom: 0px;
font-size: 14px;
line-height: 20px;
padding: 9px 15px;
	/*background: #999;*/
	border-top-left-radius: 5px;

}




/* youtuberesponsive */

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* サイドバーの見出し */
aside h4 {
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0px;
	margin-bottom: 8px;
}

footer h4 a {
	color: #666;
	text-decoration: none;
}



/* social list  top*/

.social-list {
	margin-bottom: 52px;
	margin-top: 25px;
}

.social-list li {
	list-style: none;
	width: 260px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}


.social-list li:nth-child(4n) {
	margin-right: 0px;
}

/* リストデザイン（サルワカ） */

.post ul.saru {
    border: solid 2px #333;
    padding: 0.5em;
  position: relative;
  margin-top: 2em;
}

.post ul.saru li {
    line-height: 1.5;
    padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

.post ul.saru li:last-of-type{
  border-bottom: none;
}

.post ul.saru li:before {/*リスト内のアイコン*/
  	font-family: FontAwesome;
  	content: "\f138";/*アイコン種類*/
  	position: absolute;
  	left : 0.5em; /*左端からのアイコンまで*/
  	color: #333; /*アイコン色*/
}

.post ul.saru li:after {/*タイトルタブ*/
  	background: #333;
  	color: #fff;
  	font-weight: bold;
  	position: absolute;
  	left: -2px;
  	bottom: 100%;
  	padding: 1px 7px;
  	content: "POINT";/*タブの文字*/
  	letter-spacing: 0.05em;/*字間*/
  }

/* リストデザイン（オススメ） */

.post ul.osu {
    border: solid 2px #333;
    padding: 0.5em;
  position: relative;
  margin-top: 52px;
  	display: inline-block;
	width: 100%;
}

.post ul.osu li {
    line-height: 1.5;
    padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

.post ul.osu li:last-of-type{
  border-bottom: none;
}

.post ul.osu li:before {/*リスト内のアイコン*/
  	font-family: FontAwesome;
  	content: "\f138";/*アイコン種類*/
  	position: absolute;
  	left : 0.5em; /*左端からのアイコンまで*/
  	color: #333; /*アイコン色*/
}

.post ul.osu li:after {/*タイトルタブ*/
  	background: #333;
  	color: #fff;
  	font-weight: bold;
  	position: absolute;
  	left: -2px;
  	bottom: 100%;
  	padding: 1px 7px;
  	content: "ONE MORE!";/*タブの文字*/
  	letter-spacing: 0.05em;/*字間*/
  }

.post ul.osu a {
	color: #333;
	text-decoration: underline;
}

.post ul.osu a:hover {
	color: #f3f3f3;
}


/* 関連記事の文字 */
.point {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	color: #666;
}
/* 記事タイトル下 */
.blogbox p {
	font-size: 16px !important;
	margin: 0px;
	color: #333;
	line-height: 15px;
}
.blogbox {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	margin-bottom: 4px;
	padding: 5px;
}
/* 引用 */
.post blockquote {
	background-color: #f3f3f3;
    background-image: url(images/quote.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 24px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #CCC;
}
/* 引用じゃないけど引用と同じデザインにしたい時 */
.inyoumodoki {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 70px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
/* フッター文字 */
#footer h3 {
	font-size: 14px;
	margin-bottom: 10px;
	color: #555;
}
#footer .copy {
	font-size: 12px;
	color: #999;
	line-height: 15px;
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/*--------------------------------
トップページやアーカイブ一覧表示
---------------------------------*/
/* タイトル名 */
#topnews dd h3 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 5px;
}
#topnews dt {
	float: left;
	width: 100px;
}
#topnews dt img {
	width: 100%;
}
#topnews dd {
	padding-left: 110px;
}
#topnews dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding: 0px 20px 20px 20px;
}
#topnews dl:first-child {
	padding-top: 20px;
}
#topnews dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}
#topnews .clearfix dd h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
/* 抜粋文字 */
#topnews .clearfix dd p {
	font-size: 16px;
	color: #666;
	line-height: 24px;
}
#topnews .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}

#topnews h2 {
	background: #fff;
}

#topnews h2 a {
	color: #333;
	text-decoration: none;
}

#topnews h2:before {
	background: #fff;
}

#topnews h2:after{
	background: #fff;
}

/* 一覧タイトル下 */

.blog_info p a {
	color: #666;
	text-decoration: none;
}
#topnews .clearfix dd .blog_info p {
	font-size: 12px;
}

/*  カエレバ　 */

.kaerebalink-box , .pochireba {
    width: 100%;
    height: 237px;
    margin-top: 30px;
    color: #333;
    border: 2px #333 solid;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0px !important;
    margin-bottom: 40px;
}

.kaerebalink-image img , .pochireba img {
margin-left: 30px !important;
max-height: 150px;
    max-width: 150px;
margin-bottom: 0px;
}

.kaerebalink-info {
	margin-left: 53px;
color: #333;
}

.kaerebalink-info a {
	color: #333;
}

.kaerebalink-link1 {
	display: flex;
	justify-content: flex-start;
}

.shoplinkamazon a , .shoplinkrakuten a {
	    background-color: #333;
    padding: 7px 17px;
    color: #fff;
    text-decoration: none !important;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    margin: 5px 0px;
    margin-right: 14px;
    margin-left: 0px;
    border: 2px solid #333;
    font-weight: bold;
}



/*--------------------------------
関連記事表示部分
---------------------------------*/
/* タイトル名 */
#kanren dd h5 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 5px;
}

#kanren dt {
	float: left;
	width: 100px;
}
#kanren dt img {
	width: 100px;
}
#kanren dd {
	padding-left: 110px;
}
#kanren dl {
	margin-bottom: 10px;
    background: #fff;
}

#kanren dl:first-child {
	margin-bottom: 10px;
	margin-top: 10px;
    background: #fff;
}

#kanren {
	margin-bottom: 53px;
}

/* 抜粋文字 */
#kanren .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 18px;
}
#kanren .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}
#kanren .clearfix dd h5 a:hover {
	color: #b22222;
}
/*--------------------------------
サイドバー
---------------------------------*/
aside ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


aside #mybox ul {
	margin-bottom: 10px;
}
/* RSS購読するボタン */
.rssbox a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1a1a1a;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	text-decoration: none;
}
.rssbox a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.followside a:link {
	margin-bottom: 10px;
	display: block;
}

.followside a:last-child {
	margin-bottom: 15px;
}

.fixBox {
   position: fixed;
   top: 65px;

}

#sidefixed {
	-webkit-transition:top .4s ease-in-out,right .4s ease-in-out;
    -moz-transition:top .4s ease-in-out,right .4s ease-in-out;
    -o-transition:top .4s ease-in-out,right .4s ease-in-out;
    transition:top .4s ease-in-out,right .4s ease-in-out;
}


/*--------------------------------
エディタ用
---------------------------------*/
/*テーブル */
.post table {
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	    width: 100%;
}

table tr td {
	padding: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 14px;
	line-height: 25px;
}
.post table tr:nth-child(even) {
	background-color:#f3f3f3;
	}
#main .post table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	color: #333;
}
/*画像 */
img.alignright {
	display: block;
	margin: 0 0 0 auto;
}
img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.float-left {
	float: left;
}
.ie8 img {
	width: auto;
}
/*リスト */
.post ul {
	list-style-type: disc;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
.post ul li {
	font-size: 17px;
	line-height: 27px;
}
.post ol {
	list-style-type: decimal;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.post ol li {
	font-size: 17px;
	line-height: 27px;
}

.pagination {
    font-family: 'Montserrat',sans-serif;
    padding: 45px 0px 45px 0px;
    text-align: center;
    height: 40px;
    clear: both;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
   margin-bottom: 54px;
}

.pagination a {
	display: block;
    float: left;
    width: 40px;
    height: 40px;
    color: #333 !important;
    text-decoration: none;
    padding: 0px 0px;
    margin-right: 15px;
    border-radius: 50%;
    background: #EEEDEC !important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    line-height: 40px;
    text-align: center;

}


.pagination a .page {
    font-size: 20px;
    font-weight: normal !important;
    border-bottom: none !important; 
    color: #888 !important; 
    cursor: default;
}

.pagination a:hover {
    font-weight: bold !important;
    height: 39px;
    color: #444 !important;
}

.pagination span:first-child {
	margin-right: 23px;
}

.pagination .current {
	display: block;
    float: left;
    width: 40px;
    height: 40px;
    color: #fff !important;
    text-decoration: none;
    padding: 0px 0px;
    margin-right: 15px;
    border-radius: 50%;
    background: #505362 !important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

/** page structure **/
 
.paginate {
    width: 100%;
    font-size: 18px;
    height: 60px;
    margin-bottom: 33px;
    justify-content: center;
    padding-top: 22px !important;
    display: flex;
    flex-wrap: wrap;

}

.pagecap {
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 9px;

}

.paginate.pag5 { /* fifth page styles */ 
  padding: 9px 145px;

}


 
 
.paginate.pag5 .page { 
      display: block;
    float: left;
    width: 40px !important;
    height: 40px;
    color: #fff;
    text-decoration: none;
    padding: 0px 0px;
    margin-right: 15px;
    border-radius: 50%;
    background: #f16272;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    line-height: 40px;
    text-align: center;
}

.paginate a .page { 
	 display: block;
    float: left;
    width: 40px;
    height: 40px;
    color: #333 !important;
    text-decoration: none;
    padding: 0px 0px;
    margin-right: 15px;
    border-radius: 50%;
    background: #f5f5f5 !important;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    line-height: 40px;
    text-align: center;
 
}

.paginate a .page:hover {
  color: #fff !important;
  background: #333 !important;
}

.paginate.pag5 a:active {
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}
 
.paginate.pag5 li.navpage a {
  padding: 9px 13px;
  background: #c8eac6;
  color: #4f664e;
}
.paginate.pag5 li.navpage a:hover {
  color: #414e40;
  background: #a4c6a2;
}
 
.paginate.pag5 li.current { background: #505362; }
.paginate.pag5 li.single, .paginate.pag5 li.current {
  display: block;
  float: left;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  color: #fff;
}





/*--------------------------------
検索フォーム
---------------------------------*/
#search {
	padding-bottom: 0px;
position: relative;
width: 200px;
margin-bottom: 5px;
float: right;
margin-top: 9px;
margin-right: 0px;
}
.s {
	height: 26px;
	color: #333;
	font-size: 14px;
	border-radius: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #ccc;
	z-index: 10;
	padding: 5px 65px 10px 5px;
	width: 100%;
	box-sizing: border-box;
}
#searchsubmit {
	border-radius: 0;
	background-color: #ccc;
	position: absolute;
	right: 7px;
	top: 6px;
	width: 15px;
	height: 15px;
	z-index: 20;
}
*:first-child + html #searchsubmit {
	top: 1px;
}
/*--------------------------------
メニュー
---------------------------------*/
nav li {
	position: relative;
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
nav li li {
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}
nav li a {
	float: left;
	color: #333;
	text-decoration: none;
}
.menu-navigation-container {
	overflow: hidden;
}
nav li a:hover {
	text-decoration: underline;
}
nav li li {
	float: left;
	font-size: 13px;
	padding-left: 10px;
	display: inline;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
}
nav li a {
	float: left;
	color: #333;
	text-decoration: none;
}
.menu-navigation-container {
	overflow: hidden;
}
nav li a:hover {
	text-decoration: underline;
}

/*--------------------------------
ぱんくず
---------------------------------*/
#breadcrumb {
	font-size: 16px;
	color: #333;
}

#breadcrumb:before {
	font-size: 16px;
    margin-right: 6px;
    color: #333;
    margin-left: 6px;
}

#breadcrumb a {
	color: #333;
	text-decoration: none;
}
div#breadcrumb {
	padding: 0 0 5px;
	margin: 0px 0px 10px 0px;
	clear: both;
}
div#breadcrumb a {
	color: #ccc
}
div#breadcrumb div {
	display: inline;
	font-size: 13px;
}
#breadcrumb div a {
	color: #333;
	text-decoration: none;
}
/*--------------------------------
SNS
---------------------------------*/
.sns li {
	margin: 5px 0;
}
.sns .snsb li {
	float: left;
	margin-right: 10px;
	list-style-type: none;
}

.sns li a {
	width: 150px;
    height: 38px;
    text-decoration: none;
    display: flex;
    line-height: 100px;
    color: #fff;
    padding: 4px 0px 4px 0px;
    font-family: 'Montserrat' ;
	justify-content: center;
	align-items: center;
}

.sns li a p {
    font-family: 'Montserrat' ;
    font-size: 13px !important;
    margin-bottom: 0px ;
}

.sns li a:hover {
	background: #333;
}

.sns li:nth-child(4) {
	margin-right: 0px !important;
}

.sns li .facebutton {
    background-color: #305097;
}

.sns li .tweetbutton {
    background-color: #55acee;
}

.sns li .hatebubutton {
    background-color: #008fde;
}

.sns li .pocketbutton {
    background-color: #dd4b39;
}

.sns li a p:before {
	font-family: 'LigatureSymbols';
	font-size: 117%;
    margin-right: 6px;	
}

.sns li a.facebutton p:before {
	content: '\E047';
}

.sns li a.hatebubutton p:before {
	content: '\E161';
}

.sns li a.tweetbutton p:before {
	content: '\E12f';
}

.sns li a.pocketbutton p:before {
	content: '\E03e';
}

.post .sns .snsb.clearfix {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.snsCountBox {
	float: right;
}

.Count {
	margin-left: 5px;
	color: #333;
	font-size: 16px;
	float: left;
	font-weight: normal;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
}

.footButton {
	color: #fff;
	font-size: 16px;
	padding: 4px 10px;
	}

.faceB {
	background:#053b69;
}

.twitterB {
	background:#8cbeb2;
}

.feedlyB {
	background:#a7c520;
}

.faceC:before {
	font-family: 'LigatureSymbols';
	content: '\E047';
	font-size: 117%;
    margin-right: 6px;

}

.twitterC:before {
	font-family: 'LigatureSymbols';
	content: '\E12f';
	font-size: 117%;
    margin-right: 6px;	
}

.hatenaC:before {
	font-family: 'LigatureSymbols';
	content: '\E161';
	font-size: 117%;
    margin-right: 6px;	
}

.pocketC:before {
	font-family: 'LigatureSymbols';
	content: '\E030';
	font-size: 117%;
    margin-right: 6px;	
}

.feedlyC:before {
	font-family: 'LigatureSymbols';
	content: '\E113';
	font-size: 117%;
    margin-right: 6px;	
}

.total {
	display:flex;
	justify-content:center;
	width: 208px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}

.total p {
	float: left;
	margin-right: 9px;
	margin-bottom: 0px;
}

.total p:nth-child(2) {
	font-size: 40px !important;
}

.totaldisc {
	font-size: 14px !important;
	color: #333;
	display:flex;
	justify-content:center;
	width: 100%;
	margin-top: 7px;
}

.totaldisc p {
	font-size: 10px !important;
	margin-bottom: 0px;
	margin-right: 0px;
}

.sns {
	border-top: 1px #333 solid;
    padding-top: 42px;
}

.btn01 img {
	margin-bottom: 0px;
}


.subCategoryList {
	background: #EEEDEC;
	padding: 1px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 33px;
}

.subCategoryList h2 {
	font-size: 22px;
	margin-top: 29px;
	margin-bottom: 29px;
}

.subCategoryList ul {
	width: 80%;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.subCategoryList ul li a {
	color: #333;
}

.parentCategory {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.parentCategory a {
	color: #fff;
	padding: 10px 20px;
	background: #333;
	display: inline-block;
}

.allCategory-CategoryPage {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background: #f19f0f;
    padding: 0% 5% 7% 5%;
}


/*--------------------------------
インタビュー
---------------------------------*/

.faceleft {
	margin-top: 10px;
}

.faceleft:after {
  content: "";
  clear: both;
  display: block;
}

.faceleft span {
text-align: center;
font-weight: bold;
padding-top: 37px;
padding-left: 15px;
display: inline-block;
}

.faceleft img {
	margin-bottom: 0px;
	float: left;
}

/*--------------------------------
カレンダー
---------------------------------*/
#wp-calendar {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	width: 100%;
}
#wp-calendar thead tr th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 14px;
	padding: 3px;
	text-align: center;
	background-color: #f3f3f3;
}
#wp-calendar td {
	text-align: center;
	padding: 0px;
	background-color: #fff;
}
#wp-calendar caption {
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 14px;
}
#wp-calendar tbody tr #today {
	background-color: #b0e0e6;
}
/*--------------------------------
PAGE TOP
---------------------------------*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 76px;
	right: 0px;
	font-size: 12px;
}
#page-top a {
	background: #665e53;
	text-decoration: none;
	color: #fff;
	padding: 10px;
	text-align: center;
	display: block;
	-moz-opacity: 0.3;
	opacity: 0.3;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
	color: #fff;
}

/*  adsense  */

.adsense_middle {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	margin-bottom: 75px;
    margin-top: 75px;
    width: 100%;
    justify-content: center;;;;
}

.adsense_middle_in {
	margin:  0px 33px;
}

.adsense_footer {
	margin-bottom: 50px;
	margin-top: 50px
}

.adsense_side {
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
}

.adstir_side span {
	margin-bottom: 30px;
}

.sponsoredbottom {
	margin-left: auto;
	margin-right: auto;
	width: 336px;
	height: 280px;
}


#ULIZA_INERAD_PLAYER {
	margin-bottom: 35px !important;
}

/*  Omotta */

/* --- pite comment --- */

.pitecome {
	background: #f3f3f3;
	padding: 0 4% 4% 4%;
	margin-top: 33px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
} 

.pitecome img {
    height: auto;
    margin-top: 14px;
    margin-left: 0px !important;
    width: 25%;
    margin-bottom: 0px;

}

.pitetext {
	background: #fff;
	padding: 4% 20px;
	margin-top: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0px;
	width: 75%;
	flex-wrap: wrap;
	font-size: 15px;

}

.pitefollow {
	margin-top: 23px;
margin-left: 0px;
display: inline-block;
float: left;
}

.pitecometitle {
padding: 20px 10px 0px 0px;
font-size: 19px;
font-weight: bold;
	width: 100%;
}

.attention {
	width: 630px;
	height: 389px;
	background-image: url(images/global/facebooklike.jpg);
	background-size: 630px;
	padding: 17px 16px 16px 18px;
	margin-bottom: 40px;

}




.fbbw {
	margin-top: 204px;
    margin-left: 46px;
}

/*--------------------------------
縦長・スクエア画像リサイズ
---------------------------------*/
.vertically_long {
	max-width: 440px !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------
コメント
---------------------------------*/
#comments p a {
	color: #333;
}
#comments p {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 0px;
	color: #333;
	padding: 5px 0;
}
#comments label {
	display: block;
}
.metadata dd a {
	color: #333;
}
.metadata {
	font-size: 13px;
	line-height: 20px;
}
#comments {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	background-color: #f3f3f3;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.comment-body {
	padding: 10px;
	margin-bottom: 20px;
}
.fn {
	font-style: normal;
	font-size: 13px;
}
.says {
	font-size: 13px;
	line-height: 18px;
}
.commentmetadata {
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.reply {
	padding: 5px;
	font-size: 13px;
}
#comments #respond {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #666;
}
#comments #commentform .tags {
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 13px;
}
#comments #commentlist img {
	padding: 10px;
}
#comments .commets-list {
	padding-left: 0px;
	list-style-type: none;
}
ul.children {
	padding: 0px;
}
.commets-list li {
	list-style-type: none;
}
.comment-author.vcard .avatar {
	float: left;
	margin-right: 10px;
}
.vcard .fn {
	font-size: 13px;
	line-height: 18px;
}
/* コメント欄の下にある使用できるタグの表記を消す */
.form-allowed-tags {
	display: none;
}
#comments h3 {
	background-image: url(images/come.png);
	font-size: 16px;
	padding: 10px 0px 10px 50px;
	border: none;
	margin-bottom: 0px;
}
#comments textarea {
	margin-bottom: 10px;
	width: 100%;
	border: 1px #f2f2f2 solid;
}
#comments input {
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	border-radius: 2px;
	border: 1px #f2f2f2 solid;
}
/* コメントボタン */
#comments input[type="submit"] {
	background-color: #ccc;
	padding: 10px;
	-webkit-appearance: none;
}
/*--------------------------------
PREV NEXT
---------------------------------*/
.p-navi dl dt {
	font-weight: bold;
	font-size: 14px;
	line-height: 27px;
	float: left;
	width: 50px;
	color: #666;
}
.p-navi dl dd {
	font-size: 15px;
	padding-left: 55px;
	line-height: 27px;
}



.facerec {
	background-image: url(images/facebookrec.jpg);
width: 580px;
height: 87px;
position: relative;
background-size: 580px;
margin-top: 38px;
}

.facerecbutton {
	position: absolute;
	top: 13px;
left: 500px;
}



/*--------------------------------
header
---------------------------------*/



header {
	height: 53px;
	background: #ffffff;
	margin-bottom: 23px;
	background: #F5F2EE;
}

.header-in {
	width: 1200px;
	height: 229px;
	padding: 0px 40px;
	margin-left: auto;
	margin-right: auto;
}

.logo {
	width: 282px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 23px;
}






nav {
	display: block;
}


#contentInner {
	width: 100%;
}

aside {
	width: 100%;
	padding: 0px;
	display: flex;
    flex-wrap: wrap;
}

/*--------------------------------
index
---------------------------------*/

.indexheadding {
	font-family: 'Montserrat' ;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 31px;
	display: -webkit-flex; /* Safari */
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center ;
	width: 100%;
}


.indexheadding img {
    width: 126px;
    margin: 14px 37px 4px 51px;
}

.newpostheadding {
	font-family: 'Montserrat' ;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 44px;
	padding-bottom: 36px;
	display: -webkit-flex; /* Safari */
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center ;
}

.newpostheadding img {
    width: 166px;
    margin: 14px 37px 5px 51px;
}

.category-home {
	font-family: 'Montserrat' ;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 44px;
	padding-bottom: 16px;
	display: -webkit-flex; /* Safari */
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center ;
}


.category-home img {
    width: 134px;
    margin: 14px 37px 5px 51px;
}


.indexheadding img {
    width: 126px;
    margin: 14px 37px 4px 51px;
}

.a8img {
	display: none !important;
}

.a8banner {
	width: 300px !important;
}

.bottombanner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.bottombannerLeft {
	    width: 60%;
	        padding-right: 3.5%;
}

.bottombannerRight {
	    width: 40%;
}

.bottombannerTitle {
	    font-weight: bold;
    font-size: 1.9vw;
    width:     width: 36vw;
    letter-spacing: 0.3vw;
    line-height: 1.5;
}

.bottombannerMessage {
	    margin-top: 1.2vw;
    letter-spacing: 0.1vw;
    line-height: 1.5;
}

.bottombanner a {
	max-width: 48.9%;

}



/*IEで要素がズレるのを対応*/
.ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li {
	display: list-item;
	padding: 0;
}

/*--------------------------------
各フォント設定
---------------------------------*/
p {
	font-size: 14px;
	line-height: 27px;
	margin-bottom: 20px;
}
/*記事タイトル*/
.entry-title {
	font-size: 24px;
	line-height: 35px;
	color: #333;
	margin-bottom: 50px;
margin-top: 50px;
	text-align: center;
	padding: 0% 10%;
}
.entry-title a:hover {
	text-decoration: underline;
}

.entry-title a {
	color: #333;
	text-decoration: none;
}



/*リスト */
.post ul {
	list-style-type: disc;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
.post ul li {
	font-size: 14px;
	line-height: 27px;
}
.post ol {
	list-style-type: decimal;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}

.post ol li {
	font-size: 14px;
	line-height: 27px;
}

/*  sidebar */

.sidebar a {
	color: #333;
	text-decoration: underline;
}

.sidebar h4 {
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

.sideCateMini {
	display: flex;
	flex-wrap: wrap;
}

.sideCateMini li {
	margin-right: 5%;
}


.proName {
	background-color: #fff;
padding: 13px;
font-size: 17px;
border-bottom: 1px dashed #888;
}

.sidetext {
	background: #fff;
	padding: 19px;
	margin-bottom: 30px;
}

.sidetext p {
	font-size: 15px;
	margin-bottom: 0px;
}

.popularBanner {
	display: flex;
	justify-content: space-between;
	width: 100%;

}

.popularBanner img {
	object-fit: cover;
	width:307px !important;
	height: 128px; 

}



/*  sideCategory  */

.sideCategory {
	background: #fff;
	padding: 3%;
    width: 30%;
    font-weight: bold;
}

.subcategory {
    background-color: #e6e6e6;
    padding: 3%;
    width: 70%;
}

.sideCate li {
	background: #79B791;
color: #fff;
display: inline-block;
padding: 5px 14px;
margin-top: 15px;
	font-size: 14px;
}


.subcategory ul li a:link, .subcategory ul li a:visited {
	color:#333;
padding: 0px;
	font-size:14px;
	margin-bottom:7px;
	display:inline-block;
}

.allCategory {
	display: flex;
	flex-wrap: wrap;
	width: 54%;
	padding: 7px 0px 0px 21px;
	background: #EEEDEC;
	align-content: flex-start;
}

.cateDesc {
	background: #fff;
    padding: 43px 20px 43px 20px;
    font-size: 14px;
    margin-top: 46px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cateDesc p {
	font-size: 14px !important;
	line-height: 22px;
	margin-bottom: 0px;
    width: 80%;
    margin-top: 26px;
}

.allSideCate {
}

.allSideCate li {
margin-right: 15px;
margin-bottom: 15px;
text-align: center;
display: block;
float: left;
background: #fff;
padding: 8px 27px;
}

.allSideCate li a {
	background: #fff;
display: block;
	text-align: center;
text-decoration: none;
	color: #666;
}


/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
	clear: both;
}

.sidebanner a:last-child {
	margin-bottom: 15px;
}

.sidebanner a {
	display: block;
}

.sideadbanner {
	margin-bottom: 15px;
	display: block;
}

.morebanner img {
	max-width: 116% !important;
}

/* wp asociate */

.wpap-tpl-detail .wpap-image img {
    display: block;
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 120px;
    margin-left: 0px !important;
}

.twentytwenty-container img {
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    display: block;
    margin-left: 0px !important;
    margin-top: 0px;
}

/* 個別記事系 */


.startSns img {
	margin-bottom: 4px;
}

.startSns a {
	display: block;
}

.monoStart {
	float: left;
}

.survey {
	border: dotted 2px #333;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	    margin: 64px 0px;
    padding: 51px 10vw 20px 10vw;
    flex-wrap: wrap;
}

.surveyMenu {
    top: -35px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #fff;
    left:0;
right: 0;
margin: auto;
	position: absolute;
	width: 140px;
}

.surveyInfo {
	widows: 80%;
}

.survey a {
	color: #fff;
	background: #333;
	    border-radius: 3px;
    padding: 5px 20px;
    margin-top: 28px;
    font-weight: bold;

}

.surveyMenu img {
	margin:0px;
	width: 100%;
}

.followmeList {

	list-style-type: none !important;
    padding-top: 20px;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 0px !important;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;

}

.followmeList li {
	list-style-type: none;
	margin-right: 5px;
}



.twitterPresentButton {
	width: 300px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px !important;
}

.survey .line a {background: #5ae628;}




/* -------------------------------------------------------------------------------- */
/*	記事ページ下部バナー */

.singleFootBanner {
	list-style: none !important;
	  list-style-type: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 20px !important;
    margin-top: 30px;
}

.singleFootBanner li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}

.singleFootBanner li a {
	    width: 100%;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}

.singleFootBanner li img {
	width: 50%;
	margin-bottom: 0;
	height: auto;
}

.singleFootBanner li a div {
	width: 47%;
    display: flex;
    align-items: center;
    padding: 0px 34px;
    color: #333;
    font-size: 33px;
    line-height: 1.5;
    font-weight: bold;
}

.monobanner {
	list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.monobanner li {
	margin-bottom: 2.8vw;
    width: 48.1%;
    border-radius: 1.6vw;
    overflow: hidden;
}

.moreSponsored li {
	width: 45%;
}

.pageview {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 2.6vw;
    font-weight: bold;
        margin-top: 5vw;
    margin-bottom: 4.1vw;
}

.pageview span {
	    margin-right: 1vw;
}