@charset "utf-8";
/* CSS Document */
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-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

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

html{
    overflow-y: scroll;
}
body{
	text-align:left;
	}

blockquote, q {
	quotes: none;
}
hr{
	color:#666666;
	}

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

input, textarea,{
	margin: 0;
	padding: 0;
}
p{
	line-height:1.5;
	}


ol, ul{
    list-style:none;
}
li{
	line-height:1.5;
	}
table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
	overflow:hidden;
}

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

/*よく使うCSS start*/

img {
	max-width:100% !important;
}

table {
	width:100%;
}
a{
	color:#333333;
	text-decoration:none;
	}
a:hover {
	color:#006699;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
.b-shadow {
	-moz-box-shadow: 0px 1px 10px #333;
	-webkit-box-shadow: 0px 1px 10px #333;
	box-shadow: 0px 1px 10px #333;
}

.b-i-shadow {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}
/*-----------------------------------------------------------
マージン関係
------------------------------------------------------------*/
.m0auto{ margin:0 auto;}
.t0b5 { margin:0 0 5px 0; overflow:hidden; }
.t0b10 { margin:0 0 10px 0; overflow:hidden; }
.t0b15 { margin:0 0 15px 0; overflow:hidden; }
.t0b20 { margin:0 0 20px 0; overflow:hidden; }
.t0b25 { margin:0 0 25px 0; overflow:hidden; }
.t0b30 { margin:0 0 30px 0; overflow:hidden; }
.t0b40 { margin:0 0 40px 0; overflow:hidden; }
.t0b50 { margin:0 0 50px 0; overflow:hidden; }
.t0b70 { margin:0 0 70px 0; overflow:hidden; }

.t5b0 { margin:5px 0 0 0; overflow:hidden; }
.t5b10 { margin:5px 0 10px 0; overflow:hidden; }
.t5b20 { margin:5px 0 20px 0; overflow:hidden; }
.t5b30 { margin:5px 0 30px 0; overflow:hidden; }

.t10b0 { margin:10px 0 0 0; overflow:hidden; }
.t15b0 { margin:15px 0 0 0; overflow:hidden; }
.t10b10 { margin:10px 0; overflow:hidden; }
.t10b20 { margin:10px 0 20px 0; overflow:hidden; }
.t10b30 { margin:10px 0 30px 0; overflow:hidden; }

.t20b0 { margin:20px 0 0 0; overflow:hidden; }
.t20b5 { margin:20px 0 5px 0; overflow:hidden; }
.t20b10 { margin:20px 0 10px 0; overflow:hidden; }
.t20b20 { margin:20px 0; overflow:hidden; }
.t20b30 { margin:20px 0 30px 0; overflow:hidden; }


.t30b0 { margin:30px 0 0 0; overflow:hidden; }
.t30b5 { margin:30px 0 5px 0; overflow:hidden; }
.t30b10 { margin:30px 0 10px 0; overflow:hidden; }
.t30b20 { margin:30px 0 20px 0; overflow:hidden; }
.t30b30 { margin:30px 0; overflow:hidden; }
.t30b70{ margin:30px 0 70px 0; overflow:hidden; }
.t40b0 { margin:40px 0 0 0; overflow:hidden; }
.t70b0 { margin:70px 0 0 0; overflow:hidden; }
.mr5{ margin:0 5px 0 0;}
.mr0{ margin: 0 0 0 0; }
.mr10{ margin: 0 10px 0 0; }
.mr15{ margin: 0 15px 0 0; }
.mr20{ margin: 0 20px 0 0; }
.mr25{ margin: 0 25px 0 0; }
.mr30{ margin: 0 30px 0 0; }
.mr40{ margin: 0 40px 0 0; }
.mr50{ margin: 0 50px 0 0; }

.ml5{ margin: 0 0 0 5px; }
.ml10{ margin: 0 0 0 10px; }
.ml20{ margin: 0 0 0 20px; }
.ml25{ margin: 0 0 0 25px; }
.ml30{ margin: 0 0 0 30px; }
.ml40{ margin: 0 0 0 40px; }
.ml50{ margin: 0 0 0 50px; }

.mcenter{
	margin: 0 auto;
	}

/*-----------------------------------------------------------
パディング関係
------------------------------------------------------------*/
.p10b10 { padding:10px 0; overflow:hidden; }
.p20b20 { padding:20px 0; overflow:hidden; }
.p30b30 { padding:30px 0; overflow:hidden; }
.p40b40 { padding:40px 0; overflow:hidden; }
.p50b50 { padding:50px 0; overflow:hidden; }

.p0b10 { padding: 0 0 10px 0; overflow:hidden; }
.p0b20 { padding: 0 0 20px 0; overflow:hidden; }
.p0b30 { padding: 0 0 30px 0; overflow:hidden; }
.p0b40 { padding: 0 0 40px 0; overflow:hidden; }
.p0b50 { padding: 0 0 50px 0; overflow:hidden; }
.pr20{padding-right:20px;}
.pr15{padding-right:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

/*-----------------------------------------------------------
WIDTH
------------------------------------------------------------*/
.w100{ max-width:100px; }
.w150{ max-width:150px; }
.w200{ max-width:200px; }
.w180{max-width:180px;}
.w230{ max-width:230px; }
.w250{ max-width:250px; }
.w300{ max-width:300px; }
.w350{ max-width:350px; }
.w400{ max-width:400px; }
.w450{ max-width:450px; }
.w500{ max-width:500px; }
.w550{ max-width:550px; }
.w600{ max-width:600px; }
.w650{ max-width:650px; }
.w700{ max-width:700px; }
.w1000{ max-width:1000px;}

/*-----------------------------------------------------------
FONT
------------------------------------------------------------*/
.font10{ font-size: 10px; }
.font11{ font-size: 11px; }
.font12{ font-size: 12px; }
.font13{ font-size: 13px; }
.font14{ font-size: 14px; }
.font15{ font-size: 15px; }
.font16{ font-size: 16px; }
.font17{ font-size: 17px; }
.font18{ font-size: 18px; }
.font19{ font-size: 19px; }
.font20{ font-size: 20px !important; }
.font24{ font-size: 24px !important; }
.font30{ font-size: 30px !important; }
.font40{ font-size: 40px; }

.bold{ font-weight: bold;
       color:#666;
	  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.crasico{
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.spacing{ letter-spacing:0.5em;
}
.eeeFont{ color:#eee;
}







/*-----------------------------------------------------------
FLOAT
------------------------------------------------------------*/
.inlineBlock{
	display:inline-block;
}
.floatL{
  float: left;
  display:inline-block; 
  }
.floatR{
  float: right;
  display:inline-block; 
  }
.clearBoth{
	clear:both;
	overflow:hidden;
}
/*-----------------------------------------------------------
BORDER関係
------------------------------------------------------------*/
.bbSolid{
  border-bottom: 1px solid #aaa;
  }
.bbDott{
  border-bottom: 1px dotted #aaa;
  }
.imgBorder{
  border: solid #eee 5px;
  }
 .h-bar{
        padding-left:0.5em;
         border-left:solid 15px #bbb;
	 }
.h-bar:after{
	padding-left:0.5em;
	}
/*-----------------------------------------------------------
Text-Align
------------------------------------------------------------*/
.left{
	text-align: left;
	}
.center{
	text-align: center;
	}
.right{
	text-align: right;
	}
.whiteBack {
	background-color: #FFF;
}
.shadow{
	/*---------------------影(ドロップシャドウ)の設定*/
	box-shadow: 0px 2px 3px #666666;
	-webkit-box-shadow: 0px 2px 3px #666666;
}
/*---------------------背景カラー(角丸)の設定*/
.corner{border-radius:5px;}
/*--------------------------------------------------------------文字装飾*/
.diaryDate{
	 width:9em; text-align:center; height:2em; line-height:2em; color:#ffffff; background-color:#333333;}
.gleyFonts{
	color:#333;}
a{color:#333;}
/*-------------------------------------------------フレキシブルのための画像*/
img{
	border:0;
	max-width:100%;
	height:auto;
}
.framePhoto{
	border:1px solid #CCC;
	padding:3px;
	background-color:#fff;
}
.blueText{
	color:#006699;
	}
.greenText{
	color:#66FF99 !important;
	}
.greyText{
	color:#666666;
	}
.blueBack{
	background-color:#87ceeb;
	font-weight:bold;
	color:#555555 !important;
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.displayBlock{
	display:block;
}
.moreBtn {
	display:block;
	text-align:center;
	width:6em;
	color: #FFF !important;
	background: #333;
	font-weight: bold;
	padding: 2px 0;
	font-size: 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
/* よく使うCSS end -----
時々使うCSS3 start ---

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}

テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}



角丸 {
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
}

トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}

透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}

グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}

スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}

時々使うCSS3 end */

/*-----------------------------------------------------------------------------------------------------------------------第二部*/

/*---------------------------------
add css standard start
--------------------------------*/

img {
	max-width: 100%;
}

table {
	width: 100%;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both {
	clear: both;
}

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

/*---------------------------------
add css standard end
add css layout start
--------------------------------*/

.contents div{
	margin-bottom: 32px;
}

.img_left {
	float: left;
	width: 32%;
}

.text_right {
	float: right;
	width: 64%;
}

.img_right {
	float: right;
	width: 32%;
}

.text_left {
	float: left;
	width: 64%;
}

.content2_1 {
	width: 48%;
	float: left;
}

.content2_2 {
	width: 48%;
	float: right;
}

.content3_1 , .content3_2 , .content3_3 {
	width: 30%;
	float: left;
}

.content3_2 {
	margin-right: 5%;
	margin-left: 5%;
}

.content4_1 , .content4_2 , .content4_3 , .content4_4 {
	width: 22%;
	float: left;
}

.content4_2 {
	margin-left: 4%;
	margin-right: 4%;
}

.content4_3 {
	margin-right: 4%;
}

.note {
	background: #fcfcfc;
	padding: 8px 16px;
	margin: 16px 0;
}

.note p {
	margin: 0;
	padding: 4px 0;
}

.header_left {
	width: 48%;
	float: left;
}

.header_right {
	width: 48%;
	float: right;
}
.f-l:first-letter{
	font-size:2.5em;
	}

@media screen and (max-width: 480px){
	.contents div{
		width: 100%;
		margin: 0 0 24px;
		float: none;
	}
	.font40{
		font-size:28px;
		}
	.font30{
		font-size:24px;
		}
	.font20{
		font-size:18px;
		}
}

/*---------------------------------
add css layout end
--------------------------------*/

/*ここから個別ページレイアウト調整*/
@media only screen and (max-width: 1050px) {
	   /* 編集部のページ*/
	    div#henshu-box section p{
			letter-spacing:normal !important;}
	}
@media only screen and (max-width: 680px) {
	    /* 編集部のページ*/
		div#henshu-box section img{
			float:none !important;
			clear:both;
			
			margin:0 auto;
			}
		div#henshu-box section h1{
			margin-top:50px;
			}
		div#henshu-box section h1,div#henshu-box section p{
			text-align:center;
			letter-spacing:normal !important;
			}
		}