@charset "utf-8";
/* CSS Document */

.smt_off {display: block;}
br.smt_off {display: block;}
.pc_off {display: none;}
br.pc_off {display: none;}

.zdo_drawer_menu {
	display: none;
}

body {
	-webkit-text-size-adjust: 100%;
}

#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color:#ffffff;
    background-image : url( ../images/loading.svg);
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}

#wrapper{
	background:url(../images/bg_header.jpg) no-repeat, #ffffff;
	background-size: contain;
	overflow-x: hidden;
	}


button{
	cursor:pointer;}

.floatArea{
	width:100%;
	overflow:hidden;}

.page_top{
	display:none;}

.page_top {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 9999;}

.page_top a {
    display: block;
    text-decoration: none;}

a img{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}	
	
a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a :hover {
	opacity: 0.5 ;
}


.mb300{ margin-bottom:300px !important;}

/* hvr-forward */

.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);}

.hvr-forward {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;}

[class^="hvr-"] {
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}


html,body{
    width: 100%;
	height:100%;}

body{
	background:#ffffff;
	color:#111;
	position:relative;
	min-width:1000px;
	-webkit-text-size-adjust: 100%;
	}


p.bg_left {
	position:absolute;
	left:10%;
	top:210px;
	opacity:0.8;
}

p.bg_right {
	position:absolute;
	right:1%;
	top:0%;
	opacity:0.5;
}

p.bg_btm {
	position:absolute;
	bottom:0%;
	opacity:0.5;
}

.ming{ font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;}


#container{
	width:1040px;
	margin:auto;
	padding-top:20px;
	padding-bottom:15px;
	position:relative;}
	

h1.logo{
	position:relative;
	top:10px;}

h1.title_logo {
	position:fixed;
	left:20px;
	top: 80px;
	z-index:99999;
	}

h1.title_logo img{
	width:105px;
	opacity: 0.7;}
	
p.subtitle {
	font-size: 14px;
	font-family: 'Bellefair', serif;
	line-height:130%;
	position:fixed;
	left: 40px !important;
	top: 13px !important;
	text-align: left;
	display: inline-block;
	z-index:99999;}

p.subtitle a {
	text-decoration: none;
}

p.subtitle a:hover {
	text-decoration: none;
}
		 
.slr {
  writing-mode: sideways-lr;
}

.naviArea{
	padding: 20px 0;
	background: rgba(72, 89, 98, 0.5);}

ul.navi{
	width:440px;
	margin:auto;
	overflow:hidden;}

ul.navi li{
	letter-spacing: 0.13em;
	float:left;
	margin-right:27px;}


ul.navi li:last-child{
	margin-right:0;}

ul.navi li a {
	position: relative;
	display: inline-block;
	text-decoration:none;
	font-family: 'Bellefair', serif;
	font-size:15px;
	color:#fff;
	transition: .3s;}

ul.navi li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: .3s;}

ul.navi li a:hover::after {
	width: 100%;}

#container_top{
	margin: auto;
	height: 670px;
	position: relative;}

.maincopy {
	margin: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#container_header{
  position: absolute;
  z-index: 100;
  width: 100%;}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;}

.main_image{
	margin:auto;
	position:relative;
	margin-bottom:50px;
	text-align:center;
	margin-top: 25px;
	}


/**
.main_image:before{
	content:url(../images/tape_left.png);
	position:absolute;
	top: -30px;
	left:-30px;}

.main_image:after{
	content:url(../images/tape_right.png);
	position:absolute;
	bottom: -35px;
	right:-20px;}
**/


.top_topics{
	height:62px;
	line-height:60px;
	font-size:14px;
	background:url(../images/topics_bg.png) no-repeat 50% 100%;
	padding-bottom:15px;
	padding-left:80px;
	overflow:hidden;}

span.ttl_topics_sub{
	font-weight:bold;
	font-size:14px;
	margin-right:15px;
	margin-left:15px;}

.font_topics{
	content:"TOPICS";
    font-family: 'Bellefair', serif;
	font-size:18px;
	letter-spacing:0.08em;
	padding-right:8px;}

span.txt_topics{
	font-size:13px;
	}



p.more_topics{
	height:62px;
	line-height:60px;
	float:right;
	position:relative;
	top: -8px;
	right:70px;}


p.instagram {
	font-size:20px;
	font-family: 'Bellefair', serif;
	text-align:center;
	margin-top: 50px;
	line-height: 0.55;
	margin-bottom: 5px;
}

p.instagram img{
	position: relative;
	top: 4px;}
	
#sb_instagram .sbi_photo {
    border-radius: 20px;
}

.blog_updateArea{
	width:955px;
	margin:35px auto 0 auto;
	overflow:hidden;}

ul.blog_updateList li p span.date{
	font-family: 'Crimson Text', serif;
	size:13px;
	letter-spacing:0.1em;
	margin-right:35px;}
	
ul.blog_updateList li p span.updateTxt{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	size:12px;
	letter-spacing:0.03em;
	margin-right:35px;}

.blog_updateInstagram{
	float:left;
	margin-top: 2px;
	margin-left: 50px;
	width:279px;
	text-align: center;}

.blog_updateInstagram img{
	width:120px;}


ul.blog_updateList{
	width:580px;
	float:right;
	margin-right:30px;}

ul.blog_updateList li{
	padding-left:10px;
	font-size:12px;
	line-height:35px;
	border-bottom:dotted 1px #5c5c5c;}

ul.blog_updateList li:last-child{
	border-bottom:none;}

p.more{
	letter-spacing:0.05em;
    font-family: 'Bellefair', serif;
	font-size:17px;
	text-align:right;
	margin:0px 40px 0px 0;}



.top_bottomArea{
	width:1000px;
	overflow:hidden;
	margin-bottom:130px;}
	
	
	
	





		 
/* 傾き */
.rotate:hover {
-webkit-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
-ms-transition-duration:0.5s;
}


p.copyright{
    font-family: 'Bellefair', serif;
	font-size:11px;
	text-align:center;
	margin-bottom:20px;}

p.space {
	margin-bottom:100px;}






/* profile */

.main_contents{
	width:1000px;
	margin:auto;}

p.profile_name01{
	font-size:18px;
	letter-spacing:0.3em;
	font-family:"Bellefair","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;}

span.profile_name02{
	font-size:13px;
	letter-spacing:0.2em;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;}
	
p.profile_name03{
	font-size:11px;
	letter-spacing:0.1em;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;
	margin-bottom:70px;}
	
	
p.profile_body{
	letter-spacing:0.05em;
	font-size:11px !important;
	line-height:200%;}
	
p.profile_bio{
	letter-spacing:0.05em;
	font-family:"Bellefair","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;
	font-size:14px !important;
	margin-bottom:70px;}
	
p.profile_txt{
	letter-spacing:0.05em;
	font-size:10px !important;
	margin-bottom:70px;}
	
	
#profile_link01{
	margin-top:300px !important;}
	
.profile p{
	width:800px;
	margin:auto;
	text-align:center;}


ul.profile01{
	font-size:16px;
	letter-spacing:0.05em;
	font-family:"Bellefair","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;
	margin:0 auto 100px;
	display:table;
	overflow:hidden;}

ul.profile01 li{
	float:left;
	padding:0 10px;}

ul.profile01 li a{
	text-decoration:none;}

ul.profile01 li:before{
	content:"│";
	position:relative;
	right:10px;}

ul.profile01 li:last-child:after{
	content:"│";
	position:relative;
	left:10px;}
	
	
.profile_page_left{
 margin-top:25px;
 margin-bottom:25px;
 margin-left:20px;
 width:30%;
height:auto;
 float:left;}

.profile_page_right{
 margin-top:25px;
 margin-bottom:25px;
 width:65%;
height:auto;
 float:right;}
 
 
 
 

ul.footer_bnr{
	clear:both;
	text-align:center;
	margin:50px auto;
	width:100%;
	overflow:hidden;}


ul.footer_bnr li p{
	font-size:10px;
	display:inline;
	position:relative;
	top: -20px;
    left: 0;}

ul.footer_bnr li{
	float:left;
	width:48%;}

ul.footer_bnr li:first-child{
	margin-right:20px;}
	
	

p.copyright{
	clear:both;}

p.space {
	margin-bottom:100px;}

	

p#profile_link{
	font-size:14px;
	margin-bottom:20px;}

p#profile_link01::before{
	content:"│";
	position:relative;
	right:10px;}

p#profile_link01::after{
	content:"│";
	position:relative;
	left:10px;}

p#profile_link02::before{
	content:"│";
	position:relative;
	right:10px;}

p#profile_link02::after{
	content:"│";
	position:relative;
	left:10px;}

p#profile_link03::before{
	content:"│";
	position:relative;
	right:10px;}

p#profile_link03::after{
	content:"│";
	position:relative;
	left:10px;}
	
p#profile_link04::before{
	content:"│";
	position:relative;
	right:10px;}

p#profile_link04::after{
	content:"│";
	position:relative;
	left:10px;}

/*---------------------------------------------------------------------

	 Works page

---------------------------------------------------------------------*/


.img_box_area {
	text-align:center;
	overflow:hidden;
	margin-bottom:10px;}

.design_list_left{
 margin-top:50px;
 margin-bottom:25px;
 width:50%;
height: 300px;
 float:left;}

.design_list_right{
 margin-top:50px;
 margin-bottom:25px;
 width:50%;
height: 300px;
 float:right;}

.works_noimage {
	-webkit-filter: grayscale(90%);
	filter: grayscale(90%);
	opacity: 0.7;
}

	
.img_box {
	float:center;
    vertical-align:middle;
	 display:inline-block;}

.works_ttl {
	font-family:"Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	color:#000;}

.works_subttl {
	font-family:"Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#555;
    text-align:center;
	margin-bottom:20px;}



.illu_page_left{
 margin-top:25px;
 margin-bottom:25px;
 margin-left:20px;
 width:30%;
height:auto;
 float:left;}

.illu_page_right{
 margin-top:25px;
 margin-bottom:25px;
 width:65%;
height:auto;
 float:right;}
 
 

ul.works_list{
	font-size:13px;
	letter-spacing:0.05em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:100px;
	margin-top:10px;
	overflow:hidden;}
	

ul.works_list li{
	border:solid 0px #E8E8E6;
	background:#E8E8E6;
	margin-right:10px;
	float:left;
	padding:0 10px;}

ul.works_list li a{
	text-decoration:none;
	color:#444;
	}

.design_img{
	float:left;}

.design_txt{
	float:left;
	height:100px;
	width:230px;
	background:#fff;
	padding:10px 20px;
	text-align:left;
	color:#ab8fa6;
	font-size:11px;}



.pastworks_area {
	overflow:hidden;
}

.pastworks_area img {
	margin:12px;
	-webkit-filter: grayscale(90%);
	filter: grayscale(90%);
	opacity: 0.7;
}

.pastworks_area img:hover{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	cursor:pointer;
	opacity:1.0 !important;}

a.cut {
	float: left;
	border: 0px solid #ccc; 
}


a.cut img{
  width:100px;
  height:100px;
  object-fit: cover; 
}



/*---------------------------------------------------------------------

	 URAMADO

---------------------------------------------------------------------*/


.uramado_topttl {
         font-size:18px;
		 color:#B4B4B4;
         font-family: "Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		 letter-spacing:0.8em;
         text-align:center;
		 top:0px;}
		 
.uramado_ttl {
         font-size:48px;
         font-family: "Bellefair",  "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;
		 letter-spacing:0.1em;
		 color:#666;
         text-align:center;
		 margin:30px auto;}
		 
.uramado_subttl {
         font-size:12px;
         font-family: "Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		 letter-spacing:0.1em;
         text-align:left;
		 position:relative;
		 top:35px;
}

.uramado_contents_jp {
         font-size:12px;
         font-family: "Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		 letter-spacing:0.1em;
         text-align:left;
		 top:35px;
}

.uramado_contents_en {
         font-size:16px;
         font-family: "Bellefair",  "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;
		 letter-spacing:0.1em;
         text-align:left;}

.uramado_txt {
         font-size:12px;
         font-family: "Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		 color:#464646;
		 letter-spacing:0.1em;
		 line-height:200%;
         text-align:left;

}

.uramado_txtming {
         font-size:12px;
         font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;
		 color:#464646;
		 letter-spacing:0.1em;
		 line-height:200%;
}
		 

.uramado_txt_pre {
         font-size:12px;
         font-family: "Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		 color:#464646;
		 letter-spacing:0.1em;
		 line-height:230%;
		 position:relative;
		 top:20px;
}



.ura_page_left01{
 margin-top:50px;
 margin-bottom:25px;
 margin-left:20px;
 width:45%;
height:auto;
 float:left;
 text-align:center;
 }
 
.ura_page_left01 img {
	width:70%;
}


.ura_page_left02{
 margin-top:50px;
 margin-bottom:25px;
 margin-left:20px;
 width:45%;
height:auto;
 float:left;}
 
.ura_page_left02 img {
	width:70%;
}


.ura_page_right01{
 margin-top:50px;
 margin-bottom:25px;
 width:46%;
height:auto;
 float:right;}

.ura_page_right01 img{
	width: 70%;}


.ura_page_right02{
 margin-top:110px;
 margin-bottom:25px;
 width:46%;
height:auto;
 float:right;
  text-align:center;
  }

.ura_page_right02 img{
	width: 70%;}
	
	
.ura_page_center{
	width:100%;
	margin: auto;}

.colorboxArea{
	width:100%;
	overflow:hidden;
	margin-bottom:50px;}		 
		 
.txt_area {
	text-align:left;
	width:500px;
	margin:auto;
	margin-bottom:60px;}

		 
hr {
  height: 10px;
  border: 0;
  box-shadow: 0 7px 7px -7px #bbb inset;
  margin-bottom:30px;
}

.thumbList img{
	margin:15px;}


.arrow_top_img {
	width:57px;
	height:19px;
    background: url('../images/arrow_top.png');
	background-repeat : no-repeat;
	background-attachment : scroll;
	margin:auto;
	margin-bottom:30px;
}

.arrow_next_img {
	width:57px;
	height:19px;
    background: url('../images/arrow_next.png');
	background-repeat : no-repeat;
	background-attachment : scroll;
	margin:auto;
	margin-bottom:30px;
}


.uramado_top a {
	background:url('../images/arrow_next.png');
	display:block;
	width:60px;
	height:22px;
} 



.uramado_source {
	margin-top:10px;
	margin-bottom:20px;
    font-size:10px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#999;
	text-align:right;
}
	



/* contact */

.mfp {
	font-family:"EB Garamond", serif;}

.mfp_buttons {
	font-family:"EB Garamond", serif;
	font-size:20px;
	width: 140px;
	height: 50px;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	-webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
}
.mfp_buttons:hover {
	background-color: rgba(255, 255, 255, .3);
}

.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover {
	background: gradient(linear, center top, center bottom, from(transparent), to(#ace1da));
	background: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#ace1da));
	background: -moz-linear-gradient(top, transparent, #ace1da);
	background: -ms-linear-gradient(top, transparent 0%, #ace1da 100%);
	box-shadow: 5px 5px 15px #cedadd;
	border-radius: 4px;
	padding:0;
	margin:0;
}

.mail_contents{
	width:600px;
	margin:auto;}

.mail_contents p{
	font-size:13px;}

input.mfp_element_text{
	width:50% !important;}

input.mfp_element_email{
	width:50% !important;}

textarea{
	width:80% !important;
	height:250px !important;
	margin-bottom:40px !important;}




.mail_thx_ttl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px !important;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
}
.mail_thx_txt {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom:20px;
}

.mail_thx_add {
	font-family: "Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px !important;
	margin-bottom:50px;
	text-align:center;
}






.font_l_en {
	     font-size:18px;
         font-family: 'Marcellus', serif;
		 letter-spacing:0.08em;}

.font_m_en {
         font-size:13px;
         font-family: 'Marcellus', serif;
		 letter-spacing:0.05em;}
		 

		 


.fheight2 {
        line-height: 200%;}

.fspace2 {
	letter-spacing:0.15em;}
.fspace3 {
	letter-spacing:0.3em;}






/*---------------------------------------------------------------------

	 Wordpress blog

---------------------------------------------------------------------*/

/*.post-thumbnail{ display:none;}*/

p.date-color{
    font-family: 'Crimson Text', serif;
	color:#666;
	font-size:13px;
	letter-spacing:0.1em;
	text-align:right;
	margin-bottom:10px;}


h3.pagename_news{
	position:absolute;
	left:50%;
	margin-left:-143px;}

.entry-contents-area{
	background: url(../images/line.jpg) 0 bottom repeat-x;
	}


.entry-meta {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	color:#666;
	margin-top:30px;
	text-align:right;
}

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

.entry-title {
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333;
    font-size: 13px;
	letter-spacing:0.1em;
	text-align:right;}


aside.widget_archive{
	margin-bottom: 30px !important;}


p.datearea{
	text-align:right;
	font-size:12px;
	padding-right:5px;}

.widget-title{
	font-family: 'Bellefair', serif;
	border-bottom:0px dotted #afabab;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 35px;
	color:#333;
	}
	
.category-ul li a{
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	color: #333;
	text-decoration: none;
	margin-left:20px;
}
.category-ul li a:hover{
	color: #999;
}
.widget-area ul li{
	padding: 3px 0;
	border-bottom: 0px dotted #b5b5b5;
	margin: 3px 0;
	font-size:11px;
	}
.widget_recent_entries{
	margin-bottom: 30px;
	}

.widget_categories{
	margin-bottom: 30px;
	margin-top:30px;
	}

.widget-area ul li a{
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	text-decoration: none;
	color: #333;
	margin-left:20px;
	}
.widget-area ul li a:hover{
	color: #4da8ba;
	}
.entry-content{
	margin: 20px auto 150px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	letter-spacing:0.08em;
	color:#111;
	}

.entry-content p {
	line-height:205%;
}

.entry-content p img{
	margin: 30px auto;
	display:block;}
	
.category-ul li{
	padding: 3px 0;
	border-bottom:1px dotted #b5b5b5;
	font-size:11px;
	}
.comment-form-comment textarea {
    width: 100%;
}


	
.nav-links {
    -moz-hyphens: auto;
    border-top: 1px solid #666;
    word-wrap: break-word;
}
.post-navigation, .image-navigation {
    margin: 24px auto 48px;
    max-width: 740px;
}
.post-navigation a, .image-navigation .previous-image, .image-navigation .next-image {
    border-bottom: 1px solid #666;
    padding: 11px 0 12px;
    width: 100%;
}
.post-navigation .meta-nav {
    color: #666;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 2;
    text-transform: uppercase;
}
.post-navigation a, .image-navigation a {
    color: #2b2b2b;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.71429;
    text-transform: uppercase;
}

.comments-area {
    margin: 48px auto;
    max-width: 740px;
}
.comment-reply-title, .comments-title {
    font: 900 16px/1.5 Lato,sans-serif;
    margin: 0;
    text-transform: uppercase;
}
.comment-list {
    list-style: outside none none;
    margin: 0 0 48px;
}
.comment-author {
    font-size: 14px;
    line-height: 1.71429;
}
.comment-list .reply, .comment-metadata {
    font-size: 12px;
    line-height: 2;
    text-transform: uppercase;
}
.comment-list .reply {
    margin-top: 24px;
}
.comment-author .fn {
    font-weight: 900;
}
.comment-author a {
    color: #2b2b2b;
}
.comment-list .trackback a, .comment-list .pingback a, .comment-metadata a {
    color: #767676;
}
.comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover {
    color: #41a62a;
}
.comment-list article, .comment-list .pingback, .comment-list .trackback {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    padding-top: 24px;
}
.comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child {
    border-top: 0 none;
}
.comment-author {
    position: relative;
}
.comment-author .avatar {
    border: 1px solid rgba(0, 0, 0, 0.1);
    height: 18px;
    left: 0;
    padding: 2px;
    position: absolute;
    top: 0;
    width: 18px;
}
.bypostauthor > article .fn::before {
    content: "";
    margin: 0 2px 0 -2px;
    position: relative;
    top: -1px;
}
.says {
    display: none;
}
.comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata {
    padding-left: 30px;
}
.comment-edit-link {
    margin-left: 10px;
}
.comment-edit-link::before {
    content: "";
}
.comment-reply-link::before, .comment-reply-login::before {
    content: "";
    margin-right: 2px;
}
.comment-content {
    -moz-hyphens: auto;
    word-wrap: break-word;
}
.comment-content ul, .comment-content ol {
    margin: 0 0 24px 22px;
}
.comment-content li > ul, .comment-content li > ol {
    margin-bottom: 0;
}
.comment-content > *:last-child {
    margin-bottom: 0;
}
.comment-list .children {
    list-style: outside none none;
    margin-left: 15px;
}
.comment-respond {
    margin-bottom: 24px;
    padding: 0;
}
.comment .comment-respond {
    margin-top: 24px;
}
.comment-respond h3 {
    margin-bottom: 24px;
    margin-top: 0;
}
.comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code {
    color: #767676;
}
.comment-notes, .comment-awaiting-moderation, .logged-in-as {
    font-size: 14px;
    line-height: 1.71429;
}
.no-comments {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin-top: 24px;
    text-transform: uppercase;
}
.comment-form label {
    display: block;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
    width: 50%;
}
.form-allowed-tags, .form-allowed-tags code {
    font-size: 12px;
    line-height: 1.5;
}
.required {
    color: #c0392b;
}
.comment-reply-title small a {
    color: #2b2b2b;
    float: right;
    height: 24px;
    overflow: hidden;
    width: 24px;
}
.comment-reply-title small a:hover {
    color: #41a62a;
}
.comment-reply-title small a::before {
    content: "";
    font-size: 32px;
}
.comment-navigation {
    font-size: 12px;
    line-height: 2;
    margin-bottom: 48px;
    text-transform: uppercase;
}
.comment-navigation .nav-next, .comment-navigation .nav-previous {
    display: inline-block;
}
.comment-navigation .nav-previous a {
    margin-right: 10px;
}
#comment-nav-above {
    margin-bottom: 0;
    margin-top: 36px;
}
.archive-header{
	padding: 10px;
	font-size: 12px;
	background: #f3f7ed;
	background: rgba(255,255,255,0.5);
	}
.page-title{
	padding: 10px;
	font-size: 12px;
	background: #f5f5f5;
	margin-bottom:20px;
	}


.contents-area{
	width: 1000px;
	padding:20px 0 0;
	margin: 0 auto;
	}
.contents-area:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}

.secondary{
	margin-top:13px;}


.w960{
	width: 980px;
	margin: 0 auto;
	}
.w960:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
.eventcalendar{
	margin: 0 0 80px 0;
	}
.eventcalendar .entry-header{
	display: none;
	}
.ai1ec-calendar-toolbar{
	border: none;
	}
.entry-content b,
.entry-content strong {
	font-weight: 700;
}
.entry-content h1,.entry-content h2{
	font-size: 15px;
	}
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	clear: both;
	font-weight: 700;
	margin: 10px 0 0 0;
	background-color: #a65300;
    color: #fff;
    font-size: 110%;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-top: 5px;
}
.photo-comment{
	margin: 5px 0 0 0;
	padding: 0 5px;
	}
.entry-content img{
	max-width: 100%;
	height: auto;
	}
.works-thumb-photo{
	max-height: 183px;
	overflow: hidden;
	margin-bottom: 10px;
	}
	

h1.screen-reader-text{
	padding:10px;
	font-size:15px;
	font-weight:bold;
	background:#f8f8f8;
	margin-bottom:20px;
	display:none;}



.pagination span{
	padding:7px;
	border:solid 1px #ccc;
	background:#f8f8f8;}

.pagination span.dots{
	border:none !important;
	background:none !important;}

.pagination a{
	padding:7px;
	border:solid 1px #ccc;
	background:#fff !important;}

.pagination a:hover{
	text-decoration:none;
	background:#f8f8f8 !important;}

.comment-form-comment textarea {
    width: 100%;
    padding: 10px;}

p.form-submit{
    margin-top: 10px;}


span.edit-link{
	display:inline-block;
	background:#666;
	padding:2px 8px;
	margin-left:5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;}

span.edit-link a{
	color:#fff;
	font-size:12px;}

.entry-content h4{
	margin-bottom:10px;}

#left{
	width:230px;
	float:left;}

#right{
	width:750px;
	float:right;}

article.post{
	margin-bottom:70px;}



.works_era {
	font-family:"Bellefair",  "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R","小塚明朝 Std R","ＭＳ Ｐ明朝","Times","Times New Roman",serif;
	font-size:22px;
	letter-spacing:0.28em;
}



/*---------------------------------------------------------------------

	                         Pankuzu

---------------------------------------------------------------------*/



ol.pankuzu {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	color:#727272;
	letter-spacing:0.1em;
	margin: 0; /* マージン（上下左右） */
	padding: 7px 5px; /* パディング（上下、左右） */
	list-style-type: none; /* リストマーク非表示 */
	margin-bottom:20px;
	border-bottom:dotted 1px #f0f0f0 ;
}

ol.pankuzu li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}

ol.pankuzu li.first {
padding-left: 25px; /* 左パディング */
background: url('../images/pankuzu-home-gray.png') no-repeat left; /* ホーム記号（※） */
}

ol.pankuzu li a {
padding-right: 18px; /* 右パディング */
background: url('../images/pankuzu-gray.gif') no-repeat right; /* 矢印記号（※） */
}

ol.pankuzu li a {
color: #727272;
}

ol.pankuzu li a:hover {
color: #727272;
}

ol.pankuzu li:last-child {
	font-size:13px;
}



header.page-header{
	margin-top:20px;}

.st-post-tags{
	margin:45px 0;
	padding:40px 0;
	border-top:solid 1px #d5d5d6;
	border-bottom:solid 1px #d5d5d6;}

p.keyword{
	display:inline-block;
	font-size:15px;
	color:#666;
	margin-right:5px;}

.st-post-tags{
	color:#afafaf;
	font-size:13px;}
	
.st-post-tags a{
	color:#afafaf;
	font-size:13px;
	padding-left:5px;}


.st-post-tags a:hover{
	color:#4da8ba;}


.author-info{
	border: 1px solid #ddd;
    box-sizing: border-box;
    clear: both;
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    width: 100%;
	padding: 20px;
	position:relative;}

.author-avatar{
	float: left;
    padding: 20px;}

h3.author-title{
	font-size: 16px;
    font-weight: bold;
    left: 84px;
    line-height: 25px;
    position: absolute;
    top: 25px;}

p.author-bio{
	font-size: 14px;
    line-height: 21px;
	margin-top:20px;}

h2.author-heading{
	background:#f8f8f8;
	padding:5px 10px;}

.author-description{
	margin-top:15px;}

a.author-link{
	color:#33bad2;
	padding-left:10px;}

a.author-link:hover{
	text-decoration:underline;}


span.years{
	font-size:17px;
	font-family: 'Spinnaker', sans-serif;
	color:#518c97;
	text-align:center;
	margin:10px auto;}



/*---------------------------------------------------------------------

	                         Topics

---------------------------------------------------------------------*/

.topics_ttl {
	font-family: "Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	letter-spacing:0.2em;
	margin-bottom:25px;
}
.topics_subttl {
	font-family:  "Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	letter-spacing:0.15em;
		margin-bottom:10px;
}
.topics_txt {
	font-family:  "Bellefair", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	letter-spacing:0.15em;
}