@charset "utf-8";

/* 電撃App用CSS（common.css）

最終更新：2017.12.15

※リセットは /css/normalize.css を利用
※Webフォントは /css/font-awesome.min.css を利用
※共通部分は /ap/css/common.css を利用（本ファイル）

このCSSは

・電撃App共通部分
・ページの大枠
・ヘッダー
・フッター

について記述。

*/

/* 初期設定 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: bottom;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}

html {
overflow-y: scroll;
line-height: 1.1em;
}

blockquote,
q {
quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}

input,
textarea {
margin: 0;
padding: 0;
}

ol,
ul,
li {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption,
th {
text-align: left;
}

a:focus {
outline: none;
}

.cf:before,
.cf:after {
content: "";
display: table;
}

.cf:after {
clear: both;
}

.cf {
 *zoom:1;
}

.both {
clear: both;
}

.inline_block {
display: inline-block;
 *display:inline;
 *zoom:1;
}

span {
font-style: inherit;
font-weight: inherit;
}

/* micro clearfix */
#contents:before,
#contents:after,
ul.article_list > li a:before,
ul.article_list > li a:after,
footer:before,
footer:after {
content: "";
display: table;
}

#contents:after,
ul.article_list > li a:after,
footer:after {
clear: both;
}

a:link {
color: #0099ff;
text-decoration: none;
}

a:visited {
color: #0099ff;
text-decoration: none;
}

a:hover {
color: #0099ff;
text-decoration: underline;
}

a:active {
color: #0099ff;
text-decoration: underline;
}

/* ページ全体 */
body {
background-color: #fefefe;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
}

@media screen and (min-width:641px) {

section a:hover img,
 section a:active img {
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
opacity: 0.75;
}
}

/* レスポンシブ切り替え */
.pc {
/* PC用タグ初期状態：非表示 */
display: none;
}

@media screen and (min-width:641px) {

/* PC用タグ：表示 */
.pc {
display: block;
}

/* スマホ用タグ：非表示 */
.smp {
display: none;
}
}

/* バナー共通 */
.banner {
text-align: center;
}

#banner_top .smp .adcloud_frame img {
	margin: 0 !important;
}

#banner_top .adcloud_frame div {
margin: 0 auto !important;
}

.banner .smp .adcloud_frame img {
height: auto !important;
margin: 30px auto !important;
width: 100% !important;
}

@media screen and (min-width:641px) {

#banner_top .adcloud_frame iframe {
height: 90px !important;
margin: 20px auto 10px !important;
text-align: center;
width: 728px !important;
}
}

/********************************/
/* 動画バナー（ロカリサーチ） */
/********************************/
.banner .adcloud_frame .loka-unit-wrapper {
margin: 0 auto !important;
}

/* ヘッダー */
#contents > header {
margin: 0 0 10px;
width: 100%;
}

#contents > header #logo {
float: left;
padding: 10px 0 10px 10px;
}

#contents > header #logo img {
height: auto;
width: 188px;
}

/* グローバルナビ */
nav.gnav {
box-shadow: 0 1px 2px 0 #b0b0b0;
color: #ffffff;
position: relative;
text-align: center;
}

nav.gnav ul {
background-color: #e54f00;
border-left: 1px solid #a63900;
border-top: 1px solid #a63900;
}

nav.gnav ul li {
float: left;
font-size: 16px;
width: 33%;
}

nav.gnav ul li.gnav_feature,
nav.gnav ul li.gnav_review {
width: 34%;
}

nav.gnav ul li a {
border-bottom: 1px solid #a63900;
border-right: 1px solid #a63900;
color: #ffffff;
cursor: pointer;
display: block;
font-weight: bold;
padding: 10px 0;
text-decoration: none;
}

nav.gnav ul.category_menu li {
width:  100%;
}

nav.gnav ul.category_menu li a {
border: 1px solid #a0a0a0;
border-top: none;
color: #505050;
}

@media screen and (min-width:641px) {

nav.gnav ul li {
float: left;
font-size: 16px;
width: 17%;
}

nav.gnav ul li.gnav_feature,
nav.gnav ul li.gnav_review {
width: 16%;
}

nav.gnav ul li:last-child a {
border-right: none;
}
}

/* メニュー内・カテゴリ展開時・ヘッダーVer. */
nav.gnav ul.category_menu {
background-color: #dddddd;
border: none;
box-shadow: 0 1px 2px 0 #b0b0b0;
display: none;
position: absolute;
right: 0;
width: 100%;
z-index: 10000;
}

@media screen and (min-width:641px) {

nav.gnav ul.category_menu {
	width: 33%;
}

nav.gnav ul.category_menu li {
background-color: #dddddd;
float: none;
font-size: 14px;
}

nav.gnav ul.category_menu li a {
border: 1px solid #999999;
border-top: none;
display: block;
color: #666666;
}
}

@media screen and (min-width:641px) {

nav.gnav ul li:hover,
nav.gnav ul li.cr {
background-color: #a63900;
}

nav.gnav ul.category_menu li:hover,
nav.gnav ul.category_menu li a:hover,
nav.gnav ul.category_menu li.cr {
background-color: #999999;
color: #ffffff;
}
}

/* メニュー内・カテゴリ展開時・フッターVer. */
footer nav.gnav ul.category_menu {
bottom: 80px;
}

/* パンくず */
.path {
background-color: #eaeaea;
font-size: 14px;
line-height: 1.4em;
margin: 0 0 10px;
padding: 10px;
}

#contents {
margin: 0 auto;
position: relative;
width: 100%;
}

@media screen and (min-width:641px) {

#contents {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
width: 1000px;
}

#contents_left {
float: left;
padding: 0 0 0 10px;
width: 670px;
}

#contents_right {
float: right;
padding: 0 10px 0 0;
width: 300px;
}
}

/* サブナビゲーション */
.sub_nav {
float: right;
padding: 10px 10px 10px 0;
position: relative;
}

.sub_nav ul.sub_buttons li {
cursor: pointer;
float: left;
height: 47px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width: 47px;
}

.sub_nav ul.sub_buttons li.sub_search {
background: url(/dol/app/img/head_search_bt01.png) 0 0 no-repeat;
background-size: 47px;
margin: 0 10px 0 0;
}

.sub_nav ul.sub_buttons li.sub_menu {
background: url(/dol/app/img/head_nav_bt01.png) 0 0 no-repeat;
background-size: 47px;
}

/* 検索フォーム */
.search {
background-color: #d6d6d6;
border-radius: 5px;
box-sizing: border-box;
display: none;
float: right;
margin: 0 auto 10px;
padding: 5px 5px 2px;
width: 100%;
}

.search input.search_text {
border: 1px solid #999999;
border-radius: 3px;
float: left;
height: 16px;
margin: 0 5px 0 0;
padding: 5px;
width: 75%;
}

.search input.search_button {
background: url(/dol/app/img/head_search_send_bt01.png) 0 0 no-repeat;
border: 0;
height: 28px;
width: 61px;
}

@media screen and (min-width:641px) {

.sub_nav ul.sub_buttons {
display: none;
}

.search {
display: block;
float: right;
margin: 10px 0 0;
padding: 10px 10px 7px;
width: 45%;
}
}

/* ソーシャルボタン・サブメニュー */
.sub_menu_list {
background-color: #ffffff;
border: 2px solid #0099ff;
-webkit-box-shadow: 0px 0px 5px #999999;
box-shadow: 0px 0px 5px #999999;
display: none;
padding: 10px 15px 5px;
position: absolute;
right: 0;
top: 70px;
width: 265px !important;
z-index: 10001;
}

.sub_menu_list:after,
.sub_menu_list:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.sub_menu_list:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 8px;
margin-left: 118px;
}

.sub_menu_list:before {
border-color: rgba(0, 153, 255, 0);
border-bottom-color: #0099ff;
border-width: 11px;
margin-left: 115px;
}

.sub_menu_list li {
font-size: 14px;
line-height: 1em;
margin: 1.5em 0;
}

.sub_menu_list li a {
font-weight: bold;
}

.arrow_right:before {
border: 4px solid transparent;
border-left-color: #0099ff;
content: "";
display: inline-block;
}

@media screen and (min-width:641px) {

.sub_menu_list {
background-color: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
display: block !important;
padding: 0;
position: inherit;
right: auto;
top: auto;
width: auto !important;
z-index: 1;
}

.sub_menu_list:after,
 .sub_menu_list:before {
border: none;
margin: 0;
}

.sub_menu_list li {
float: left;
font-size: 14px;
margin: 0 0 0 10px;
}

.sub_menu_list li a {
display: block;
font-weight: bold;
height: 48px;
width: 48px;
}

.sub_menu_list li a span {
display: none;
}

.sub_menu_list li.link_top,
 .sub_menu_list li.link_inquiry {
display: none;
}

.sub_menu_list li.link_twitter a {
background: url(/dol/app/img/head_sns_twitter01.png) 0 0 no-repeat;
background-size: contain;
}

.sub_menu_list li.link_facebook a {
background: url(/dol/app/img/head_sns_facebook01.png) 0 0 no-repeat;
background-size: contain;
}

.sub_menu_list li.link_google a {
background: url(/dol/app/img/head_sns_google01.png) 0 0 no-repeat;
background-size: contain;
}

.arrow_right::before {
border: none;
content: "";
display: none;
}
}

/* ページトップ */
#pagetop {
bottom: 20px;
position: fixed;
right: 20px;
}

#pagetop a {
display: block;
padding: 30px 10px;
width: 80px;
height: 30px;
background: rgba(229, 79, 0, 0.75) url(/dol/app/img/arrow_up01.png) center 10px no-repeat;
background-size: 20%;
}

#pagetop a span {
display: block;
color: #ffffff;
font-size: 16px;
font-weight: bold;
text-align: center;
}

#pagetop a:hover {
background-color: #a63900;
text-decoration: none;
}

/* 機種アイコン */
.icon_list {
margin: 0 0 10px 0;
font-size: 11px;
}

.icon_list:before,
.icon_list:after {
content: "";
display: table;
}

.icon_list:after {
clear: both;
}

.icon_list li {
margin: 0 10px 0 0;
padding: 5px;
width: 50px;
float: left;
background-color: #eaeaea;
text-align: center;
}

.icon_list li.icon_ios {
color: #003399;
}

.icon_list li.icon_android {
color: #009933;
}

/* --------------------------------------------------
--------------------共通パーツ */
#contents #contents_left > section,
#contents #contents_right > section {
background-color: #ffffff;
border: 1px solid #dedede;
box-shadow: 0 1px 2px 0 #e0e0e0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.2em;
margin: 0 auto 30px;
}

#contents #character_ranking h2,
#contents #tweet_ranking h2,
#contents #access_ranking h2 {
background: url(/dol/app/img/h1_line01.png) center bottom no-repeat;
background-size: contain;
color: #e54f00;
font-size: 20px;
font-weight: bold;
line-height: 1.2em;
margin: 0 0 10px;
padding: 10px;
}

/* 2カラム表示のランキング系共通 */
ul li h3.article_title,
ol li h3.article_title {
display: table-cell;
}

/* キャラクター人気ランキング */
/* アクセス数ランキング */
#regular_ranking h3,
#theme_ranking h3 {
font-size: 14px;
line-height: 1.2em;
margin: 10px 0 0;
padding: 0 0 0 10px;
}

#character_ranking ol li {
border-bottom: 1px dotted #c0c0c0;
font-size: 14px;
line-height: 1.2em;
padding: 10px;
}

#character_ranking ol li span.rank_num {
display: block;
float: left;
margin: 0 10px 0 0;
}

#character_ranking ol span {
display: block;
font-weight: bold;
font-size: 12px;
height: 12px;
line-height: 1.1em;
padding: 15px 5px;
text-align: center;
width: 34px;
}

#character_ranking ol li span.rank_num {
background-color: #cccccc;
color: #666666;
}

#character_ranking ol li.rank1 span.rank_num {
background-color: #cc9900;
color: #ffffff;
}

#character_ranking ol li.rank2 span.rank_num {
background-color: #999999;
color: #ffffff;
}

#character_ranking ol li.rank3 span.rank_num {
background-color: #996666;
color: #ffffff;
}

#character_ranking ol li .chara_thumb {
display: block;
border: 1px solid #dedede;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
height: auto;
margin: 0 5px 0 0;
width: 60px;
}

#character_ranking ol li .chara_name {
margin: 0 0 5px;
}

#character_ranking ol li .chara_source {
color: #c0c0c0;
display: table-cell;
}

#regular_ranking .term,
#character_ranking #theme {
font-size: 14px;
line-height: 1.2em;
margin: 5px 0 0;
padding: 0 10px;
}

#contents #character_ranking .more {
font-size: 14px;
line-height: 1.2em;
padding: 10px 10px 10px 0;
text-align: right;
}

/* 投票ボタン */
#character_ranking .vote {
margin: 1em auto;
text-align: center;
width: 90%;
}

#character_ranking .vote a {
background-color: #e54f00;
color: #ffffff;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
padding: 20px 0;
}

@media screen and (min-width:641px) {

#character_ranking .vote {
width: 50%;
}
}

#character_ranking .more {
font-size: 14px;
line-height: 1.2em;
padding: 10px;
text-align: right;
}

@media screen and (min-width:641px) {

#character_ranking .vote {
width: 50%;
}

#contents_right #character_ranking .vote {
margin: 10px;
width: auto;
}

#contents_right #character_ranking .vote a {
font-size: 14px;
}
}

/* Tweet数ランキング */
#contents #tweet_ranking h2 {
font-size: 18px;
}

#tweet_ranking ol li {
border-bottom: 1px dotted #c0c0c0;
font-size: 14px;
line-height: 1.2em;
padding: 10px;
}

#tweet_ranking ol li:last-child {
border: none;
}

#tweet_ranking ol li span.tweet_count {
display: block;
float: left;
margin: 0 10px 0 0;
}

#tweet_ranking ol span a {
display: block;
font-weight: bold;
font-size: 12px;
line-height: 1.1em;
padding: 9px 5px;
text-align: center;
width: 34px;
}

#tweet_ranking ol li span.tweet_count a {
background-color: #cccccc;
color: #666666;
}

#tweet_ranking ol li.rank1 span.tweet_count a {
background-color: #cc9900;
color: #ffffff;
}

#tweet_ranking ol li.rank2 span.tweet_count a {
background-color: #999999;
color: #ffffff;
}

#tweet_ranking ol li.rank3 span.tweet_count a {
background-color: #996666;
color: #ffffff;
}

/* アクセス数ランキング */
#contents #access_ranking h2 {
font-size: 17px;
}

#access_ranking ol li {
border-bottom: 1px dotted #c0c0c0;
font-size: 14px;
line-height: 1.2em;
padding: 10px;
}

#access_ranking ol li span.rank_num {
display: block;
float: left;
margin: 0 10px 0 0;
}

#access_ranking ol span {
display: block;
font-weight: bold;
font-size: 12px;
height: 14px;
line-height: 1.1em;
padding: 15px 5px;
text-align: center;
width: 34px;
}

#access_ranking ol li span.rank_num {
background-color: #cccccc;
color: #666666;
}

#access_ranking ol li.rank1 span.rank_num {
background-color: #cc9900;
color: #ffffff;
}

#access_ranking ol li.rank2 span.rank_num {
background-color: #999999;
color: #ffffff;
}

#access_ranking ol li.rank3 span.rank_num {
background-color: #996666;
color: #ffffff;
}

#access_ranking .term {
color: #909090;
font-size: 12px;
padding: 10px 10px 10px 0;
line-height: 1.4em;
text-align: right;
}

/* フッター */
@media screen and (min-width:641px) {

footer {
border: 1px solid silver;
margin: 0 auto;
width: 1000px;
}

footer .sns_link,
footer .banner,
footer .search,
footer .gnav {
display: none !important;
}
}

footer .sns_link {
margin: 10px auto;
text-align: center;
}

footer .sns_link p {
font-size: 18px;
line-height: 1.2em;
margin: 1em 5px;
}

footer .sns_link ul {
display: table;
width: 100%;
}

footer .sns_link li {
display: table-cell;
width: 33%;
}

footer .sns_link li a {
display: block;
width: 80px;
height: 80px;
}

footer .sns_link .link_facebook {
background: url(/dol/app/img/head_sns_facebook01.png) 0 0 no-repeat;
background-position: center;
background-size: contain;
}

footer .sns_link .link_twitter {
background: url(/dol/app/img/head_sns_twitter01.png) 0 0 no-repeat;
background-position: center;
background-size: contain;
}

footer .sns_link .link_google {
background: url(/dol/app/img/head_sns_google01.png) 0 0 no-repeat;
background-position: center;
background-size: contain;
}

footer .sns_link li span {
display: none;
}

footer .search {
display: block;
float: none;
margin: 10px auto;
}

@media screen and (min-width:641px) {

footer .search {
display: none !important;
}
}

/******************************/
/* フッター 2014.11～ */
/******************************/
footer ul#footerMenu {
margin: 20px 0;
text-align: center;
}

footer ul#footerMenu {
padding: 10px;
}

@media screen and (min-width:641px) {

footer ul#footerMenu {
background-color: #f0f0f0;
}
}

footer ul#footerMenu li:first-child {
display: none !important;
}

footer ul#footerMenu li {
border-right: 1px solid #909090;
display: inline-block;
font-size: 12px;
line-height: 1.2em;
padding: 0 0.75em;
}

footer ul#footerMenu li:last-child {
border-right: none;
}

#corpCopyright {
font-size: 12px;
line-height: 1.2em;
margin: 20px 0;
text-align: center;
}

#footWrap {
display: none !important;
}

/* コピーライト */
.copyright,
#corpCopyright {
font-size: 12px;
line-height: 1.2em;
margin: 20px 0;
text-align: center;
}

/* 開閉ボタン */
span.toggle_button {
position: absolute;
top: 0;
right: 0;
display: block;
width: 46px;
height: 47px;
background: #0099ff url(/dol/app/img/arrow_up01.png) center center no-repeat;
background-size: 40%;
cursor: pointer;
}

span.toggle_button.open {
background: #0099ff url(/dol/app/img/arrow_down01.png) center center no-repeat;
background-size: 40%;
}

/* アプリ・ダウンロードボタン */
.btn_download_link {
position: relative;
margin: 0 0 0 20px;
width: 640px;
overflow: hidden;
}

.btn_download_link ul {
position: relative;
left: 50%;
float: left;
 *zoom:1;
}

.btn_download_link ul:before,
.btn_download_link ul:after {
content: "";
display: table;
}

.btn_download_link ul:after {
clear: both;
}

.btn_download_link ul li {
position: relative;
left: -50%;
margin: 0 20px 20px 0;
width: 310px;
float: left;
color: #ffffff;
font-size: 26px;
font-weight: bold;
text-align: center;
line-height: 1.2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btn_download_link ul li:nth-child(even) {
margin: 0 0 20px 0;
}

.btn_download_link ul li a {
display: block;
color: #ffffff;
font-weight: bold;
margin: 0 auto;
padding: 8px 10px;
text-decoration: none;
}

/* AppStoreからダウンロード */
.btn_appstore a {
background-image: -webkit-gradient(linear, center top, center bottom, from(#4495e8), to(#1934be));
background-image: -webkit-linear-gradient(top, #4495e8, #1934be);
background-image: linear-gradient(top, #4495e8, #1934be);
border-radius: 8px;
border-width: 3px;
border-style: solid;
border-color: #d0e5f9 #070d30 #070d30 #070d30;
}

.btn_appstore a:hover {
background-image: -webkit-gradient(linear, center top, center bottom, from(#1934be), to(#4495e8));
background-image: -webkit-linear-gradient(top, #1934be, #4495e8);
background-image: linear-gradient(top, #1934be, #4495e8);
}

/* GooglePlayからダウンロード */
.btn_googleplay a {
background-image: -webkit-gradient(linear, center top, center bottom, from(#adde2b), to(#40a10f));
background-image: -webkit-linear-gradient(top, #adde2b, #40a10f);
background-image: linear-gradient(top, #adde2b, #40a10f);
border-radius: 8px;
border-width: 3px;
border-style: solid;
border-color: #ebf7ca #102804 #102804 #102804;
}

.btn_googleplay a:hover {
background-image: -webkit-gradient(linear, center top, center bottom, from(#40a10f), to(#adde2b));
background-image: -webkit-linear-gradient(top, #40a10f, #adde2b);
background-image: linear-gradient(top, #40a10f, #adde2b);
}

/* 外部リンク */
.btn_external_link {
margin: 0 20px 20px 20px;
width: 640px;
}

.btn_external_link ul li {
margin: 0 0 20px 0;
font-size: 26px;
font-weight: bold;
text-align: center;
line-height: 1.2;
}

.btn_external_link ul li a {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
}

.btn_external_link ul li a strong {
color: #26a1ff;
font-weight: bold;
}

.btn_external a {
padding: 12px 10px;
width: 640px;
background-image: -webkit-gradient(linear, center top, center bottom, from(#f8f9fa), to(#e7f2fa));
background-image: -webkit-linear-gradient(top, #f8f9fa, #e7f2fa);
background-image: linear-gradient(top, #f8f9fa, #e7f2fa);
border: 4px solid #0099ff;
}

.btn_external a:hover {
background-image: -webkit-gradient(linear, center top, center bottom, from(#e7f2fa), to(#f8f9fa));
background-image: -webkit-linear-gradient(top, #e7f2fa, #f8f9fa);
background-image: linear-gradient(top, #e7f2fa, #f8f9fa);
opacity: 0.6;
}

.btn_external a {
color: #000000 !important;
}

/* 月別アーカイブ */
.archArea {
border: 1px solid #DEDEDE;
box-sizing: border-box;
margin: 30px 0 0;
width: 100%;
}

.archArea h2 {
background-color: #fefefe;
color: #606060;
font-size: 14px;
line-height: 1.2em;
padding: 10px;
}

.archArea form {
display: none;
}

.archArea h3 {
background-color: #f0f0f0;
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
color: #606060;
font-size: 14px;
line-height: 1.2em;
padding: 10px;
}

.archArea ul {
background-color: #fefefe;
padding: 0 0 0 10px;
}

.archArea ul:before,
.archArea ul:after {
content: "";
display: table;
}

.archArea ul:after {
clear: both;
}

.archArea li {
display: table-cell;
float: left;
font-size: 14px;
line-height: 1.2em;
padding: 5px;
vertical-align: middle;
box-sizing: border-box;
width: 16%;
}

.archArea li a {
cursor: pointer;
display: block;
text-decoration: none;
}

@media screen and (min-width:641px) {

.archArea {
margin: 10px;
width: auto;
}

.archArea .archHeader {
background-color: #e0e0e0;
color: #00447e;
padding: 3px 5px;
}

.archHeader:before,
 .archHeader:after {
content: "";
display: table;
}

.archHeader:after {
clear: both;
}

.archHeader h2 {
background-color: transparent;
color: #606060;
font-size: 14px;
font-weight: bold;
float: left;
line-height: 1.2em;
padding: 6px 10px;
width: 35%;
}

.archArea .newsSearch {
color: #505050;
font-size: 14px;
float: right;
line-height: 1.2em;
padding: 0 5px 0 0;
text-align: right;
width: 50%;
}

.archArea .newsSearch .phrase {
color: #909090;
}

.archArea .inner,
 .archArea .archBody {
padding: 5px;
}

.yearBox:before,
 .yearBox:after {
content: "";
display: table;
}

.yearBox:after {
clear: both;
}

.archArea .yearBox {
clear: both;
margin: 5px 0;
}

.archArea .yearBox h3 {
background-color: transparent;
border: none;
border-right: 1px solid #c0c0c0;
float: left;
font-size: 14px;
font-weight: normal;
line-height: 1.2em;
padding: 3px 2px 2px 10px;
width: 60px;
}

.archArea .yearBox ul {
float: left;
margin: 0;
padding: 0;
}

.archArea .yearBox li {
border: none;
border-right: 1px solid #c0c0c0;
color: #909090;
display: inline;
float: left;
font-size: 14px;
line-height: 1.6em;
margin: 0;
padding: 0;
text-align: center;
width: 44px;
}

.archArea .yearBox li.current {
background: #f0f0f0;
color: #5d6ea7;
}

.archArea .yearBox li a {
display: block;
}
}

/* テキスト位置 */
.alignleft {
text-align: left;
}

.aligncenter {
text-align: center;
}

.alignright {
text-align: right;
}

/* テキスト装飾 */
strong {
font-weight: bold;
}

/* 文字カラー */
.red {
color: #c00000;
}

.blue {
color: #1666C6;
}

.green {
color: #1a8015;
}

.pink {
color: #d768c6;
}

.sky {
color: #1bb6cd;
}

.purple {
color: #7522ca;
}

.orange {
color: #d78524;
}

.brown {
color: #7b5626;
}

.yellow {
color: #eadb05;
}

/******************************/
/* Google Adsense 2015.06~ */
/******************************/
/* レスポンシブ広告ユニット用に、親要素のサイズを明示する */
#contents_right #banner_rectangle_1 {
/*
#contents_right #banner_rectangle_2 {
*/
	/* 初期値 */
height: 250px;
width: 300px;
}

#contents_right #banner_rectangle_1 {
margin: 0 auto 30px;
}

#contents_right #banner_rectangle_2 {
margin: 30px auto;
}

@media screen and (min-width:360px) {

#contents_right #banner_rectangle_2 {
height: 280px;
width: 336px;
}
}

@media screen and (min-width:641px) {

#contents_right #banner_rectangle_1 {
margin: 0 auto 10px;
}

#contents_right #banner_rectangle_2 {
height: auto;
width: 300px;
}
}