@charset "utf-8";

/*
Theme Name: Yakuyukai_hontai_style
Theme URI: 
Description: 北里大学薬友会 2025
Version: 1.1
Author: 1M Inc.
Author URI: http://www.ichiem.jp
*/



.clearfix::after,
.conceptBox::after,
.alignright::after {
	content: "";
	display: block;
	clear: both;
}

/*
	border: 1px solid #f00;
	border: 2px dotted #f00;
*/

body{
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%
	background: #fff;
	text-align:	center;
}

#wrapper{
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	max-width: 960px;
	margin: 0px auto;
	padding: 0px 40px 40px 40px;
	text-align:	left;
	line-height: 1.8;
	background: #fff;
	box-shadow : 0px 10px 10px 5px rgba(200, 200, 200, 0.6);
}

.mainContents{
	width: 760px;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
}

.leftContents{
	flex-shrink: 0;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*メインコンテンツW 760px*/
.txtarea {
	padding: 0px 0px 30px 0px;
	border-bottom: 7px solid #54c2ee;
}





/*ページの上の方にある屋根と塔のイメージ*/
.headerimage {
	padding: 0px 0px 0px 0px;
}





/*検索*/
#search {
	min-height: 2.0em;
	margin: 15px 0px 15px 0px;
	text-align: right;
}

#search #searchform  {
	position: relative;
	z-index: 200;
}

#searchform .inputarea {
	position: absolute;
	top: 0px;
	right: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#searchform input[type="text"] {
	width: 14em;
	margin : 0px 2px 0px 0px;
	height : 1.0em;
	padding : 2px 2px 2px 2px;
	-webkit-appearance : none;
	font-size: 1.4rem;
	border : 1px solid #7ac;
	background: rgb(255, 255, 255, 1.0);
}

#searchform input[type="text"]:focus {
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #fff;
}

#searchform .searchbtn {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}





/*ナビゲーション*/
.leftContents .pagetitle {	/*ロゴタイプ*/
	margin: 20px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.gNavi ul{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	border-radius: 7px;
}

.gNavi ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	border-top: 1px solid #ccc;
}

.gNavi ul li a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 14px 0px;
	font-size: 1.35rem;
	line-height: 1.6;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.gNavi ul li:first-of-type {
	border: none;
}

.gNavi ul li a:hover {
	background: #E6F0F9;
}

/*開いているページ*/
.gNavi ul li.current-menu-item,
.gNavi ul li.current-page-ancestor {
	background: #d6e0F9;
}

.single-alumni .gNavi ul li a[href *='news'],
.single-news .gNavi ul li a[href *='news'] {
	background: #d6e0F9;
}


.gNavi figure {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 0;
	border-top: 1px solid #eee;
	border-left: 1px solid #ddd;
}

.gNavi figure.line {
	max-width: 120px;
	margin: 0px auto 8px auto;
	padding: 0px 0px 0px 0px;
	line-height: 0;
	border: none;
}

.gNavi  p {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.6;
}


.cybozu {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.6;
	border: 1px solid #ccc;
	border-radius: 3px;
}

/*
.gNavi ul li img {
	vertical-align: middle;
}
*/





.footer{
	width: 100%;
	max-width: 960px;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
	text-align: center;
	background: #fff;
	box-shadow : 0px 10px 10px 5px rgba(200, 200, 200, 0.7);
}

.footer p.copyright{
	width: 100%;
	margin: 0px auto;
	padding: 40px 0px 50px 0px;
	color: #fff;
	background: #c9b09e;
	font-size: 1.3rem;
	line-height: 1.8;
}





/*Page topへ*/ 

#page-top {
	position: fixed;
	bottom: 200px;
	right: 100px;
	z-index: 200;
}

#page-top a {
	background: url(images/toTop.png) no-repeat;
	width: 59px;
	height: 59px;
	display: block;
}

#page-top a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}










/*トップページの写真*/
.index .mainpicture {
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	background: none;
}

/*青帯*/
.mainContents h1 {
	margin: 35px 0px 10px 0px;
	padding: 4px 0px 4px 10px;
	color: #fff;
	background: #1e1a76;
	font-weight: bold;
	font-size: 1.5rem;
	border-radius: 3px;
}

.mainContents h1 a {
	color: #fff;
}

/*更新日*/
.contentsDate {
	margin: 8px 0px 15px 0px;
	text-align: right;
	color: #555;
	font-size: 1.2rem;
	line-height: 1.6;
}

/*赤帯*/
.mainContents h2 {
	margin: 20px 0px 10px 0px;
	padding: 4px 0px 4px 10px;
	color: #fff;
	background: #e44444;
	font-weight: bold;
	font-size: 1.5rem;
	border-radius: 3px;
}

.mainContents h3 {
	margin: 20px 0px 10px 0px;
	padding: 4px 0px 4px 10px;
	color: #080e53;
	background: #f3f3fe;
	font-weight: bold;
	font-size: 1.5rem;
	border: 1px solid #879ea3;
	border-radius: 3px;
}

.mainContents h4 {
	margin: 20px 0px 10px 0px;
	padding: 4px 0px 4px 10px;
	font-weight: bold;
	font-size: 1.5rem;
	color: #333;
	background: #f5f6e4;
	border-radius: 3px;
}

.mainContents h5 {
	font-weight: bold;
	font-size: 1.5rem;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
}

.mainContents p {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 1.35rem;
	line-height: 1.8;
}

.mainContents ul {
	font-size: 1.35rem;
	line-height: 1.8;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.mainContents ol {
	font-size: 1.35rem;
	line-height: 1.8;
	margin: 0px 0px 5px 30px;
	padding: 0px 0px 0px 0px;
}





/*トップページのお知らせ*/
.newslist {
	width: 98%;
	height: 220px;
	margin: 0px 0px 0px 0px;
	padding: 3% 2% 1% 0%;
	border-top: 1px solid #ccc;
	overflow: auto;
}

.newslist dl {
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #aaa;
}

.newslist dt.up_ymd {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 1.2rem;
	line-height: 1.7;
}

dd.title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.25rem;
	line-height: 1.7;
	padding-left: 18.2em;
	text-indent: -11.2em;
}

/*お知らせのラベル*/
dd.title::before {
	display: inline;
	margin: 0px 14px 0px 0px;
	padding-top: 2px;
	padding-bottom: 1px;
	font-size: 1.2rem;
	font-weight: normal;
	color: #fff;
}

dd.title.yakuyukai::before {
	content: '薬友会';
	padding-right: 3.5em;
	padding-left: 3.5em;
	font-weight: normal;
	background: #e1aa6d;
}

dd.title.information::before {
	content: 'お知らせ';
	padding-right: 3em;
	padding-left: 3em;
	font-weight: normal;
	background: #4da498;
}

dd.title.studying_show::before,
dd.title.studying_onlyarchives::before {
	content: '生涯学習';
	padding-right: 3em;
	padding-left: 3em;
	font-weight: normal;
	background: #af8f5f;
}

dd.title.homecomingday::before {
	content: 'ホームカミングデー';
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-weight: normal;
	background: #dfbf6f;
}

dd.title.reunion::before,
dd.title.reunion_show::before,
dd.title.reunion_display::before,
dd.title.onlyarchives::before,
dd.title.reunion_onlyalumni::before {
	display: inline;
	margin: 0px 14px 0px 0px;
	content: '同期会・同窓会';
	padding-top: 2px;
	padding-right: 1.5em;
	padding-bottom: 1px;
	padding-left: 1.5em;
	font-size: 1.2rem;
	color: #fff;
	font-weight: normal;
	background: #70b187;
}

dd.title.semi::before {
	content: '準会員';
	padding-right: 3.5em;
	padding-left: 3.5em;
	font-weight: normal;
	background: #7fafbf;
}

dd.title.member::before {
	content: '薬友会会員';
	padding-right: 2.5em;
	padding-left: 2.5em;
	font-weight: normal;
	background: #4f6f9f;
}

dd.title a {
	color: #333;
	text-decoration: none;
}

dd.title a:hover {
	color: #33a;
	text-decoration: underline;
}





/*お知らせページのお知らせと過去ページ*/
.newsPagelist {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 3% 0% 1% 0%;
	border-top: 1px solid #ccc;
}

.rireki .txtarea dl,
.newsPagelist dl {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
	border-bottom: 1px dashed #ccc;
}

.rireki .txtarea dl {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 12px 0px;
}

.newsPagelist dd.title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 1.7;
	font-weight: bold;
	color: #555;
	padding-left: 9.0em;
	text-indent: -9.0em;
/*
	padding-left: 15.0em;
	text-indent: -9.0em;
*/
}

/*過去のお知らせページのタイトル*/
.rireki .txtarea dd.title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.4rem;
	line-height: 1.7;
	font-weight: normal;
	text-indent: 0em;
}

.rireki .txtarea dd.title a {
	color: #004097;
	text-decoration: underline;
}

.rireki .txtarea dt.up_ymd,
.newsPagelist dt.up_ymd {
/*
	float: left;
*/
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.25rem;
	line-height: 1.7;
}

.rireki .txtarea dd.comment,
.newsPagelist dd.comment {
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.4rem;
	line-height: 1.7;
}

/*過去のお知らせの本文*/
.rireki .txtarea dd.comment {
	margin: 15px 0px 0px 0px;
}

/*お知らせのラベル*/
.newsPagelist dd.title::before {
	margin: 0px 12px 0px 0px;
	padding-top: 4px;
	padding-bottom: 3px;
	font-size: 1.2rem;
	white-space: pre;
}

/*改行したいなら
.newsPagelist dd.title.yakuyukai::before {
	content: '薬友会\A';
}

.newsPagelist dd.title.information::before {
	content: 'お知らせ\A';
}

.newsPagelist dd.title.studying::before {
	content: '生涯学習\A';
}

.newsPagelist dd.title.homecomingday::before {
	content: 'ホームカミングデー\A';
}

.newsPagelist dd.title.reunion::before,
.newsPagelist dd.title a[href *='alumni']::before {
	content: '同期会・同窓会\A';
}

.newsPagelist dd.title.semi::before {
	content: '準会員\A';
}

.newsPagelist dd.title.member::before {
	content: '薬友会会員\A';
}
*/





/*同期会ページの開催のお知らせ*/
.alumnilist {
	width: 100%;
	max-height: 560px;
	margin: 0px 0px 50px 0px;
	padding: 1% 0% 1% 0%;
	border-top: 1px solid #ccc;
	overflow: auto;
}

.alumnilist dl {
	margin: 0px 0px 14px 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dashed #aaa;
}

.alumnilist dt.title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.5rem;
	line-height: 1.7;
	font-weight: bold;
	padding-left: 9.0em;
	text-indent: -9.0em;
}

.alumnilist dd.up_ymd {
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.25rem;
	line-height: 1.7;
}

.alumnilist dd.comment {
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.4rem;
	line-height: 1.7;
}

/*
.alumnilist dt.title::before {
	display: inline;
	margin: 0px 14px 0px 0px;
	content: '同期会・同窓会';
	padding-top: 4px;
	padding-right: 1.5em;
	padding-bottom: 2px;
	padding-left: 1.5em;
	font-size: 1.2rem;
	color: #fff;
	font-weight: normal;
	background: #70b187;
}
*/




/*ボタン*/
a.linkBtn {
	display: block;
	width: 20em;
	margin: 20px auto 40px auto;
	padding: 8px 0px 8px 0px;
	color: #398bff !important;
	font-size: 1.4rem;
	line-height: 1.5;
	text-align:	center;
	text-decoration: none !important;
	font-weight: bold;
	border: 1px solid #096bcd;
	background: #fff;
	border-radius: 5px; 
	box-shadow: 2px 2px 4px #096bcd;

	transition-property:	all;
	transition-duration:	0.1s;
	transition-timing-function:	ease-in-out;
}

a.linkBtn:hover {
	color:	#fff !important;
	background:   #397bdf;
	text-decoration: none !important;
}





/*ないページ 404*/
.mainContents .page404 h2 {
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
}



/*検索結果ページ*/
.mainContents .each_result .resultUnit {
	margin: 0px 20px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #79c;
}

.mainContents .each_result h2 {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.4;
	margin: 30px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
}

.mainContents .each_result h3 {
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.4;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
}





/*ページ送り指定*/
.pagination   {
	clear: both;
	margin:   0px 0px 0px 0px;
	padding:   40px 0px 40px 0px;
	font-size:   1.35rem;
}

.pagination_left   {
	float:   left;
	width:	350px;
	margin:   0px 0px 0px 10px;
	padding:   0px 0px 0px 0px;
}

.pagination_right   {
	float:   right;
	width:	350px;
	text-align:	right;
	margin:   0px 30px 0px 0px;
	padding:   0px 0px 0px 0px;
}





/*汎用テーブル*/
table {
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.35rem;
	line-height: 1.6;
	background: #fff;
	border: 1px solid #bbb;
	border-collapse: collapse;
}

table th {
	padding: 12px 10px 12px 10px;
	vertical-align: middle;
	text-align: center;
	color: #333;
	border: 1px solid #bbb;
}

table td {
	padding: 12px 10px 12px 10px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #bbb;
}

/*交互に背景色変更*/
table.odd tbody:nth-child(odd) td {
	background: #f3f3f3;
}

/*横スクロール用*/
.table-scroll {
	th,
	td {
		word-break: keep-all;
		white-space: nowrap;
	}
}

.table-scroll__wrap{
	overflow-x: auto;
	&::-webkit-scrollbar {
		height: 5px;
	}
	&::-webkit-scrollbar-track {
		background: #f1f1f1;
	}
	&::-webkit-scrollbar-thumb {
		background: #bcbcbc;
	}
}



/*ヘッダーがオレンジのテーブル*/
.tablepress th {
	background: #d5ceb1;
}



/*薬友会 NEW TOPICS*/
table.newtopics {
	width: 100%;
	font-size:	1.35rem;
	line-height: 1.6;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.newtopics th,
table.newtopics td {
	border: 1px solid #ccc;
}

table.newtopics th {
	padding: 10px 10px 10px 14px;
	min-width: 8em;
	text-align: left;
	background: #efefef;
	word-break: keep-all;
}

table.newtopics td {
	padding: 10px 10px 10px 20px;
}



/*写真用テーブル*/
table.photos {
	width: 100%;
	margin: 5px 0px 5px 0px;
	font-size: 1.35rem;
	line-height: 1.6;
	background: #fff;
	border: none;
	border-collapse: collapse;
}

table.photos th,
table.photos td {
	padding: 10px 10px 10px 0px;
	color: #333;
	border: none;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

/*画像ファイルの指定*/
/*大きい画像1つ*/
.shorei_photo {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
}

/*横並びで画像2つ*/
.shorei_photo_02 {
	display: block;
	width: 100%;
	max-width: 350px;
	height: auto;
}

img.alignright {
	float: right;
	margin: 5px 0px 10px 15px;
	border : 1px solid #ccc;
}

img.alignleft {
	float: left;
	margin: 5px 15px 10px 0px;
	border : 1px solid #ccc;
}





/*オンラインセミナー用　背景オレンジ*/
.orange {
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	background: #ffee77;
	border: 1px solid #bbb;
	border-radius: 8px;
}

.orange a.seminorPoster img {
	width: 100%;
	max-width: 130px;
	height: auto;
	float: right;
	margin: 0px 0px 10px 10px;
}

.orange .title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.7rem;
	line-height: 1.6;
	font-weight: bold;
}

.orange .output {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.35rem;
	line-height: 1.7;
	font-weight: bold;
}

.orange .output.txtindent {
	padding-left: 5.0em;
	text-indent: -5.0em;
}



/*「オンデマンド配信はこちら」　指定は固定してますのでWP上で変更不可*/
a.onDemand {
	display: block;
	margin: 30px 0px 30px 0px;
	padding: 8px 10px 8px 15px;
	color: #fff;
	background: #249024;
	font-size: 1.35rem;
	font-weight: bold;
	text-decoration: none;
	border-radius: 10px;

	transition-property:	all;
	transition-duration:	0.1s;
	transition-timing-function:	ease-in-out;
}

a.onDemand span {
	font-size: 1.7rem;
}

a:hover.onDemand {
	color: #fff;
	background: #44b034;
}



/*生涯学習ページのテーブルヘッダー*/
.studying table th {
	background: #d5ceb1;
}

/*生涯学習ページのh2はh1扱いにする　赤オビ--->青オビ*/
.studying .mainContents h2 {
	margin: 35px 0px 10px 0px;
	padding: 4px 0px 4px 10px;
	color: #fff;
	background: #1e1a76;
	font-weight: bold;
	font-size: 1.5rem;
}

/*講義1と講義2を青文字に*/
.blue {
	color: #0000ff;
}

.studying strong {
	color: #ff0000;
	font-size: 1.4rem;
}





/*会長挨拶*/
.president {
	float: right;
	margin: 0px 0px 0px 10px;
}

.president img {
	width: 120px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.president p {
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size:	1.3rem;
	line-height: 1.4;
}





.post-type-archive .txtarea,
.wp-singular .txtarea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	font-weight: normal;
	font-size: 1.35rem;
	line-height: 1.8;
}















/*961px以上の画面　タブレット、スマートフォン用コンテンツの非表示*/

.tb,	/*960以下は表示*/
.sm,	/*660以下は表示*/
.globalnavi_sm,
.globalNav ul li.totop {
	display: none;
	}









/*960px以下の画面*/
@media only screen and (max-width: 960px){

	.pc {
		display: none;
	}

	.tb {
		display: block;
	}

	body,
	#wrapper {
		display: block;	/*flexを解除*/
	}

	#wrapper {
		width: 100%;
		max-width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
		box-shadow: none;
	}

.mainContents{
		width: 92%;
		margin: 0% 0% 0% 0%;
		padding: 0% 4% 0% 4%;
}

.leftContents{
		width: 100%;
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 0% 0%;
}

.txtarea {
		margin: 0px 0px 25px 0px;
		padding: 0px 0px 15px 0px;
		border-bottom: 5px solid #54c2ee;
}

.footer{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		box-shadow: none;
	}

.footer p.copyright{
		width: 100%;
		max-width: 100%;
		margin: 0px;
		padding: 10px 0px 15px 0px;
		font-size: 1.2rem;
	}





/*検索窓とsm用メニュー*/
	.header {
		display: flex;	/*検索とMENUボタンを横並びに*/
		margin: 0px 0px 0px 0px;
		padding: 12px 0px 10px 14px;
		background: #2c3b6a;
	}

	#search {
		width: 100%;
		min-height: 100%;
		margin: 0px 0px 0px 0px;
		text-align: left;
	}

	#search #searchform  {
		position: relative;
	}

	#searchform .inputarea {
		position: absolute;
		top: 0px;
		left: 0%;
	}

	#searchform input[type="text"] {
		width: 70%;
		margin : 0px 0px 0px 0px;
		height : 1.4em;
		padding : 2px 2px 2px 2px;
		-webkit-appearance : none;
		font-size: 1.35rem;
		border : 1px solid #7ac;
		background: rgb(255, 255, 255, 1.0);
	}

	#searchform input[type="text"]:focus {
		box-shadow : 0px 0px 5px #55ccff;
		border : 1px solid #55ccff;
		background : #fff;
	}

	#searchform .searchbtn,
	.pages #searchform .searchbtn {
		position: absolute;
		top: 1px;
		left: 72%;
	}



/*スマートフォン用ナビゲーション*/
/*ページのあたまに出るMENU*/
	.globalnavi_sm  {
		display: block;
		text-align: right;
	}

	.globalnavi_sm a {
		padding: 0px 14px 0px 0px;
		color: #0ae;
		font-size:	1.5rem;
		font-weight: bold;
	}

	.globalnavi_sm a:hover {
		color: #fff;
	}



/*メニュー本体*/
	.gNavi ul {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
	}

	.gNavi ul li {
		text-align: left;
		border-top: 1px solid #fff;
	}

	.gNavi ul li a {
		padding: 12px 0px 10px 30px;
		font-size: 1.4rem;
		line-height: 1.6;
		color: #555;
		text-align: left;
		background: #ddeeff;
		border-bottom: solid 1px #ccc;
	}

	.gNavi ul li a:hover {
		background: #ccddff;
	}

	.gNavi ul li.current-menu-item a {
		background: #abf;
	}

	/*ページトップへ*/
	.gNavi ul li.totop a {
		display: block;
		text-align: center;
	}


	.bannerSet {
		margin: 0px auto 0px auto;
		padding: 30px 0px 30px 0px;
		text-align: center;
		background: #e3f4ff;
	}

	.cybozu {
		max-width: 200px;
		margin: 20px auto 0px auto;
		font-size: 1.4rem;
	}


}





/*スマートフォン 縦位置のサイズ*/
@media only screen and (max-width: 660px){

	.sm {
		display: block;
	}



	.pagetitle img {	/*ロゴタイプ*/
		width: 170px;
		margin: 0px 0px 0px 0px;
	}





	/*青帯*/
	.mainContents h1 {
		margin: 25px 0px 10px 0px;
		padding: 4px 10px 4px 10px;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	/*赤帯*/
	.mainContents h2 {
		margin: 20px 0px 10px 0px;
		padding: 4px 10px 4px 10px;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.mainContents h3 {
		margin: 15px 0px 10px 0px;
		padding: 4px 10px 4px 10px;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.mainContents h4 {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.mainContents h5 {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.mainContents p {
		font-size: 1.3rem;
	}

	.mainContents ul {
		font-size: 1.3rem;
		line-height: 1.6;
	}

	.mainContents ol {
		font-size: 1.3rem;
		line-height: 1.6;
	}



/*お知らせ*/
dt.up_ymd {
		float: none;
		margin: 0px 0px 5px 0px;
	}

dd.title {
		margin: 0px 0px 5px 0px;
	}

dd.comment p {
		margin: 0px 0px 0px 0px;
	}



/*汎用テーブル*/
	table {
		font-size: 1.3rem;
		line-height: 1.6;
	}

	table th {
		padding: 10px 10px 10px 10px;
	}

	table td {
		padding: 10px 10px 10px 10px;
	}

	table.bgOrange {
		font-size: 1.3rem;
	}

	/*オンデマンド配信はこちら*/
	a.onDemand {
		margin: 10px 0px 20px 0px;
		padding: 8px 8px 8px 8px;
		font-size: 1.3rem;
		border-radius: 8px;
	}

	a.onDemand span {
		font-size: 1.4rem;
	}

	/*薬友会 NEW TOPICS*/
	table.newtopics {
		font-size:	1.3rem;
	}

	table.newtopics th {
		padding: 10px 5px 10px 5px;
	}

	table.newtopics td {
		padding: 10px 10px 10px 10px;
	}

	/*写真用テーブル*/
	table.photos {
		font-size: 1.3rem;
		line-height: 1.5;
	}

	table.photos th,
	table.photos td {
		padding: 5px 5px 5px 0px;
	}



/*オンラインセミナー用　背景オレンジ*/
	.orange {
		margin: 0px 0px 10px 0px;
	}

	.orange a.seminorPoster img {
		max-width: 110px;
	}

	.orange .title {
		font-size: 1.5rem;
		line-height: 1.5;
	}

	.orange .output {
		font-size: 1.3rem;
		line-height: 1.7;
	}



/*画像の調整*/
	img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	img.alignright {
		float: none;
		display: block;
		margin: 5px 0px 10px 0px;
	}

	img.alignleft {
		float: none;
		display: block;
		margin: 5px 0px 10px 0px;
	}

/*大きい画像1つ*/
	.shorei_photo {
		display: block;
		max-width: 100%;
		height: auto;
	}

/*横並びで画像1つ*/
	.shorei_photo_15 {
		display: block;
		max-width: 100%;
		height: auto;
	}

/*横並びで画像2つ*/
	.shorei_photo_02 {
		display: block;
		max-width: 45%;
		height: auto;
	}



	.float_l,
	.fl {
		float: none;
	}

	.float_r,
	.fr {
		float: none;
	}





	/*会長挨拶*/
	.president p {
		margin: 10px 0px 10px 0px;
		font-size: 1.2rem;
		line-height: 1.4;
	}




}