@charset "UTF-8";
/*
Theme Name: pattern01_two11
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, Menu, 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,Menu,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,#Menu02{display:none;}

/*-------------------------------------
レイアウト
-------------------------------------*/
#Content{ max-width:1000px; margin:0 auto; padding:20px; background:#fff; }
#Main{ width:71%; float:right; margin:0px 0% 0px 2%; padding:0px 0px 0; }
#Wrapper{ background:#f0f5f9; }

/*-------------------------------------
ヘッダー部分
-------------------------------------*/
/* ヘッダー */
#Header{ box-sizing:border-box; width:27%; float:left; margin:0px auto 10px; background:#f0f5f9; padding:10px; }
/* 検索フォーム */
.widget_search { max-width:300px; display:block; text-align:left; }
.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; }
.search .entry-content p a{ color:#D03E40; }
/* サイトタイトル */
.HeadInner{ max-width:800px; margin:0px auto 10px; padding:0px 0 0; border:none; border-radius:10px; }
.SiteTitle{ max-width:300px; box-sizing:border-box; margin:0px auto 5px; padding:15px 0px 5px; background:none; text-align:center; }
.SiteTitle a{ font-size:20px; padding:0 0px; line-height:1.3; text-decoration:none; font-weight:bold; color:#5783b9; }
.SiteTitle a:hover{ color:#5783b9; }
/* ヘッダー画像 */
#Main .MainImage img{ display:block; box-sizing:border-box; max-width:1000px; margin:0px auto 10px; width:100%; height:auto; }
.Logo{ max-width:150px; margin:0 auto; }
.Logo img{ display:block; max-width:150px; margin:0 auto; }
/* パンくずリスト */
.breadcrumbs{ max-width:1000px; margin:0px auto 10px; padding:10px 10px; font-size:12px; line-height:1.5; background:#fff; border-top:none; border-bottom:none; color:#000; }
.breadcrumbs a{ font-size:12px; color:#0B4ADF; font-weight:bold; }

/*-------------------------------------
メインコンテンツ部分
-------------------------------------*/
/* トップページのコンテンツ */
.FrontInner,.SingleInner,.ContentInner{ margin:15px 0 10px; padding:0px 0; border:none; background:#fff; }
/* hタグ・pタグ関係 */
.FrontInner h2,.SingleInner h1,.ContentInner h1{ position:relative; background:none; border-bottom:solid 2px #5783b9; padding:10px 0px 7px 0px; margin-bottom:15px; font-size:20px; font-weight:bold; color:#53565A; text-align:left; border-radius:0px; }
.FrontInner section div>h3,.SingleInner h2{ margin:0 0 10px; padding:7px 10px 7px 10px; color:#000; border-left:double 7px #5783b9; font-weight:bold; background:#f0f5f9; }
.FrontInner h4,.SingleInner h3 { position: relative; padding:5px; border:3px double #5783b9; color:#5783b9; }
#Main p{ margin:5px 0 10px; padding:0px 0 10px; font-size:14px; line-height:2.1; color:#333;}
#Main p a{ color:#005CFF;}
.FrontInner>p{ background:#fff; margin:10px 0 10px; padding:0px !important; font-size:14px; line-height:1.9; color:#333; border:none; }
.SingleInner>span{ display:block; position:relative; margin-bottom:10px !important; padding:0 0 0 20px; font-size:14px; color:#555; }
.SingleInner>span:before{ font-family:FontAwesome; position: absolute; top:-1px; left:0px;content:"\f073"; font-size:14px; color:#333; }
/* アーカイブ・検索・サイトマップ・カテゴリー・404ページ */
.ContentInner ul li h2{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.ContentInner ul li h2 a{ color:#38587A; font-size:16px; line-height:1.9; }
#Article .NewsTitle{ margin-bottom:5px; }
#Article .NewsTitle a{ font-weight:normal; text-decoration:none; color:#4472AA; 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{ color:#AB1F65; font-size:13px; padding:0; text-decoration:none; }
.Clock{ position:relative; font-size:13px; color:#333; margin-bottom:5px; padding:0 0 0 18px; }
.Clock:before{ font-family:FontAwesome; position: absolute; top:-2px; left:0px;content:"\f017"; font-size:16px; color:#2E2E2E; }
#Article{margin:0px 0px 10px;}
#Article li{box-sizing:border-box;display:inline-block;vertical-align:top;max-width:250px;width:32%;margin:10px 2.0% 10px 0;padding:0px;border:none;}
#Article li:nth-child(3n){margin-right:0;}
#Article img{box-sizing:border-box;float:none;max-width:250px;height:auto;border:none;}
/* 関連記事(関連記事) */
.RelationContentTitle{ font-size:20px; font-weight:bold; margin:15px 0 15px; padding:5px 0px; border-bottom:solid 1px #5783b9; color:#5783b9; }
#RelationContent .NewsTitle{ margin-bottom:0px; }
#RelationContent .NewsTitle a{ font-weight:bold; text-decoration:none; color:#5783b9; font-size:16px; border:none !important; }
#RelationContent .RelationBox span{ font-size:13px; color:#333; }
#RelationContent{margin:0px 0px 10px; padding:15px; background:#fff;}
.RelationSide p,#RelationContent p{ margin:5px 0 0; font-size:15px; line-height:1.6; padding:0px; }
.RelationSide p span,#RelationContent p span{ display:block; text-align:right; }
.RelationSide p a,#RelationContent p a{ background:#333; color:#fff; font-size:15px; padding:5px 15px; text-decoration:none; }
#RelationContent ul li{box-sizing:border-box;width:100%; margin:0 0.5% 15px 0; display:inline-block; vertical-align:top;}
#RelationContent ul li:nth-child(3n){ margin-right:0; }
#RelationContent ul img{float:left;box-sizing:border-box;width:220px;height:auto;border:none;}
#RelationContent .RelationBox{margin-left:230px;}
/* ページ送り */
.Paging{ display:block; margin:20px 0px; width:100%; }
.Paging div{ width:35%; display:inline-block; vertical-align:top; }
.Paging div a{ position:relative; background:#CC7386; color:#fff !important; text-decoration:none; font-size:12px; border-radius:0px; }
.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:-2px; left:10px; }
.Paging .LeftLink{ text-align:left; }
.Paging .LeftLink a{ padding:5px 15px 5px 25px; }
.Paging .LeftLink a:before { content:"\f104"; top:-1px; left:10px; }
.Paging .RightLink{ text-align:right; }
.Paging .RightLink a{ padding:5px 25px 5px 15px; }
.Paging .RightLink a:before { content:"\f105"; top:-2px; right:10px; }
#WrapperNation a{ color:#E71C20; }
/* 記事内画像 */
.left,.right,.center{ display:block; box-sizing:border-box; width:auto; height:auto; text-align:center; }
.left{ float:left; max-width:300px; margin:5px 10px 0 0; padding:0; }
.right{ float:right; max-width:300px; margin:5px 0 0 10px; padding:0; }
.center{ max-width:400px; width:100%; margin:20px auto 20px; padding:0; }
/* aside・details整形用 */
.supplement{ border:solid 1px #a4dfdd; background:#fff; margin:10px 0; padding:15px; }
.supplement h3,.supplement summary{ background:#a4dfdd !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:#B41619; font-size:15px; }
.FrontInner div ul,.SingleInner ul,.FrontInner div ol,.SingleInner ol{ margin:10px 0 20px; padding:10px; background:#FDFAEE; border:solid 1px #B19C6D; }
.FrontInner div ul li,.SingleInner ul li,.FrontInner div ol li,.SingleInner ol li{ list-style-type:circle; margin-left:30px; font-size:15px; line-height:2.1; color:#725821; }
dl{ margin:0 auto; padding:15px; border:solid 1px #785B3D; }
dt{ border:solid 1px #785B3D; margin:10px 0; padding:5px; color:#785B3D; }
dd{ margin-bottom:10px; padding-bottom:5px; font-size:14px; line-height:1.9; }
blockquote {
	box-sizing:border-box;
    position:relative;
    background-color:#f3fefc;
    border-top:1px solid #23c3ab;
    border-bottom:1px solid #23c3ab;
	margin:20px 0;
    padding:20px;
	font-size:14px;
}
blockquote p {
    margin-top:25px !important;
}
blockquote::before {
    font-family:'FontAwesome';
    content:'\f10d';
    font-size: 24px;
    color: #23c3ab;
    position: absolute;
    top:0px;
    left:10px;
}
blockquote cite a {
    color:#0000ff;
}
/* ソーシャル */
#SocialIconMain{ width:100%; float:none; margin:5px auto 15px; text-align:left; }
#SocialIconMain a{ box-sizing:border-box; font-weight:normal; display:block; margin-bottom:7px; padding:10px 4px; height:auto; color:#333; text-decoration:none; font-size:12px; border-radius:0px; text-align:center; background:#fff; border:solid 1px #ccc; }
#SocialIconMain a i{margin-right:5px;}
#SocialIconMain a:hover{ opacity:0.8; border:none; }
#SocialIconMain a:before{ font-family:FontAwesome; position:absolute; margin-left:-20px; font-size:16px; }
#SocialIconMain a:nth-of-type(3):hover{ position:relative; background:#dd4b39; color:#fff; }
#SocialIconMain a:nth-of-type(1):hover{ position:relative; background:#0e9bf1; color:#fff; }
#SocialIconMain a:nth-of-type(2):hover{ position:relative; background:#3b579d; color:#fff; }
.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:center; }
#SocialIconMain a{ box-sizing:border-box; display:inline-block; margin-right:1.0%; padding:6px 8px 6px 8px; width:50px;  font-size:12px; }
#SocialIconMain a i{margin-right:0px;}
#SocialIconMain a:before{ font-size:20px; }
.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;}
}

/*-------------------------------------
サイドコンテンツ部分
-------------------------------------*/
/* サイドコンテンツ */
.RelationSide,.Discription,.Menu{ margin:0px 0px 15px; padding:0px; background:none; border:none; }
.widget{ max-width:1000px; margin:0px auto 15px; padding:0px; background:none; border:none; }
/* サイドタイトル */
.RelationTitle,.Discription div,.Menu>div,.SnsTitle{ position:relative; margin:15px auto 10px; padding:10px 0px 8px; font-size:16px; line-height:1.5; font-weight:bold; color:#53565A; background:none; border-bottom:solid 2px #5783b9; border-radius:0px; text-decoration: none; text-align:left; }
.widget_title div{ position:relative; margin:0px auto 10px; padding:0px 0px 0px 0px; font-size:16px; line-height:1.5; font-weight:bold; color:#fff; background:none; border-bottom:solid 1px #fff; border-radius:0px; text-decoration: none; }
/* ウィジェット */
.widget ul li{ display:inline-block; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; border-bottom:none; }
.widget ul li a{ position:relative; padding:0 10px 0 18px; color:#fff; font-size:14px; line-height:1.5; }
.widget ul li a:before { font-family:FontAwesome; position: absolute; top:0px; left:0px;content:"\f0a9"; font-size:14px; }
.widget ul li a:hover{ color:#fff; text-decoration:none; }
.date{ font-size:12px; text-align:left; }
/* サイト情報 */
#Header p{ font-size:13px; line-height:1.7; margin-bottom:15px; }
/* サイドメニュー */
.Menu ul{max-width:1000px;margin:0 auto 0px;padding:0;}
.Menu ul li,.RelationSide ul li{ position:relative; display:block; margin-bottom:5px; padding: 5px 0 5px 20px; border-bottom:dotted 1px #333; color: #000; vertical-align: middle; text-decoration: none; font-size: 14px; }
.Menu ul li::before,.RelationSide ul li::before,.Menu ul li::after,.RelationSide ul li::after{ position:absolute; top:0; bottom:0; left:0; margin:auto; content:""; vertical-align:middle;}
.Menu ul li::before,.RelationSide ul li::before{ width:12px; height:12px; background:#333; }
.Menu ul li::after,.RelationSide ul li::after{ left:5px; box-sizing:border-box; width:3px; height:3px; border:3px solid transparent; border-left:3px solid #fff; }
.Menu ul li a,.RelationSide .NewsTitle a{color:#333;display:block;text-decoration:none;font-weight:normal;}
.Menu ul li a:hover,.RelationSide .NewsTitle a:hover{text-decoration: underline;}
/* ヘッダーソーシャル */
#SocialIconTop{ margin:0px 0 0px; text-align:left; }
#SocialIconTop a{ display:inline-block; margin-right:5px; width:32px; height:32px; background:#939393; border-radius:0px; }
#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; }
#SocialIconTop a:nth-of-type(5){ background:#f03e51; }
#SocialIconTop a:nth-of-type(6){ background:#ef8000; }
/* 新着記事・人気記事 */
.RelationSide ul li{  }
.RelationSide .NewsTitle{  }
.RelationSide .NewsTitle a{  }
.RelationSide .NewsTitle a:hover{ text-decoration:underline; }
.RelationSide p{ margin:5px 0 0; font-size:13px; line-height:1.6; padding:0px; }
.RelationSide 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:none;width:100px;height:auto;border:none; }
.RelationSide .RelationBox{ margin-left:0px; }
.RelationSide .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:#de025a; color: #fff; border-radius:5px; font-size: 14px; line-height: 1; padding: 6px 9px; position: absolute; left: 0; top: 0px; z-index: 1; }

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

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

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

/*-------------------------------------
ヘッダー部分
-------------------------------------*/
/*メニューラベル*/
.MenuBox{ background:#5783b9; }
.spbtn{ display:block; font-size:20px; font-weight:bold; margin-top:0px; padding:0px 10px 0 0; color:#FFFFFF; cursor:pointer; float:none; vertical-align:middle; text-align:right; }
#Menu01 img,#Menu02 img{ margin-left:0px; margin-right:0px; width:32px; margin-top:8px; }
.menu-trigger,.menu-trigger span { display:inline-block; transition:all .4s; box-sizing:border-box; }
.menu-trigger { position:relative; width:32px; height:26px; }
.menu-trigger span { position:absolute; left:0; width:100%; height:4px; background-color:#5E5E5E; border-radius:2px; }
.menu-trigger span:nth-of-type(1){ top: 0; }
.menu-trigger span:nth-of-type(2){ top: 11px; }
.menu-trigger span:nth-of-type(3){ bottom: 0px; }
input#spbtn[type="checkbox"]:checked + .Navigation{ display:block; }
input#spbtn[type="checkbox"] + .Navigation{ display:none; }
#SpBtn{ display:none;}
/* ヘッダー */
#Header{ width:100%; float:none; margin:0px; padding:10px; background:#fff; }
/* ヘッダーソーシャル */
#SocialIconTop{ float:none; margin:0px 0 10px; text-align:left; }
/* 検索フォーム */
.widget_search{ float:none; width:250px; display:block; text-align:center; }
/* サイトタイトル */
.HeadInner{ margin:0px auto 10px; padding:0px 0 0; border:none; }
.SiteTitle{ max-width:800px; box-sizing:border-box; margin:0px auto 5px; padding:10px 0px; text-align:center; }
.SiteTitle a{ font-size:20px; line-height:1.5; }
/* パンくずリスト */
.breadcrumbs{ margin:15px auto 15px; padding:5px 10px; font-size:14px; line-height:1.5; }
.breadcrumbs a{ font-size:14px; }

/*-------------------------------------
メインコンテンツ部分
-------------------------------------*/
/* トップページのコンテンツ */
.FrontInner{ margin:0 0 10px; padding:0px; }
.SingleInner,.ContentInner{ margin:0 0 10px; padding:10px; }
/* hタグ・pタグ関係 */
.FrontInner h2,.SingleInner h1,.ContentInner h1{ padding:15px 15px 12px 10px; margin-bottom:10px; font-size:18px; }
.FrontInner h2:before,.SingleInner h1:before,.ContentInner h1:before { top:7px; left:12px; font-size:28px; }
.FrontInner h3,.SingleInner h2{ padding: .75em 1em .75em 35px; }
.FrontInner h4 { padding: .25em 0 .5em .75em; }
#Main 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 li h2{ margin:0px; padding:0px; }
.ContentInner ul li h2 a{ font-size:16px; line-height:1.9; }
#Article .NewsTitle{ margin-bottom:5px; }
#Article .NewsTitle a{ font-size:14px; line-height:1.0; }
#Article p{ margin:0; font-size:12px; line-height:1.5; padding:0px; }
.NewsLink{ padding:10px 0 !important; }
#Article p a{ font-size:12px; padding:0; }
#Article{margin:0px 0px 10px;}
#Article li{display:inline-block;max-width:400px;width:49.0%;margin:10px 2.0% 0 0;padding:0px;}
#Article li:nth-child(3n){margin-right:2.0%;}
#Article li:nth-child(2n){margin-right:0;}
#Article img{display:block;box-sizing:border-box;margin:0 auto;float:none;max-width:400px;height:auto;}
/* 関連記事(関連記事) */
.RelationContentTitle{ font-size:20px; font-weight:bold; margin:15px 0 15px; padding:5px 0px; }
#RelationContent .NewsTitle{ margin-bottom:0px; }
#RelationContent .NewsTitle a{ font-size:14px; }
#RelationContent .RelationBox span{ font-size:13px; }
#RelationContent{margin:0px 0px 10px;}
.RelationSide p,#RelationContent p{ margin:5px 0 0; font-size:12px; line-height:1.5; padding:0px; }
.RelationSide p a,#RelationContent p a{ font-size:12px; padding:5px 15px; text-decoration:none; }
#RelationContent ul li{box-sizing:border-box;width:100%; margin:0 0.5% 15px 0; display:inline-block; vertical-align:top;}
#RelationContent ul img{float:left;width:100px;height:auto;}
#RelationContent .RelationBox{margin-left:110px;}
/*ページ送り*/
.Paging{ margin:20px 0px; }
.Paging div{ width:35%; }
.Paging div a{ padding:7px 10px 7px; font-size:12px; }
/* 記事内画像 */
.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:10px; }
.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{ background:none; padding:0px; }
strong{ font-weight:bold; font-size:16px !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{ margin:0px 0px 15px; padding:0px 10px; }
.RelationSide,.Discription,.Menu{ margin:0px 0px 15px; padding:0px 0px; }
/* サイドタイトル */
.widget_title div,.RelationTitle,.Discription div,.Menu>div,.SnsTitle{ position:relative; margin:0px auto 10px; padding:12px 10px 8px 10px; font-size:14px; line-height:1.5; }
.widget_title div:before,.RelationTitle:before,.Discription div:before,.Menu>div:before,.SnsTitle:before { top:5px; left:0px; font-size:20px; }
/* ウィジェット */
.widget ul li{ padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; }
.widget ul li a{ font-size:14px; line-height:1.5; }
/* サイト情報 */
.Discription p{ font-size:14px; }
/* サイドメニュー */
.Menu ul{max-width:1000px;margin:0 auto 0px;padding:0;}
.Menu ul li,.RelationSide ul li{ margin-bottom:5px; padding:5px 0 5px 20px; font-size: 14px; }
.Menu ul li::before,.RelationSide ul li::before,.Menu ul li::after,.RelationSide ul li::after{  }
.Menu ul li::before,.RelationSide ul li::before{  }
.Menu ul li::after,.RelationSide ul li::after{  }
/* 新着記事・人気記事 */
/*.RelationSide ul li{ margin-top:10px; padding:0px; 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:12px; line-height:1.6; padding:0px; }
.RelationSide p a{ font-size:12px; padding:0; }
.RelationBox span{ font-size:12px; }
.RelationSide ul img{width:70px;height:auto;}
.RelationSide .RelationBox{margin-left:75px;}*/

/*-------------------------------------
フッター部分
-------------------------------------*/
/* フッター */
#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:14px; }
}

@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;}
}