@charset "utf-8";

/*==================================================
	Base Layout
	Header Area
	Global Navigation
	Main Visual
	Contents Area
	Main Area
	Aside Area
	Footer Area
==================================================*/

img{
	max-width: 100%;
	height: auto;
}

/*--------------------------------------------------
	Base Layout
--------------------------------------------------*/
body{
word-break: break-all;
padding-bottom:150px;
-webkit-text-size-adjust: 100%;
}

div#container{
width:960px;
margin:0px auto;
}


/*--------------------------------------------------
	Header Area
--------------------------------------------------*/

div#header_logo{
width:250px;
height:auto;
margin:30px auto;
}

div#header_logo h1{
margin:0px;
}

div#header_logo h1 img{
width:100%;
height:auto;
}


/*--------------------------------------------------
	Global Navigation
--------------------------------------------------*/

div#header_navi{
width:100%;
border-bottom:1px solid #999;
border-top:1px solid #999;
padding:20px 0px 15px;
margin-bottom:40px;
}

div#glonavi{
margin:0px auto;
position:relative;
width:960px;
}

div#glonavi ul.navi{
margin-bottom:0px;
padding-left:150px;
height:27px;
}

div#glonavi ul.navi li{
float:left;
padding:0px 15px;
font-size:120%;
letter-spacing:0.1em;
}

div#glonavi ul.navi li a{
font-weight:bold;
color:#000;
}

div#glonavi ul.navi li a:hover{
text-decoration:none;
}

div#glonavi ul.navi li:hover{
border-bottom:1px solid #999;
}

div#header_sns{
position:absolute;
right:0px;
top:-8px;
}

div#header_sns ul li{
float:left;
padding:0px;
}

div#header_sns ul li img{
width:80%;
}



/*--------------------------------------------------
	POST01
--------------------------------------------------*/
div#post01{
width:960px;
margin:0px auto 40px auto;
}

div.post01_thum{
float:left;
width:660px;
}

div.post01_thum p{
margin-bottom:0px;
}

div.post01_thum p img{
width:100%;
height:auto;
}


div.post01_text{
width:280px;
float:right;
}

div.post01_text p.cat{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.3em;
border-bottom:1px solid  #999;
width:100%;
padding-bottom:5px;
margin-bottom:30px;
font-size:90%;
position: relative;
}
div.post01_text p.cat .tag{
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 60%;
	letter-spacing: -0.02em;
	display: inline-block;
	padding: 1px 5px;
	background: #F3F3F3;
	color: #333;
}

div.post01_text h2{
font-size:140%;
text-align:center;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:30px;
}

div.post01_text h2 a{
color:#000;
}

div.post01_text div.exp p{
font-size:100%;
text-align:center;
letter-spacing:0.1em;
line-height:1.3em;
margin-bottom:30px;
color:#333;
}

div.post01_text p.date{
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
font-size:80%;
letter-spacing:0.1em;
}

div.post01_text span.readmore{
display:none;
}


/*--------------------------------------------------
	POST02
--------------------------------------------------*/

p.rp{
text-align:center;
margin-bottom:20px;
}

p.rp img{
height:auto;
width:200px;
}

div#post02{
margin-bottom:30px;
}

div.post02_box{
width:465px;
float:left;
}

div.post02_box:first-child{
margin-right:30px;
}

div.post02_thum p{
margin-bottom:0px;
}

div.post02_thum p img{
width:100%;
height:auto;
}

div.post02_text p.cat{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.3em;
border-bottom:1px solid #999;
width:100%;
padding:10px 0px;
margin-bottom:20px;
font-size:80%;
position: relative;
}
div.post02_text p.cat .tag{
	position: absolute;
	right: 0px;
	top: 10px;
	font-size: 60%;
	letter-spacing: -0.02em;
	display: inline-block;
	padding: 1px 5px;
	background: #F3F3F3;
	color: #333;
}
div.post02_text h2{
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:15px;
font-size:110%;
position:relative;
}

div.post02_text h2 a{
color:#000;
}


div.post02_text h2 span.date{
font-family: 'Roboto Condensed', sans-serif;
font-size:70%;
letter-spacing:0.1em;
margin-bottom:0px;
position:absolute;
right:0px;
font-weight: normal !important;
}

div.post02_text div.exp p{
letter-spacing:0.1em;
line-height:1.3em;
color:#333;
font-size:70%;
margin-bottom:0px;
}

div.post02_text div.exp span.readmore a img{
padding:3px 0px 0px 5px;
}

	

/*--------------------------------------------------
	post_ad
--------------------------------------------------*/

div#post_ad{
margin-bottom:30px;
}

div#post_ad p{
margin-bottom:0px;
}

div#post_ad p img{
width:100%;
height:auto;
}


/*--------------------------------------------------
	POST03
--------------------------------------------------*/

div#post03{
width:630px;
float:left;
}


div.post03_box{
margin-bottom:30px;
}

div.post03_thum{
width:240px;
margin-right:20px;
float:left;
}

div.post03_thum p{
margin-bottom:0px;
}

div.post03_thum p img{
width:100%;
height:auto;
}

div.post03_text{
float:left;
width:370px;
}


div.post03_text p.cat{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.3em;
border-bottom:1px solid  #999;
width:100%;
padding:0px 0px 10px 0px;
margin-bottom:20px;
font-size:80%;
	position: relative;
}
div.post03_text p.cat .tag{
	position: absolute;
	right: 0px;
	top: 3px;
	font-size: 60%;
	letter-spacing: -0.02em;
	display: inline-block;
	padding: 1px 5px;
	background: #F3F3F3;
	color: #333;
}

div.post03_text h2{
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:15px;
font-size:110%;
}

div.post03_text h2 a{
color:#000;
}


div.post03_text p.date{
font-family: 'Roboto Condensed', sans-serif;
font-size:70%;
letter-spacing:0.1em;
margin-bottom:0px;
}

div.post03_text div.exp p{
letter-spacing:0.1em;
line-height:1.3em;
margin-bottom:15px;
color:#333;
font-size:70%;
}

div.post03_text div.exp span.readmore a img{
padding:3px 0px 0px 5px;
}

/* read more*/

span.rm{
padding-left:10px;
}

span.rm img{
padding-top:5px;
width:60px;
height:auto;
}

/*--------------------------------------------------
	SINGLE
--------------------------------------------------*/

div.movie{
margin-bottom:15px;
}

div.share{
padding-bottom:20px;
border-bottom:1px solid #999;
margin-bottom:30px;
}

div.share p{
float:right;
margin-bottom:0px;
margin-left:10px;
}

div.share p img{
width:100px;
height:auto;
}

div.related{
margin-bottom:50px;
}

div.related p.text_related{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.3em;
margin-bottom:20px;
font-size:120%;
}

div.box_related{
float:left;
width:225px;
margin-right:20px;
}

div.box_related:last-child{
margin-right:0px;
}

div.box_related p.thum{
margin-bottom:5px;
}

div.box_related p.thum img{
width:100%;
height:auto;
}

div.box_related p.txt{
font-size:75%;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:0px;
}

div.box_related p.txt a{
color:#000;
}

div.content{
padding-bottom:50px;
margin-bottom:30px;
border-bottom:1px solid #999;
}

div.content h2{
font-size:180%;
letter-spacing:0.2em;
font-weight:bold !important;
margin-bottom:5px;
}

div.content p.date{
font-family: 'Roboto Condensed', sans-serif;
font-size:80%;
letter-spacing:0.1em;
margin-bottom:20px;
}

div.content p{
font-size:80%;
}

div.content p a{
color:#666;
text-decoration:underline;
}

div.pickup{
}

div.pickup h3{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.3em;
margin-bottom:20px;
font-size:120%;
}

div.pickup_left{
float:left;
width:465px;
margin-right:30px;
}

div.pickup_left p.thum{
margin-bottom:5px;
}

div.pickup_left p.thum img{
width:100%;
height:auto;
}

div.pickup_left p.txt{
font-size:80%;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:0px;
}

div.pickup_left p.txt a{
color:#000;
}

div.pickup_right{
float:right;
width:465px;
}

div.pickup_box{
width:217px;
}

div.pickup_box p.thum{
margin-bottom:5px;
}

div.pickup_box p.thum img{
width:100%;
height:auto;
}

div.pickup_box p.txt{
font-size:75%;
font-weight:bold;
letter-spacing:0.1em;
margin-bottom:5px;
}

div.pickup_box p.txt a{
color:#000;
}

div.pickup_box:nth-child(2n-1){
float:left;
}

div.pickup_box:nth-child(2n){
float:right;
}

/*--------------------------------------------------
	PAGE
--------------------------------------------------*/

p.cat_title{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.3em;
border-bottom:1px solid  #999;
width:100%;
padding:0px 0px 10px 0px;
margin-bottom:20px;
font-size:80%;
}


/*--------------------------------------------------
	PAGE
--------------------------------------------------*/

div.post_page h2{
letter-spacing:0.2em;
border-bottom:1px solid  #999;
padding:0px 0px 10px 0px;
font-size:110%;
font-weight:bold;
margin-bottom:30px;
}

div.post_page h2 a{
color:#000;
text-decoration:none;
}

div.about{
margin-bottom:50px;
}

div.about p{
font-size:80%;
}

div.contact{
margin-bottom:30px;
text-align:center;
}

div.contact p{
font-size:80%;
}

img.size-medium{
width:50%;
height:auto;
}

div.magazine div.left{
float:left;
width:660px;
}

div.magazine div.left h2{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.3em;
border-bottom:1px solid  #999;
width:100%;
padding:0px 0px 10px 0px;
margin-bottom:20px;
font-size:80%;
}

div.magazine div.left p{
font-size:80%;
}

div.magazine div.right{
float:right;
width:260px;
padding-left:20px;
border-left:1px solid #EFEFEF;
}

div.magazine div.right h3{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.3em;
border-bottom:1px solid  #999;
width:100%;
padding:0px 0px 10px 0px;
margin-bottom:20px;
font-size:80%;
}

div.magazine div.right h4{
font-size:90%;
margin-bottom:5px;
}


div.magazine div.right ul li{
font-size:80%;
}

div.magazine div.right ul li a{
color:#333;
letter-spacing:0.1em;
}


#message{
width:500px;
height:300px;
}

#mail{
	width:250px;
}

#name{
	width:250px;
}
	


/*--------------------------------------------------
	Aside Area
--------------------------------------------------*/

div#sidebar{
width:300px;
float:right;
}

div#sidebar h3{
font-family: 'Roboto Condensed', sans-serif;
letter-spacing:0.3em;
border-bottom:1px solid  #999;
width:100%;
padding:0px 0px 10px 0px;
margin-bottom:20px;
font-size:80%;
}

div#sidebar ul li{
font-size:80%;
}

div#sidebar ul li a{
color:#333;
letter-spacing:0.1em;
}


/*--------------------------------------------------
	Footer Area
--------------------------------------------------*/

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

.articlePostThum{
	margin-bottom: 20px;
}

.articlePostThum p{
	margin-bottom: 0px;
}

.content.articlePost h2{
font-size: 240%;
letter-spacing:0.2em;
font-weight:bold !important;
margin-bottom:5px;
}

.articlePost .txtBox{
	float: left;
	width: 680px;
}

.articlePost02s .txtBox{
	float: none;
	width: 100% !important;
}


.articlePost .txtBox p{
	font-size: 100%;
	line-height: 1.9;
	letter-spacing: 0.05em;
}

.articlePost .txtBox p strong{
	font-size: 110%;
	line-height: 1.9;
}

.articlePost .txtBox p .annotation{
	font-size: 70%;
}

.articlePost .imageBox{
	float: right;
	width: 250px;
}

.articlePost .imageBox ul{
	margin-bottom: 0px;
}

.articlePost .imageBox ul li{
	margin-bottom: 10px;
}


/*--------------------------------------------------
	WORKS
--------------------------------------------------*/

.worksBox{
	margin-bottom: 30px;
	width: 100%;
}

.worksBox h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 120%;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
	margin-bottom: 25px;
}

.worksBox .postBox{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.worksBox .postBox:nth-child(3n){
	margin-right: 0;
}

.worksBox .postBox figure{
	margin: 0px 0px 10px;
}

.worksBox .postBox figure img{
	width: 100%;
}

.worksBox .postBox figure a:hover{
	opacity: 0.7;
}

.worksBox .postBox h3 {
    font-size: 85%;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 0px;
}

/*--------------------------------------------------
	pagenav
--------------------------------------------------*/


.wp-pagenavi {
	color: #fff;
}

.wp-pagenavi a,
.wp-pagenavi span {
	color: #fff !important;
	border: none !important;
}