@charset "UTF-8";
/* ***********************************************************************
    Otaki Clinic - Homepage  <News>
*********************************************************************** */
/*
    0 : Common
	1 : Index Page
	2 : Single Page
*/

/* ***********************************************************************
    0 : Common
*********************************************************************** */
@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#news header #header_innerBox h1#lowerLogo a,
	#single header #header_innerBox h1#lowerLogo a {
		background : url(../images/h1_lowerLogo.png?ver=0.0.2) left center no-repeat;
		background-size: 110px auto!important;
	}
	/* ********************
		Side Nav
	********************* */
	#leftBox #wpSideNav {
		display      : block;
		width        : 225px;
		height       : auto;
		border-bottom: solid 1px #fff;
	}
	#leftBox #wpSideNav h5 {
		background : url(../../news/images/bg_wpSideNav.jpg) left top repeat-x;
		width      : 225px;
		height     : 14px;
		padding    : 12px 0;
		text-align : center;
		text-indent: 0;
		color      : #fff;
	}
	#leftBox #wpSideNav h5 img {
		vertical-align: baseline;
		padding-right : 5px;
	}
	#leftBox #wpSideNav h5#recentnews {
		border-top-left-radius : 10px;
		border-top-right-radius: 10px;
	}
	#leftBox #wpSideNav ul {
		display         : block;
		background-color: #fffceb;
		width           : 223px;
		height          : auto;
		padding-bottom  : 5px;
		border-right    : solid 1px #b9a28e;
		border-left     : solid 1px #b9a28e;
	}
	#leftBox #wpSideNav ul li {
		background  : url(../../news/images/dotted_wpSideNav.gif) left top repeat-x;
		width       : 203px;
		height      : auto;
		margin-left : 10px;
		margin-right: 10px;
		padding     : 13px 0;
	}
	#leftBox #wpSideNav ul li a {
		display     : block;
		background  : url(../../news/images/arrow_wpSideNav_list.gif) left 2px no-repeat;
		width       : 183px;
		height      : auto;
		padding-left: 20px;
		font        : normal 12px/18px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
		text-align  : left;
	}
	
	#leftBox #wpSideNav ul#archiveBox {
		background-color          : #fffceb;
		width                     : 203px;
		height                    : 20px;
		padding                   : 15px 10px;
		border-right              : solid 1px #b9a28e;
		border-bottom             : solid 1px #b9a28e;
		border-left               : solid 1px #b9a28e;
		border-bottom-left-radius : 10px;
		border-bottom-right-radius: 10px;
	}
	#leftBox #wpSideNav ul#archiveBox li {
		background-image: none;
		width           : 203px;
		height          : 20px;
		margin          : 0;
		padding         : 0;
	}
	#leftBox #wpSideNav ul#archiveBox li select {
		width : 203px;
	}
	
	/***/
	
	#dot_partition {
		background: url(../../news/images/dotted_brown.gif) left top repeat-x;
		width     : 225px;
		height    : 1px;
		margin-top: 20px;
		margin-bottom   : 15px; 	
	}
}

h1#listLabel {
	margin     : 24px 0;
	text-align : center;
	font-size  : 20px;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight: bold;
	color      : #a0c31c;
}


/* ***********************************************************************
	1 : Index Page
*********************************************************************** */
#summary {
	background    : url(../../news/images/dotted_gray.png) left bottom repeat-x;
	width         : 90%;
	margin        : 32px auto 0;
	padding-bottom: 1px;
}
#summary dl {
	background: url(../../news/images/dotted_gray.png) left top repeat-x;
	width     : 100%;
	padding   : 14px 0;
}
#summary dl dt {
	width         : 100%;
	padding-bottom: 4px;
	text-align    : left;
	font          : normal 14px/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
#summary dl dd {
	width      : 100%;
	text-align : left;
	font-size  : 16px;
	line-height: 1.5em;
}
/** ぺージ現在地のテキスト **/
#allPage {
	padding    : 24px 0;
	font-size  : 14px;
	line-height: 1.0em;
	text-align : center;
}
/** ぺージ送りメニュー **/
#nextPrevMenu {
	width        : 90%;
	height       : 42px;
	margin       : 0 auto;
	border       : solid 1px #d0d0d0;
	border-radius: 5px;
	text-align   : left;
}
#nextPrevMenu li {
	float     : left;
	height    : 42px;
	text-align: center;
	list-style: none;
}
#nextPrevMenu li#first,
#nextPrevMenu li#end {
	min-width: 14.95%;
	max-width: 15%;
	width    : auto;
}
#nextPrevMenu li#previous,
#nextPrevMenu li#next {
	min-width: 34.5%;
	max-width: 35%;
	width    : auto;
}
#nextPrevMenu li#first,
#nextPrevMenu li#previous,
#nextPrevMenu li#next {
	border-right: solid 1px #d0d0d0;
}
/*共通*/
#nextPrevMenu li a {
	display       : block;
	height        : 18px;
	padding-top   : 12px;
	padding-bottom: 12px;
	font-size     : 12px;
	line-height   : 18px;
	color         : #333;
	text-align    : center;
}
/* 個別 */
#nextPrevMenu #first a {/*46px 16% */
	background-image: url(https://otaki-c.com/news/images/arrow_nextPage_first.gif);
}
#nextPrevMenu #previous a span {/*96px 34% */
	display            : block;
	background-image   : url(https://otaki-c.com/news/images/arrow_nextPage_prev.gif);
	background-size    : 8px 13px;
	background-position: left center;
	background-repeat  : no-repeat;
	width              : 65px;
	margin             : 0 auto;
	padding-left       : 14px;
	text-align         : left;
}
#nextPrevMenu #next a span {/*96px 34% */
	display            : block;
	background-image   : url(https://otaki-c.com/news/images/arrow_nextPage_next.gif);
	background-size    : 8px 13px;
	background-position: right center;
	background-repeat  : no-repeat;
	width              : 65px;
	margin             : 0 auto;
	padding-right      : 14px;
	text-align         : right;
}
#nextPrevMenu #end a {/*46px 16% */
	background-image: url(https://otaki-c.com/news/images/arrow_nextPage_end.gif);
}
/*共通*/
#nextPrevMenu #first a,
#nextPrevMenu #end a {
	background-size    : 13px 13px;
	background-position: center center;
	background-repeat  : no-repeat;
	width              : 90%;
	text-indent        : -9999px;
}
#nextPrevMenu #previous a,
#nextPrevMenu #next a {
	width            : 100%;
}

@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#summary {
		width: 100%;
	}
	#summary dl dt {
		float: left;
		width: 15%;
		font-size: 14px;
	}
	#summary dl dd {
		float: right;
		width: 85%;
		font-size: 14px;
	}
	/** ぺージ送りメニュー **/
	#nextPrevMenu {
		width        : 70%;
		height       : 42px;
		border       : solid 1px #d0d0d0;
		border-radius: 5px;
		text-align   : left;
	}
	#nextPrevMenu li {
		float     : left;
		height    : 42px;
		text-align: center; 
	}
	#nextPrevMenu li#first,
	#nextPrevMenu li#end {
		width: 14.95%;
	}
	#nextPrevMenu li#previous,
	#nextPrevMenu li#next {
		width: 34.5%;
	}
	#nextPrevMenu li#first,
	#nextPrevMenu li#previous,
	#nextPrevMenu li#next {
		border-right: solid 1px #d0d0d0;/*3px*/
	}
}


/* ***********************************************************************
	2 : Single Page
*********************************************************************** */
#single #rightBox {
	display     : block;
	width       : 100%;
	text-align  : center;
}
#single #rightBox h2#blogTitle {
	width        : 90%;
	padding      : 20px 4%;
	text-align   : left;
	color        : #885f38;
	font         : bold 22px/32px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	border-top   : solid 5px #aecd20;
	border-bottom: solid 1px #aecd20;
}
#single #rightBox .innerBox {
	width       : 90%;
	margin-left : auto;
	margin-right: auto;
	text-align  : left;
	padding-top : 20px;
}
#single #rightBox #day {
	text-align  : right;
	color       : #666;
	font-size   : 10px;
	line-height : 10px;
	margin-right: 10px;
	margin-top  : 5px;
}

#single #rightBox h2 {
	width        : 90%;
	margin       : 5px 0 0;
	padding      : 0 4% 12px;
	font         : bold 18px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color        : #a0c31c;
	border-bottom: solid 2px #a5c81f;
	text-align   : left;
}
#single #rightBox .innerBox h3 {
	width           : 97%;
	margin-top      : 30px;
	margin-bottom   : 15px;
	padding         : 15px 1.5% 6px;
	font            : bold 18px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color           : #333;
	border-bottom   : solid 1px #a5c81f;
	background-image: none;
}
#single #rightBox .innerBox h4 {
	margin-top   : 30px;
	margin-bottom: 0;
	padding      : 0 0 8px;
	font         : bold 18px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color        : #a5c81f;
}
#single #rightBox .innerBox h5,
#single #rightBox .innerBox h6 {
	margin-top   : 30px;
	margin-bottom: 0;
	padding      : 0;
	font      : bold 16px/2.0 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color     : #333;
}
#single #rightBox .innerBox p,
#single #rightBox .innerBox ul,
#single #rightBox .innerBox dl {
	font   : normal 16px/2.0 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color  : #333;
	margin : 1.0em 0 0;
	padding: 0;
}
#single #rightBox .innerBox img {
	display: block;
	max-width  : 99.2%;
	width: auto;
	height : auto;
	margin : 10px auto 5px;
	border : solid 1px #d0d0d0;
	text-align: center;
}

#single #rightBox .innerBox .wp_caption {
	display   : block;
	font      : normal 14px/21px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color     : #666;
	margin-top: 0;
	margin-top: 10px;
}
.wp-block-image figcaption{
font-size:14px;
margin-top:-10px;
}

#single .innerBox ul {
	margin-top     : 1em;
	margin-bottom  : 1em;
	list-style-type: none;
}
#single .innerBox ul li {
	background     : url(../../news/images/bullet.gif) 2px 0.5em no-repeat;
	background-size: 8px 8px;
	margin-top     : 12px;
	padding-left   : 18px;
	line-height    : 1.5em;
	text-align     : left;
	font-family    : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size      : 16px;
}
#single .innerBox ul li:first-child {
	margin-top: 0;
}
#single .innerBox ol {
	margin-top : 1em;
	margin-left: 1em; /*サイトに合せて調整 */
}
#single .innerBox ol li {
	list-style-type  : none;
	counter-increment: cnt;
	position         : relative;
	/***/
	margin-top     : 12px;
	padding-left   : 2px;
	font-size      : 16px;
	line-height    : 1.5em;
	text-align     : left;
}
#single .innerBox ol li:before {
	content    : counter(cnt) ".";
	display    : inline-block;
	margin-left: -1em;  /*サイトに合せて調整 */
	width      : 1em; /* サイトに合せて調整 */
	text-align : center;
	position   : absolute;
	top        : 0;
	left       : 0;
}


/********************
Back To List
********************/
#backToList {
	display         : block;
	background-color: #f7faee;
	width           : 92%;
	height          : 14px;
	margin          : 55px auto 0;
	padding         : 12px 0;
	text-align      : center;
	border          : solid 2px #a5c81f;
	border-radius   : 5px;
}
#backToList span {
	display            : block;
	background-image   : url(../../news/images/arrow_backToList.gif);
	background-size    : 8px 13px;
	background-position: left center;
	background-repeat  : no-repeat;
	width              : 70px;
	height             : 14px;
	padding-left       : 15px;
	margin             : 0 auto;
	font               : normal 14px/14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color              : #a0c31c;
	text-align         : left;
}

/********************
Detail Navi
********************/
#single #detail_navi {
	display: none;
}



@media screen and (min-width:768px) {
/** [ TABLET ] **/
	#single #rightBox {
		width: 685px;
	}
	#single #rightBox h2#blogTitle {
		/*background   : none;*/
		width        : 685px;
		min-height   : 40px;
		/*color        : #885f38;*/
		margin       : 0 0 25px 0;
		padding      : 20px 15px;
		/*font         : bold 22px/32px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
		border-top   : solid 5px #aecd20;
		border-bottom: solid 1px #aecd20;*/
	}
	
	#single .innerBox {
		margin-top: 0;
	}
	
	#single .innerBox h3 {
		background   : none;
		width        : 675px;
		height       : auto;
		margin       : 40px 0 20px;
		padding      : 0 0 5px;
		color        : #885f38;
		font         : 800 20px/30px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
		border-bottom: solid 1px #aecd20;
	}
	
	#news .innerBox h4 {
		background: none;
		width     : 675px;
		height    : auto;
		margin    : 40px 0 15px;
		padding   : 0;
		color     : #aecd20;
		font      : 800 18px/27px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	}
	
	#single .innerBox h5 {
		width  : 675px;
		height : auto;
		margin : 41px 0 15px;
		padding: 0;
		color  : #a68363;
		font   : 800 16px/24px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	}
	
	#single .innerBox h6 {
		width  : 675px;
		height : auto;
		margin : 35px 0 15px;
		padding: 0;
		color  : #333;
		font   : 900 14px/21px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	}
	
	
	#single .innerBox img {
		margin-top: 25px;
		max-width : 675px;
		width     : auto;
		height    : auto;
	}
	
	#single .innerBox  p {
		line-height: 22px;
		margin-top : 15px;
	}
	
	#single .innerBox .wp_caption {
		margin-top: 7px;
		font      : normal 12px/18px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
		color     : #666;
	}
	
		
	/********************
	Back To List
	********************/
	#backToList {
		display: none;
	}
	#backToList span {
		display: none;
	}
	/********************
	Detail Navi
	********************/
	#single #detail_navi {
		display: block;
		padding-top: 25px;
	}
	#single #detail_navi .info {
		background      : url(../../news/images/dotted_wpDetailNav.gif) left top repeat-x;
		background-color: #f7faee;
		margin          : 50px 0 15px; 
		padding         : 15px 20px;
		text-align      : right;
		font            : normal 12px/12px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
		border-bottom   : 1px solid #aecd20;
	}
	#single #detail_navi .prev {
		float: left;
		width: 102px;
	}
	#single #detail_navi .next {
		float: right;
		width: 102px;
	}
	
	#single #detail_navi .prev a {
		display    : block;
		background : url(../../news/images/btn_wpDetailNav_prev.gif) left top no-repeat;
		width      : 102px;
		height     : 22px;
		text-indent:-9999px;
	}
	#single #detail_navi .prev a:hover {
	  opacity : 0.6;
	  filter  : alpha(opacity=60);
	}
	
	#single #detail_navi .next a {
		display    : block;
		background : url(../../news/images/btn_wpDetailNav_next.gif) left top no-repeat;
		width      : 102px;
		height     : 22px;
		text-indent:-9999px;
	}
	#single #detail_navi .next a:hover {
	  opacity : 0.6;
	  filter  : alpha(opacity=60);
	}
}