/*
Theme Name:     petreien
Theme URI:      https://www.petreien.or.jp
Description:    Child theme for the Twenty Seventeen theme for petreien
Author:         H.Bando
Author URI:     https://www.bando.tech/
Template:       twentyseventeen
Version:        1.0.0
*/

@charset "utf-8";

/* 基本装飾 */
*{
	font-size:100%;
}
body{
	font-size:100%;
	font-family:'UD デジタル 教科書体 NP-R','Meiryo UI','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,sans-serif;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; margin: 0; padding:0;}
body,div,p,h1,h2,h3,h4,h5,h6,small,dl,dt,dd,ul,ol,li,img,a,blockquote,address{
	line-height:1.5;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #333333;
	font-style:normal;
	font-weight:normal;
}
table,tr,th,td{
	line-height:1.2;
	color: #333333;
	font-style:normal;
	font-weight:normal;
	border-collapse:collapse;
}
img{
	vertical-align:bottom;
	border:none;
	max-width:100%;
	height:auto;
}

/* リンク */
a {
	text-decoration: underline;
	outline:none;
}
a:link {
	color:#3333ff;
}
a:active {
	color:#3333ff;
}
a:visited {
	color:#3333ff;
}
a:hover {
	color:#9e0505;
}
input[type=image]:hover{
	opacity:0.7;
}
a:hover img:not(.rollover):not(.logo):not(.now){
	opacity:0.7;
}
a:hover img.now{
	cursor:default;
}
.btn{
	display:inline-block;
	background:#3e6143;
	letter-spacing:0.1em;
	padding:0.5em 1em;
	border-radius:3px;
	color:#ffffff !important;
	font-weight:bold;
	text-decoration:none;
}
/* 共通装飾 */
.frame{
	border:1px solid #cccccc;
	padding:2px;
	box-shadow:0px 0px 5px #cccccc;
}
.red{
	color:#ff0000;
}
.purple{
	color:#721e74;
}
.pink{
	color:#ff3366;
}
.serif{
	font-family:"UD デジタル 教科書体 NP-R",'Meiryo UI','メイリオ',"HGP正楷書体","ＭＳ Ｐ明朝",Serif;
}
.block{
	display:block;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.nowrap{
	white-space:nowrap;
}
.mb_10{
	margin-bottom:0.5em;
}
.mb_20{
	margin-bottom:1em;
}
.mb_30{
	margin-bottom:1.5em;
}
.mb_40{
	margin-bottom:2em;
}
.s80{
	font-size:80%;
}
.s90{
	font-size:90%;
}
.s120{
	font-size:120%;
}
.s160{
	font-size:160%;
}
.l15{
	padding-left:15px;
}
.button{
	display:inline-block;
	background:#002b99;
	color:#ffffff;
	line-height:1;
	padding:0.5em 2em;
	text-decoration:none;
	border:none;
}




.centering{
	width:960px;
	margin:0px auto;
}
@media screen and (max-width: 767px) {
.centering{
	max-width:100% !important;
}
}
/* clearfix */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* フロート */
.f_left{
	float:left;
	margin-right:1em;
}
.f_right{
	float:right;
	margin-left:1em;
}

/* PDF */
#pdf{
	border:1px solid #cccccc;
	padding:2em;
	background:#ffffff;
}
#pdf ul li a{
	display:block;
	padding:0.5em 0 0.5em 30px;
	border-bottom:1px dotted #cccccc;
	min-height:22px;
	background:url(img/common/pdf.png) no-repeat left center;
}

/* 見出し型dl */
.dl_h dt{
	font-weight:bold;
	font-size:110%;
}
.dl_h dd{
	padding:0 0 1em 1em;
	margin-bottom:1em;
	border-bottom:1px solid #cccccc;
}



/* スマートフォン用 */
.sp_disp_i,
.sp_disp_b{
	display:none;
}
#menubtn,
#closebtn {
	display:none;
}
@media screen and (max-width: 767px) {
.sp_disp_i{
	display:inline !important;
}
.sp_disp_b{
	display: block !important;
}
.pc_disp{
	display:none !important;
}
.full{
	width:100%;
	height:inherit;
	max-width:640px;
	margin:0px auto;
	display:block;
}
#menubtn {
	display:block;
	text-align:center;
	padding:0.8em 0px;
	letter-spacing:0.2em;
	font-size:110%;
	border-bottom:1px solid #c2a565;
	border-top:1px solid #c2a565;
	background:linear-gradient(to right, #e6a1c0, #ffdebd 50%, #e6a1c0);
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
}
#closebtn{
	display:block;
}
#closebtn a{
	display:block;
	text-align:center;
	opacity:0.8;
	padding:0.5em;
	border-bottom:1px solid #c2a565;
	border-top:1px solid #c2a565;
	background:#5b3982;
	color:#ffffff;
	text-decoration:none;
}
.togmenu{
	display:block;
}
}

/* Gallery Columns */
.gallery {
	display: flex;
	flex-wrap:wrap;
}

.gallery-item {
	display:block;
	margin-bottom:1em;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 49%;
	margin-right:1.5%;
}
.gallery-columns-2 .gallery-item:nth-child(2n) {
	margin-right:0%;
}

.gallery-columns-3 .gallery-item {
	width: 32%;
	margin-right:1%;
}
.gallery-columns-3 .gallery-item:nth-child(3n) {
	margin-right:0%;
}

.gallery-columns-4 .gallery-item {
	width: 24%;
	margin-right:1%;
}
.gallery-columns-4 .gallery-item:nth-child(4n) {
	margin-right:0%;
}

.post p,
.topic p{
	padding-bottom: 1em !important;
}
.topic h1{font-size: 1.8em !important;}
.topic h2{font-size: 1.6em !important;}
.topic h3{font-size: 1.4em !important;}
.topic h4{font-size: 1.2em !important;}
.topic h5{font-size: 0.9em !important;}
.topic h6{font-size: 0.8em !important;}