/* ----------------------------------------- */ /* WordPress アーカイブ スラッグ: view-rand-59460845a0dbe - 開始 */ /* ----------------------------------------- */ .section{ background-color: #fff; border-right: 1px solid #efefef; border-left: 1px solid #efefef; } .col-sm-3{ padding: 3px !important; } @media (max-width: 767px){ .col-sm-3{ width: 49.7%; float: left; padding: 3px } } .paging{margin:20px 0px; list-style: none; } .paging ul {list-style: none; margin:0px;} .paging ul li {display: inline-block;width: 32.7% ;} .next { position:relative; float: right; width: auto; text-align:center; padding-right:20px; color: black; font-family: 'Clicker Script', cursive; font-size:24px; } .next a:link { color: #555; } .next a:visited { color: #555; } .next a:hover { color: #999; } .next a:active { color: #999; } .prev { position:relative; float: left; width: auto; text-align:center; padding-left:20px; color: black; font-family: 'Clicker Script', cursive; font-size:24px; } .prev a:link { color: #555; } .prev a:visited { color: #555; } .prev a:hover { color: #999; } .prev a:active { color: #999; } .entry-content { padding: 20px; border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px; border-top: none; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; background-color: #fff; } /* ----------------------------------------- */ /* WordPress アーカイブ スラッグ: view-rand-59460845a0dbe - 終了 */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Loop item in タグ - 開始 */ /* ----------------------------------------- */ .wrapper{ max-width: 600px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; } .image{ position: relative; width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/ padding-top: 100%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/ overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/ margin: 0 auto; } .image img{ /* 画像を上下左右に中央配置する（絶対指定） */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* 画像の最大サイズは枠の1.1倍まで */ max-width: 120%; max-height: 120%; } a.overwhite{ background-color:#ffffff; display:block; } a.overwhite:hover img{ filter: alpha(opacity=60); /* ie lt 8 */ -ms-filter: "alpha(opacity=60)"; /* ie 8 */ -moz-opacity:0.6; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.6; /* Safari 1.x */ opacity:0.6; } a.overwhite img{ -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } /* ----------------------------------------- */ /* Content Template: Loop item in タグ - 終了 */ /* ----------------------------------------- */