/* 全体
----------------------------------------*/

/*@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);*/
@font-face {
    font-family: 'ipa';
    src: url('IPAexfont00301/ipaexm.ttf') format('opentype');
}

html{
	height:100%;
}

body{
	font-size:1em;
	height:100%;
	line-height:1.5;
	letter-spacing:0.07em;
	font-family: "Zen Maru Gothic", sans-serif;
	color:#5b5b5b;
	background-color:#eceaeb;
	position:relative;
	overflow-x:hidden;
}

.zen-kaku_reg {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.zen_maru_reg {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.kaisei_reg {
	font-family: "Kaisei Decol", serif;
	font-weight: 400;
	font-style: normal;
}

.zen_kure_reg {
	font-family: "Zen Kurenaido", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.yu_gothic{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.mincho{
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
}

a{
	transition:0.2s;
	color:#5b5b5b;
	text-decoration:none;
}

a:hover{
	opacity:0.6;
	text-decoration:none;
	color:#5b5b5b;
}

a.pt1{
	transition:0.15s;
	display:inline-block;
	border-style:solid;
	border-width:0 0 2px 0;
	border-color:#c1c1c1;
}

a.pt1:hover{
	border-color:transparent;
	opacity:1;
}

img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.sp_inline{
	display:none;
}

.pc_inline{
	display:inline;
}

.pc_block{
	display:block;
}

.sp_block{
	display:none;
}

label{
	cursor:pointer;
	white-space:nowrap;
}

#to_top{
	cursor:pointer;
	display:none;
	position:fixed;
	right:3em;
	bottom:3em;
	padding:1em;
	width:2em;
}

.bg_cover{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.flex_bet{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	width:100%;
}

/* ヘッダー
----------------------------------------*/

header{
	padding:5.8vh 3vw;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	width:100%;
	box-sizing:border-box;
}

header.out{
	opacity:0;
	position:fixed;
	padding:2em 3em;
}

header.out2{
	transition:opacity 0.3s;
	font-size:0.8em;
}

header.fixed{
	opacity:1;
}

header h1,
header .sight_title{
	font-family: "Kaisei Decol", serif;
	font-weight: 600;
	font-style: normal;
	font-size:180%;
	position:relative;
	margin-left:1.3em;
	float:left;
	z-index:100;
}

header h1 a,
header .sight_title a{
	transition:none;
}

header h1:before,
header .sight_title:before{
	content:"";
	display:block;
	height:1.1em;
	width:1.1em;
	background-image:url("../image/common/logo.svg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:0.2em;
	right:calc(100% + 0.3em);
}

#main_nav{
	display:none;
	margin:-0.3em auto 0 auto;
	position:relative;
	left:-6.6em;
}

header.out2 #main_nav{
	display:table;
}

#main_nav li{
	float:left;
	padding-right:6em;
}

#main_nav li a{
	display:block;
	padding:0.8em 0.8em;
}

#main_nav li a:hover{
	opacity:0.45;
}

#main_nav li:last-child{
	padding-right:0;
}

#main_nav li#nav_column a{
	width:1.3em;
}

#main_nav li#nav_music a{
	width:1.7em;
}

#main_nav li#nav_cooking a{
	width:1.7em;
}

#main_nav li#nav_web a{
	width:2.1em;
}

#main_nav li#nav_book a{
	width:2.1em;
}

/* トップカバー
----------------------------------------*/
.cover{
	width:100%;
	height:100%;
	position:relative;
}

.cover_cont{
	width:100%;
	position:absolute;
	top:16vh;
	height:calc(100% - 16vh);
	left:0;
	z-index:0;
	box-sizing:border-box;
}

.cover_cont .inner{
	height:100%;
}

.cover_cont .inner .left{
	width:25vw;
}

.cover_cont .inner .center{
	width:50vw;
	position:relative;
}

.cover_cont .inner .right{
	width:25vw;
	position:relative;
}

.cover_pic{
	height:65vh;
	background-image:url("../image/top/cover_bg.jpg");
}

.other_page .cover_pic{
	height:41.5vh;
}

.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.cp_arrows {
	position: absolute;
	display: flex;
	height: 80px;
	justify-content: center;
	align-items: center;
	bottom: 3vh;
    left: -1.15em;
    top:auto;
    width:100%;
}

.cp_arrows.sp{
	display:none;
	bottom: 0em;
}

.cp_arrows a{
	display:block;
	position:absolute;
	width:6em;
	height:100%;
	top:0;
	left:50%;
	margin-left:-1.8em;
}

.cp_arrows .cp_arrow {
	position: absolute;
	top: 80%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	opacity: 0;
}

.cp_arrows .cp_arrowfirst {
	-webkit-animation: arrow-move08 2s ease-in-out infinite;
	        animation: arrow-move08 2s ease-in-out infinite;
}

.cp_arrows .cp_arrowsecond {
	-webkit-animation: arrow-move08 2s 1s ease-in-out infinite;
	        animation: arrow-move08 2s 1s ease-in-out infinite;
}

.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 2.5em;
	height: 3px;
	content: '';
	background: rgba(0,0,0,0.15);
}

.cp_arrows .cp_arrow:before {
	-webkit-transform: rotate(30deg) translateX(-39%);
	        transform: rotate(30deg) translateX(-39%);
	-webkit-transform-origin: top left;
	        transform-origin: top left;
}

.cp_arrows .cp_arrow:after {
	-webkit-transform: rotate(-30deg) translateX(39%);
	        transform: rotate(-30deg) translateX(39%);
	-webkit-transform-origin: top right;
	        transform-origin: top right;
}

@-webkit-keyframes arrow-move08 {
	0% {
		top: 20%;
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes arrow-move08 {
	0% {
		top: 20%;
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.top_nav{
	padding-left:4em;
	margin-top:6em;
	/*margin-left:calc(12.5vw - 10em);*/
	margin-left:4.4em;
	position:relative;
	display:table;
	font-size:0.85vw;
}

.top_nav:before,
.top_nav:after{
	content:"";
	display:block;
	position:absolute;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.top_nav:before{
	background-image:url("../image/top/shape1.svg");
	top:-5em;
	left:0.5em;
	width:10em;
	height:3em;
}

.top_nav:after{
	background-image:url("../image/top/shape2.svg");
	bottom:-2em;
	right:-2em;
	width:7em;
	height:2.1em;
}

.top_nav a{
	display:inline-block;
	padding:0.4em 0;
}

.top_nav img,
.slicknav_nav img{
	width:auto;
	display:inline-block;
	position:relative;
}

.top_nav li{
	position:relative;
	margin-bottom:1.6em;
}

.top_nav li:before,
.slicknav_nav a:before{
	content:"";
	display:block;
	width:1.3em;
	height:1.3em;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	top:0.7em;
	right:calc(100% + 1.2em);
}

.slicknav_nav a:before{
	right:calc(100% - 0.7em);
	top:0.8em;
}

.top_nav li#top_nav_column:before,
.slicknav_nav li:nth-of-type(1) a:before{
	background-image:url("../image/common/icons/column_wh.svg");
}

.top_nav li#top_nav_music:before,
.slicknav_nav li:nth-of-type(2) a:before{
	background-image:url("../image/common/icons/music_wh.svg");
}

.top_nav li#top_nav_cooking:before,
.slicknav_nav li:nth-of-type(3) a:before{
	background-image:url("../image/common/icons/cooking_wh.svg");
}

.top_nav li#top_nav_web:before,
.slicknav_nav li:nth-of-type(4) a:before{
	background-image:url("../image/common/icons/web_wh.svg");
}

.top_nav li#top_nav_books:before,
.slicknav_nav li:nth-of-type(5) a:before{
	background-image:url("../image/common/icons/books_wh.svg");
}

.top_nav li#top_nav_mail:before,
.slicknav_nav li:nth-of-type(6) a:before{
	background-image:url("../image/common/icons/mail_wh.svg");
}

.top_nav .icon{
	width:1em;
}

.top_nav .text_en,
.slicknav_nav .text_en{
	height:1em;
}

.top_nav .text_jp,
.slicknav_nav .text_jp{
	height:0.85em;
}

.top_nav .text_jp,
.slicknav_nav .text_jp{
	margin-left:2em;
}

.top_nav #top_nav_column .text_jp,
.slicknav_nav li:nth-of-type(1) .text_jp{
	margin-left:2em;
}

.top_nav #top_nav_music .text_jp,
.slicknav_nav li:nth-of-type(2) .text_jp{
	margin-left:1.3em;
	height:0.8em;
}

.top_nav #top_nav_cooking .text_jp,
.slicknav_nav li:nth-of-type(3) .text_jp{
	margin-left:1.3em;
	height:0.9em;
}

.top_nav #top_nav_cooking .text_en,
.slicknav_nav li:nth-of-type(3) .text_en{
	height:1.4em;
	bottom:-0.4em;
}

.top_nav #top_nav_web .text_jp,
.slicknav_nav li:nth-of-type(4) .text_jp{
	margin-left:1.5em;
}

.top_nav #top_nav_books .text_jp,
.slicknav_nav li:nth-of-type(5) .text_jp{
	margin-left:2.5em;
	height:0.8em;
}

.top_nav #top_nav_mail .text_jp,
.slicknav_nav li:nth-of-type(6) .text_jp{
	margin-left:1.5em;
	height:0.75em;
}

.ranking{
	width:25vw;
	position:absolute;
	top:16vh;
	right:0;
	font-size:0.84vw;
}

.ranking h2{
	font-weight:bold;
	font-size:160%;
	text-align:center;
	letter-spacing:0.3em;
}

.ranking h2.web{
	letter-spacing:0.2em;
}

.ranking h2.column{
	letter-spacing:0.25em;
}

.ranking .decoration{
	text-align:center;
}

.ranking .decoration img{
	display:inline-block;
}

.ranking .decoration .logo{
	max-width:1.7em;
	margin-bottom:0.8em;
}

.ranking .decoration .text{
	height:0.95em;
	margin-bottom:0.5em;
}

.ranking ul{
	max-width:17em;
	margin:4.5em auto 0 auto;
}

.ranking ul:before,
.ranking ul:after{
	content:"";
	display:block;
	background-color:#d3d3d3;
	position:absolute;
}

.ranking ul:before{
	width:120%;
	height:1px;
	top:-3em;
	left:-4em;
}

.ranking ul:after{
	width:1px;
	height:50vh;
	top:-4.7em;
	left:-2.3em;
}

.ranking li{
	margin-top:4em;
}

.ranking li:first-child{
	margin-top:0;
}

.ranking .number{
	max-width:3em;
	display:block;
	margin:0 auto;
}

.thumb_img{
	margin:1em 0 0.8em 0;
}

.thumb_img:before{
	content:"";
	display:block;
	padding-top:50%;
}

.ranking .title,
.ranking ul{
	position:relative;
	right:-1em;
}

.sp_cover{
	display:none;
	height:calc(100% - 9em);
	background-image:url("../image/top/cover_bg.jpg");
	position:relative;
}

.sp_cover:before,
.sp_cover:after{
	content:"";
	display:block;
	position:absolute;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}

.sp_cover:before{
	width:40vw;
	height:12vw;
	top:-2vw;
	left:-4vw;
	background-image:url("../image/top/shape1.svg");
}

.sp_cover:after{
	width:30vw;
	height:9vw;
	bottom:-2vw;
	right:-4vw;
	background-image:url("../image/top/shape2.svg");
}

.to_about_top{
	font-size: 0.85vw;
}

.to_about_top.sp{
	font-size: 115%;
	display:none;
	margin:0 auto 3em auto;
	position:relative;
	left:0;
	border-style:solid;
	border-width:0.8em;
	border-color:#f6f5f5;
	border-radius:0.5em;
	padding:0.8em 2em 0.8em 5em;
}

.to_about_top.sp a.pt1{
	margin:0;
}

.to_about_top a.pt1{
	border-width:0 0 2px 0;
	position:relative;
	margin:6em 0 0 9.5em;
	font-weight:500;
}

.to_about_top a.pt1:before{
	content:"";
	display:block;
	width:3em;
	height:2em;
	position:absolute;
	top:0.1em;
	right:calc(100% + 0.3em);
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../image/common/hand.svg");
}

/* メインコンテンツ
----------------------------------------*/

#main_contents{
	padding:6em 0 0 0;
}

.article{
	max-width:42em;
	margin:0 auto;
	box-sizing:border-box;
}

.article .title{
	position:relative;
	padding:0.5em 0 1.15em 1.15em;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items:center;
	min-height:7.5em;
	box-sizing:border-box;
}

.article .title:before{
	content:"";
	display:block;
	height:1px;
	width:calc(100% - 2em);
	background-color:#d3d3d3;
	position:absolute;
	right:0;
	bottom:0;
}

.article .date{
	position:absolute;
	top:0;
	right:100%;
	height:100%;
	border-style:solid;
	border-width:0 1px 1px 0;
	border-color:#d3d3d3;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items:center;
}

.article .date .inner{
	position:relative;
	width:9em;
	height:8.3em;
}

.article .date .day,
.article .date .month{
	font-size:250%;
	font-weight:300;
	color:#878787;
	letter-spacing:0.2em;
	position:absolute;
}

.article .date .day{
	bottom:0.25em;
	right:0.85em;
}

.article .date .day.pt2{
	bottom:0.25em;
	right:0.35em;
}

.article .date .month{
	bottom:1.5em;
	right:1.8em;
	display:inline-block;
}

.article .date .year{
	color:#878787;
	font-size:45%;
	letter-spacing:0.2em;
	position:absolute;
	top:-0.8em;
	left:50%;
	margin-left:-1.4em;

}

.article .date .bar{
	background-color:#d3d3d3;
	height:8em;
	width:1px;
	position:absolute;
	right:4.2em;
	bottom:0.1em;
	transform:rotate(45deg);
}

.article .title h2,
.article .title .article_title{
	font-weight:500;
	font-size:167%;
	letter-spacing:0.19em;
}

.article .img{
	margin-bottom:1.3em;
}

.article .img:before{
	content:"";
	display:block;
	padding-top:63%;
}

.article .category{
	padding:0.5em 0;
}

.article .category a{
	display:block;
	max-width:1.8em;
	margin:0 auto;
}

.article .category a:hover{
	opacity:0.5;
}

.article .cont_body .intro{
	border-style:solid;
	border-width:1px 0 0 1px;
	border-color:#d3d3d3;
	padding:1.7em 0.5em 0 1.7em;
}

.article strong{
	font-weight:500;
	font-size:110%;
}

.article img{
	display:block;
	width:auto;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

.continue{
	padding:2.5em 0 2em 0;
}

.continue .inner{
	max-width:4em;
	margin:0 auto;
}

.continue .inner p{
	font-size:80%;
	font-weight:500;
	letter-spacing:0;
	padding-top:0.3em;
	white-space:nowrap;
}

.continue .wave_line{
	display:block;
	max-width:13em;
	margin:7em auto;
}
.page_nation{
	display:table;
	margin:0 auto;
	font-size:90%;
}

.page_nation li,
.page_nation a,
.page_nation span{
	float:left;
	margin-right:0.4em;
	margin-left:0.4em;
}

.page_nation a:hover{
	opacity:1;
	box-shadow:none;
	bottom:-1px;
	transition:0.1s;
}

.page_nation .dots{
	box-shadow:none;
}

.page_nation a,
.page_nation span{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items:center;
	justify-content: center;
	width:2.5em;
	height:2.5em;
	background-color:#ffffff;
	color:#bbbbbb;
	border-radius:20% 20%;
	box-shadow: 0px 0px 15px -9px #8c8c8c;
	position:relative;
}

.page_nation .current{
	background-color:#e3e3e3;
	border-style:solid;
	border-width:2px;
	border-color:#ffffff;
	box-sizing:border-box;
	color:#ffffff;
	font-weight:bold;
	box-shadow:none;
	bottom:-2px;
}

.page_nation .prev,
.page_nation .next{
	box-sizing:border-box;
	padding-bottom:0.3em;
}

.wp-block-image{
	padding:1.5em 0 2.5em 0;
	margin: 0 0.5em 0 1em;
}

.wp-block-image + .wp-block-image {
    padding-top:0.8em;
}

.wp-block-image .wp-element-caption{
	text-align:center;
	font-weight:500;
	font-size:90%;
	padding-top:0.4em;
}

/* カテゴリページ
----------------------------------------*/

.other_page .category_title{
	position:relative;
	height:22vh;
	top:-3em;
	max-height:13em;
}

.other_page .category_title img{
	display:block;
	margin:0 auto;
}

.other_page .category_title img.icon{
	height:44.5%;
}

.other_page .category_title .spacer1{
	height:13.14%;
}

.other_page .category_title .spacer2{
	height:8.76%;
}

.other_page .category_title img.text_jp{
	height:24%;
}

.other_page .category_title img.text_en{
	height:9.6%;
}

.category_title_wrap{
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items:center;
	justify-content: center;
}

.other_page.column .cover_pic {
    background-image: url("../image/category/column_bg.jpg");
}

.other_page.music .cover_pic {
    background-image: url("../image/category/music_bg.jpg");
}

.other_page.cooking .cover_pic {
    background-image: url("../image/category/cooking_bg.jpg");
}

.other_page.web .cover_pic {
    background-image: url("../image/category/web_bg.jpg");
}

.other_page.books .cover_pic {
    background-image: url("../image/category/books_bg.jpg");
}

/* シングル
----------------------------------------*/
.single_page .cover{
	height:auto;
}

.single_page .article{
	margin-top:3em;
}

.single_page #main_nav{
	display:table;

}

.single_page header.single_fixed{
	font-size:0.8em;
	padding:2em 3em;
	opacity:0;
}

.single_page header.single_fixed2{
	position:fixed;
	transition:opacity 0.3s;
}

.single_page header.single_fixed3{
	opacity:1;
}

.article .cont_body h2{
	font-size:160%;
	font-weight:500;
	letter-spacing:0.1em;
	border-style:solid;
	border-width:0 0 0.4em 0;
	border-color:#ffffff;
	display:table;
	position:relative;
	left:-0.8em;
	margin:5em 0;
	line-height:1.6;
	padding-bottom:0.2em;
}

.article .cont_body h3{
	font-size:140%;
	font-weight:500;
	border-width:0.2em;
	border-color:#ffffff;
	border-style:solid;
	margin:4em 2em;
	box-sizing:border-box;
	padding:1em;
}

.article .cont_body h4{
	font-size:120%;
	font-weight:500;
	border-width:0 0 0.2em 0;
	border-color:#ffffff;
	border-style:solid;
	display:table;
	margin:3em 0 2em 0;
}

.article .cont_body p{
	font-weight:300;
	font-size:105%;
	line-height:1.9;
	margin-bottom:1.5em;
	color:#444444;
	padding-left:1em;
	padding-right:0.5em;
}

.article .cont_body .intro p{
	padding-left:0.5em;
}

.single_page .cover .top_nav{
	display:none;
}

.single_page .slicknav_btn{
	opacity:1;
}

.single_page .slicknav_btn{
	margin:1.2em 1.4em 0 0;
	transition:none;
}

.single_fixed .slicknav_btn{
	margin:0.8em 1em 0 0;
}

.p_or_n{
	max-width:60em;
	margin:0 auto;
	border-style:solid;
	border-width:0.4em 0;
	border-color:#ffffff;
	padding:0.6em 0;
}

.p_or_n .next{
	float:right;
	width:47%;
}

.p_or_n .prev{
	float:left;
	width:47%;
}

.p_or_n .next a,
.p_or_n .prev a{
	display:block;
	width:100%;
}

.p_or_n span{
	display:block;
}

.p_or_n .next span{
	float:right;
}

.p_or_n .prev span{
	float:left;
}

.p_or_n .arrow{
	width:4em;
	text-align:center;
	position:relative;
}

.p_or_n .arrow_cont{
	position:relative;
	top:-0.12em;
}

.p_or_n .title{
	max-width:calc(100% - 4em);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.article .cont_body .box1{
	border-color:#cdccca;
	border-style:solid;
	border-width:0.25em;
	border-radius:0 5px 5px 5px;
	position:relative;
	padding:0.6em 1em;
	margin-left:1em;
	margin-top:3.5em;
	margin-right:0.5em;
}

.article .cont_body .intro .box1{
	margin-left:0.45em;
	margin-right:1em;
}

.article .cont_body .box1 > span{
	position:absolute;
	left:-0.25em;
	padding:0.1em 1.7em;
	bottom:100%;
	background-color:#cdccca;
	border-radius:5px 5px 0 0;
	font-weight:500;
	color:#ffffff;
}

.article .cont_body .box1 > span > span{
	font-size:90%;
}

.article .cont_body a{
	text-decoration:underline;
	text-decoration-color:#cccccc;
	text-underline-offset:2px;
	transition:none;
}

.article .cont_body a:hover{
	text-decoration:none;
	opacity:1;
}

/* Not found
----------------------------------------*/
.not_found_cont .not_title,
.not_found_cont .not_text{
	text-align:center;
}

.not_found_cont .not_title{
	font-size:300%;
	border-style:solid;
	border-color:#ffffff;
	border-width:0 0 0.3em 0;
	max-width:15em;
	margin:0 auto;
	font-weight:500;
}

.not_found_cont .not_text{
	margin:4em 0 4em 0;
}

.not_found .cover{
	height:auto;
}

.not_found .cover_cont{
	position:relative;
	height:auto;
}

.not_found .cover_cont .inner{
	height:auto;
}

@media screen and (min-width:960px){
	
	.not_found .ranking .title,
	.not_found .ranking ul{
		right:0;
	}
	
	.not_found .ranking {
		width: 100%;
		position: static;
		top: auto;
		right: auto;
		max-width: 42em;
		margin:0 auto;
		font-size:1em;
	}
	
	.not_found .ranking ul:before,
	.not_found .ranking ul:after{
		content:none;
		display:none;
	}
	
	.not_found .ranking ul{
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top:2em;
		max-width:100%;
	}
	
	.not_found .ranking li{
		width:48%;
		margin-top:2em;
	}
	
	.not_found .ranking li:first-child{
		margin-top:2em;
	}
	
	.not_found .ranking li:last-child{
		margin-left:auto;
		margin-right:auto;
	}
	
	.not_found .ranking .number{
		width:auto;
		max-width:100%;
		height:3em;
	}
	
	.not_found .ranking ul p {
		font-size: 100%;
	}
	
}

/* 固定ページ（about）
----------------------------------------*/
.fixed_page .article .date{
	display:none;
}

.fixed_page .article .title{
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#d3d3d3;
}

.fixed_page .article .title:before{
	content:none;
}

.fixed_page .article .title:after{
	content:none !important;
}
/* フッター
----------------------------------------*/

footer{
	border-style:solid;
	border-width:4em 0 0 0;
	border-color:#cdccca;
	margin-top:8em;
}

footer .inner{
	padding:4em 0 3.5em 0;
}

footer small{
	color:#ffffff;
	background-color:#cdccca;
	text-align:center;
	padding:2em 0;
	display:block;
}

footer .top_nav:before,
footer .top_nav:after{
	content:none;
	display:none;
}

footer .top_nav{
	margin:0 auto;
	position:relative;
	left:-0.7em;
	font-size:100%;
}

footer .top_nav li{
	margin-bottom:0.8em;
}

footer .logo{
	max-width:4em;
	margin:0 auto 2.5em auto;
	display:block;
}