/*
THEME NAME: Japan Architectural Photographers Society
THEME URI: http://www.japs.jp
DESCRIPTION: Japan Architectural Photographers Society website, renewal on 2015
VERSION: 1.0
AUTHOR: 273 web services, llc</a>
AUTHOR URI: http://www.273ws.com
*/

/*wp page navi */
.wp-pagenavi a{
font-size:1rem !important;
border:none !important;
}
.wp-pagenavi span.current, .wp-pagenavi span.extend{
border:none !important;
}
/*reset*/
*{margin:0;padding:0;}
ul, ol { list-style : none}
img {
vertical-align : middle;
width: auto;
height: auto;
/*pointer-events: none;*/
}

a {
color:#004499;
text-decoration:none;
outline: none;
}
a:hover {
text-decoration:underline;
}
a:focus{
outline: none;	
}
strong{font-weight:bold;}

/*class*/
.tac{text-align:center;}
.tar{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.mb0{margin-bottom:0em !important;}
.mb1em{margin-bottom:1em;}
.mb2em{margin-bottom:2em !important;}
.mb3em{margin-bottom:3em !important;}
.mb5em{margin-bottom:5em !important;}
.mb10em{margin-bottom:10em !important;}
.sp_show{display:none;}
.pc_show{display:block;}
.smaller{font-size:0.75em; /*12px*/}
.small{font-size:0.875em; /*14px*/}
.large{font-size:1.125em; /*18px*/}
.larger{font-size:1.5em; /*24px*/}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}
.marker{background:#ff0;}

.ib{display:inline-block;}
.lh12{line-height:1.2;}
.w640{
max-width:640px;
margin:0 auto;
}

.arrow{
background:url(images/arrow_default.png) no-repeat left center;
padding-left:11px;
}
.red{color:#c00;}
.gray{color:#777;}
.cat_tag{
background:#000;
color:#fff;
font-size:12px;
display:inline-block;
padding:0px 5px;
}

.shadow{
box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 7px 3px;
}
.bullet_list{
list-style:disc;
margin-left:1em;
padding-left:1em;
}
.number_list{
list-style:decimal;
margin-left:1em;
padding-left:1em;
}
.mincho{font-family: Midashi Min MA31 JIS2004;}

.borderbox{
border:1px solid #ccc;
padding:10px;
display:inline-block;
	box-sizing:border-box;
}

.bordertable{
	border-collapse:collapse;
	border:1px solid #ccc;
		margin-bottom:1em;
}
.bordertable th{
padding:5px;
border:1px solid #ccc;
text-align:left;
font-weight:normal;
background:#eee;
}
.bordertable td{
	padding:5px;
	border:1px solid #ccc;
}

.nobordertable{
	border-collapse:collapse;
	border:none;
		margin-bottom:1em;
}
.nobordertable th{
padding:5px;
text-align:left;
font-weight:normal;
	border:none;
background:#eee;
}
.nobordertable td{
	padding:5px;
	border:none;
}

.balloon {
  position: relative;
  display: block;
  margin:5em 0;
  padding: 10px 20px;
  max-width: 100%;
  background: #FFF;
  border: solid 3px #ccc;
  box-sizing: border-box;
	border-radius: 15px;
}
.balloon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
.balloon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #ccc;
  z-index: 1;
}



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */
/*for Dreamweaver view */
.clearfix {overflow:hidden;}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}


/*layout*/
html {
font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size : 16px;
line-height : 1.8;
color:#000;
background:#fff;
}

/*header*/
header{
max-width:960px;
height:150px;
padding:0 20px;
margin:0 auto;
box-sizing:border-box;
}
.title{
padding-top:30px;
}
h1{
/*font-size:1.875em;*/
font-size:32px;
letter-spacing:0.1em;
font-family:Hiragino Kaku Gothic W6 JIS2004, sans-serif;
}
.h1_eng{
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0.07em;
font-size:14px;
padding-left:5px;
}

nav{
text-align:right;
padding-top:40px;
}
nav li{
display:inline-block;
margin:0px 0.5em;
letter-spacing:0.05em;
font-family:Hiragino Kaku Gothic W6 JIS2004, sans-serif;
}
.pl1em{
padding-left:1em;	
}
h1 a, nav a{
color:#000;	
}
h1 a:hover, nav a:hover{
color:#000;
text-decoration:none;
padding-bottom:5px;
border-bottom:2px solid #004499;
}

/*footer*/
.pagetop{
position:fixed;
bottom:20px;
right:20px;
font-size:11px;
font-family:Arial, Helvetica,sans-serif;
padding:5px;
text-align:center;
background-color: rgba(255,255,255,0.8);
}
footer{
text-align:center;
padding:2em 0;
border-top:1px solid #ccc;
font-size:12px;
font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
line-height:2;
color:#777;
}

/*home*/

#loading{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	padding-top:200px;
	background:#fff;
	z-index:200;
	font-family:Verdana, Geneva, sans-serif;
	color:#777;
	letter-spacing: 0.2em;
}

.mv{
background:#000;
padding:20px 0;
margin-bottom:3em;
height:640px;
}
.loading{
text-align:center;
margin-top:300px;
color:#aaa;
}
.slider-pro{
display:none;
}
.sp-slide{
height:640px;
line-height:640px;
text-align:center !important;
}
/*.sp-thumbnail-container{
margin-right:5px;	
}
.sp-thumbnails{
margin:20px 0;
}
.sp-thumbnails img{
width:auto !important;
height:60px !important;
margin-left:0px !important;
margin-top:0px !important;
}*/
.sp-black{
font-family: UD Shin Go Regular;
letter-spacing:0.1em;
}

.home_bt_list{
text-align:center;
}
.home_bt_list li{
display:inline;
margin:0px 10px;
}
/*.home_bnr{
margin-bottom:3em;
text-align:center;
}
.home_bnr li{
display:inline-block;
}
.home_bnr3{
margin-bottom:2em;
}
.home_bnr3 li{
width:31.3%;
margin:0px 1% 1em 1%;
float:left;
text-align:center;
}
.home_bnr3 li a{
font-family:UD Shin Go Medium, sans-serif;
	letter-spacing:0.2em;
	font-size:0.9em;
}
.home_bnr4{
margin-bottom:2em;
}
.home_bnr4 li{
width:23%;
margin:0px 1% 1em 1%;
float:left;
text-align:center;
}*/
#column_bnr ul{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
gap:30px;
}
#column_bnr li{
text-align:center;
}
.ui-tabs-nav{
text-align:center !important;

}
.tab_shadow{
background:url(images/tabs_shadow.png) repeat-x left top;
height:36px;
}
.ui-tabs-nav li{
display:inline-block;
width:180px;
margin:0px 10px;
}
.ui-tabs-nav li a{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:0.5em 0;
display:block;
text-align:center !important;
font-family:UD Shin Go Medium, sans-serif;
background:#000;
color:#fff;
letter-spacing:0.2em;
border-radius:15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px; 
-moz-border-radius:15px 15px 0px 0px;
text-decoration:none;
}
.ui-tabs-nav li a:hover{
background:#555;	
}
.ui-tabs-nav .ui-tabs-active a{
background:#fff;
color:#000;	
}
.ui-tabs-nav .ui-tabs-active a:hover{
background:#fff;
}

.fb-page{
margin:0 auto;
text-align:center;
}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe[style]{ width: 100% !important;}

/*contents*/
.contents{
max-width:960px;
padding:0 20px;
margin:0 auto;
	box-sizing:border-box;
}
.main{
max-width:720px;
margin-left:240px;	
}
.side{
width:210px;	
}
section{
margin-bottom:3em;
}

article p{
margin-bottom:1em;
}

h2{
font-family:UD Shin Go Medium, sans-serif;
padding:1em 0;
font-size:1.875em;
background:#000;
color:#fff;
text-align:center;
margin-bottom:2em;
line-height:1.2;
letter-spacing:0.1em;
}
.h2_eng{
font-size:0.6em;
color:#aaa;	
}
h3{
font-family:UD Shin Go Medium, sans-serif;
font-size:1.5em;
border-bottom:1px solid #ccc;
padding-bottom:0.1em;
letter-spacing:0.1em;
margin-bottom:1em;
}
.h3_l{float:left;}
.h3_r{float:right;}
.h3_eng{
letter-spacing:0.2em;
}
.h3_small{
font-size:0.75em;
font-weight:normal;
}
.h3_writer{
font-size:0.75em;
font-weight:normal;
}
.h3_link{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:0.583em;
font-weight:normal;
letter-spacing:0em;
}
h4{
font-size:1.0em;
border-bottom:1px dotted #ccc;
margin-bottom:0.2em;
padding-bottom:0.2em;
}
.news_list{
border-bottom:1px dotted #ccc;
margin-bottom:1em;
padding-bottom:1em;
}
.news_list dt{
float:left;
width:100px;
}
.news_list dd{
margin-left:120px;
max-width:840px;
}
.news_list .cat{
float:right;
color:#333;
font-size:12px;
}

.yakuin_list{
margin-bottom:1em;
}
.yakuin_list dt{
float:left;
width:90px;
text-align:right;
font-weight:bold;
}
.yakuin_list dd{
float:left;
margin-left:20px;
}

.member_list{
width:100%;
border-collapse:collapse;
border:none;
}

.member_list td{
padding:5px;
border-bottom:1px dotted #ccc;
text-align:center;
}
.member_list th{
background:#000;
color:#fff;
padding:5px;
text-align:center;
font-size:0.875em;
}
.member_list a{
background:transparent;
color:#004499;
font-size:24px;
display:inline;
padding:0px;
}

.member_list2{
width:100%;
border-collapse:collapse;
border:none;
}

.member_list2 td{
padding:10px 5px;
border-bottom:1px dotted #ccc;
}
.member_list2 th{
background:#000;
color:#fff;
padding:5px;
text-align:left;
}
.member_list2 .area{
text-align:center;
background:#000;
font-size:1.2rem;
padding:5px;
color:#fff;
	border:none !important;
}
.member_list2 .pref{
width:4em;
}
.member_list2 .name{
white-space:nowrap;
}
.member_list2 .icon{
width:30px;
text-align:center;
}
.kiyakulist{
margin-left:0em;
}
.kiyakulist li{
margin-bottom:1em;
font-size:1.1rem;
}
.kiyakulist li ul{
margin-left:1em;
}
.kiyakulist li ul li{
margin-bottom:0em;
font-size:1rem;
}
.kiyakulist li ul li ul{
margin-left:1em;
}
.thumb_list li{
border-bottom:1px dotted #ccc;
margin-bottom:2em;
padding-bottom:1em;
}
.thumb_photo{
width:300px;
padding-top:10px;
text-align:center;
margin-bottom:1em;
line-height:1.2;
}
.thumb_list_per li{
float:left;
width:30%;
margin-right:5%;
padding-top:10px;
text-align:center;
margin-bottom:1em;
line-height:1.2;
}
.thumb_list_per li:nth-child(3n){
margin-right:0;
}

.thumb_text{
margin-left:20px;
max-width:600px;
}

.gallery_photo{
width:300px;
height:300px;
line-height:300px;
text-align:center;
margin-bottom:1em;
}

.contactform{
max-width:640px;
margin:0 auto;
}

input[type="text"],input[type="email"]{
width:50% !important;
}
textarea{
width:96% !important;
}

.sidenav{
font-size:0.875em;	
}
.sidenav li{
margin-bottom:1em;
}
.sidenav li a{
background:url(images/arrow_default.png) no-repeat left center;
padding-left:11px;
display:inline-block;
}
.wp-pagenavi{
text-align:center;
}

.side_archive{
display:block;
}
.bottom_archive{
display:none;
}

/*author*/
.shortcode-author-avatars .author-list{
float:none !important;
text-align:center !important;
}
.shortcode-author-avatars div.author-list .user{
float:none !important;
display:inline-block !important;
margin:0px 10px 25px !important;
}

/*profile*/
#profile .flex {
display: flex;
justify-content: space-between;
}
#profile h3{margin-bottom:0.5em;}
#profile .face {
width: 150px;
margin-right: 25px;
}
#profile .info {
width: 100%;
}
#profile .company {
font-size:0.9rem;
}
#profile .comment{
border:1px solid #ccc;
padding:15px;
border-radius: 5px;
}

/* 800px */
@media screen and (max-width : 800px) {
.sp_show{display:block;}
.pc_show{display:none;}
.fl, .fr{float:none;}
header{
text-align:center;
height:auto;	
}
nav{
text-align:center;
padding-top:1em;
margin-bottom:30px;	
}
.pl1em{
padding-left:0;
}
.contents{
width:auto;
}
.main{
width:auto;
margin:0px;	
}
.side{
width:auto;
margin-bottom:2em;
}
.sidenav {
text-align:center;	
}
.sidenav li{
display:inline;
margin-right:10px;
}
h2{
margin-bottom:1em;	
}
.h3_writer{
display:block;
}
.news_list dt{
float:none;
width:auto;
font-size:0.875em;
}
.news_list dd{
float:none;
margin-left:0px;
}
.news_list .cat{
float:none;
display:block;
}
.thumb_photo{
width:100%;
text-align:center;
margin-bottom:2em;
}
.thumb_text{
margin-left:0px;
max-width:100%;
text-align:center;
}
.gallery_photo{
width:100%;
height:auto;
line-height:1em;
padding-top:1em;
}
.side_archive{
display:none;
}
.bottom_archive{
display:block;
}
.home_bt_list li{
display:block;
margin:0px auto 2em auto;
}
.ui-tabs-nav li{
width:145px;
font-size:16px;
margin:0px 5px;
}
.ui-tabs-nav li a{
padding:0.3em 0;	
}
/*.home_bnr4 li{
width:46%;
margin:0px 2% 1em 2%;
}*/
#column_bnr ul{
grid-template-columns: 1fr;
gap:15px;
}
}

/* 480px */
@media screen and (max-width : 480px) {
html{
font-size:14px;	
}
h1{
font-size:27px;
}
.h1_eng{
font-size:12px;
padding:0
}
nav li{
font-size:12px;
margin-right:5px;
letter-spacing:0em;
}
.mv{
height:320px;
}
.sp-slide{
height:320px;
line-height:320px;
}
.sp-slide .tatenaga{
width:auto !important;
height:320px  !important;	
}
.h3_small{
display:none;	
}
.h3_eng{
font-size:0.875em;
letter-spacing:0.1em;	
}
.member_list td{
padding:0.2em;	
}
.member_list2 .area{
font-size:1.0rem;
padding:5px;
color:#fff;
}
.member_list2 td{
padding:5px 3px;
font-size:0.9rem;
}
.member_list2 .icon{
width:20px;
}
.yakuin_list dt{
float:none;
width:auto;
text-align:left;
}
.yakuin_list dd{
float:none;
margin-left:0px;
}
.ui-tabs-nav li{
width:100px;
font-size:12px;
margin:0px;
}
/*profile*/
#profile .flex {
display: block;
justify-content: space-between;
}
#profile .face {
margin:0 auto 25px auto;
}
#profile .info {
width: 100%;
}
}