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


* {
	margin: 0;
	padding: 0;
}
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background: #f6f6f6;
	letter-spacing: 0.06em;
	font-weight: 500;
	
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}












/* fadein */

#pagefadein {
	display: none;
}


/* web font */
.wf-notosansjapanese { font-family: "Noto Sans Japanese";}


section{
	margin: 100px auto;
	text-align: center;
	line-height: 1.9;
	max-width:1000px;
	clear:both;
}


article {
	float:left;
	text-align: center;
	line-height: 1.9;
}

article p {
	margin-bottom: 1em;
	clear:both;
}


a {
	color: #333;
}



.inner {
	width: 1000px;
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}





/* header */
#top-head {
	font-size: 14px;
	top: -130px;
	position: absolute;
	width: 100%;
	margin: 130px auto 0;
	line-height: 1;
	z-index: 999;
}
#top-head a,
#top-head {
	color: #333;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#top-head a:hover{
	color: #666;
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	float: left;
	font-size: 36px;
	padding: 10px 0 0 0;
}

#top-head .logo_contact {
	text-align:center;	font-size: 36px;
	padding: 10px 0 0 0;
}


#header-nav{
	background-color:#787878;
	color: #fff;
	padding: 5px 0;
}

#header-nav a:link{
	color: #fff;
}

#header-nav a:hover{
	color: #ccc;
}

#header-nav a:visited{
	color: #fff;
}


#global-nav ul {
	list-style: none;
	position: absolute;
	right: 150px;
	bottom: 33px;
	font-size: 14px;
}
#global-nav ul li {
	float: left;
	position: relative;
	font-weight:500;
}
#global-nav ul li a {
	padding: 0 20px;
}

.links {
	float:right;
	margin:0;
}

.links li{
	float:left;
	list-style:none;
	margin:0 20px 0 0;
	font-size:12px;
}

.links li+ li {
  border-left: 1px solid #fff;
  padding:0 0 0 20px;
}


#today {
	list-style: none;
	position: absolute;
	right: 30px;
	bottom: 27px;
	font-size: 14px;
	width:100px;
	background-image: url(../img/bg_today.png);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
}

#today .yearmonth{
	font-size: 14px;
	text-align:center;
}

#today .day{
	font-size: 34px;
	text-align:center;
	margin:0;
	line-height:0.9;
	font-weight: 500;
}

#today .comment{
	font-size: 12px;
	text-align:center;
	margin:1px 0 0 0;
}


#today2 {
	list-style: none;
	font-size: 14px;
	background-image: url(../img/bg_today_mini.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	margin:20px 0;
}

#today2 .yearmonth{
	font-size: 14px;
	text-align: left;
	font-weight:bold;
	padding:0 0 0 40px;
	line-height: 2.0;

}

#today3 {
	list-style: none;
	font-size: 14px;
	background-image: url(../img/bg_today_mini.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	margin:20px 0;
}

#today3 .yearmonth{
	font-size: 14px;
	text-align: left;
	font-weight:bold;
	padding:0 0 0 40px;
	line-height: 2.0;

}



/*サーチ*/
.search_box {
	width: 100%;
	margin:10px 0;
}

dl.search{
	position:relative;
	border-bottom:2px solid #fff;
	width: 100%;
}

input:::-webkit-input-placeholder { 
	color: #666;
	font-weight:normal;
 }

dl.search dt{
	padding:3px;
	width:80%;
}
dl.search dt input{
	width:100%;
	background:none;
	border:none;
	color:#fff;
	font-size:24px;
	font-weight:normal;
}

input[type="submit"] {
  display: none;
}

input:focus{
 outline:none; /* サーチフォームのフォーカス枠を消す */
}

.searchhint{
	margin:50px 0;
	clear:both;
	float:left;
	width: auto;
	text-align: center;
}

p.serchhint_title {
	font-size:14px;
	margin: 0 0 20px 0;
}


.tag_links {
	float:left;
	margin:0;
}

.tag_links li{
	float:left;
	list-style:none;
	margin:20px 20px 20px 0;
	font-size:18px;
	color:#fff;
	width: auto;
	text-align: center;
}

.tag_links li a{
	color:#fff;
	text-decoration:none;
}


.tag_links li+ li {
  	 padding:0 0 0 20px;
	 background-image:url(../img/bi_shadedline.png);
	 background-repeat:no-repeat;
}



table.outline {
	border-collapse: collapse;
	width: 100%;
	text-align:left;
	font-size: 14px;
}
table.outline th,
table.outline td {
  padding: 10px;
  border: 1px dotted #ccc;
  border-left:none;
  border-right:none;
}
table.outline th {
  background-color: #e6e3df;
  text-align: left;
  width: 20%;
  font-weight:normal;
}

.viewongooglemap{
	font-size:12px;
	color:#666;
	padding:20px 0 0 0;
}



@media screen and (max-width: 480px) {
table.outline {
    border-top: 1px solid #999;
  }
table.outline td {
    display: block;
    text-align: left;
  }
table.outline th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
  
#today2 .yearmonth{
	font-size: 14px;
	text-align: left;
	font-weight:bold;
	padding:0 0 0 40px;
	line-height: 2.0;
	width: 100%;
}

  
}



@media screen and (max-width: 960px) {
#today {
	list-style: none;
	position: absolute;
	right: 60px;
	bottom: 10px;
	font-size: 14px;
	width:70px;
}

#today .yearmonth{
	font-size: 12px;
	text-align:center;
}

#today .day{
	font-size: 28px;
	text-align:center;
	margin:0;
	line-height:0.9;
}

#today .comment{
	font-size: 11px;
	text-align:center;
	margin:1px 0 0 0;
}

section{
	margin: 80px auto;
	text-align: center;
	line-height: 1.9;
	max-width:1000px;
	clear:both;
}

#today2 {
	list-style: none;
	font-size: 14px;
	background-image: url(../img/bg_today_mini.png);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	margin:20px 0;
	width: 100%;
}



}



@media screen and (max-width: 480px) {
section{
	margin: 80px auto;
	text-align: center;
	line-height: 1.9;
	max-width:1000px;
	clear:both;
}
}



/* Btn Hover */
/*#global-nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#global-nav ul li:hover:after {
	background: #fff;
	bottom: -30px;
}*/


/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 0;
	height: 130px;
	background: #fff;
	background: rgba(255,255,255,0.9);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
	font-size: 24px;
	color: #333;
}
#top-head.fixed #global-nav ul li a {
	color: #333;
	padding: 0 20px;
}

/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
	bottom: -10px;
}
#top-head.fixed #global-nav ul li:hover:after {
	background: #0062B8;
	bottom: -20px;
}


/* Transition */
/*
#top-head,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
*/



/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}



@media screen and (max-width: 960px) {
	article {
		padding: 0;
	}
	.inner {
		width: 100%;
		padding: 0 20px;
	}
	#global-nav ul li a {
		padding: 0 20px;
	}
	#top-head.fixed #global-nav ul li a {
		padding: 0 15px;
	}


}




@media screen and (max-width: 960px) {
	#main-visual {
		height: 300px;
	}


	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
	}
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}


	#mobile-head {
		background: #fff;
		width: 100%;
		height: 80px;
		z-index: 999;
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {
		position: absolute;
		left: 3px;
		top: -10px;
		color: #333;
		font-size: 26px;
	}
	
	#top-head .logo_contact {
		position: absolute;
		left: 3px;
		top: -10px;
		color: #333;
		font-size: 26px;
		text-align:center;
	}	
	
	
	
	#top-head .logo img {
		width:180px;
	}
	
	#top-head .logo_contact img {
		width:180px;
		margin:0 auto;
	}
	

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置  */
		top: -480px;
		background: #333;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		z-index:-9;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 14px;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #fff;
		padding: 18px 0;
	}
	#nav-toggle {
		display: block;
		top: 30px;
	}
	

	
	
	 /* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	 /* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}

}

/*スライダー*/



/* top newslist */
.topnewslist{
	margin:0 0 50px 0;
	border:1px solid #ccc;
	text-align:left;
	font-size:14px;
	float:left;
	width : 1000px;
	padding:10px;

}

h2.topnewstitle {
	font-size:14px;
	float:left;
	width : 150px;
	padding-top : 10px;    
}


/* newslist */
.newslist{
	margin:0 0 50px 0;
	border:none;
	text-align:left;
	font-size:14px;
	float:left;
	width : 1000px;
	padding:10px;

}



dl{
	float : left;
}

dt{  
    
  padding-top : 10px;    
  padding-bottom : 10px;
  padding-left : 10px;
  width : 150px;
  float : left;
  clear : both;
  font-weight:500;
}
 
dd{    
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  margin-left : 160px;
  font-weight:500;
}

.topnewslist a{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.topnewslist a:hover{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	color: #999;
}


.newslist a{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.newslist a:hover{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	color: #999;
}




@media screen and (max-width: 960px) {
.topnewslist{
	margin:0 10px;
	width:96%;
}

.newslist{
	margin:0 10px;
	width:96%;
}
}


@media screen and (max-width: 768px) {
h2.topnewstitle {
	font-size:14px;
	padding-top : 10px;
	text-align:center;
	width:100%;
}
}



@media screen and (max-width: 480px) {
.topnewslist{
	margin:0 0 50px 10px;
}

.newslist{
	margin:0 0 50px 10px;
}

dd{
	 clear : both;
	 margin-left : 0;
	 padding-bottom : 30px;
}

}



/*top item*/
#item_container {
  padding:5px;
  margin: 0 auto;
  clear:both;
}
#item_container:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.item {
	margin: 8px 8px 16px 8px;
	width: 292px;
	padding: 8px;
	color:#666;
	float: left;
	list-style:none;
}
.item img {
  width: 100%;
}
.item img:hover {
	opacity: 0.8;
}
.item div{
	padding-bottom:5px;
}
.cap {
	margin: 10px 0 5px;
	font-size: 16px;
	text-align:center;
	line-height:1.3;
	font-weight:500;
}

.cap a{
		text-decoration:none;
}
.des {
	font-size:12px;
	text-align:center;
	font-weight:500;
}




/*footer*/

footer#global_footer {
	padding:100px 30px 130px 30px;
	text-align: center;
	border-top: solid 1px #bbb;
	background-color:#c8c8c9;
	clear:both;
	width:100%;
}
footer a {
	color: #666;
	text-decoration: none;
}

#global_footer{
	float:left;
}


.link_container{
	float:left;
	width:60%;
}

.footer_sc{
	float:left;
	width:50%;
	text-align:left;
	margin:0 0 50px 0;
}

.footer_tb{
	float:left;
	width:50%;
	text-align:left;
	margin:0 0 50px 0;
}


.footer_links {
	float:left;
	margin:20px 50px 0 0;
}

.footer_links li{
	float:left;
	list-style:none;
	margin:0 20px 0 0;
	font-size:12px;
}


.sns_links {
	float:left;
	margin:20px 0 0 0;
}

.sns_links li{
	float:left;
	list-style:none;
	margin:0 40px 0 0;
	font-size:12px;
}

.em {
	float:left;
	margin:20px 0 0 0;
	clear:both;
}

.em li{
	float:left;
	list-style:none;
	margin:0 20px 0 0;
	font-size:12px;
}

.em li+ li {
  border-left: 1px solid #333;
  padding:0 0 0 20px;
}


.address{
	float:left;
	margin:30px 0 0 0;
	clear:both;
	text-align:left;
	font-size:12px;
	line-height:1.5;
}

p.add{
	float:left;
	margin:0 0 10px 0;
}

.foote_map{
	float:right;
	width:40%;
	font-size:12px;
}

.url_sc{
	margin:5px 0 0 0;
	background-image:url(../img/icon_archi_phoro.png);
	background-repeat:no-repeat;
	padding:5px 0 0 80px;
	font-size:13px;
	height:20px;
}

.url_tb{
	margin:5px 0 0 0;
	background-image:url(../img/icon_book.png);
	background-repeat:no-repeat;
	padding:5px 0 0 40px;
	font-size:13px;
	height:20px;
}


p.copyright {
  color: #666666;
  font-size: 12px;
  letter-spacing: 0.03em;
  float:left;
  clear:both;
  margin:50px 0 0 0;
}

footer#global_footer a:link{
	color: #333;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

footer#global_footer a:hover{
	color: #666;
}

footer#global_footer a:visited{
	color: #333;
}


@media screen and (max-width: 960px) {
.link_container{
	float:left;
	width:100%;
}

.foote_map{
	float:left;
	clear:both;
	margin:50px 0 30px 0;
	width:100%;
}

}



@media screen and (max-width: 480px) {
footer#global_footer {
	padding:50px 30px 130px 30px;
}

.footer_sc{
	float:left;
	width:100%;
	text-align:left;
	margin:0 0 30px 0;
}

.footer_tb{
	float:left;
	width:100%;
	text-align:left;
	clear:both;
	margin:0 0 30px 0;
}

.footer_links {
	float:left;
	margin:20px 50px 0 0;
}

.footer_links li{
	float:left;
	list-style:none;
	margin:0 20px 15px 0;
	clear:both;
}

.sns_links {
	float:left;
	margin:20px 0 0 0;
	clear:both;
}

p.add{
	float:left;
	margin:0 0 20px 0;
}

.em li{
	float:left;
	list-style:none;
	margin:0 20px 15px 0;
	font-size:12px;
}

}

@media (min-width:481px){
	.historyback {
		display:none;
}
}

@media screen and (max-width:480px){
.historyback {
	text-align:center;
	clear:both;
}
}



/*WORKS*/

.detail{
	margin:0;
	width:1000px;
}

@media screen and (max-width:1000px){
	
.detail{
margin:0;
width:auto;
}

}

.main_visual{
	margin:0 0 50px 0;
}

.main_visual img {
	width:100%;
	height: auto;
}


.visuals_v{/*縦アングル*/
	margin:0 0 50px 0;
}

.visuals_v img {
	width:90%;
	max-width:667px;
}

.visuals_s{/*横アングル*/
	margin:0 0 50px 0;
}

.visuals_s img {
	width:90%;
}

.detail h2{
	font-size:36px;
	font-weight:lighter;
	padding: 30px;
}

h2.leadtext{
	font-size:26px;
	font-weight:lighter;
	margin:0 0 50px 0;
	padding:0 30px;
}

h2.leadtext2{
	font-size:26px;
	font-weight:lighter;
	margin:0 0 50px 0;
	padding:50px 30px 0 30px;
}


.detail_des {
	font-size:14px;
	text-align:center;
	color:#666;
	margin:0 0 50px 0;
}

.detail_date {
	font-size:14px;
	text-align:center;
	color:#333;
	margin:0 0 50px 0;
	font-weight:bold;
}

.text_content{
	margin:0 auto;
	width:100%;
	max-width:667px;
	font-weight:500;
}



.text_content h3{
	font-size:14px;
	float:left;
	font-weight:900;
	margin:50px 0 30px 0;
}




.text_content p{
	color:#333;
	text-align:left;
	line-height:1.8;
	letter-spacing: 0.3em;
	font-size:17px;
	margin:0 0 30px 0;
	clear: both;
}

p.data_text{
	color:#333;
	text-align:left;
	line-height:1.5;
	letter-spacing: 0.2em;
	font-size:14px;
	margin:0 0 15px 0;
	clear: both;
	font-weight:500;
}

.tag_link a{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.tag_link a:hover{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	color: #999;
}

p.shareon{
	color:#333;
	text-align:left;
	line-height:1.5;
	letter-spacing: 0.2em;
	font-size:14px;
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	float:left;
}

ul li.sns_icon{
	list-style:none;
	float:left;
	margin:15px 0 15px 50px;
}


.fa-gray:before
{
	color: #666 ;
}


.rerated{
	padding:50px 0;
}




@media screen and (max-width:960px){
.text_content{
	margin:0 auto;
	width:90%;
}
}


@media screen and (max-width:640px){
.detail h2{
	font-size:24px;
	font-weight:100;
}

.detail_des {
	font-size:12px;
	text-align:center;
	color:#666;
}

}

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


.text_content{
	margin:0 auto;
	width:90%;
}

.text_content p{
	letter-spacing: 0.2em;
	font-size:14px;
}


p.data_text{
	letter-spacing: 0.2em;
	font-size:12px;
	margin:0 0 10px 0;
}

h2.leadtext{
	font-size:26px;
	font-weight:300;
	margin:0 0 50px 0;
	padding:0 30px;
}

}



/*footernav*/


section.footernav{
	margin: 0 auto 0;
	text-align: center;
	line-height: 1.9;
	max-width:1000px;

}

.footernav{
	background-color:#787878;
	padding:0;
	color:#fff;
	clear:both;

}

.footernav h2{
	padding:50px 0 20px 0;
	font-weight:normal;
}

.lead{
	letter-spacing: 0.2em;
	font-size:16px;
	margin:0;
}

.buttonbox{
	padding:50px 0 100px 0;
}

.button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 300px;
  margin: 0 auto;
  border: 1px solid #787878;
  padding: 14px;
  color: #333;
  text-decoration: none;
  text-align: center;
  font-weight: 500;
  -webkit-transition: background-color 0.5s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: background-color 0.5s ease 0s;
  -o-transition: background-color 0.5s ease 0s;
  transition: background-color 0.5s ease 0s;
  -webkit-transition: color 0.5s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: color 0.5s ease 0s;
  -o-transition: color 0.5s ease 0s;
  transition: color 0.5s ease 0s;
  cursor: pointer;
  letter-spacing:1px;
  font-size:14px;
  background-color: #f5f5f5;
}


.button:hover {
	background-color: #333;
	color: #fff;
	text-decoration:none;
}


@media screen and (max-width:640px){

section.footernav{
	margin: 0 auto 0;
	text-align: center;
	line-height: 1.9;
	max-width:1000px;
	padding:0 20px;

}
}


/*うちの本棚*/

.section_title{
	font-weight:normal;
}

.infobox{
	margin:0 0 50px 0;
	border:1px solid #ccc;
	text-align:left;
	font-size:14px;
	float:left;
	width : 1000px;
	padding:10px;

}


.left {
	float: left;
	margin-right:10px;
	margin-bottom: 10px;
}
.right {float: right;margin-left:10px;}

.infobox_leadtext {
	font-size:14px;
	padding-top : 10px;
	margin:0 0 20px 0;
	font-weight:bold;
}

.infobox a{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.infobox a:hover{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	color: #999;
}


.author {
	font-size:14px;
	text-align:center;
	color:#333;
	margin:0 0 50px 0;
	font-weight:bold;
}


/*access&info*/


section.accessinfo{
	margin: 0 auto;
	text-align: center;
	line-height: 1.9;
	max-width:1000px;

}

.accessinfo{
	background-color:#ffffff;
	padding:0;
	color:#333;
	clear:both;
	font-size:14px;

}

.accessinfo h2{
	padding:50px 0 30px 0;
}

#access {
    margin-top:-130px;
    padding-top:130px;
}

#accessinfo {
    margin-top:-130px;
    padding-top:130px;
}

.accessinfo_text{
	float:left;
	padding:0 0 50px 30px;
	text-align:left;
	font-weight:lighter;
	width:300px;
}

.accessinfo_image{
		float:left;
		padding:0;
		text-align:center;

}


.des2 {
	font-size:12px;
	text-align:left;
	font-weight:500;
}

.bookstoreimage1{
	float:left;
}

.bookstoreimage1 img{
	width:200px;

}

.bookstoreimage2{
	float:left;
}

.bookstoreimage2 img{
	width:200px;
}


.accessinfo a{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.accessinfo a:hover{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	color: #999;
}



@media screen and (max-width: 1024px) {
.accessinfo_text{
	float:left;
	padding:0 0 50px 10px;
	text-align:left;
	font-weight:lighter;
	width:300px;
}
}


@media screen and (max-width: 960px) {
.infobox{
	margin:0 10px 50px 10px;
	width:96%;
}


.accessinfo_image{
		float:left;
		padding:0 0 0 30px;
		text-align:center;
}


.accessinfo_text{
	float:left;
	padding:0 0 50px 30px;
	text-align:left;
	font-weight:lighter;
	width:100%;
}


}


@media screen and (max-width: 480px) {
.infobox{
	margin:0 0 50px 10px;
}


.bookstoreimage1 img{
	width:100px;
}


.bookstoreimage2 img{
	width:100px;
}

.accessinfo_text{
	float:left;
	padding:0 30px 50px 30px;
	text-align:left;
	font-weight:lighter;
	width: 100%;
}

#access {
    margin-top:-50px;
    padding-top:50px;
}


}




/*私たちについて*/

section.aboutus{
	margin: 0 auto 0;
	text-align: center;
	line-height: 1.9;
	max-width:1000px;

}

.aboutus{
	background-color:#ffffff;
	padding:0;
	color:#333;
	clear:both;
}

.aboutus h2{
	padding:50px 0 30px 0;
}


#aboutus {
    margin-top:-130px;
    padding-top:130px;
}

.aboutus_text{
	float:left;
	padding:0 0 50px 30px;
	text-align:left;
	font-weight:lighter;
	max-width: 400px;
}

.aboutus_image{
		float:left;
		padding:0;
		text-align:center;

}

.half_container{
	width:50%;
	padding: 0 30px 50px 30px;
	display:inline;
}





.half_container h3{
	font-weight:lighter;
	text-align: left;
	line-height:1.3;
	margin:0 0 30px 0;
	font-weight:500;
}


.half_container p{
	color:#555;
	text-align:left;
	line-height:1.5;
	letter-spacing: 0.3em;
	font-size:17px;
	margin:0 0 30px 0;
}


.half_container img {
	width:100%;
}


/*半分*/

.table_half {
display:table;
table-layout:fixed;
width:100%;
border-collapse:separate;
border-spacing:50px 0;
text-align:center;
}

.table_half li {
	display:table-cell;
	vertical-align:top;
	margin: 0 0 30px 0;
}

ul.table_half{
	margin: 0 0 30px 0;
}


.table_half2 {
width:100%;
border-spacing:50px 0;
text-align:center;
}

.table_half2 li {
	vertical-align:top;
	margin: 0 0 30px 0;
	width: 50%;
}

ul.table_hal2f{
	margin: 0 0 30px 0;
}






/*カレンダー*/

.calendar_container{
	width:100%;
}

.calendar_box{
	width:50%;
	float:left;
	padding: 10px;
}

.calendar{
	width:100%;
	float: left;
	margin:0
}
.calendar caption{padding-bottom:6px;font-size:15px}

.calendar th,.calendar td{
	font-size:15px;
	border:1px solid ccc;
	text-align:center;
	line-height:30px;
	min-width: 25px;
}

.calendar th{
}
.calendar th:first-child{
}
.calendar th:last-child{
}
.calendar td div{text-align:center}

.today{background:#e6e3df}
.saturday{
}
.sunday{
}
.holiday{
	background-image: url(../img/bg_holiday.png);
	background-position: center;
	background-repeat: no-repeat;
	color:#fff;
}


.calendar td a{text-decoration:underline;display:block;width:100%;}
.calendar td a:hover{background:#fe814d;color:#fff;text-decoration:none}
.calendar td a:active{background:#f30;}


.personimage img{
	width:200px;
	padding:0 0 30px 0;
}


p.profile_text_indent{
	color:#333;
	text-align:left;
	line-height:1.5;
	letter-spacing: 0.2em;
	font-size:14px;
	margin:80px 0 15px 0;
	clear: both;
}

p.profile_text{
	color:#333;
	text-align:left;
	line-height:1.5;
	letter-spacing: 0.2em;
	font-size:14px;
	margin:0 0 15px 0;
	clear: both;
	font-weight:500;
}




.c_g{
	color:#666;
	font-size:20px;
	margin:0 10px;
}


.half_container a{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.half_container a:hover{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	color: #999;
}


.hanrei{
	text-align:left;
	clear:both;
	background-image:url(../img/bg_holiday.png);
	background-position: 10px left;
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	color:#666;
	font-size:13px;
}


	

@media screen and (max-width: 960px) {
.calendar_box{
	width:90%;
	clear:both;
	margin:0 0 30px 0;
	
}
}



@media screen and (max-width: 480px) {
.half_container{
	float:left;
	width:100%;
	padding: 0 30px 80px 30px;
	text-align: left;
	clear:both;
}

.table_half {
	display: initial;

}
.table_half li {
	display:initial;
}

.personimage img{
	width:100%;
}

.section_title.afb{
	font-weight:normal;
	text-align:center;
}


.c_g:before {
	content: "\A" ;
	white-space: pre ;
}

.apb:before {
	content: "\A" ;
	white-space: pre ;
}

p.profile_text_indent{
	color:#333;
	text-align:left;
	line-height:1.5;
	letter-spacing: 0.2em;
	font-size:14px;
	margin:0 0 15px 0;
	clear: both;
}


}



/*FAQ*/

.text_content h3.question{
	font-size:14px;
	float:left;
	margin:30px 0;
	text-align: left;
	font-weight: 900;
}




/*お問い合わせ*/


/* メールフォーム*/

.form_box{
	text-align:left;
	padding: 30px 0;
	clear: both;
	width:100%;
	margin:0 auto;
}

.form_box p{
	font-size:14px;
	font-weight:bold;
	margin:30px 0 0 0;
	clear: both;
}


input:focus{
 outline:none; /* サーチフォームのフォーカス枠を消す */
}
 
/*プレースホルダーの色*/
input:::-webkit-input-placeholder { color: #666; }
input::-moz-placeholder { color: #666; }
 
/*入力時の背景色*/
input:focus, select:focus, textarea:focus {
background: #fff;
}
 
/*入力フォームの設定*/
.form_text{
	width:96%;
	font-size:14px;
	font-weight:normal;
	border:1px solid #e6e3df;
	padding: 20px !important;
	color: #666;
	background:#fff;
	margin-bottom:20px;
	font-weight:normal;
}

/*角丸リセット*/

input[type=text],input[type=submit_contact],input[type=email],input[type=tel] {
font-size : 16px;
border : 1px solid #ccc;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}

textarea {
font-size : 16px;
border : 1px solid #ccc;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
}



.formselect{
	width:96%;
	font-size:14px;
	font-weight:normal;
	border:1px solid #e6e3df;
	color: #666;
	background:#fff;
	margin-bottom:20px;
	line-height: 2.0;
	padding: 20px;
	font-weight:normal;
}

.formselect_archives{
	width:90%;
	font-size:1.0em;
	font-weight:normal;
	border:1px solid #e6e3df;
	color: #666;
	background:#fff;
	margin-bottom:20px;
	line-height: 1.5;
	padding: 10px;
}

p.comment{
	font-weight:normal;
	color:#666;
	margin:0 0 10px 0;
}



/*ラジオボタン*/

input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
}

.radiobtn li{
	list-style:none;
	font-size:14px;
	font-weight:normal;
	margin:10px 0;
}

@media screen and (max-width: 480px) {
.radiobtn li{
	list-style:none;
	font-size:14px;
	font-weight:normal;
	margin:20px 0;
}
}



/*お問い合わせ　submitボタンの設定*/
button.formbutton{
	margin-top:1em;
	width:95%;
	padding:1.0em;
	border:1px solid #e6e3df;
	color:#333;
	background: #e6e3df;  /* for non-css3 browsers */
	text-align:center;
	font-weight:normal;
	size:14px;
	-webkit-appearance: none;
   border-radius: 0;
}

button.formbutton:hover{
	border:1px solid #f9b8a7;
	color:#fff;
	background: #333; /* for non-css3 browsers */
}

 



.telno{
	clear:both;
	float:left;
	width:35%;
	font-size:20px;
	text-align:left;
	padding: 0px 10px 20px 10px;
}

.tel{
	font-size:14px;
	text-align:left;
	margin: 0 10px 0 0;
}

.teltime{
	float:left;
	width:65%;
	font-size:14px;
	text-align:left;
	padding: 0px 0px 20px 10px;
}

@media only screen and (max-width:960px){
	
.telno{
	clear:both;
	float:left;
	width:100%;
	font-size:24px;
	text-align:left;
	padding: 0px 10px 20px 10px;
}



.teltime{
	float:left;
	clear:both;
	width:100%;
	font-size:14px;
	text-align:left;
	padding: 0px 10px 20px 10px;
}
}




/*スタッフ募集*/

.text_content h3.careers{
	font-size:14px;
	float:left;
	font-weight:800;
	margin:30px 0;
	text-align: left;
}


.text_content a{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.text_content a:hover{
	border-bottom:1px dashed;
	text-decoration:none;
	padding:0 0 2px 0;
	color: #999;
}

/*検索TAG結果*/






/*pagenav*/
.pagenavbox{
  max-width: 1000px;
  padding:20px 0 0 0;
  zoom: 1;
  margin:0 auto;
  width:500px;
}
@media only screen and (max-width:480px){
.pagenavbox{
  padding:20px 0 0 0;
  zoom: 1;
  margin:0 auto;
  width:320px;
}
}

ul.pagenav {
	/zoom: 1;
	overflow: hidden;
	margin: 0 0 10px;
	padding: 10px;
}

ul.pagenav li {
	float: left;
	margin: 0 10px 10px 0;
	list-style:none;
}

ul.pagenav li span,
ul.pagenav li a {
	float: left;
	padding: 5px 10px;
	width:40px;
	text-align:center;
	text-decoration:none;
	color:#333;
}

ul.pagenav li a:hover {
	color:#fff;
	background-image:url(../img/bg_holiday.png);
	background-repeat:no-repeat;
	background-position:center;
}

ul.pagenav li span{
	background-image:url(../img/bg_holiday.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#fff;
}

.form_box input.send, .form_box input[type="submit"] {
    margin-top: 1em;
    width: 95%;
    padding: 1.0em;
    border: 1px solid #e6e3df;
    color: #333;
    background: #e6e3df;
    text-align: center;
    font-weight: normal;
    size: 14px;
    -webkit-appearance: none;
    border-radius: 0;
	display:inline-block;
}

.form_box .wpcf7-list-item {
    display: block;
    margin: 12px 8px;
}
.form_box textarea {width:100%!important;height:260px!important;}
#wpcf7cpcnf th {width:35%;padding: 8px 0 5px;vertical-align: top;}
#wpcf7cpcnf td {width:65%;padding: 8px 0;vertical-align: top;line-height: 1.8;padding-left:15px;box-sizing:border-box;}
#wpcf7cpcnf button {margin-top: 1em;
    width: 48%;
    padding: 1.0em;
    border: 1px solid #e6e3df;
    color: #333;
    background: #e6e3df;
    text-align: center;
    font-weight: normal;
    size: 14px;
    -webkit-appearance: none;
    border-radius: 0;
	display:inline-block;
	margin-left:1%;
	margin-right:1%;
}