@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css");
@import url("./css/tables.css");
@import url("./css/commonstyles.css");
@import url("./css/siriusbasic.css");
html{
overflow-y:scroll;
-webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
box-sizing:border-box;
font-size:62.5%;
line-height:normal;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
*,*:before,*:after{
-webkit-box-sizing:inherit;
 -moz-box-sizing:inherit;
box-sizing:inherit;
}
body{
background:#f1f1f1;
font-size:16px;
font-family:'rounded_M','Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',Sans-serif;
}
a{
text-decoration:none;
}
a:hover,a:focus{
text-decoration:underline;
}
a:active{
position:relative;
color:#f33;
left:1px;
}
img{
max-width:100%;
height:auto;
vertical-align :bottom;
}
h1,h2,h3,h4,h5,h6,p,ul,ol{
margin-top:0;
}
figure{
margin:0;
}
th > *:first-child,td > *:first-child{
margin-top:0 !important;
}
@-ms-viewport{
width:device-width;
}
@viewport{
width:device-width;
}
@media(max-width:640px){
html,body{
width:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
}
/* ==========================================================================
 Alpha for SIRIUS 1.0.7 :Luster
 Color1 :#3498db
 Color2 :#
 ========================================================================== */
body{
background:#f3f3f3;
color:#444;
font-family:'rounded_M','Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',Sans-serif;
font-size:16px;
}
a,a:hover{
color:#0645ad;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
}
p{
text-align:justify;
text-justify:inter-ideograph;
}
/* ==========================================================================
 基本構造
 ========================================================================== */
.l-site{
width:960px;
margin:0 auto;
}
.l-site:after{
content:"";
display:table;
clear:both;
}
/* メイン */
.l-main{
float:left;
margin-bottom:30px;
width:630px;
}
/* メニュー（サイドバー） */
.l-sidebar{
float:right;
width:300px;
}
@media screen and (max-width:899px){
.l-site{
padding:0 10px;
width:100%;
}
.l-main{
width:73.3333333333%;
}
.l-sidebar{
width:23.3333333333%;
}
}
@media screen and (max-width:640px){
.l-site{
padding:0;
}
.l-main{
float:none;
width:100%;
}
.l-sidebar{
float:none;
padding:0 15px;
width:100%;
}
}
/* １カラム
 ========================================================================== */
#column1 .l-main,#column1 .l-sidebar{
float:none;
width:auto;
}
#column1 .l-main{
margin-bottom:30px;
}
#column1 .l-sidebar{
display:none;
}
/* 1カラム用リンク */
.c1-menu{ display:none;}
#column1 .c1-menu{
display:block;
margin-bottom:20px;
}
#column1 .c1-menu h4{
font-size:14px;
margin:0 0 3px;
}
#column1 .c1-menu ul{
list-style-type:none;
list-style-image:none;
margin:0 0 10px;
padding:0;
font-size:0;
}
#column1 .c1-menu ul li{
display:inline;
font-size:13px;
border:none;
}
#column1 .c1-menu ul li a{
display:inline;
color:#666;
border-right:1px solid rgba(0,0,0,.2);
padding-right:.5em;
margin-left:.5em;
}
#column1 .c1-menu ul li:first-child a{
margin-left:0;
}
#column1 .c1-menu ul li:last-child a{
border-right:none;
}
@media screen and (max-width:640px){
#column1 .l-main{
margin-bottom:10px;
}
}
/* ==========================================================================
 ヘッダー
 ========================================================================== */
.header{
background-color:#fff;
}
/* ヘッダーナビゲーション
 ========================================================================== */
.header-navigation{
background:#fff;
background:-webkit-linear-gradient (top,#fff,#e6e6e6);
background:linear-gradient( to bottom,#fff,#e6e6e6);
border-bottom:#3498db solid 1px;
}
.header-navigation-inner{
padding:9px 0;
font-size:12px;
overflow:hidden;
}
.header-navigation a{
color:#333;
}
.header-navigation a:hover{
color:#999;
}
.header-navigation__search,.header-navigation__rss,.header-navigation__sitemap{
float:right;
margin-left:12px;
line-height:27px;
}
.header-navigation__rss{
position:relative;
padding-left:18px;
}
.header-navigation__rss:before{
position:absolute;
top:6px;
left:0;
content:url("img/feed-icon-14x14.png");
margin-right:5px;
}
.header-navigation__search input[type="text"]{
padding:3px 3px 3px 30px;
border:1px solid #ddd;
border-radius:3px;
background:#fff url("img/searchbutton_2.png") no-repeat 6px center ;
}
.header-navigation__search input[type="image"]{
display:none;
}
@media screen and (max-width:899px){
.header-navigation-inner{
padding-right:10px;
padding-left:10px;
}
}
@media screen and (max-width:640px){
.header-navigation__search{
float:left;
}
}
/* タイトル、説明
 ========================================================================== */
.header-main-inner{
padding:30px 0;
line-height:1.333;
}
.site-title{
margin:0 0 18px;
color:#333;
font-size:30px;
}
.site-title a{
color:inherit;
}
.site-title a:hover{
color:#666;
text-decoration:none;
}
.site-description{
color:#666;
font-size:15px;
}
@media screen and (max-width:899px){
.header-main-inner{
padding-right:10px;
padding-left:10px;
}
}
/* ==========================================================================
 トップメニュー（ = グローバルナビゲーション ）
 ========================================================================== */
#topmenubtn{ /* レスポンシブ用ボタン */
display:none;
}
#topmenubox{
margin-bottom:30px;
background-color:#3498db;
<!--background-image:url("img/bg-gnavi.png"); -->
background-repeat:repeat-x;
background-position:center center;
box-shadow:0 1px 2px rgba(0,0,0,.3) inset,0 -1px 0 rgba(0,0,0,.1) inset,0 3px 3px rgba(0,0,0,.1);
}
#topmenu{
}
#topmenu ul{
overflow:hidden;
margin:0;
padding:0;
list-style-type:none;
}
#topmenu ul:first-child{
border-left:1px solid rgba(0,0,0,.1);
}
#topmenu li{
float:left;
border-right:1px solid rgba(0,0,0,.1);
background:transparent url("img/global-navigation-inner-background.png") repeat-x center top;
}
#topmenu li a{
display:block;
padding:18px 21px;
color:#fff;
font-size:15px;
}
#topmenu li a:hover{
background:-webkit-linear-gradient (top,rgba(0,0,0,.05) 50%,rgba(0,0,0,.1) 100%);
background:linear-gradient( to bottom,rgba(0,0,0,.05) 50%,rgba(0,0,0,.1) 100%);
color:#fff;
text-decoration:none;
}
#topmenu li a:active{
left:1px;
}
@media screen and (max-width:899px){
#topmenu{
width:100%;
}
#topmenu ul{
display:table;
margin:0;
width:100%;
table-layout:fixed;
}
#topmenu li{
display:table-cell;
float:none;
width:auto;
text-align:center;
}
#topmenu li a{
font-size:13px;
}
}
@media screen and (max-width:640px){
#topmenubtn{
color:#fff;
background-color:#3498db;
cursor:pointer;
padding:8px 10px;
}
.topmenubtnOn{
display:block !important;
}
#topmenubox{
display:none;
}
.menuon{
display:block !important;
}
#topmenu ul{
display:block;
padding:0;
}
#topmenu li{
border-bottom:1px solid rgba(0,0,0,.1);
display:block;
}
#topmenu li:last-child{
border-bottom:none;
}
#topmenu li a{
background-image:none;
display:block;
padding:8px 30px 8px 10px;
position:relative;
text-align:left;
}
#topmenu li a:before{
border-bottom:none;
border-left:none;
border-right:2px solid rgba(0,0,0,.333);
border-top:2px solid rgba(0,0,0,.333);
content:"";
height:5px;
margin-top:-4px;
position:absolute;
right:15px;
top:50%;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:5px;
}
}
/* ==========================================================================
 ヘッダーボックス（ = バナー ）
 ========================================================================== */
.headerbox-inner{
position:relative;
margin-bottom:30px;
text-align:left;
height:auto;
}
.headerbox__txt{
position:absolute;
top:30px;
left:30px;
width:66%;
}
.headerbox__title a{
color:#333;
text-shadow:0 1px 0 #fff;
font-weight:bold;
font-size:27px;
line-height:1.333;
}
.headerbox__description{
padding-top:5px;
color:#555;
text-shadow:0 1px 0 #fff;
font-size:14px;
}
@media screen and (max-width:899px){
.headerbox-inner{
height:auto;
}
}
/* ==========================================================================
 メインコンテンツ
 ========================================================================== */
.main{
}
/* パンくずリスト
 ========================================================================== */
.breadcrumb{
margin:0 auto 20px;
font-size:13px;
color:#aaa;
}
.breadcrumb a{
color:#666;
}
/* ==========================================================================
 記事領域
 ========================================================================== */
.entry:before,.entry:after{ display:table; content:""; }
.entry:after{ clear:both; }
.entry{
*zoom:1;
}
.entry{
margin-bottom:30px;
background-color:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.1);
}
.entry > div{
margin:30px;
}
/* 見出し
 ========================================================================== */
/* 記事タイトル */
.entry > h2,.entry > h3{
overflow:visible;
margin:0 0 20px;
border-bottom:5px solid #3498db;
background:#fff;
background:-webkit-linear-gradient(top,#fff,#e0e0e0);
background:linear-gradient(to bottom,#fff,#e0e0e0);
color:#333;
font-weight:normal;
text-shadow:0 1px 0 #fff;
font-size:21px;
line-height:1.333;
}
.entry > h2 span,.entry > h3 span{
display:block;
padding:20px 30px;
}
.entry h2 a,.entry h3 a{
color:inherit;
}
.entry h2 a:hover,.entry h3 a:hover{
text-decoration:none;
opacity:.8;
}
/* H3（ = H2 style ) */
.entry div h3{
position:relative;
overflow:visible;
margin:1em auto .5em;
padding:0 0 .5em;
border-bottom:1px solid #3498db;
color:#333;
font-size:21px;
line-height:1.333;
}
/* H4（ = H3 style ) */
.entry div h4{
margin:1em auto .75em;
padding:.7em .7em .6em;
border-radius:2px;
background:rgba(0,0,0,.06);
font-size:18px;
line-height:1.333;
}
/* H5（ = H4 style ) */
.entry div h5{
margin:0 0 1em;
padding:3px 0 6px;
border-bottom:1px solid #ccc;
font-size:18px;
line-height:1.333;
}
/* H6（ = H5 style ) */
.entry div h6{
margin:0 0 1em;
padding:.5em 0 0;
font-size:18px;
line-height:1.333;
}
@media screen and (max-width:640px){
.entry h3{
font-size:18px;
}
.entry h4{
font-size:18px;
}
}
/* リスト
 ========================================================================== */
.entry ul{
margin:15px 0;
padding:0;
list-style-type:none;
}
.entry ul li{
background:url("img/li.png") no-repeat left 6px;
padding:3px 0 3px 24px;
}
/* ==========================================================================
 ブログモード
 ========================================================================== */
/* Entry more */
.entry__more{
margin-top:1em;
}
/* Entry meta */
.entry__meta{
margin:30px auto -30px;
padding:20px 0;
border-top:1px solid rgba(0,0,0,.1);
color:#666;
text-align:left;
font-size:12px;
line-height:1.5;
}
.entry__meta a,.entry__meta a:visited{
border-bottom:1px solid transparent;
}
.entry__meta a:hover{
text-decoration:underline;
}
/* ==========================================================================
 サイドバー
 ========================================================================== */
/* ==========================================================================
 ウィジェット
 ========================================================================== */
.widget-body{
margin-bottom:30px;
padding:20px;
background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.33);
}
/* タイトル
 ========================================================================== */
.sidebar h4,.sidebar .title{
overflow:visible;
margin:0;
background:#fff;
background:-webkit-linear-gradient(top,#fff,#e0e0e0);
background:linear-gradient(to bottom,#fff,#e0e0e0);
box-shadow:0 1px 3px rgba(0,0,0,.33);
color:#222;
font-size:15px;
line-height:1.333;
}
.sidebar h4 > span,.sidebar .title > span{
position:relative;
display:block;
padding:14px 7px 14px 18px;
}
/* リスト
 ========================================================================== */
.widget-body ul{
margin:-20px;
padding:0;
list-style-type:none;
font-size:0;
line-height:0;
}
.widget-body li{
border-bottom:1px solid rgba(0,0,0,.05);
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAQAAAD5/uExAAAANklEQVRYw+3TwQkAAAgCwAL3n7kZ6tHrXOBAMfWQQHZIqwsC8Xh1QSAery4IxONtAoF4vE2OGYKHAMY0tPvwAAAAAElFTkSuQmCC") repeat-x center bottom;
font-size:14px;
line-height:1.333;
}
.widget-body li a{
position:relative;
display:block;
padding:18px 21px 12px 39px;
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAwCAQAAAD5/uExAAAANklEQVRYw+3TwQkAAAgCwAL3n7kZ6tHrXOBAMfWQQHZIqwsC8Xh1QSAery4IxONtAoF4vE2OGYKHAMY0tPvwAAAAAElFTkSuQmCC") repeat-x center bottom;
color:#333;
text-decoration:none;
}
.widget-body li a:hover{
color:#666;
text-decoration:none;
background-color:rgba(0,0,0,.025);
}
/*行頭飾り*/
.widget-body li a:before{
position:absolute;
top:18px;
left:18px;
padding:0;
width:15px;
height:15px;
background:#F9AD3D url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAQAAACFbCRbAAAAKklEQVQIW2P4H8AAAf///58AY/z/f+G/AoTx//8DmIgBiLHgvwBIDVQXAAxIIJVreVCXAAAAAElFTkSuQmCC") no-repeat center center;
content:"";
}
/*第二第三階層*/
.widget-body li.l2{
padding-left:1.5em;
}
.widget-body li.l3{
padding-left:3em;
}
.widget-body li.l2 a,.widget-body li.l3 a{
background-color:transparent;
background-repeat:no-repeat;
font-weight:normal;
font-size:13px;
}
.widget-body li.l2 a:before,.widget-body li.l3 a:before{
display:inline-block;
margin-right:2px;
margin-left:4px;
width:auto;
height:auto;
border:4px solid transparent;
border-left-color:#666;
background:none;
content:"";
}
/* ランキング
 ========================================================================== */
/* バナーエリア
 ========================================================================== */
/* 最新記事・アーカイブ
 ========================================================================== */
/* ==========================================================================
 フッター
 ========================================================================== */
#footermenu{ padding:0; } /*リセット*/
.footer{
clear:both;
background-color:rgba(0,0,0,.8);
text-align:center;
}
.footer a{
color:#fff;
}
.footer p{
padding:20px 0;
color:#fff;
text-align:center;
}
/* フッターメニュー */
.fat-footer{
padding:15px 0 0;
}
.fat-footer span{
display:inline-block;
margin:.5em auto;
margin-bottom:5px;
padding:0 1em;
font-size:15px;
line-height:1.333;
}
.fat-footer span + span{
border-left:1px solid #999;
}
.fat-footer a{
text-decoration:none;
}
.fat-footer a:hover{
color:#ccc;
text-decoration:underline;
}
/* コピーライト */
.site-info{
padding:15px 0;
text-align:center;
color:#999;
}
@media screen and (max-width:640px){
.fat-footer{
padding-top:10px;
}
.fat-footer{
padding:0;
text-align:left;
}
.fat-footer span{
display:block;
margin-bottom:0;
padding:0 20px;
width:auto;
border-bottom:1px solid rgba(255,2255,255,.25);
}
.fat-footer a{
display:block;
font-size:13px;
line-height:1.8;
padding:8px 30px 8px 0;
position:relative;
text-align:left;
}
.fat-footer a:before{ /* リセット */
background-color:transparent;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
display:inline;
height:auto;
left:auto;
position:static;
top:auto;
width:auto;
}
.fat-footer a:after{
position:absolute;
top:50%;
right:15px;
left:auto;
margin-top:-4px;
width:5px;
height:5px;
border-top:2px solid #a99a9b;
border-right:2px solid #a99a9b;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.fat-footer p{
background-image:none;
}
.fat-footer p span{
font-size:10px;
}
.site-info{
padding:10px;
text-align:left;
font-size:12px;
}
}
/* ==========================================================================
 ページ上部へ戻る
 ========================================================================== */
.back-to-top{
position:fixed;
right:20px;
bottom:20px;
clear:both;
text-align:right;
}
.back-to-top a{
display:block;
overflow:hidden;
width:40px;
height:40px;
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABhlBMVEUAAADMzMzd3d2AgIDd3d3d3d3c3Nzb29vc3NzV1dXc3Nzc3Nzd3d3d3d3c3Nzb29vc3Nzc3Nze3t7c3NzW1tbb29vd3d3d3d3d3d3c3Nzc3Nzf39/d3d3d3d3b29va2trc3NzGxsbb29vc3Nzd3d3d3d3c3Nzc3Ny/v7/c3Nzd3d3c3NzR0dHY2Njc3Nzc3Nzc3Nzc3Nzc3Nzb29vY2Nja2trc3Nzc3NzZ2dnc3Nze3t7d3d3c3Nzc3Nzc3NzX19fc3Nzc3Nzc3Nzd3d3b29vc3Nzc3Nzb29vV1dXd3d3c3NzV1dXd3d3c3Nzc3Nzd3d3c3Nzc3Nzd3d3d3d3c3Nzc3Nzb29vc3Nzd3d3d3d3d3d3c3Nzd3d3d3d3////o6Oj9/f329vbm5ub8/Pz5+fn4+Pj+/v7w8PDj4+Py8vLx8fHv7+/i4uL4+fnk5OTs7Ozd3d339/ekpqrt7e3u7u6doKS3ubzLzM6+wMLr6+vf39/6+vrl5uexs7bR09WqrbDr7O3e3+Ej3aiqAAAAXnRSTlMACuEC35y4FXYMFunx9NtH60j0px9NeHCUUCT+WchcKewJB2y70VjzCKjX2gsh1m2Yk9yPDUXV5RTG79DjkL0g+eTinV3FHUYS3r8G7d2+b/KZ4NK3dZ5RSlJ3SVq5/bnMpQAAAw1JREFUeF6t2WVz4lAUgOGDU6SFFipABaruLluVdXe58eBWddl/vjPMMGXTJpwk9/0Bz6ebKydQp6X53va+Ce9gafP1m/6+9t75JTCeJTy7GuUvkpwosERmr0QuecFHV2fDFiOaranFzydF8igxyftbmmw6uYY2eyojEJWETMHe1gD44l8CTJloVmYC7jjWG7AyIqmbyFgHUFzoc4ojqLiUM1Tf6/IdywSZfOzrAu2GdnIS0ZGU+zqk5XmWGZboimWWPere+EyR6K44M67mdS9miYGyi91Pe5G1NDFUei3ylOdqTBKDZRpdj71XnUfEcEedCVDmYIiJGIfS68qxZkA2p1jhIZ9ETCX5QlCb85iYLOus9QZSsllQTsUePIuVI6bjrBao5mYIhRh31WsIiDRAsad6KkwyhErMJFSyvZDogJLdVgGbUoRShWAFbMnQAjPDlTXTLNACheYxAOjgCbX4DgCYStIDk1MAMCoigPztXwwojgJ4LhHe9eHJyV0eIV56IMjjPJzI/4LWIspDisVWcGQwHlZMO+AZh/DQIvcWRq4QHlq8GgGvgPDQouCF9yzKuztEiewglHBe/honlmAT5/2Ha4I9LM7Diewg2AU1774K3FQAlCh44ZPqsjmt8RTirfqy0VjYhw+eUjxXA7mX4EirgWcPnlK8Vv/0NDaH/GnVU4pnWptDkNfYVW/O8kTR/fmpxl7Lf0dtsPguPQCNIg7AHgHwgfIhRf8YHaN90MMw5asIBAuUL0s2O63r3Ecb5Qvnu+qVuIfulZj+pR0s1rJ5r1zzrIAYjYfPb6jJmTULZv9AbRvmH4+KycOu2eftLuUH+A4oS5gbEQw9NcTIUB1iAES2jI5ZtiIqg6BtY4Og7W5QaX/ByKhqYR9Ue76nf5i29xw0SkzrHfdNJ0C7bys6BpLZlR9Qt5BTx8h0AzDFsEPdGCCLuwOMpM1JTOBnHPDNtdkLdQbjcxRH982K0T02S3i9P8oX05woyITIgsili3y0fz1sAeO5Diq/P/ylkt870dfee+AC7f4Bnw1DMsoy0tsAAAAASUVORK5CYII=") no-repeat center center;
background-size:contain;
line-height:100px;
}
.back-to-top a:active{
outline:0 none black;
}
@media(max-width:640px){
.back-to-top{
right:15px;
bottom:15px;
}
}
/* ==========================================================================
 最新情報
 ========================================================================== */
.whatsnew{
border:1px solid #ddd;
}
.whatsnew__title{
background-color:#ddd;
color:#333;
font-size:16px;
line-height:1.333;
padding:10px 15px;
}
.whatsnew ul{
margin:0;
padding:12px 15px;
}
.whatsnew ul li{
border-bottom:1px dotted #eee;
font-size:13px;
line-height:1.618;
padding:9px 0;
background-image:none;
}
.whatsnew ul li span{
padding-right:1em;
}
@media screen and (max-width:640px){
.whatsnew .title{
}
.whatsnew .title span{
font-size:18px;
}
.whatsnew ul{
border-radius:0 0 3px 3px;
padding:0 2px 2px 2px;
}
.whatsnew ul li{
background-color:#ffffff;
padding:12px 10px;
}
.whatsnew ul li:last-child{
border-bottom:none;
}
.whatsnew ul li span{
display:block;
padding-right:0;
}
}
/* ==========================================================================
 カテゴリーページ
 ========================================================================== */
.category-list__body{
background-color:#f8f8f8;
border:1px solid #ddd;
margin-bottom:20px;
padding:20px;
}
.category-list .thumbnail{
float:left;
padding:0 20px 10px 0;
}
.category-list__title{
margin-bottom:10px;
font-size:21px;
font-weight:bold;
line-height:1.618;
}
.category-list__title a{
}
.category-list p{
}
.category-list__more{
}
.category-list__more a{
}
/* ==========================================================================
 関連ページ
 ========================================================================== */
#entrylist{
background-color:#f3f3f3;
}
#entrylist h4{
margin-bottom:0;
}
#entrylist dl{
margin:0;
padding:15px;
border-bottom:1px solid #eee;
line-height:1.618;
}
#entrylist dt{
margin-bottom:6px;
}
#entrylist dt a{
color:#333;
font-weight:bold;
font-size:15px;
}
#entrylist dd{
margin:0;
padding:0;
color:#666;
font-size:12px;
}
#relNavigate{
margin-bottom:15px;
padding-bottom:10px;
padding-top:10px;
text-align:center;
}
#relNavigate a{
font-size:14px;
font-weight:700;
margin-left:5px;
margin-right:5px;
}
/* ==========================================================================
 サイトマップページ
 ========================================================================== */
.main .sitemap ul{
margin:15px 0;
padding:0;
list-style-type:none;
}
.main .sitemap ul li{
line-height:1.333;
}
.main .sitemap ul li.l1{
background:url("img/li.png") no-repeat left 12px;
padding:9px 0 9px 24px;
font-size:15px;
}
.sitemap li.l2,.sitemap li.l3{
background:none;
}
.sitemap li.l2:before,.sitemap li.l3:before{
display:inline-block;
margin-right:2px;
margin-left:4px;
width:auto;
height:auto;
border:4px solid transparent;
border-left-color:#666;
background:none;
content:"";
}
/* ==========================================================================
 検索結果
 ========================================================================== */
.searchresult{
}
.searchresult dl{
}
.searchresult dt{
font-size:15px;
padding:5px;
}
.searchresult dd{
border-bottom:1px dashed #d1d1d1;
line-height:1.6.8;
margin:0 0 15px;
padding:0 5px 15px;
}
.searchresult b{
color:#333333;
}
/* ==========================================================================
 リンク集
 ========================================================================== */
#linklist{
text-align:left;
}
#linklist dt{
font-size:15px;
padding:5px;
}
#linklist dd{
border-bottom:1px dashed #d1d1d1;
line-height:1.6.8;
margin:0 0 15px;
padding:0 5px 15px;
}
/* ==========================================================================
 ポイント
 ========================================================================== */
.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{
position:relative;
display:block;
margin:0;
padding:3px 0 0 48px;
min-height:42px;
height:auto;
border-bottom:none;
background:none;
color:#666;
font-weight:bold;
font-size:21px;
}
.point1:before,.point2:before,.point3:before,.point4:before,.point5:before,.point6:before,.point7:before,.point8:before,.point9:before,.point10:before{
position:absolute;
top:0;
left:0;
display:block;
width:36px;
height:36px;
border-radius:3px;
background-color:#3498db;
color:#fff;
text-align:center;
font-weight:bold;
font-size:18px;
line-height:36px;
}
.main .point1:before{ content:"1";}
.main .point2:before{ content:"2";}
.main .point3:before{ content:"3";}
.main .point4:before{ content:"4";}
.main .point5:before{ content:"5";}
.main .point6:before{ content:"6";}
.main .point7:before{ content:"7";}
.main .point8:before{ content:"8";}
.main .point9:before{ content:"9";}
.main .point10:before{ content:"10"; }
/* ==========================================================================
 ランキング
 ========================================================================== */
/* メインコンテンツ
 ========================================================================== */
.main .rank{
margin:0 0 20px;
padding:20px;
border:1px solid #ddd;
border-radius:2px;
background:-webkit-linear-gradient (top,rgba(0,0,0,.05),rgba(0,0,0,0));
background:linear-gradient( to bottom,rgba(0,0,0,.05),rgba(0,0,0,0));
}
.main .rank-inner{
}
/*タイトル*/
.main .rank1,.main .rank2,.main .rank3,.main .rank4,.main .rank5,.main .rank6,.main .rank7,.main .rank8,.main .rank9,.main .rank10{
margin:0 0 10px;
padding:12px 0 6px 48px;
height:auto;
border:none;
background-repeat:no-repeat;
color:#3498db;
font-weight:bold;
font-size:27px;
line-height:1.333;
}
.main .rank1{ background-image:url("img/rank1.png" ); background-position:0px 4px;}
.main .rank2{ background-image:url("img/rank2.png" ); background-position:0px 4px;}
.main .rank3{ background-image:url("img/rank3.png" ); background-position:0px 4px;}
.main .rank4{ background-image:url("img/rank4.png" ); background-position:4px 14px;}
.main .rank5{ background-image:url("img/rank5.png" ); background-position:4px 14px;}
.main .rank6{ background-image:url("img/rank6.png" ); background-position:4px 14px;}
.main .rank7{ background-image:url("img/rank7.png" ); background-position:4px 14px;}
.main .rank8{ background-image:url("img/rank8.png" ); background-position:4px 14px;}
.main .rank9{ background-image:url("img/rank9.png" ); background-position:4px 14px;}
.main .rank10{ background-image:url("img/rank10.png"); background-position:4px 14px;}
.main .rank1a,.main .rank2a,.main .rank3a,.main .rank4a,.main .rank5a,.main .rank6a,.main .rank7a,.main .rank8a,.main .rank9a,.main .rank10 a{
color:#3498db;
}
.main .rank-body{
}
.main .rank-body-inner{
}
/* 画像 */
.main .rank .float-l p{
margin-bottom:0;
}
/* 特徴 */
.main .rank-explain-1{
}
.main .rank-explain-1-title{
margin-bottom:6px;
color:#333;
font-weight:bold;
font-size:18px;
line-height:1.333;
}
.main .rank-explain-1 p{
color:#333;
font-size:14px;
line-height:1.618;
}
.main .rank-explain-1 p:last-child{
margin-bottom:0;
}
/* 総評 */
.main .rank-explain-2{
margin-top:20px;
padding:15px;
background:#F2EDD8;
}
.main .rank-explain-2-title{
color:#333;
font-weight:bold;
font-size:18px;
line-height:1.333;
}
.main .rank-explain-2 p{
color:#333;
font-size:13px;
line-height:1.618;
}
.main .rank-explain-2 p:last-child{
margin-bottom:0;
}
/* テーブル */
.main .rank-table{
clear:both;
margin:0;
width:100%;
background-color:#fff;
color:#333;
}
.main .rank-table th,.main .rank-table td{
padding:8px 10px;
border:1px solid #ddd;
vertical-align:middle;
text-align:left;
}
.main .rank-table th{
background-color:#f8f8f8;
}
/* ボタン */
.main .rank-button-container{
margin-top:20px;
text-align:center;
font-size:0;
}
.main .rank-button-container span{
display:inline-block;
}
.main .rank-button-container span:first-child{
margin-right:6px;
}
.main .rank-button-container span:last-child{
margin-left:6px;
}
.main .rank-button-container span > a{
display:block;
overflow:hidden;
width:246px;
height:45px;
text-indent:200%;
white-space:nowrap;
}
.main .rank-button-container span.rank-button-details > a{
background:url("img/rank-button-details.png") no-repeat left top;
}
.main .rank-button-container span.rank-button-official > a{
background:url("img/rank-button-official.png") no-repeat left top;
}
.main .rank-button-container span > a:hover{
opacity:0.8;
filter:alpha(opacity=80);
}
@media(max-width:640px){
.main .rank-button-container span:first-child{
margin-right:0;
margin-bottom:6px;
}
.main .rank-button-container span:last-child{
margin-left:0;
}
}
/* ==========================================================================
 テーブル
 ========================================================================== */
table,td,th{
border:1px solid #ddd;
}
table{
font-size:inherit;
margin:15px auto;
background-color:#fff;
}
th{
background:#ddd url("img/fff70.png");
}
table#toptbl,table#toptbl td,table#toptbl th{
border:none;
}
#menu .ritem td,#rmenu .ritem td{border:none;}
.rtitle{
height:44px;
text-align:center;
overflow:hidden;
padding:4px;
}
.rimg{
text-align:center;
}
.timg img{
max-width:200px;
height:auto;
}
.price{
color:#CC0000;
font-weight:bold;
}
.tdesc{
text-align:left;
vertical-align:top;
}
/* 商品陳列型
 ========================================================================== */
.ritm{
}
.ritm th,.ritm td{
}
/* 特定取引法に関する表記
 ========================================================================== */
.tokusho{
}
.tokusho th,.tokusho td{
padding:8px;
}
.tokusho th{
background:#ddd url("img/fff70.png");
width:30%;
}
/* 特定取引法に関する表記
 ========================================================================== */
.ritm_desc{
}
.ritm_desc td{
}
.ritm_desc .title{
background:#ddd url("img/fff70.png");
}
.ritm_desc .title a{
}
.ritm_desc .title a:hover{
}
.ritm_desc .desc{
}
.ritm_desc .price{
}
.ritm_desc .img{
}
.ritm_desc .more,.ritm_desc .price,.ritm_desc .review{
}
/* ランキングテーブル１
 ========================================================================== */
table.rnk1item{
border:1px solid #ddd;
}
.rnk1item td,.rnk1item th{
border:none;
border-bottom:dotted 1px #CCC;
}
.rnk1item th{
}
.rnk1item td{
font-size:85%;
line-height:1.5;
}
.rnk1item .ttitle{
}
.rnk1item th,.rnk1item td{
}
.rnk1item .timg{
}
.rnk1item .alt th,.rnk1item .alt td{
}
/* ランキングテーブル２
 ========================================================================== */
table.rnk2item{
border:1px solid #ddd;
}
.rnk2item .timg,.rnk2item .tdesc{
}
.rnk2item th.ttitle{
}
.rnk2item td{
}
.rnk2item td.tdesc{
}
.rnk2item td.timg{
}
.rnk2item td.tdesc,.rnk2item td.timg{
}
.rnk2item .timg img{
}
.rnk2item .tdesc{
}
table.rnk2item table.ttable{
}
.ttable th,.ttable td{
}
/* ランキングテーブル３
 ========================================================================== */
.rnk3item{
border:1px solid #ddd;
}
.rnk3item th{
}
.rnk3item th img{
}
.rnk3item td{
}
.rnk3item td.timg{
}
.rnk3item .img-center{
}
.rnk3item th img{
}
/* 価格比較テーブル
 ========================================================================== */
.prc1item{
}
.prc1item th{
}
.prc1item td{
}
.prc1item td{
}
.prc1item .alt td{
background:#ddd url("img/fff70.png");
}
.prc1item .price{
}
/* 項目説明型
 ========================================================================== */
.dsc1item,.dsc2item{
background:#ddd url("img/fff70.png");
}
.dsc1item th,.dsc1item td,.dsc2item th,.dsc2item td{
}
.dsc1item th{
}
.dsc1item th,.dsc2item th{
text-align:center;
}
.dsc1item td,.dsc2item td{
vertical-align:top;
}
/* メニュー型
 ========================================================================== */
.tblmenu1item td{
padding:0 10px 10px;
font-size:85%;
line-height:1.5;
}
.tblmenu1item td .ttitle{
margin:0 -10px 10px;
background:#ddd url("img/fff70.png");
font-size:120%;
}
/* ==========================================================================
 レイアウト切り替え用スタイル
 ========================================================================== */
body{
background-repeat:no-repeat;
}
.headerbox-inner{
height:223px;
}
.headerbox-inner{
height:223px;
}
@media screen and (max-width:899px){
.headerbox-inner{
height:auto !important;
}
}
.headerbox__txt,.headerbox__txt a{
}
.headerbox__txt a,.headerbox__txt a:visited{
left:30px;
color:#FFFFFF;
}
.headerbox__description{
left:30px;
color:#FFFFFF;
}
.l-main{
float:right;
}
#column3 .l-main{
float:right;
}
#column2 .l-sidebar,#column3 .l-sidebar{
float:left;
}
#column3 .l-sidebar{
float:right;
}
#column3 .l-sidebar{
float:left;
}
/*
.l-site{}
.l-main{}
.l-sidebar{}
*/
/* SIRIUS標準互換 */
h1,h2,h3,h4,h5,h6,p{ margin:0; }
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{ margin:0 0 10px; }
@font-face{
font-family:'rounded_M';
src:url('font/rounded-x-mplus-2c-medium.eot'); /* IE9 Compat Modes */ 
src:url('font/rounded-x-mplus-2c-medium.ttf')format('truetype'); /* ttf - Safari,Android,iOS */
font-display:swap;
}
.point:empty{height:32px}
.img-lb{display:contents;}.logo-horizon .logotext{display:none;}
/* fixImageStyles */
img{height:auto;max-width:100%}
.image-center{margin:10px auto;display:block;}
.img-center{text-align:center;max-width:100%;height:auto;}
.img-center img{max-width:100%;height:auto;margin:8px auto}
span.img-center{display:block;text-align:center;}
table.rank-table td .img-center{text-align:left !important;}