@charset "UTF-8";


/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/

#container{ background: url(/bourne/images/common/bg-main.jpg) center repeat-y #000000; }


/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{ color: #d3d3d3; }

/*●リンク文字*/
a{
	text-decoration: underline;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

a:link,
a:visited{ color: #d3d3d3; }
a:hover,
a:active{ color: #448aca; }

/*●画像サイズの調整*/
img {
	height: auto;
	max-width: 100%;
}

/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

#container{
	position: relative;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

header{
	background: url(/bourne/images/common/bg-hdr-conts.jpg) center top no-repeat #000;
	font-size:12px;
	font-size: 1.2rem;
}

#header-in{ position: relative; }

/*●ヘッダーロゴ（メインタイトル）*/
header .header-logo{
	margin-bottom: 0;
	font-size:21px;
	font-size: 2.167rem;
}

header .logo-cpi{
	position: absolute;
	top: 0;
	right: 0;
}

@media
only screen and (min-width : 641px){
.home header{
		background: url(/bourne/images/common/bg-hdr-top.jpg) center top no-repeat #000;
}

.home #header-in{
		padding-top: 375px;
}
	
.home header #header-title{
		text-align: center;
}
}


/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #d3d3d3; }
.header-logo a:hover,
.header-logo a:active{ color: #448aca; }


/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text{
	float: right;
	width: 40%; /*・1行の幅はwidthの値を変更*/
	color: #d3d3d3;
}

.header-catch{ display: none; }


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

main{
	background-image: url(/bourne/images/common/bg-main-top.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#main-in{
	padding-top: 4.5em;
	background-color: #0C0B10;
	background-image: url(/bourne/images/common/bg-main-top.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#main-in a:link,
#main-in a:visited{ color: #d3d3d3; }
#main-in a:hover,
#main-in a:active{ color: #448aca; }


/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	margin-bottom: 1.5em;
	font-size:12px;
	font-size: 1.2em;
}

#breadcrumbs li{
	display: inline;
	line-height: 1.8;
	margin-right: 0.5em;
	text-align: right;
	list-style: none;
}

#breadcrumbs li a{
	padding-right: 15px;
	background: url(/bourne/images/icon/icon-brc.gif) center right no-repeat;
}

/* Facebook いいねボタン対処　*/
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}


/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

.main-conts{
	font-size:10px;
	font-size: 1rem;
}

@media
only screen and (max-width : 1000px){
	.main-conts{
		border-right: 0;
	}
}

.main-conts .contents{
	margin-bottom: 3.5em;
	padding: 0;
}


/*●H1タグ*/
.single .main-conts h1{
	line-height: 1.2;
	margin: 0 0 1.5em;
	padding: 50px 0 20px 84px;
	border-bottom: 1px solid #cd0b0b;
	background: url(/bourne/images/title/bg-conts-h2.png) left top no-repeat;
	font-size:23px;
	font-size: 2.3rem;
}

.single .main-conts h1.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.single .main-conts h1{
		background: url(/bourne/images/title/bg-conts-h2@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}
}

.archive-title{
	margin-bottom: 0.5em;
	padding: 20px 0 5px 0px;
	color: #d3d3d3;
	border-bottom: 1px solid #999;
	font-size:18px;
	font-size: 1.875rem;
	line-height: 1.2;
}

.img-archive-title{
	margin: 2em 0 0.5em;
	padding: 0 0 .25em;
	color: #d3d3d3;
	border-bottom: 1px solid #999;
	font-size:18px;
	font-size: 1.875rem;
	line-height: 1.0;
}

/*●H2タグ*/
.main-conts h2{
	line-height: 1.2;
	margin: 0 0 1.5em;
	padding: 50px 0 20px 84px;
	border-bottom: 1px solid #cd0b0b;
	background: url(/bourne/images/title/bg-conts-h2.png) left top no-repeat;
	font-size:23px;
	font-size: 2.3em;
}

.main-conts h2 a:link,
.main-conts h2 a:visited{
	color: #d3d3d3;
	text-decoration: none;
}

.main-conts h2 a:hover,
.main-conts h2 a:active{
	color: #448aca;
	text-decoration: underline;
}

.main-conts h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

/*記事タイトル背景*/
.single .main-conts h1.post-title-1,
.main-conts h2.post-title-1{
	background: url(/bourne/images/title/bg-conts-h2-p01.png) left top no-repeat;
}

.single .main-conts h1.post-title-92,
.main-conts h2.post-title-92{
	background: url(/bourne/images/title/bg-conts-h2-p02.png) left top no-repeat;
}

.single .main-conts h1.post-title-117,
.main-conts h2.post-title-117{
	background: url(/bourne/images/title/bg-conts-h2-p03.png) left top no-repeat;
}

.single .main-conts h1.post-title-294,
.main-conts h2.post-title-294{
background: url(/bourne/images/title/bg-conts-h2-p04.png) left top no-repeat;
}

.single .main-conts h1.post-title-301,
.main-conts h2.post-title-301{
background: url(/bourne/images/title/bg-conts-h2-p05.png) left top no-repeat;
}

.single .main-conts h1.post-title-312,
.main-conts h2.post-title-312{
background: url(/bourne/images/title/bg-conts-h2-p06.png) left top no-repeat;
}

.single .main-conts h1.post-title-347,
.main-conts h2.post-title-347{
background: url(/bourne/images/title/bg-conts-h2-p07.png) left top no-repeat;
}

.single .main-conts h1.post-title-374,
.main-conts h2.post-title-374{
background: url(/bourne/images/title/bg-conts-h2-p08.png) left top no-repeat;
}

.single .main-conts h1.post-title-387,
.main-conts h2.post-title-387{
background: url(/bourne/images/title/bg-conts-h2-p09.png) left top no-repeat;
}

.single .main-conts h1.post-title-400,
.main-conts h2.post-title-400{
background: url(/bourne/images/title/bg-conts-h2-p10.png) left top no-repeat;
}

.single .main-conts h1.post-title-450,
.main-conts h2.post-title-450{
background: url(/bourne/images/title/bg-conts-h2-p11.png) left top no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.main-conts h2{
		background: url(/bourne/images/title/bg-conts-h2@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}

	.single .main-conts h1.post-title-1,
	.main-conts h2.post-title-1{
		background: url(/bourne/images/title/bg-conts-h2-p01@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}

	.single .main-conts h1.post-title-92,
	.main-conts h2.post-title-92{
		background: url(/bourne/images/title/bg-conts-h2-p02@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}
		.single .main-conts h1.post-title-117,
	.main-conts h2.post-title-117{
		background: url(/bourne/images/title/bg-conts-h2-p03@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}

	.single .main-conts h1.post-title-294,
	.main-conts h2.post-title-294{
		background: url(/bourne/images/title/bg-conts-h2-p04@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}
	
	.single .main-conts h1.post-title-301,
	.main-conts h2.post-title-301{
		background: url(/bourne/images/title/bg-conts-h2-p05@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}

	.single .main-conts h1.post-title-312,
	.main-conts h2.post-title-312{
		background: url(/bourne/images/title/bg-conts-h2-p06@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}
	
	.single .main-conts h1.post-title-347,
	.main-conts h2.post-title-347{
		background: url(/bourne/images/title/bg-conts-h2-p07@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}
	
	.single .main-conts h1.post-title-374,
	.main-conts h2.post-title-374{
		background: url(/bourne/images/title/bg-conts-h2-p08@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}
	.single .main-conts h1.post-title-387,
	.main-conts h2.post-title-387{
		background: url(/bourne/images/title/bg-conts-h2-p09@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}

	.single .main-conts h1.post-title-400,
	.main-conts h2.post-title-400{
		background: url(/bourne/images/title/bg-conts-h2-p10@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}
	
	.single .main-conts h1.post-title-450,
	.main-conts h2.post-title-450{
		background: url(/bourne/images/title/bg-conts-h2-p11@2x.png) left top no-repeat;
		background-size: 148px 164px;
	}
	
}

.main-conts  h1.post-title,
.main-conts  h2.post-title{
	margin-bottom: 0.5em;
}


/*●H3タグ*/
.main-conts h3{
	margin: 0 0 1.5em;
	padding: 0.5em 1em;
	background-color: #000;
	border: 1px solid #4b432d;
	border-left: 5px double #4b432d;
	font-weight: bold;
	font-size:11px;
	font-size: 1.143rem;
}

.main-conts .contents h3{
	margin: 0 -10px 1.5em;
}

.main-conts h3 a:link,
.main-conts h3 a:visited{ color: #d3d3d3; }

.main-conts h3 a:hover,
.main-conts h3 a:active{ color: #448aca; }

.main-conts h3.img-title,
.main-conts .contents h3.img-title,
.main-conts .trailer-box-wrap h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

/*●H4タグ*/
.main-conts h4{
	margin: 0 0 1.5em;
	padding: 0.5em 1em;
	background-color: #323232;
	border: 1px solid #666;
	font-weight: bold;
}

.main-conts h4 a:link,
.main-conts h4 a:visited{ color: #d3d3d3; }

.main-conts h4 a:hover,
.main-conts h4 a:active{ color: #448aca; }

.main-conts h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H5タグ*/
.main-conts h5{
	margin: 0 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px solid #a0a0a0;
	font-weight: bold;
}

.main-conts h5.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

.main-conts h5 a:link,
.main-conts h5 a:visited{ color: #d3d3d3; }

.main-conts h5 a:hover,
.main-conts h5 a:active{ color: #448aca; }


/*●段落タグ*/
.main-conts p{
	margin-bottom: 1.5em;
	line-height: 1.8;
}

.main-conts article p{
	margin-bottom: 70px;
}

.main-conts .narration{
	margin-left: 30px;
}


/*●リストタグ*/
.main-conts ul,
.main-conts ol{
	margin: 0 0.8em 2.5em 1.7em;
	padding: 0;
}

.main-conts li{
	margin-bottom: .5em;
	line-height: 2;
}

.main-conts .post-400 ul,
.main-conts .post-450 ul{
	margin: 0 0 2.5em 0;
	padding: 0;
}

.main-conts .post-400 li,
.main-conts .post-450 li{
	margin-bottom: 30px;
	list-style: none;
}


/*●引用タグ*/
.main-conts q{
	margin: 0 2px;
	padding: 0 8px;
	background: #d7d7d7;
	color: #000;
}

.main-conts blockquote{
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 2em;
	border: 3px solid #999;
	background: #f0f0f0;
	color: #000;
}

@media
only screen and (max-width : 640px){
	.main-conts blockquote{
		padding: 0 2em 1.5em;
		margin: 1.5em 0;
	}
}



/*レター部分2*/
.main-conts .letter2{
	overflow: auto;
	margin: 0 0 5em 1.5em;
	padding: 2em;
	border: 3px solid #999;
	background: #f0f0f0;
	color: #000;
}

@media
only screen and (max-width : 640px){
	.main-conts .letter2{
		padding: 0 1em 1.5em;
		margin: 1.5em 0;
	}
}

.main-conts .letter2 p{
	margin-bottom: 1.5em!important;
	line-height: 1.8!important;
}



/*●テーブルタグ*/
.main-conts table{
	margin-bottom: 1.5em;
	padding: 0;
	border-top: 1px solid #0a0a0a;
	border-left: 1px solid #0a0a0a;
}

/*「table」の1行目に「colspan」を利用する場合は「auto」を指定する*/
/*.main-conts table{ table-layout: auto; }*/

.main-conts th,
.main-conts td{
	padding: 0.5em;
	border-right: 1px solid #0a0a0a;
	border-bottom: 1px solid #0a0a0a;
}

.main-conts th{
	background-color: #1e1e1e;
	font-weight: bold;
	text-align: left;
}

.main-conts td{ background-color: #383838; }


/*●テーブルタグ スタイル01*/
.main-conts table.table-style01 th,
.main-conts table.table-style01 td{
	text-align: left;
	vertical-align: top;
}

/*●テーブルタグ 解説部分*/
.main-conts .explanation-table th,
.main-conts .explanation-table td{
	vertical-align: top;
}

/*●最新情報（リストタグ）*/
.main-conts ul.news{
	margin: 0 0 3.5em;
	padding: 0;
	padding-bottom: 0;
}

.main-conts ul.news li{
	margin-bottom: 1em;
	padding: 0 1em 1em;
	border-bottom: 1px dotted #c1c1c1;
	line-height: 1.4em;
	list-style: none;
}


/*●定義タグ スタイル01*/
.main-conts dl.dl-style01{
	margin: 0 0 3.5em;
	padding: 0;
}

.main-conts dl.dl-style01 dt{
	float: left;
	width: 9em;
	margin: 0;
	padding: 0 0 0 1em;
}

.main-conts dl.dl-style01 dd{
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 10em;
	border-bottom: 1px dotted #c1c1c1;
}


/*●定義タグ スタイル02*/
.main-conts  dl.dl-style02{
	margin-bottom: 1.2em;
	padding: 0;
	border: 1px solid #777;
	border-top: 0;
	background-color: #1c1c1c;
}

.main-conts dl.dl-style02 dt{
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	font-weight: bold;
}

.main-conts dl.dl-style02 dd{
	margin: 0;
	padding: 0.8em 1.0em;
	background-color: #666;
}


/*●チェックリスト（リストタグ）*/
.main-conts ul.checklist{
	margin: 0 0 1.5em;
	padding: 1em;
	padding-bottom: 0;
	border: 1px solid #a0a0a0;
	background-color: #383838;
}

.main-conts ul.checklist li{
	margin-bottom: 1.5em;
	padding-top: 5px;
	padding-left: 24px;
	background: url(/bourne/images/icon/icon-check01-green.png) left top no-repeat;
	list-style-type: none;
}


/*●戻る＆進むリンク*/
.link-next,
.link-back{ clear: both; }

.link-next{ text-align: right; }

.link-back{ text-align: left; }

.link-next a{
	padding: 3px 0 3px 20px;
	background: url(/bourne/images/icon/icon-arrow.png) 0 7px no-repeat;
}

.link-back a{
	padding: 3px 0 3px 29px;
	background: url(/bourne/images/icon/icon-arrow_l.png) 0 7px no-repeat;
}


/*●ページネーション スタイル01*/
.main-conts .cont-menu01{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.main-conts .cont-menu01 ul{
	position: relative;
	left: 50%;
	float: left;
	margin-left: 10px;
}

.main-conts .cont-menu01 li{
	position: relative;
	left: -50%;
	float: left;
	margin-right: 10px;
	list-style: none;
}

.main-conts .cont-menu01 li:last-child{ margin-right: 0; }

.main-conts .cont-menu01 li.cur{
	padding: 3px 10px;
	border: 1px solid #ccc;
	background-color: #959595;
	font-weight: bold;
}

.main-conts .cont-menu01 li a{
	display: block;
	padding: 3px 10px;
	border: 1px solid #ccc;
}

.main-conts .cont-menu01 li a:link,
.main-conts .cont-menu01 li a:visited{ background-color: transparent; }

.main-conts .cont-menu01 li a:hover,
.main-conts .cont-menu01 li a:active{
	background-color: #959595;
	color: #d3d3d3;
}

.main-conts .text-field{ width: 90%; }


/*●ページネーション スタイル02*/
.main-conts .cont-menu02{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.main-conts .cont-menu02 ul{
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

.main-conts .cont-menu02 li{
	max-width: 50%;
	list-style: none;
}

* html .main-conts .cont-menu02 li{ white-space: nowrap; } /* IE6 */

.main-conts .cont-menu02 li.prev{ float: left; }

.main-conts .cont-menu02 li.next{ float: right; }

.main-conts .cont-menu02 li a{
	display: block;
	padding: 3px 10px;
	border: 1px solid #ccc;
}

.main-conts .cont-menu02 li a:link,
.main-conts .cont-menu02 li a:visited{ background-color: transparent; }

.main-conts .cont-menu02 li a:hover,
.main-conts .cont-menu02 li a:active{
	background-color: #959595;
	color: #d3d3d3;
}


/*●サイトマップ*/
.main-conts .sitemap li{ list-style: none; }

.main-conts .sitemap li a{
	display: block;
	padding: 3px 0 3px 20px;
	background: url(/bourne/images/icon/icon-arrow.png) 0 6px no-repeat;
}

.main-conts .sitemap ul{ margin-top: 1em; }

.main-conts .sitemap li li a{
	padding: 0 0 0 15px;
	border-left: none;
	background: url(/bourne/images/icon/icon-menu02.png) 0 6px no-repeat;
}

/*●メインコンテンツ内での検索*/
.main-conts dl.search-box{
	margin: 0 0 16px;
	width: 100%;
}

.main-conts dl.search-box dt{
	display: block;
	float: left;
	width: 63%;
	margin: 0;
	padding: 0;
	padding-right: 5px;
}

.main-conts dl.search-box dt input{
	width: 100%;
	height: 1.4em;
	padding: 4px;
	border: 1px solid #aaa;
	color: #aaa;
	line-height: 1.4em;
}

.main-conts dl.search-box dt input.onfocus{ color: #333; }

.main-conts dl.search-box dd{
	float: left;
	margin: 0;
	padding: 0;
}

.main-conts dl.search-box dd input{
	height: 2em;
	padding: 0;
	line-height: 1.4em;
}

/*コンテンツ*/

.outline{
	min-height: 300px;
	margin-bottom: 35px;
	padding-top: 40px;
}

.outline .bg-outline02{
	padding: 30px;
	background: url(/bourne/images/page02/bg_outline.png) #000 right bottom no-repeat;
}

.outline .bg-outline03{
	padding: 30px;
	background: url(/bourne/images/page03/bg_outline.png) #000 right bottom no-repeat;
}

.outline .bg-outline04{
	padding: 30px;
	background: url(/bourne/images/page04/bg_outline.png) #000 right bottom no-repeat;
}

.outline .bg-outline05{
	padding: 30px;
	background: url(/bourne/images/page05/bg_outline.png) #000 right bottom no-repeat;
}

.outline .bg-outline06{
	padding: 30px;
	background: url(/bourne/images/page06/bg_outline.png) #000 right bottom no-repeat;
}

.outline .bg-outline07{
	padding: 30px;
	background: url(/bourne/images/page07/bg_outline.png) #000 right bottom no-repeat;
}

.outline .bg-outline08{
	padding: 30px;
	background: url(/bourne/images/page08/bg_outline.png) #000 right bottom no-repeat;
}

.outline .bg-outline09{
	padding: 30px;
	background: url(/bourne/images/page09/bg_outline.png) #000 right bottom no-repeat;
}

.outline-1{
	min-height: 0;
}


/*次回予告*/
.main-conts .trailer-box-wrap{ max-width: 724px; }

.main-conts .trailer-box-wrap .trailer-box{
	padding: 10px 10px;
	background: #0a0a0a;
	color: #d3d3d3;
}

/*説明しよう！*/
.main-conts .column-box{
	position: relative;
	margin: 28px 0 50px;
	padding: 45px 15px 35px;
	background: url(/bourne/images/common/bg-column-box.jpg) right bottom no-repeat;
	border: 1px solid #fff;
}

.main-conts .column-box .column-box-title{
	position: absolute;
	top: -21px;
	left: 6px;
}

/*ヴェロニカと吉田語り部分*/
.main-conts .talk-box .title-talk-box,
.main-conts .talk-box .title-talk-box2,
.main-conts .talk-box .title-talk-box3,
.main-conts .talk-box .title-talk-box4,
.main-conts .talk-box .title-talk-box5{
	position: relative;
	margin: 0 0 30px 0;
}
.main-conts .talk-box,
.main-conts .talk-box2,
.main-conts .talk-box3,
.main-conts .talk-box4,
.main-conts .talk-box5{
	position: relative;
	padding: 3.5em;
	margin-bottom: 50px;
	border: 1px solid #111;
}
.main-conts .talk-box{ background: url(/bourne/images/common/bg_talk_box.jpg) right top no-repeat #000; }
.main-conts .talk-box2{	background: url(/bourne/images/common/bg_talk_box2.jpg) right top no-repeat #000; }
.main-conts .talk-box3{	background: url(/bourne/images/common/bg_talk_box3.jpg) right top no-repeat #000; }
.main-conts .talk-box4{	background: url(/bourne/images/common/bg_talk_box4.jpg) right top no-repeat #000; }
.main-conts .talk-box5{	background: url(/bourne/images/common/bg_talk_box5.jpg) right top no-repeat #000; }

@media
only screen and (max-width : 640px){
	.main-conts .talk-box,
	.main-conts .talk-box2,
	.main-conts .talk-box3,
	.main-conts .talk-box4,
	.main-conts .talk-box5{
		padding: 1em;
	}
}

.main-conts .talk-box ul,
.main-conts .talk-box2 ul,
.main-conts .talk-box3 ul,
.main-conts .talk-box4 ul,
.main-conts .talk-box5 ul{
	border:1px solid #ccc;
	list-style-position: inside;
	margin: 0 20px 40px 20px;
	padding:20px;
}

.main-conts .talk-box li,
.main-conts .talk-box2 li,
.main-conts .talk-box3 li,
.main-conts .talk-box4 li,
.main-conts .talk-box5 li{
	line-height: 2;
	margin-bottom: .5em;
	padding: 0;
}

.main-conts .talk-box .end-talk-box,
.main-conts .talk-box2 .end-talk-box,
.main-conts .talk-box3 .end-talk-box,
.main-conts .talk-box4 .end-talk-box,
.main-conts .talk-box5 .end-talk-box{
	position: relative;
	margin: 0;
}



/*PS Auto Sitemap基本デザイン*/
ul#sitemap_list,
ul#sitemap_list ul{ margin: 0; }

ul#sitemap_list{ margin-bottom: 2.5em; }

#sitemap_list li{
	list-style: none;
	padding: 3px 10px 3px 20px;
	background: url(/bourne/images/icon/icon-arrow.png) 2px 8px no-repeat;
}

#sitemap_list li ul{
	margin-top: 0.5em;
	margin-bottom: 0;
}

#sitemap_list li li{
	padding: 6px 10px 6px 15px;
	border-left: none;
	background: url(/bourne/images/icon/icon-menu02.png) 2px 12px no-repeat;
}


/*●ページネーション WP用*/
/*.main-conts .cont-menu-wp{
	position: relative;
	overflow: hidden;
	width: 100%;
	/zoom : 1;
}

.main-conts .cont-menu-wp:after{ content : ''; display : block; clear : both; height:0; }

.main-conts .cont-menu-wp ul{
	overflow: hidden;
	width: 100%;
	margin: 0;
	margin-bottom: 1.5em;
	padding: 0;
}

.main-conts .cont-menu-wp li{
	max-width: 50%;
	list-style: none;
}

* html .main-conts .cont-menu-wp li{ white-space: nowrap; } /* IE6 */

/*.main-conts .cont-menu-wp li.nav-prev{ float: right; }

.main-conts .cont-menu-wp li.nav-next{ float: left; }

.main-conts .cont-menu-wp li.nav-next a{
	padding: 3px 0 3px 15px;
	background: url(/bourne/images/icon/icon-arrow_l.png) left 7px no-repeat;
}

.main-conts .cont-menu-wp li.nav-prev a{
	padding: 3px 15px 3px 0;
	background: url(/bourne/images/icon/icon-arrow.png) right 7px no-repeat;
}
*/

/*コメントナビ*/
.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}

.navigation:after{ content : ''; display : block; clear : both; height:0; }
.navigation{
	margin-bottom: 30px;
	/zoom : 1;
}

.box-yellow,
.box-aqua,
.box-gray,
.box-red{ color: #333; }


/*タグ*/
.main-conts .post-tag{
	padding: 1em;
	background-color: #333;
}

.main-conts .post-tag p{
	margin-bottom: 0;
}

.post-meta{
	float: left;
}


/*コメントフォーム*/
.main-conts .trackback-url{ width: 70%; }

.main-conts p textarea{ width: 70%; }

.main-conts #submit{ padding: 0.3em 1em; }

.main-conts #author,
.main-conts #email,
.main-conts #url{
	width: 50%;
	padding: 0.3em;
}

.main-conts .comment-body em{
	font-weight: bold;
}

.main-conts .commentlist,
.main-conts .commentlist ul{
	margin-right: 0!important;
	margin-left: 0!important;
	padding: 0;
}

.main-conts .commentlist{ padding: 10px; }

.main-conts .commentlist li{
	margin-bottom: 2.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
	list-style: none;
}

.main-conts .commentlist li li{
	margin-top: 10px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
}

.main-conts .comment-author,
.main-conts .comment-meta{ margin-bottom: 1em; }

.main-conts .reply{ clear: both; }

.main-conts .reply a{
	padding-left: 17px;
	background: url(/bourne/images/icon/icon-arrow.png) 0 4px no-repeat;
}


/*画像の回り込み*/
img.alignleft{
	float: left;
	padding-right: 30px;
}

img.alignright{
	float: right;
	padding-left: 30px;
}

img.aligncenter{
	display: block;
	margin: auto;
}

.posts-link{
	margin-top: 30px;
}

.posts-link .nav-previous{
	float: left;
}

.posts-link .nav-next{
	float: right;
}

.retrospect{
	padding: 20px 62px;
	background: url(/bourne/images/page09/bg-retrospect.jpg) center repeat-y;
}

.retrospect2{
	padding: 20px 62px;
	background: url(/bourne/images/page09/bg-retrospect2.jpg) center repeat-y;
	color: #333;
}

@media
only screen and (max-width : 640px){
	.retrospect,
	.retrospect2{
		padding: 20px 30px;
	}
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
footer{
	clear: both;
	/* background: url(/bourne/images/common/bg-ftr.png) center top no-repeat; */
	color: #d3d3d3;
	font-size:12px;
	font-size: 1.2rem;
}

#footer-cont {
	background:none;
}
/*SNSエリア*/
#footer-cont .sns-box{
	margin: 0 0 40px;
	padding: 0;
	text-align: center;
}
#footer-cont .sns-box li{
	display: inline-block;
	list-style: none;
	width: 315px;
	margin-bottom: 30px;
	vertical-align: top;
}

#footer-cont .sns-box .sns-box-fb{
	display: block;
	width: auto;
	text-align: center;
}

.sns-box-tw{
	margin-right: 15px;	
}

.fb-like-box{
	padding-bottom: 10px;
}

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{
	background-color: #fff;
}

.sns-box-gp{
	padding: 17px 10px 17px 10px;
	background: #fff;
}

#footer-cont .fb-like-box,
#footer-cont .fb-like-box span,
#footer-cont .fb-like-box iframe[style]{
	margin: 0
}

#footer-cont .correlation-diagram{
	margin-bottom: 40px;
	text-align: center;
}

#footer-cont .written-by{
	padding: 10px 0 10px 0;
	margin-bottom: 20px;
	border-top: 1px solid #46475c;
	border-bottom: 1px solid #46475c;
	text-align: right;
}
#footer-cont-in {
	font-size:6.25px;
	font-size:0.625rem;
}
footer a:link,
footer a:visited{ color: #a38853; }
footer a:hover,
footer a:active{ color: #448aca; }

footer h3{
	margin-bottom: 1em;
	padding: 0.8em;
	border-bottom: 4px double #999;
	color: #d3d3d3;
	font-weight: bold;
}

#footer-in li{ list-style: none; }

footer .area01{
	float: left;
	width: 39%;
	padding-bottom: 20px;
}

footer .area02{
	float: right;
	width: 60%;
	padding-bottom: 20px;
}

/*●コピーライト*/
.copyright{
	padding: 15px 0;
	font-size:12px;
	font-size: 1.2rem;
	text-align: center;
}

/*2023/6/13 footer改修*/
#footer-in {
	padding: 50px 0 60px 0;
	font-size: 12px;
	font-size: 0.75rem;
}
#footer-in ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 0 10px 0;
}
#footer-in ul li {
	line-height: 1;
	padding-right: 10px;
	margin: 0 10px 15px 0;
	border-right: 1px solid #ffffff;
}
#footer-in ul li:last-of-type {
	border: none;
}
#footer-in ul li a {
	color: #d3d3d3;
	text-decoration: none;
}
#footer-in ul li a:hover {
	text-decoration: underline;
}
#footer-in p {
	padding-left: 40px;
	font-size: 6.25px;
 font-size: 0.625rem;
}

@media only screen and (max-width : 640px){
	#footer-in {
		padding: 50px 0 10px 0;
	}
	#footer-in ul {
		justify-content: flex-start;
		padding: 0 0 10px 10px;
	}
	#footer-in p {
		padding-left: 10px;
	}
}

/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	position: fixed;
	right: 0;
	bottom: 20px;
	z-index: 99;
	width: 180px;
	color: #d3d3d3;
}

* html .page-top{ display: none; }

.page-top{
	bottom: 10px;
}

@media only screen and (max-width : 640px){
	.page-top {
		right: -70px;
		width: auto;
	}
	.page-top img {
		width: 60%;
	}
}

/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/

.main-conts .sb,
#footer-cont .sb{
	width:100%;
	margin: 0;
	padding: 0;
}

.main-conts .sb li,
#footer-cont .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

* html .main-conts .sb li,
* html #footer-cont .sb li{
	float: left;
	width: 130px;
	list-style: none;
} /* IE6 */

*+html .main-conts .sb li,
*+html #footer-cont .sb li{
	display: inline;
	list-style: none;
} /* IE7 */

#main iframe.twitter-share-button,
*+html #footer-cont iframe.twitter-share-button,{ width: 100px!important; }

@media
only screen and (max-width : 640px){
.main-conts .sb li,
#footer-cont .sb li{
	margin-bottom:-0.3em; /*　150401実験　*/
	}
}

/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
.main-conts dl.dl-style01:after,
dl.search-box:after,
#footer-in:after,
.main-conts .sb:after,
.contact:after,
.main-conts .cont-menu01:after,
.main-conts .cont-menu02:after,
.posts-link:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#top-in,
#header-in,
#main-in,
#main-and-sub,
.contents,
.main-conts dl.dl-style01,
dl.search-box,
#footer-in,
.main-conts .sb,
.contact,
.main-conts .cont-menu01,
.main-conts .cont-menu02,
.posts-link,
.clearfix{ /zoom : 1; }

/*20150330追加*/
.illust {
	margin-bottom: 70px;
	line-height: 1.8;
}
.bg-accent01 {
	background: url(/bourne/images/page02/bg_analytics.jpg) #0c0b10 right top no-repeat;
}
.bg-accent02 {
	background: url(/bourne/images/page03/bg_salesletter.png) #0c0b10 right top no-repeat;
}
nav {
	word-wrap:break-word;
}
.v-wrap {
	line-height:0.8;
}


.footer-aside-title{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

@media
only screen and (max-width : 640px){
	.footer-aside-title{
		text-align: left;
	}
}

/*ソーシャルボタン*/
.sns-list ul{
	margin: 0 0 1em;
	padding: 0;
}

.sns-list li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	margin-left: 1em;
}

.sns-list li iframe{
	max-width: none;
	margin: 0;
}

.sns-list li:first-child{
	margin-left: 0;
}

.fb-like-box{
	padding-bottom: 20px;
}

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{
	background-color: #fff;
}

.sns-box-gp{
	padding: 17px 10px 17px 10px;
	background: #fff;
}

@media
only screen and (max-width : 640px){
	.sns-list li{
		margin-right: 1em;
		margin-left: 0;
	}

	.top-sns-button{
		text-align: left;
	}
}

/*==========================================================
Webrider Footer CSS - Complete Styles for Footer Include
==========================================================*/

/*--------------------------------------------------------
Footer - Base Structure and Layout
--------------------------------------------------------*/

footer.site-footer {
    position: relative;
    width: 100%;
    background-color: #000000;
    color: #a5a5a5;
    text-align: center;
}

footer .footer-sitemap {
    width: 980px;
    margin: 0 auto;
    padding-top: 110px;
    padding-bottom: 110px;
}

footer .footer-sitemap .footer-logo {
    width: 100%;
    max-width: 360px;
    margin: 0 auto 90px auto;
}

footer .footer-sitemap .footer-logo img {
    max-width: 100%;
    height: auto;
}

footer .footer-sitemap .colum_wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

footer .footer-sitemap .colum_wrap .col {
    width: 25%;
    text-align: left;
}

footer .footer-sitemap .colum_wrap .col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .footer-sitemap .colum_wrap .col ul li {
    margin: 0 0 0 0;
    list-style: none;
    font-weight: 900;
}

footer .footer-sitemap .colum_wrap .col ul li a {
    color: #a5a5a5;
    text-decoration: none;
    opacity: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

footer .footer-sitemap .colum_wrap .col ul li a:hover {
    text-decoration: none;
    opacity: 0.7;
}

footer .footer-sitemap .colum_wrap .col ul li ul {
    margin: 10px 0 0 0;
}

footer .footer-sitemap .colum_wrap .col ul li ul li {
    margin: 5px 0 0 0;
    font-size: 14px !important;
    font-weight: 400;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
}

/* Inline block link styling */
footer .footer-sitemap .colum_wrap .col ul li a.ib {
    display: inline-block;
}

/*--------------------------------------------------------
Copyright Section
--------------------------------------------------------*/
footer .copyright {
    margin: 0;
    padding: 15px 0;
    text-align: center;
    color: #a5a5a5;
    font-size: 15px;
}

footer .copyright p {
    margin: 0;
}

/*--------------------------------------------------------
Page-Top Button Styling (Override existing)
--------------------------------------------------------*/
.page-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 0px;
    z-index: 99;
    text-align: left;
}

.page-top a {
    display: block;
    text-decoration: none;
}

.page-top svg {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    padding: 8px;
    transition: opacity 0.3s;
}

.page-top a:hover svg {
    opacity: 0.7;
}

/*--------------------------------------------------------
Responsive Styles - Tablet (980px and below)
--------------------------------------------------------*/
@media only screen and (max-width: 980px) {
    /*Footer*/
    footer .footer-sitemap {
        width: auto;
    }

    footer .footer-sitemap .colum_wrap {
        width: auto;
        margin-left: 30px;
        margin-right: 30px;
    }

    footer .footer-sitemap .colum_wrap .col ul {
        margin-left: 20px;
    }

    footer .footer-sitemap .colum_wrap .col ul li ul li {
        font-size: 12px !important;
    }
}

/*--------------------------------------------------------
Responsive Styles - Mobile (667px and below)
--------------------------------------------------------*/
@media only screen and (max-width: 667px) {
    footer .footer-sitemap {
        padding-top: 60px;
        padding-bottom: 20px;
    }

    footer .footer-sitemap .footer-logo {
        width: 70%;
        margin-bottom: 60px;
    }

    footer .footer-sitemap .colum_wrap {
        flex-direction: column;
        margin-left: 20px;
        margin-right: 20px;
    }

    footer .footer-sitemap .colum_wrap .col {
        width: 100%;
        margin-bottom: 20px;
    }

    footer .footer-sitemap .colum_wrap .col ul {
        margin-left: 0px;
    }

    footer .footer-sitemap .colum_wrap .col ul li ul li {
        font-size: 16px !important;
    }

    footer .copyright {
        font-size: 12px;
    }
}

/*--------------------------------------------------------
Responsive Styles - Mobile (640px and below)
--------------------------------------------------------*/
@media only screen and (max-width: 640px) {
    footer .copyright {
        padding-bottom: 40px;
    }

    footer .copyright span {
        display: block;
    }

    /*Page Top Button Override*/
    .page-top {
        right: 10px;
        bottom: 10px;
        width: auto;
        text-align: center;
        display: block;
    }

    .page-top a {
        display: block;
        border: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.9);
        color: #1f1f1f;
        padding: 10px;
        width: 60px;
        height: 60px;
    }

    .page-top svg {
        background: transparent;
        stroke: #1f1f1f;
        width: 40px;
        height: 40px;
    }
}

/*--------------------------------------------------------
Layout Compatibility for CPI Sites
--------------------------------------------------------*/
.col1 footer.site-footer,
.col1 footer .copyright {
    width: 100%;
}

.col1 footer .copyright p {
    width: 980px;
    margin: 0 auto;
}

.col2 footer.site-footer,
.col2 footer .copyright,
.col2r footer.site-footer,
.col2r footer .copyright {
    width: 100%;
}

.col2 footer .copyright p,
.col2r footer .copyright p {
    width: 1200px;
    margin: 0 auto;
}

/*==========================================================
End of Webrider Footer CSS
==========================================================*/
/*==========================================================
Webrider Global Navigation CSS - Essential Styles for CPI Sites
==========================================================*/

/*--------------------------------------------------------
Site Header Container
--------------------------------------------------------*/
.site-header {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 100;
}

/*--------------------------------------------------------
Site Logo
--------------------------------------------------------*/
h1.site-logo {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 30px;
    line-height: 1;
    opacity: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.site-logo img {
    height: 44px;
    width: auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*--------------------------------------------------------
Main Navigation Menu
--------------------------------------------------------*/
#menu {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#menu input[type="checkbox"],
#menu input[type="radio"] {
    display: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#menu li {
    display: block;
    margin: 0;
    padding: 0 3px;
    list-style: none;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    opacity: 1;
    font-family: "Hiragino UD Sans W6 JIS2004", sans-serif;
}

#menu li:hover {
    opacity: 0.8;
}

#menu li:hover a {
    opacity: 0.8;
}

#menu li a {
    display: block;
    padding: 15px 20px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

#menu li a:active,
#menu li a:hover {
    color: #0066CC;
    text-decoration: none;
}

#menu>li {
    display: inline-block;
    vertical-align: top;
}

/*--------------------------------------------------------
Dropdown Menu Styling
--------------------------------------------------------*/
#menu li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 200px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

#menu>li>ul {
    margin-top: 0;
}

#menu>li>ul li {
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
}

#menu>li>ul li:last-child {
    border-bottom: none;
}

#menu>li>ul li a {
    padding: 12px 20px;
    color: #333;
    font-size: 14px;
    border: none;
}

#menu>li>ul li a:hover {
    background: #f8f9fa;
    color: #0066CC;
}

#menu>li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/*--------------------------------------------------------
Arrow Down Indicator
--------------------------------------------------------*/
#menu li a.arrow_down span:after {
    content: "▼";
    font-size: 10px;
    color: #999;
    margin-left: 5px;
    vertical-align: middle;
}

#menu li:hover a.arrow_down span:after,
#menu li a:hover.arrow_down span:after {
    color: #0066CC;
}

/*--------------------------------------------------------
Button Styles
--------------------------------------------------------*/
#menu li.btn {
    margin-left: 10px;
}

#menu li.btn a {
    background: #0066CC;
    color: #fff;
    border-radius: 25px;
    padding: 12px 25px;
    font-weight: bold;
    transition: all 0.3s ease;
}

#menu li.btn a:hover {
    background: #004499;
    color: #fff;
    transform: translateY(-2px);
}

#menu li.btn.blue-btn a {
    background: #0066CC;
}

#menu li.btn.beta-btn.blue-btn a {
    background: linear-gradient(135deg, #0066CC 0%, #004499 100%);
}

#menu li.for_contact a,
#menu li.for_download a {
    background: #0066CC;
    color: #fff;
}

/*--------------------------------------------------------
Mobile Navigation (Hidden by default)
--------------------------------------------------------*/
#menu-navibtn,
#navi #navibtn {
    display: none;
}

/*--------------------------------------------------------
Responsive Styles - Mobile (768px and below)
--------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    .site-header {
        position: relative;
        padding: 10px 0;
    }

    h1.site-logo {
        margin: 10px 20px;
        text-align: center;
    }

    .site-logo img {
        height: 36px;
    }

    #menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        border-top: 1px solid #ddd;
        flex-direction: column;
        align-items: stretch;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    #menu>li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #f5f5f5;
    }

    #menu li a {
        padding: 15px 20px;
        border-bottom: none;
    }

    #menu li ul {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        background: #f8f9fa;
    }

    #menu li ul li a {
        padding-left: 40px;
        background: #f8f9fa;
    }

    /* Hamburger Menu Button */
    #navi #navibtn {
        display: block;
        position: absolute;
        top: 15px;
        right: 20px;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

    #navi #navibtn span {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background: #333;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.3s ease;
    }

    #navi #navibtn span:before,
    #navi #navibtn span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #333;
        transition: all 0.3s ease;
    }

    #navi #navibtn span:before {
        top: -8px;
    }

    #navi #navibtn span:after {
        bottom: -8px;
    }

    #menu-navibtn:checked ~ #menu {
        display: flex;
    }

    #menu-navibtn:checked + nav #navibtn span {
        background: transparent;
    }

    #menu-navibtn:checked + nav #navibtn span:before {
        transform: rotate(45deg);
        top: 0;
    }

    #menu-navibtn:checked + nav #navibtn span:after {
        transform: rotate(-45deg);
        bottom: 0;
    }
}

/*--------------------------------------------------------
Utility Classes
--------------------------------------------------------*/
.ib {
    display: inline-block;
}

.mg {
    margin-right: 10px;
}

.pd {
    padding: 5px;
}

/*==========================================================
End of Webrider Global Navigation CSS
==========================================================*/

/*---------------------------------------------------------------------
  generated by Keni Template Maker Ver.7.0 on 2016-03-03 13:56:20
----------------------------------------------------------------------*/
 No newline at end of file

/*------------------------------------------------------------
    template created by web-rider
-------------------------------------------------------------*/