@charset "utf-8";
/*/////////////////////////////////////////////////////////////
[base.css]
	0. BASIC
	1. LAYOUT
	2. BASIC PARTS
		2-1. #Header
		2-2. #Glm
		2-3. #Pans
		2-4. #Sidem
		2-5. #Footerm,Footer
		2-6. .Pagetop
		2-7. #Popup_

		2-8. default-title

//////////////////////////////////////////////////////////////*/
/* ---------------
0. BASIC
-------------------------------------------------------*/
html, body{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html {
	font-size: 112.5%;/*font-size: 18px;*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	background-color: #FFF;
	font-size: 100%;
	line-height: 1.7;
	color: #212121;
	padding-top: 140px;
}
input, select {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	padding: 0px 2px;
}
textarea {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
	padding: 2px;
}
a {
	outline: none;
	color: #0066cc;
	text-decoration: none;
	/*text-transform: uppercase;*/
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
a:visited {
	color: #0066cc;
}
a:hover {
	/*text-decoration: underline;*/
	border-bottom: 1px solid #0066cc;
}
a:focus {
	/*outline: none;*/
	border-bottom: 1px solid #0066cc;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
}
/* ---------------
1. LAYOUT
-------------------------------------------------------*/
/*
 *=important blocks============================================
 * #systemmessage
 * #page with .hfeed .site
 * #masthead with .site-header and role:banner
 * #main with .wrapper
 * #primary with .site-content
 * #content with role:main
 * #secondary with .widget-area and role:complementary
 * #colophon with role:contentinfo
 * .entry-content //Extension Class
 * .entry-content-nonblog //Extension Class
 * .ie[versionNum] .ie //Extension Class

 *=identifier words============================================
 * body.error404
 * body.home
 * body.page
 * body.archive //他Classとセットで出力される
 * body.single
 * body.date
 * body.search
 * body.各カテゴリディレクトリ名[post-type-name] //Extension Class
 * body.template-[post-type-name] //Extension Class for grouping

 *=reserved words============================================
 * [page]
 * body.page-id-[pageID]
 * body.page-template-default
 * body.page-parent
 * body.page-child
 * body.parent-pageid-[pageID]
 * body.page-template body.page-template-page-templates[ファイル名]
 *
 * [archive]
 * body.post-type-archive
 * body.post-type-archive-[post-type-name]
 *
 * [single]
 * body.postid-[pageID]
 * body.single-[post-type-name]
 *
 * [tax]
 * body.tax-term-[post-type-name]
 * body.term-[termID]
 * body.term-[termSlug]
 *
 * [search]
 * body.search-no-results
 * body.search-results
 *
 * [type]
 * body.blog
 * body.post
 *
 * [The rest]
 * body.full-width
 * body.template-front-page
 * body.has-post-thumbnail
 * body.two-sidebars
 * body.custom-background-empty
 * body.custom-background-white
 * body.custom-font-enabled
 * body.single-author
 * body.logged-in
 */
/* ---------------
2. BASIC PARTS
-------------------------------------------------------*/
.hidden {
	display: none;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
article.error404 {
	padding: 60px;
	max-width: 770px;
	margin: 0 auto;
}
/***************************************************************************
2-1. #Header
****************************************************************************/
#header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #FFF;
	height: 35px;
	padding: 55px 0;
	box-shadow: 0px 5px 15px 0px rgba(0, 49, 148, 0.17);
	/*text-transform: uppercase;*/
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#header .logo {
	width: 400px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 8px 0 0 -200px;
	text-align: center;
	font-size: 83.3%;/*15px*/
}
#header .logo img {
	max-width: 154px;
	height: auto;
	margin-top:20px;
}
#header .logo a {
	color: #0066cc;
	border: none;
}
.search-form {
	width: 300px;
	position: relative;
}
.search-form input.search-input {
	border: 1px solid #ccc;
	border-radius: 0;
	margin: 0 1px 0 0;
	font-size: 77.7%;
	line-height: 1.3em;
	padding: 5px;
	height: 25px;
	width: 288px;
	background-color: #FFF;
	color: #000;
	float: left;
}
input.search-input::-webkit-input-placeholder {
font-size: 100%;
}
input.search-input:-moz-placeholder {
font-size: 100%;
}
.search-form input.icon_search {
	display: block;
	width: 26px;
	height: 35px;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 5px;
	background: none;
	background-image: url(../img/search.png);
	;
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: center center;
	text-indent: -5000px;
	cursor: pointer;
}
.search-form label.search_label {
	display: none;
}
.search-form input::-webkit-input-placeholder {
	/*font-size: 12px;*/
font-size: 75%;
font-size: 0.85714286rem;
 line-height:1em;
 padding:3px;
}
.search-form input:-moz-placeholder {
	/*font-size: 12px;*/
font-size: 75%;
font-size: 0.85714286rem;
 line-height:1em;
 padding:3px;
}
.search-form {
	float: right;
}
.link-sns {
	float: right;
	margin: 0 10px;
}
.link-sns:after {
  content: "";
  display: block;
  clear: both;
}
.link-sns li {
  float: left;
}
.link-sns li a {
	display: block;
	width: 30px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -5000px;
}
.link-sns li.link-fb a {
	background-image: url(../img/sns_fb.png);
}
.link-sns li.link-feedly {
  margin: 0 10px;
}
.link-sns li.link-feedly img {
  display: block;
  margin-top: 3px;
}
.ibm_logo {
	float: right;
	width: 60px;
	height: 35px;
	padding-right: 3px;
}
.ibm_logo a{
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 3px;
	background-image: url(../img/ibm_logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	text-indent: -5000px;
}

#header.header-small {
	padding: 10px 0 0;
	height: 46px;
}
#header.header-small .catch {
	display: none;
}
#header.header-small .nav_btn a {
	height: 56px;
	margin: -10px 0 0 0;
}
#header.header-small h1,
#header.header-small p {
	width: 120px;
	margin: 3px 0 0 -60px;
}
#header.header-small h1 img,
#header.header-small p img {
	max-width: 120px;
	margin-top:0;
}
/***************************************************************************
2-2. #content article
****************************************************************************/
.entry-date {
	color: #999;
	font-size: 66.6%;
	text-align: right;
	font-family: Century Gothic, sans-serif;
}
.tag-li {
	line-height: 1;
}
.tag-li li {
	display: inline-block;
	margin-left: 1px;
}
.tag-li a {
	display: block;
	background-color: #666ddd;
	background-image: -moz-linear-gradient( 0deg, rgba(0,122,195,1) 0%, rgba(104,108,221,1) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgba(0,122,195,1) 0%, rgba(104,108,221,1) 100%);
	background-image: -ms-linear-gradient( 0deg, rgba(0,122,195,1) 0%, rgba(104,108,221,1) 100%);
	color: #FFF !important;
	font-size: 72.2%;
	line-height: 1.2;
	padding: 2px 10px;
}
.tag-li a:hover, .tag-li a:focus {
	border: none;
	background-color: #FFF;
	background-image: -moz-linear-gradient( 0deg, rgba(0,122,195,0.7) 0%, rgba(104,108,221,0.7) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgba(0,122,195,0.7) 0%, rgba(104,108,221,0.7) 100%);
	background-image: -ms-linear-gradient( 0deg, rgba(0,122,195,0.7) 0%, rgba(104,108,221,0.7) 100%);
}
/***************************************************************************
2-3. #nav
****************************************************************************/
#skip-nav {
	display: none;
}
.nav_btn a {
	display: block;
	width: 63px;
	height: 63px;
	margin: -15px 0 0 0;
	background-image: url(../img/menu_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -5000px;
	float: left;
	cursor: pointer;
	border: none;
}
.nav_btn.close a {
	background-image: url(../img/menu_on.png);
}
#nav .nav_btn {
	position: fixed;
	top: 32px;
	left: 0;
}
#header.header-small #nav .nav_btn {
	top: 0;
}
#header.header-small #nav .nav_btn a{
	height: 56px;
}
#header #nav .nav_btn a {
	height: 63px;
	margin: 0;
}
#nav {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding: 35px 0 35px 10%;
	background-color: #047ac3;
	box-sizing: border-box;
	z-index: 200;
	box-shadow: 0px 5px 15px 0px rgba(0, 49, 148, 0.3);
}
#nav .search-form {
	float: none;
	width: 50%;
	box-sizing: border-box;
}
#nav .search-form input.search-input {
	font-size: 122.2%;
	line-height: 1.5em;
	padding: 5px;
	height: 45px;
	width: 100%;
}
input.search-input::-webkit-input-placeholder {
font-size: 100%;
}
input.search-input:-moz-placeholder {
font-size: 100%;
}
#nav .search-form input.icon_search {
	width: 56px;
	height: 56px;
	background-size: 26px 26px;
}
#nav .search-form input::-webkit-input-placeholder {
font-size: 122.2%;
font-size: 1.22rem;
 line-height:1em;
 padding:6px;
}
.search-form input:-moz-placeholder {
	/*font-size: 12px;*/
font-size: 75%;
font-size: 0.85714286rem;
 line-height:1em;
 padding:3px;
}
#nav .menu-box {
	clear: both;
	max-width: 1200px;
	padding: 1em 0 0;
}
#nav .menu-box:after {
	content: "";
	clear: both;
	display: block;
}
#nav .menu {
	float: left;
	width: 33.3%;
  /*
	padding: 0 2% 0 0;
  */
}
#nav .menu h2 {
  font-family: 'EB Garamond', 'NotoSansJapanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif;
  font-size: 155%;
  color: #FFF;
  line-height: 1.4;
  margin: 3% 0;
}
#nav .menu.menu-mugendai, #nav .menu.menu-ibm{
	width: 33.3%;
	}
#nav li {
	margin: 3% 0 8% ;
}
#nav .menu-mugendai li, #nav .menu-ibm li {
  font-size: 89%;
  margin: 3% 0;
}
#nav li a {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 155%;
	line-height: 1.4;
	white-space:nowrap;
}
#nav li a:hover, #nav li a:focus {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
#nav li a[target="_blank"]:after {
	content: "";
	display: inline-block;
	width: 32px;
	height: 23px;
	background-image: url(../img/blank_sp.png);
	background-repeat: no-repeat;
  background-size: 23px auto;
	margin-left: 10px;
}
#header #nav p.copyright{
    font-family: 'EB Garamond', 'NotoSansJapanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif;
    font-size: 105%;
    color: #FFF;
    text-align: right;
    padding-right: 2%;
    width: auto;
}
/***************************************************************************
2-4. .previous
****************************************************************************/
.previous .post a {
	/*display: block;*/
	color: #000;
}
.previous .post .thumb {
	overflow: hidden;
	cursor: pointer;
}
.previous .post .thumb img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}
.previous .post:hover .thumb img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.previous .summary {
	padding: 4% 8%;
	position: relative;
	background-color: #FFF;
	/*text-transform: uppercase;*/
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.previous .entry-date {
	padding: 0;
	margin: 1em 0;
}
.h_title {
	font-size: 122.2%;
	margin: 0.5em 0;
	font-weight: bold;
}
.post:hover .h_title a, .post .h_title a:focus {
	color: #007ac3;
	/*text-decoration:underline;*/
	border-bottom: 1px solid #007ac3;
}
.like-counter {
	position: absolute;
	top: -35px;
	right: 4%;
	min-width: 58px;
	height: 75px;
	padding-top: 5px;
	color: #0066cc;
	text-align: center;
	background-image: url(../img/like_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 65px;
	background-position: center top;
}
.like-counter .count {
	display: block;
	font-family: "Times New Roman", sans-serif;
	font-size: 144.4%;
	line-height: 1;
	padding: 0 10px;
}
.like-counter .like {
	display: block;
	font-size: 61.1%;
	line-height: 1;
}
.previous {
	max-width: 1200px;
	margin: 0 auto;
	padding: 5% 0 0;
	overflow: hidden;
}
.previous:after {
	content: "";
	clear: both;
	display: block;
}
.previous .post-box {
	width: 50%;
	float: left;
}
.previous .post-box.wide {
	width: 60%;
	float: left;
}
.previous .post {
	width: 50%;
	box-sizing: border-box;
	padding: 15px 15px 25px;
	border-left: 1px solid #ccc;
	background-image: url(../img/line_quadruple.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-left: -1px;
}
.previous .post .thumb {
	width: 40%;
	margin: 0 4%;
	float: right;
	box-sizing: border-box;
	position: relative;
	overflow: visible;
}
.previous .post .thumb p {
	overflow: hidden;
}
.previous .post .summary {
	width: 52%;
	padding: 0;
	float: left;
	box-sizing: border-box;
}
.previous .like-counter {
}
.previous .post.post-box.li3 {
	width: 40%;
}
.previous .post.li3 .thumb, .previous .post.li3 .summary {
	width: auto;
	float: none;
	margin:0 6% 0 0;
}
.previous .post.li3{
	position:relative;
}
.previous .post.li3 .summary{
	position:static;
}
.previous .post.li3 .tag-li{
	position:absolute;
	top:13px;
	left:15px;
	padding-right:120px;
	}
.previous .post.li4, .previous .post.li5 {
	width: 100%;
}
.previous .post.li4:after, .previous .post.li5:after {
	content: "";
	clear: both;
	display: block;
}
.previous .post.li4 .thumb, .previous .post.li5 .thumb {
	float: left;
}
.previous .post.li4 .summary, .previous .post.li5 .summary {
	float: right;
}
/***************************************************************************
2-5. バナー
****************************************************************************/
.widget {
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding-top: 5%;
	max-width: 1200px;
}
.widget + * {
	display: block;
	content: "";
	clear: both;
}
.widget img.alignleft {
	margin: 0 1em 1em 0;
}
.widget img.alignright {
	margin: 0 0 1em 1em;
}
.widget.hide {
	display: none;
}
.widget .secondary_title {
	display: none;
}
.widget .random_banner_css img {
	max-width: 100%;
	margin: 0;
	display: inline-block;
}
/***************************************************************************
2-6. .entry-content
****************************************************************************/
.entry-content a {
	/*text-decoration:underline;*/
	color: #0066cc;
	border-bottom: 1px solid #0066cc;
}
.entry-content a:hover, .entry-content a:focus {
	color: #000;
	text-decoration: none;
	border: none;
}
.entry-content a[target="_blank"]:after {
	content: url(../img/single/blank_ico.png);
	margin-left: 5px;
}
.entry-content a[href="http://www.ibm.com/jp/ja/"]:after {
	display: none;
}
.entry-content a.button {
	display: block;
	text-align: center;
	margin: 0 auto;
	border: 3px solid #0066cc;
	padding: 0.5em 1em;
	max-width: 360px;
	line-height:1.4;
}
.entry-content a.button:hover{
	background-color:#0066cc;
	color:#FFF;
	}
hr {
	border: 0;
	height: 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


/*twentytwelve css*/
/* Images */
.alignleft {
	float: left;
}
.alignleft + * {
  clear: both;
}
.alignright {
	float: right;
}
.alignright + * {
  clear: both;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption.alignleft {
	padding-right: 1em;
	margin-left: -60px;
	margin-right: 60px;
}
.wp-caption.alignright {
	padding-left: 1em;
	margin-right: -60px;
	margin-left: 60px;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	padding: 1em;
	color: #676cdd;
	background-color: #f4f4f4;
	/*font-size: 12px;*/
	font-size: 75%;
	font-size: 0.857142857rem;
}
img.wp-smiley, .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item{
	margin-top:0 !important;
	}
.gallery-item a img{
	border:1px solid #FFF !important;
}
.gallery-item a {
	display: block;
	border:none;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}
#playPause{
	display:none;
	}
#imageContainer{
	text-align:center !important;
	}
#imageData #bottomNav #bottomNavClose{
	position:absolute;
	bottom:100%;
	right:10%;
	width:60px !important;
	height:60px !important;
	border:none !important;
	}
#jqlb_closelabel{
	background-image:url(../img/lightbox/close.png) !important;
	background-repeat:no-repeat;
	width:60px !important;
	height:60px !important;
	}
#prevLink{
	margin-left:-80px;
	background:none !important;
	background-image:url(../img/lightbox/prev.png) !important;
	background-repeat:no-repeat !important;
	background-position:center left !important;
	}
#nextLink{
	margin-right:-80px;
	background:none !important;
	background-image:url(../img/lightbox/next.png) !important;
	background-repeat:no-repeat !important;
	background-position:center right !important;
	}
#outerImageContainer{
	background:none !important;
	}
#imageDataContainer{
	font-size:88.8% !important;
	background:none !important;
	color:#FFF !important;
	}
#imageData #imageDetails{
	float:none;
	width:auto !important;
	}
#imageData #imageDetails #titleAndCaption #titleText{
	font-weight:normal !important;
	}
#hoverNav a{
	border:none;
	/*text-transform: uppercase;*/
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#downloadLink a{
	color:#FFF;
	text-decoration:none;
	border-bottom:1px solid #FFF;
	}
#downloadLink a:hover{
	border:none;
	}
.entry-content, .entry-summary, .mu_register {
	line-height: 2.2;
}
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
	line-height: 1.714285714;
	font-weight: bold;
}
.entry-content h1, .comment-content h1 {
	font-size: 155.5%;
	line-height: 1.5;
}
.entry-content h2, .comment-content h2, .mu_register h2 {
	font-size: 155.5%;
	line-height: 1.6;
	margin: 2.5em 0 1.5em;
}
.entry-content h3, .comment-content h3 {
	font-size: 111.1%;
	line-height: 1.846153846;
	margin: 2.5em 0 1.5em;
}
.entry-content h4, .comment-content h4 {
	font-size: 100%;
	line-height: 1.846153846;
	margin: 2.5em 0 1.5em;
}
.entry-content h5, .comment-content h5 {
	font-size: 88.8%;
	line-height: 1.846153846;
	margin: 2.5em 0 1.5em;
}
.entry-content h6, .comment-content h6 {
	font-size: 77.7%;
	line-height: 1.846153846;
	margin: 2.5em 0 1.5em;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
	margin: 0 0 1.5em;
}
.entry-content ol, .comment-content ol {
	margin: 0 0 1.5em 2em;
	list-style: decimal outside;
}
.entry-content ul, .comment-content ul, .mu_register ul {
	margin: 0 0 1.5em 2em;
	list-style: disc outside;
}
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul {
	margin-bottom: 0;
}
.comment-content ul, .mu_register ul {
	list-style: disc outside;
}
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li, .comment-content li, .mu_register li {
	margin: 0 0 0 1em;
	font-size: 88.8%;
}
.entry-content blockquote, .comment-content blockquote {
	margin: 0 0 1.5em 2em;
	padding: 2em;
	font-style: italic;
	font-size: 83.3%;
	border-left: 5px solid #f4f4f4;
}
.entry-content blockquote *, .comment-content blockquote * {
	font-style: italic;
}
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code, .comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 88.8%;
	line-height: 2;
}
.entry-content pre, .comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 88.8%;
	margin: 1em 0;
	overflow: auto;
	padding: 24px;
}
.entry-content pre code, .comment-content pre code {
	display: block;
}
.entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address, .comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 0 1em 1em -60px;
}
img.alignright {
	margin: 0 -60px 1em 1em;
}
img.aligncenter {
	clear: both;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {
	margin-bottom: 1em;
}
.entry-content dl, .comment-content dl {
	margin: 0 1em;
}
.entry-content dt, .comment-content dt {
	font-weight: bold;
}
.entry-content dd, .comment-content dd {
	margin-bottom: 1em;
}
.entry-content table, .comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 1em;
	line-height: 2;
	margin: 0 0 1em;
	width: 100%;
}
.entry-content table caption, .comment-content table caption {
	margin: 1em 0;
}
.entry-content td, .comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
/*twentytwelve cssここまで*/

/***************************************************************************
2-7. .ranking
****************************************************************************/
.ranking {
	background-color: #fffcc1;
	background-image: -moz-linear-gradient( 0deg, rgb(209,255,214) 0%, rgb(255,252,192) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(209,255,214) 0%, rgb(255,252,192) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(209,255,214) 0%, rgb(255,252,192) 100%);
	box-shadow: inset 0px 5px 15px 0px rgba(0, 49, 148, 0.07);
	overflow: hidden;
	padding: 0 0 50px;
	margin-top: 5%;
}
.ranking h2 {
	font-size: 783%;
	color: #85eaaf;
	text-align: center;
	line-height: 0.7;
}
.ranking ol {
	max-width: 1200px;
	margin: 8% auto;
	counter-reset: number;
}
.ranking ol li {
	float: left;
	width: 20%;
	box-sizing: border-box;
	position: relative;
}
.ranking ol li:before {
	counter-increment: number;
	content: counter(number);
	font-family: Century Gothic, sans-serif;
	font-size: 783%;
	color: #97ec9b;
	position: absolute;
	top: -0.7em;
	left: -0.15em;
	z-index: 1;
	line-height: 1;
}
.ranking .ranking-post {
	margin: 0 10%;
	background-color: #FFF;
	position: relative;
	z-index: 10;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.17);
	/*text-transform: uppercase;*/
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.ranking .ranking-post .thumb img {
	float: none;
	margin: 0;
}
.ranking .ranking-post .summary {
	padding: 10px;
}
.ranking .ranking-post .h_title {
	font-size: 77.7%;
}
.ranking .ranking-post:hover {
	box-shadow: none;
}
.ranking .ranking-post a {
	color: #000;
}
.ranking .ranking-post:hover a, .ranking .ranking-post a:focus {
	color: #007ac3;
	text-decoration: underline;
}
.ranking .ranking-post:hover .h_title {
	color: #007ac3;/*border-bottom: 1px solid #007ac3;*/
}
/***************************************************************************
2-7. .infinity scroll
****************************************************************************/
#main {
	padding-bottom: 5%;
}
#infscr-loading {
	text-align: center;
	margin: 30px;
}
#infscr-loading img {
	max-width: 64px;
}
#nav-below {
	clear: both;
	text-align: center;
}

/*youtube レスポンシブ*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;/*  overflow: hidden; */
	text-align:center;
	margin:30px auto;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fb_iframe_widget_fluid {
	width: auto !important;
}
.author{
	display:none;
}

/*admin bar*/
#wpadminbar {
	top: auto !important;
	bottom: 0 !important;
	z-index: 1000;
}
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {
	bottom: 100%;
}

@media screen and (max-width:1200px) {
.search-form.haeder-right {
	display: none;
}
#nav li a {
	font-size: 155%;
}
#nav .menu h2{
  font-size: 155%;
}
}

@media screen and (max-width:980px) {
#header.header-small h1,
#header.header-small p {
	width: 60px;
	margin: 7px 0 0 0;
	left: 78px;
}
#header.header-small h1 img,
#header.header-small p img {
	max-width: 60px;
}
#nav li a {
	font-size: 115%;
}
#nav li a[target="_blank"]:after {
	width: 22px;
	height: 18px;
	margin-left: 5px;
	background-size: 22px auto;
}
#nav .menu h2{
  font-size: 115%;
}
}

@media screen and (max-width:720px) {
body {
	padding-top: 56px;
}
#header {
	padding: 10px 0 0;
	height: 46px;
}
#header .catch, #header .link-sns, #header .search-form {
	display: none;
}
#header .nav_btn a {
	height: 56px;
	margin: -10px 0 0 0;
}
#header .logo {
	width: 120px;
	margin: 5px 0 0 -60px;
}
#header .logo img {
	max-width: 120px;
	margin-top:0;
}
.headline .post {
	width: auto;
	float: none;
	border: none;
}
#nav .nav_btn {
	top: 10px;
}
#header #nav .nav_btn a {
	height: 56px;
}
#nav {
	padding: 10px;
}
#nav .search-form {
	width: 250px;
	box-sizing: border-box;
	display: block;
	margin: 0 0 0 60px;
  top: 10px;
}
#nav .search-form input.search-input {
	font-size: 80%;
	height: 25px;
}
#nav .search-form input.icon_search {
	width: 26px;
	height: 35px;
	background-size: 17px 17px;
	right: 0;
}
#nav input.search-input::-webkit-input-placeholder {
 font-size: 77.7%;
}
#nav .search-form input::-webkit-input-placeholder {
 font-size: 77.7%;
 line-height:1em;
 padding:6px
}
#nav .menu h2 {
  font-size: 90%;
}
#nav .menu-box {
	padding: 1em 0 1em 60px;
}
#nav li a {
	font-size: 90%;
}
#nav li a[target="_blank"]:after {
	width: 16px;
	height: 12px;
	margin-left: 5px;
	background-size: 16px auto;
}
.alignleft, .alignright {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	padding: 4px;
}
img.alignleft, img.alignright {
	margin: 0 auto;
}
.wp-caption.alignleft {
	padding-right: 0;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption.alignright {
	padding-left: 0;
	margin-left: auto;
	margin-right: auto;
}
.post:hover .thumb img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.headline .post:hover .summary {
	margin: 0 0 0 0;
}
.previous {
	padding: 0;
}
.previous .post, .previous .post.li3, .previous .post.li4, .previous .post.li5, .previous .post-box, .previous .post-box.wide {
	width: auto !important;
	float: none !important;
}
.previous .post .thumb, .previous .post.li3 .thumb, .previous .post.li4 .thumb, .previous .post.li5 .thumb {
	width: 30%;
	float: left;
}
.previous .post .summary, .previous .post.li3 .summary, .previous .post.li4 .summary, .previous .post.li5 .summary {
	width: auto;
	float: none;
	margin: 0;
	background: none;
}
.previous .post {
	padding: 13px 10px 25px;
}
.previous .post:after {
	content: "";
	clear: both;
	display: block;
}
.h_title {
	font-size: 77.7%;
}
.post .tag-li {
	display: none;
}
.previous .post .thumb {
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
}
.previous .like-counter {
	position: static;
	width: auto;
	height: auto;
	background: none;
	padding: 0;
	line-height: 1.5;
}
.previous .like-counter .count {
	display: inline;
	font-size: 83.3%;
}
.previous .like-counter .like {
	display: inline;
	margin-left: 5px;
}
.previous .entry-date {
	margin: 0;
	padding: 0;
}
.pickup-words h2 {
	font-size: 194.4%;
}
.bnr {
	padding: 10px;
}
.ranking {
	display: none;
}
article.error404 {
	padding: 20px;
}
article.error404 .entry-content h1 {
	font-size: 91.6%;
}
article.error404 .entry-content p {
	font-size: 77.7%;
}
.entry-content li, .comment-content li, .mu_register li {
	margin: 0 0 0 1em;
	font-size: 88.8%;
}
.entry-content ul, .comment-content ul, .mu_register ul {
	margin: 0 0 1.5em 1em;
	list-style: disc outside;
}
.widget {
	padding: 15px 10px 30px;
	background-image: url(../img/line_quadruple.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#prevLink{
	margin-left:-20px;
	background-size:30px 30px !important;
	}
#nextLink{
	margin-right:-20px;
	background-size:30px 30px !important;
	}

}

@media screen and (max-width:480px) {
body {
	padding-top: 45px;
}
#header, #header.header-small {
	padding: 5px 0 0;
	height: 39px;
}
#header .catch, #header .link-sns, #header .search-form {
	display: none;
}
#header .nav_btn a, #header.header-small .nav_btn a {
	width: 45px;
	height: 45px;
	margin: -5px 0 0 0;
	background-size: contain;
}
#header .logo {
	width: 90px;
	margin: 5px 0 0 -45px;
}
#header.header-small h1,
#header.header-small p {
	width: 45px;
	margin: 7px 0 0 0;
	left: 60px;
}
#header .logo img {
	max-width: 90px;
}
#header.header-small h1 img,
#header.header-small p img {
	max-width: 45px;
}
.ibm_logo {
	float: right;
	width: 48px;
	height: 35px;
}
.ibm_logo a{
	padding-bottom: 0;
}
.ibm_logo a:hover{
	border: none;
}
#header #nav .nav_btn a {
	width: 45px;
	height: 45px;
}
#nav .search-form {
	width: 233px;
	display: block;
  margin: 0 0 0 40px;
}
#nav .search-form input.search-input{
  margin-top: -5px;
}
#nav .search-form input.icon_search{
  height: 28px;
}
#nav .menu-box {
	padding: 1em;
}
#nav .menu,
#nav .menu.menu-mugendai, #nav .menu.menu-ibm{
	width: auto;
	float: none;
}
#nav .menu ul:first-child {
  margin-top: 6%;
}
#nav .menu ul:first-child li {
  margin: 3% 0 6%;
}
#nav .menu h2 {
  font-size: 120%;
}
#nav li a {
	font-size: 120%;
}
#nav .menu.menu-mugendai {
  margin-bottom: 8%;
}
.entry-content a.button {
	max-width: 280px;
}
.entry-content h2, .comment-content h2, .mu_register h2 {
	font-size: 120%;
}

/*Lightbox*/
#downloadLink a {
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	text-decoration: underline;
}
#downloadLink a:hover, #downloadLink a:focus {
	text-decoration: none;
}

}

@media screen and ( max-width: 782px ) {
#wpadminbar {
	top: 0 !important;
	bottom: auto !important;
}
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {
	bottom: auto;
}
#header #nav p.copyright{
    font-size: 90%;
    text-align: center;
    padding: 0;
    margin: 0;
}
}