@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700;800;900&display=swap');

/*
Theme Name: あちゃまWEB
Description: あちゃまWEB開発
Version: 0.0.1
Author: M,Ishizaka
Author URI: http://kyum.chu.jp/web/
*/

.nolinkview{
text-decoration: none;
color:black;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
table{
	border-collapse:collapse;
	border-color:#6a6;
}
th,td{
	padding:5px;
	border-color:#393;
}
html{
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
}
h1{
font-size:16pt;
}
.bxslider{
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  margin: 0;
  padding-left: 0px;
}

#zentai{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid red;
}

#headerimg{
	position:relative;
	font-size:24px;
	padding-left:265px;
	padding-top:0px;
	width:935px;
	height:125px;
}

#headerimg #info {
	position:absolute;
	left:200px;
	top:0;
}
#headerimg #menu{
	position:absolute;
	left:230px;
	top:60px;
	font-size:20px;
}
#menu a{
	text-decoration:none;
	color:#000;
}
#menu a:hover{
	background-color:#FCC;
}


/* ログインしている場合は、管理バーの高さも考慮してpadding-topを増やす */
body.logged-in #content {
    /* 管理バーの高さ(32px) + ヘッダーの高さ(60px) = 92px */
    padding-top: 72px;
}

/* モバイルデバイスでログインしている場合のコンテンツの開始位置調整 */
@media screen and (max-width: 782px) {
    body.logged-in #content {
        /* モバイル管理バー(46px) + ヘッダーの高さ(60px) = 106px */
        padding-top: 106px;
    }
}

/* 本文中に注釈を書くための枠 */
.cyusyaku-box {
    padding: 0.2em 0.5em;
    margin-top: 1em;
    color: #565656;
    background: #eaeaff;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.cyusyaku-box p {
    margin: 0; 
    padding: 0;
}

#sideber{
	width:350px;
	border:1px solid blue;
	float:left;
}
.clear72{clear:both;margin:20px;}
.photoS{
	clear:both;
}
.photoS img{
	float:left;
}
.photoS .date{
	text-align:right;
}
.pagenav a{
	padding:5px 10px;
	border: solid 1px #cccccc;
	border-radius:10px;
	color:#666;
	font-size:12px;
	text-decoration:none;
}
.pagenav .old a{float:left}

.pagenav .new a{float:right}

.pagenav{
	overflow:hidden;
	margin:40px 0;
	border:1px solid red;
}
#footer{
	width:100%;
	float:left;
	margin-bottom:15px;
}
.google-maps {
	position: relative;
	padding-bottom: 75%; /* これが縦横比 */
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*blanc追加*/

.widgetbox .searchform { border:solid 1px #ccc; background-color:#f5f5f5; margin:20px 0; padding:15px; display:block; text-align:center;}
.widgetbox .searchform input[type="text"] { padding:10px;}
.widgetbox .searchform #searchsubmit { padding:8px;}

/* タブレットだけに適用するCSS (0～767px) */
@media screen and (max-width:1200px){
	#zentai{
		width:800px;
	}
	#headerimg{
		position:relative;
		font-size:24px;
		padding-left:265px;
		padding-top:0px;
		width:535px;
		height:125px;
	}
	#headerimg #info{
		position:absolute;
		left:200px;
		top:0;
	}
	#headerimg #menu{
		aposition:absolute;
		left:230px;
		bottom:0px;
		font-size:20px;
		border:1px solid blue;
	}
	#sideber{
		width:350px;
	}
}

/* スマホだけに適用するCSS (0～479px) */

@media screen and (max-width:479px){
	h1{
		font-size:16pt;
	}
	body{
		margin:0;
		padding:0;
	}
	#zentai{
		width:100%;
	}
	#headerimg{
		position:relative;
		font-size:12px;
		padding-left:0%;
		padding-top:25%;
		width:100%;
		height:0;
	}


	#headerimg #info{
		position:absolute;
		left:22%;
		top:0%;
	}
	#headerimg #menu{
		aposition:absolute;
		left:9%;
		top:44%;
		font-size:16px;
	}
	#sideber{
		width:350px;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.photoS h2{
		font-size:12px;
	}
	.photoS img{
		width:110px;
	}
	.photoS .excerptA{
		display:none;
	}
	.ggmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.google-maps {
		position: relative;
		padding-bottom: 75%; /* これが縦横比*/
		height: 0;
		overflow: hidden;
	}
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

#sideber .widgetbox h2 { font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:700; }