@charset "UTF-8";

/* モバイル用320px以下の画面 */
	@media only screen and (max-width: 320px) {
		
		section {
			text-align: center;
			width: 85%;
			
		}
		
		section h1 {
			padding-left: 0;
			padding-right: 0;
		    color:#6c8a98;
		}
		pre {
			overflow: hidden;
		}
		
		.cd-main-content {
    padding-top: 10px;
  }
		
/* MAINPOSTER */
	#mainposter {
		margin: 0 auto;
		width: 95%;
		z-index: 1;
		text-align:center;
	}
	.poster_mobile{
		padding-top:20px;
		width: 95%;
		height: auto;
	}
	
	#mainposter p1{ 
	color: #404040;
	font-size: 11px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-decoration: none;
	letter-spacing: 1px; /* ←文字間隔 */
	line-height:25px;
	}
	
	#mobile_copy {
	display:block;
	margin-top:-10px;
	}
	#mobile_copy p{ 
	color: #404040;
	font-size: 13px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-decoration: none;
	letter-spacing: 1px; /* ←文字間隔 */
	line-height:30px;
	}
	
	#pc_copy {
	display: none;}
	
/* ABOUT */
		#paragraph {
		text-align:center;
		}
		
		#aboutlist li{ 
		display: inline-block;
		clear: none;
		vertical-align: top;
		text-align:left;
		line-height:30px;
		}
		#aboutlist li p1{ 
		color: #404040;
		font-size: 14px;
		font-family: 'Noto Sans Japanese', serif;
		text-decoration: none;
		letter-spacing: 1px; 
		font-weight:bold;
		}
		
		#aboutlist li p2 { 
		color: #404040;
		font-size: 12px;
		font-family: 'Noto Sans Japanese', serif;
		text-decoration: none;
		letter-spacing: 1px; /* ←文字間隔 */
		}
		
		#aboutlist li p3{ 
		color: #404040;
		font-size: 11px;
		font-family: 'Noto Sans Japanese', serif;
		text-decoration: none;
		letter-spacing: 1px; /* ←文字間隔 */
		}
		
		#aboutlist li p4{ 
		color: #404040;
		font-size: 10px;
		font-family: 'Noto Sans Japanese', serif;
		text-decoration: none;
		letter-spacing: 1px; /* ←文字間隔 */
		}
		
		#aboutlist li p5{ 
		color: #404040;
		font-size: 10px;
		font-family: 'Noto Sans Japanese', serif;
		text-decoration: none;
		letter-spacing: 1px; /* ←文字間隔 */
		font-weight:bold;
		}
		
		#aboutlist li a{ 
		color: #404040;
		font-size: 11px;
		font-family: 'Lato', sans-serif;
		text-decoration: none;
		letter-spacing: 1px; /* ←文字間隔 */
		font-weight:bold;
		}
		
		#aboutlist li a:hover{ 
		opacity:0.5;
		}
		/* ボーダー 
		border-style: solid;
		border-color: #000000E;
		border-width: 1px;
		padding:5px;
		text-align:center;*/
		
/* GOOGLE MAP*/
		#map {
      	width: auto;
		height: 0;
		position: relative;
		padding-bottom: 130%; 
		overflow: hidden;
    	}
		/*
		.google-maps {
		position: relative;
		padding-bottom: 50%; 
		height: 0;
		overflow: hidden;
		}
		.google-maps iframe {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		}
		*/

/* ACCESS */
		#informationlist {
		display:block;
		text-align: center;
		margin-top: 20px;
		}

		#informationlist a { 
		color: #7a95a2;
		font-size: 11px;
		font-family: 'Noto Sans Japanese', serif;
		text-decoration: none;
		font-weight:bold;
		letter-spacing: 1px; /* ←文字間隔 */
		}
		
		
/* SHARE */
		#social{
		text-align:center;
		}
		#sharelist li{
		display: inline-block;
		}
		
		#sharelist a{ 
		padding-left:10px;
		padding-right:10px;
		}
		
		#sharelist img{
		width:40px;
		height:40px;
		}
		
		#sharelist a:hover{ 
		opacity:0.7;
		}
		
/* FOOTER */
		footer {
		width:90%;
		text-align: center;
		}
		footer p1 {
		color: #ffffff;
		font-size: 10px;
		font-family: 'Lato', sans-serif;
		}
		#fottersociallist {
		padding-top:10px;
		display: inline-block;
		letter-spacing:10px;
		}
		#fottersociallist a{
		color: #ffffff;
		font-size: 20px;
		}
		#fottersociallist a:hover{
		opacity:0.5;
		}
/* フロートナビ */
		#page-top {
    	position: fixed;
    	bottom: 10px;
    	right: 15px;
   		font-size: 35px;
		}
		#page-top a {
    	text-decoration: none;
    	color: rgba(51,65,74,0.5);
   	 	text-align: center;
    	display: block;
		}
		#page-top a:hover {
    	text-decoration: none;
    	color: rgba(51,65,74,1);
		}
}