@charset "utf-8";
/* ブラウザ表示対策------------------------------------------------- */
/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after {
	content:".";
	font-size: 0.1em;
	line-height: 0; 
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
/* Win版IE7とMac版IE5対策 */
.clearfix {
	display:inline-block;
}
/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix {
	height:1px;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

html {
	margin : 0;
	padding : 0;
	height : 100%;
}
body {
	margin : 0;
	padding : 0;
	width : 100%;
	height:100%;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#000;
	line-height:1.62;
	z-index: 1;
	-webkit-text-size-adjust:none;
	background-color:#FFFFFF;
}
a:link,
a:visited {
	color:#009AB6;
	text-decoration: none;
}
a:hover,
a:active {
	color:#009AB6;
	text-decoration:underline;
}
a.urllink:link,
a.urllink:visited {
	color:#009AB6;
	text-decoration: none;
}
a.urllink:hover,
a.urllink:active {
	text-decoration:underline;
}
a.urllink[href^="http"]:after {
 content: url("../../commons/img/link.gif");
}
a.maplink {
	font-size:80%;
	padding:2px;
	background:#009AB6;
	color:#FFF;
}

a:hover img {
	opacity: .8; /* Standard: Firefox 1.5以上, Opera, Safari */
	filter: alpha(opacity=80); /* IE 8以下 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: .8; /* Safari 1.x */
	-moz-opacity: .8; /* Firefox 1.5以下, Netscape */
}
#logo a:hover img,
#top_bg img {
	opacity: 1; /* Standard: Firefox 1.5以上, Opera, Safari */
	filter: alpha(opacity=100); /* IE 8以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* Firefox 1.5以下, Netscape */
}
a.nolink:hover {
	text-decoration: none;
}
a.nolink:hover img {
	opacity: 1;
}
img {
	font-size:1px;
	vertical-align: text-bottom;
}
li{
	list-style:none;
}
h2,
h3 {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif;
	color:#009AB6;
	font-size:110%;
}
h2 {
	margin-left:160px;
	padding:20px 0 40px 0;
	text-align:center;
/*	border-top:#999 1px solid;*/
}
h3 {
	padding:30px 0 10px 0;
}
small {
	font-size:80%;
}

/* SVG */
.svg-block {
    display: block;
}
object {
	pointer-events: none;
}
.svg-link object {
	overflow:visible;
}
/* SVG */

::selection {
 background: #000;
 color:#FFF;
}
::-moz-selection {
 background: #000;
 color:#FFF;
}

.new {
	position:relative;
}
.new:after {
	padding-left:10px;
	content:url(../../img/new.png);
	position:absolute;	
}
.pdf_link {
	display:block;
	margin:20px 0;
	padding:10px;
	background:#009AB6;
	text-align:center;
}
.pdf_link a {
	color:#FFF;
}

/* baselayout--------------------------------------------------------- */

/* ======================================================
-----mainContents------------------------------------
=========================================================*/
#top-wrapper,
#wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	min-width:980px;
	min-height:100%;
}

@media only screen and (max-width:980px){
	#top-wrapper {
		min-width:0;
		min-height:0;
	}

}

.container {
	width:100%;
	position:relative;
	padding-top:140px;
}
.maincontents {
	width:940px;
	margin:0 auto;
	padding:20px;
}
.pages {
	padding-top:90px;
}
#main_title {
	position:fixed;
	z-index:500;
}
.left_contents {
	width:460px;
	float:left;
	padding-left:160px;
}
.right_sidebar {
	width:300px;
	min-height:400px;
	float:left;
	margin-left:20px;
}
#read_txt p {
	display:block;
	clear:both;
	padding-top:30px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif;
	font-size:105%;
	font-weight:bold;
}
dt {
	font-weight:bold;
}
dl dt.dt_title {
	width:140px;
	float:left;
	text-align:right;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif;
	color:#009AB6;
}

dl dt,
dl dd {
	padding-bottom:30px;
}
dl.dl_sub dt,
dl.dl_sub dd {
	padding-bottom:5px;
}
dl dd {
	padding-left:160px;
}
dl dd span {
	font-weight:normal;
}
dl dd dl dt {
	width:175px;
	float:left;
}
dl.dl_sub dd {
	padding-left:0;
}
dl dd dl dd.dd01 {
	width:100px;
	float:left;
}
dl dd dl dd.dd02 {
	padding-left:275px;
}
footer,
#footer,
.footer {
	height:20px;
	padding:50px 0 20px 0;
	font-size:80%;
	text-align:center;
}

/* ======================================================
-----toppage------------------------------------
=========================================================*/
#toppage {
	position:relative;
	width:100%;
	height:100dvh;
}
/*
#toppage #toppage_title {
	width:100%;
	display:none;
	
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);

	z-index:100;
}

#toppage #toppage_title h1 {
	width:85%;
	max-width:800px;
	margin:0 auto;
	text-align:center;

}

*/

#toppage #toppage_title {
	display:none;
}
#toppage #toppage_title h1 {
	text-align:center;display:table;margin:0 auto;
}

#toppage #toppage_title h1 img{
	max-height:100vh;width:auto;max-width:70%;margin:0 auto;margin-top:15%;
}

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

	#toppage #toppage_title h1 img{
		height:auto!important;
	}

	#toppage #toppage_title {
		width:100%;
		position: absolute;
		top: 35%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		z-index:100;
	}

	#toppage #toppage_title h1 {
		width:85%;
		max-width:800px;
		margin:0 auto;
		text-align:center;

	}
}









p#top_credit {
	display:block;
	position:absolute;
	bottom:20px;
	right:15px;
	font-size:80%;
	color:#000;
	padding: 0 10px 0;
	background-color: rgba(255, 255, 255, 0.7);
}
#top_bg {
	display:none;
	width:100%;
	height:100%;
	/* padding-top:210px; */
	/*padding-left:1%;*/
	background:#ffffff center center no-repeat;
	background-size: auto 100%;

}
#top_credit{display:none;}


/* ======================================================
-----main_nav------------------------------------
=========================================================*/
#header {
	width:100%;
	min-width:980px;
	height:140px;
	position:fixed;
	z-index:999;
	background:#FFF;
	border-bottom:#CCC 1px solid;
}
#header h1 {
	width:150px;
	float:left;
	padding:30px 0 0 40px;
	margin-right:60px;
}
.nav_set {
	width:100%;
}
.nav_set ul.dropdown {
	float:left;
	padding:20px 0 0 0;
	margin-right:40px;
}
.nav_set ul li small {
	font-weight: normal;
}
.nav_set ul#nav01 {
	width:135px;
	z-index:601;
}
.nav_set ul#nav02 {
	width:150px;
	z-index:600;
	padding:20px 0 0 0;
}
.nav_set ul.dropdown li {
	float:left;
	clear: both;
}
.nav_set ul.dropdown li.li_sub {
	position:relative;
}
.nav_set ul#nav01 li{
	width:100%;
}
.nav_set ul#nav01 .comin {
	padding-bottom:6px;
}
.nav_set ul#nav02 .comin {
	padding-bottom:6px;
	font-size:12px;
	margin:0 0 0 5px;
}
.nav_set ul#nav02 li a {
	width:100%;
}
.nav_set ul.dropdown li a {
	height:18px;
	display:block;
	padding:5px 5px 3px 5px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
/*20191227追加*/
.nav_set ul.dropdown li span{
	height:18px;
	display:block;
	padding:5px 5px 3px 5px;
	font-weight:bold;
	color:#ccc;
	text-decoration:none;
}

.nav_set ul.dropdown li a.jp_txt {
	font-size:90%;
}
.nav_set ul.dropdown li a:hover {
	color:#FFF;
	background:#009AB6;
	text-decoration:none;
}
.nav_set ul.dropdown li a.nolink:hover {
	color:#000;
	background:none;
}
.nav_set ul.dropdown li ul.sub {
	width:170px;
	top:-10px;
	left:80px;
	margin:10px 0;
	padding:5px;
	background:#F1F1F1;
}
.nav_set ul#nav01 li ul li a,
.nav_set ul#nav02 li ul li a {
	width:160px;
}
.nav_set ul#nav01 b {
	padding:0 0 0 5px;
}
.nav_set ul#nav02 b {
	padding:0 0 0 5px;
}
.nav_set ul#nav02 .comin2{
	margin:0 0 0 5px;
	font-size:12px;
	padding-bottom:2px;
}
.nav_set #nav_right {
	width:244px;
	float:right;
}
.nav_set #nav_right #header_date {
	width:300px;
	float:right;
	padding:20px 20px 0 0;
	text-align: right;	
}
.nav_set #nav_right #header_mark {
	width:60px;
	float:right;
	padding:30px 20px 0 10px;
}
.nav_set #nav_right #social_link {
	padding:70px 10px 0 0;
}
.nav_set #nav_right #social_link ul {
	height:30px;
}
.nav_set #nav_right #social_link ul li {
	float:right;
	padding-right:10px;
}
.nav_set #nav_right #social_link ul li a {
	width:30px;
	display:block;
}

/* ======================================================
-----home page------------------------------------
=========================================================*/
#home #news {
	width:460px;
	float:left;
	padding-bottom:20px;
	font-size:90%;
}
#home #news ul {
}
#home #news ul li {
	background:url(../../img/li_tri.gif) no-repeat 0 6px;;
	padding-left:15px;
}
#home #news ul li p {
	line-height:1.5;
}
#home #news ul li p.date {
	width:70px;
	float:left;
	padding:5px 0;
}
#home #news ul li p.title {
	padding:5px 0;
	padding-left:80px;
	font-weight:bold;
}
#home #news ul li a {
	color:#000;
}
#home #news ul li a:hover {
	color:#009AB6;
}
#home #photobook_banner {
	width:460px;
	padding-bottom:50px;
	float:right;
}
#concept {
	width:100%;
	float:left;
	padding:30px 0;
	text-align:center;
}
#concept .title {
	padding-bottom:40px;
}
#concept #concept_txt {
	width:660px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif;
	font-size:110%;
	font-weight:bold;
	float:left;
	padding-left:30px;
}
/*
#concept .logo {
	float:left;
	padding-left:30px;
}
*/
#concept .logo {
	width: 150px;
	margin: 0 auto;
}
#concept .logo img{
	width: 100%;
	height: auto;
}
#home #bannerset {
}
#home #bannerset ul {
	margin-left:-20px;
}
#home #bannerset ul li {
	float:left;
	padding-left:20px;
	padding-bottom:50px;
}
#home #gamarock {
	padding-bottom:50px;
	text-align:center;
}
#home #credit {
	border-top:#FFF 1px solid;
	font-weight:bold;
}
#home #credit dl {
	padding-top:50px;
}
#home #credit dl dt,
#home #credit dl dd {
	padding-bottom:30px;
}
#home #credit dl dt {
	width:100px;
	float:left;
	text-align:right;
}
#home #credit dl dd {
	padding-left:150px;
	padding-right:50px;
	font-size:110%;
}
#home #credit dl dd span {
	display:inline-block;
	padding-right:20px;
}
#home #credit dl dd img {
	vertical-align:middle;
}

/* ======================================================
-----news page------------------------------------
=========================================================*/
.left_contents .txtset {
}
.left_contents .txtset h2 {
	margin:0;
	padding:0;
	text-align:left;
	font-size:130%;
	border:none;
	color:#000;
}
.left_contents .txtset .date {
	padding:5px 0 5px 0;
	margin-bottom:30px;
	text-align:right;
	border-bottom:#999 1px solid;
}
.right_sidebar ul.first li {
	width:300px;
	padding:5px 0 10px 0;
}
.right_sidebar ul.first li ul li{
	border-bottom:none;
	padding:15px 0 0 0;
}
ul.first li a{
	cursor: pointer;
	color: #000;
	line-height:130%;
	font-weight:bold;
}
ul.first li a:hover{
	color: #009AB6;
}
.ui-tabs {
	position: relative;
	zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 1px;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
	color:#009AB6;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
	color:#000;
} 
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a:hover {
	color:#009AB6;
} 
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

#news dl dt,
#news dl dd {
	padding:5px;
}
#news dl dt {
	width:100px;
	float:left;
}
#news dl dd {
	padding-left:100px;
}

/* ======================================================
-----about page------------------------------------
=========================================================*/
#about #concept {
	float:none;
	padding-top:0;
	text-align:center;
}
#about #gaiyou ul li {
	padding-bottom:15px;
}
#about dl dd.dd_credit span {
	display: inline-block;
}
#about #flyer {
	float:right;
	padding-left:20px;
}
#about #flyer p {
	text-align:right;
}

/* ======================================================
-----about_concept page------------------------------------
=========================================================*/
#about #gaiyou #taidan {
  margin-top: 50px;
  text-align: center;
}

/*
#about #gaiyou #taidan #title {
  font-size: 16px;
  color: #fff;
  font-weight: bolder;
  background-color: #5699b3;
  padding: 2px 20px;
  margin-top: 6px;
}
*/

/* ======================================================
-----talk page------------------------------------
=========================================================*/
#talk #taidan {
  text-align: center;
}

#talk #talktext {
  margin: 20px auto;
  width: 700px;
}

#talk #lead {
  width: 700px;
  margin: 20px auto;
  letter-spacing: 1.0px;
  line-height: 1.8;
  font-size: 104%;
}

#talk #talktext p {
  width: 500px;
  letter-spacing: 1.0px;
  line-height: 1.8;
}

#talk #talktext .chairmanship {
  margin: 20px 0;
  font-weight: bold;
  font-size: 108%;
}

#talk #talktext .maintext {
  font-size: 106%;
}

#talk #talktext span {
  float:right;
}

#talk #talktext .talk_photo {
  margin-top: 20px;
}

/* ======================================================
-----event page------------------------------------
=========================================================*/
#event {
	padding-left:110px;
}
#event #event_top img.portfolio {
	margin-left:-20px;
}
#event #sort_by {
	float:right;
	padding-right:110px;
}
#event #sort_by li {
	float:left;
	padding-left:20px;
}
#event #item_container {
	width:100%;
	padding-top:70px;
}
#event .item {
	width:300px;
	position:relative;
	padding-right:20px;
	padding-bottom:40px;
}
#event .item .category {
	position:absolute;
	top:-15px;
	left:0;
}
#event .item img {
	vertical-align:bottom;
}
#event .item .event_info {
	padding:20px;
	background:#F2F2F2;
}
#event .item h2 {
	margin:0;
	padding:10px 0 20px 0;
	text-align:left;
	border:0;
	color:#000;
}
#event .item .event_info p {
	font-size:90%;
}
#event .item .event_info .date {
	font-weight:bold;
}
#event .item .event_info .place {
	padding-bottom:15px;
}
#event .item .event_info .txt {
	padding-bottom:5px;
}
@media screen and (max-width: 1160px){
#event {
	width:960px;
	margin:0 auto;
	padding-left:20px;
}
#event #sort_by {
	padding-right:20px;
}
}
/* ======================================================
-----access page------------------------------------
=========================================================*/
#access {
}
#access .infowindow {
	width:300px;
}
#access .infowindow h2 {
	margin:0;
	padding:0;
	padding-bottom:5px;
	margin-bottom:10px;
	font-size:14px;
	border:0;
	border-bottom:#999 1px solid;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#access .infowindow p {
	margin:0;
	padding:0;
	font-size:12px;
	word-wrap: break-word;
}
#access .infowindow a {
}
#access .gmnoprint div {
	height:20px;
	line-height: 20px;
}
#map_canvas {
	width:100%;
	height:100%;
}
#access ul#place_list {
	width:80%;
	display:block;
	position:absolute;
	left:100px;
	padding-top:5px;
	z-index:501;
}
#access ul#place_list li {
	height: 20px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}
#access ul#place_list li a {
	display:block;
	padding:3px 10px;
	line-height: 20px;
	font-size:90%;
	font-weight:bold;
	border:#ababab 1px solid;
	background:#FFF;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
	color:#000;
}
#access ul#place_list li a:hover {
	text-decoration:none;
	color:#FFF;
	background:#009AB6;
}
#access #closeStreetView {
	position:absolute;
	top:160px;
	right:0;
	z-index:99;
}
#access_footer {
	padding:10px 0;
}
#access p#mobile_link {
	display:none;
	position:absolute;
	left:100px;
	padding-top:50px;
	z-index:502;
}
#access p#mobile_link a {
	display:block;
	padding:5px 20px;
	font-size:200%;
	font-weight:bold;
	border:#ababab 1px solid;
	background:#009AB6;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
	color:#FFF;
}
#access p.mobile_link a:hover {
	text-decoration:none;
	color:#009AB6;
	background:#FFF;
}
#mobile {
	width:100%;
	height:100%;
}
#mobile #wrapper {
	min-width:0;
}
#mobile .container {
	padding-top:0;
}
#mobile #access ul#place_list {
	width:50%;
	left:10px;
}
#mobile #access ul#place_list li {
	margin-bottom:13px;
}
#mobile #access ul#place_list li a {
	padding:3px;
	font-size:80%;
}
#mobile #access .infowindow {
	width:200px;
}

/* ======================================================
-----photobook page------------------------------------
=========================================================*/
#photobook .phototxtset {
	width:620px;
	float:left;
}
#photobook .left_contents {
	padding-bottom:50px;
}
#photobook .left_contents h2 {
	margin:0;
	padding:0;
	text-align:left;
	font-size:150%;
	line-height:1.3;
	border:none;
	color:#009AB6;
}
#photobook .title_price {
	padding-top:30px;
	padding-bottom:20px;
	font-weight:bold;
}
#photobook .left_contents #read_txt p {
	font-size:100%;
}
#photobook #detail{
	padding-top:60px;
}
#photobook #detail dl.dl_sub dt {
	width:150px;
	font-weight:normal;
}
#photobook #detail dl.dl_sub dd {
	padding-left:150px;
}

#photobook #detail p.first {
	display:block;
	padding-bottom:15px;
}
#photobook #detail p strong {
	display:block;
	padding-bottom:5px;
}
#photobook #detail dl.profile {
	padding-bottom:20px;
}
#photobook #detail dl.profile dt,
#photobook #detail dl.profile dd {
	padding-bottom:0px;
}
#photobook #detail dl.profile dt {
	width:50px;
	font-weight:normal;
}
#photobook #detail dl.profile dd {
	padding-left:60px;
}

/* ======================================================
-----portfolioreview page------------------------------------
=========================================================*/
#portfolioreview #title {
	padding:30px 0 50px 0;
	text-align:center;
}
#portfolioreview #read_txt {
	width:440px;
	float:left;
	padding-left:160px;
}
#portfolioreview #snap_img {
	width:340px;
	float:left;
}
#portfolioreview #snap_img p {
	padding-right:5px;
	text-align:right;
}
#portfolioreview #entry_sheet {
	width:340px;
	float:right;
	padding-top:20px;
}
#portfolioreview #entry_sheet a {
	width:340px;
	height:65px;
	display:block;
	clear:none;
	padding-top:20px;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	background:#009AB6;
	color:#FFF;
}
#portfolioreview #detail {
	padding:50px 0;
}
#portfolioreview #detail dl {
	font-weight:bold;
}
#portfolioreview #about {
	width:780px;
	padding-left:160px;
	font-size:105%;
	font-weight:bold;
}
#portfolioreview #about h3.first {
	padding-top:0;
}
#portfolioreview #about ul li {
	padding-bottom:25px;
}
#portfolioreview #about ul li span.mark {
	width:30px;
	float:left;
	display:block;
}
#portfolioreview #about ul li span.mark_sp {
	width:30px;
	float:left;
	display:block;
	height:60px;
}
#portfolioreview #about ul li p.sub {
	display:block;
	padding-left:80px;
	font-size:90%;
	font-weight:normal;
}
#portfolioreview #about ul li dl dt {
	width:120px;
	float:left;
}
#portfolioreview #about ul li dl dd.dd01 {
	width:120px;
	float:left;
}
#portfolioreview #about ul li dl dd.dd02 {
	width:120px;
	padding-left:240px;
}
#portfolioreview #about p.kokuchi {
	padding:50px 0;
	text-align:center;
	font-size:130%;
	font-weight:normal;
}
#portfolioreview #entry dt.dt_title {
	width:140px;
	float:left;
	text-align:right;
	padding-bottom:20px;
}
#portfolioreview #entry dd div {
	width:740px;
	padding:10px 20px;
	background:#EFEFEF;
}
#portfolioreview #entry p.sub {
	display:block;
	padding-top:10px;
	font-size:90%;
	font-weight:normal;
}
#portfolioreview #entry a.entry_dawnload {
	width:320px;
	display:block;
	margin-bottom:10px;
}

/* ======================================================
-----shiogama page------------------------------------
=========================================================*/
#shiogama {
	position:relative;
}
#shiogama #main_img {
	margin-top:-70px;
	padding-left:160px;
	padding-bottom:50px;
}
#shiogama .left_contents {
	position:relative;
	z-index:11;
}
#shiogama .left_contents h3 {
	padding-top:20px;
}
#shiogama .left_contents .txtset {
	padding-bottom:20px;
}
#shiogama .left_contents .txtset li {
	padding-bottom:15px;
}
#shiogama .right_sidebar {
	width:360px;
	height:700px;
	position:absolute;
	right:0;
	margin-top:-40px;
	background:url(../../img/shiogama_map.png) no-repeat;
	z-index:10;
}

/* ======================================================
-----page------------------------------------
=========================================================*/
#archive #mainset,
#exhibition #mainset,
#link #mainset {
	padding-left:160px;
}
#archive h2,
#shiogama h2,
#exhibition h2,
#link h2 {
	margin:0;
	padding:0;
	padding-bottom:10px;
	text-align:left;
	font-size:140%;
	line-height:1.3;
	border:none;
	color:#009AB6;
}


/* ======================================================
-----archive page------------------------------------
=========================================================*/
#archive {
	width: 700px;
}
#archive h2 {
	margin-bottom: 30px;
}
#archive ul li {
	padding-bottom:30px;
}
#archive ul li strong {
}
#archive ul li p {
	display:block;
	margin-bottom: 10px;
	font-size: 90%;
}
#archive ul li p.double {
	margin-top:-35px;
}

/* ======================================================
-----index attention------------------------------------
=========================================================*/
.attention{
	display: table;
	margin: 70px auto 0;
	background-color: rgba(255,255,255,.5);
	padding: 20px;
}
.attention > .heading{
	text-align: center;
	margin-left: 0px;
	color: red;
	padding: 0;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 200%;
	margin-bottom: 20px;
	font-weight: bold;
}
.attention > p{
	color: red;
	font-size: 150%;
}







#right-menu{display:none;}
.pcnone{display:none!important;}
.spnone{display:block!important;}
#sidr-right{display:none;}


@media only screen and (max-width:767px){
	#top_bg {display:none;width:100%;/* padding-top:210px; *//*padding-left:1%;*/background:#ffffff center center no-repeat;background-size: cover;}
	#top_bg img {width:100%;/*margin-bottom:1%;*/}
	#top_credit{position:absolute;bottom:0;display:block;background:#fff;width:100%;}
	#top_credit img{margin:0 0 0 auto;display:block;max-width:40%!important;}



	body {-webkit-text-size-adjust: 100%;word-break: break-all;}
	.pcnone{display:block!important;}
	.spnone{display:none!important;}

	#right-menu{position:absolute;right:15px;top:0;padding:23px 0 0 0;display:block;width:30px;height:auto;}
	#right-menu img{width:100%;}
	.close_btn{width:11%;max-width:47px;position:absolute;right:3%; top:1.5%;}
	ul.accordion a { display:block;}
	ul.accordion ul {display:none;}
	ul.accordion > li > a span { background:url(../img/open.png) right center no-repeat;background-size:15px;padding:5px 30px 5px 0;}
	ul.accordion > li > a span.open { background:url(../img/close.png) right center no-repeat;background-size:15px;}

	img{max-width:100%!important;height:auto!important;}
	#object{max-width:100%!important;height:auto!important;}

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

	.snsmenubtn{border:none!important;}
	.snsmenubtn_in{display:flex;/*justify-content: center;*/padding-top:20px;}
	.snsmenubtn_in div{width:45px;padding:0 0 0 15px;}
	.snsmenubtn_in a{padding:0!important;}

	#main_title{width:50px;height:auto;}
	#main_title img{width:100%!important;height:auto!important;}

	#wrapper {width: 100%;height:100%;max-width:980px;min-width:1px;}
	.container {padding-top:0;}
	.pages {padding-top:40px;}

	h2 {margin-left:0;padding: 20px 0 30px 0;}

	.maincontents {max-width:940px;width: 100%;}
	.left_contents {max-width:100%;width: 100%;float:left;padding-left:40px;}
	.right_sidebar {max-width:300px;width: 100%;min-height:1px;float:left;margin-left:20px;}

	dl dt.dt_title {width:100%;float:none;text-align:left;padding-left:40px;padding-bottom:10px;}
	dl dd {padding-left:40px;}

	dl dd dl dt {width:100%;float:none;}
	dl dd dl dd.dd01 {width:100%;float:none;}
	dl dd dl dd.dd02 {padding-left:0;}



	/* ======================================================
	-----main_nav------------------------------------
	=========================================================*/
	#header {width:100%;max-width:980px;min-width:1px;height:auto;position:static;overflow:hidden;display:flex;align-items: center;}
	#header h1 {width:100px;float:none;padding:20px 0 13px 15px;margin-right:0;}

	#nav01 {display:none;}
	#nav02 {display:none;}
	#social_link {display:none;}
	.nav_set #nav_right {width: 170px;float: none;}
	.nav_set #nav_right #header_date {width: 100%;float: none;padding: 5px 0 0 20px;text-align: left;}


	/* ======================================================
	-----event page------------------------------------
	=========================================================*/
	#event {width:100%;padding:40px 20px 0 40px;}

	#event #event_top img.portfolio {margin-left:0;}
	#event #sort_by {float:none;padding:30px 20px 0 0;}
	#event #sort_by li {padding:0 20px 15px 0;}
	#event #item_container {width:100%;padding-top:50px;}
	#event .item {width:100%;padding-right:0;padding-bottom:50px;}

	#event .item img {width:100%;display:block;}


	/* ======================================================
	-----access page------------------------------------
	=========================================================*/

	#access ul#place_list {left:60px;}

	/* ======================================================
	-----photobook page------------------------------------
	=========================================================*/
	#photobook .phototxtset {width:100%;float:none;}

	#photobook #detail dl.dl_sub dt {padding: 15px 0 5px 0;}
	#photobook #detail dl.dl_sub dd {padding-left:0;}

	#photobook #detail dl.profile dd {padding-left:0;}


	/* ======================================================
	-----portfolioreview page------------------------------------
	=========================================================*/
	#portfolioreview #read_txt {width:100%;float:none;padding-left:40px;}
	#portfolioreview #snap_img {width:100%;float:none;padding-left:40px;padding-top:20px;}

	#portfolioreview #entry_sheet {width:100%;float:none;padding-left:40px;}
	#portfolioreview #entry_sheet a {width:100%;height:auto;padding:20px;}
	#portfolioreview #detail {padding:50px 0 0 0;}
	#portfolioreview #about {width:100%;padding-left:40px;}

	#portfolioreview #about ul li {text-indent:-15px;padding-left:15px;}
	#portfolioreview #about ul li span.mark {float:none;display:inline;}
	#portfolioreview #about ul li span.mark_sp {float:none;display:inline;height:auto;}
	#portfolioreview #about ul li p.sub {text-indent:0;padding-left:0;}
	#portfolioreview #about ul li dl {display:inline;text-indent:0;padding-left:0;}
	#portfolioreview #about ul li dl dt {display:inline;width:100%;float:none;}
	#portfolioreview #about ul li dl dd.dd01 {display:inline-block;width:100%;float:none;}
	#portfolioreview #about ul li dl dd.dd02 {display:inline-block;width:100%;padding-left:0;}

	#portfolioreview #entry dt.dt_title {float:none;text-align:left;padding-bottom:10px;}
	#portfolioreview #entry dd div {width:100%;padding:10px;}
	#portfolioreview #entry a.entry_dawnload {max-width:320px;width:100%;}


	/* ======================================================
	-----shiogama page------------------------------------
	=========================================================*/

	#shiogama #main_img {margin-top:0;padding-left:40px;padding-bottom:50px;}
	#shiogama .left_contents {float:none;}
	#shiogama .right_sidebar {width:300px;height:584px;position:static;margin:0 auto;float:none;background:url(../../img/shiogama_map.png) no-repeat;background-size:cover;}

	/* ======================================================
	-----page------------------------------------
	=========================================================*/
	#archive #mainset,#exhibition #mainset,#link #mainset {padding-left:40px;}


	/* ======================================================
	-----archive page------------------------------------
	=========================================================*/
	#archive {width: 100%;}


}




@media only screen and (max-width:480px){
	body{font-size:3vw;}

}