@charset "utf-8";
/*
	Theme Name: peraichi
	Description:peraichi
	Theme URI: 
	Author: agl
	Author URI: 192.168.0.158
	Version: 1.0.1
	License: GNU General Public License
	License URI: 
	Tags: 

*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


body, html {
  font-family: Lato,"Noto Sans JP","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

body {
background:#FFFFFF;
	font-size:16px;
	padding:0;
	margin:0;
	line-height:180%;
}
a {text-decoration:none;}

/*　独自追加　*/
h1,h2 {
	text-align: center;
	font-weight: bold;
	margin:0;
}
h3 {
	margin:5px 0;	
}
h1 {
  padding: 10px 0px;
  width: 100%;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-size: 1.3em;
  height: 40px;
}
h2 {
	padding: 5px 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 1.2em;
	height:30px;
}

.title a {
 color:#ffffff;
}

.bloginfo {
	text-align:center;
}


section {
	margin-bottom:3px;
}
/*top page*/

section .toplist {
	margin:auto;
	width:98%;
}
.toplist {
display: flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	gap: 15px;
  padding: 12px;
}

.aflist {
  display: block;
  width: 220px; /* 基準サイズ */
  aspect-ratio: 0.707; /* A5縦長比率 */
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}
.humpty {
  width: 220px;
  aspect-ratio: 0.707;
  line-height: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
}
.aflist img,  .aflist a img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像をトリミングして比率を維持 */
  display: block;
}


/* 個別 */
.section1 {width:100%;}
.section2 {
	width:98%;
	max-width:1200px;
	margin:auto;
	margin-bottom:3px;
	text-align:left;
}
.colm {
	text-align:center;
}
  @media screen and (orientation: landscape) {
		.thre-col {display:flex;gap: 45px 5%;}
		.colm {
			width:20%;
		}
	  .cols {
			width: 25%;
		  padding:0px 10px;
				}
		.colc {
			width: 45%;
				}
	}/*landscape*/

.colm p {
	text-align:left;
}
	.colm img {
		width: 100%;
		max-width:200px;
		height:auto;
		margin:auto;
}
.cols h4 {
/*	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); */
	margin:15px 0px 10px;
	padding:5px 1em;
}

#age_button_area {
	display:block !important;
}
/* 入場ボタン */
input[type=”button”] #ageEnterButton {
	font-size:1em;
  width: 100%;
  margin-bottom: 10px;
}
 
/* 退場ボタン */
input[type=”button”] #ageLeaveButton {
	font-size:1em;
  width: 100%;
}

.sitelist a {
	border:solid 1px #cccccc;
	border-radius:10px;
	display:block;
	text-align:center;
	margin-bottom:2px;
}
p.info-text {
	font-size:0.8em;
	line-height:150%;
	margin:0px auto;
}

/* archive */
h4.pagetitile {
  border-bottom: pink double;
  text-align: center;
  margin: 1em;
}