@charset "utf-8";
/**
 * The CSS template for our theme
 *
 * Theme Name: 石巻薬剤師会 ver 1.7.0
 * Version: 1.7.0
 * Description: All in One Event Calender動作不良に影響していた箇所の調整
 * Author: SHOKODO.Co.,Ltd
 * Author URI: http://shokodo.co.jp
 * @package WordPress
 * @subpackage 石巻薬剤師会
 * @since Ishinomaki-yakuzaisikai 2024may10

//////////////////////////////////////////

石巻薬剤師会 WEBsiteCSS

---更新履歴-----------------------------
ver.1.7.0 2025octber28tue
ver.1.6.0 2024july02tue
ver.1.5.9 2024may10fri
ver.1.5.8 2023mar31fri
ver.1.5.7 2021apr23fri
ver.1.5.6 2019mar29fri
ver.1.5.5
ver.1.5   2017july20thu
ver.1.0   2017mar01wed

////////////////////////////////////////////////*/
/*-----------------------------------------
Basic structure

headerとfooterを画面いっぱいにする時、
htmlに対してだけ、positionとmin-height指定
-----------------------------------------*/
html {
	position:relative;
	min-height:100%;
}
/*ディスプレイ左右の余白対策*/
* {
	margin:0;
	padding:0;
}
html,
body {
	height:100%;
	margin:0;
}
body {
	line-height:180%;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#333;
}

/*-------------------------------------------------------------------
一時的に非公開もしくは下書きにしている固定ページの階層を下げるので非表示
-------------------------------------------------------------------*/
.main-nav ul li ul.sub-menu,
.sub-nav ul li ul.sub-menu {
    display: none;
}

/*-----------------------------------------
いろいろ
-----------------------------------------*/
/*borderの太さやpaddingの大きさをwidthに含める*/
* { box-sizing: border-box;
    -moz-box-sizing: border-box; }
/*-----------------------------------------
image
-----------------------------------------*/
img {
	border-style:none;
	display:block;
	max-width:100%;
	height:auto;
}
a:hover img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}

/* Gallery
-------------------------------------------*/
.gallery {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
	.gallery li {
		list-style:none;
	}
		.gallery li p.gallery-icon {
			text-indent: 0;
			text-align: left;
			text-justify: auto;
		}
	.gallery li p.gallery-caption {
		text-indent:0;
		text-align: left;
		text-justify: auto;
	}

/*WordPress記事中画像配置位置指定
------------------------------------------*/
.aligncenter {
    display: block;
}
.alignright {
	display: block;
	float: right;
}
.alignleft {
	display: block;
	float: left;
}

/*clearfix
記事内画像配置でfloat使用するため
-------------------------------------------*/
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/* text
-----------------------------------------*/
.white { color:#fff; }
.red { color:#990f23; }
.blue { color:#005eb3; }
.green { color:#00660d; }
.bold { font-weight: bolder; }

/* link
color指定はここではしない個別に指定する
-----------------------------------------*/
a {
	text-decoration:none;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}
/*-----------------------------------------
    ボタン
-----------------------------------------*/
/* 上へ戻るボタン
-----------------------------------------*/
#page-top {
    position: fixed;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/* ログアウトボタン
-----------------------------------------*/
.logout-btn  {
	position:absolute;
	z-index:99;
	display: inline-block;
	background:#35318e;
	color:#fff;
	text-align:center;
	border-radius:0.5em;
}
	.logout-btn:hover {
		background:#cccaff;
		border:2px solid #35318e;
		color:#35318e;
		font-weight:bold;
		text-decoration:none;
	}
		.logout-btn::before,
		.logout-btn::after {
			position: absolute;
			z-index: -1;
			display: block;
			content: '';
		}
		.logout-btn,
		.logout-btn::before,
		.logout-btn::after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all .3s;
			transition: all .3s;
		}

/* ダウンロードボタン
-----------------------------------------*/
.fs-btn {
	z-index:99;
	display: inline-block;
	background:#ff3300;
	color:#fff;
	text-align:center;
}
	.fs-btn:hover {
		background:#fff;
		border:2px solid #ff3300;
		color:#ff3300;
		font-weight:bold;
		text-decoration:none;
	}
		.fs-btn::before,
		.fs-btn::after {
			position: absolute;
			z-index: -1;
			display: block;
			content: '';
		}
		.fs-btn,
		.fs-btn::before,
		.fs-btn::after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all .3s;
			transition: all .3s;
		}

/* ボタン//3カラム
-----------------------------------------*/
.ishiyaku-btn {
	z-index:99;
	display: inline-block;
	background:#ffff00;
	color:#000;
	text-align:center;
	border-radius:0.5em;
}
	.ishiyaku-btn:hover {
		padding:1em;
		background:#fff;
		border:2px solid #ffff00;
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}
		.ishiyaku-btn::before,
		.ishiyaku-btn::after {
			position: absolute;
			z-index: -1;
			display: block;
			content: '';
		}
		.ishiyaku-btn,
		.ishiyaku-btn::before,
		.ishiyaku-btn::after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all .3s;
			transition: all .3s;
		}

.teikan-btn {
	z-index:99;
	display: inline-block;
	background:#a3e80c;
	color:#000;
	text-align:center;
}
	.teikan-btn:hover {
		background:#fff;
		border:2px solid #a3e80c;
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}
		.teikan-btn::before,
		.teikan-btn::after {
			position: absolute;
			z-index: -1;
			display: block;
			content: '';
		}
		.teikan-btn,
		.teikan-btn::before,
		.teikan-btn::after {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all .3s;
			transition: all .3s;
		}

	.chart-btn {
		z-index:99;
		display: inline-block;
		background:#ffcd0d;
		color:#000;
		text-align:center;
	}
		.chart-btn:hover {
			background:#fff;
			border:2px solid #ffcd0d;
			color:#000;
			font-weight:bold;
			text-decoration:none;
		}
			.chart-btn::before,
			.chart-btn::after {
				position: absolute;
				z-index: -1;
				display: block;
				content: '';
			}
			.chart-btn,
			.chart-btn::before,
			.chart-btn::after {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-transition: all .3s;
				transition: all .3s;
			}

/* indexにあるボタン
-----------------------------------------*/
.button-frame {
    display: flex;
	flex-wrap: nowrap;
    justify-content: flex-end;
	align-items: flex-start;
	gap: 1em;
    width:100%;
}
    .direction-pdf {
        display: inline-block;
        color:#fff;
        text-align:center;
        background:#54b317;
        border:2px solid #54b317;
    }
        .direction-pdf:hover {
            border:2px solid #54b317;
            color:#54b317;
            font-weight:bold;
            background:#fff;
            text-decoration:none;
        }
    .direction-r {
        display: inline-block;
        color:#fff;
        text-align:center;
        background:#ff3b3f;
        border:2px solid #ff3b3f;
    }
        .direction-r:hover {
            border:2px solid #ff3b3f;
            color:#ff3b3f;
            font-weight:bold;
            background:#fff;
            text-decoration:none;
        }
    .direction {
        display: inline-block;
        color:#fff;
        text-align:center;
        background:#ff3b3f;
        border:2px solid #ff3b3f;
    }
        .direction:hover {
            border:2px solid #ff3b3f;
            color:#ff3b3f;
            font-weight:bold;
            background:#fff;
            text-decoration:none;
        }
    .qanda-btn {
        display: inline-block;
        font-weight:bold;
        text-align:center;
        border:2px solid #003ee6;
        color:#003ee6;
        background:#fff;
    }
        .qanda-btn:hover {
            background:#003ee6;
            color:#fff;
            font-weight:bold;
            text-decoration:none;
        }
    .btn-search,
    .btn-searchx2 {
        display:inline-block;
        text-align:center;
        color:#000;
        border:1px solid #cfcfcf;

        background: rgb(246,248,249); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
        .btn-search:hover,
        .btn-searchx2:hover {
            border:2px solid #3d6973;
            color:#3d6973;
            font-weight:bold;
            background:#fff;
            text-decoration:none;
        }

.support-area {
    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
    .btn-fusen {
        background:#ededed;
        box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.6);
    }
        .btn-fusen:nth-child(1) {
            border-left:24px solid #caebf2;
        }
        .btn-fusen:nth-child(4n+2) {
            border-left:24px solid #cfffb3;
        }
        .btn-fusen:nth-child(4n+3) {
            border-left:24px solid #ffe5af;
            line-height:2.5;
        }
        .btn-fusen:nth-child(4n+4) {
            border-left:24px solid #ffb3b3;
        }
    .btn-fusen:hover {
        font-weight:bold;
    }
    .btn-fusen,
    .btn-fusen:link,
    .btn-fusen:visited,
    .btn-fusen:active {
        text-decoration:none;
        color:#333;
    }
.btn-enrollment {
    display: inline-block;
    text-align:center;
    background:#ff898c;
    color:#fff;
    font-weight:bold;
    box-shadow: inset 0px 0px 0px 5px #ff898c, inset 0px 0px 0px 7px #FFF;
}
    .btn-enrollment:hover {
        border:#ff898c;
        color:#ff898c;
        background:#fff;
        text-decoration:none;
    }

/* ボタンアクション
-----------------------------------------*/
.btn-enrollment::before,
.btn-enrollment::after,

.direction-pdf::before,
.direction-pdf::after,

.direction::before,
.direction::after,

.qanda-btn::before,
.qanda-btn::after,

.ss-btn::before,
.ss-btn::after,

.btn-search::before,
.btn-search::after,

.btn-searchx2::before,
.btn-searchx2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.btn-enrollment,
.btn-enrollment::before,
.btn-enrollment::after,

.direction-pdf,
.direction-pdf::before,
.direction-pdf::after,

.direction-r,
.direction-r::before,
.direction-r::after,

.direction,
.direction::before,
.direction::after,

.qanda-btn,
.qanda-btn::before,
.qanda-btn::after,

.ss-btn,
.ss-btn::before,
.ss-btn::after,

.btn-search,
.btn-search::before,
.btn-search::after,

.btn-searchx2,
.btn-searchx2::before,
.btn-searchx2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*-----------------------------------------
    Main frame
-----------------------------------------*/
/* header//index
-----------------------------------------*/
header {
    position:static;
    border-bottom:0.8em solid #caebf2;
}
header .header-image {
    position:relative;
    z-index:-1;
}

.subheader-image {
    position:relative;
    width:100%;
    height:300px;
    background:url('images/header_purple.jpg') no-repeat;
}
    .subheader-image h1 {
        position:absolute;
        font-weight:bolder;
        color:#fff;
    }
.subheader-image-pc {
    position:relative;
    background:url('images/primary-care-header.png') #fff no-repeat;
}

/* 画面いっぱいコンテンツ
-----------------------------------------*/
#container {
	width:100%;
	min-height:100%;
}

/* navigation//index
-----------------------------------------*/
.main-nav ul {
    list-style:none;
}
    .main-nav ul li {
        text-align:center;
        color:#333;
        line-height:1;
    }
        .main-nav ul li:hover {
            /* flex:1; */
            background:#caebf2;
            /* border-radius:8px 0 0 0; */

            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }
        .main-nav ul li a,
        .main-nav ul li a:link,
        .main-nav ul li a:visited,
        .main-nav ul li a:active {
            text-decoration:none;
            color:#333;
        }

/* footer
-----------------------------------------*/
.foot-bn-area {
    width:auto;
    background:#9eb4b9;
}
    .foot-bn-area ul {
        list-style:none;

        display:flex;
        flex-flow: row;
        align-items: center;
        justify-content: center;
    }
footer {
    width:auto;
    height:auto;
    background:#e2eaec;
}
    .foot-frame {
        display:flex;
        flex-flow: row;
        align-items: flex-start;
        justify-content: space-between;
    }
    .foot-box:last-child {
        align-self: flex-end;
    }
    .foot-nav ul {
        list-style:none;
        clear:both;
        margin:0;
        padding:0;
    }
    .foot-nav ul li {
        display:block;
    }
        .foot-nav ul li a,
        .foot-nav ul li a:link,
        .foot-nav ul li a:visited,
        .foot-nav ul li a:active {
            text-decoration:none;
            color:#000;
        }
        .foot-nav ul li a:hover {
            background:#9eb4b9;
        }

.inq-btn {
    display: inline-block;
    color:#37348a;
    text-align:center;
    font-weight:bold;
    border:2px solid #37348a;
    border-radius:6px;
}
.inq-btn:hover {
    background:#37348a;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
    /* .inq-btn::before,
    .inq-btn::after {
        position: absolute;
        z-index: -1;
        display: block;
        content: '';
    } */
    .inq-btn,
    .inq-btn::before,
    .inq-btn::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

/* contents
主にindex
-----------------------------------------*/
/*Contents-harfをflexで並べるための枠*/
.Contents-wrap {
    position: relative;
}
.Contents {
    position: relative;
    display: flex;
    justify-content: space-between;
}
    .Contents-harf {
        flex:1;
    }
        .Content-trisection01 {
            grid-column: 1 / 2;
            grid-row: 1 / 6;
        }
        .Content-trisection02 {
            grid-column: 2 / 3;
            grid-row: 1 / 2;
            display: flex;
            align-items: flex-start;
            align-content: flex-start;
            flex-direction: column;
        }
        .Content-trisection03 {
            grid-column: 2 / 3;
            grid-row: 2 / 3;
            text-align: center;
        }
        .Content-trisection04 {
            grid-column: 2 / 3;
            grid-row: 3 / 4;
            text-align: center;
        }
            .Content-trisection03 div,
            .Content-trisection04 div {
                width: 100%;
                border-radius: 0.5em;
                margin: 0 auto;
                padding: 0.2em;
                box-sizing: border-box;
                background-color: #3cb8ac;
                border: #3cb8ac 2px solid;
            }
                .stock-btn {
                    display: block;
                    margin: auto;
                    font-weight: bold;
                    box-sizing: border-box;
                    text-align: center;
                    color: #fff;
                    border: #fff 1px solid;
                }
                    .stock-btn span {
                        display: block;
                    }
                    .Content-trisection03 div:hover,
                    .Content-trisection04 div:hover {
                        background-color: #fff;
                        border: #3cb8ac 2px solid;
                    }
                    .stock-btn:hover {
                        text-decoration: none;
                        color: #3cb8ac;
                        border: #3cb8ac 1px solid;
                    }
        .ss-btn {
            grid-column: 2 / 3;
            grid-row: 4 / 5;
            display: inline-block;
            font-weight:bold;
            text-align:center;
            border:2px solid #17b3af;
            color:#17b3af;
            background:#fff;
        }
            .ss-btn:hover {
                background:#17b3af;
                color:#fff;
                font-weight:bold;
                text-decoration:none;
            }
        .pistatus-btn {
            display: block;
            text-align: center;
            color: #fff;
            background-color: #3cb8ac;
            border: #3cb8ac 2px solid;
        }
            .pistatus-btn:hover {
                text-decoration: none;
                color: #3cb8ac;
                background-color: #fff;
                border: #3cb8ac 2px solid;
            }
    .Notice ul li a {
        color:#ff3b3f;
    }
        .Notice ul {
            list-style:none;
        }
        .Notice ul li {
            border-bottom:2px dotted #a9a9a9;
        }
    .Notice h2,
    .Attention h2 {
        font-weight:bold;
        color:#000;
        background: repeating-linear-gradient(45deg, #caebf2, #caebf2 5px, #fff 0, #fff 10px);
    }

/* 休日当番薬局
------------------------------------------------------*/
.timely {
	font-family: sans-serif !important;
}
		dl.duty dd.ph-name {
			font-weight:bold;
		}

/*//////////////////////////////////////////
    subページstyle
//////////////////////////////////////////*/
/* header//sub
-----------------------------------------*/
/* header.sub {
	border-bottom:8px solid #caebf2;
} */

/* navigation//sub
-----------------------------------------*/
    .sub-nav ul {
        list-style:none;

        display:flex;
        flex-flow: row; /*左から右へ*/
        align-items: center; /* 縦方向中央揃え */
        justify-content: flex-start; /*コンテンツは左寄せ*/
    }
        .sub-nav ul li {
            text-align:center;
        }
            .sub-nav ul li:hover {
                background:#caebf2;
            }
            .sub-nav ul li a,
            .sub-nav ul li a:link,
            .sub-nav ul li a:visited,
            .sub-nav ul li a:hover,
            .sub-nav ul li a:active {
                text-decoration:none;
                color:#000;
            }

/* breadcrumb//sub
-----------------------------------------*/
.breadcrumb {
	background:#e2eaec;
}
	.breadcrumb ol {
		list-style:none;
		display:flex;
		flex-flow: row;
		align-items: center;
		justify-content: flex-start;
	}
		.breadcrumb ol li::after {
			content: '\00bb';
		}
			.breadcrumb ol li i {
				display: inline-block;
				text-align: center;
			}
			.breadcrumb ol li:last-child:after {
				content: '';
			}

/* contents//sub
-----------------------------------------*/
.Contents-wrap-sub {
    position: relative;
}
    .Contents-wrap-sub h2.subheading {
        font-weight:bold;
        color:#000;
        background: repeating-linear-gradient(45deg, #caebf2, #caebf2 5px, #fff 0, #fff 10px);
    }
        .text-box {
            position:relative;
            background:#fff;
            border-top:1px solid #e2eaec;
            border-left:1px solid #e2eaec;
        }
        .text-box::after {
            z-index: -1;
            position: absolute;
            content: "";

            background: #777;
            box-shadow: 0 15px 10px #777;
            transform: rotate(3deg);
        }
        .date-box {
            text-align:right;
            border-bottom:1px solid #e2eaec;
        }
        .ss-txt p {
            text-align: justify;
            text-justify: inter-character;
        }
        .text-box h6 {
            color:#17b3af;
            border-bottom:1px solid #17b3af;
        }

/* Heading//sub
--------------------------------------------*/
.Contents-wrap-sub h3 {
    font-weight:normal;
    color:#000;

    position:relative;
    background:#f2f8f9;
    z-index:1;
}
.Contents-wrap-sub h3:before {
    content:" ";
    position:absolute;
    border-right:#fff solid 2px;
    background:#83e0f4;
    background-image: -webkit-gradient(linear, left top, left bottom,
            from(			 rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.6)),
            to(				 rgba(255, 255, 255, 0.6))
            );
    background-image: -webkit-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -moz-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -o-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: linear-gradient(to bottom,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}
.Contents-wrap-sub h3::after{
    content:" ";
    position:absolute;
    background-image: -webkit-gradient(linear, left top, right top,
        from(			 rgba(255, 255, 255, 0.0)),
        color-stop(0.20, rgba(255, 255, 255, 0.0)),
        color-stop(0.20, rgba(255, 255, 255, 0.1)),
        color-stop(0.40, rgba(255, 255, 255, 0.1)),
        color-stop(0.40, rgba(255, 255, 255, 0.3)),
        color-stop(0.60, rgba(255, 255, 255, 0.3)),
        color-stop(0.60, rgba(255, 255, 255, 0.5)),
        color-stop(0.80, rgba(255, 255, 255, 0.5)),
        color-stop(0.80, rgba(255, 255, 255, 0.6)),
        to(				 rgba(255, 255, 255, 0.6))
        );
background-image: -webkit-linear-gradient(left,
        transparent 20%,
        rgba(255, 255, 255, 0.1) 20%,
        rgba(255, 255, 255, 0.1) 40%,
        rgba(255, 255, 255, 0.3) 40%,
        rgba(255, 255, 255, 0.3) 60%,
        rgba(255, 255, 255, 0.5) 60%,
        rgba(255, 255, 255, 0.5) 80%,
        rgba(255, 255, 255, 0.6) 80%,
        rgba(255, 255, 255, 0.6) 100%
        );
background-image: -moz-linear-gradient(left,
        transparent 20%,
        rgba(255, 255, 255, 0.1) 20%,
        rgba(255, 255, 255, 0.1) 40%,
        rgba(255, 255, 255, 0.3) 40%,
        rgba(255, 255, 255, 0.3) 60%,
        rgba(255, 255, 255, 0.5) 60%,
        rgba(255, 255, 255, 0.5) 80%,
        rgba(255, 255, 255, 0.6) 80%,
        rgba(255, 255, 255, 0.6) 100%
        );
background-image: -o-linear-gradient(left,
        transparent 20%,
        rgba(255, 255, 255, 0.1) 20%,
        rgba(255, 255, 255, 0.1) 40%,
        rgba(255, 255, 255, 0.3) 40%,
        rgba(255, 255, 255, 0.3) 60%,
        rgba(255, 255, 255, 0.5) 60%,
        rgba(255, 255, 255, 0.5) 80%,
        rgba(255, 255, 255, 0.6) 80%,
        rgba(255, 255, 255, 0.6) 100%
        );
background-image: linear-gradient(to right,
        transparent 20%,
        rgba(255, 255, 255, 0.1) 20%,
        rgba(255, 255, 255, 0.1) 40%,
        rgba(255, 255, 255, 0.3) 40%,
        rgba(255, 255, 255, 0.3) 60%,
        rgba(255, 255, 255, 0.5) 60%,
        rgba(255, 255, 255, 0.5) 80%,
        rgba(255, 255, 255, 0.6) 80%,
        rgba(255, 255, 255, 0.6) 100%
        );
        z-index:-1;
}

/* pager//single
-----------------------------------------*/
.Back-Next {
	list-style:none;
	background:#e2eaec;

	display:flex;
	align-items: center;
	justify-content: center;
}
	.Back-Next li {
		flex:1;
		text-align:center;
	}
		.Back-Next li a,
		.Back-Next li a:link,
		.Back-Next li a:visited,
		.Back-Next li a:active {
			text-decoration:none;
			color:#000;
		}
		.Back-Next li a:hover {
			display:block;
			background:#b9d2d6;
		}

/* pager//archive
-----------------------------------------*/
        .pagination{
            list-style-type: none;
            text-align: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
          }
              .pagination .page-numbers {
                font-weight: 300;
                text-decoration:none;
                border: 1px solid #ddd;
                color: #333;
              }

              .pagination .current {
                background-color: #eee;
              }
              .pagination .next {
                border: none;
              }

/* category-ishiyaku-dayori
石薬だよりアーカイブ
-----------------------------------------*/
/*年別*/
.archive-list {
	list-style: none;
	height:auto;
	column-count: 3;
	column-gap: 1.5em;
}
	.archive-list li {
		text-align: center;
		border-bottom: 1px solid #ddd;
	}
/*直近5件*/
.archive-list-new {
	list-style: none;
}
	.archive-list-new li {
		box-sizing: border-box;
		text-align: left;
		border-bottom: 1px solid #ddd;
	}

/* 入会案内//sub
-----------------------------------------*/
.enrollment-box {
	border-collapse:collapse;
	border:1px solid #a9a9a9;
}
	.enrollment-box th {
		border:1px solid #a9a9a9;
		background:#fff3de;
	}
	.enrollment-box td {
		border:1px solid #a9a9a9;
	}
	.enrollment-box td.price {
		text-align:right;
		border:1px solid #a9a9a9;
	}

/* 地区毎保険薬局一覧 taxonomy
-----------------------------------------*/
.member-list {
	border-collapse: collapse;
}
	.member-list tr th {
		border-bottom:1px dotted #ccc;
		text-align:left;
	}
	.member-list tr td {
		border-bottom:1px dotted #ccc;
	}
	.member-list tr:first-child {
		border-top:1px dotted #ccc;
	}
	.member-list tr th {
		background:#f2f8f9;
	}
	.member-list tr td.title-td {
		background:#caebf2;
		font-weight:bold;
	}

.member-list-cat {
	width:100%;
	margin:1em auto;
	padding:0;
	border-collapse: collapse;
	border:1px solid #ccc;
}
	.member-list-cat tr th {
		padding:1em;
		border:1pt solid #ccc;
		line-height:1em;
		background:#f2f8f9;
	}
	.member-list-cat tr td {
		padding:1em;
		border:1px solid #ccc;
		line-height:1em;
	}

/* 石巻薬剤師会について（about）
-----------------------------------------*/
	.page-txt p {
		text-align: justify;
		text-justify: inter-character;
	}
	.page-txt .name-h {
		text-align:right;
	}
	.page-heading {
		text-align:center;
		font-weight:bold;
		color:#4dbcb9;

		border:2px solid #4dbcb9;
		background:#f1f7f7;
	}
	.page-heading02 {
		text-align:left;
		font-weight:bold;
		color:#000;

		border-left:8px solid #4dbcb9;
	}

/* 募集要項（job-offer）
-----------------------------------------*/
.job-offer-heading {
    text-align:center;
    font-weight:bold;
    color:#4dbcb9;

    border-top:1px solid #4dbcb9;
    border-right:8px solid #4dbcb9;
    border-bottom:1px solid #4dbcb9;
    border-left:8px solid #4dbcb9;
    background:#f1f7f7;
}
.job-offer {
    border-collapse: collapse;
    border-top:1px dotted #333;
}
.job-offer p {
    text-align: left;
    text-justify: auto;
}
.job-offer tr th {
    border-bottom:1px dotted #333;
    text-align:left;
}
.job-offer tr td {
    border-bottom:1px dotted #333;
}
.job-offer tr:nth-child(2n) {
    background:#f1f7f7;
}

/* かかりつけ薬剤師（primary-care）
-----------------------------------------*/
.pc-heading {
	text-align:center;
	color:#ffff00;
	font-weight:bold;
	background:#000099;
}
.pc-heading02 {
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:#00cc99;
}
	.pc-frame {
		display:flex;
        flex-wrap: wrap;
		align-items: stretch;
		justify-content: space-between;
	}
	.pc-frame p {
		text-align: left;
		text-justify: auto;
	}
		.pc-box-decide {
			border:4px solid #0066ff;
		}
			h6.pc-box-heading-decide {
				text-align:center;
				font-weight:bold;
				color:#0066ff;
			}
		.pc-box-lookfor {
			border:4px solid #f7931e;
		}
			h6.pc-box-heading-lookfor {
				text-align:center;
				font-weight:bold;
				color:#f7931e;
			}
		.pc-box-utilize {
			border:4px solid #8c6239;
		}
			h6.pc-box-heading-utilize {
				text-align:center;
				font-weight:bold;
				color:#8c6239;
			}
		.pc-subheading {
			font-weight:bold;
			color:#ff0066;
		}
.pc-list {
	list-style-type:disc;
	color:#0066ff;
	font-weight:bold;
	border:4px solid #00cc99;
}
.pc-mission-heading {
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#ff66cc;
}
.pc-mission-discription {
	text-align:right;
}

/* 会営薬局紹介（intoroduction）
-----------------------------------------*/
.intoroduction-schedule-frame {
	background:#fffde4;
	box-shadow: 5px 5px 5px rgba(153,153,153,0.4);
}
	.intoroduction-schedule-frame p {
		text-align: left;
		text-justify: auto;
	}
	.intoroduction-schedule-heading {
		text-align:center;
	}
	.cube-txt {
		font-weight:bold;
		color:#00cc99;
		border:1pt solid #00cc99;
		background:#ffff33;
	}
	.intoroduction-schedule-title {
		display:block;
		text-align:center;
		font-weight:bold;
		color:#00cc99;
	}
	table.intoroduction-schedule-list {
		border-collapse: collapse;
	}
		table.intoroduction-schedule-list tr th {
			text-align:center;
		}
		table.intoroduction-schedule-list tr th,
		table.intoroduction-schedule-list tr td {
			border-bottom:1px dotted #333;
		}
	.intoroduction-schedule-pinkbox {
		background:#f0d8d9;
		border:1px solid #fff;

		text-align: justify;
		text-justify: inter-character;
	}

/* GoogleMaps
-------------------------------------------*/
.map-frame {
	position: relative;
	overflow: hidden;
}

.map-frame iframe,
.map-frame object,
.map-frame embed {
	position: absolute;
}

/* お問合せ（inquiry）
-----------------------------------------*/
.swpm-rember-label {
	display:inline-block;
}
input[type="text"] {
    width: 100%;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	border-radius: 3px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
input[type="password"] {
    width: 100%;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0 0 20px;
	border-radius: 3px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
input[type="email"] {
    width: 100%;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	border-radius: 3px;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
textarea {
    width: 100%;
    min-height: 10em;
    padding: 1em;
	border-radius: 3px;
    border:solid 1px #ccc;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
input[type="submit"] {
	border:solid 1px #ccc;
	font-family:Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
	input[type="submit"]:hover {
		border:solid 1px #ccc;
		font-family:Arial, sans-serif;
		text-transform:uppercase;
		font-weight:bold;
		color:#333;
		background:#fefefe;
		cursor:pointer;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

/*-----------------------------------------
    WP Membership用
-----------------------------------------*/
.swpm-login-widget-logged {
    width: 90%;
    margin: 0 auto;
}
    .swpm-logged-username,
    .swpm-logged-status,
    .swpm-logged-membership,
    .swpm-logged-expiry {
        display: flex;
        padding: 1rem;
        margin-bottom: 1em;
        border-bottom: #eee 1px solid;
    }
    .swpm-logged-username {
        color: #fff;
        background-color: #35318e;
        border-radius: 0.5em;
    }
    .swpm-edit-profile-link,
    .swpm-logged-logout-link {
        display: inline-block;
        width: 48%;
        padding: 1em;
        background-color: #eee;
    }
        .swpm-edit-profile-link {
            margin-right: 2%;
        }
        .swpm-logged-username-label,
        .swpm-logged-status-label,
        .swpm-logged-membership-label,
        .swpm-logged-expiry-label,
        .swpm-logged-membership-label,
        .swpm-edit-profile-link-label,
        .swpm-logged-logout-link-label {
            width: 30%;
        }