/* -------------------------- all ---------------------------- */

html{
	width: 100%;
	height: 100%;
	overflow: scroll;
	margin:0px;
	color: #222;
}

body {
	padding: 0px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

h1,h2,h3,h4,p,li{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

ul{
	padding-left: 0px;
}

li{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	list-style: none;
}

p{
	color:#000;
}

a{
	margin-bottom: 0px;
	cursor: pointer;
	text-decoration: none;
}

.header-height-item:after{
	width: 100%;
	height: 0px;
	content: "";
	clear: both;
	display: block;
}

#single-view-main .caption{
	font-size: 12px;
	color: #888;
	text-align: right;	
}

.main-banner-area img{
	width: 100%;
}

.font-bold{
	font-weight: 600;
}

.color-a{
	color: #EBBF2A;
}
.color-b{
	color: #195897;
}

.color-c{
	color: #27A5B8;
}

.border-bottom{
	padding-bottom: 7px;
	border-bottom: 1px solid #27A5B8;
}

.dataLink:hover{
	cursor: pointer;
}

h1{font-size: 28px;}
h2{font-size: 24px;}
h3{font-size: 21px;}
h4{font-size: 16px;}
h5{font-size: 11px;}
p{font-size: 13px;}
li{font-size: 13px;}
a{font-size: 13px;}

a:hover{
	text-decoration: underline;
}

button{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-weight: 400;
}

.wrap{
	width: 100%;
	padding: 143px 0px 0px 0px; 
}

.container{
	width:1040px;
	margin: 0px auto;
	display: block;
}

#recommend-view .content-text,
#recommend-view-editor .content-text,
#page-view .content-text,
#single-view .content-text{
	padding: 14px 14px 7px 14px;
}

#recommend-view .content-text h4,
#recommend-view-editor .content-text h4,
#other-view .content-text h4,
#page-view .content-text h4,
#single-view .content-text h4{
	height: 45px;
	padding: 0px 0px 7px 0px;
	font-weight: 600;
}

#recommend-view .content-text-sub p,
#recommend-view-editor .content-text-sub p,
#page-view .content-text-sub p,
#single-view .content-text-sub p{
	font-size: 11px;
	color: #888;
}

#recommend-view .content-text-sub,
#recommend-view-editor .content-text-sub,
#page-view .content-text-sub,
#single-view .content-text-sub{
	padding: 0px 14px 14px 14px;
	text-align: left;
	color: #888;
}

.pick-content-left{
	padding-right:14px;
	padding-bottom:14px; 
}
.pick-content-right{
	padding-left:14px; 
}

.content-title{
	margin-bottom: 28px;
}

.content-title h3{
	font-size: 32px;
	font-weight: 600;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	letter-spacing: 0px;
	text-align: center;
}

.content-img{}

.content-img img{
	width: 100%;
	display: block;
}

.content-text{
	overflow: hidden;
}

.content-text p{
	font-size: 11px;	
}

.content-text-sub{
	overflow: hidden;
}

.content-text-sub .author{
    float: left;
    text-align: left;
}
.content-text-sub .line{
    float: left;
    text-align: center;
}
.content-text-sub .category{
    float: left;
    text-align: right;
}
.content-text-sub p.category{
    font-weight: 600;
}

.more-view button{
	width: 180px;
	height: 42px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 28px auto 0px auto;
	padding: 7px;
	color: #222;
	background-color: transparent;
	border: 1px solid #222;
	cursor: pointer;
	outline: none;
}

.more-view-white button{
	width: 180px;
	height: 42px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	display: block;
	margin: 28px auto 0px auto;
	padding: 7px;
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
	cursor: pointer;
	outline: none;
	appearance: none;
}
.mail-view-white button{
	width: 180px;
	height: 42px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	display: block;
	margin: 28px auto 0px auto;
	padding: 7px;
	color: #222;
	background-color: transparent;
	border: 1px solid #222;
	cursor: pointer;
	outline: none;
	appearance: none;
}

.more-view button:hover,
.more-view-white button:hover,
.mail-view-white button:hover{
	background-color: rgba(0,0,0,0.15);
}

.note-backgrand{
	width: 14px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(/assets/img/note-backgrand.png);
	background-repeat: repeat-y;
}

span.h3-border{
	padding-bottom: 4px;
	border-bottom: 3px solid #222;	
}

.pick-content-right:before{clear: both; display: block; content:" "; height: 0px;}
.pick-content-left:after{clear:both; display: block; content:" "; height: 0px;}
.other-content-title:before{clear: both; display: block; content:" "; height: 0px;}
.other-content-title:after{clear:both; display: block; content:" "; height: 0px;}
.new-list-title:before{clear: both; display: block; content:" "; height: 0px;}
.new-list-title:after{clear:both; display: block; content:" "; height: 0px;}
.ranking-list-title:before{clear: both; display: block; content:" "; height: 0px;}
.ranking-list-title:after{clear:both; display: block; content:" "; height: 0px;}
.single-other-content-title:before{clear: both; display: block; content:" "; height: 0px;}
.single-other-content-title:after{clear:both; display: block; content:" "; height: 0px;}

#ad-banner{
	width: 100%;
	height: 320px;
	text-align:center;
	background-color: #f5f5f5;
}
.ad-banner-text{
	padding-top: 72px;	
}
#ad-banner h4{
	font-size: 14px;
	font-weight: 400;
	color: #222;
}
#ad-banner h1{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	letter-spacing: 0.1em;
	margin-bottom: 4px;
	color: #cf8748;
}
.mail-img{
	width: 300px;
	height: 300px;
	position: absolute;
	top:22px;
	left:50%;
	z-index: 100;
	margin-left: -150px;
}

/* -------------------------- all end ---------------------------- */












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

#recommend-view{
	background-color: #f2f2f2;
	padding: 60px 0px;
}

#recommend-view .new-list-main{}
#recommend-view .new-list-sub{}

#recommend-view .new-list-sub{
	padding-bottom: 14px;
}

#recommend-view .new-list-sub ul{
	list-style: none;
}

.new-list-sub ul li{
	list-style: none;
}

.new-list-sub ul li{
	border-bottom: 1px solid #f5f5f5; 
	margin-bottom: 7px;
	padding-bottom: 7px;
}

#recommend-view-sub .new-list-sub-content .new-list-title{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	margin-bottom: 14px;
	border-bottom: 1px solid #888888;
}

#recommend-view-sub .new-list-sub-content .new-list-title h3{
	width: 60%;
	float: left;
}
#recommend-view-sub .new-list-sub-content .new-list-title h5{
	width: 40%;
	float: right;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	color: #888;
	text-align: right;
	margin-top: 10px;
}

#recommend-view-sub .new-list-sub-content .new-list-title h5{
	margin-bottom: 0px;
}

#recommend-view .new-list-sub .new-list-sub-content{
	position: relative;
	padding: 14px 14px 14px 28px;
	background-color:#fff;
	border: 1px solid #eee;
	overflow: hidden;
	margin-bottom: 14px;
}

.ranking-list-sub-content {
	position: relative;
    padding: 14px 14px 14px 28px;
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 14px;
}

.ranking-list-sub-content a{
	color: #000;
}

.new-list-sub .ranking-list-sub-content ul li{
	padding-left: 48px;
	position: relative;
}
.new-list-sub .ranking-list-sub-content ul li:before{
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	line-height: 21px;
	padding: 7px 0px;
	width: 36px;
	display: block;
	position: absolute;
	top:0px;
	left: 0px;
	border-radius: 18px;        /* CSS3草案 */  
    -webkit-border-radius: 18px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 18px;   /* Firefox用 */  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.new-list-sub .ranking-list-sub-content ul li:nth-child(1):before{
	color: #fff;
	content:"1";
	background-color: #FFD700;
}
.new-list-sub .ranking-list-sub-content ul li:nth-child(2):before{
	color: #fff;
	content:"2";
	background-color: #C0C0C0;
}
.new-list-sub .ranking-list-sub-content ul li:nth-child(3):before{
	color: #fff;
	content:"3";
	background-color: #C47222;
}
.new-list-sub .ranking-list-sub-content ul li:nth-child(4):before{
	content:"4";
	background-color: #f5f5f5;
	border: 1px solid #eee;
}
.new-list-sub .ranking-list-sub-content ul li:nth-child(5):before{
	content:"5";
	background-color: #f5f5f5;
	border: 1px solid #eee;
}


.ranking-list-sub-content .ranking-list-title{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	margin-bottom: 14px;
	border-bottom: 1px solid #888888;
}

.ranking-list-sub-content .ranking-list-title h3{
	width: 60%;
	float: left;
}
.ranking-list-sub-content .ranking-list-title h5{
	width: 40%;
	float: right;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	color: #888;
	text-align: right;
	margin-top: 10px;
}

.ranking-list-sub-content .ranking-list-title h5{
	margin-bottom: 0px;
}

.ranking-list-sub .ranking-list-sub-content{
    margin: 0px 7px 14px;
	padding: 14px 14px 14px 28px;
    background-color: #fff;
    border: 1px solid #eee;
    overflow: hidden;
}


#recommend-view .new-list-sub .new-list-sub-title{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	padding-bottom: 14px;	
}


#recommend-view-main .content-text-day{
	width: 120px;
	font-size: 12px;
	border: 1px solid #222;
	padding: 4px;
	text-align: center;
	margin-bottom: 12px;
}
#recommend-view .new-articles-section,
.editors-choice-section{
	background-color: #fff;
}

#recommend-view-editor{
	padding: 60px 0px;
	background-color: #cf8748;
}

#recommend-view-editor .content-title{
	color: #fff;
}

#recommend-view-editor span.h3-border{
	border-bottom: 1px solid #fff;	
}

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












/* -------------------------- slider ---------------------------- */

.slide-wrap-link{
	width: 100%;
	height: 600px;
	display: block;
}

#main-view #slider .slider-text-area h3{
	font-size: 28px;
}

#recommend-view-main .public-label{
	margin-left: 0px;
}

#main-view{
	position: relative;
	background-color: #ffe893;
}

#main-view.other-page{
	background-color: #a51c30;
	padding: 28px 60px 60px 60px;
	position: relative;
}

#main-view.header-single{
	height: 360px;
	background-color: #a51c30;
	padding: 0px;
	position: relative;
	overflow: hidden;
}

#main-view p{
	color: #fff;
}

#main-view ul{
	margin: 0px;
}

#main-view #slider {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
}
#main-view #slider,
#main-view #slider .slick-track,
#main-view #slider ul li{
    height: 360px;
}

#main-view #slider .slider-text{
	color: #fff;
	position: absolute;
	height: 120px;
	bottom: 0px;
	z-index: 11;
}

#main-view #slider .slider-text-area{
	padding: 14px;
}

#main-view #slider .slider-text-area h3{
	color: #fff;
	text-shadow:0px 2px 0px rgba(0,0,0,0.5);
}

.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

.pagination{
    bottom: 28px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
    display: none;
}
 
.pagination a {
    margin: 0 9px;
    width: 9px;
    height: 9px;
    display: inline-block;
    overflow: hidden;
    background: #222;
    border: 1px solid #fff;
}

.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

.slider_prev {
	background: #fff url(/assets/img/prev.png) no-repeat right center;
}

.slider_next {
	background: #fff url(/assets/img/next.png) no-repeat left center;
}

.public-label{
	width: 40px;
	height: 60px;
	font-size:18px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	line-height: 16px;
	text-align: center;
	position: absolute;
	top: 0px;
	z-index: 100;
	color: #fff;
	padding:7px 4px 0px 4px; 
}

.public-label.public-label-check{
	width: 90px;
	height: 90px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.public-label-view{
	font-size:10px;
}

.img-text-bg{
	width: 100%;
	height: 210px;
	position: absolute;
	bottom:0px;
	left: 0px;
	z-index: 10;
	background-image: url(/assets/img/img-text-bg.png);
	background-size:contain;
	background-repeat: repeat-x;
}

/* -------------------------- slider end ---------------------------- */












/* -------------------------- single ---------------------------- */
#single-view{
	background-color: #F2F2F2;
	padding: 60px 0px;
}

#single-view .new-list-sub{
	padding-bottom: 14px;
}


#single-view .new-list-sub .new-list-sub-title{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	padding-bottom: 14px;	
}

#single-view-sub .single-other-content{
    margin-bottom: 14px;
    padding: 14px 14px 14px 28px;
    background-color: #fff;
}

.header-single{
	position: relative;
	padding: 28px;
	background-color: rgba(255,255,255,0.75);
	z-index: 1;
}

.header-single .single-view-main-head{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-right: 28px;
	float: left;
	overflow: hidden;	
}

.header-single .single-view-main-head img{
	height: 100px;
}

.header-single .single-title{
	color: #000;
	text-align: left;
	padding-left: 128px;
}

.header-single .single-title h1{
	font-size: 28px;
	letter-spacing: 0.1em;
	line-height: 42px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	margin: 0px 0px 14px 0px;
}

.header-single .single-title p.day{
	color: #000;
	margin-bottom: 4px;	
}

.header-single .single-title a{
	font-size: 11px;
	font-weight: 400;
	padding: 4px;
	margin-right: 7px;
	border:1px solid #fff;
	color: #fff;
}

.guest-section{
	min-height: 140px;
	padding: 21px;
	background-color: #fff;
	margin-bottom: 28px;
}

.guest-section a{
	color: #000;
	font-size: 16px;
	text-decoration: underline;
}

.guest-section a:after{
	content: " \f08e";
	font-family: FontAwesome;
}

.first-section{
	margin-bottom: 28px;
}

.finish-section{
	margin-top: 28px;
	margin-bottom: 48px;
	padding-top: 28px;
	border-top: 1px solid #eccace;
}

#content.site-content{
	position: relative;
}


#single-view-main p{
	font-size: 16px;
	line-height: 1.5em;
	color: #222;
}

#single-view-main .content-section a{
	font-size: 16px;
	line-height: 1.5em;
	color: #222;
	text-decoration: underline;
}

#single-view-main .single-section-recommend p{
	font-size: 11px;
}

#single-view-main .single-section-recommend .comment .fukidasi a{
	font-size: 14px;
	font-weight: 600;
	color:#000;
	text-decoration: underline;
}

.single-section{
	padding: 14px;
}

.single-section:before{
	clear: both;
	display: block;
	content:" ";
	height: 0px;
}

.single-section:after{
	clear: both;
	display: block;
	content:" ";
	height: 0px;
}

#single-view-main .guest_wrap{
	position: relative;
}

#single-view-main .guest_img{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #eee;
}

#single-view-main .guest_img img{
	width: 100%;
	background-color: #f2f2f2;
}

#single-view-main .guest_info{
	padding-left: 111px;
}

#single-view-main .single-section{
	width: 100%;
	padding: 14px;
}

#single-view-main .single-section img{
	width: 100%;
	margin-bottom: 28px;
}

#single-view-main .single-section img.caption-add{
	margin-bottom: 7px;
}

#single-view-sub h3{
	font-weight: 600;
}

#single-view-sub p{
	font-size: 12px;
	color: #222;
}

#single-view-sub .single-other-content-prof img{
	width: 50%;
	height: auto;
	margin-bottom: 7px;
}

#single-view-sub .single-other-content-prof h4{
	margin-bottom: 14px;
}

#single-view-main .single-section-recommend{
	margin-top: 21px;
}

#single-view-main .single-section-recommend img{
	margin-top: 21px;
	margin-bottom: 7px;
    padding: 0px;
}

.single-section-recommend .comment{
	padding: 7px;
}

.single-section-recommend .comment .fukidasi{
	padding: 7px;
	background-color: #fff;
	border-radius: 12px;
}

.single-text{
	padding: 14px 0px;	
}

.single-text p{
	color: #fff;
	letter-spacing: 0.1em;
}

.header-bg{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	padding: 28px;
	background-color: #a51c30;
	background-image: url(/assets/img/single-1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#single-view ul.sns{
	width: 55%;
	margin: 0px;
    float: left;
    text-align: left;
}

#single-view ul.sns li{
	text-align: center;
	font-size: 11px;
	display: inline-block;
}

ul.sns .btn{
    width:80px;
    padding: 4px;
    float: left;
    text-decoration: none;
    color: #fff;
    text-align: center;
}

.sns .twitter{
    background: #55acee;
}

.sns .fb{
    background: #3b5998;
}

.sns .line{
    background: #09B701;

}

.single-title .view{
	float: right;
}

#single-view p.view{
	display: inline-block;
	width: 45%;
	font-size: 18px;
	color: #888;	
    text-align: right;	
}

#single-view p.view span{
	font-size: 21px;
	font-weight: 600;
	color: #f5c520;	
}

#single-keyword  .single-other-content{
	padding: 14px 14px 14px 28px;
	background-color:#fff;
}

#single-view-sub .single-other-content-title,
#single-keyword .single-other-content-title{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	margin-bottom: 14px;
	border-bottom: 1px solid #888888;
}

#single-view-sub .single-other-content-title h5,
#single-keyword .single-other-content-title h5{
	margin-bottom: 0px;
}

#single-keyword .tags{
	width: 100%;
	float: left;
}

#single-keyword .tags button{
	font-size: 11px;
	border: 1px solid #222;
	margin: 0px;
}

#single-view .single-view-main{
	margin: 0px 14px;
	padding: 0px 0px 14px;
}

#single-view-sub ul{
	margin: 0px;
}

#single-view .single-view-info{
	margin: 0px 14px;
	padding: 14px 0px;
	border-bottom: 1px solid #888888;
}

.single-view-sub-editor,
.single-view-sub-content{
}

.single-other-content-title h3{
	width: 60%;
	float: left;
}

.single-other-content-title h5{
	width: 40%;
	float: right;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	color: #888;
	text-align: right;
	margin-top: 10px;
}

/* -------------------------- single end ---------------------------- */












/* -------------------------- page ---------------------------- */
#page-view{
	background-color: #F2F2F2;
	padding: 60px 0px;
}

#page-view #pageNavs{
	margin-right: 14px;
	padding: 7px;
	text-align: center;
}

#page-view ul.pageNav {
	/zoom: 1;
	overflow: hidden;
	padding: 0;
	display: inline-block;
}

#page-view ul.pageNav li {
	float: left;
	margin: 5px 5px 5px 0;
	list-style: none;
}

#page-view ul.pageNav li:last-child {
	float: left;
	margin: 5px 0px 5px 0;
	list-style: none;
}

#page-view ul.pageNav li span,
#page-view ul.pageNav li a {
	float: left;
	padding: 4px 8px;
	border: 1px solid #a51c30;
	color: #222;
}

#page-view ul.pageNav li span {
	background: #fff;
}

#page-view ul.pageNav li a:hover {
	background-color: rgba(0,0,0,0.15);
}

.header-page{
	padding: 28px;
	background-color: #fff;
}

.header-page .page-view-main-head{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-right: 28px;
    float: left;
    overflow: hidden;
    border: 1px solid #eee;
}

.header-page .page-view-main-head img {
    height: 100px;
}

.header-page .page-title{
	color: #000;
	text-align: left;
}

.header-page .page-title h1{
	font-size: 42px;
	letter-spacing: 0.1em;
	line-height: 42px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	margin: 14px auto 0px;
}

.header-page .page-text{
	padding: 14px 0px;	
}

.header-page .page-text p{
	color: #000;
	letter-spacing: 0.1em;
}
/* -------------------------- page end---------------------------- */












/* -------------------------- header ---------------------------- */
header{
	border-bottom: 1px solid #e2b61c;
}

header{
	width: 100%;
	position: fixed;
	top: 0px;
	left: auto;
	z-index: 10000;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}

header.left-margin{
	left: 255px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}

.header-copy{
	padding: 4px 0px;
	text-align: center;
	color: #fff;
	background-color: #000;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}

.header-copy.transition{
}

.header-copy p{
	font-size:12px;
	margin: 0px;
	color: #fff;
}

.header-top{
	width: 100%;
	padding: 4px;
	background-color: #f5c520;
}

.header-center{
	padding: 14px;
}

.header-center .logo-title{
	text-align: center;
}

.header-center .logo-title img{
	height: 80px;
	display: inline;
}

.header-top-search-pc{
	height: 66px;
	position: relative;
	display: none;	
}

.header-top-search-pc .search-wrap{
	top: 50%;
	left: 0px;
	margin-top: -18px;
	position: absolute;	
}

.search-input{
	position: relative;
}

.search-input{
	width:200px;
	padding:3px 12px;
	background-color:#fff;
	border:1px solid #ddd;
	position: absolute;
}

.search-input input{
	width:106px;
	height:28px;
	font-size: 11px;
	line-height:30px;
	background:none;
	border:none;
}

.search-input .search-button{
	position: absolute;
	top:0px;
	right:0px;
	width:66px;
}

.search-input button{
	display:block;
	height:34px;
	font-size: 11px;
	color:#888;
	line-height:32px;
	text-align:center;
	width: 100%;
	border-left:1px solid #ddd;
}

.search-input button:hover {
	background-color: rgba(0,0,0,0.15);
	color:#222;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

input:focus, textarea:focus, keygen:focus, select:focus {
    outline-offset: -0px;
}

.header-top-enter{
	height: 66px;
	float: right;
	position: relative;
	display: none;
}

.header-top-enter:before{
	clear: both;
	display: block;
	content:" ";
	height: 0px;
}
.header-top-enter:after{
	clear: both;
	display: block;
	content:" ";
	height: 0px;
}

.header-top-enter ul{
	position: absolute;
	top:50%;
	right: 0px;
	margin-top: -14px;
}

.header-top-enter ul li{
	text-align: center;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	color: #fff;
}

.header-top-enter ul li button{
	width:90px;
	text-align: center;
	padding: 4px 4px;
	color:#fff;
}

.header-top-enter ul li button.login{
	background-color:#cc2944;
}

.header-top-enter ul li button.register{
	background-color:#cf8748;
}

.header-top-enter ul li button.register:hover,
.header-top-enter ul li button.login:hover{
	opacity: 0.75;
}

.header-top-enter ul li .setting{
	width:28px;
	display: inline-block;
	color: #222;
	font-size: 18px;
}

.header-top-enter ul li button.setting{
	padding: 0px;
}

.header-top-enter ul li:last-child{
}

.header-bottom{
	background-color: #ffe893;
}
.header-bottom nav ul{
	margin:0px;
	text-align: center;
}
.header-bottom nav ul li{
	display: inline-block;
	margin: 0px;
	padding: 11px 7px;
}
.header-bottom nav ul li.active{
	background-color: #a51c30;
}

.header-bottom nav ul li.active a{
	color: #fff;
}

.category-menu{
	padding: 36px;
}

a.menu span{
	width: 21px;
	height: 2px;
	top:50%;
	position: relative;
	background-color: #222; 
	display: block;
}
a.menu span:after{
	width: 21px;
	height: 2px;
	position:absolute;
	top:-6px;
	content: " ";
	background-color: #222; 
	display: block;
}
a.menu span:before{
	width: 21px;
	height: 2px;
	position:absolute;
	bottom:-6px;
	content: " ";
	background-color: #222; 
	display: block;
}

nav ul li a{
	font-size: 12px;
	font-weight: 400;
	color: #000;
	font-size: 12px;
	margin: 0px;
}

nav ul li a:hover{
	color: #a51c30;
}

.slidebar{
	display: none;
}

.sp-menu,
#sp-search,
#sp-search-form{
	display: none;
}
/* -------------------------- header end---------------------------- */












/* -------------------------- page ---------------------------- */

#other-view{
	background-color: #fff;
	padding: 60px 0px;
	color: #000;
}

#other-view #twitter{
	border: 1px solid #eee;
}

#other-view ul{
	list-style: none;
}

#other-view ul li{
	color: rgba(0,0,0,1);
	padding-bottom: 7px;
}

#other-view ul li a{
	color: #000;
}

#other-view .category-list{
	border-right: 1px solid #888888;
}

#other-view .category-list ul li{
	padding: 7px 14px 7px 14px;
}

#other-view .category-list ul li.active{
	color: #000;
	background-color:#f5c520;
}

#other-view .pick-content-right .other-content-title{
	position: relative;
	margin-bottom: 14px;
}

#other-view .other-content-title .other-content-data{
	margin-top: 15px;
	position: absolute;
	top:0px;
	right: 7px;
	color: rgba(0,0,0,1);
}

#other-view .other-contents{
	padding-left: 28px; 
}

#other-view .other-contents p{
	color: #888;
}

#other-view .other-contents .other-content{
	border-bottom: 1px solid #f5f5f5;
}

#other-view .content-img{
	position: relative;
	padding: 14px 0px 14px 0px;
}

#other-view .other-content-title{
	border-bottom: 1px solid #888;
}

#other-view .other-content-title h3,
#other-view .other-content-list-title h3{
	font-size: 28px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-weight: 600;
	letter-spacing: 0px;
	position: relative;
}

#other-view .content-text{
	padding: 12px 0px 7px 14px;
}

#other-view .content-text-sub{
	padding: 0px 14px;
	text-align: left;
	color: #888;
	border-top: 0px solid #cccccc;
    float: left;
}

footer{
	padding: 28px 7px;
	color: #fff;
	background-color: #f5c520;
}

footer .logo-title img{
	height: 80px;
	display: inline;
}

footer img{
}
	
footer a{
	color:#000;
	text-decoration: none;
}

footer a:hover{
	text-decoration: underline;
}

.footer-category h4,
.footer-about h4{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

footer ul{
	margin: 0px;
}

footer ul li{
	list-style: none;
}

.footer-category{
	padding-left: 60px;
}

.footer-category-title{
	padding-bottom: 4px;
}

.footer-category-title h4{
	color: rgba(0,0,0,0.25);
}

.footer-about{
	padding-left: 28px;
}

.footer-about-title{
	margin-bottom: 4px;
}

.footer-about-title h4{
	color: rgba(0,0,0,0.25);
}

.copy-write{
	background-color: #f5c520;
	text-align: center;
	padding:14px;
}
.copy-write p{
	color: #000;
}

.visible-xs{
	display: none;
}
/* -------------------------- page end---------------------------- */



/* -------------------------- wordpress post ---------------------------- */

#single-view-main .content-section h2{
	font-weight: 600;
	margin-top: 48px;
	margin-bottom: 28px;
}

#single-view-main .content-section h3{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 28px;
	padding-left: 28px;
	color: #000;
	position: relative;
}

#single-view-main .content-section p{
	margin-bottom: 28px;
}

#single-view-main .content-section p.caption{
	margin-bottom: 0px;
}

#single-view-main .content-section h3:before{
	content: "";
	width: 21px;
	height: 2px;
	background-color: #000;
	position: absolute;
	left: 0px;
	top: 11px;
}


#single-view-main .content-photo-gallery{
	
}

#single-view-main .content-photo-gallery:after{
	clear: both;
	display: block;
	content: "";
}

#single-view-main .content-photo-gallery .image-link{
	width: 25%;
    display: block;
	float: left;
	overflow: hidden;
}

#single-view-main .content-photo-gallery .image-link:hover{
	opacity: 0.5;
}

#single-view-main .content-photo-gallery .image-link img{
	margin-bottom: 0px;
}

#single-view-main .content-photo-gallery .content-photo-gallery-text{
	margin-top: 28px;
    margin-bottom: 14px;
    padding-top: 28px;
    border-top: 1px solid #eccace;
}

/* -------------------------- wordpress post end---------------------------- */
#sp-slidebar{
	display: none;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
}

#sp-slidebar.visible{
	width: 100%;
	height: 2000px;
	display: block;
	position: fixed;
	background-color: #fff;
	z-index: 10000;
}

.end-copy{
	padding-top:120px;
	color: #fff;
}