@charset "UTF-8";

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

/* box-sizing */
#container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* for sp link */
#sp_btn {
	display: none;
	text-align: center;
	padding-top: 40px;
}
body {
	-webkit-text-size-adjust: 80%; /* iphone 自動調整対策 */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

body {
	width: 100% !important;
}

#container a {
	text-decoration: none;
	color:#000;
}

#container a:hover {
	text-decoration: none;
	color:#000;
	opacity: 0.8;
	filter: alpha(opacity=0.8);
	-ms-filter: "alpha( opacity=0.8 )";
}

#container a:visited {
	text-decoration: none;
	color:#000;
}

.osw {
	font-family: 'Oswald', sans-serif;
}



@media print, screen and (min-width: 768px) {



/*

===== BP Area ===========================
*/
div#bp_hnavi{
	width: 100%;
	height:93px;
	text-align: center;
	margin: 0 auto;
	}
div#bp_hnavi .box{
	width: 100%;
	min-width:1000px;
	margin: 0 auto;
	}
div#bp_fnavi{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 50px 0;
	line-height: 150%;
	background: #ffffff;
	border-top: 1px solid #CCCCCC;
}
div#bp_fnavi .box{
	width: 1000px;
	margin: 0 auto;
	line-height: 1.1em !important;
	font-size: 12px !important;
	}



/* add */
#plus {
	width:100%;
	min-width: 1000px;
	margin:0 auto;
	height:93px;
	background:url(bg_nbo_header.png) no-repeat;
	background-position: top center;
	z-index:1;
}




/* ==================================
common
/* ================================== */
.float_box {
	overflow: hidden;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.text_r {
	text-align: right;
}
.text_c {
	text-align: center;
}
.inline {
	display: inline;
}
.nowrap {
	white-space: nowrap;
}

/* hover img alpha */
a.btn_bnr{
	transition: 0.6s ;
}

a.btn_bnr:hover {
	opacity: 0.7 ;
}

/* hover img alpha2 */
a img.alpha {
	transition: all 0.2s ease 0s;
}
a:hover img.alpha {
	opacity: 0.8;
	filter: alpha(opacity=0.8);
	-ms-filter: "alpha( opacity=0.8 )";
}

#global {
	margin: 0 auto;
}
#container {
	font-size: 92%;
	position: relative;
	margin-bottom: 30px;
}

#container img {
	border: none;
	vertical-align: bottom;
}
#container h1, #container h2, #container h3, #container h4, #container p {
	margin: 0;
	padding: 0;
}

#container .mb1em {
	margin-bottom: 1em;
}

sup{
  vertical-align: baseline;
  position: relative;
  top: -0.5ex;
}


.clearfix:after {
    content:"";
    display:block;
    clear:both;
}




/* ==================================
p1
/* ================================== */

/*  header */
.sp_nbo_header {
	display: none;
}

header {
	width: 100%; /* android view point */
	margin: 0 auto;	
}

.top_img img {
	float: left;
	width: 50%;
}

.top_right {
	float: right;	
	width: 50%;
}

.top_right .read {
	margin: 2% 9%;
	font-size: 115%;
	font-weight: bold;
	color: #666;
	line-height: 180%;
	text-align: left;
}

.top_right .vol_no {
	padding: 2% 15%;
	font-size: 220%;
	font-family: 'Oswald', sans-serif;
	color: #000;
	text-align: right;
}

.top_right .vol_no span {
	font-size: 280%;
}

.top_right .post {
	padding: 2% 15%;
	font-size: 120%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #000;
	text-align: right;
	line-height: 150%;
}

.top_right .name {
	padding: 0 15% 2%;
	font-size: 300%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #000;
	text-align: right;
	line-height: 150%;
}

/* SNS */
.sns {
	position: absolute;
	right: 6%;
	top: 2%;
	z-index: 1;
}

.sns2 {
	position: absolute;
	right: 11%;
	top: 0;
	z-index: 1;
}

.sns ul li , .sns2 ul li {
	width: 32px;
	margin: 0;
	padding: 0;
}

.sns img, .sns2 img {
	width: 32px;
}

/* かぎかっこ */
.parenthesis02 {
    margin-left: -2%;
    margin-right: 15%;
    margin-bottom: 30px;
    position: relative;
    padding: 4%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}
.parenthesis02::before,
.parenthesis02::after {
    position: absolute;
    content: '';
    width: 35px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.parenthesis02::before {
    top: 0;
    left: 0;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
}
.parenthesis02::after {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
}

.parenthesis02 p {
	font-size: 275%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #000;
	text-align: center;
	letter-spacing: -0.05em;
}


.top img {
	width: 100%;
}



/* -----------------------------------------------
   sec1
----------------------------------------------- */
#Main {
	width: 100%; /* android view point */
	margin: 0 auto 30px;
	position: relative;
	cursor: pointer;
}

.box1 {
	margin: 0 auto;
	padding: 2% 15% 0;
	text-align: center;
	background:#EEE;

}

.box1:after {
	content: "";
	display: block;
	clear:both;
}

.box1_1 {
	float:left;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 31%;
	text-align: center;
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}


.box1_1 img {
	width: 100%;
}

.box1_1 .caption {
	font-size:		110%;
	line-height: 145%;
	text-align: 		center;
	letter-spacing: -0.02em;
	padding-left: 1%;
	padding-right: 1%;
	color:			#fff;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;

	position: relative;
	top: 50%;
	 -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	 transform: translateY(-50%);
}

.box1_1 .caption span {
	font-size:		130%;
	line-height: 180%;
}


.box1_1 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.box1_1:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

.tp25 {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}

.support {
	margin-right: 8%;
	text-align: right;
	font-size: 92%;
}

.footer_caption {
	margin: 3% 25%;
	font-size: 85%;
	line-height: 160%;
	color: #333;
}



/* 記事ページヘッダ */
.head_img2 {
	display: none;
}


.head_img {
	width: 100%; /* android view point */
	height: 100%;
	margin: 0 auto;
	position:relative;
}

/* 記事メインイメージ */
.head_img_vol1 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol1/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol2 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol2/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol3 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol3/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol4 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol4/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol5 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol5/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol6 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol6/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol7 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol7/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol8 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol8/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol9 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol9/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol10 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol10/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol11 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol11/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol12 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol12/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol13 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol13/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol14 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol14/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol15 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol15/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol16 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol16/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol17 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol17/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol18 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol18/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol19 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol19/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol20 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol20/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol21 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol21/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol22 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol22/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol23 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol23/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol24 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol24/img_main.jpg) center center / cover no-repeat;
}

.head_img_vol25 {
	width: 100%; /* android view point */
	height: 0;
	padding-top: calc(600/1200 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	background: url(thinkpad25th_vol25/img_main.jpg) center center / cover no-repeat;
}


.main_ttl {
	position: absolute;
	top: 5%;
	left: 11%;
}

.main_ttl2 {
	position: absolute;
	top: 5%;
	right: 11%;
}

.atcl_vol_no {
	position: absolute;
	bottom: 15%;
	left: 11%;
	font-size: 220%;
	font-family: 'Oswald', sans-serif;
	color: #FFF;
	text-align: left;
}

.atcl_vol_no2 {
	position: absolute;
	bottom: 35%;
	left: 11%;
	font-size: 220%;
	font-family: 'Oswald', sans-serif;
	color: #FFF;
	text-align: left;
}

.atcl_vol_no3 {
	position: absolute;
	bottom: 25%;
	left: 11%;
	font-size: 220%;
	font-family: 'Oswald', sans-serif;
	color: #FFF;
	text-align: left;
}



.atcl_vol_no span, .atcl_vol_no2 span, .atcl_vol_no3 span {
	font-size: 280%;
}

.atcl_post {
	position: absolute;
	bottom: 15%;
	right: 11%;
	font-size: 120%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #FFF;
	text-align: right;
	line-height: 150%;
}

.txt_shadow {
	text-shadow: 1px 1px 5px #000; 
}

.atcl_name {
	position: absolute;
	bottom: 5%;
	right: 11%;
	font-size: 295%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #FFF;
	text-align: right;
	line-height: 150%;
}

.atcl_ttl {
	position: absolute;
	bottom: 5%;
	left: 11%;
	font-size: 295%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #FFF;
	text-align: left;
	line-height: 150%;
}

.atcl_ttl2 {
	position: absolute;
	bottom: 25%;
	left: 11%;
	font-size: 295%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #FFF;
	text-align: left;
	line-height: 150%;
}

.blk {
	color:#000;
	text-shadow: 1px 1px 5px #FFF; 
}

.post2 {
	position:absolute;
	top:10%;
}

.name2 {
	position:absolute;
	top:17%;
}


/* sec1 -------------- */
#sec1 {
	width: 100%;
	margin: 30px auto;
}

#sec1 h3 {
	padding: 15px 0 10px;
	color:#000;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	font-size: 250%;
	line-height: 130%;
	font-weight: bold;
	text-align: center;
}

#sec1 .maru {
	margin: 20px auto;
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	-moz-border-radius: 10px;    
	-webkit-border-radius: 10px; 
	border-radius: 10px;        
	border: none;  
	background-color: #FF000F;   
}

#sec1 .inner {
	padding: 1% 25%;
}

#sec1 .inner p {
	padding: 0 0 20px;
	font-size: 110%;
	line-height: 190%;
	color: #333;
	text-align: justify; 
	text-justify: inter-ideograph;
}



#sec1 .inner2 {
	padding: 3% 25% 0;
	text-align: center;
	font-size: 110%;
	line-height: 190%;
	color: #333;
}



.img_box {
	width: 480px;
	margin: 30px auto;
	text-align: center;
}

.img_box img, .img_box2 img {
	width: 480px;
}


.caption {
	margin: 0;
	padding: 10px 0 ;
	font-size: 85%;
	color: #333;
	line-height: 150%;
	text-align: justify; 
	text-justify: inter-ideograph;
}

.name {
	padding-top: 5px;
	color:#999;
	font-family: 'Oswald', sans-serif;
	font-size: 240%;
	line-height: 130%;
	text-align: left;
}

.name span {
	color: #F00;
}

.img_box2 {
	margin: 1% 25%;
	padding:2%;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.caption2 {
	margin: 0 auto;
	width: 480px;
	padding-top: 15px;
	font-size: 110%;
	line-height: 190%;
	color: #333;	
	text-align: justify; 
	text-justify: inter-ideograph;
}


.img_box3 {
	width: 100%;
	margin: 0 auto;
	padding:2% 0;
	text-align: center;
}

.img_box3 img {
	width: 100%;
}

.img_box3s {
	display: none;
}



/* page common ===================== */

/* -----------------------------------------------
   pageTop
----------------------------------------------- */

#pageTop {
	position: fixed;
	bottom: 0;
	right: 10px;
	height: 75px;
	z-index: 1;
}

#pageTop a {
	text-decoration: none;
	padding: 0;
	text-align: center;
	display: block;
	opacity:0.8; filter: alpha(opacity=80);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background: #FFF;

}

#pageTop a:hover {
	opacity:0.6; filter: alpha(opacity=60);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background: #F0F0F0;
}

/* bottom_link */
.bottom_link {
	clear: both;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 30px;
	text-align: center;
}
.bottom_link2 {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: right;
	font-size: 85%;
	line-height: 140%;
	color: #333;	
	position: relative;
}


.bottom_link2 .intel_txt {
	position: absolute;
	top: 75px;
	right: 0;
	width: 104px;
	min-height: 20px;
}

.bottom_link2 .intel_txt p {
	text-align: left;
}



.bottom_text {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 30px 155px 10px;
	text-align: left;
	font-size: 85%;
	line-height: 140%;
	color: #333;	
}

.bottom_link ul {
	overflow: hidden;
	list-style: none;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 0;
}
.bottom_link ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

.pager {
    overflow: hidden;
	margin: 0 auto;
	padding: 30px 0
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.pager ul li {
    margin: 0 5px;
    position: relative;
    left: -50%;
    float: left;
}

.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em;
    border-radius: 2px;
    font-weight: bold;
}
 
.pager ul li a {
    color: #000;
    text-decoration: none;
}
 
.pager ul li a:hover {
    background: #003382;
    color: #FFF;
}

.current {
    background: #003382;
    color: #FFF;	
    border-radius: 2px;
}

.pager .no_link {
    color: #666;
	font-weight: normal;	
}
 

div.localFooter{ clear:both; overflow:hidden; padding:15px 10px 0 10px; font-size:12px; max-width:1000px; margin:0 auto; line-height:150%; }

}




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

a       {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:hover      {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#bpGlobalHeader {
	display: none !important;	
}

.nbo_header {
	display: none !important;
}

.sp_nbo_header {
	width: 100%; /* android view point */
}

.sp_nbo_header img {
	width: 100% !important; /* android view point */
}

.top_img {
	width: 100%;
	height: 420px;
	overflow: hidden;
	position: relative;
}

.top_img img {
	width: 100% !important;
	height: auto;
}

.top_right {
	width: 100%;
}

.top_right img {
	width: 100%;
}

.top_right .read {
	margin: 0;
	padding: 2% 8%;
	font-size: 100%;
	font-weight: bold;
	color: #666;
	line-height: 180%;
	text-align: left;
}

.top_right .vol_no {
	margin: 0;
	padding: 2%;
	font-size: 120%;
	font-family: 'Oswald', sans-serif;
	color: #000;
	text-align: center;
}

.top_right .vol_no span {
	font-size: 150%;
}

.top_right .post {
	padding: 2%;
	font-size: 120%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #000;
	text-align: center;
	line-height: 120%;
}

.top_right .name {
	padding: 2%;
	font-size: 160%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #000;
	text-align: center;
	line-height: 150%;
}

.parenthesis02 p {
	padding: 2%;
	font-size: 160%;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	color: #000;
	text-align: center;
	letter-spacing: -0.05em;
}

.tp25 {
	width: 100%;
	margin: 30px auto;
	text-align: center;
}

.support {
	width: 98%;
	margin: 2% 1% 5%;
	font-size: 92%;
	text-align: center;
}

.support img {
	width: 35%;
}

.footer_caption {
	margin: 3%;
	font-size: 85%;
	line-height: 160%;
	color: #333;
}

#pageTop {
	position: fixed;
	bottom: 0;
	right: 10px;
	height: 75px;
	z-index: 1;
}

#Main {
	cursor: pointer;
}

/* 各記事リンク（ｓｐ） */
.box1 {
	margin: 15px auto;
	padding: 2%;
	text-align: center;
	background:#CCC;

}


.box1_1 img {
	width: 100%;
}

.box1:after {
	content: "";
	display: block;
	clear:both;
}

.box1_1 {
	margin: 0 auto 2%;
	width: 75%;
	text-align: center;
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}

.box1_1 .caption {
	font-size:		85%;
	line-height: 140%;
	text-align: 		center;
	padding-left: 1%;
	padding-right: 1%;
	color:			#fff;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;

	position: relative;
	top: 50%;
	 -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	 transform: translateY(-50%);
}

.box1_1 .caption span {
	font-size:		140%;
	line-height: 180%;
}

.box1_1 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		1;	/* マスクを表示 */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.box1_1:hover .mask {
	opacity:		1;	/* マスクを表示する */
}



/* vol1 */

.head_img {
	display: none !important;
}

.head_img2 {
	width: 100%; /* android view point */
}

.head_img2 img {
	width: 100%;
}

#sec1 {
	width: 100%; /* android view point */
}

#sec1 h3 {
	padding: 15px 2% 10px;
	color:#000;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , “Times New Roman” , serif;
	font-size: 150%;
	line-height: 130%;
	font-weight: bold;
	text-align: center;
}

#sec1 .maru {
	margin: 10px auto;
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
   -moz-border-radius: 10px;    /* 古いFirefox用 */
   -webkit-border-radius: 10px; /* 古いSafari,Chrome用 */
   border-radius: 10px;         /* CSS3の書き方 */
   border: none;     /* 枠線の装飾 */
   background-color: #FF000F;   /* 背景色 */
}


#sec1 .inner {
	margin: 0 auto;
	width: 96%;
	padding: 2%;
	text-align: center;
}

#sec1 .inner p {
	padding: 0 0 20px;
	font-size: 100%;
	line-height: 190%;
	color: #333;
	text-align: left;
}

.img_box {
	width: 96%;
	margin: 1%;
	text-align: center;
}

.img_box img {
	width: 100%;
}

.caption {
	margin: 0;
	padding: 10px 0 15px;
	font-size: 85%;
	color: #333;
	line-height: 150%;
	text-align: left;
}

.name {
	padding-top: 5px;
	color:#999;
	font-family: 'Oswald', sans-serif;
	font-size: 200%;
	line-height: 130%;
	text-align: left;
}

.name span {
	color: #F00;
}

.img_box2 {
	margin: 2%;
	padding:5% 2% 2%;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.img_box2 img {
	width: 96%;
}

.caption2 {
	margin: 0 auto;
	padding-top: 15px;
	font-size: 110%;
	line-height: 190%;
	color: #333;	
	text-align: left;
}

.img_box3 {
	display: none;
}

.img_box3s {
	width: 100%;
	margin: 0 auto;
	padding:2% 0;
	text-align: center;
	overflow: hidden;
}

.img_box3s img {
	width: 100%;
}

div.localFooter{ clear:both; overflow:hidden; padding:15px 10px 0 10px; font-size:80%; margin:0 auto; line-height:170%; }

#sec1 .inner2 {
	margin: 0 auto;
	width: 96%;
	padding: 5% 2%;
	text-align: center;
	font-size: 110%;
	line-height: 190%;
	color: #333;
}


/* SNS */
.sns {
	position: absolute;
	right: 2%;
	top: 7%;
	z-index: 1;
}

.sns2 {
	padding: 2%;
	z-index: 1;
}

.sns ul li , .sns2 ul li {
	width: 32px;
	margin: 0;
	padding: 0;
}

.sns img, .sns2 img {
	width: 32px;
}



}




@media screen and (max-device-width: 640px) {


}


@media print {
	header {
		font-size: 75%;
}

	#sec1 h3 {
		font-size: 150%;
}

.atcl_ttl, .atcl_ttl2, .atcl_name {
	font-size: 200%;
	line-height: 120%;
}


}