@charset "utf-8";
/* CSS Document */

/*   
Theme Name: [chi]template whiteLine980-02
Theme URI: http://www.chirashiya.com/
Description: カスタム性の高いレスポンシブ企業向けブログテンプレート。白色ベース。
Author: ちらし屋ドットコム
Version: 1.0
*/

*{
    padding:0;
    margin:0;
	max-width:100%;
	box-sizing:border-box;
    }
body,html{
    font-size:14px;
	color:#333;
    line-height:1.8em;
	width:100%;
	max-width:none;
	overflow-x:hidden;
    font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    }
#wpadminbar *{
	max-width:none;
	}
a:hover img{
    opacity:0.8;
    }
img{
    border:none;
    outline:none !important;
    height:auto;
    vertical-align:bottom;
    }
ul>li{
	list-style:none;
	}
	
@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
}
@media screen and (min-width:769px){
/* PCサイズのみ */
}

@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
}
@media screen and (max-width:540px){
/* SPサイズのみ */
}


/* color ******************************************************************************************************/

/* type0 aqua */
.colorType0 #globalNav,	
.colorType0 #globalNav li,
.colorType0 #footer,
.colorType0 div.goTop a img,
.colorType0 #body h1,
.colorType0 #body h2,
.colorType0 #body h3,
.colorType0 #promo .promoArrow,
.colorType0 #comments #comments-list li.bypostauthor,
.colorType0 .postFooter,
.colorType0 #frontNav .title,
.colorType0 #frontNav a span{
	border-color:#69B6da !important;
	}
.colorType0 #openMenu,
.colorType0 #spTel,
.colorType0 #wpSearch #searchsubmit,
.colorType0 div.goTop a img,
.colorType0 .mainTitle,
.colorType0 #side aside h4,
.colorType0 #promo .promoArrow,
.colorType0 #main table th,
.colorType0 #main input[type="submit"],
.colorType0 #main input[type="button"],
.colorType0 #main button,
.colorType0 .headerContactTel a.nonImage:before,
.colorType0 .postList01 li:nth-of-type(2n+1){
	background-color:#69B6da !important;
	}
.colorType0 #comments #comments-list li.bypostauthor,
.colorType0 .postFooter,
.colorType0 #side .pageArchive li.nowPage{
	background-color:#fcfeff;
	}
.colorType0 #footer .footer02 a,
.colorType0 #body a,
.colorType0 #header h1 a{
	color:#419ac4 !important;
	}
.colorType0 #footer .footer02 a:before,
.colorType0 #side .pageArchive li.nowPage a:before{
	border-left-color:#69B6da !important;
	}

/* type1 red */
.colorType1 #globalNav,	
.colorType1 #globalNav li,
.colorType1 #footer,
.colorType1 div.goTop a img,
.colorType1 #body h1,
.colorType1 #body h2,
.colorType1 #body h3,
.colorType1 #promo .promoArrow,
.colorType1 #comments #comments-list li.bypostauthor,
.colorType1 .postFooter,
.colorType1 #frontNav .title,
.colorType1 #frontNav a span{
	border-color:#CF2C38 !important;
	}
.colorType1 #openMenu,
.colorType1 #spTel,
.colorType1 #wpSearch #searchsubmit,
.colorType1 div.goTop a img,
.colorType1 .mainTitle,
.colorType1 #side aside h4,
.colorType1 #promo .promoArrow,
.colorType1 #main table th,
.colorType1 #main input[type="submit"],
.colorType1 #main input[type="button"],
.colorType1 #main button,
.colorType1 .headerContactTel a.nonImage:before,
.colorType1 .postList01 li:nth-of-type(2n+1){
	background-color:#CF2C38 !important;
	}
.colorType1 #comments #comments-list li.bypostauthor,
.colorType1 .postFooter,
.colorType1 #side .pageArchive li.nowPage{
	background-color:#fffcfc;
	}
.colorType1 #footer .footer02 a,
.colorType1 #body a,
.colorType1 #header h1 a{
	color:#CF2C38 !important;
	}
.colorType1 #footer .footer02 a:before,
.colorType1 #side .pageArchive li.nowPage a:before{
	border-left-color:#CF2C38 !important;
	}

/* type2 orange */
.colorType2 #globalNav,	
.colorType2 #globalNav li,
.colorType2 #footer,
.colorType2 div.goTop a img,
.colorType2 #body h1,
.colorType2 #body h2,
.colorType2 #body h3,
.colorType2 #promo .promoArrow,
.colorType2 #comments #comments-list li.bypostauthor,
.colorType2 .postFooter,
.colorType2 #frontNav .title,
.colorType3 #frontNav a span{
	border-color:#F89D46 !important;
	}
.colorType2 #openMenu,
.colorType2 #spTel,
.colorType2 #wpSearch #searchsubmit,
.colorType2 div.goTop a img,
.colorType2 .mainTitle,
.colorType2 #side aside h4,
.colorType2 #promo .promoArrow,
.colorType2 #main table th,
.colorType2 #main input[type="submit"],
.colorType2 #main input[type="button"],
.colorType2 #main button,
.colorType2 .headerContactTel a.nonImage:before,
.colorType2 .postList01 li:nth-of-type(2n+1){
	background-color:#F89D46 !important;
	}
.colorType2 #comments #comments-list li.bypostauthor,
.colorType2 .postFooter,
.colorType2 #side .pageArchive li.nowPage{
	background-color:#fffcfa;
	}
.colorType2 #footer .footer02 a,
.colorType2 #body a,
.colorType2 #header h1 a{
	color:#eb8c31 !important;
	}
.colorType2 #footer .footer02 a:before,
.colorType2 #side .pageArchive li.nowPage a:before{
	border-left-color:#F89D46 !important;
	}

/* type3 pink */
.colorType3 #globalNav,	
.colorType3 #globalNav li,
.colorType3 #footer,
.colorType3 div.goTop a img,
.colorType3 #body h1,
.colorType3 #body h2,
.colorType3 #body h3,
.colorType3 #promo .promoArrow,
.colorType3 #comments #comments-list li.bypostauthor,
.colorType3 .postFooter,
.colorType3 #frontNav .title,
.colorType3 #frontNav a span{
	border-color:#fcbec1 !important;
	}
.colorType3 #openMenu,
.colorType3 #spTel,
.colorType3 #wpSearch #searchsubmit,
.colorType3 div.goTop a img,
.colorType3 .mainTitle,
.colorType3 #side aside h4,
.colorType3 #promo .promoArrow,
.colorType3 #main table th,
.colorType3 #main input[type="submit"],
.colorType3 #main input[type="button"],
.colorType3 #main button,
.colorType3 .headerContactTel a.nonImage:before,
.colorType3 .postList01 li:nth-of-type(2n+1){
	background-color:#fcbec1 !important;
	}
.colorType3 #comments #comments-list li.bypostauthor,
.colorType3 .postFooter,
.colorType3 #side .pageArchive li.nowPage{
	background-color:#fffcfc;
	}
.colorType3 #footer .footer02 a,
.colorType3 #body a,
.colorType3 #header h1 a{
	color:#f3737a !important;
	}
.colorType3 #footer .footer02 a:before,
.colorType3 #side .pageArchive li.nowPage a:before{
	border-left-color:#fcbec1 !important;
	}

/* type4 green */
.colorType4 #globalNav,	
.colorType4 #globalNav li,
.colorType4 #footer,
.colorType4 div.goTop a img,
.colorType4 #body h1,
.colorType4 #body h2,
.colorType4 #body h3,
.colorType4 #promo .promoArrow,
.colorType4 #comments #comments-list li.bypostauthor,
.colorType4 .postFooter,
.colorType4 #frontNav .title,
.colorType4 #frontNav a span{
	border-color:#00491e !important;
	}
.colorType4 #openMenu,
.colorType4 #spTel,
.colorType4 #wpSearch #searchsubmit,
.colorType4 div.goTop a img,
.colorType4 .mainTitle,
.colorType4 #side aside h4,
.colorType4 #promo .promoArrow,
.colorType4 #main table th,
.colorType4 #main input[type="submit"],
.colorType4 #main input[type="button"],
.colorType4 #main button,
.colorType4 .headerContactTel a.nonImage:before,
.colorType4 .postList01 li:nth-of-type(2n+1){
	background-color:#00491e !important;
	}
.colorType4 #comments #comments-list li.bypostauthor,
.colorType4 .postFooter,
.colorType4 #side .pageArchive li.nowPage{
	background-color:#fcfffd;
	}
.colorType4 #footer .footer02 a,
.colorType4 #body a,
.colorType4 #header h1 a{
	color:#00491e !important;
	}
.colorType4 #footer .footer02 a:before,
.colorType4 #side .pageArchive li.nowPage a:before{
	border-left-color:#00491e !important;
	}

/* type5 yellow-green */
.colorType5 #globalNav,	
.colorType5 #globalNav li,
.colorType5 #footer,
.colorType5 div.goTop a img,
.colorType5 #body h1,
.colorType5 #body h2,
.colorType5 #body h3,
.colorType5 #promo .promoArrow,
.colorType5 #comments #comments-list li.bypostauthor,
.colorType5 .postFooter,
.colorType5 #frontNav .title,
.colorType5 #frontNav a span{
	border-color:#A0CA5A !important;
	}
.colorType5 #openMenu,
.colorType5 #spTel,
.colorType5 #wpSearch #searchsubmit,
.colorType5 div.goTop a img,
.colorType5 .mainTitle,
.colorType5 #side aside h4,
.colorType5 #promo .promoArrow,
.colorType5 #main table th,
.colorType5 #main input[type="submit"],
.colorType5 #main input[type="button"],
.colorType5 #main button,
.colorType5 .headerContactTel a.nonImage:before,
.colorType5 .postList01 li:nth-of-type(2n+1){
	background-color:#A0CA5A !important;
	}
.colorType5 #comments #comments-list li.bypostauthor,
.colorType5 .postFooter,
.colorType5 #side .pageArchive li.nowPage{
	background-color:#fcfff6;
	}
.colorType5 #footer .footer02 a,
.colorType5 #body a,
.colorType5 #header h1 a{
	color:#8bbf34 !important;
	}
.colorType5 #footer .footer02 a:before,
.colorType5 #side .pageArchive li.nowPage a:before{
	border-left-color:#A0CA5A !important;
	}

/* type6 blue */
.colorType6 #globalNav,	
.colorType6 #globalNav li,
.colorType6 #footer,
.colorType6 div.goTop a img,
.colorType6 #body h1,
.colorType6 #body h2,
.colorType6 #body h3,
.colorType6 #promo .promoArrow,
.colorType6 #comments #comments-list li.bypostauthor,
.colorType6 .postFooter,
.colorType6 #frontNav .title,
.colorType6 #frontNav a span{
	border-color:#304285 !important;
	}
.colorType6 #openMenu,
.colorType6 #spTel,
.colorType6 #wpSearch #searchsubmit,
.colorType6 div.goTop a img,
.colorType6 .mainTitle,
.colorType6 #side aside h4,
.colorType6 #promo .promoArrow,
.colorType6 #main table th,
.colorType6 #main input[type="submit"],
.colorType6 #main input[type="button"],
.colorType6 #main button,
.colorType6 .headerContactTel a.nonImage:before,
.colorType6 .postList01 li:nth-of-type(2n+1){
	background-color:#304285 !important;
	}
.colorType6 #comments #comments-list li.bypostauthor,
.colorType6 .postFooter,
.colorType6 #side .pageArchive li.nowPage{
	background-color:#fbfcff;
	}
.colorType6 #footer .footer02 a,
.colorType6 #body a,
.colorType6 #header h1 a{
	color:#304285 !important;
	}
.colorType6 #footer .footer02 a:before,
.colorType6 #side .pageArchive li.nowPage a:before{
	border-left-color:#304285 !important;
	}

/* type7 purple */
.colorType7 #globalNav,	
.colorType7 #globalNav li,
.colorType7 #footer,
.colorType7 div.goTop a img,
.colorType7 #body h1,
.colorType7 #body h2,
.colorType7 #body h3,
.colorType7 #promo .promoArrow,
.colorType7 #comments #comments-list li.bypostauthor,
.colorType7 .postFooter,
.colorType7 #frontNav .title,
.colorType7 #frontNav a span{
	border-color:#cbafd6 !important;
	}
.colorType7 #openMenu,
.colorType7 #spTel,
.colorType7 #wpSearch #searchsubmit,
.colorType7 div.goTop a img,
.colorType7 .mainTitle,
.colorType7 #side aside h4,
.colorType7 #promo .promoArrow,
.colorType7 #main table th,
.colorType7 #main input[type="submit"],
.colorType7 #main input[type="button"],
.colorType7 #main button,
.colorType7 .headerContactTel a.nonImage:before,
.colorType7 .postList01 li:nth-of-type(2n+1){
	background-color:#cbafd6 !important;
	}
.colorType7 #comments #comments-list li.bypostauthor,
.colorType7 .postFooter,
.colorTyp7 #side .pageArchive li.nowPage{
	background-color:#fefdff;
	}
.colorType7 #footer .footer02 a,
.colorType7 #body a,
.colorType7 #header h1 a{
	color:#aa73c0 !important;
	}
.colorType7 #footer .footer02 a:before,
.colorType7 #side .pageArchive li.nowPage a:before{
	border-left-color:#cbafd6 !important;
	}

/* type8 gray */
.colorType8 #globalNav,	
.colorType8 #globalNav li,
.colorType8 #footer,
.colorType8 div.goTop a img,
.colorType8 #body h1,
.colorType8 #body h2,
.colorType8 #body h3,
.colorType8 #promo .promoArrow,
.colorType8 #comments #comments-list li.bypostauthor,
.colorType8 .postFooter,
.colorType8 #frontNav .title,
.colorType8 #frontNav a span{
	border-color:#aaa !important;
	}
.colorType8 #openMenu,
.colorType8 #spTel,
.colorType8 #wpSearch #searchsubmit,
.colorType8 div.goTop a img,
.colorType8 .mainTitle,
.colorType8 #side aside h4,
.colorType8 #promo .promoArrow,
.colorType8 .postList01 li:nth-of-type(2n+1){
	background-color:#aaa !important;
	}
.colorType8 #comments #comments-list li.bypostauthor,
.colorType8.postFooter,
.colorType8 #side .pageArchive li.nowPage{
	background-color:#f3f3f3;
	}
.colorType8 #footer .footer02 a,
.colorType8 #body a,
.colorType8 #header h1 a{
	color:#888 !important;
	}
.colorType8 #footer .footer02 a:before,
.colorType8 #side .pageArchive li.nowPage a:before{
	border-left-color:#aaa !important;
	}

/****************************************************************************************************** color */


/* size ******************************************************************************************************/
@media screen and (min-width: 981px){
body,html{
    width:100%;
    overflow-x:hidden;
    }
#header,
#promo,
#globalNav{
    width:1280px;
	padding:0;
	max-width:none;
    position:relative;
    left:50%;
    margin-left:-640px;
    }
}
@media screen and (max-width: 980x){
html{
    width:980px;
    overflow-x:scroll;
    }
body{
    width:980px;
    min-width:auto;
    overflow-x:hidden;
    }
}
#body,
#header>div,
#footer>div,
#globalNav>ul,
div.goTop{
	width:980px;
	margin:0 auto;
	padding:0 10px;
    }
@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
body,html{
	width:100%;
	}
}
@media screen and (min-width:769px){
/* PCサイズのみ */
}

@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
}
@media screen and (max-width:540px){
/* SPサイズのみ */
}
/****************************************************************************************************** size */


/* header ******************************************************************************************************/
#header{
	padding:10px 0 20px 0;
	}
#header:after{
	content:"";
	display:block;
	clear:both;
	}
#header #headerLeft{
	width:50%;
	float:left;
	}
#header h1{
	font-weight:normal;
	font-size:12px;
	}
#header h1 span{
	display:block;
	font-size:20px;
	padding-top:6px;
	line-height:1.4em;
	font-weight:bold;
	}
#header h1 a{
	text-decoration:none;
	}
#header #headerRight{
	float:right;
	width:50%;
	padding-left:30px;
	}
#headerNav{
	text-align:right;
	}
#headerNav li{
	display:inline-block;
	font-size:12px;
	margin-left:10px;
	}
#headerNav a,
#footer .footer02 a{
	color:#333;
	text-decoration:none;
	padding-left:8px;
	position:relative;
	display:inline-block;
	line-height:1.4em;
	}
#headerNav a:before,
#footer .footer02 a:before{
	content:"";
	width:0;
	height:0;
	position:absolute;
	left:0;
	top:5px;
	border:3px solid transparent;
	border-left:4px solid #ccc;
	}
#headerNav a:hover,
#headerNav a:active,
#footer .footer02 a:hover,
#footer .footer02 a:active{
	text-decoration:underline;
	}
#header #headerRight .iconList{
	text-align:right;
	clear:both;
	}

#googleSearch,
#wpSearch{
	height:38px;
	width:300px;
	float:right;
	}
#googleSearch *{
	box-sizing:content-box;
	}
#googleSearch td.gsc-input{
	vertical-align:top;
	padding-top:0px;
	}
#googleSearch a.gsst_a{
	padding-top:8px;
	}
#googleSearch #gs_tti50{
	padding:0px 6px 0;
	}
#googleSearch #gsc-iw-id1{
	height:auto;
	}
#googleSearch #gsc-iw-id1 input{
	margin-top:6px !important;
	}

.headerContactTel{
	text-align:right;
	}
.headerContactTel a.nonImage{
	font-size:22px;
	line-height:1em;
	text-decoration:none;
	color:#333;
	display:inline-block;
	min-height:30px;
	padding-top:10px;
	position:relative;
	}
.headerContactTel a.nonImage:before{
	content:url(image/icon/tel-pc.png);
	background:#ccc;
	height:30px;
	position:absolute;
	bottom:0;
	left:-20px;
	}
.headerContactTel a.nonImage:hover:before, .headerContactTel a.nonImage:active:before{
	opacity:0.6;
	}
.headerContactTel span{
	display:block;
	font-size:12px;
	line-height:1.4em;
	}
	
#openMenu,
#spTel{
	display:none;
	}
#globalNav{
	border-top:4px solid #ccc;
	border-bottom:2px solid #ccc;
	text-align:center;
	padding:10px 0;
	z-index:10;
	}
#globalNav>div>ul>li,
#globalNav>ul>li{
	display:inline-block;
	font-size:16px;
	padding:4px 15px;
	}
#globalNav li a{
	color:#333;
	text-decoration:none;
	}
#globalNav li a:hover,
#globalNav li a:active{
	opacity:0.6;
	}
	
#globalNav>ul>li{
	position:relative;
	}
#globalNav>ul>li>ul{
	position:absolute;
	display:block;
	width:100%;
	left:0;
	top:32px;
	display:none;
	z-index:100;
	}
#globalNav>ul>li>ul li{
	width:200px;
	background:#fff;
	border-top:1px solid #ccc;
	line-height:20px;
	position:relative;
	}
#globalNav>ul>li>ul>li a{
	padding:10px 15px;
	display:block;
	}
#globalNav>ul>li>ul ul{
	position:absolute;
	right:-100%;
	top:-1px;
	font-size:14px;
	display:none;
	}
#globalNav>ul>li>ul ul li{
	border-left:1px solid #ccc;
	}
@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
#globalNav>ul{
	display:block !important;
	}
}
@media screen and (min-width:769px){
/* PCサイズのみ */
}

@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
#globalNav li{
	font-size:14px;
	}
}
@media screen and (max-width:540px){
/* SPサイズのみ */
#header #headerLeft{
	width:100%;
	position:relative;
	}
#header #headerLeft h1{
	width:100%;
	padding-right:120px;
	}
#header #headerRight{
	float:none;
	width:100%;
	padding-top:10px;
	clear:both;
	}
#headerNav{
	display:none;
	}
#googleSearch,
#wpSearch{
	width:100%;
	}
	
.headerContactTel{
	display:none;
	}
#openMenu,
#spTel{
	display:block;
	float:right;
	background:#ccc;
	position:absolute;
	right:0px;
	bottom:0;
	}
#spTel{
	right:60px;
	}
#globalNav{
	padding:2px 0;
	}
#globalNav ul{
	display:block;
	display:none;
	}
#globalNav li{
	border-bottom:1px solid #ccc;
	display:block !important;
	text-align:center;
	padding:6px 10px;
	}
#globalNav li:last-child{
	border-bottom:none;
	}
}
/****************************************************************************************************** header */


/* footer ******************************************************************************************************/
div.goTop{
	text-align:right;
	}
div.goTop a{
	display:inline-block;
	position:fixed;
	bottom:10px;
	width:50px;
	}
div.goTop a img{
	background:#ccc;
	border:1px solid #ccc;
	border-radius:100px;
	}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
/* IEのみ */
div.goTop a{
	right:10px;
	}
}

#footer{
	border-top:4px solid #ccc;
	margin-top:60px;
	padding-top:20px;
	}
#footer a{
	text-decoration:none;
	}
#footer>div:after{
	content:"";
	display:block;
	clear:both;
	}
#footer .footer01{
	float:left;
	width:35%;
	}
#footer .footer02{
	padding-left:60px;
	overflow:hidden;
	}
#footer .footer01 div{
	margin-top:10px;
	font-size:12px;
	line-height:1.8em;
	}
#footer .footer02 li{
	float:left;
	width:33.3%;
	padding-right:20px;
	font-size:12px;
	}
#footer .footer02 li:nth-of-type(3n+1){
	clear:both;
	}
	
#footer .footer01>span{
	font-weight:bold;
	font-size:16px;
	line-height:1.4em;
	}

#footer>small{
	margin-top:16px;
	display:block;
	padding:4px 6px;
	text-align:center;
	border-top:1px solid #ddd;
	}
@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
}
@media screen and (min-width:769px){
/* PCサイズのみ */
}

@media screen and (max-width:1080px){
/* フルサイズ以下 */
div.goTop a{
	bottom:10px;
	right:10px;
	}
}
@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
}
@media screen and (max-width:540px){
/* SPサイズのみ */
div.goTop a img{
	opacity:0.4;
	}
div.goTop a:hover img,
div.goTop a:active img{
	opacity:1;
	}
	
#footer{
	margin-top:40px;
	}
#footer .footer01,
#footer .footer02{
	float:none;
	width:100%;
	}
#footer .footer02{
	margin-top:20px;
	padding-left:0;
	}
#footer .footer02 li{
	width:49%;
	padding-right:0;
	}
#footer .footer02 li:nth-of-type(3n+1){
	clear:none;
	}
#footer .footer02 li:nth-of-type(2n+1){
	clear:both;
	}
#footer .footer02 li:nth-of-type(2n){
	float:right;
	}
}
/****************************************************************************************************** footer */


/* body ******************************************************************************************************/
#body{
	margin-top:40px;
	}
#body:after,
#main:after{
	content:"";
	display:block;
	clear:both;
	}
#main{
	width:70%;
	float:left;
	}
#side{
	width:30%;
	float:right;
	padding-left:40px;
	}
	
body.sidebarBlogType1 #main{
	float:right;
	}
body.sidebarBlogType1 #side{
	float:left;
	padding-left:0px;
	padding-right:40px;
	}
body.sidebarBlogType2 #main{
	float:none;
	width:100%;
	}
body.sidebarBlogType2 #side{
	float:none;
	padding-left:0px;
	margin-top:60px;
	width:100%;
	}
	
body.sidebarHomeType1 #main{
	float:none;
	width:100%;
	}
@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
}
@media screen and (min-width:769px){
/* PCサイズのみ */
}

@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
#main,
#side{
	width:100%;
	float:none;
	padding:0;
	}
#side{
	margin-top:20px;
	}
}
@media screen and (max-width:540px){
/* SPサイズのみ */
#body{
	margin-top:20px;
	}
}
/****************************************************************************************************** body */


/* common ******************************************************************************************************/
.iconList li{
	display:inline-block;
	}
.iconList a img{
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	opacity:0.8;
	}
.iconList a:hover img,
.iconList a:active img{
	-webkit-filter: grayscale(0%);
	filter: none;
	opacity:1;
	}

h1.mainTitle{
	width:1280px;
	max-width:100%;
	overflow:hidden;
	margin:0 auto;
	background:url(../../image/user/main.png) bottom center no-repeat;
	font-weight:normal;
	font-size:24px;
	}
h1.mainTitle>span{
	width:980px;
	margin:0 auto;
	display:table;
	height:100px;
	}
h1.mainTitle>span>span{
	color:#fff;
	width:980px;
	padding:10px;
	vertical-align:middle;
	display:table-cell;
	}
	
#promo{
	position:relative;
	}
#promo div{
	margin:0 auto;
	width:1280px;
	overflow:hidden;
	}
#promo ul{
	width:20000px;
	max-width:none;
	}
#promo li{
	float:left;
	text-align:center;
	}

#promo .promoArrow{
	position:absolute;
	top:50%;
	margin-top:-25px;
	border:1px solid #ccc;
	border-radius:100px;
	opacity:0.6;
	display:none;
	cursor:pointer;
	z-index:10;
	}
#promo .promoArrow:hover{
	opacity:1;
	}
#promo .promoArrow.left{
	left:10px;
	}
#promo .promoArrow.right{
	right:10px;
	}
	
#frontNav{
	margin-bottom:40px;
	}
#frontNav li{
	width:33.3%;
	padding:0 10px;
	float:left;
	margin-bottom:20px;
	}
#frontNav li:nth-of-type(3n+1){
	clear:both;
	}
#frontNav li .title{
	margin:10px auto;
	}
#frontNav li a{
	text-decoration:none;
	}
#frontNav li a span{
	display:block;
	max-width:300px;
	margin-top:10px;
	border:1px solid #aaa;
	text-align:center;
	padding:20px 0;
	position:relative;
	color:#333 !important;
	}
#frontNav li a span:before{
	content:"";
	display:block;
	position:absolute;
	border:6px solid transparent;
	border-left-width:10px;
	left:30px;
	top:26px;
	}
#frontNav li a:hover, #frontNav li a:active{
	opacity:0.6;
	}
#frontNav:after{
	content:"";
	display:block;
	clear:both;
	}
	
.postList01{
	margin-bottom:40px;
	}
.postList01>h2{
	margin-bottom:10px;
	}
.postList01 li a{
	color:#333 !important;
	text-decoration:none;
	display:table;
	width:100%;
	}
#body .postList01 li:nth-of-type(2n+1) a{
	color:#fff !important;
	}
.postList01 li span{
	display:table-cell;
	padding:10px;
	}
.postList01 li span.date{
	width:200px;
	padding-left:30px;
	}
.postList01 li span.title{
	padding-right:30px;
	}
	
.pageList{
	margin-bottom:60px;
	font-size:18px;
	}
.pageList:after{
	content:"";
	display:block;
	clear:both;
	}
.pageList li{
	float:right;
	width:48%;
	max-width:325px;
	margin-bottom:30px;
	padding-right:15px;
	}
.pageList li:nth-of-type(2n+1){
	clear:both;
	float:left;
	padding-right:0;
	padding-left:15px;
	}
.pageList li a{
	text-decoration:none;
	}
.pageList li img{
	display:block;
	margin-bottom:10px;
	}
.pageList li span{
	display:inline-block;
	padding-left:22px;
	position:relative;
	font-weight:bold;
	}
.pageList li span:before{
	content:"";
	display:block;
	position:absolute;
	width:0;
	height:0;
	border:6px solid transparent;
	border-left:10px solid #dadada;
	left:4px;
	top:6px;
	}
	
.frontPostEx>h2{
	margin-bottom:10px;
	}
.frontPostEx>section>img{
	float:left;
	margin-right:10px;
	}
.frontPostEx>section .post{
	clear:none;
	}
	
#pan{
	margin-top:-40px;
	margin-bottom:40px;
	}
#pan>div>span{
	font-size:12px;
	margin-right:0.4em;
	}
#pan>div>span:before{
	content:' > ';
	}
#pan>div>span:first-child:before{
	content:'';
	}
@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
}
@media screen and (min-width:769px){
/* PCサイズのみ */
.sidebarBlogType0 #frontNav.page,
.sidebarBlogType1 #frontNav.page{
	text-align:center;
	}
.sidebarBlogType0 #frontNav.page li,
.sidebarBlogType1 #frontNav.page li{
	float:left !important;
	padding:0 10px !important;
	width:50%;
	text-align:left;
	}
.sidebarBlogType0 #frontNav.page li:nth-of-type(3n+1),
.sidebarBlogType1 #frontNav.page li:nth-of-type(3n+1){
	clear:none;
	}
.sidebarBlogType0 #frontNav.page li:nth-of-type(2n+1),
.sidebarBlogType1 #frontNav.page li:nth-of-type(2n+1){
	clear:both !important;
	}
}

@media screen and (max-width:1280px){
/* フルサイズ以下 */
#promo{
	width:100%;
	margin:0 auto !important;
	left:0 !important;
	position:relative;
	}
}
@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
.iconList a img{
	-webkit-filter: grayscale(0%);
	filter: none;
	opacity:1;
	}
}
@media screen and (max-width:540px){
/* SPサイズのみ */
h1.mainTitle{
	font-size:18px;
	}
h1.mainTitle>span{
	height:60px;
	}
	

#frontNav li{
	width:49%;
	padding:0;
	float:right;
	}
#frontNav li:nth-of-type(3n+1){
	clear:none;
	}

#frontNav li:nth-of-type(2n+1){
	clear:both !important;
	float:left;
	}
	
.postList li div.postdata{
	padding-top:4px;
	}
.postList li div.postdata a{
	font-size:14px;
	}

.postList01 li{
	padding:10px;
	}
.postList01 li a{
	display:inline-block;
	width:auto;
	}
.postList01 li span{
	display:inline-block;
	padding:0 !important;
	width:auto !important;
	}
.postList01 li span.date{
	min-width:120px;
	margin-right:10px;
	}
	
.frontPostEx>section>img{
	float:none;
	display:block;
	margin:0 auto 6px;
	}

#pan{
	display:none;
	}
}
/****************************************************************************************************** common */


/* side/widget ******************************************************************************************************/
#side a{
	color:#333 !important;
	text-decoration:none;
	}
#side a:hover,
#side a:active{
	text-decoration:underline !important;
	}
	
#side aside h4{
	background:#ccc;
	color:#fff;
	padding-left:10px;
	margin-bottom:4px;
	}
#side .pageArchive h4 a{
	padding:12px 4px;
	text-decoration:none !important;
	color:#fff !important;
	display:block
	}

#side aside{
	margin-bottom:30px;
	}
#side aside li{
	border-bottom:1px dotted #ccc;
	padding-left:10px;
	}
#side aside li li{
	margin-left:10px;
	}
#side aside li li:last-child{
	border-bottom:none;
	}
#side aside li li:first-child{
	border-top:1px dotted #ccc;
	}
#side aside li a{
	position:relative;
	padding-left:10px;
	display:inline-block;
	}
#side aside li a:before{
	content:"";
	width:0;
	height:0;
	position:absolute;
	left:0;
	top:10px;
	border:3px solid transparent;
	border-left:4px solid #ccc;
	}
#side aside select{
	padding:2px 6px;
	min-width:200px;
	margin-top:6px;
	}
	
#recentcomments a:before{
	display:none;
	}
	
/* WordPress Popular Posts 使用時のCSS */
#side .wpp-list li{
	padding:10px 0;
	}
#side .wpp-list li a{
	padding:0 !important;
	clear:none;
	display:inline;
	}
#side .wpp-list li a:before{
	display:none;
	}
#side .wpp-list li a:first-child{
	float:left;
	}
#side .wpp-list li img{
	vertical-align:middle;
	}
#side .wpp-list .wpp-excerpt{
	display:block;
	font-size:12px;
	line-height:1.4em;
	}
#side .wpp-list .post-stats{
	font-size:10px;
	color:#aaa;
	line-height:1.4em;
	clear:both;
	padding-top:6px;
	}
#side .wpp-list li:after{
	content:"";
	display:block;
	clear:both;
	}

@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
}
@media screen and (min-width:769px){
/* PCサイズのみ */
}

@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
}
@media screen and (max-width:540px){
/* SPサイズのみ */
}
/****************************************************************************************************** side/widget */


/* post ******************************************************************************************************/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
.aligncenter{
	display:block;
	margin:0.5em auto;
	}
.wp-caption{
	text-align:center;
	}
.post p.wp-caption-text{
	margin:0.5em;
	}

@media screen and (max-width:540px){
.alignright,
.alignleft{
	padding:0 !important;
	margin:0.5em auto !important;
	display:block !important;
	float:none !important;
	}
}
	
.post{
	overflow:hidden;
	clear:both;
	margin-bottom:40px;
	}
.post:after,
.single:after{
	content:"";
	display:block;
	clear:both
	}

#body h1{
	font-size:1.5em;
	padding-bottom:4px;
	border-bottom:2px solid #aaa;
	margin-bottom:0.5em;
	}
#body h2,
#frontNav .title{
	font-weight:bold;
	font-size:1.4em;
	border-left:4px solid #aaa;
	padding:2px 0 0 8px;
	}
#body h3{
	font-size:1.3em;
	border-left:4px solid #aaa;
	padding:2px 0 0 8px;
	}
.post h4{
	font-size:1.2em;
	}
.post h4:before{
	content:"◆";
	padding-right:4px;
	}
.post h5{
	font-size:1.1em;
	}
.post h5:before{
	content:"●";
	padding-right:4px;
	}
.post h6{
	font-size:1.0em;
	}
.post h6:before{
	content:"▼";
	padding-right:4px;
	}

.post p, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post ul, .post ol, .post table, .post blockquote, .post hr{
	margin:1em 0;
	}

.post ul>li{
	margin:0.25em 0;
	padding-left:18px;
	position:relative;
	}
.post ul>li:before{
	content:"・";
	position:absolute;
	left:0;
	}
.post ol>li{
	margin:0.5em 0;
	margin-left:34px;
	position:relative;
	list-style:decimal;
	}
.post blockquote{
	background:#fafafa;
	padding:10px 30px;
	margin-left:40px;
	border-left:2px solid #aaa;
	}
	
.post table{
	border-collapse:collapse;
	max-width:100%;
	}
.post table td, .post table th{
	border:1px solid #ccc;
	padding:6px;
	text-align:left;
	min-width:200px;
	}
.post table th{
	border:1px solid #ddd;
	background:#aaa;
	color:#fff;
	font-weight:normal;
	}
@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
}
@media screen and (min-width:769px){
/* PCサイズのみ */
}

@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
}
@media screen and (max-width:540px){
/* SPサイズのみ */
#body h1{
	font-size:1.3em;
	}
#body h2,
#frontNav .title{
	font-size:1.2em;
	}
#body h3{
	font-size:1.1em;
	}
.post h4{
	font-size:1.0em;
	}
.post h5{
	font-size:1.0em;
	}
.post h6{
	font-size:1.0em;
	}

.post table{
	width:100% !important;
	}
.post table td, .post table th{
	min-width:80px;
	}
.post blockquote{
	margin-left:0;
	}
	
#main iframe{
	margin:0 30px;
	}
}
	
#body a:hover,
#body a:active{
	text-decoration:none;
	}
#body a:visited{
	color:#7c51a8;
	}
	
.single{
	margin:30px 0;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	}
#body .meta{
	text-align:right;
	}
#body .meta a,
#body .meta span{
	display:inline-block;
	margin:0 5px;
	}
#body h1 a,
#body h2 a{
	text-decoration:none;
	}
a.readMore{
	float:right;
	position:relative;
	padding-left:16px;
	}
a.readMore:before{
	content:"≫";
	position:absolute;
	left:0;
	}
	
.postList{
	margin-top:20px;
	margin-bottom:30px;
	}
.postList li{
	border-bottom:1px solid #ccc;
	padding:16px 0;
	}
.postList li:after{
	content:"";
	display:block;
	clear:both;
	}
.postList li div.postdata{
	float:right;
	width:60%;
	padding-top:10px;
	}
.postList li>a{
	display:block;
	float:left;
	width:38%;
	}
.postList li div.postdata a{
	font-size:16px;
	line-height:1.4em;
	}
	
@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
}
@media screen and (min-width:769px){
/* PCサイズのみ */
}
@media screen and (min-width: 541px) and (max-width: 768px){
/* タブレットサイズのみ */
.pageList{
	text-align:center;
	}
.pageList li{
	float:left !important;
	padding:0 10px !important;
	width:33.3%;
	text-align:left;
	}
.pageList li:nth-of-type(2n+1){
	clear:none;
	}
.pageList li:nth-of-type(3n+1){
	clear:both;
	}
}

@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
.pageList{
	font-size:14px;
	}
}
@media screen and (max-width:540px){
/* SPサイズのみ */
.postList li div.postdata{
	padding-top:4px;
	}
.postList li div.postdata a{
	font-size:14px;
	}
	
.pageList li{
	padding-left:0 !important;
	padding-right:0 !important;
	}
}
/****************************************************************************************************** post */


/* otner ******************************************************************************************************/

/* SNSボタン *******************************************/
.snsButton ul{
	height:auto;
	text-align:right;
	margin-top:6px;
}
.snsButton li{
	margin-bottom:6px;
	display:inline-block;
	}
#body .snsButton li a{
	font-size:14px;
	display:inline-block;
	text-align:center;
	width:84px;
	list-style:none;
	color:#fff !important;
	text-decoration:none !important;
	margin:0;
}
#body .snsButton li a:hover{
	text-decoration:none;
	color:#ffffff;
}
.snsButton li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
.snsButton li.share-twitter:hover{
	background:#83c3f3;
}
.snsButton li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
.snsButton li.share-facebook:hover{
	background:#4c70ba;
}
.snsButton li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
.snsButton li.share-google:hover{
	background:#e47365;
}
.snsButton li.share-hatena{
	background:#008fde;
	box-shadow:0 2px #0770aa;
}
.snsButton li.share-hatena:hover{
	background:#2ca7eb;
}
.snsButton li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
.snsButton li.share-pocket:hover{
	background:#f26f7f;
}
.snsButton li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
.snsButton li.share-line:hover{
	background:#2bd92b;
}
@media screen and (max-width:540px){
/* SPサイズのみ */
#body .snsButton li a{
	font-size:12px;
	width:68px;
	}
}
/******************************************* SNSボタン */

#body .wp_social_bookmarking_light{
	float:right;
	padding:0 !important;
	margin:10px 0 0 !important;
	}
	
#main input[type="text"],
#main input[type="tel"],
#main input[type="email"],
#main input[type="search"],
#main input[type="url"],
#main input[type="password"],
#main input[type="datetime"],
#main input[type="date"],
#main input[type="month"],
#main input[type="week"],
#main input[type="time"],
#main input[type="datetime-local"],
#main input[type="number"],
#main input[type="range"],
#main input[type="color"],
#main textarea{
	padding:6px 10px;
	border:1px solid #ccc;
	width:100%;
	}
#main input[type="submit"],
#main input[type="button"],
#main button{
	background:#ccc;
	padding:8px 20px;
	border:none;
	box-shadow:0px 1px 2px rgba(0,0,0,0.4);
	color:#fff;
	}
input[type="submit"],
input[type="button"],
button{
	cursor:pointer;
	}


#serchResult{
	margin-top:30px;
	}
#serchResult li{
	margin-bottom:10px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
	}
#serchResult li>a{
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	margin-right:20px;
	}
#serchResult li .meta{
	display:inline-block;
	opacity:0.8;
	font-size:12px;
	}
#serchResult li>a:hover,
#serchResult li>a:active{
	text-decoration:underline;
	}
	
/* コメント機能 *******************************************/
#comments{
	padding-top:40px;
	clear:both;
	}
#comments #respond p{
	margin:1em 0;
	}
#comments .required{
	color:#CF2C38;
	}
#comments .form-allowed-tags{
	color:#aaa;
	font-size:12px;
	line-height:1.4em;
	}
#comments #comments-list{
	margin:1em 0 40px;
	}
#comments #comments-list li{
	padding:20px 10px 0px;
	margin-bottom:10px;
	border:1px solid #aaa;
	background:#fcfcfc;
	}
#comments .comment-body>p{
	margin:0.5em 0;
	}
#comments .comment-reply-link{
	margin-bottom:10px;
	display:inline-block;
	}
#comments .says{
	display:none;
	}
/******************************************* コメント機能 */

/* 記事フッター *******************************************/
.postFooter{
	margin:40px 0;
	padding:20px 10px;
	border:1px solid #ccc;
	background:#fafafa;
	}
.postFooter:after{
	content:"";
	display:block;
	clear:both;
	}
.postFooter div.postFooterThumb00{
	float:right;
	padding-left:20px;
	text-align:center;
	margin-bottom:20px;
	}
.postFooter div.postFooterThumb01{
	float:left;
	padding-right:20px;
	text-align:center;
	margin-bottom:20px;
	}
.postFooter div.postFooterThumb02,
.postFooter div.postFooterThumb03{
	text-align:center;
	margin-bottom:20px;
	}
.postFooter .post{
	clear:none;
	margin-bottom:20px;
	}
.postFooter .buttonArea{
	text-align:center;
	clear:both;
	padding-bottom:10px;
	}
@media screen and (max-width:540px){
.postFooter div.postFooterThumb00,
.postFooter div.postFooterThumb01{
	float:none;
	}
}
/******************************************* 記事フッター */

.widget_sp_image-image-link img{
	display:block;
	margin:0 auto;
	}

/* facebook page plugin *******************************************/
.fb-page{
	margin-bottom:40px;
	}
/******************************************* facebook page plugin */

/* twitter ウィジェット *******************************************/
.twitter-page{
	margin-bottom:40px;
	}
.twitter-page iframe{
	margin:0 !important;
	}
/******************************************* twitter ウィジェット */

@media screen and (min-width:541px){
/* PCサイズ・タブレットサイズ */
}
@media screen and (min-width:769px){
/* PCサイズのみ */
}

@media screen and (max-width:768px){
/* SPサイズ・タブレットサイズ */
}
@media screen and (max-width:540px){
/* SPサイズのみ */
.ytb{
    padding: 0 !important;
	width:300px;
}
/****************************************************************************************************** otner */