@charset "utf-8";



/* ===========================================================

   コンテンツ (article)

=========================================================== */

/* 最新の記事を見る（選択解除）
------------------------------------------------------------*/
article h2 + a{
display:none;
/*
display:block;
margin:-50px 0 0 0;
padding:6px 10px 4px 10px;
font-size:0.75rem;
color:#fff;
text-align:center;
border:none;
border-radius:100px;
background:#789;
float:right;
*/
}
article h2 + a:hover{
background:#abc;
}
article h2 + a:before{
content:"\f0c1";
padding-right:7px;
}



/* 続きを見る
------------------------------------------------------------*/
article > a:last-child{
display:block;
width:100%;
margin:70px 0 70px 0;
padding:13px 0 10px 0;
color:#fff;
font-size:1rem;
text-align:center;
border-radius:5px;
background:#005cca;
}
article > a:last-child:hover{
opacity:0.5;
}
article > a:last-child:after{
content:"\f103";
padding:0 0 0 10px;
font-size:1.5rem;
vertical-align:-3px;
}


/* section
------------------------------------------------------------*/
section{
margin:30px 0 0 0;
padding:30px 10px 0 10px;
border-top:1px #ccc solid;
overflow:hidden;
}
section:nth-of-type(1){
margin:0;
}
section h3{
margin:0 0 20px 0;
}
section h3 a{
color:#468;
font-weight:normal;
font-size:1.5rem;
}
section h3 a:after{
content:"\f0a9";
padding:0 0 0 7px;
font-size:1.5rem;
}
section h3 a:hover,
section > a:hover img{
opacity:0.5;
transition:all 0.2s;
}
section img{
display:block;
width:200px;
margin:0 0 20px 30px;
float:right;
transition:all 0.2s;
}
section img.full{
width:100%;
margin:0 0 20px 0;
}
section p{
font-size:0.875rem;
line-height:1.5;
}



section aside ul{
	margin:0;
	padding:0 0 1rem 1.5rem;
	font-size:0.875rem;
	list-style:none;
}
section aside ul:before{
	content:"\f02c";
	margin:0 0 0 -1.50rem;
	padding:0 0.25rem 0 0;
	color: #468;
	vertical-align:-1px;
}
section aside ul li{
	display: inline-block;
	margin:0 0 0.25rem 0;
	padding:0;
	font-size:0.75rem;
}
section aside ul li:after{
	content: ",";
	padding:0 3px 0 7px;
}
section aside ul li:last-child:after{
	content: normal;
}
section aside ul li a{
	display: inline-block;
	margin:0;
	padding:0;
}




section time{
display:block;
color:#777;
font-size:0.75rem;
text-indent:-0.4rem;
}
section time:before{
content:"［";
}
section time:after{
content:"］";
}



/* ===========================================================

   スマートフォン

=========================================================== */
@media screen and (max-width: 480px){


/* 共通
------------------------------------------------------------*/
body{
width:auto;
margin:0;
position:relative;
}



/* コンテンツ (article)
------------------------------------------------------------*/
article{
width:auto;
margin:110px 10px 50px 10px;
float:none;
}

p.no_contents{
padding:100px 0 0 0;
}


/* ページトップ
------------------------------------------------------------*/
a#pagetop{
display:block;
width:30px;
height:14px;
margin:0 auto 10px auto;
padding:0 0 20px 0;
font-size:2rem;
float:none;
bottom:10px !important;
opacity:0.7;
}
a#pagetop:hover{
cursor:pointer;
opacity:1;
}

/* footer
------------------------------------------------------------*/
footer{
padding:10px 10px 0 10px;
border-top:2px #005cca solid;
text-align:center;
}
footer div{
margin:10px 0;
text-align:center;
float:none;
}
footer ul{
margin:10px 0;
padding:0;
float:none;
}
footer ul li{
padding:5px 0;
font-size:75%;
float:none;
}
footer ul li:before{
content:normal;
padding:0;
}
footer ul + p{
margin:20px auto;
padding:0;
float:none;
clear:both;
}
footer ul + p a{
display:inline-block;
float:none;
}
footer ul + p a[href^="/about/"]{
display:block;
margin:0 auto 10px auto;
}
footer ul + p a[href^="https://twitter"]{
margin-right:10px;
}
footer ul + p a[href^="https://www.youtube"]{
margin-right:0;
}
footer p.copyright{
width:100%;
margin:0;
padding:0 0 10px 0;
font-size:69%;
text-align:left;
}


/* ===========================================================

   top

=========================================================== */

/* 最新の記事を見る（選択解除）
------------------------------------------------------------*/
article h2 + a{
display:none;
}


/* section
------------------------------------------------------------*/
section img{
width:40%;
margin:0 0 10px 10px;
float:right;
}
section img.full_sp{
width:100%;
margin:0 0 20px 0;
}
section p{
font-size:0.875rem;
}
section time{
display:block;
color:#777;
font-size:0.75rem;
text-indent:-0.4rem;
}
section time:before{
content:"［";
}
section time:after{
content:"］";
}


}