/*/////////////////////////////////////////
	PC min-width: 960px
////////////////////////////////////////////////
/*改行//　spanにclassつけると囲んだ箇所が改行
スマホ用なので通常は非表示
-----------------------------------------*/
.br-mob:before {
	display:none;
}
/* Grid
-------------------------------------------*/
.grid-bottom {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: max-content;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}
.btn-search {
    grid-column: 1 / 3;
    grid-row: 1 / 1;
}
.btn-searchx2 {
    grid-column: 3 / 5;
    grid-row: 1 / 1;
}
.Attention {
    grid-column: 1 / 4;
    grid-row: 2 / 2;
}
.support-area {
    grid-column: 4 / 7;
    grid-row: 2 / 2;
}

.fs-btn {
    grid-column: 1 / 7;
    grid-row: 3 / 3;
}
.ishiyaku-btn {
    grid-column: 1 / 3;
    grid-row: 4 / 4;
}
.teikan-btn {
    grid-column: 3 / 5;
    grid-row: 4 / 4;
}
.chart-btn {
    grid-column: 5 / 7;
    grid-row: 4 / 4;
}

/* Gallery
-------------------------------------------*/
.gallery {
	flex-flow: row;
}
ul.gallery li img {
	width:95%;
}
ul.gallery li p.gallery-caption {
	font-size:80%;
}

/* WordPress記事中画像配置位置指定
------------------------------------------*/
.aligncenter {
    margin: 5px auto;
}
.alignright {
	margin:5px 0px 5px 10px;
}
.alignleft {
	margin:5px 10px 5px 0px;
}

/* text
-----------------------------------------*/
.big { font-size:120%; }
.regular { font-size:90%; }
.small { font-size:70%; }
.vsmall { font-size:50%; }

/*-----------------------------------------
    ボタン
-----------------------------------------*/
/* 上へ戻るボタン
-----------------------------------------*/
#page-top {
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    width: 50px;
    padding: 30px 0;
    border-radius: 5px;
}

/* ログアウトボタン
-----------------------------------------*/
.logout-btn  {
	top:1em;
	right:1em;
	width:10%;
	height:4em;
	padding:1em;
	border-radius:0.5em;
}
	.logout-btn:hover {
		padding:1em;
	}

/* ダウンロードボタン
-----------------------------------------*/
.fs-btn br { display:none; }
.fs-btn {
	width:100%;
	height:3em;
	padding:1em;
	margin:0 auto;
	font-size:180%;
	border-radius:0.5em;
}
	.fs-btn:hover {
		padding:1em;
	}

/* ボタン//3カラム
-----------------------------------------*/
.ishiyaku-btn br { display:none; }
.ishiyaku-btn {
	width:99%;
	height:3em;
	padding:1em;
	margin:0 1% 0 0;
	font-size:180%;
	border-radius:0.5em;
}
	.ishiyaku-btn:hover {
		padding:1em;
	}

.teikan-btn br { display:none; }
.teikan-btn {
	width:99%;
	height:3em;
	padding:1em;
	margin:0 0.5%;
	font-size:180%;
	border-radius:0.5em;
}
	.teikan-btn:hover {
		padding:1em;
	}

.chart-btn br { display:none; }
.chart-btn {
	width:99%;
	height:3em;
	padding:1em;
	margin:0 0 0 1%;
	font-size:180%;
	border-radius:0.5em;
}
.chart-btn:hover {
	padding:1em;
}

/* indexにあるボタン
-----------------------------------------*/
.button-frame {
    text-align:right;
}
.direction-pdf {
	width:35%;
	padding:0.5em;
	margin:1em 0 1em 0;
	font-size:80%;
	border-radius:6px;
}
	.direction-pdf:hover {
		padding:0.5em 0;
	}
    .direction-r {
        width:35%;
        padding:0.5em;
        margin:1em 0 1em 0;
        font-size:80%;
        border-radius:6px;
    }
    .direction {
        width:35%;
        padding:0.5em;
        margin:1em 0 1em 65%;
        font-size:80%;
        border-radius:6px;
    }

    .qanda-btn {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
        width:100%;
        padding:0.5em;
        margin:0.5em 0;
        border-radius:6px;
    }
    .ss-btn {
        width:100%;
        padding:0.5em;
        margin:0.5em 0;
        border-radius:6px;
    }

.btn-search {
		grid-column: 1 / 4;
		grid-row: 1;
}
.btn-searchx2 {
		grid-column: 4 / 7;
		grid-row: 1;
}
.btn-searchx2 br { display:none; }
.btn-search,
.btn-searchx2 {
	width:100%;
	height:80px;
	padding:1em;
	margin:0.5em 0;
	border-radius:6px;
	font-size:120%;
	line-height:40px;
}

.btn-fusen {
	width:47.8%;
	padding:1em;
	margin:0 0.8em 0.8em 0;
	line-height:1.3;
}
	.btn-fusen:nth-child(2n) {
		margin:0 0 0.8em 0;
	}
	.btn-enrollment {
		width:100%;
		padding:1em;
		font-size:150%;
		margin:0 0 1em 0;
	}

/*-----------------------------------------
    Main frame
-----------------------------------------*/
/* header//index
-----------------------------------------*/
header {
    width:100%;
    height:488px;
}
header .logo-area {
	position:absolute;
    z-index:1;
    width:100%;
    height:100px;
}
header .header-image {
    width:100%;
    margin:0 auto;
}
		.subheader-image h1 {
			position:absolute;
			top:50%;
			left:5%;
			font-weight:bolder;
		}
    header .header-image img {
        width:980px;
        margin:0 auto;
    }
	.subheader-image-pc {
		width:100%;
		height:300px;
	}
    .subheader-image-pc h1 {
        display:none;
    }

/* navigation//index
-----------------------------------------*/
.main-nav ul {
	display:flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    width:95%;
    height:80px;
    margin:-88px 2.5% 0 2.5%;
}
    .main-nav ul li {
        width:calc(100% / 5);
        margin:0 5px;
        padding:0 1em;
    }
		.main-nav ul li br {
			display: none;
		}
.main-nav ul li:hover {
	height:80px;
	padding:1em 0 0 0;
}

/* footer
-----------------------------------------*/
.foot-bn-area {
    width:auto;
	padding: 1.5em 0;
    background:#9eb4b9;
}
    .foot-bn-area ul {
        height:60px;
    }
        section.foot-bn-area ul li {
            width:168px;
            margin-left:15px;
        }
footer {
    padding:0 3em;
}
.foot-frame {
	width:980px;
	margin:0 auto;
	padding:2em 0 1em 0;
}
.foot-box img {
	margin-bottom:-1em;
}
nav.foot-nav {
	font-size:90%;
}
nav.foot-nav ul li {
	margin:0.3em 0;
	padding:0.3em;
}
nav.foot-nav ul li a:hover {
	padding:0.3em;
}
nav.foot-nav ul li br { display:none; }
.inq-btn {
    width:50%;
    padding:0 0.5em;
    margin:1em 0 1em 50%;
}

/* contents
主にindex
-----------------------------------------*/
/*Contents-harfをflexで並べるための枠*/
.Contents-wrap {
    width:980px;
    margin:1em auto 0 auto;
    padding-bottom:110px;
}
.Contents {
    margin-bottom:1em;
}
    .Contents-harf {
        margin:0 1em 0 0;
        padding:0;
    }
    .Contents-harf:last-child {
        margin:0 0 0 0;
    }
    .grid-3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: min-content max-content;
        grid-row-gap: 1em;
        grid-column-gap: 1em;
        justify-content: center;
        margin-bottom: 1.5em;
    }
	.stock-btn {
		padding: 0.5em;
		border-radius: 0.3em;
	}
		.stock-btn span {
			font-size: 80%;
		}
        .pistatus-btn {
            width: 90%;
            border-radius: 0.5em;
            margin: 1em auto;
            padding: 1em 2em;
            font-size: 120%;
        }
		.Notice {
			margin-bottom: 3em;
		}
			.Notice ul {
				list-style:none;
				margin:1em;
			}
			.Notice ul li {
				margin:0.5em 0;
				padding:0.5em;
				line-height:1.5;
			}
    .Notice h2,
    .Attention h2 {
        width:100%;
        font-size:120%;
        padding:0.5em;
    }
    .Notice .text,
    .Attention .text {
        margin:1em;
    }

/* 休日当番薬局
------------------------------------------------------*/
.timely {
	font-family: sans-serif !important;
}
	dl.duty {
		width:100%;
		height:auto;
		margin:1em auto;
	}
		dl.duty dt {
			width:20%;
			line-height:1.5;
			padding:0.5em;
			float:left;
			clear:both;
		}
		dl.duty dd.ph-name {
			width:26%;
			line-height:1.3;
			padding:0.5em 0;
			font-size:110%;
			float:left;
		}
		dl.duty dd.tel-no {
			line-height:1.5;
			padding:0.5em;
			float:left;
		}

/*//////////////////////////////////////////
    subページstyle
//////////////////////////////////////////*/
/* header//sub
-----------------------------------------*/
.sub {
	width:100%;
	height:108px;
}
	.sub .logo-area {
		width:30%;
		height:100px;
	}

/* navigation//sub
-----------------------------------------*/
.sub-nav-area nav.sub-nav  {
    width:100%;
    height:100px;
    padding-left:30%;
}
    .sub-nav ul {
        width:100%;
        height:80px;
        margin:0 0 0 0;
    }
	.sub-nav ul li {
		margin:0 5px;
		line-height:1.5;
		padding:0 1em;
	}
		.sub-nav ul li:hover {
			height:50px;
			line-height:50px;
		}
        .sub-nav ul li br { display:none; }

/* breadcrumb//sub
-----------------------------------------*/
.breadcrumb {
	width:100%;
	height:50px;
}
.breadcrumb ol li {
	height:50px;
	line-height:50px;
	padding-left:1em;
}
.breadcrumb ol li::after {
	margin:1em;
}
	.breadcrumb ol li i {
		width: 1em;
		padding: 0;
		margin: 0 1em 0 0;
	}
	.breadcrumb ol li:last-child:after {
		margin: 0;
	}

/* contents//sub
-----------------------------------------*/
.Contents-wrap-sub {
    width:980px;
    margin:1em auto 0 auto;
}
    .Contents-wrap-sub h2.subheading {
        width:100%;
        font-size:120%;
        padding:0.5em;
    }
    .Contents-sub {
        margin:1em 0;
        padding:1em 0;
    }
        .text-box {
            width:90%;
            height:100%;
            padding:1em;
            margin:0 auto 2em auto;
        }
        .text-box::after {
            bottom: 15px;
            right: 10px;
            left: auto;
            width: 50%;
            top: 80%;
            max-width:300px;
        }
        .date-box {
            width:100%;
            padding:0.2em;
        }
        .text-box article {
            width:100%;
            padding:2em 1em;
        }
        .ss-txt {
            width:100%;
            padding:2em 1em;
        }
        .ss-txt p{
            text-indent: 1em;
        }
            .ss-txt div.name-h {
                width:100%;
                text-align:right;
            }
        .text-box h6 {
            font-size:130%;
            margin-bottom:1em;
            padding-bottom:1em;
            line-height:1.5;
        }

/* Heading//sub
--------------------------------------------*/
.Contents-wrap-sub h3 {
    width:100%;
    font-size:110%;

    margin:0 1em 0 0;
    padding:0.2em 1em 0.5em 3em;
}
	.Contents-wrap-sub h3:before,
	.Contents-wrap-sub h3::after {
		top:0;
		left:0;
		width:40px;
		height:40px;
	}

/* pager//single
-----------------------------------------*/
.Back-Next {
	width:100%;
	height:50px;
	padding:1em;
	margin:1em 0;
}
	.Back-Next li {
		margin:0 0.1em;
	}

/* pager//archive
-----------------------------------------*/
.pagination{
	padding: 0;
	margin: 2em 0;
  }
	  .pagination .page-numbers {
		padding: 0.5em 1em;
		margin: 0;
	  }

/* category-ishiyaku-dayori
石薬だよりアーカイブ
-----------------------------------------*/
/*年別*/
ul.archive-list {
	width:95%;
	margin:1em;
}
	ul.archive-list li {
		height:3em;
		line-height: 3em;
	}
/*直近5件*/
ul.archive-list-new {
	width:95%;
	margin: 1em auto;
}
	ul.archive-list-new li {
		height:3em;
		line-height: 3em;
		padding: 0 1em;
	}

/* 入会案内//sub
-----------------------------------------*/
.enrollment-box {
	width:90%;
	margin:1em auto;
}
.enrollment-box th {
	padding:0.5em;
}
.enrollment-box td {
	padding:0.5em;
}
.enrollment-box td.price {
	padding:0.5em;
}
.enrollment-list {
	width:90%;
	margin:1em auto;
}

/* 地区毎保険薬局一覧 taxonomy
-----------------------------------------*/
.member-list {
	width:100%;
	margin:1em auto;
	padding:0;
}
	.member-list tr th {
		padding:1em;
		line-height:1em;
		width:15%;
	}
	.member-list tr td {
		width:35%;
		padding:1em;
		line-height:1em;
	}
	.member-list-cat {
		width:100%;
		margin:1em auto;
		padding:0;
	}
		.member-list-cat tr th {
			padding:1em;
			line-height:1em;
		}
		.member-list-cat tr td {
			padding:1em;
			line-height:1em;
		}

/* 石巻薬剤師会について（about）
-----------------------------------------*/
.page-txt {
	width:100%;
	padding:0em 1em;
	line-height:1.7;
}
	.page-txt p {
		text-indent: 1em;
	}
	.page-txt .name-h {
		width:100%;
		margin-bottom:1em;
	}
	.page-heading {
		width:100%;
		margin:1em 0;
		padding:0.5em 0;
		line-height:1.3;
		font-size:135%;
	}
	.page-heading02 {
		width:100%;
		margin:1em 0 0.5em;
		padding:0 0 0 0.5em;
		line-height:1.3;
		font-size:125%;
	}

/* 募集要項（job-offer）
-----------------------------------------*/
.job-offer-heading {
    width:100%;
    margin:1em 0 0.5em;
    padding:0.5em 0;
    line-height:1.3;
    font-size:125%;
}
.job-offer {
    width:100%;
    margin:1em auto;
    padding:0;
}
.job-offer p {
    text-indent: 0;
}
.job-offer tr th {
    padding:1em;
}
.job-offer tr td {
    padding:1em;
}

/* かかりつけ薬剤師（primary-care）
-----------------------------------------*/
.pc-heading {
	width:100%;
	padding:0.1em;
	font-size:130%;
	border-radius:3em;
}
.pc-heading02 {
	width:100%;
	padding:0.1em;
	font-size:130%;
	border-radius:3em;
}
	.pc-frame {
		width:98%;
		height:100%;
		margin:1em;
	}
	.pc-frame p {
		text-indent: 0;
	}
		.pc-box-decide {
			width:33%;
			padding:0.5em;
			border-radius:10px;
		}
			h6.pc-box-heading-decide {
				font-size:150%;
			}
		.pc-box-lookfor {
			width:33%;
			padding:0.5em;
			border-radius:10px;
		}
			h6.pc-box-heading-lookfor {
				font-size:150%;
			}
		.pc-box-utilize {
			width:33%;
			padding:0.5em;
			border-radius:10px;
		}
			h6.pc-box-heading-utilize {
				font-size:150%;
			}
		.pc-subheading {
			line-height:1.5;
		}
.pc-list {
	width:95%;
	margin:1em auto;
	padding:0.5em;
	border-radius:10px;
}
	.pc-list li {
		width:95%;
		margin:0.3em 1.5% 0.3em 3.5%;
	}
.pc-mission-heading {
	width:100%;
	padding:0.1em;
	border-radius:3em;
	font-size:130%;
}
.pc-mission-discription {
	width:100%;
	font-size:90%;
}

/* 会営薬局紹介（intoroduction）
-----------------------------------------*/
.intoroduction-schedule-frame {
	width:95%;
	height:100%;
	margin:1em auto;
	padding:1em;
}
	.intoroduction-schedule-frame p {
		text-indent: 0;
	}
	.intoroduction-schedule-heading {
		width:100%;
		height:100%;
		margin:0.5em 0;
	}
	.cube-txt {
		font-size:150%;
		padding:0.3em 0.3em 0.3em 0.3em;
		margin:0.1em 0.1em 0.5em 0.1em;
	}
	.intoroduction-schedule-title {
		width:100%;
		font-size:150%;
		padding:0.5em;
		margin:0;
	}
	table.intoroduction-schedule-list {
		width:95%;
		margin:0 auto 1em auto;
	}
		table.intoroduction-schedule-list tr th {
			text-align:center;
		}
		table.intoroduction-schedule-list tr th,
		table.intoroduction-schedule-list tr td {
			padding:0.5em;
		}
	.intoroduction-schedule-pinkbox {
		width:100%;
		padding:1em;
		margin:0;
		text-indent: 1em;
	}

/* GoogleMaps
-------------------------------------------*/
.map-frame {
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
}

.map-frame iframe,
.map-frame object,
.map-frame embed {
	top: 0;
	left: 0;
	width: 95%;
	height: 95%;
}

/* お問合せ（inquiry）
-----------------------------------------*/
.swpm-rember-label {
	width:90%;
	height:2em;
}
input[type="text"],
input[type="password"],
input[type="email"] {
	border:0;
	padding:10px;
	font-size:130%;
	margin:0 0 20px;
}
input[type="submit"] {
	padding:15px 30px;
	margin:0 0 20px;
	font-size:120%;
}
	input[type="submit"]:hover {
		padding:15px 30px;
		margin:0 0 20px;
		font-size:120%;
	}