@charset "utf-8";
/* glyphicons.lessが大きすぎるので使うやつだけ抜き出し */
@font-face {
  font-family: "Glyphicons Halflings";
  font-display: auto;
  /* 対応文字ないからswapはUX的におかしい */
  src: url("//cdn.jsdelivr.net/npm/bootstrap@3.4.0/dist/fonts/glyphicons-halflings-regular.eot");
  src: url("//cdn.jsdelivr.net/npm/bootstrap@3.4.0/dist/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("//cdn.jsdelivr.net/npm/bootstrap@3.4.0/dist/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("//cdn.jsdelivr.net/npm/bootstrap@3.4.0/dist/fonts/glyphicons-halflings-regular.woff") format("woff"), url("//cdn.jsdelivr.net/npm/bootstrap@3.4.0/dist/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("//cdn.jsdelivr.net/npm/bootstrap@3.4.0/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-sort:before {
  content: "\e150";
}
/*
  aggregated CSSが所在不明のときに出すメッセージを消す
  ページ内にデフォルトでメッセージを出す（body:beforeのCSS）ように
  しておいて、ちゃんとCSSが読み込まれたらそれが消えるようにしている。
  （2013-11-29からCSSの読み込み開始）
*/
body:before {
  content: "";
  display: none;
}
/*
読み込むCSSの数が30個を越えるとIEで後ろのほうが正しく処理されなくなるので
default.css
layout.css
base.css
site_webtan.css
style.css
modules.css
*/
/**
 * default.css
 */
/*
	Site Name: AIM
	Description: initial setting
	Version: 0.9
	Author: HAGIWARA Mizuho & SHIKATA Satoru
*/
/*
===== CONTENTS ===========================================

	1: universal reset
	2: body and base setting
		: general params
		: acronyms and abbreviations styles
	3: link setting

==========================================================
*/
/*
===== 1: universal reset =================================
*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */
/*body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}*/
table {
  font-size: inherit;
  font: 100%;
}
/**
 * 99% for safari; 100% is too large
 */
select,
input,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}
/**
 * Bump up !IE to get to 13px equivalent
 */
pre,
code {
  font: 115% monospace;
  *font-size: 100%;
}
/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
/*body * {line-height:1.22em;}*/
/*
===== 2: body and base setting ===========================
*/
html,
body {
  margin: 0;
  padding: 0;
  /*	height: 100%;*/
}
/* 
	http://mw-s.jp/2017css-font-win-mac/
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
*/
body {
  text-align: center;
  /* box centering */
  font-size: 14px;
  font-family: -apple-system, sans-serif;
  /*
	http://mw-s.jp/2017css-font-win-mac/
	font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
*/
  /*
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
	*font-size:small;
	*font:x-small;
	margin: 0 0 3px 3px;
*/
  margin: 0;
  padding: 0px;
  background: #FFF;
  color: #333;
  line-break: strict;
}
/* general params
--------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
pre,
ul,
ol,
dl,
dt,
dd,
address,
form,
blockquote {
  padding: 0;
  /* margin&padding reset */
  line-height: 1.4;
  /* base line height */
  text-align: left;
  display: block;
  margin: 0px;
  /*	font-size:small;*/
}
table {
  margin: 0;
  empty-cells: show;
  font-size: inherit;
  font: 100%;
}
hr,
.areaAnchor,
.anchor {
  display: none;
}
img {
  border: none;
  /* img do not want a border */
  vertical-align: baseline;
}
a > img {
  vertical-align: middle;
}
li {
  list-style: none;
}
/* link do not want a dot */
select,
input,
textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}
/*99% for safari; 100% is too large*/
pre,
code {
  font: 115% monospace;
  *font-size: 100%;
  font-weight: inherit;
}
/*Bump up !IE to get to 13px equivalent*/
/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {
  line-height: 1.4em;
}
/* acronyms and abbreviations styles
-------------------------------------*/
acronym,
abbr {
  cursor: help;
}
/* Fonts */
/*
h1 {
	display: block;
	font-size: 167%;
	font-weight: 900;
}
h1.after {
	margin-top: 10px;
}

h2 {
	display: block;
	margin: 20px 0 12px 0;
	padding: 4px 0 4px 8px;
	background-color: #444444;
	color: #ffffff;
	font-weight: bold;
	font-size: 92%;
	clear: left;
}

h2 a {
	color: #ffffff;
}
h3 {
	font-weight: bold;
	margin-top: 7px;
}
*/
/*
===== 3: link setting ===========================
*/
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
#navigation .dropdown a {
  text-decoration: none;
  display: block;
  line-height: inherit;
}
#navigation a:hover {
  text-decoration: underline;
}
#footer a {
  color: #ffffff;
}
/**
 * layout.css
 */
/*
	Site Name: AIM
	Description: layout setting
	Version: 0.9
	Author: HAGIWARA Mizuho & SHIKATA Satoru
*/
/*
===== CONTENTS ===========================================

	1: BASE LAYOUT

==========================================================

/*
===== 1: BASE LAYOUT ==========================================
*/
#areaAll {
  width: 990px;
  margin: 0 auto;
}
/*
#nav_g {
	float: left;
}
*/
#site {
  clear: left;
  width: 990px;
  background-color: #F07191;
  padding: 0;
}
#header,
#header * {
  box-sizing: border-box;
}
#header {
  width: 100%;
  padding: 0 0 1px 0;
  position: relative;
  background-color: #F07191;
}
#contents {
  clear: both;
  width: 990px;
  height: auto;
  background-color: #fff;
  margin: 0;
  padding: 0 0 2em 0;
}
/* webtan_sponsors.tpl.phpのCSSを上書きしてるので、あとから統合すること */
body #sponsors {
  border: none !important;
  border-top: solid 1px #e7e4e0 !important;
  padding-top: 3em !important;
}
#main {
  width: 646px;
  float: left;
  background-color: #ffffff;
  padding: 10px 0 20px 0;
}
#side_r {
  width: 324px;
  float: right;
  background-color: #fff;
}
/**
 * base.css
 */
/*
	Site Name: AIM
	Description: base template style
	Version: 0.9
	Author: HAGIWARA Mizuho & SHIKATA Satoru
*/
/*
===== CONTENTS ===========================================

	1: Grobal Navi
	2: Header
	3: Main Contents
	4: Sidebar
	5: Footer
	6: Heading
	7: List
	8: FontSize
	9: Margin
	10:misc

==========================================================
*/
/*forLayout*/
.clear {
  clear: both;
}
#site .clear hr {
  display: none;
}
/*
===== 1: Grobal Navi ==========================================
*/
/*
#nav_g {
	float: left;
}
#nav_g ul {
	width: 990px;
	height: 55px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav_g li {
	margin: 0;
	padding: 0;
	display: inline;
}
#nav_g li a {
	display: block;
	height: 55px;
	float: left;
}
#nav_g li a span {
	display: none;
}

#nav_g a#navgLeft {
	width: 72px;
	background-image: url(../images/navg_left.gif);
	clear: left;
}
*/
/* スプライト基本スタイル（webtan_sprites）と */
/* webtan_sprites以外の標準スプライト利用セレクタ*/
#contents ol.gaapi_ranking li:before,
#contents ol#ranking_sessions li:before,
#contents .item-list ul li.aggr_bi,
.webtan_sprites {
  /* 変えたら他の場所も忘れずに ： 
content.css
toppage*.css
×print.css
×ms_CMS201006.css
×ms_cx_webtan.css
×sites/all/modules/fivestar/widgets/easy_difficult2/easy_difficult2.css
*/
  background-image: url(../images/webtan_sprites_2019.png);
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
/*
===== 2: Header ==========================================
*/
#sitelogo_superbanner,
#navigation {
  width: 990px;
  margin-left: auto;
  margin-right: auto;
}
#sitenavmenu {
  margin: 0 10px;
}
#logo {
  width: 252px;
  height: 90px;
  margin: 0;
  padding: 0;
  float: left;
  text-indent: -9999px;
  vertical-align: top;
}
/*
#logo_lower {
	position: absolute;
	top: 47px;
	left: 0;
}
*/
#sitelogo_superbanner {
  padding: 1px 0;
}
#sitelogo_superbanner .banner,
#sitelogo_superbanner .banner .block,
#sitelogo_superbanner .banner .block .content {
  padding: 0 !important;
}
#sitelogo_superbanner .banner {
  float: left;
  vertical-align: top;
  height: 90px;
}
/* navigation */
#navigation {
  /*	width: 970px;*/
  font-weight: normal;
  padding: 0;
  background-color: transparent;
}
*html #navigation {
  height: 1.81em;
}
#navigation .utility {
  float: right;
  padding: 0;
  vertical-align: middle;
  display: inline-block;
}
#navigation .utility #block-search-form .container-inline div {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
/* そろえるため ＞＞＞ */
#navigation #nav.dropdown > li {
  box-sizing: border-box;
  min-height: 22px;
  line-height: 16px;
}
#navigation .utility #block-search-form input {
  box-sizing: border-box;
  line-height: 1;
  height: 22px;
  vertical-align: middle;
}
/* ＜＜＜そろえるため */
#navigation .utility #block-search-form input[type="submit"] {
  padding-left: 6px;
  padding-right: 6px;
}
#navigation .utility #block-search-form input[type="text"] {
  min-width: 120px;
}
.region-r-searchbox .block,
#navigation .region-r-searchbox .content,
.region-r-searchbox .form-item {
  margin: 0 !important;
  padding: 0 !important;
}
#bancho-search-bst-searchbox-form input,
#google-cse-searchbox-form input {
  vertical-align: middle;
}
#block-bancho_search_bst-0,
#block-google_cse-0 {
  margin: 0;
}
#block-bancho_search_bst-0 .content,
#block-google_cse-0 .content {
  padding: 0 !important;
}
#navigation #nav.dropdown {
  display: inline-block;
  z-index: 80;
}
#navigation ul#nav.dropdown > li {
  font-size: 0.81em;
}
#navigation ul#nav.dropdown li {
  min-height: 13px;
  padding: 2px 0.5em;
}
#navigation ul.dropdown ul {
  width: 15em !important
	border: none;
  width: 190px;
  display: none;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
}
#navigation ul.dropdown li:hover > ul {
  display: block;
  /* hover時のfade-in */
  animation-duration: 0.4s;
  animation-name: fade-in;
}
@keyframes fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  50% {
    visibility: hidden;
    opacity: 0;
  }
  75% {
    visibility: visible;
    opacity: 0.5;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
#navigation ul#nav.dropdown .dir,
#navigation ul#nav.dropdown-horizontal ul .dir {
  background-image: none;
  position: relative;
  padding-right: 1.6em;
}
#navigation ul#nav.dropdown .dir::before,
#navigation ul#nav.dropdown-horizontal ul .dir::before {
  display: none;
}
#navigation ul#nav.dropdown .dir::after,
#navigation ul#nav.dropdown-horizontal ul .dir::after {
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
}
#navigation ul#nav.dropdown .dir::after {
  content: "▽";
  font-size: 0.8em;
}
#navigation ul#nav.dropdown-horizontal ul .dir::after {
  content: "▷";
  font-size: 1em;
}
#navigation ul.dropdown li li,
#navigation ul.dropdown li li a {
  line-height: 18px;
  min-height: 18px;
}
#navigation ul#nav.dropdown li li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/* ローカルナビ */
/*
#navcat_bar{
	margin: 0;
	padding: 0;
}
#navcat_bar li{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}
#navcat_bar li a{
	text-indent: -9999px;
	display: block;
	height: 27px;
}
li#navcat_01{
	width: 64px;
}
li#navcat_01 a{
	background-position: 0px -130px;
}
li#navcat_01 a:hover{
	background-position: 0px -157px;
}
li#navcat_02{
	width: 64px;
}
li#navcat_02 a{
	background-position: -64px -130px
}
li#navcat_02 a:hover{
	background-position: -64px -157px;
}
li#navcat_03{
	width: 75px;
}
li#navcat_03 a{
	background-position: -128px -130px
}
li#navcat_03 a:hover{
	background-position: -128px -157px;
}
li#navcat_04{
	width: 64px;
}
li#navcat_04 a{
	background-position: -203px -130px;
}
li#navcat_04 a:hover{
	background-position: -203px -157px;
}
li#navcat_05{
	width: 75px;
}
li#navcat_05 a{
	background-position: -267px -130px;
}
li#navcat_05 a:hover{
	background-position: -267px -157px;
}
li#navcat_06{
	width: 75px;
}
li#navcat_06 a{
	background-position: -342px -130px;
}
li#navcat_06 a:hover{
	background-position: -342px -157px;
}
li#navcat_07{
	width: 76px;
}
li#navcat_07 a{
	background-position: -417px -130px;
}
li#navcat_07 a:hover{
	background-position: -417px -157px;
}
li#navcat_08{
	width: 64px;
}
li#navcat_08 a{
	background-position: -493px -130px;
}
li#navcat_08 a:hover{
	background-position: -493px -157px;
}
li#navcat_09{
	width: 75px;
}
li#navcat_09 a{
	background-position: -557px -130px;
}
li#navcat_09 a:hover{
	background-position: -557px -157px;
}
li#navcat_10{
	width: 70px;
}
li#navcat_10 a{
	background-position: -632px -130px;
}
li#navcat_10 a:hover{
	background-position: -632px -157px;
}
li#navcat_11{
	width: 64px;
}
li#navcat_11 a{
	background-position: -702px -130px;
}
li#navcat_11 a:hover{
	background-position: -702px -157px;
}
li#navcat_12{
	width: 75px;
}
li#navcat_12 a{
	background-position: -766px -130px;
}
li#navcat_12 a:hover{
	background-position: -766px -157px;
}
li#navcat_13{
	width: 65px;
}
li#navcat_13 a{
	background-position: -841px -130px;
}
li#navcat_13 a:hover{
	background-position: -841px -157px;
}
li#navcat_14{
	width: 64px;
}
li#navcat_14 a{
	background-position: -906px -130px;
}
li#navcat_14 a:hover{
	background-position: -906px -157px;
}
*/
/*search*/
/*
#form1 {
	margin-left:4px;
}
#form1 #search{
	text-align: right;
}
#utility #search-theme-form .form-submit {
	width: 45px;
	height: 18px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #aaa;
}

#utility #search-theme-form .form-text {
	display: block;
	float: left;
	clear: left;
	width: 112px;
	height: 1.63em;
	margin-right: 4px;
	padding: 0;
	border: 0;
	font-size: 85%;
	font-weight: normal;
	vertical-align: top;
}
html[xmlns] #utility #search-theme-form .form-text {
	margin-top: 0.14em;
}

html[xmlns] #search {
	margin-top: -0.12em;
}
*/
#main .breadcrumbs {
  font-size: 0.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*
===== 3: Main Contents ==========================================
*/
.node-body-content {
  padding-top: 0.5em;
}
.node * {
  font-size: 100%;
}
/*
#main .column_l {
	clear: left;
	width: 298px;
	float: left;
}
#main .column_r {
	width: 298px;
	float: right;
}
#main .column_l h3,
#main .column_r h3 {
	clear: left;
}
*/
/* content */
/*
.node h2 {
	margin-left: 0;
}
#main a {
	color: #00f;
}
*/
.node-unpublished {
  background: transparent url(../../webtan/images/unpublished_bg.png);
}
.node-scheduled {
  background: transparent url(../../webtan/images/scheduled_bg.png);
}
.node a:link,
#main .view:link {
  color: #2200C1;
  text-decoration: underline;
  /* URLのせいでスマホで幅がおかしくなる場合がある */
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.node a:visited,
#main .view:visited {
  color: #551A8B;
  /*	text-decoration: none;	*/
}
blockquote {
  padding: 10px;
  background-color: #ffe;
}
dl {
  margin: 10px 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 10px;
  padding: 5px 0;
  border-bottom: 1px dashed #999;
}
.node-body-content.content {
  font-size: 16px;
}
/*
===== 4: Sidebar ==========================================
*/
#sideContents {
  margin: 10px 0;
}
/*
** ブロック
*/
.block,
.box {
  border: 0;
  margin: 0;
}
#side_r .block.block-block-ad {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#side_r .block.block-block-ad > .content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.gpt-ad-container {
  margin: 2em auto;
}
.ad_rectangle > .gpt-ad-container {
  text-align: center;
}
.gpt-ad-container.gpt_textad {
  margin-top: 0;
  margin-bottom: 0;
}
.gpt-ad-container.gpt_textad:first-child {
  margin-top: 2em;
  margin-bottom: 0;
}
.gpt-ad-container.gpt_textad:last-child {
  margin-top: 0;
  margin-bottom: 2em;
}
/*
#main .block h2.title {
  color: #fff;
  background-color: #666;
  padding: 6px;
  margin: 0.5em 0 0 0;
  border: none;
}
.block-menu .content ul {
  list-style: none;
  line-height: 14px;
  margin: 0;
  padding: 0;
}
.block-menu .content li {
  list-style: none;
  width: 160px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #fff;
  padding: 0;
  line-height: 14px;
}
.block-menu .content li a {
  display: block;
  background: #ddd;
  padding: 3px;
  margin: 0;
}
.block-menu .content li a:hover {
  background-color: #00aaeb;
  color: #ffffff;
  text-decoration: none;
  line-height: 14px;
}
.block-menu .content li a:hover:after {
  background-color: #00aaeb;
  color: #ffffff;
  content: "\00BB"
}
*/
.block .title {
  margin: 0;
}
.box .title {
  font-size: 100%;
}
#contents #sideContents .block {
  margin: 0;
}
#contents #sideContents > .region > .block,
#contents #sideContents > .region .block-panels-mini .panel-pane {
  margin-top: 1em;
}
#contents #sideContents > .region > .block:first-child {
  margin-top: 0;
}
#contents #sideContents > .region .block-panels-mini > .content {
  padding: 0 !important;
}
#contents #sideContents > .region .block-panels-mini .pane-content {
  padding: 8px;
}
/*
===== 5: Footer ==========================================
*/
#footer {
  clear: both;
  height: auto;
  width: auto;
}
#footer,
#footer .block .content {
  background-color: #f4f3f1;
  color: #555;
}
#footer > section {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}
#footer #copyright,
#footer #copyright .block .content,
#footer #copyright p {
  max-width: 100%;
  background-color: #F07191;
  color: #fff;
  text-align: center;
}
#footer a {
  color: #a2a2a2;
}
#footer a:hover {
  color: #e8382f;
}
#footer .site_links > div,
#footer .manage_sites,
#footer .manage_company {
  border-top: 1px solid #e7e4e0;
  /*  border-bottom: 1px solid #e7e4e0;*/
  padding-top: 1em;
  /*  padding-bottom: 1em;*/
}
#footer .site_links {
  border-top: none;
}
#footer .manage_sites {
  border-bottom: none;
}
#footer ul,
#footer ol {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
#footer .site_links {
  font-size: 13px;
  text-align: center;
}
#footer .site_links ul {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
  text-align: center;
}
#footer .site_links ul > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
#footer .site_links ul > li.first {
  padding-left: 0;
}
#footer .site_links ul li:before {
  content: '≫ ';
  color: #d5d5d5;
  font-size: 8px;
}
#footer .manage_company ul,
#footer .manage_sites ul {
  font-size: 9px;
}
#footer .manage_company ul li,
#footer .manage_sites ul li {
  float: left !important;
  width: 155px;
  margin: 0 1%;
  overflow: hidden;
  line-height: 1.3;
}
#footer .manage_company ul li {
  height: auto;
}
#footer .manage_sites ul li {
  height: 100px;
}
#footer .manage_company img,
#footer .manage_sites img {
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
#footer .manage_company img:hover,
#footer .manage_sites img:hover {
  opacity: 0.6;
}
/*
#footer .manage_company span,
#footer .manage_sites span {
  display: block;
  background: url(../images/footer_logos.png) no-repeat 0 0;
  width: 155p;
  height: 48px;
  -webkit-transition: 0.7s;
  margin: 0 0 2px;
  text-indent: -999em;
}
#footer .manage_company span:hover,
#footer .manage_sites span:hover {
  opacity: 0.6;
}
#footer .manage_company .icon_iph_25,
#footer .manage_sites .icon_iph_25 {
  display: block;
  background: url(../images/footer_logo_ipg25th.png) no-repeat 0 0;
  width: 155p;
  height: 48px;
  -webkit-transition: 0.7s;
  margin: 0 0 2px;
  text-indent: -999em;
}
#footer .manage_company .icon_iph,
#footer .manage_sites .icon_iph {
  background-position: 0 0;
}
#footer .manage_company .icon_ibc,
#footer .manage_sites .icon_ibc {
  background-position: 0 -50px;
}
#footer .manage_company .icon_FindIT,
#footer .manage_sites .icon_FindIT {
  background-position: 0 -100px;
}
#footer .manage_company .icon_ITLeaders,
#footer .manage_sites .icon_ITLeaders {
  background-position: 0 -150px;
}
#footer .manage_company .icon_ThinkIT,
#footer .manage_sites .icon_ThinkIT {
  background-position: 0 -200px;
}
#footer .manage_company .icon_Webtan,
#footer .manage_sites .icon_Webtan {
  background-position: 0 -250px;
}
#footer .manage_company .icon_DCguide,
#footer .manage_sites .icon_DCguide {
  background-position: 0 -300px;
}
#footer .manage_company .icon_CSHguide,
#footer .manage_sites .icon_CSHguide {
  background-position: 0 -350px;
}
#footer .manage_company .icon_WBBforum,
#footer .manage_sites .icon_WBBforum {
  background-position: 0 -400px;
}
#footer .manage_company .icon_iil,
#footer .manage_sites .icon_iil {
  background-position: 0 -450px;
}
#footer .manage_company .icon_itnp,
#footer .manage_sites .icon_itnp {
  background-position: 0 -500px;
}
#footer .manage_company .icon_netshop,
#footer .manage_sites .icon_netshop {
  background-position: 0 -550px;
}
#footer .manage_company .icon_CloudWatch,
#footer .manage_sites .icon_CloudWatch {
  background-position: 0 -600px;
}
#footer .manage_company .icon_ibl,
#footer .manage_sites .icon_ibl {
  background-position: 0 -650px;
}
#footer .manage_company .icon_digitalX,
#footer .manage_sites .icon_digitalX {
  background-position: 0 -700px;
}
*/
#footer #copyright {
  /*  background: #e8382f;*/
  /*  padding: 1em 0;*/
}
#footer #copyright .container {
  padding: 0.3em 0;
  text-align: center;
  color: #a2a2a2;
}
#footer .footer_collapse,
#footer .navbar-collapse {
  max-height: none;
  padding: 0;
}
@media (max-width: 767px) {
  #footer .site_links {
    padding: 0;
    text-align: left;
  }
  #footer .site_links ul {
    border-top: 1px solid #e7e4e0;
    border-bottom: 1px solid #fbfafa;
    padding: 0 1.5em;
  }
  #footer .site_links ul li {
    border-top: 1px solid #fbfafa;
    border-bottom: 1px solid #e7e4e0;
    display: block;
  }
  #footer .site_links ul li:before {
    display: none;
  }
  #footer .site_links ul li a {
    display: block;
    padding: 0.8em 1em 0.8em 0;
    position: relative;
  }
  #footer .site_links ul li a:after {
    content: '≫';
    position: absolute;
    top: 23%;
    right: 0;
    color: #dadada;
    font-weight: 700;
  }
  #footer .site_links ul li a:hover:after {
    color: #555555;
  }
  #footer .navbar-toggle {
    color: #a2a2a2;
    float: none;
    display: block;
    width: 100%;
    border: 1px solid #afafaf;
    border-radius: 3px;
  }
  #footer .navbar-toggle:after {
    content: '▼';
    color: #a2a2a2;
    font-weight: 700;
    padding-left: 3px;
  }
  #footer .manage_company ul li,
  #footer .manage_sites ul li {
    margin: 0 3%;
  }
}
/*
===== 6: Heading ==========================================
*/
/*
#main .headingBg h2 {
	color: #ffffff;
	font-weight: bold;
	margin-left: 22px;
	padding-top: 2px;
}

#main .column_l .headingBg,
#main .column_r .headingBg {
	width: 298px;
}
#main h2 {
	color: #333;
	font-weight: bold;
	margin-left: 22px;
	padding-top: 2px;
}
#block-views-new_articles h2 {
	color: #ffffff;
	font-weight: bold;
	margin-left: 22px;
	padding-top: 2px;
}
#main h2 a {
	color: #ffffff;
}
#block-views-new_articles h2 a {
	color: #ffffff;
}
#main h3 {
	font-weight: bold;
	margin-top: 8px;
}
#main h1 {
	font-size: 122%;
	padding: 5px 0 5px 5px;
	background-color: #eee;
	border-top: solid 2px #666;
	border-bottom: solid 2px #666;
	font-weight: bold;
}
.main-contents h2 {
	clear: left;
	font-weight: bold;
	font-size: 114%;
	padding-left: 2px;
	margin: 6px 0;
	border-bottom: solid 2px #3c74c1;
}
#main h2.title a:visited {
	color: #333;
	text-decoration: none;
}
.main-contents h3 {
	clear: left;
	font-weight: bold;
	font-size: 107%;
	padding-left: 2px;
	margin: 13px 0 9px;
	border-bottom: solid 1px #3c74c1;
}
.main-contents h4 {
	clear: left;
	font-weight: bold;
	font-size: 107%;
	padding-left: 2px;
	margin: 13px 0 0 0;
}
#main p {
	margin: 0.6em 0;
	color: #333333;
	line-height: 1.8em;
}
#main ul li {
	list-style-type: square;
	margin-left: 20px;
}

#main ul li ul li {
	list-style-type: disc;
	margin-left: 20px;
}
#main ol li {
	list-style-type: decimal;
	margin-left: 20px;
}
*/
#main .note {
  color: #777777;
  margin-top: 4px;
}
#main .heading .note,
#main li .note {
  margin-left: 12px;
}
/*
#side_r .column .imageBlock {
	font-size: 77%;
}
*/
/*
===== 7: List ==========================================
*/
ul {
  margin-top: 1em;
}
/*

li {
	font-weight: bold;
	display: block;
	margin-top: 0.8em;
	padding-left: 14px;
	background:url(../images/list_mark_m.gif) no-repeat top left;
}
#main .heading .note,
li .note {
	font-weight: normal;
}
*/
/*
===== 8: FontSize ==========================================
*/
/*
.nav_l {
	font-size: 85%;
}
*/
.utility {
  font-size: 77%;
  font-weight: bold;
  color: #ddd;
}
/*
#main p {
	font-size: 100%;
	margin: 8px 0;
}
*/
h3 {
  font-size: 107%;
}
h4 {
  font-size: 107%;
}
.column_top h3 {
  font-size: 122%;
}
#main .note {
  font-size: 77%;
}
/*
===== 9: Margin ==========================================
*/
/*
#main .column_top {
	margin-top: 10px;
}

.column {
	margin-bottom: 15px;
}

#side_r .banner {
	margin-bottom: 10px;
}
*/
/*
===== 10: misc ==========================================
*/
/*
#main .imageBlock {
	clear: both;
	margin-top: 8px;
}

#sideContents .imageBlock {
	clear: both;
	margin-top: 8px;
}

#main .imageBlock .left {
	float: left;
	margin: 0 20px 20px 0;
}
.imageBlock .left img {
	display: block;
	margin: 0 0 2px 0;
	_margin-top: -1em;
}

#main .column_l .imageBlock .left,
#main .column_r .imageBlock .left,
#sideContents .column .imageBlock .left {
	float: left;
	margin: 0 10px 10px 0;
}

#sideContents .column .imageBlock {
	clear: left;
	padding-bottom: 10px;
	border-bottom: solid 1px #bbbbbb;
}


.imageBlock .right {
	float: right;
	margin: 0 0 0.77em 5px;
}
.imageBlock .right img {
	display: block;
	margin: 0 0 2px 0;
	_margin-top: -1em;
}

.imageBlock .left .caption,
.imageBlock .right .caption {
	display: block;
	width: 240px;
	margin: 0.24em 0 0;
	padding: 0;
	color: #4d4d4d;
	color: #ff0000;
	text-align: left;
}
*/
/* trackback module */
/*
#trackbackurl {
	background-color: #666;
	padding: 4px;
	height: 24px;
}
#trackbackurl h2.title {
	margin:0;
	padding:0;
	margin-left: 6px;
	color: #fff;
	font-size: 100%;
	margin-right:10px;
	display: block;
	float: left;
}
#trackbackurl .content {
	background-color: #fff;
	color: #333;
	padding:4px;
	float: right;
	text-align: right;
	width: 350px;
	font-size: 92%;
}
*/
span {
  line-height: inherit;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 0 6px;
  border: 2px outset buttonface;
  border-image: initial;
  /*
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
*/
  background-color: buttonface;
  box-sizing: border-box;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  /*  -webkit-appearance: push-button; */
  white-space: pre;
}
/**
 * site_webtan.css
 */
/*
	Site Name: AIM
	Description: Local Styles
	Version: 0.9
	Author: HAGIWARA Mizuho & SHIKATA Satoru
*/
/* site color */
#areaAll {
  background: #F07191;
}
/* site logo */
#header .logo_webtan {
  background-position: left -40px;
}
#header .banner {
  background: #F07191;
}
#main table td {
  padding: 4px;
}
.note {
  font-size: 88%;
  margin: 1.2em 0 0.2em 0;
}
/* from wbb-old */
/*
** モジュール関連のスタイル
**
** 2006/7/4 Impress R&D Director's Room Div.
*/
/* アグリゲータ */
/*
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 100%;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
*/
/* プロフィール */
.profile.node .group-misc {
  float: right;
  width: 124px;
  margin-left: 1em;
  margin-bottom: 1em;
}
/*
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
*/
/* event + views */
/*
.event-nodeapi {
  height: 0;
  visibility: hidden;
}
.view-data-title  {
  font-size: 114%;
  font-weight: bold;
  color: #333;
  margin-bottom: 4px;
}
.view-data-title>a {
  color: #900;
}
.view-additional-fields {
  font-size: 92%;
  height: 12px;
  vertical-align: baseline;
  margin-bottom: 8px;
}
*/
/* 本文 */
/*
.view-additional-fields {
  font-size: 100%;
 }
.node-author-name {
  float: left;
  font-size: 100%;
  font-weight: bold;
 }
.node-author-company {
  font-size: 100%;
  float: left;
  margin-right: 16px;
 }
.node-datetime {
  margin-right: 6px;
  float: left;
  font-size: 77%;
 }
.node-trackback-count {
  margin-right: 6px;
  float: left;
  font-size: 77%;
 }
.node-comment-count {
  font-size: 77%;
 }
.node-taxonomy-image {
  padding: 8px 0;
 }
.node-taxonomy-image img {
  margin-right: 2px;
  border: 0;
 }
.node-taxonomy-printicon {
  width: 590px;
 }
*/
/* ニュース (aggregator)*/
/*
#news-page-title {
	clear: both;
	width: 606px;
	height: 21px;
	background: @brand-primary url(../images/h2_full.gif) no-repeat top left;
}

#news-page-title h2 {
	color: #ffffff;
	font-weight: bold;
	margin-left: 22px;
	padding-top: 2px;
}

#news-page .feed-item {
  border-bottom: 1px #999999 dashed;
}
#news-page .feed-item-title {
  font-size: 100%;
  border: none;
  margin: 4px 0 0 0;
  padding: 0;
}
#news-page .feed-item-title a {
  color: #900;	
}
#news-page .feed-item-source {
  font-size: 92%;
}
#news-page .feed-item p {
  margin: -2px 0 4px 0;
}
#news-page .feed-item-date {
  font-size: 92%;
  margin-left: 1em;
}
#news-page .feed-item-body {
}
*/
/* サイドバーのブロック */
.block-aggregator .content {
  font-size: 92%;
  border: 0;
  padding: 6px;
  background-color: #ddd;
  margin: 0;
}
.block-aggregator h2.title {
  margin: 0;
}
.block-aggregator .item-list ul {
  padding: 6px;
  margin: 0;
}
.block-aggregator .item-list li {
  padding: 6px 0;
  margin: 0;
  border-bottom: 1px solid #999999;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-bottom: 4px;
  padding: 0.25em 0pt;
}
/* 画像 */
.float-left {
  float: left;
  margin: 0 10px 10px 0;
}
.float-right {
  float: left;
  margin: 0 0 10px 10px;
}
/* キャプション付き画像向け*/
div.imagebox-right {
  float: right;
  margin: 0 0 10px 10px;
  color: #600;
  font-size: 77%;
}
div.imagebox-left {
  float: left;
  margin: 0 10px 10px 0;
  color: #600;
  font-size: 77%;
}
div.image-caption {
  color: #600;
  font-size: 92%;
}
/* リード */
.lead {
  background-color: #eee;
  padding: 8px;
  /*font-weight: bold;*/
  margin-bottom: 16px;
}
/*
.catch {
  font-size: 114%;
  color: #fff;
  font-weight: bold;
  background: #00aaeb;
  padding: 2px 6px;
}
*/
/* 囲み */
div.kakomi {
  border: 1px dotted #999;
  padding: 10px;
}
/*
div.kakomi-blue {
  border: 1px dotted #00aaeb;
  margin-bottom: 20px;
  }
.kakomi-blue h4 {
  position: relative;
  width: 8em;
  top: -0.7em;
  margin: 0 0 0 10px;
  padding: 4px;
  text-align: center;
  color: #fff;
  background: #00aaeb;
 }
.kakomi-blue p {
  padding: 6px;
 }

div.kakomi-green {
  border: 1px dotted #3dc248;
  margin-bottom: 20px;
  }
.kakomi-green h4 {
  position: relative;
  width: 8em;
  top: -0.7em;
  margin: 0 0 0 10px;
  padding: 4px;
  text-align: center;
  color: #fff;
  background: #3dc248;
 }
.kakomi-green p {
  padding: 6px;
 }

div.kakomi-pink {
  border: 1px dotted #f36;
  margin-bottom: 20px;
  }
.kakomi-pink h4 {
  position: relative;
  width: 8em;
  top: -0.7em;
  margin: 0 0 0 10px;
  padding: 4px;
  text-align: center;
  color: #fff;
  background: #f36;
 }
.kakomi-pink p {
  padding: 6px;
 }
*/
/* グローバルナビ */
/* Heading */
/*
.headingBg {
	clear: both;
	width: 606px;
	height: 21px;
	background: #00aaeb url(../images/h2_full.gif) no-repeat top left;
}
#main .column_l h2 a,
#main .column_r h2 a {
	display: block;
	width: 276px;
	height: 19px;
	clear: both;
	background: #00aaeb url(../images/h2_half_b.gif) no-repeat -22px -2px;
}
*/
/* misc */
/*
.smaller {
  font-size: 85%;
}
.border-solid {
  border: 1px solid #aaa;
 }
.border-dashed {
  border: 1px dashed #aaa;
 }
*/
/* Top Page */
/*
#toppage h2 {
  color: #fff;
  font-size: 107%;
  font-weight: bold;
  background-color: @brand-primary;
  border-bottom: solid 1px #aaa;
  border-left: solid 4px #ff6600;
  padding-left: 10px;
}
#toppage a {
  font-weight: bold;
}
*/
/*  */
.block {
  clear: both;
  margin-bottom: 10px;
}
.block .content {
  background-color: #ffffff;
  font-size: 92%;
  border: 0;
  margin: 0;
  padding: 8px !important;
}
#main .block .content {
  background-color: #ffffff;
  padding: 0 !important;
  margin-bottom: 10px  !important;
}
#sideContents .microsites_links .content {
  padding: 0 !important;
  background-color: #dfdfdf;
}
.microsites_links img {
  margin-bottom: 5px;
}
/* IEでAdSenseがドロップダウンメニューより前に来るのに対処 */
/*
.block ins{
	position: static !important;
	display: inline !important;
}
.block iframe{
	position: static !important;
}
*/
/*
#block-panels_mini-1	Mini panel: "rensai_itiran"
#block-panels_mini-5	Mini panel: "サイドバー（広告系）"
#block-panels_mini-7	Mini panel: "サイドバー（標準1）"
#block-panels_mini-9	Mini panel: "サイドバー（標準2）"

#sideContents #block-panels_mini-5 .content,
*/
#sideContents #block-panels_mini-sidebar_normal1 .content,
#sideContents #block-panels_mini-sidebar_normal2 .content {
  padding: 0 !important;
}
#sideContents #block-panels_mini-sidebar_normal1 .pane-content,
#sideContents #block-panels_mini-sidebar_normal2 .pane-content {
  padding: 8px !important;
}
#sideContents .panel-flexible .panel-region-separator,
#sideContents .panel-flexible .panel-separator {
  margin: 0;
  height: 8px;
}
#mini-panel-sidebar_ads,
#mini-panel-sidebar_ads .panel-col-1 {
  background-color: #dedede;
  padding: 0 !important;
}
/*
8	バナー：スクエア01 (zone id=6,69)
9	バナー：ミディアムレクタングル01(zone id=5)
16	資料請求サービス
20	バナー：Web担スペシャルTopics -PR-
23	バナー:バナーとテキスト(zone id=49,52)
#sideContents #block-block-8,
#sideContents #block-block-8 .content,
#sideContents #block-block-9,
#sideContents #block-block-9 .content{
	padding: 0 !important;
	background-color: transparent;
}
#sideContents #block-block-23,
#sideContents #block-block-23 .content {
	padding: 0 !important;
}
#sideContents #block-block-16 .content{
	padding: 0 8px !important;
}
#sideContents #block-block-20 .content{
	padding: 8px !important;
}
*/
/*
バナー類
115	第1レクタングル
99	赤十字
117	イメージ&テキスト
116	第2レクタングル
129	スーパーバナー
134	スーパバナー（ms/cx）
*/
#block-block-99 .content {
  padding-bottom: 0 !important;
}
#block-block-117 .content {
  padding-top: 0 !important;
}
#block-block-129,
#block-block-134 {
  margin: 0 !important;
}
#block-block-129 .content,
#block-block-134 .content {
  padding: 0 !important;
}
#sideContents .view-content-tagcloud {
  line-height: 1.2;
}
/*
h2 .merit_body {
position:relative;
top:0;
width:150px;
}
*/
/**
 * style.css
 */
/*
** Web-tan Forum Styles
**
** 2006/7/24 Impress R&D Director's Room Div.
** Basic Color is #007d00


** 基本HTMLエレメント*/
/*
body {
background-color:#fff;
color:#333;
/*margin:0;
padding:0;
}
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5em;
}
h1,
h2 {
  font-size: 136%;
}
h3 {
  font-size: 122%;
}
h4,
h5,
h6 {
  font-size: 107%;
}
p {
  /*line-height:1.8;*/
  line-height: 2;
  margin: 0.9em 0;
  text-align: left;
}
/* リンク関係 */
a {
  text-decoration: none;
}
a:link {
  color: #00f;
}
a:visited {
  color: #009;
}
a:hover {
  color: red;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  min-width: auto;
}
pre {
  background-color: #eee;
  border: 1px solid #ddd;
  font-size: 92%;
  padding: 0.75em;
}
.links {
  color: #666;
  margin-bottom: 0;
  margin-top: 1em;
}
.comment .links {
  margin-bottom: 0;
}
dt {
  font-weight: bold;
}
dd {
  line-height: 120%;
  margin: 6px 0;
}
/* 基本レイアウト */
/*
** ブロック*/
#contents .block h2.title,
#contents .panel-pane .pane-title,
#contents .block .pane-title {
  background: #5390BB url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAA8CAMAAACZxICyAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///////1V89WwAAAACdFJOU/8A5bcwSgAAAQVJREFUeNpiYGBgZGQACCAGMAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJECAAQBVjAB537LbMQAAAABJRU5ErkJggg==") no-repeat 2px center;
  border-bottom: solid 1px #5390BB;
  border-right: solid 1px #5390BB;
  font-size: 100%;
  font-family: "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #5390BB;
  margin: 0.5em 0 6px 0;
  padding: 4px 0 3px 12px;
  border: solid 1px #457b9f;
  color: #fff;
  clear: both;
  /*
background-color:#666;
color:#fff;
font-size:100%;
margin:0;
padding:5px;
*/
}
/*
.block-menu .content ul {
line-height:13px;
list-style:none;
font-size: 12px;
margin:0;
padding:0;
}
.block-menu .content li {
border-bottom:1px solid #fff;
list-style:none;
margin:0;
padding:0;
width:160px;
}
.block-menu .content li a {
background:#ddd;
display:block;
margin:0;
padding:3px;
}
.block-menu .content li a:hover {
background-color:#007d00;
color:#fff;
text-decoration:none;
}
.block-menu .content li a:hover:after {
background-color:#007d00;
color:#fff;
content:"\00BB";
}
*/
.block .title {
  margin: 0;
}
.block-user ul li {
  list-style: circle;
  list-style-position: inside;
  margin: 0;
}
/* ユーザーメニューブロック */
#block-user-1 li li {
  padding-left: 10px;
}
#block-user-1 li li li {
  padding-left: 20px;
}
/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.*/
.title,
.title a,
.pane-title,
.pane-title a {
  color: #333;
  font-size: 107%;
  font-weight: 900;
  margin: 0 auto;
}
.submitted {
  color: #666;
  font-size: 92%;
}
.links a {
  font-weight: bold;
}
.node {
  margin: 0 0 1em 0;
}
.node .taxonomy {
  color: #999;
  font-size: 107%;
  padding: 1.5em;
}
.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
#main .node .links.inline {
  /* つけとかないと.node .inlineに負ける */
  display: block !important;
}
ul.links {
  margin: 0;
}
ul.links li {
  line-height: 1 !important;
  background-image: none !important;
  padding: 0 !important;
}
#main .node .links {
  padding-top: 1.5em;
  padding-left: 20px;
}
/*
#main .node #block-fivestar-0{
  padding-left: 20px;
}
*/
/* コメント関連 */
/* コメント追加リンク装飾 */
.field-name-field-bancho-node-comment {
  margin-top: 2em;
  margin-bottom: 2em;
}
.links .comment-add a,
#main a.comment-add {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAMAAAAmopZHAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABgUExURXOczntzdUJKQklCSe/393Nzc3+p0HN7c3Ol1kqExrTO59Hk73N7e9bW1lqUxl9fX73R51qMzr29vajG5/f39xgYGGOUzu/v72uczs7OzkKEvVKMxqWlpQgICPf3/////5UU1gEAAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAATxJREFUeNpi4BKTwgBiXPIAAcTAKS2BAaQ5BQACiEGaWw4DcEszAAQQg5iIDBMzKpSRk5AGCCAGMTlGUTTAI8cgDRBAQHE5cTQgBxQHCCCguBA7IysY8bAysvMwsjIKAcUBAghoPr8sGuCX45AGCCCgenFJNCAOVA8QQEBxXhk0wAtUDxBAQHEs5jBIAwQQdvUM0gABhGy+ONzDDNIAAYTsHmYkcYAAAooLsQPdzcrIwygDFRUBhgNAADFwCrBAuSwsIlAgIM0GEEAMnJzSwmBRCWlpQWkI4JTmBgggBm42aWmQDmEpBjYOKGTjlgcIIAZ5eW4pYTkRFj4JeWQAEEBAcXkJoAYuKQEUcYAAAokLSHHJifGhCMsDBBBIXF6Mj0tKGFUcIIDA4lxS0oKowvIAAQQWlxdEVy4PEGAAn1kyTpCnpD8AAAAASUVORK5CYII=");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 10px 0 0 26px;
}
#main .adsense_234x60 {
  float: right;
  width: 234px;
}
/*
#main .block-fivestar,
#main .block-fivestar .fivestar-widget{
	width: 280px;
	padding-right: 10px;
	float: left;
	clear: none;
}
#main .block-fivestar .clear-block:after{
	clear: left;
}

#main a.favorite_nodes_add{
	background: transparent url(../images/heart-icon.gif) no-repeat scroll left 8px;
	padding: 10px 0 0 20px;
}
*/
#main .node .node-footer-fields h2.title,
#main .node .node-footer-fields h2.pane-title,
#main #mini-panel-node_footer h2.title,
#main #mini-panel-node_footer h2.pane-title {
  display: block;
  font-weight: 900;
  font-size: 1.2em;
  padding: 6px;
  color: #000;
  border: solid 1px #666666;
  background-color: transparent;
  margin: 1.5em 0px 0.5em 0px;
}
#main .content #comments .comment {
  border: 1px solid #abc;
  margin-bottom: 1em;
  padding: 1em;
}
#main .content #comments .comment .content {
  line-height: 1.2;
}
#main .content #comments .comment h3 {
  border: none;
  border-bottom: solid 1px #3c74c1;
  background: transparent;
  margin: 0.5em 0 9px 0;
  padding: 0;
  font-size: 107%;
}
#main #comments .comment > h3 a,
#main .content #comments .comment > h3 a {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAMAAABXc8oyAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAYUExURfb29vT09O/v7/39/fLy8vv7++3t7f///1yohvQAAAAIdFJOU/////////8A3oO9WQAAAStJREFUeNpiYEcBzAwsbKiAhYEZLAMQQAwoyhjZsAFGkFKAAEJWyMzEhh0wAVUCBBADEerAKgECCEkhE9RNrMgA6mYmdoAAQihkAAuwsqMDVrABDAABxIBiIBMzOyYAO4kJIIDgCpnB+tixAbBdAAHEgMJjxqoQbAZAAKEoZGLHDkAeAgggFIUseBQCBBDRCgECiGiFAAFEtEKAACJaIUAAEa0QIICIVggQQEQrBAggohUCBBDRCgECiGiFAAHEgJyW8CkECCAG5OTNgEchQAAxICdv7KkMkswAAoiBsDqILEAAMSDyHy6LIVkBIIAY4OoYcaiDZi6AAAIpZITkP6wAnl0BAogB6gT8AOh8gABigPiJoDp2gABiwFOQoBRSAAHEwEhAFazYAwgwAM/0HvP7AsfQAAAAAElFTkSuQmCC");
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 107%;
  font-weight: normal;
  margin-bottom: 8px;
  padding: 10px 0 12px 19px;
}
#main .content #comments .comment .new {
  color: red;
  float: right;
  font-size: 107%;
  font-weight: bold;
  text-align: right;
}
#main .content #comments .comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}
#main .content #comments .comment ul.links {
  display: inline;
}
#main .content #comments .comment ul.links li {
  display: inline;
  background-image: none;
  padding: 0;
}
#main .content #comments .comment ul.links.inline li {
  padding: 0 0.5em !important;
}
/* bookのナヴィゲーション関連 */
.book-navigation .page-next:link {
  background: transparent url(../images/arrow-next.png) right center no-repeat;
  padding: 17px 17px 17px 0;
}
.book-navigation .page-next:visited {
  background: transparent url(../images/arrow-next-visited.png) right center no-repeat;
  padding: 17px 17px 17px 0;
}
.book-navigation .page-next:hover {
  background: transparent url(../images/arrow-next-hover.png) right center no-repeat;
  padding: 17px 17px 17px 0;
}
.book-navigation .page-previous:link {
  background: transparent url(../images/arrow-prev.png) left center no-repeat;
  padding: 17px 0 17px 17px;
}
.book-navigation .page-previous:visited {
  background: transparent url(../images/arrow-prev-visited.png) left center no-repeat;
  padding: 17px 0 17px 17px;
}
.book-navigation .page-previous:hover {
  background: transparent url(../images/arrow-prev-hover.png) left center no-repeat;
  padding: 17px 0 17px 17px;
}
.book-navigation .page-up:link {
  background: transparent url(../images/arrow-up.png) center top no-repeat;
  padding: 11px 0 17px;
}
.book-navigation .page-up:visited {
  background: transparent url(../images/arrow-up-visited.png) center top no-repeat;
  padding: 11px 0 17px;
}
.book-navigation .page-up:hover {
  background: transparent url(../images/arrow-up-hover.png) center top no-repeat;
  padding: 11px 0 17px;
}
/* ページャー */
#main .pager {
  font-size: 110%;
  margin: 1em 0;
}
/* system.theme.cssが.item-list .pager li使ってるのでここもli入れておく。liついてないのはspanとかのはず*/
.pager li.pager-previous,
.pager li.pager-current,
.pager li.pager-item,
.pager li.pager-next,
.pager li.pager-ellipsis {
  background-image: none !important;
  border: solid 2px #cccccc;
  line-height: 1.6;
  margin: 0 2px !important;
  display: inline-block;
}
.pager li.pager-previous,
.pager li.pager-next,
.pager li.pager-item,
.pager li.pager-current {
  padding: 0.3em 0 0.2em 0 !important;
}
.pager li.pager-next,
.pager li.pager-current {
  font-weight: bold;
  background-color: #37A0D1 !important;
  color: #ffffff !important;
}
.pager li.pager-ellipsis {
  border: none;
  padding: 0 !important;
}
.pager .pager-span {
  padding: 0.3em 0.3em 0.2em 0.3em !important;
  border: solid 1px transparent;
}
.pager li.pager-previous,
.pager li.pager-next,
.pager li.pager-ellipsis {
  background-color: transparent;
  color: #000000;
}
.pager li.pager-previous a,
.pager li.pager-current a,
.pager li.pager-item a,
.pager li.pager-next a,
.pager li.pager-ellipsis a {
  text-decoration: none !important;
  color: #000000 !important;
  font-weight: normal;
  padding: 0.3em 0.3em 0.2em 0.3em !important;
  border: solid 1px #ffffff;
}
.pager li.pager-next a,
.pager li.pager-current a {
  font-weight: bold;
  background-color: #37A0D1;
  color: #ffffff !important;
  border: solid 1px #37A0D1;
}
.pager li.pager-previous a:hover,
.pager li.pager-current a:hover,
.pager li.pager-item a:hover,
.pager li.pager-next a:hover,
.pager li.pager-ellipsis a:hover {
  background-color: #37A0D1 !important;
  color: #ffffff !important;
  border: solid 1px #ffffff;
}
.pager .pager-nolink {
  background-color: transparent !important;
  color: #cccccc !important;
  border-color: #eeeeee !important;
}
#main .pager_top .pager {
  font-size: 80%;
  text-align: right;
}
#main .pager_top .pager-first,
#main .pager_top .pager-last {
  display: none;
}
#main .node .admin-links li {
  background-image: none;
}
.item-list ul li {
  clear: both;
  list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
}
.item-list ul.zebra li {
  margin: 0;
  padding: 0.5em 0;
}
.even {
  background-color: #fafcfc;
}
.field-item.even {
  background-color: transparent;
}
/*
.view-listtable-wrap {
	float:none;
}
.view-pickup_node_list ul {
list-style-type:none;
	margin: 0;
}
.view-pickup_node_list ul li {
list-style-type:none;
	margin-top: 4px;
	margin-bottom: 4px;
	height: auto;
}
.view-pickup_node_list ul li p{
	margin-top: 0;
	margin-bottom: 8px;
}

.view-pickup_node_list ul li img{
	margin-bottom: 8px;
}

.channel-list-block-header {
}
*/
/* ティーザー表示 */
#main .node-teaser {
  margin: 0 0 1em 0;
  padding: 0 4px;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, from(#F3FAFA), color-stop(20px, #ffffff), to(#ffffff));
  background-image: -moz-linear-gradient(top, #F3FAFA 0%, #ffffff 20px);
  background-image: linear-gradient(to bottom, #F3FAFA 0%, #ffffff 20px, #ffffff);
}
#main .node-teaser h2.title {
  background: transparent none;
  border: none;
  margin: 0;
  padding: 4px 0 0 0;
  clear: none;
  line-height: 1;
  overflow: hidden;
}
#main .node-teaser h2.title a.node-property-title {
  font-size: 122%;
  display: block;
  line-height: 1.4;
  text-align: left;
}
/*
.node-property-title{
	background: transparent url(../images/webtan_sprites_2019.png) no-repeat left -2300px;
	padding-left: 18px;
}
*/
/* 記事タイトルに付けて表示するコーナー名 */
#main .view-list-rensai-term,
#main .node-property-rensai-term {
  display: block;
  color: rgba(144, 144, 144, 0.8);
  /*
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック",Osaka, verdana, arial,  sans-serif;
*/
  font-family: "Hiragino Kaku Gothic Pro W6", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  font-size: 72%;
  line-height: 1;
  padding: 4px 0 0 0;
  margin: 0;
}
#main .view-list-rensai-term span,
#main .node-property-rensai-term span {
  padding: 0;
}
#main a.rensai-term-icon {
  margin: 0 0 0 4px;
  padding: 0;
}
#main a.rensai-term-icon img {
  background-position: left -420px;
  width: 13px;
  height: 14px;
  vertical-align: baseline;
}
/* ノードのメタ情報欄 */
.view-list-property,
.node-property {
  margin: 2px 0 2px 20px;
}
.node-property-bottom {
  clear: left;
}
/* ティーザー表示では左マージンなし */
.node-teaser .node-property {
  margin-left: 0;
  border-bottom: 1px dashed #C0C0C0;
  overflow: hidden;
}
.node-property-line1,
.node-property-line2 {
  padding: 0;
  font-size: 87%;
  line-height: 1.1;
  color: #909090;
}
.readingtime {
  font-size: 0.9em;
  color: #606060;
}
/* 筆者名、投稿日時、トラバ/コメント、SBM、印刷アイコン */
.node-property-line1 {
  padding-bottom: 1px;
}
.node-property-line1,
.node-property-line1 a,
.node-property-line1 span,
.node-property-line1 span a {
  vertical-align: baseline;
}
/*
.node-property-line1 img{
	vertical-align: -2px;
}
*/
.node-property-bookmarks {
  font-size: 106%;
}
/* カテゴリ */
.node-property-line2 {
  margin-top: 2px;
}
.view-list-title {
  font-size: 107%;
}
/* index系でのピックアップ記事タイトルにマーカーアイコン */
/*
.view-listtable-title a{
	background: transparent url(../images/webtan_sprites_2019.png) no-repeat left -2300px;
	padding-left: 18px;
}
*/
/* ただしオーバーチュアマイクロサイトは除く */
/*
#overture .view-listtable-title a{
	padding-left: 0;
	background-image: none;
}
*/
.node-property-author-name {
  margin-right: 4px;
  font-weight: normal;
  /*	letter-spacing: -1px;*/
  padding: 0;
  /*	color: #909090;	*/
  color: #a2a2a2;
}
.node-property-type-story {
  background-position: -970px -500px;
}
.node-property-type-story_user {
  background-position: -940px -550px;
}
.node-property-type-story_news {
  background-position: -910px -600px;
}
.node-property-created {
  margin-right: 4px;
}
.node-property-comment-trackback {
  margin-right: 4px;
}
.node-property-comment-count,
.node-property-trackback-count {
  color: #333 !important;
}
.node-property-comment-count img,
.node-property-trackback-count img {
  margin: 0 2px 0 0;
  padding: 0;
  width: 13px;
  height: 13px;
  vertical-align: -2px;
}
.node-property-comment-count img {
  background-position: -40px -420px;
}
.node-property-trackback-count img {
  background-position: -60px -420px;
}
/*
.node-property-bookmarks{
	margin: 0 4px 0 0;
	padding: 0;
	color: rgb(51,51,51);
	font-size: 106%;
}
.node-property-bookmarks>span{
	margin-right: .5em;
}
.node-property-bookmarks>span:last-child{
	margin-right: 0;
}
.sbm_facebook,
.sbm_twitter,
.sbm_hatena_b,
.sbm_line_like{
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	vertical-align: baseline;
	white-space: nowrap;
}
.node-teaser .sbm_facebook,
.node-teaser .sbm_twitter,
.node-teaser .sbm_hatena_b,
.view-list .sbm_facebook,
.view-list .sbm_twitter,
.view-list .sbm_hatena_b{
	margin: 0 3px;
}


.sbm_facebook span{
	vertical-align: baseline !important;
}

.sbm_facebook img,
.sbm_twitter img,
.sbm_hatena_b img{
	margin: 0 2px 0 0;
	padding: 0;
	line-height: 16px;
	vertical-align: -2px;
}
*/
/*
.sbm_facebook img{
	height: 13px;
	width: 13px;
}
.sbm_twitter img{
	height: 13px;
	width: 16px;
}
.sbm_hatena_b img{
	height: 13px;
	width: 13px;
}
*/
/*
.line-it-button{
	vertical-align: middle;
}
.node-property-bookmarks .sbm_users_link{
	color: rgb(51,51,51);
	text-decoration: underline;
	letter-spacing: normal;
	margin: 0;
}
.node-property-bookmarks .sbm_hot{
	color: #ff0000 !important;
	background-color: #ffcccc;
	padding: 2px 2px 0px 2px;
	font-weight: bold
}

.node-property-nodefooter .sbm_twitter,
.node-property-nodefooter .sbm_hatena_b,
.node-property-nodefooter .fb_like_standard{
	vertical-align: top;
}
*/
.print-icon {
  font-size: 92%;
  /*	letter-spacing: -1px;*/
  padding: 0;
}
.print-icon img {
  background-position: -20px -420px;
  width: 12px;
  height: 12px;
  color: #333 !important;
  margin: 0 2px 0 0;
  vertical-align: middle;
}
iframe.fb_ltr {
  vertical-align: middle;
}
.node-property-nodefooter {
  margin-top: 1.5em;
}
/* カテゴリ関連（リスト） */
/*
#main .view-listtable-property-taxonomy-link5,
#main .view-listtable-property-taxonomy-link6{
  display: inline;
  margin-left: 10px;
}
#main .view-listtable-property-taxonomy-link5 ul.links,
#main .view-listtable-property-taxonomy-link6 ul.links{
  display: inline;
}
#main .view-listtable-property-taxonomy-link5 ul.links li,
#main .view-listtable-property-taxonomy-link6 ul.links li{
  font-size: 10px;
  font-weight: normal;
  background-color: transparent;
  border: solid 1px #cccccc;
  padding: 1px 2px 0px 2px;
  margin: 0px 4px 0px 0px;
  vertical-align: baseline;
}
#main .view-listtable-property-taxonomy-link5 ul.links li.last,
#main .view-listtable-property-taxonomy-link6 ul.links li.last{
  margin-right: 0px;
}
#main .view-listtable-property-taxonomy-link5 a,
#main .view-listtable-property-taxonomy-link6 a{
  color: #666666;
  font-weight: normal;
  margin: 0px;
}
*/
/* カテゴリ関連（ノードページ） */
/*
#main .node-property-taxonomy-link5,
#main .node-property-taxonomy-link6{
  font-size: 10px;
  line-height: 16px;
  text-decoration: none;
  background-color: #C9DCFF;
  color: #666666;
  padding: 2px 4px 1px 4px;
  margin: 0px 4px 0px 0px;
  vertical-align: baseline;
}
#main .node-property-taxonomy-link2{
display:inline;
font-size:10px;
line-height:16px;
padding: 3px 0px;
vertical-align: baseline;
}
.node-taxonomy-printicon {
}
*/
#main img + span.node_title_termname + h1.title,
#main .image-box + span.node_title_termname + h1.title {
  margin-top: 0.25em;
}
#main img[style*="margin-bottom"] + span.node_title_termname + h1.title,
#main .image-box[style*="margin-bottom"] + span.node_title_termname + h1.title {
  margin-top: 0em;
}
.node-title-set h1.title + .field-name-field-brief-desc {
  font-size: 0.9em;
  color: #666;
  line-height: 1.1;
  margin: -8px 0 15px 0;
}
/*
#main .view-list-brief_desc{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
*/
.view-list-brief_desc.webtan_sprites {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 25px;
  height: 25px;
  font-size: 0.9em;
  color: #606060;
  background-position: left -247px;
  padding: 3px 4px 0 14px;
  position: relative;
}
.view-list-brief_desc.webtan_sprites .field-content {
  border-right: solid 1px #ddd;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 2px;
}
#main .even .view-list-brief_desc {
  background-position: left -277px;
}
.node-teaser .content {
  font-size: 92%;
  padding: 0;
  margin: 4px 0 0 0;
  color: #606060;
}
#contents #main .node-teaser .content p {
  line-height: 1.4;
  margin: 0 0 0.4em 0;
}
#main .view-list-chunk-separeter {
  margin-top: 4em !important;
}
#main .link_to_term_index {
  font-size: 82%;
  margin-top: 0.5em;
  margin-bottom: 1em;
  text-align: right;
}
#main .warning_story_user {
  font-size: 82%;
  line-height: 1.2;
  margin: 1em 2em;
  padding: 0.5em 1em;
  background-color: #ffffea;
}
.item-list .view-2010_hatena_popular li {
  margin-bottom: 0.5em;
}
#main .view-list-hatena-popular {
  padding: 0;
}
.popular_facebook_marker {
  margin-left: 8px;
  background-image: url(../images/fb_like_icon.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 66px;
  display: inline-block;
}
.view-list {
  font-size: 100%;
  background-position: -1000px -448px;
  /*	margin:0 6px 0 0;	*/
  margin: 0;
  padding: 0 0 0 20px;
}
.view-list-story {
  background-position: -970px -498px;
}
.view-list-story-shifted {
  background-position: -970px -480px;
}
.view-list-story_user {
  background-position: -940px -548px;
}
.view-list-story_user-shifted {
  background-position: -940px -538px;
}
.view-list-story_news {
  background-position: -910px -598px;
}
.view-list-story_news-shifted {
  background-position: -910px -590px;
}
.view-list-author-created {
  color: #707070;
  white-space: nowrap;
}
.view-list-author,
.view-list-created,
.view-list-news-created {
  font-size: 86%;
}
/* チャンネル、カテゴリの説明 */
/*
.channel h2.title, #block-block-16 h2.title {
color:#fff;
background-color: #666;
background: url(../images/top_h2_title_bg.gif) repeat;
border-left: 8px solid #007d00;
padding: 3px;
margin:4px 0;
}
.channel_category-list-description,.channel-list-description {
font-size:100%;
font-weight:bold;
line-height:16px;
padding:4px 0;
}
.channel_category-list-description ul li{
font-size:100%;
font-weight:normal;
line-height:1.8em;
list-style:none;
margin-left:0;
padding:4px 0;
}
.channel-list-block-header {
border-top:1px dashed #ddd;
border-bottom:1px dashed #ddd;
background-color:#eee;
clear:both;
font-size:107%;
font-weight: bold;
margin:16px 0 8px;
padding:3px;
}
*/
.view-readmore a {
  float: right;
  font-size: 1em;
}
.webform-client-form .form-item {
  margin-top: 10px;
  padding: 0.8em 0;
}
.form-item label,
.item-list .title {
  color: #222;
  font-size: 100%;
}
#main div.error {
  /*	padding: 1em;*/
  font-size: 1.1em;
}
#logo,
.no-border,
.no-border tr,
.no-border th,
.no-border td {
  border: 0;
}
/*
.box .title {
font-size:1.1em;
}
*/
/* もっと見る */
.readmore {
  font-size: 92%;
  text-align: right;
  /*margin-left:410px;*/
}
/* ニュースのインデックス */
.news_index_month_nav {
  font-size: 92%;
  background-color: #f6f6f6;
  margin-top: 6px;
  overflow: hidden;
}
.news_index_month_nav:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.news_index_prevmonth {
  width: 300px;
  float: left;
  text-align: left;
}
.news_index_nextmonth {
  width: 300px;
  float: right;
  text-align: right;
}
/* サイドバーに出すニュース一覧 */
#block-views-recent-news-block li,
#block-views-recent-news-block-block-1 li,
#block-views-recent-info-block li {
  border-bottom: 1px #999 dashed;
  list-style: none;
  margin: 4px;
  padding-top: 4px;
}
/**
 * modules.css
 */
/*
** モジュール関連のスタイル
**
** 2006/7/24 Impress R&D Director's Room Div.

/* アグリゲータ */
#aggregator .feed-source {
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: 1em;
}
#aggregator .news-item .categories,
#aggregator .source,
#aggregator .age {
  color: #999;
  font-size: 0.9em;
  font-style: italic;
}
#aggregator .title {
  font-size: 1em;
  margin-bottom: 0.5em;
}
#aggregator h3 {
  margin-top: 1em;
}
/* プロフィール */
#profile .profile {
  border: 1px solid #abc;
  clear: both;
  margin: 1em 0;
  padding: 0.5em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: 0.5em;
}
/* カレンダー */
/*
.calendar a {
text-decoration:none;
}
.calendar td,.calendar th {
border-color:#888;
padding:0.4em 0;
}
.calendar .day-today {
background-color:#69c;
}
.calendar .day-today a {
color:#fff;
}
.calendar .day-selected {
background-color:#369;
color:#fff;
}
.calendar .row-week td a:hover {
background-color:#fff;
color:#000;
}
*/
/* event + views */
/*
.event-nodeapi {
height:0;
visibility:hidden;
}
*/
/* Views */
/*
#block-views-new_articles h2 {
background:#3C74C1;
margin:8px 0;
}

#block-block-1 h2 {
background:#007d00;
margin:8px 0;
}
*/
/* 新着記事(Index) */
/*
#block-views-new_articles li {
border-bottom:1px #999 dashed;
list-style-type:none;
margin:8px 0;
padding:8px 0;
}
*/
/*#block-views-new_articles*/
/*
.view-data-title {
color:#333;
font-size:14px;
font-weight:bold;
margin-bottom:4px;
}
*/
/*#block-views-new_articles*/
/*
.view-additional-fields {
font-size:9px;
height:12px;
margin-bottom:8px;
vertical-align:baseline;
}
*/
/*#block-views-new_articles*/
.node-author-name {
  /*float:left;
font-size:12px;
font-weight:bold;
margin-right:12px;*/
}
/* 本文とか */
/*
.node-author-datetime {
vertical-align:bottom;
}
.node-author-company {
float:left;
font-size:92%;
margin-right:16px;
}
.view-data-created {
float:left;
height:12px;
margin-right:6px;
}
.view-data-comment_trackback {
border:1px;
float:left;
height:12px;
margin-right:6px;
}
.view-data-comment_count {
border:1px;
height:12px;
}
.view-data-name img {
border:0;
margin-right:2px;
}
.view-data-body {
	font-size:92%;
	padding-top:4px;
	padding-left:8px;
	color: #606060;
}
.view-data-body p {
	line-height:1.2;
	margin: 2px 0;
}
*/
/*
.view-data-body img,
*/
.teaser_icon,
.node-teaser .content img {
  border: 1px #ccc solid;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 1px;
}
img.teaser_icon {
  margin-top: 4px;
}
.bancho_random_info .teaser_icon {
  margin-left: 0;
}
.image-box-right .teaser_icon {
  float: none;
  margin: 0;
}
/*
.view-readmore a {
font-size:10px;
margin-top:-10px;
}

#block-views-new_articles .view-data-body {
  font-size: 12px;
  vertical-align: top;
}
#block-views-new_articles .view-data-body img {
  float: left;
  margin-right: 10px;
}
#block-views-new_articles .view-readmore a {
  font-size: 0.9em;
}
*/
/* ニュース */
/*
#news-page-title h2 {
background:#3C74C1;
color:#fff;
font-size:1em;
margin:0;
padding:0.5em;
}
#news-page .feed-item {
border-bottom:1px #999 dashed;
}
#news-page .feed-item-title a {
font-size:1em;
}
#news-page .feed-item-source {
font-size:0.9em;
}
#news-page .feed-item-date {
font-size:0.8em;
margin-left:1em;
}
*/
/*
** イベントカレンダー
 ページ */
/*
.view-header-webtan_eventlist {
font-size:10px;
margin:4px 0;
}
.view-webtan_eventlist .item-list ul {
margin-left:-16px;
}
.view-webtan_eventlist .item-list li {
border-bottom:1px #999 dashed;
list-style-type:none;
padding:8px 0;
}
.view-webtan_eventlist .view-data-title {
font-size:100%;
}
.view-webtan_eventlist .view-data-event_start {
background:transparent url(../images/calendar.gif) left center no-repeat;
font-size:10px;
height:22px;
margin:6px 0;
padding-left:26px;
vertical-align:bottom;
}
#block-views-webtan_eventlist_block .view-data-title {
font-weight:bold;
}
#block-views-webtan_eventlist_block li {
padding:6px 0;
}
#block-views-webtan_eventlist_block .view-data-event_start {
font-size:9px;
}
#block-views-webtan_eventlist_block .view-footer-wbbf_eventlist_block {
font-size:10px;
margin-left:200px;
padding:4px;
}
#block-views-webtan_popular_alltime .item-list li {
border-bottom:1px #999 dashed;
list-style:decimal;
margin-bottom:4px;
margin-left:20px;
padding:6px 0;
}

#block-block-2 li {
list-style:square;
margin:4px 0 4px 16px;
padding-top:4px;
}

#block-block-2 .new {
color:red;
font-size:9px;
}

#block-block-4 li {
list-style:none;
}

#block-block-4 input {
margin:4px 0;
}


#forum td.container,.calendar .header-week,.calendar .day-blank {
background-color:#ccc;
}

#block-views-new_articles .content,#block-block-1 .content {
background:#fff;
}

#block-views-webtan_eventlist_block .content,#block-views-webtan_popular_alltime .content {
background-color:#ddd;
border:0;
font-size:12px;
margin:0;
padding:6px;
}

#block-tagadelic-2 .content,#block-views-recent_news_block .content,#block-views-recent_info_block .content,#block-block-2 .content,#block-block-4 .content {
background-color:#ddd;
padding:6px;
}

#block-views-recent_news_block li,#block-views-recent_info_block li {
border-bottom:1px #999 dashed;
list-style:none;
margin:4px;
padding-top:4px;
}

#block-views-recent_news_block .view-data-node_created,#block-views-recent_info_block .view-data-node_created {
font-size:9px;
padding:3px 0 6px;
}
*/
/* コメントコントロール */
#comment_controls .title {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  background-color: #eee;
  padding: 4px;
  font-size: 92%;
  margin: 6px 0;
}
#comment_controls .description {
  padding: 6px 0;
}
#comment_controls .form-item {
  padding: 6px 0;
}
.collapsiblock a {
  color: #ffffff;
  margin-right: 8px;
}
#side_r .view-ad_articles {
  padding-left: 8px;
}
/* スマートフォン関連の切り替えボタン */
#BypassSmartphoneStyle {
  margin: 1em;
  padding: 0.5em;
}
/* パネルのリージョンは難しい */
.panels-flexible-region {
  width: 100%;
}
/* スマホ・タブレットでのフル表示でメニューのhover代わり */
#navigation ul.dropdown li:active {
  position: relative;
  z-index: 599;
  cursor: default;
}
#navigation ul.dropdown li:active > ul {
  visibility: visible;
}
/* タブ */
#main .content .ui-tabs {
  padding: 0;
  border: none;
}
#main .content .ui-tabs .ui-tabs-nav {
  white-space: normal;
}
#main .content .ui-tabs .ui-tabs-nav li {
  line-height: 1.6;
  height: 24px;
  white-space: nowrap;
  list-style: none;
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
  clear: none !important;
}
#main .content .ui-tabs .ui-tabs-nav li.ui-state-default {
  background-color: #e6e6e6;
  border-bottom: solid 1px #aaa;
  position: relative;
  top: 1px;
}
#main .content .ui-tabs .ui-tabs-nav li.ui-state-active {
  background-color: #ffffff;
  border-bottom: solid 1px #fff;
  border-top: solid 3px #F07191;
  position: relative;
  top: 1px;
  padding-top: 1px;
}
#main .content .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  text-decoration: none !important;
  line-height: 1;
  padding: 0.25em 1em;
}
#main .content .ui-tabs .ui-tabs-nav .ui-tabs-anchor img {
  vertical-align: middle !important;
  display: inline !important;
}
#main .content .ui-tabs .ui-widget-content,
#main .content .ui-tabs .ui-widget-header {
  background-color: transparent;
  background-image: none;
  border: none;
}
#main .content .ui-tabs .ui-widget-header {
  border-bottom: solid 1px #aaa !important;
  border-radius: 0 !important;
}
#main .content .ui-tabs .ui-tabs-panel {
  list-style: none !important;
  overflow: visible !important;
  margin: 1em 0 3em 0 !important;
  padding: 0;
}
/*
.ui-tabs .ui-tabs-panel .field-name-field-image img{
  padding: 1px;
  border: solid 1px #aaa;
  margin: .4em 0 1em 1em;;
  float: right;
}
.ui-tabs .ui-tabs-panel .corner-name{
  font-size:1.2em;
  line-height:1.4;
  font-weight:bold;
  margin-bottom:.5em
}
.ui-tabs .ui-tabs-panel .corner-nodes-list{
  margin-top: 1em
}
*/
.ui-tabs .corner-list-footer {
  text-align: right;
}
.action-links {
  border-bottom: solid 1px #ddd;
  padding: 0 1em;
  margin: 0 4px;
  font-size: 0.8em;
}
.action-links li {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("https://webtan.impress.co.jp/themes/seven/images/buttons.png") repeat-x scroll 0px 0px transparent;
  border-color: #e4e4e4 #d2d2d2 #b4b4b4;
  border-image: none;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  color: #5a5a5a;
  cursor: pointer;
  font-size: 1.077em;
  font-weight: normal;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right: 1em;
  padding: 0.25em 15px;
  text-align: center;
  display: inline-block;
}
/*
div.warning{
	background-repeat: no-repeat;
	background-position: top right;
}
*/
#admin-menu .dropdown li {
  line-height: 1;
}
#admin-menu > div > .dropdown > li > a {
  padding-top: 0 !important;
  padding-bottom: 2px !important;
}
#admin-menu {
  box-shadow: none !important;
}
#view-list_nodes .panel-separator,
#view-list-nodes .panel-separator {
  display: none;
}
/* 連載/特集コーナーから探す （view: recent_article_per_corner） */
.view-recent-article-per-corner .view-content ul {
  margin: 0 0 0.5em 0;
  padding: 0;
}
.view-recent-article-per-corner.view-display-id-page_1 .view-content ul {
  margin: 2em 0;
}
.view-recent-article-per-corner .view-content li {
  margin: 0 0 2px 0 !important;
  padding: 0.75em 0 0.5em 0 !important;
  border-top: dashed 1px #999999;
  display: block;
  font-size: 1em;
  line-height: 1.4em;
}
.view-recent-article-per-corner .view-content li:nth-child(4n) {
  margin-bottom: 1em !important;
}
.view-recent-article-per-corner .view-content li:nth-child(4n+1) {
  border-top: none;
}
.view-recent-article-per-corner.view-display-id-page_1 .view-content li {
  padding: 2em 0 !important;
}
.view-recent-article-per-corner.view-display-id-page_1 .view-content li:nth-child(4n) {
  margin-bottom: 2em !important;
}
.view-recent-article-per-corner.view-display-id-page_1 .view-content li:nth-child(4n+1) {
  border-top: none;
}
.view-recent-article-per-corner .view-content li.views-row-first {
  border-top: none;
  margin-top: 0px;
  padding-top: 4px;
}
.view-recent-article-per-corner .view-content li.views-row-last {
  margin: 0 0 2px 0 !important;
}
.view-recent-article-per-corner .view-content li img {
  display: inline-block;
  overflow: hidden;
  float: left;
  margin: 0;
}
.view-recent-article-per-corner li .corner-name,
.view-recent-article-per-corner li .article-title,
.view-recent-article-per-corner li .article-created {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 45px;
}
.view-recent-article-per-corner.view-display-id-page_1 li img {
  width: 40%;
  height: auto;
}
.view-recent-article-per-corner.view-display-id-page_1 li .corner-name,
.view-recent-article-per-corner.view-display-id-page_1 li .views-label-title,
.view-recent-article-per-corner.view-display-id-page_1 li .article-title,
.view-recent-article-per-corner.view-display-id-page_1 li .article-created {
  margin-left: 45%;
  white-space: normal;
}
/*
.view-recent-article-per-corner li .corner-name a,
.view-recent-article-per-corner li .article-title a{
	text-decoration: underline;
}
*/
.view-recent-article-per-corner li .corner-name {
  margin-bottom: 0.2em;
  color: #000000;
}
/* 新しいView設定でCSS浸透したらここ削除していい */
.view-recent-article-per-corner li .corner-name a {
  color: #000000;
}
/* /新しいView設定でCSS浸透したらここ削除していい */
.view-recent-article-per-corner.view-display-id-page_1 li .corner-name {
  font-size: 1.2em;
  /*	font-weight: bold;	*/
  margin-bottom: 1em;
}
/*
.view-recent-article-per-corner li .article-title a{
	text-decoration: underline;
}
*/
.view-recent-article-per-corner.view-display-id-page_1 li .article-title {
  font-size: 1.1em;
}
.view-recent-article-per-corner.view-display-id-page_1 li .article-created {
  margin-top: 0.5em;
  text-align: right;
}
.view-recent-article-per-corner .more-link {
  margin-bottom: 1em;
}
.ui-widget {
  font-family: inherit;
}
/* タブの表示を整える（標準のだと下が空いて変になるとか数が多いと見えなくなるとか） */
ul.primary {
  white-space: normal !important;
}
ul.primary li {
  display: inline-block;
  background-color: #ddd;
  border-color: #bbb;
  border-style: solid;
  border-width: 1px;
  height: auto;
  margin-right: 0.25em;
  margin-top: 0.25em;
  padding: 0;
  position: relative;
  bottom: -1px;
}
ul.primary li a {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0.25em 1em;
  text-decoration: none;
}
ul.primary li.active {
  background-color: #fff;
  border-color: #bbb #bbb #fff;
  border-image: none;
  border-style: solid;
  border-width: 1px;
}
ul.primary li.active a {
  border: none;
  background-color: transparent;
}
.hide_when_wide_inline {
  display: none;
}
.hide_when_wide_block {
  display: none;
}
/* PC向けは100%にしとく（スマホ向けは98%にしてる←スマホでも100%にした）*/
.img-responsive,
.img-responsive-pc {
  max-width: 100%;
  height: auto;
}
.ifr-responsive {
  display: block;
  max-width: 100%;
}
img,
img.img-responsive {
  display: inline-block;
}
.mail_social_lead {
  display: inline-block;
  margin-right: 1.5em;
  text-align: center;
}
.social_btn {
  display: inline-block;
}
.social_btn ul {
  margin: 10px 0 0;
  padding: 0;
}
#main .social_btn ul li {
  display: inline;
  background-image: none !important;
  padding: 0;
}
.social_btn ul li a {
  display: block;
  float: left;
  background: url(../images/social_icon3.png) no-repeat 7px 8px;
  width: 35px;
  height: 35px;
  line-height: 45px;
  color: #fff;
  text-indent: -9999em;
  margin-right: 10px;
  margin-bottom: 5px;
  border-radius: 100%;
}
.social_btn ul li a:hover {
  text-decoration: none;
  filter: brightness(1.2);
}
.social_btn ul li.mail a {
  background-color: #e95098;
  background-position: 0 -140px;
}
.social_btn ul li.Facebook a {
  background-color: #0865fe;
  background-position: 0 1px;
}
.social_btn ul li.Twitter a,
.social_btn ul li.X a {
  background-color: #000000;
  background-position: 0 -35px;
}
.social_btn ul li.BlueSky a {
  background-color: #0a7aff;
  background-position: 0 -70px;
}
.social_btn ul li.RSS a {
  background-color: #f09300;
  background-position: 0 -105px;
}
.box.social_btn ul {
  margin: 0 !important;
}
/* Twitter/Facebook案内ブロック */
#main .node #block-block-87 {
  margin-top: 4em;
}
#main .node #block-block-87 .content > div {
  background-color: rgba(236, 96, 137, 0.5);
  padding: 1em 0;
  margin-left: 2em !important;
  margin-right: 2em !important;
}
/* メルマガ登録フォームブロック */
#main .node #block-block-75 .content > form {
  margin-left: 2em;
  margin-right: 2em;
}
.krumo-call code {
  white-space: normal !important;
}
div.devel-querylog div.cell {
  font-size: inherit;
}
.dev-explain th,
.dev-explain td {
  padding: 0 0.25em;
}
#memcache-devel td,
#memcache-devel th {
  padding: 1px 0.2em;
}
tr.even {
  background-color: #fafcfc;
}
.page-node-edit .navcatWrapper,
.page-node-draft .navcatWrapper {
  display: none !important;
}
.navcatWrapper,
.navcatWrapper * {
  box-sizing: border-box;
}
.navcatWrapper {
  position: relative;
}
.navcatWrapper .navcat {
  font-size: 0.7rem;
  line-height: 1;
  padding: 0;
}
.navcatWrapper > .navcat {
  display: flex;
  padding-right: 30px;
}
.navcatWrapper > .navcat > .navcat_item {
  flex-grow: 1;
  max-width: none;
}
.navcat {
  background-color: #F07191;
  /* see smartphone-style.less */
  width: 970px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
  height: calc(2.4em + 1px);
  padding-bottom: 1px !important;
  position: relative;
  /* liの位置判定に必要 */
}
.navcat_item {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  padding: 0.2em 0;
  border-right: solid 1px #ddd;
  margin: 0;
  max-width: 7em;
  height: 2.4em;
  overflow: hidden;
  white-space: normal;
}
.navcat_item:last-child {
  border-right-width: 1px;
}
.navcat_item a {
  display: block;
  position: relative;
  top: 50%;
  padding: 20% 0.3em;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: inherit;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  line-height: inherit;
  margin: 1px;
}
.navcat_item a:hover {
  background-color: #fff;
  color: #666;
  text-decoration: none !important;
}
/*
.navcat_tid_2755 a,
.navcat_tid_2757 a,
.navcat_tid_2958 a,
.navcat_tid_2759 a,
.navcat_tid_2760 a,
.navcat_tid_2761 a{
	font-size: .6rem;
}
*/
.navCatToggler {
  width: 1em;
  height: 1em;
  background: transparent;
  position: absolute;
  /*	right : .25em;	*/
  right: calc(((100% - 990px + 20px) / 2) + 0.5em);
  /* see smartphone-style.less */
  bottom: 0.5em;
  cursor: pointer;
  font-size: 1em;
}
.navCatToggler:before {
  content: "▼";
  display: block;
  color: #ffffff;
  font-size: inherit;
  text-shadow: 1px 1px 1px #333333;
}
.navcatHidden {
  border-right: solid 1px #ddd;
  position: absolute;
  /*	right : 0;*/
  right: calc((100% - 990px + 20px) / 2);
  top: 2.5em;
  margin: 0;
  padding: 0;
  background-color: #F07191;
  border-bottom: solid 1px #ddd;
  font-size: 0.7rem;
}
.navcatHidden .navcat_item {
  max-width: 12em;
  max-width: 33vw;
  display: list-item;
  border: solid 1px #ddd;
  border-bottom: none;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
/* sites/all/modules/jquery_update/replace/ui/themes/base/minified/jquery.ui.theme.min.css を上書き */
/*
	background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
*/
.ui-widget-header {
  background-color: #ccc;
  background-image: none;
}
/*
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #e6e6e6;
  background-image: none;
}
/*
	background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #fff;
  background-image: none;
}
/*
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
*/
.ui-widget-content {
  background-color: #fff;
  background-image: none;
}
/* date fieldのせいではみ出すので */
.node-form .container-inline-date .date-padding,
.node-form .container-inline-date .form-item .form-item {
  float: none;
  clear: both;
}
.node-form .container-inline-date .form-item,
.node-form .container-inline-date .container-inline-date .form-item input {
  max-width: 100%;
}
/* なんで.block .contentのpaddingにimportant付けてるんだろう */
.block-gnavi-bm,
.block-gnavi-bm .content {
  margin: 0 !important;
  padding: 0 !important;
}