@charset "UTF-8";
/*
Theme Name: k_197_HypertensiveDrug
Author: num
Description: This is my original theme.
Version: 1.0
*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, Navigation, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background-color:transparent;font-weight:normal;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body{line-height:1.5;word-wrap:break-word;font-size:16px;counter-reset:wpp-ranking;}
article,aside,details,figcaption,figure,footer,header,hgroup,Navigation,nav,section{display:block;}
nav ul{list-style:none;}
ul, ol, li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
input{box-sizing:border-box;}
a,a:visited{margin:0;padding:0;font-size:100%;vertical-align:baseline;background-color:transparent;color:#333;}
a:hover{text-decoration:none;}
*{/zoom:1;-webkit-appearance:none;}
input[type="submit"]{-webkit-appearance:none;border-radius:0;}
.clearfix:after{content: "";display:block;clear:both;overflow:hidden;height:0px;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clear{clear:both;}
img{width:100%;}
#Content>div:first-child,#Content>div:last-child{box-sizing:border-box;}
.spbtn,#spbtn,nav .CloseBtn,#Navigation02{display:none;}

/*-------------------------------------
レイアウト
-------------------------------------*/
#Content{ max-width:1000px; margin:0px auto 20px; padding:10px 10px 0; }
#MainContent{ width:70%; float:right; margin:0px 0% 0px 2%; padding:15px; background:#fff; }
#SideContent{ width:28%; float:left; margin:0px auto 10px; padding:15px; background:#fff; }
#Page{ max-width:auto; margin:0 auto; background:#F5F2E5;}

/*-------------------------------------
ヘッダー部分
-------------------------------------*/
/* ヘッダー */
#Header{ margin:0px auto 10px; padding-top:10px; background:none; border-bottom:none; }
/* ヘッダーソーシャル */
#SocialIconTop{ float:right; margin:0px 0 5px; text-align:center; }
#SocialIconTop a{ display:inline-block; margin-left:5px; width:32px; height:32px; background:#939393; border-radius:5px; }
#SocialIconTop a:hover{ opacity:0.7; }
#SocialIconTop a:nth-of-type(1){ background:#dd4b39; }
#SocialIconTop a:nth-of-type(2){ background:#0e9bf1; }
#SocialIconTop a:nth-of-type(3){ background:#3b579d; }
#SocialIconTop a:nth-of-type(4){ background:#5d8ac1; display:none; }
#SocialIconTop a:nth-of-type(5){ background:#f03e51; display:none; }
#SocialIconTop a:nth-of-type(6){ background:#ef8000; }
/* 検索フォーム */
.widget_search { max-width:300px; margin:10px auto; display:block; text-align:center; }
.widget_search .screen-reader-text { display:none; }
.searchform { width: auto; margin:0 auto; background:#fff; display: block; height:32px; position: relative; border:solid 1px #aaa; outline: none; } 
.s { width: auto; height:25px; position: absolute; top: 3px; left: 5px; border:none; outline: none; }  
.searchsubmit { position: absolute; top: 4px; right:10px; outline: none; background-image:url("image/SearchIcon.png"); background-color:#fff !important; background-repeat:no-repeat; border:none; cursor: pointer; width:24px; height:24px; }
.search .entry-content p a{ color:#D03E40; }
/* サイトタイトル */
.SiteTitleInner{ max-width:1000px; margin:0 auto 10px; background:none; border:none; }
.SiteTitle{ box-sizing:border-box; float:none; width:100%; margin:0px auto 0px; padding:0px; background:none; text-align:left; }
.SiteTitle a{ font-size:24px; line-height:1.5; text-decoration:none; font-weight:bold; color:#404462; }
.SiteTitle a:hover{ color:#333; }
/* ディスクリプション */
#Header p{ max-width:1000px; margin:0 auto 10px; font-size:12px; }
/* トップナビ */
.TopNav{ margin:0 0 15px; padding:5px 0; background:#E9FFFF; }
.TopNav ul{ max-width:1000px; margin:0 auto 0px; text-align:right; }
.TopNav ul li{ position:relative; display:inline-block; margin-right:10px; padding:0 0px 0 15px; }
.TopNav ul li:last-child{ margin:0; }
.TopNav ul li:before { font-family:FontAwesome; position: absolute; top:4px; left:0px; content:"\f054"; font-size:12px; color:#3A51BD; }
.TopNav ul li a{ font-size:14px; }
/* グロナビ */
.Navigation{margin:0 auto 20px;padding:15px 0px;background:#1b2940; border-top:none; border-bottom:none; border-radius:0px;text-align:center;}
.Navigation ul{max-width:1000px;margin:0 auto 0px;padding:0;text-align:center;}
.Navigation ul li{box-sizing:border-box;float:left;width:25%;list-style: none;margin:0;padding:0px 20px;font-size:13px;position:relative;background:none;color: #fff;text-align:center; border-left:solid 1px #fff;}
.Navigation ul li:last-child{border-right:solid 1px #fff;}
.Navigation ul li a{color: #fff;display: block;padding:3px 0;text-decoration: none;font-weight:bold;}
.Navigation ul li a:hover{text-decoration: underline;}
.Navigation ul li ul{position: absolute;top: 50px;width: 100%;z-index: 100;}
.Navigation ul li ul li{box-sizing:border-box;visibility:hidden;overflow:hidden;width:100%;height:25px;line-height:25px;background:#E4E4E4;border-bottom:solid 1px #fff;text-align:left;padding:5px 10px;}
.Navigation ul li ul li a{color:#333;}
.Navigation ul li ul li:hover, .Navigation ul li ul li a:hover{background:#9C9C9C;}
.Navigation ul li:hover ul li, .Navigation ul li a:hover ul li{visibility:visible;overflow:visible;height:100%;z-index:10;}
/* ヘッダー画像 */
.focal-point{}
.focal-point div{ max-width:1000px; margin:0px auto 10px; line-height:0; }
.focal-point img{ box-sizing:border-box; width:100%; height:auto; border:none; }
/* パンくずリスト */
.breadcrumbs{ max-width:1000px; margin:15px auto 15px; padding:0px 10px; font-size:12px; line-height:1.5; background:none; color:#000; }
.breadcrumbs a{ font-size:12px; color:#0B4ADF; font-weight:bold; }

/*-------------------------------------
メインコンテンツ部分
-------------------------------------*/
/* トップページのコンテンツ */
.FrontInner,.SingleInner,.ContentInner{ margin:0 0 10px; padding:0px; border:none; background:none; }
/* hタグ・pタグ関係 */
.FrontInner h2,.SingleInner h1,.ContentInner h1 {
     position: relative;
     padding:0.5em 0.5em 0.5em 1.4em;
	 background:#fff;
     border: 1px solid #1b2940;
     border-radius: 5px;
	 font-size:20px;
	 font-weight:bold;
}
 
.FrontInner h2::after,.SingleInner h1::after,.ContentInner h1::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:25px;
     background-color: #1b2940;
}
.FrontInner section h3,.SingleInner h2{ position:relative; margin:0 0 10px; padding:10px 10px 10px 10px; background:#eaf1f8; border-left:solid 7px #3072b3; color:#555; font-weight:bold; font-size:16px; }
.FrontInner h4 { position: relative; padding: .25em 0 .5em .75em; border-left: 6px solid #ccc; }
.FrontInner h4:before { position: absolute; left: -6px; bottom: 0; content: ''; width: 6px; height: 50%; background-color: #ED8613; }
.FrontInner h4:after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 0; border-bottom: 1px solid #ED8613; }
#MainContent p{ margin:5px 0 10px; padding:0px 0 10px; font-size:16px; line-height:2.1; color:#333;}
#MainContent p a{ color:#005CFF;}
.FrontInner>p{ background:none; margin:10px 0 10px; padding:0px; font-size:16px; line-height:1.9; color:#333; border:none; }
.FrontInner>span,.SingleInner>span{ display:block; position:relative; margin-bottom:10px !important; padding:0 0 0 20px; font-size:16px; color:#555; }
.FrontInner>span:before,.SingleInner>span:before{ font-family:FontAwesome; position: absolute; top:-1px; left:0px;content:"\f073"; font-size:14px; color:#333; }
/* アーカイブ・検索・サイトマップ・カテゴリー・404ページ */
.ContentInner ul{ margin:0; padding:0; }
.ContentInner ul li h2{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#Article .NewsTitle{ margin-bottom:5px; padding-top:5px; line-height:1.9; }
#Article .NewsTitle a{ font-weight:bold; text-decoration:none; color:#333; font-size:18px; }
#Article .NewsTitle a:hover{ text-decoration:underline; }
#Article p{ margin:0; font-size:14px; line-height:1.5; padding:0 0px; }
.NewsLink{ text-align:center; padding:10px 0 !important; }
#Article p a{ color:#F74387; font-size:15px; padding:0; text-decoration:none; font-weight:bold; }
.ArticleBox span{ display:block;margin-bottom:5px; font-size:12px; color:#39C8C1; font-weight:bold; }
#Article{margin:0px 0px 10px;}
#Article li{box-sizing:border-box;margin-top:20px;padding:0px 0 20px;border-bottom:solid 1px #ccc;}
#Article img{box-sizing:border-box;float:left;width:170px;height:auto;}
#Article .ArticleBox{margin-left:180px;}
/* 関連記事(関連記事) */
.RelationContentTitle{ font-size:18px; margin:0px 0 10px; padding:8px 13px; background:none; border:none; text-align:center; }
#RelationContent .NewsTitle{ margin-bottom:0px; }
#RelationContent .NewsTitle a{ font-weight:normal; text-decoration:none; color:#000; font-size:14px; border:none !important; }
#RelationContent .RelationBox span{ font-size:12px; color:#777; }
#RelationContent{margin:0px 0px 10px;}
#RelationContent ul li{box-sizing:border-box;width:32%; margin:0 2.0% 0px 0; display:inline-block; vertical-align:top;}
#RelationContent ul li:nth-child(3n){ margin-right:0; }
#RelationContent ul img{box-sizing:border-box;max-width:300px;height:auto;border:none;}
#RelationContent{ margin-bottom:20px; padding:0px; background:none; border:none; }
/* ページ送り */
.Paging{ display:block; margin:20px 0px; width:100%; }
.Paging div{ width:35%; display:inline-block; vertical-align:top; }
.Paging div a{ position:relative; background:#333; color:#fff !important; text-decoration:none; font-size:14px; border-radius:3px; }
.Paging div a:before{ font-family:FontAwesome; position:absolute; font-size:20px; }
.Paging div a:hover{ text-decoration:underline; }
.Paging .CenterLink{ text-align:center; width:30%; }
.Paging .CenterLink a{ padding:5px 15px 5px 35px; }
.Paging .CenterLink a:before { content:"\f015"; top:0px; left:10px; }
.Paging .LeftLink{ text-align:left; }
.Paging .LeftLink a{ padding:5px 15px 5px 25px; }
.Paging .LeftLink a:before { content:"\f104"; top:0px; left:10px; }
.Paging .RightLink{ text-align:right; }
.Paging .RightLink a{ padding:5px 25px 5px 15px; }
.Paging .RightLink a:before { content:"\f105"; top:0px; right:10px; }
/* 記事内画像 */
.left,.right,.center{ display:block; box-sizing:border-box; width:auto; height:auto; text-align:center; }
.left{ float:left; max-width:300px; margin:0px 10px 0px 0; padding:0; }
.right{ float:right; max-width:300px; margin:5px 0 10px 10px; padding:0; }
.center{ max-width:500px; width:100%; margin:20px auto 20px; padding:0; }
/* aside・details整形用 */
.supplement{ border:solid 1px #ccc; background:#fff; margin:10px 0; padding:15px; }
.supplement h3,.supplement summary{ background:#EBEBEB !important; padding:10px 10px 8px; margin:0 0 5px; }
.supplement p{ line-height:1.5; }
.supplement p a{ padding:0px; }
strong{ background:none; font-weight:bold; padding:1px 3px; color:#B91E1E; border-bottom:none; font-size:15px; }
.FrontInner div ul{ margin:10px 0 0; padding:10px; background:#f3f3f3; border:solid 1px #C1C1C1; }
.FrontInner div ul li{ list-style-type:circle; margin-left:30px; font-size:15px; line-height:2.1; border-bottom:solid 1px #ccc; }
dl{ margin:0 auto; }
dt{ border:solid 1px #555; margin:10px 0; padding:5px; color:#555;  }
dd{ margin-bottom:10px; padding-bottom:5px; font-size:14px; line-height:1.9; }
/* ソーシャル */
#SocialIconMain{ width:100%; float:none; margin:7px auto 10px; text-align:left; }
#SocialIconMain a{ box-sizing:border-box; font-weight:normal; display:inline-block; margin-right:0.8%; padding:7px 4px; width:16.0%; height:auto; text-decoration:none; font-size:12px; text-align:center; border:none; border-radius:3px; color:#fff; }
#SocialIconMain a i{margin-right:5px;}
#SocialIconMain a:nth-of-type(7){ margin-right:0; }
#SocialIconMain a:hover{ opacity:0.8; border:none; }
#SocialIconMain a:nth-of-type(1){ background:#0e9bf1; }
#SocialIconMain a:nth-of-type(2){ background:#3b579d; }
#SocialIconMain a:nth-of-type(3){ background:#dd4b39; }
#SocialIconMain a:nth-of-type(4){ background:#5d8ac1; }
#SocialIconMain a:nth-of-type(5){ background:#f03e51; }
#SocialIconMain a:nth-of-type(6){ background:#ef8000; display:none; }
#SocialIconMain a:nth-of-type(7){ background:#00c300; }
.fa-hatena:before{ content:"B!"; font-family:Verdana; font-weight:bold }
.SnsBox{ box-sizing:border-box; width:100%; margin:20px auto 15px; padding:15px 15px 5px; border:solid 1px #ccc; background:#F9F9F9; }
.SnsBox h2,.SnsBox h3{ position:relative; text-align:left; font-size:18px; padding:10px 8px 10px 35px; font-weight:bold; }
.SnsBox h2:before,.SnsBox h3:before{ font-family:FontAwesome; position:absolute; top:1px; left:0; content:"\f087"; font-size:30px; color:#2E2E2E; }
@media screen and (max-width:800px) {
#SocialIconMain{ width:100%; float:none; margin:10px auto 10px !important; text-align:left; }
#SocialIconMain a i{margin-right:0;}
.SnsBox{ width:100%; margin:20px auto 15px; padding:10px 10px 5px; border:solid 1px #ccc; background:#F9F9F9; }
.SnsBox h2,.SnsBox h3{ position:relative;font-size:15px; padding:10px 8px 10px 36px; font-weight:bold; }
.SnsBox h2:before,.SnsBox h3:before{ top:1px; left:0; }
.text{display:none;}
}

/*-------------------------------------
サイドコンテンツ部分
-------------------------------------*/
/* サイドコンテンツ */
.widget,.RelationSide{ margin:0px 0px 15px; padding:0px; background:none; border:none; border-top:none; }
/* サイドタイトル */
.widget_title div,.RelationTitle,.PopularityTitle,.SearchTitle {
     position: relative;
     color: white;
	 margin-bottom:10px;
     padding:0.5em 0.5em 0.5em 1.4em;
     background-color: #3072b3;
     border-radius: 0px;
}
 
.widget_title div::after,.RelationTitle::after,.PopularityTitle::after,.SearchTitle::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:25px;
     background-color:white;
}
/* ウィジェット */
.widget ul li{ padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; }
.widget ul li a{ color:#4F89AD; font-size:14px; line-height:1.5; }
.widget ul li a:hover{ color:#4F89AD; text-decoration:none; }
/* 新着記事・人気記事 */
.RelationSide ul li{ box-sizing:border-box; margin-top:10px; padding:0px 0 10px; background:none; border-bottom:solid 1px #ccc; line-height:1.2; }
.NewsTitle{ margin-bottom:5px; padding:0; }
.NewsTitle a{ text-decoration:none; color:#333; font-size:13px; font-weight:bold; line-height:1.0; }
.NewsTitle a:hover{ text-decoration:underline; }
.RelationSide p,#RelationContent p{ margin:5px 0 0; font-size:13px; line-height:1.6; padding:0px; }
.RelationSide p a,#RelationContent p a{ color:#AB1F65; font-size:13px; padding:0; text-decoration:none; }
.RelationBox span{ font-size:13px; color:#333; }
.RelationSide ul img{ box-sizing:border-box;float:left;width:100px;border:none; }
.RelationSide .RelationBox{ margin-left:110px; }
.new{ background:#B75657; color:#fff !important; margin-left:10px; padding:0 5px !important; font-size:12px !important; }
/* 一覧の表示スタイル */
.PopularityBox li{ position: relative; }
.PopularityBox li:before{ content: counter(wpp-ranking, decimal); counter-increment: wpp-ranking; background:#BD1316; color: #fff; font-size: 14px; line-height: 1; padding: 4px 6px; position: absolute; left: 0; top: 0px; z-index: 1; }

/*-------------------------------------
フッター部分
-------------------------------------*/
/* フッター */
#Footer{ padding:10px 0 0; background:#1b2940; border:none; }
/* フッターメニュー */
#NavFooter{ max-width:1000px; margin:0 auto 0px; text-align:center; }
.DiscriptionFooter{ max-width:1000px; margin:10px auto 10px; padding:0 10px; font-size:14px; color:#fff; }
#NavFooter ul li{ display:inline; margin:0; padding:0 10px; background:none; border-right:solid 1px #fff; font-size:12px; }
#NavFooter ul li:last-child{ border-right:none; }
#NavFooter ul li a{ font-size:12px; color:#fff; }
.Copyright{ max-width:1000px; margin:0px auto 5px; padding:10px 0; text-align:center; font-size:12px; background:none; border:none; color:#fff; }
.Copyright a{ font-size:12px; color:#fff; }

@media only screen and (max-width: 860px) {

/*-------------------------------------
レイアウト
-------------------------------------*/
#Content{ max-width:768px; margin:0px auto; padding:0px 10px; }
#MainContent{ width:100%; float:none; margin:0px 0% 0px 0%; padding:0px 0px; }
#SideContent{ width:100%; float:none; margin:0px; padding:0px; }
#Page{ max-width:auto; margin:0 auto; }

/*-------------------------------------
ヘッダー部分
-------------------------------------*/
/* ハンバーガーメニュー */
.spbtn{ font-weight:normal; margin-top:0px; padding:0px; color:#000; cursor:pointer; float:right; display:table-cell; vertical-align:middle; text-align:center;}
input#spbtn[type="checkbox"]:checked + .Navigation{ display:block; }
input#spbtn[type="checkbox"] + .Navigation{ display:none; }
#SpBtn{ display:none; }
/* ヘッダー */
#Header{ margin:0px auto 10px; }
/* ヘッダーソーシャル */
#SocialIconTop{ float:none; margin:0px 0 10px; text-align:left; }
/* 検索フォーム */
.widget_search{ float:none; width:100%; display:block; text-align:center; }
/* サイトタイトル */
.SiteTitleInner{ max-width:768px; margin:0 auto 5px; padding:0 10px 0 10px; }
.SiteTitle{ float:none; width:100%; margin:0px auto 10px; padding:0px 20px 0 0; }
.SiteTitle a{ font-size:20px; line-height:1.5; }
/* ディスクリプション */
.DiscriptionHeader{ max-width:768px; margin:0 auto; font-size:12px; padding:0 10px 5px; }
/* グロナビ */
.Navigation{margin:0 auto 10px;padding:0;}
.Navigation ul{margin:0 auto 0px;padding:0;max-width:1100px;}
.Navigation ul li{list-style:none;margin:0;padding:0;font-size:14px;float:none;position:static;width:100%;height:100%;line-height:40px;text-align:left;border-left:none;}
.Navigation ul li:last-child{border-right:none;}
.Navigation ul li a{display: block;text-decoration: none;border-bottom:dotted 1px #ccc;padding:0 10px;}
.Navigation ul li:hover{}
.Navigation ul li:hover, .Navigation ul li a:hover{}
.Navigation ul li ul{position:static;}
.Navigation ul li ul li{visibility:visible;overflow:visible;height:auto;}
.Navigation ul li ul li{line-height: 25px;background:#4ba1ad;text-align:left;padding:0px;}
.sub-menu>li>a {background:#E4E4E4; padding:0 25px; color:#fff;}
.Navigation ul li ul li:hover, .Navigation ul li ul li a:hover{background:#9c9c9c;}
.Navigation ul li:hover ul li, .Navigation ul li a:hover ul li{visibility:visible;overflow:visible;height:100%;z-index:-5;}
/* ヘッダー画像 */
.focal-point{}
.focal-point div{ max-width:900px; margin:0 auto; }
.focal-point img{ box-sizing:border-box; width:100%; height:auto;}
/* パンくずリスト */
.breadcrumbs{ max-width:900px; margin:15px auto 15px; padding:0px 10px; font-size:14px; line-height:1.5; background:none; color:#000; }
.breadcrumbs a{ font-size:14px; color:#0B4ADF; font-weight:bold; }

/*-------------------------------------
メインコンテンツ部分
-------------------------------------*/
/* トップページのコンテンツ */
.FrontInner,.SingleInner,.ContentInner{ margin:0 0 10px; padding:10px; }
/* hタグ・pタグ関係 */
.FrontInner h2,.SingleInner h1,.ContentInner h1{ padding:10px 10px 8px 40px; margin-bottom:10px; font-size:18px; }
.FrontInner h3,.SingleInner h2{ padding: .75em 1em .75em 1.5em; }
.FrontInner h4 { padding: .25em 0 .5em .75em; }
#MainContent p{ margin:5px 0 10px; padding:0px; font-size:14px; line-height:2.1;}
.FrontInner>p{ margin:10px 0 10px; padding:0px; font-size:14px; line-height:1.9; }
/* アーカイブ・検索・サイトマップ・カテゴリー・404ページ */
.ContentInner ul{ margin:0; padding:0; }
.ContentInner ul li{ margin:0 0 10px; padding:10px; }
.ContentInner ul li h2{ margin:0; padding:0; }
.ContentInner ul li h2 a{ font-size:16px; line-height:1.9; }
/* アーカイブ・検索・カテゴリー */
#Article .NewsTitle{ margin-bottom:5px; line-height:1.3; }
#Article .NewsTitle a{ font-size:16px; line-height:1.0; }
#Article .NewsTitle a:hover{ text-decoration:underline; }
#Article p{ margin:0; font-size:13px; line-height:1.5; padding:0 0px; }
.NewsLink{ text-align:center; padding:10px 0 !important; }
#Article p a{ padding:0; }
#Article{margin:0px 0px 10px;}
#Article li{margin-top:10px;padding:10px;}
#Article img{width:120px;height:auto;}
#Article .ArticleBox{margin-left:125px;}
/* 関連記事(関連記事) */
.RelationContentTitle{ font-size:18px; margin:15px 0 10px; padding:5px; }
#RelationContent .NewsTitle{ margin-bottom:0px; line-height:1.3; }
#RelationContent .NewsTitle a{ font-size:14px; border:none !important; }
#RelationContent .RelationBox span{ font-size:13px; }
#RelationContent{margin:0px 0px 10px;}
#RelationContent ul li{width:100%; margin:0 0.5% 15px 0;}
#RelationContent ul li:nth-child(3n){ margin-right:0; }
#RelationContent ul img{float:left;width:88px;height:66px;margin:0 auto;}
#RelationContent .RelationBox{margin-left:95px;}
#RelationContent{ padding:10px; }
/*ページ送り*/
.Paging{ margin:20px 0px; }
.Paging div{ width:35%; }
.Paging div a{ padding:7px 10px 7px; font-size:14px; }
/* 記事内画像 */
.left,.right,.center{ display:block; float:none; max-width:300px; width:100%; height:auto; margin:0px auto 5px; padding:0; }
/* aside・details整形用 */
.supplement{ margin-top:10px; padding:0px; }
.supplement h3,.supplement summary{ padding:10px 10px 8px !important; margin:0 0 10px !important; }
.supplement p{ line-height:1.5; margin:0 !important; }
.supplement p a{ padding:0px; }
strong{ font-size:15px !important; }
.FrontInner ul,.FrontInner ol { padding:0.5em 0.5em 0.5em 2em; }
.FrontInner ul li,.FrontInner ol li { line-height:1.5; padding:0.5em 0; }
.FrontInner dl{ margin:0 auto; }
.FrontInner dt{ margin:10px 0; padding:5px; }
.FrontInner dd{ margin-bottom:10px; padding-bottom:5px; }

/*-------------------------------------
サイドコンテンツ部分
-------------------------------------*/
/* サイドコンテンツ */
.widget,.RelationSide{ margin:0px 0px 15px; padding:10px; }
/* サイドタイトル */
.widget_title div,.RelationTitle,.PopularityTitle,.SearchTitle{ margin:0px auto 10px; font-size:18px; line-height:1.5; }
/* ウィジェット */
.widget ul li{ padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; }
.widget ul li a{ font-size:14px; line-height:1.5; }
/* 新着記事・人気記事 */
.RelationSide ul li{ margin-top:10px; padding:5px; line-height:1.2; }
.NewsTitle{ margin-bottom:5px; padding:0; }
.NewsTitle a{ font-size:13px; line-height:1.0 }
.RelationSide p{ margin:5px 0 0; font-size:13px; line-height:1.6; padding:0px; }
.NewsLink{ text-align:center; padding:10px 0 !important; }
.RelationSide p a{ font-size:15px; padding:0; }
.RelationBox span{ font-size:13px; }
.RelationSide ul img{width:88px;height:66px;}
.RelationSide .RelationBox{margin-left:93px;}

/*-------------------------------------
フッター部分
-------------------------------------*/
/* フッター */
#Footer{ padding:10px 0 0; }
/* フッターメニュー */
#NavFooter{ margin:0 auto 0px; }
#NavFooter ul li{ margin:0; padding:0 10px; font-size:12px; }
#NavFooter ul li a{ font-size:12px; }
.Copyright{ margin:0px auto 5px; padding:10px 0; font-size:12px; }
.Copyright a{ font-size:12px; }
}

@media only screen and (max-width: 600px) {
#RelationContent ul li{box-sizing:border-box;margin-top:0px;width:100%; margin-right:0%; display:inline-block; vertical-align:top;}
#RelationContent ul img{box-sizing:border-box;max-width:300px;height:auto;}
}