@charset "UTF-8";

/*------------------------------------------------------------
共通設定
-------------------------------------------------------------*/

html{
      overflow-y: scroll;
}

body{
      background: url(./images/common/bg.jpg);
      font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
      color: #555;
      user-select:none;
      touch-callout:none;
      -webkit-user-select:none;
      -webkit-touch-callout:none;
      -webkit-user-drag:none;
      -moz-user-select: none;
      -ms-user-select: none;
      -khtml-user-select: none;
      -khtml-user-drag: none;
}

@font-face { font-family: "HuiFont29"; src: url(./fonts/HuiFont29.ttf); }
@font-face { font-family: "Goyang"; src: url(./fonts/Goyang.ttf); }


a{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #4fd5cd;
	text-decoration: none;
}

a:hover,
a:active,
a:focus{
	color: #ff97b7;
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
}

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

img{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}
select{
    max-width: 100%;
}
textarea{
	min-height: 100px;
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	margin: 0;
}

table{
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	border-spacing: 0;
}

caption{
	text-align: left;
}

img{
	height: auto;
	max-width: 100%;
}

img{
	max-width: none\9;/*IE8への対応*/
}

html:not(:target) img{
    max-width: 100%; /*IE9以上への対応*/
}

p{
	margin: 1em 0 1.5em;
	padding-bottom: 10px;
}

ul,
ol{
	padding-left: 0;
}

li{
	margin-bottom: 0.5em;
	list-style: none;
}

/*引用*/
blockquote{
	position: relative;
	border: 1px solid #cccccc;
	border-radius: 4px 4px;/*角の丸み*/
	margin: 1em 0 2.5em;
	padding: 35px 20px 40px 25px;
	background: #f9f9f9;
       line-height: 1.5;
}

blockquote p:last-child{
	margin-bottom: 0;
}

blockquote:before{
	position: absolute;
	top: 15px;
	left: 20px;
	width: 15px;
	height: 12px;
	content: url(./images/icon/icon-laquo.png);
}

blockquote:after{
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 15px;
	height: 12px;
	content: url(./images/icon/icon-raquo.png);
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		blockquote:before{
			display: inline-block;
			vertical-align: middle;
	width: 15px;
	height: 12px;
			background: url(./images/icon/icon-laquo@2x.png);
			-webkit-background-size: 15px 12px;
			background-size: 15px 12px;
			content: " ";
		}

		blockquote:after{
			display: inline-block;
			vertical-align: middle;
	width: 15px;
	height: 12px;
			background: url(./images/icon/icon-raquo@2x.png);
			-webkit-background-size: 15px 12px;
			background-size: 15px 12px;
			content: " ";
		}

	}

blockquote a:hover,
blockquote a:active,
blockquote a:focus{
	color: #ff97b7;
}

table{
	margin: 1em 0 2.5em;
	padding: 0;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
}

tr{
      height: 50px;
}

th,
td{
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
	line-height: 1.4;
	padding: 10px 15px;
}

th{
	background: #e5e5e5;
	background: -moz-linear-gradient(left, #efefef 0%, #fcfcfc 100%);
	background: -webkit-linear-gradient(left, #efefef 0%, #fcfcfc 100%);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#efefef), color-stop(1, #fcfcfc));
	background: -o-linear-gradient(left, #efefef 0%, #fcfcfc 100%);
	background: linear-gradient(left, #efefef 0%, #fcfcfc 100%);
	color: #333;
}

thead th{
	background: url(./images/common/bg-white.jpg) ;
	text-align: center;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		thead th{
			background: url(./images/common/bg-white@2x.jpg) ;
			-webkit-background-size: 180px 140px;
			background-size: 180px 140px;
		}

	}

dd{
	margin-left: 0;
	padding-left: 1em;
}

figure{
	margin: 1em 0;
}

/*--------------------------------------------------------
テンプレートレイアウト
--------------------------------------------------------*/
.site-header,
.global-nav,
.main-body,
.site-footer{
    min-width: 1070px;
}
.site-header-in,
.global-nav-in,
.main-body-in,
.site-footer-in{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1070px; /*サイトの横幅。これより小さければレスポンシブ*/
	margin: auto;
}

/*1カラムレイアウト*/
.col1 .main-body-in{
	width: 100%;
}

.col1 .breadcrumbs{
	width: 1070px;
	margin-right: auto;
	margin-left: auto;
}

/*2カラムレイアウト*/
.col2 .main-conts{
	float: left;
	width: 680px;
}

.col2 .sub-conts{
	float: right;
	width: 310px;
	margin-left: 80px;
}

/*2カラムレイアウト（リバース）*/
.col2r .main-conts{
	float: right;
	width: 680px;
}

.col2r .sub-conts{
	float: left;
	width: 310px;
	margin-right: 80px;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
.site-header{
	background:url(./images/common/bg_site-header.png) no-repeat;
	background-size: cover;
}
	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.site-header{
			background:url(./images/common/bg_site-header.png) no-repeat;
			background-size: cover;
		}
	}

.site-header-conts{
	padding: 2.5em 0px 2em;
}
/*ヘッダーロゴ*/
.site-title{
	margin: 0;
}
.site-title img{
	width: 400px;
}
.sub-title{
	font-size: 0.9em;
	margin: 1em 0 0em;
  	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
             #fff 1px -1px 0px, #fff -1px -1px 0px;
}


/*--------------------------------------------------------
PCメニュー
--------------------------------------------------------*/
.global-nav{
	top: 0;
	background-color: #fff;
}
.global-nav-in ul{
	width: 100%;
	margin: 0;
	padding: 0;
}
.global-nav-in li{
	display: inline-block;
	list-style: none;
	position: relative;
	vertical-align: middle;
	margin: 1em 0 0.1em;
	padding: 0 1em 0 0;
}
.global-nav-in li+ li {
	border-left: 1px dotted #666;
	padding: 0 1em;
}
.global-nav-in li a{
	display: block;
	min-height: 1.5em; /*メニュー毎に高さが変わるときに調整*/
	color: #777;
}
.global-nav-in li a:hover,
.global-nav-in li a:active,
.global-nav-in li a:focus{
	color: #ff97b7;
}
.global-nav-in li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/*--------------------------------------------------------
モバイルメニュー
--------------------------------------------------------*/
.panel-menu{
	display: none;
	margin-bottom: 0.5em;
}
.mb-menu{
	font-size: 1.2em;
}
.h-btn{
	display: block;
	text-align: left;
	padding: 0.5em 0.8em 1.2em;
	color: #666;
	cursor: pointer;
}
.panel-menu .check {
	display: none;
}
.panel-menu #menu {
	padding: 0 1em;
}
.panel-menu li {
	display: inline-block;
	list-style: none;
	padding: 0 1em 0.5em 0;
	font-size: 0.9em;
}
.panel-menu li+ li {
	border-left: 1px dotted #666;
	padding: 0 1em;
	margin: 0em 0 1.2em;
}
.panel-menu li a{
	color: #777;
}
.panel-menu li a:hover,
.panel-menu li a:active,
.panel-menu li a:focus{
	color: #ff97b7;
}
.panel-menu .check + ul{
	-webkit-transition: .3s ease;
	transition: .3s ease;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 0;
	overflow: hidden;
}
.panel-menu .check:checked + ul{
	height: 200px;
}

/*モバイル検索ボタン*/
.mb-header-search {
      padding: 0em 0 1em;
}


/*--------------------------------------------------------
パンくずリスト
--------------------------------------------------------*/

.breadcrumbs-in{
	margin: 2em 0;
	padding: 0;
	color: #666;
	font-size: 0.9em;
}

.no-gn .breadcrumbs-in{
	margin-top: 0;
}

.breadcrumbs-in a{
	color: #666;
}

.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus{
	color: #ff97b7;
}

.breadcrumbs-in li{
	display: inline-block;
	list-style: none;
	position: relative;
	margin-right: 10px;
	padding-right: 20px;
	background: url(./images/icon/icon-brc.gif) right center no-repeat;
}

.breadcrumbs-in li.bcl-first:before{
	content: url(./images/icon/icon-home-brc.png);
}

.breadcrumbs-in li.bcl-last{
	background: none;
}

.breadcrumbs-in li.bcl-last:before{
	content: none;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.breadcrumbs-in li{
			background: url(./images/icon/icon-brc@2x.gif) right center no-repeat;
			-webkit-background-size: 5px 9px;
			background-size: 5px 9px;
		}

		.breadcrumbs-in li.bcl-first:before{
			width: 12px;
			height: 12px;
			background: url(./images/icon/icon-home-brc@2x.png);
			margin-top: -3px;
		}

		.breadcrumbs-in li:before,
		.breadcrumbs-in li.bcl-first:before{
			display: inline-block;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

.breadcrumbs-in li.bcl-last:before{
			width: 0;
			height: 0;
			background: none;
			content: none;
		}
	}


/*--------------------------------------------------------
メインボディ
--------------------------------------------------------*/

.main-body{
	margin-top: 3em;
	padding-bottom: 30px;
}

/*--------------------------------------------------------
メインコンテンツ
--------------------------------------------------------*/
.main-conts{
	line-height: 1.8;
}

.col1 .main-conts{
	margin-bottom: 40px;
}

/*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
.section-wrap{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 4em;
	padding: 0 0;
	border: 1px solid #ccc;
}

.main-conts .section-wrap{
	border: none;
	background:#fff;
}

.section-wrap.wide{
	border-right: 0;
	border-left: 0;
}

.section-wrap .section-in,
.float-area{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.float-area{
	margin-bottom: 10px;
}

/*1カラムレイアウト*/
.col1 .section-wrap,
.col1 .float-area{
	width: 1070px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .section-wrap{
	padding: 40px 80px;
}

.col1 .section-wrap.wide{
	width: 100%;
	padding: 40px 0;
}

.col1 .section-wrap.wide .section-in{
	width: 1070px;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 0;
}

/* ページャー */
.pager{
	clear: both;
	margin: 2em auto 4em;
	text-align: center;
}
a.page-numbers,
.pager .current{
	display: inline-block;
	color: #666666;
	background-color: #efefef;
	border: solid 1px #aaaaaa;
	border-radius: 2px;
	padding: 7px 11px;
	margin: 7px 3px;
}
.pager .current{
	background-color: #666666;
	border: solid 1px #333333;
	color: #ffffff;
}
 .pager a:hover{
	color: #ffffff;
	border: solid 1px #ff97b7;
	background-color: #ff97b7;
}

/*SNS並び具合*/
.sns-list{
	margin: 50px 0 100px;
}
.sns-list li{
	float: left;
	margin-right: 10px;
}
.main-conts .sns-list .sb-fb-like{
	margin-top: -8px;
}
.main-conts .sns-list .sb-gplus{
	margin-right: -20px;
}

/*--------------------------------------------------------
サブコンテンツ
--------------------------------------------------------*/
.sub-conts .section-wrap{
	margin: 0 auto;
	padding: 0;
	border: none;
}

.sub-conts .section-wrap .section-in{
	padding: 20px 0 10px;
}

.col1 .sub-conts .section-wrap .section-in{
	padding: 0 80px 30px;
}

.sub-conts .search-box input[type="text"],
.sub-conts select{
    color: #333;
}

/*サブコンテンツ用メニューのデザイン*/
.sub-conts .link-menu{
	margin-left: 0;
	padding-left: 0;
}

.sub-conts .link-menu li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 13px;
	background: url(./images/icon/icon-list-arw.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts .link-menu li{
			background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
			-webkit-background-size: 9px 12px;
			background-size: 9px 12px;
		}

	}

.sub-conts .link-menu ul{
	margin-top: 1em;
	margin-left: 10px;
	padding-left: 0;
}

.sub-conts .link-menu-image{
	margin-right: 0;
	margin-left: 0;
}

.sub-conts .link-menu-image li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.sub-conts .link-menu-image li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.post-new{
	margin: 30px 0 40px;
}

.link-menu-image-thumb{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.link-menu-image-thumb img{
	width: 110px;
	height: auto;
}
.post-title{
	font-size: 0.9em;
}

.sub-conts .link-menu-image .post-title{
	overflow: hidden;
	margin-bottom: 0;
	padding: 5px 0;
	border: none;
	background: none;
	font-weight: normal;
}

.sub-conts .section-wrap h3{
	padding: 0 0 10px;
	border-bottom: none;
	border-radius:0;
	background: none;
	color: #333;
	font-weight: bold;
}

.sub-conts .b{
	color: #333;
}
.sub-conts a{
    color: #888;
}
.sub-conts a:hover{
	color: #ff97b7;
}

/*profile*/
.profile{
      clear: both;
      margin-bottom: 3em;
}
.side-profile:after{
      clear: both;
}
.profile img,
.side-profile img{
	float: left;
	border: 2px solid #dddddd;
	margin-right: 15px;
	margin-bottom: 16px;
}
.profile p,
.side-profile p{
      margin-top: 0;
}
.profile a,
.side-profile a{
	color: #4fd5cd;
}
.profile a:hover,
.side-profile a:hover{
	color: #ff97b7;
}
.side-contact{
   margin: 1.3em 0 0em;
}
/*profile-sns*/
.profile-sns{
	clear: both;
}
.side-twitter,
.side-facebook{
	width: 100px;
   margin: 1em 0;
	padding: 0.7em 1.3em;
   cursor: pointer;
}
.side-twitter{
	background: #55acee;
}
.side-facebook{
	background: #455a9e;
}
.side-twitter a,
.side-facebook a,
.side-twitter a:hover,
.side-facebook a:hover{
	color: #fff;
}
.side-twitter:hover,
.side-facebook:hover{
	opacity: 0.7;
}
/* サイドバナー */
.side-kihon{
   margin: 1.5em 0 1.5em;
}

/*サイドサムネイルetc*/
.rank-thumb img:hover,
.related-thumb img:hover,
.link-menu-image-thumb img:hover,
.side-kihon img:hover{
	opacity: 0.7;
}

.side-search{
	margin-bottom: 1em;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.site-footer{
	background: url(./images/common/bg_site-header.png) #fff;
	color: #333;
	background-size: cover;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.site-footer{
			background: url(./images/common/bg_site-footer.png)  #fff;
			background-size: cover;
		}

	}

.site-footer-in a{
	color: #666;
	text-decoration: none;
}

.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus{
	color: #ff97b7;
}

/*フッターナビ*/
.site-footer-nav{
	margin: 0 auto;
	padding: 2em 0 1em;
	text-align: center;
   font-size: 0.75em;
}
.site-footer-nav li{
	display: inline;
	list-style: none;
	margin: 1em 1em 0;
}


/*SNSアイコン*/
.footer-sns{
    text-align: center;
}
.footer-sns img{
	width: 25px;
	height: 25px;
	margin: 1em;
}

/*コピーライト*/
.copyright{
	margin: 0 auto;
	padding: 20px 0;
	color: #666;
	text-align: center;
	font-size: 0.9em;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.copyright{
			-webkit-background-size: 180px 140px;
			background-size: 180px 140px;
		}

	}

/*ページトップボタン*/
.page-top{
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	line-height: 1.2;
	margin-bottom: 0;
}


/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
	margin-top: 0;
}

.main-body h1{
	margin: 60px 0;
	color: #333;
	font-size: 1.6em;
	line-height: 1.4;
}

	/*ページのh1*/
.page .main-body h1.section-title,
.main-body h1.archive-title{
	margin-bottom: 2em;
	padding: 0.7em 0 0.5em 0.5em;
	border-top: 3px solid #ddd;
	border-bottom: 2px solid #ddd;
	background: url(./images/common/bg-h1@2x.png) right 0 no-repeat #fff;
}
	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.page .main-body h1.section-title,
		.main-body h1.archive-title{
			background: url(./images/common/bg-h1.png) right 0 no-repeat #fff;
			-webkit-background-size: 352px 123px;
			background-size: 352px 123px;
		}
	}


	/*ページのh2、ブログ記事のh1*/
.home .main-body h1,
.archive h1.section-title,
.search h1.section-title,
.single .main-body h1{
	margin: 0 0 15px;
	padding: 0 0 10px 0;
	color: #333;
	line-height: 1.3;
	font-size: 1.35em;
	font-weight: 600;
  	background-image: url(images/common/under.png);
	background-position: 0% 100%;
	background-repeat: repeat-x;
 	text-shadow: 2px 2px #e9fff4;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.home .main-body h1,
		.archive .main-body h1,
		.single .main-body h1{
			background: url(./images/common/under.png) right bottom no-repeat #fff;
			background-position: 0% 100%;
			background-repeat: repeat-x;
			-webkit-background-size: 12px 12px;
			background-size: 12px 12px;
		}

	}

.home.page .main-body h2:first-child{
	margin-top: 0;
}

.main-body h3{
      margin: 35px 0 20px;
      padding: 0 0 11px 5px;
      color: #333;
      border-bottom: 3px dotted #a4e2c3;
      font-size: 1.2em;
      font-weight: 700;
      line-height: 1.2;
}

.main-body h4{
	margin: 20px 0;
	color: #333;
	font-weight: bold;
	font-size: 1.15em;
	line-height: 1.2;
}
.main-conts h4:before{
	content: '☆';
}

.main-body h5{
	margin: 7px 0 0;
	color: #333;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.main-body h5{
			-webkit-background-size: 120px 120px;
			background-size: 120px 120px;
		}

	}

.main-body h6{
	margin: 55px 0 7px;
	padding-left: 8px;
	border-left: 6px solid #666;
	color: #333;
	font-weight: bold;
	font-size: 1em;
}

/*画像を使う場合などに見出しのデザインを解除*/
.main-body .img-title{
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: normal;
	font-size: 1.0em;
}

.main-body h3 a:hover{
	color: #fff;
}

/*コンテンツの外にある見出し*/
.main-body .archive-title{
	margin: 0 0 20px;
	font-size: 1.6em;
}

.col1 .main-body .archive-title{
	max-width: 1070px;
	margin-right: auto;
	margin-left: auto;
}

/*記事タイトルや基本単位毎の最初の見出し*/
.page .section-wrap .section-title{
	line-height: 1.5;
	margin: 0 0 1em;
	padding: 0 0 15px;
	border: none;
	font-size: 1.6em;
}
	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.section-wrap .section-title{
			-webkit-background-size: 20px 5px;
			background-size: 20px 5px;
		}
	}

.single .main-body h2{
      margin: 2em 0 1em;
      padding: 23px 10px 21px 48px;
      background: url(images/common/single_h2.png) 2% 50% no-repeat #f8fefb;
      font-size: 1.3em;
      line-height: 1.2;
      font-weight: 700;
      color: #333;
      border-left: 3px solid #a4e2c3;
      border-bottom: 1px dotted #a4e2c3;
}
	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.single .main-body h2{
			background: url(images/common/single_h2@2x.png) 3.5% 50% no-repeat #f8fefb;
			-webkit-background-size: 25px 24px;
			background-size: 25px 24px;
		}
	}

.page .main-body h2{
      margin: 2em 0 1em;
      padding: 15px 10px 13px 48px;
      background: url(images/common/section_h2.png) 2% 50% no-repeat #fef5fd;
      font-size: 1.3em;
      line-height: 1.2;
      font-weight: 700;
      color: #333;
      border-left: 3px solid #fb93ff;
      border-bottom: 1px dotted #fb93ff;
}
	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.page .main-body h2{
      			background: url(images/common/section_h2.png) 3.5% 50% no-repeat #fef5fd;
			-webkit-background-size: 25px 25px;
			background-size: 25px 25px;
		}
	}

.error404 h2{
      margin: 3em 0 1.5em;
      font-size: 1.1em;
      font-weight: bold;
}

.page .main-body h3{
   border-bottom: 2px dotted #fb93ff;
}

.main-body .section-title a{
	color: #333;
	text-decoration: none;
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
	color: #ff97b7;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
	margin: 0 0 30px;
	padding: 8px 0 9px 20px;
       border-bottom: 2px solid #cccccc;
	background: url(./images/common/bg-h1@2x.png) right 0 no-repeat #fff;
	color: #333;
	font-weight: normal;
	font-size: 1.125em;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts .section-wrap .section-in .section-title,
		.sub-conts .section-wrap .article-header .section-title{
			background: url(./images/common/bg-h1@2x.png) right 0 no-repeat #fff;
		}

	}

	.col h3{
	padding: 0 0 10px;
	border-radius: 0;
	border-bottom: 1px solid #ccc;
	background: none;
	color: #666;
	font-weight: bold;
	font-size: 1.5em;
}

/*サイトマップ*/
.page .main-body li a{
	color: #888;
	text-decoration: none;
}
.page .main-body li a:hover{
	color: #ff97b7;
}
.list {
	margin-left: 0em;
}
.list li{
	font-size: 0.9em;
	list-style: none;
	padding-left: 13px;
	background: url(./images/icon/icon-brc.gif) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.list li{
			background: url(./images/icon/icon-brc@2x.gif) left 6px no-repeat;
			-webkit-background-size: 8px 10px;
			background-size: 8px 10px;
		}

	}

/*記事の一部分にジャンプ*/
.single .main-body h2 a,
.single .main-body h3 a,
.single .main-body h4 a,
.single .main-body h4 a,
.single .main-body h6 a,{
	color: #555;
}

/*まとめ*/
.matome{
	position: relative;
	margin: 1em 0 2.5em;
	padding: 40px 45px;
	background: #f9f9f9;
}
.matome p:last-child{
	margin-bottom: 0;
}
.matome:before{
	position: absolute;
	top: 15px;
	left: 15px;
	width: 40px;
	height: 31px;
	content: url(./images/icon/icon-matome-t.png);
}
.matome:after{
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 40px;
	height: 31px;
	content: url(./images/icon/icon-matome-u.png);
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.matome:before{
			display: inline-block;
			width: 40px;
			height: 31px;
			vertical-align: middle;
			background: url(./images/icon/icon-matome-t@2x.png);
			-webkit-background-size: 40px 31px;
			background-size: 40px 31px;
			content: " ";
		}

		.matome:after{
			display: inline-block;
			width: 40px;
			height: 31px;
			vertical-align: middle;
			background: url(./images/icon/icon-matome-u@2x.png);
			-webkit-background-size: 40px 31px;
			background-size: 40px 31px;
			content: " ";
		}

	}

.matome a:hover,
.matome a:active,
.matome a:focus{
	color: #c4a76b;
}


/*リンクカード*/
.linkcard:hover{
      opacity: 0.7;
}
/* 外枠の角丸が大きいので小さくするのと、余白の変更 */
.lkc-internal-wrap{
	border-radius: 3px;
}
/* サイト名を太字に変更 */
.lkc-domain{
	font-weight: bold;
}
/* 記事タイトルのスタイル変更 */
.lkc-title{
	line-height: 1.4em;
}
/* サイトurl */
.lkc-url{
         font-size: 9px;
}
/* 抜粋文のスタイル変更 */
.lkc-excerpt{
	line-height: 1.4em;
}
/* 画像の角丸を削除 */
.lkc-thumbnail img{
	border-radius: 0px;
}
@media only screen and ( max-width: 480px ) {
      .lkc-thumbnail{
            margin: 5px 10px 5px -3px;
      }
      .linkcard a{
         font-size: 7px;
      }
}

/*afiリンク*/
.box-afi{
	display: table;
	margin-bottom: 2em;
}
.afi-img{
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
.afi-data{
	display: table-cell;
	padding: 0em 1em;
	vertical-align: top;
}


/*appリンク*/
.box-app{
	border: 1px solid #cccccc;
	margin: 1em 0 1.5em;
	padding: 0.3em 0.6em 0 0.7em;
	width: 94%;
}
.app-img{
	float: left;
	margin: 0px 13px 15px 0;
	width: 80px;
	height: 80px;
	border-radius: 10%;
}
.app-name{
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.5;
	margin: -1.3em 0 0em;
	padding-bottom: 0.2em;
	border-bottom: 2px dotted #ccc;
}
.app-bottun{
	clear: both;
	display: inline-block;
	margin: 0 1em 1em 0;
	width: 135px;
	height: 40px;
}
/* 評価 */
.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50{
	padding-right: 98px;
	white-space: nowrap;
}
.star00{ background: url(./images/icon/icon-star00.png) right center no-repeat; }
.star05{ background: url(./images/icon/icon-star05.png) right center no-repeat; }
.star10{ background: url(./images/icon/icon-star10.png) right center no-repeat; }
.star15{ background: url(./images/icon/icon-star15.png) right center no-repeat; }
.star20{ background: url(./images/icon/icon-star20.png) right center no-repeat; }
.star25{ background: url(./images/icon/icon-star25.png) right center no-repeat; }
.star30{ background: url(./images/icon/icon-star30.png) right center no-repeat; }
.star35{ background: url(./images/icon/icon-star35.png) right center no-repeat; }
.star40{ background: url(./images/icon/icon-star40.png) right center no-repeat; }
.star45{ background: url(./images/icon/icon-star45.png) right center no-repeat; }
.star50{ background: url(./images/icon/icon-star50.png) right center no-repeat; }

/*Retina（高解像度）ディスプレイ用*/
@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx){
   .star00{ background: url(./images/icon/icon-star00@2x.png) right center no-repeat; }
   .star05{ background: url(./images/icon/icon-star05@2x.png) right center no-repeat; }
   .star10{ background: url(./images/icon/icon-star10@2x.png) right center no-repeat; }
   .star15{ background: url(./images/icon/icon-star15@2x.png) right center no-repeat; }
   .star20{ background: url(./images/icon/icon-star20@2x.png) right center no-repeat; }
   .star25{ background: url(./images/icon/icon-star25@2x.png) right center no-repeat; }
   .star30{ background: url(./images/icon/icon-star30@2x.png) right center no-repeat; }
   .star35{ background: url(./images/icon/icon-star35@2x.png) right center no-repeat; }
   .star40{ background: url(./images/icon/icon-star40@2x.png) right center no-repeat; }
   .star45{ background: url(./images/icon/icon-star45@2x.png) right center no-repeat; }
   .star50{ background: url(./images/icon/icon-star50@2x.png) right center no-repeat; }
   .star00,
   .star05,
   .star10,
   .star15,
   .star20,
   .star25,
   .star30,
   .star35,
   .star40,
   .star45,
   .star50{
      -webkit-background-size: 97px 17px;
      background-size: 97px 17px;
   }
}


/*記事中SNSボタン*/
.sns-wrap {
	width: 100%;
	margin-top: 2em;
	margin-bottom: 2em;
}
.sns {
	margin: 0 auto;
	list-style: none;
}
.sns a {
	text-decoration: none;
	font-size: 15px;
}
.sns li {
	float: left;
	width: 31.3%;
	margin: 1.1% 2% 1.1% 0;
	text-shadow: 1px 2px 3px #808080;
}
.sns a {
	position: relative;
	display: block;
	padding: 10px 23px;
	color: #fff;
	border-radius: 4px;
}
.pc{
	margin-left: 0.5em;
	padding-left: 1em;
	border-left: solid 1px #ddd;
}
.sns span,
.sns .fa {
	margin-right: .4em;
	color: #fff;
}
.sns li a:hover {
	-webkit-transform: translate3d(0px,5px,1px);
	-moz-transform: translate3d(0px,5px,1px);
	transform: translate3d(0px,5px,1px);
	box-shadow: none;
}
.sns .twitter a {
	background: #55acee;
	box-shadow: 0 5px 0 #0092ca;
}
.sns .facebook a {
	background: #455a9e;
	box-shadow: 0 5px 0 #2c4373;
}
.sns .googleplus a {
	background: #dd4b39;
	box-shadow: 0 5px 0 #ad3a2d;
}
.sns .hatebu a {
	background: #008fde;
	box-shadow: 0 5px 0 #016DA9;
}
.sns .pocket a {
	background: #f03e51;
	box-shadow: 0 5px 0 #c0392b;
}
.sns .line a {
	background: #00da00;
	box-shadow: 0 5px 0 #00aa00;
}
@media only screen and ( max-width: 736px ) {
	.sns-wrap {
		margin-bottom: 1.5em;
	}
	.sns li {
		width: 100%;
		margin: 8px 0;
	}
	.sns a {
		font-size: 14px;
		padding: 11px 23px;
	}
}

/*記事がよかったら、いいね*/
.p-entry__push1{
	clear: both;
	display: block;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
}
.p-entry__pushButton1{
	background-color: rgba(0, 0, 0, 0.4);
	text-align: center;
	padding: 5em 0 3em;
}
.p-entry__note1{
	color: #fff;
	margin: 0;
}
.p-entry__tw-follow{
	margin: 2em 0;
	text-align: center;
	border: solid 2px #ddd;
	padding: 1em 2em;
	color: #ccc;
}
.p-entry__tw-follow:hover{
	background-color: #55acee;
	border: solid 2px #55acee;
	color: #fff;
}
@media only screen and (max-width : 736px){
   .p-entry__pushButton1{
	padding: 3em 0 1em;
   }
}

/*ブログランク*/
.blog_rank{
   margin: 1em 0 1.5em;
}

/*--------------------------------------------------------
パーツ毎のスタイル
--------------------------------------------------------*/

.main-body .news-title a{
	color: #333;
	text-decoration: none;
}
.main-body .news-title a:hover{
	color: #ff97b7;
	text-decoration: none;
}

.main-body .news-item:first-child .news-title{
	margin-top: 0;
}

.news .news-date,
.news .news-cat,
.post-cat{
	display: inline-block;
	text-align: right;
}

.cat{
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: 1px;
	padding: 0.1em 0.5em;
	border-bottom: none;
	color: #fff;
	font-size: 0.85em;
	word-break: break-all;
	border-radius: 3px;
}

.cat a{
	display: inline-block;
	margin: -0.1em -0.5em;
	padding: 0.1em 0.5em;
	color: #fff;
	text-decoration: none;
}

.cat001{ background: #999; }
.cat002{ background: #ddb112; }
.cat003{ background: #b2d45c; }
.cat004{ background: #d87e77; }
.cat005{ background: #44b5e4; }

.news .news-cont{
	margin-bottom: 0.5em;
}

/*記述リスト 横並び*/
.dl-style01 dt,
.dl-style01 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.dl-style01 dt{
	display: block;
	float: left;
	width: 35%;
}

.dl-style01 dd{
	padding-left: 35%;
	border-bottom: 1px dotted #ccc;
}

/*記述リスト 縦並び*/
.dl-style02 dt,
.dl-style02 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.dl-style02 dt{
	display: block;
	background: url(./images/common/bg-gray.jpg) ;
	color: #333;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.dl-style02 dt{
			background: url(./images/common/bg-gray@2x.jpg) ;
			-webkit-background-size: 120px 120px;
			background-size: 120px 120px;
		}

	}

.dl-style02 dd{
	background: #fcfcfc;
}

/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.table-comparison{
	margin: 3em 0;
	border-top: 0;
}

.table-comparison thead th{
	border-top: 1px solid #bbb;
}

.table-comparison th,
.table-comparison td{
	padding: 10px;
	text-align: center;
}

.table-comparison thead .highlight span{
	display: block;
	margin: -11px;
	margin-top: -25px;
	padding: 11px;
	padding-top: 25px;
	border: 1px solid #bbb;
	border-radius: 8px 8px 0 0;
}

.table-comparison th.highlight,
.table-comparison th.highlight span{
	background: #bbb;
	color:#fff;
}

.table-comparison tfoot td,
.table-comparison tfoot td span{
	background: #FFFACD;
}

/*カテゴリー*/
.category-list,
.sub-conts .widget_categories ul{
	margin-left: 0;
	padding-left: 0;
}

.category-list li,
.sub-conts .widget_categories li{
	font-size: 1.1em;
	list-style: none;
	margin-bottom: 0.8em;
    	padding-left: 20px;
}

.category-list ul,
.sub-conts .widget_categories ul ul{
	margin-top: 1em;
	margin-left: 10px;
	padding-left: 0;
}

/*タグクラウド*/
.tagcloud{
	margin: 0 10px 0 10px;
}
.tagcloud a{
	display: inline-block;
	margin: 0 3px 7px 0;
	padding: 2px 5px;
	color: #fff;
	background-color: #ccc;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.tagcloud a:hover{
	color: #fff;
	background-color: #ff97b7;
	border: 1px solid #ff97b7;
}

/*カレンダー*/
#wp-calendar{
	background: #fff;
	font-size: 0.875em;
}

#wp-calendar caption{
	font-weight: bold;
	color: #333;
}

#wp-calendar th,
#wp-calendar td{
	padding: 10px 0;
	text-align: center;
}

#wp-calendar tfoot{
	background-color: #eee;
}

#wp-calendar tfoot td{
	padding: 6px;
	border-right-width: 0;
	text-align: left;
}

#wp-calendar tfoot td:last-child{
	border-right-width: 1px;
	text-align: right;
}

#wp-calendar td a{
	display: block;
	margin: -10px 0;
	padding: 10px 0;
}

/*段組*/
.col4-wrap,
.col3-wrap,
.col2-wrap{
	margin: 0 0 1em;
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{
	margin-left: 0;
}

.col4-wrap .col{
	width: 23.5%;
}

.col4-wrap .col_2of4{
	width: 49%;
}

.col4-wrap .col_3of4{
	width: 74.5%;
}

.col3-wrap .col{
	width: 32%;
}

.col3-wrap .col_2of3{
	width: 66%;
}

.col2-wrap .col{
	width: 49%;
}

.col-link{
	border: 1px solid #ccc;
}

.col-link a{
	display: block;
	color: #333;
	text-decoration: none;
}

.col-link a:hover,
.col-link a:active,
.col-link a:focus{
	background: #eee;
}

/*バナーエリア*/
.banner-list{
	margin-left: 0;
}

.banner-list li{
	list-style: none;
}

.col1 .banner-list{
	text-align: center;
}

.col1 .banner-list li,
.main-conts .banner-list li{
	display: inline-block;
	margin-bottom: 1em;
	margin-left: 1em;
}

.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child{
	margin-left: 0;
}

/*引用元へのリンク*/
.link-ref{
	text-align: right;
}

/*動画などのレスポンシブ対応*/
embed, iframe, object, video{
	max-width: 100%;
}

/*検索ボックス*/
.search-box{
      width: 100%;
      position: relative;
}
.search-box input[type="text"]{
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      max-width: 700px;
      width: 100%;
      height: 32px;
      border: 1px solid #aaa;
      border-radius: 0;
      box-shadow: inset 1px 3px 2px #eee;
      border-radius: 3px 3px;/*角の丸み*/
}
.btn-search{
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 30px;
      vertical-align: top;
      padding: 7px 2px;
      border: none;
      cursor: pointer;
      background: none;
      position: absolute;
      top: 0;
      right: 0.5em;
      z-index: 1;
}
.btn-search img{
	width: 15px;
	height: 18px;
	vertical-align: top;
}

/*アイキャッチ*/
.eye-catch{
	width: 47%;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
}
.eye-catch-text{
	margin-top: 1em;
}
/*メインサムネイル拡大*/
.eye-catch{
      overflow: hidden;
}
.eye-catch img{
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.eye-catch img:hover{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
}

.post-date,
.post-pv{
	font-size: 0.92em;
	float: right;
}
.post-date:after,
.post-pv:after{
	clear: both;
}


/*登場人物紹介１*/
.cast-box{
	padding: 30px 20px;
	background: url(./images/common/bg-cast-box.png) #eee;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.cast-box{
			background: url(./images/common/bg-cast-box@2x.png) #eee;
			-webkit-background-size: 18px 18px;
			background-size: 18px 18px;
		}

	}

.cast-box .cast{
	position: relative;
	min-height: 100px;
	margin-top: 0;
	padding-left: 115px;
}

.cast-box .cast-name{
	color: #333;
	font-weight: bold;
	font-size: 1.25em;
}

.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile{
	margin-left: 0;
	margin-bottom: 40px;
	padding-left: 0;
}

.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile{
	margin-bottom: 0;
}

.cast-box .cast .cast-headshot{
	position: absolute;
	top: 0;
	left: 0;
}

/*登場人物紹介２*/
.cast-box02 .cast{
	position: relative;
	margin-bottom: 40px;
	padding-top: 210px;
}

.cast-box02 .cast dd{
	padding-left: 0;
}

.cast-box02 .cast-name{
	color: #333;
	font-weight: bold;
}

.cast-box02 .cast .cast-headshot{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

.col1 .cast-box02 .cast{
	min-height: 210px;
	padding-top: 0;
}

.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{
	padding-left: 210px;
}

.col1 .cast-box02 .cast .cast-headshot{
	width: auto;
}

/*吹き出し*/
.chat-l,
.chat-r{
	position: relative;
	overflow: hidden;
	margin: 2em 0 1em;
}

.bubble{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 83%;
	min-height: 60px;
	margin-bottom: 2em;
	padding: 1em;
	border: 1px solid #ccc;
	background: #fff;
}

.bubble .bubble-in{
	border-color: #fff;
}

.talker{
	display: block;
	width: 13%;
	height: auto;
	text-align: center;
}

.talker b{
	font-weight: normal;
}

.talker img{
	display: block;
	width: 100px;
	max-width: 100%;
	max-width: none\9;/*IE8への対応*/
	margin: auto;
}

html:not(:target) .talker img{
    max-width: 100%; /*IE9以上への対応*/
}

.chat-l .talker{
	float: left;
	margin-right: 2%;
}

.chat-r .talker{
	float: right;
	margin-left: 2%;
}

.chat-l .bubble{
	float: right;
}

.chat-r .bubble{
	float: left;
}

.bubble .bubble-in:after,
.bubble .bubble-in:before{
	position: absolute;
	top: 25%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: "";
}

/*吹き出しの微調整*/
.bubble .b-arw20:after,
.bubble .b-arw20:before{ top: 20%; }
.bubble .b-arw30:after,
.bubble .b-arw30:before{ top: 30%; }
.bubble .b-arw40:after,
.bubble .b-arw40:before{ top: 40%; }
.bubble .b-arw60:after,
.bubble .b-arw60:before{ top: 60%; }
.bubble .b-arw70:after,
.bubble .b-arw70:before{ top: 70%; }
.bubble .b-arw80:after,
.bubble .b-arw80:before{ top: 80%; }

.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before{
	right: 100%;
}

.chat-r .bubble div:after,
.chat-r .bubble div:before{
	left: 100%;
}

.chat-l .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-right-color: inherit;
}

.chat-l .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-right-color: #ccc;
}

.chat-r .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-left-color: inherit;
}

.chat-r .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-left-color: #ccc;
}

.bubble p:first-child{
	margin-top: 0;
}

/*吹き出し 会話者が複数人の場合*/
.together .talker,
.together .bubble{
	width: 100%;
}

.together .talker b{
	display: inline-block;
	text-align: center;
}

.together.chat-l .talker,
.together.chat-r .talker{
	float: none;
	margin: 0 0 20px;
}

.together.chat-l .talker{
	text-align: left;
}

.together.chat-r .talker{
	text-align: right;
}

.together.chat-l .bubble,
.together.chat-r .bubble{
	float: none;
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{
	top: auto;
	bottom: 100%;
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{
	right: auto;
	left: 10%;
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{
	right: 10%;
	left: auto;
}

.together.chat-l .bubble .bubble-in:after{
	margin-top: -20px;
	margin-left: -8px;
	border-width: 20px 8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-l .bubble .bubble-in:before{
	margin-top: -21px;
	margin-left: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.together.chat-r .bubble .bubble-in:after{
	border-width: 20px 8px;
	margin-top: -20px;
	margin-right: -8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-r .bubble .bubble-in:before{
	margin-top: -21px;
	margin-right: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.bubble-in p:last-child{
	margin-bottom: 0;
}

/*吹き出し背景色：青（HTML版のみ）*/
.bubble-blue{
	border: 1px solid #e1f5fe;
	background: #e1f5fe;
}

.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before{
	border-right-color: #e1f5fe;
}

.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before{
	border-left-color: #e1f5fe;
}

.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before{
	border-bottom-color: #e1f5fe;
}

/*吹き出し背景色：緑（HTML版のみ）*/
.bubble-green{
	border: 1px solid #e8f5e9;
	background: #e8f5e9;
}

.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before{
	border-right-color: #e8f5e9;
}

.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before{
	border-left-color: #e8f5e9;
}

.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before{
	border-bottom-color: #e8f5e9;
}

/*吹き出し背景色：黄（HTML版のみ）*/
.bubble-yellow{
	border: 1px solid #fff59d;
	background: #fff59d;
}

.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before{
	border-right-color: #fff59d;
}

.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before{
	border-left-color: #fff59d;
}

.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before{
	border-bottom-color: #fff59d;
}

/*吹き出し背景色：オレンジ（HTML版のみ）*/
.bubble-orange{
	border: 1px solid #ffcc80;
	background: #ffcc80;
}

.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before{
	border-right-color: #ffcc80;
}

.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before{
	border-left-color: #ffcc80;
}

.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before{
	border-bottom-color: #ffcc80;
}


/*吹き出し背景色：ピンク（HTML版のみ）*/
.bubble-pink{
	border: 1px solid #fbe9e7;
	background: #fbe9e7;
}

.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before{
	border-right-color: #fbe9e7;
}

.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before{
	border-left-color: #fbe9e7;
}

.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before{
	border-bottom-color: #fbe9e7;
}

/*吹き出し背景色：赤（HTML版のみ）*/
.bubble-red{
	border: 1px solid #ef5350;
	background: #ef5350;
	color: #fff;
}

.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before{
	border-right-color: #ef5350;
}

.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before{
	border-left-color: #ef5350;
}

.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before{
	border-bottom-color: #ef5350;
}

/*吹き出し背景色：黒（HTML版のみ）*/
.bubble-black{
	border: 1px solid #55rank-title5555;
	background: #555555;
	color: #fff;
}

.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before{
	border-right-color: #555555;
}

.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before{
	border-left-color: #555555;
}

.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before{
	border-bottom-color: #555555;
}

/*ランキング*/
.main-body .ranking-list{
	margin-right: 0;
	margin-left: 0;
}
.main-body .ranking-list li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 40px;
}
.main-body .rank-title{
	padding: 5px 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 1.1em;
}
.main-body .rank-title{
	margin-top: 0;
}
.rank-thumb{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.sub-conts .ranking-list03 .rank-thumb img{
	width: 110px;
	height: auto;
}
.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb{
	float: none;
	text-align: center;
}
.rank-desc{
	overflow: hidden;
}

/*カテゴリ別人気記事のリスト（ランキング用）*/
.pop_post_title{
	color: #777;
	font-size: 0.95em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.pop_post_title:hover{
	color: #ff97b7;
}


/*ランキング用の王冠アイコンのリスト*/
.ranking-list01 > li .rank-title{
}

/*ランキング用のメダルアイコンのリスト*/
.ranking-list02 > li .rank-title{
	padding-bottom: 10px;
}

/*ランキング用のシンプルなリスト*/
.ranking-list03 > li .rank-title{
	padding: 5px 0;
	padding-left: 58px;
	font-size: 1.05em;
}
.sub-conts .ranking-list03 > li .rank-title{
	min-height: 25px;
	padding: 0 0 5px 40px;
	font-size: 0.95em;
}
.sub-conts .ranking-list03 > li .rank-title a{
	text-decoration: none;
}
.ranking-list03 li .rank-title{
	border-bottom: 1px solid #909090;
}

/*画像＋見出しのリスト*/
.ranking-list .on-image{
}
.ranking-list .on-image .rank-title{
	padding: 0!important;
	border: 0;
	background: none!important;
	font-size: 1.05em;
}
.ranking-list .on-image .rank-thumb{
	position: relative;
}
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before{
	position: absolute;
	top: 0;
	left: 0;
}

/*画像＋テキストのリスト（ランキング用）*/
.ranking-list04 .rank-box{
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.col1 .ranking-list04 li{
	display: inline-block;
	margin-right: 20px;
}
.ranking-list04 .rank-box img{
	width: 100%;
}
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before{
	position: absolute;
	top: 0;
	left: 0;
}
.ranking-list04 .on-image .rank-box .rank-text{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}
html:not(:target) .ranking-list04 .on-image .rank-box .rank-text{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}
.ranking-list04 .on-image .rank-box a{
	color: #fff;
}
.ranking-list04 .on-image .rank-box a:hover,
.ranking-list04 .on-image .rank-box a:active,
.ranking-list04 .on-image .rank-box a:focus{
	color: #ff97b7;
}

/*背景画像＋テキストのリスト（ランキング用）*/
.ranking-list05 .rank-box{
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	background-size: cover;
}
.col1 .ranking-list05 li{
	display: inline-block;
	margin-right: 20px;
}
.ranking-list05 .rank-box a{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 180px;
	padding: 3em 1em 1em;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}
html:not(:target) .ranking-list05 .rank-box a{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}
.ranking-list05 .rank-box a:hover,
.ranking-list05 .rank-box a:active,
.ranking-list05 .rank-box a:focus{
	color: #ff97b7;
}
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

/*順位の無しのリスト*/
.main-body .post-list01,
.main-body .post-list02{
	margin-right: 0;
	margin-left: 0;
}

.main-body .post-list01 li,
.main-body .post-list02 li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 40px;
}

/*画像＋テキストのリスト*/
.post-list01 .post-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .post-list01 li{
	display: inline-block;
	margin-right: 20px;
}

.post-list01 .post-box img{
	width: 100%;
}

.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

.post-list01 .on-image .post-box .post-text{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .post-list01 .on-image .post-box .post-text{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.post-list01 .on-image .post-box a{
	color: #fff;
}

.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus{
	color: #ff97b7;
}

/*背景画像＋テキストのリスト*/
.post-list02 .post-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	background-size: cover;
}

.col1 .post-list02 li{
	display: inline-block;
	margin-right: 20px;
}

.post-list02 .post-box a{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 180px;
	padding: 1em;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .post-list02 .post-box a{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus{
	color: #ff97b7;
}

.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

/*情報比較リスト*/
.review-table{
	width: auto;
	margin-top: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.rank-thumb .review-table{
	width: 100%;
	margin-bottom: 0;
}

.review-table th,
.review-table td{
	line-height: 1.0;
	padding: 0.5em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #eee;
}

.review-table th{
	font-weight: normal;
}

.item-data{
	margin-bottom: 1em;
}

.item-data dl,
.item-data dt,
.item-data dd{
	margin: 0;
}

.item-data dt,
.item-data dd{
	display: inline-block;
}

.item-data dd{
	padding-left: 0;
}

.comparative-list01 .rank-desc,
.comparative-list02 .rank-desc{
	overflow: visible;
}

.main-body .review-desc-title{
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0.6em;
	padding: 0 0 0 14px;
	border-left: 5px solid #c4a76b;
	background: none;
	color: #c4a76b;
	font-size: 1.125em;
}


/*情報比較用の王冠アイコン*/
.comparative-list01 > li .rank-title{
	padding-left: 60px;
}


/*文章中の間*/
.interval img{
	display: block;
	margin: 60px auto;
}

/*チェックリスト*/
.check-list,
.check-list-l{
	margin-left: 0;
}

.check-list li,
.check-list-l li{
	list-style: none;
}

.check-list li{
	margin-bottom: 1em;
	padding-left: 32px;
	background: url(./images/icon/icon-check-list.png) left 3px no-repeat;
}

.check-list-l li{
	margin-bottom: 2em;
	padding: 10px 0 10px 55px;
	background: url(./images/icon/icon-check-list-l.png) left 3px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.check-list li{
			background: url(./images/icon/icon-check-list@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.check-list-l li{
			background: url(./images/icon/icon-check-list-l@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

	}


/*予告エリア*/
.info-box{
	padding: 30px 20px;
	background: #fffdef;
}

.trailer-text{
	color: #333;
	font-weight: bold;
	font-size: 1.25em;
}

.trailer-text-l{
	margin-bottom: 0;
	padding: 1em;
	border-radius: 4px;
	background-color: #fff;
	color: #333;
	font-weight: bold;
	font-size: 1.4em;
}

/*関連記事*/
.related-articles h2{
	padding: 20px 0 20px 33px;
}

.related-thumb{
	overflow: hidden;
	width: 100%;
}

.related-thumb img{
	display: block;
	max-width: none;
	margin: auto;
}

.related-articles-thumbs01 ul{
	margin-left: 0;
}

.related-articles-thumbs01 li{
	list-style: none;
}

.related-articles-thumbs01 img{
	width: auto;
	max-height: 100px;
}

.related-articles-thumbs01 .related-thumb{
	float: left;
	width: 130px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.related-articles-thumbs02 ul{
	overflow: hidden;
	margin-left: 0;
}

.related-articles-thumbs02 li{
	list-style: none;
	float: left;
	width: 30%;
	margin-left: 5%;
}

.related-articles-thumbs02 li:first-child{
	margin-left: 0;
}

.related-articles-thumbs02 img{
	width: auto;
	max-height: 160px;
}

/*目次*/
#keni_toc{
    display: block;
    width: 80%;
    margin: auto;
    margin-bottom: 3em;
    padding: 25px;
    border: 2px solid #ccc;
    font-size: 0.875em;
}

.keni-toc-title{
    font-size: 1.286em;
}

#keni_toc ol{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 25px;
}

#keni_toc ol ol{
    margin-top: 0.5em;
}

#keni_toc ol ol li{
    list-style-type: circle;
}

 /*お客様の声*/
.voice-box{
	padding: 30px;
	background: #fffdef;
}

.voice-content{
	overflow: hidden;
}

.voice-content .b{
	color: #333;
}

/*画像とテキストの組み合わせ*/
.col-onimage > .col{
	position: relative;
	overflow: hidden;
}

.col-onimage > .col .text-onimage{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .col-onimage > .col .text-onimage{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.col-onimage02 > .col{
	background-position: center center;
	background-size: cover;
}

.col-onimage02 > .col .text-onimage{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
	background-color: #000000\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .col-onimage02 > .col .text-onimage{
	background-color: rgba(0,0,0,0.5); /*IE9以上への対応*/
}

.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a{
	color: #fff;
}

.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover,
.col-onimage02 > .col a:active,
.col-onimage02 > .col a:focus{
	color: #ff97b7;
}

/*ページ送り*/
.link-next{
	text-align: right;
	margin-top: -1.5em;
}

.link-next a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}

.link-back a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-prev.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.link-next a{
			background: url(./images/icon/icon-arw-next@2x.png) left 6px no-repeat;
			-webkit-background-size: 8px 10px;
			background-size: 8px 10px;
		}

		.link-back a{
			background: url(./images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
			-webkit-background-size: 8px 10px;
			background-size: 8px 10px;
		}

	}

.page-nav ol{
	margin-left: 0;
	text-align: center;
}

.page-nav li{
	display: inline-block;
	margin-right: 10px;
	padding: 4px 8px;
	border: 1px solid #ccc;
}

.page-nav li:last-child{
	margin-right: 0;
}

.page-nav li a{
	display: block;
	margin: -4px -8px;
	padding: 4px 8px;
	color:#333;
	text-decoration: none;
}

.current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
	background: #fffdc2;
	color:#333;
}

.page-nav-bf ul{
	margin-left: 0;
}

.page-nav-bf li{
	list-style: none;
}

/*記事link*/
.cont-nav{
	margin: 2em 5px 1em;
}

.page-nav-next a,
.page-nav-prev a{
	font-size: 0.95em;
	color: #888888;
}
.page-nav-next a:hover,
.page-nav-prev a:hover{
	color: #ff97b7;
}

.page-nav-next{
	float: left;
	margin: 10px 0;
	padding-left: 20px;
	background: url(./images/icon/icon-arw-prev.png) left center no-repeat;
}

.page-nav-prev{
	float: right;
	margin: 10px 0;
	padding-right: 20px;
	background: url(./images/icon/icon-arw-next.png) right center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.page-nav-next{
			padding-left: 15px;
			background: url(./images/icon/icon-arw-prev@2x.png) left center no-repeat;
			-webkit-background-size: 8px 10px;
			background-size: 8px 10px;
		}

		.page-nav-prev{
			padding-right: 15px;
			background: url(./images/icon/icon-arw-next@2x.png) right center no-repeat;
			-webkit-background-size: 8px 10px;
			background-size: 8px 10px;
		}

	}


/*--------------------------------------------------------
WordPress用のスタイル
--------------------------------------------------------*/
.single .eye-catch,
.page .article-body{
	margin-bottom: 40px;
}

/*関連記事*/
.keni-relatedposts-list li p{
	overflow: hidden;
}

.keni-relatedposts-list li p a[target="_blank"]{
	padding: 3px;
	padding-right: 15px;
	background: url(./images/icon/icon-outbound-link.png) right center no-repeat;
}

.keni-relatedposts-list a{
	color: #888888;
}
.keni-relatedposts-list a:hover{
	color: #ff97b7;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.keni-relatedposts-list li p a[target="_blank"]{
			background: url(./images/icon/icon-outbound-link@2x.png) right center no-repeat;
			-webkit-background-size: 12px 13px;
			background-size: 12px 13px;
		}

	}


/*目次*/
.post-toc{
	margin-bottom: 40px;
	padding: 30px 20px;
	background: url(./images/common/bg-comment.jpg) #f8fefb;
}

/*コメント*/
.comment-form-author,
.comment-form-mail,
.comment-form-url{
	margin-bottom: 2em;
}

.comment-form-author p,
.comment-form-mail p,
.comment-form-url p{
	margin-bottom: 0;
}

.alignleft{
	float: left;
	margin: 0 1em 1em 0;
}

.alignright{
	float: right;
	margin: 0 0 1em 1em;
}

.aligncenter{
	display: block;
	float: none;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

.post-tag a{
	word-break: break-all;
}
.post-tag{
	display: inline;
	font-size: 0.9em;
}

/*コメント一覧*/
.comments-area{
	margin-top: 40px;
	padding: 0 20px 10px;
	border-radius:4px;
	background: url(./images/common/bg-comment.jpg) #f8fefb;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.comments-area{
			background: url(./images/common/bg-comment@2x.jpg) #f8fefb;
			-webkit-background-size: 120px 120px;
			background-size: 120px 120px;
		}

	}

.main-body h2.comment-form-title{
	padding: 1em 0;
	background: none;
	border-left: none;
	border-bottom: 2px dotted #a4e2c3;
}

.comments-area h3{
	margin-top: 0;
	padding: 1em 0;
	border-bottom: 2px dotted #a4e2c3;
}

.commentlist,
.commentlist .children{
	margin-left: 0;
}

.commentlist{
	margin-bottom:40px;
	border-bottom: 1px solid #ccc;
}

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

.commentlist li:last-child,
.commentlist ul li:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}

.comment-meta{
	color:#333;
}

.reply a{
	padding-left: 13px;
	background: url(./images/icon/icon-arw-next.png) left 6px no-repeat;
}

.commentlist .children{
	margin-top: 1em;
	padding-top: 1em;
	padding-left: 40px;
	border-top: 1px solid #ccc;
}

/*ウィジェット*/
.rsswidget img{
	vertical-align: baseline;
}

.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul{
	margin-left: 0;
	padding-left: 0;
}

.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 13px;
	background: url(./images/icon/icon-list-arw.png) left 6px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.sub-conts .widget_recent_entries li,
		.sub-conts .widget_rss li,
		.sub-conts .widget_archive li,
		.sub-conts .widget_recent_comments li,
        	.sub-conts .widget_nav_menu li{
			background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul{
	margin-top: 1em;
	margin-left: 10px;
}

.num-pv{
	font-size: 0.6em;
}

/*カレンダー*/
.calendar,
.calendar_wrap table{
	background: #fff;
	font-size: 0.875em;
}

.calendar caption,
.widget_calendar caption{
	font-weight: bold;
}

.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td{
	padding: 10px 0;
	text-align: center;
}

.calendar tfoot td,
.widget_calendar tfoot td{
	padding: 10px;
	border-right-width: 0;
	text-align: left;
}

.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child{
	border-right-width: 1px;
	text-align: right;
}

.calendar td a,
.widget_calendar tfoot td a{
	display: block;
	margin: -10px 0;
	padding: 10px 0;
}

/*ページ分割*/
.link-pages{
	margin-top: 2em;
	text-align: center;
	line-height: 1.2;
}

.link-pages span{
	display: inline-block;
	margin-left: 0;
}

.link-pages a,
.link-pages span{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0.5em;
	padding: 4px 8px;
	border: 1px solid #c1c1c1;
	text-decoration: none;
}

.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus{
	background: #c1c1c1;
	color: #fff;
}

.link-pages a span{
	display: inline;
	margin-right: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

.link-pages .link-pages-cap{
	display: inline-block;
	margin-right: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

/*キャプション*/
.wp-caption{
	max-width: 100%;
}

/*ギャラリー*/
.gallery,
.gallery-item{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery{
	margin-bottom: 1em;
}

.gallery-item{
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item{
	margin: 1%;
}

.gallery-columns-2 .gallery-item{ max-width: 48%; }
.gallery-columns-3 .gallery-item{ max-width: 31.3%; }
.gallery-columns-4 .gallery-item{ max-width: 23%; }
.gallery-columns-5 .gallery-item{ max-width: 18%; }
.gallery-columns-6 .gallery-item{ max-width: 14.6%; }
.gallery-columns-7 .gallery-item{ max-width: 12.2%; }
.gallery-columns-8 .gallery-item{ max-width: 10.5%; }
.gallery-columns-9 .gallery-item{ max-width: 9.1%; }

.gallery-icon img{
	margin: 0 auto;
}

.gallery-caption{
	display: block;
	font-size: 0.875em;
}

/*--------------------------------------------------------
デザイン調整用のスタイル
--------------------------------------------------------*/

/*注記*/
.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.note2{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}

/*必須項目・警告・エラーの文字色*/
.warning,
.error{
	color: #e53935!important;
}

.required{
	display: inline-block;
	color: #e6603c!important;
}

/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	background: #333;
	border-radius: 50%;
	content: "";
}

/*装飾
※IE8等古いブラウザを除く*/
.shadow{
	box-shadow: 4px 4px 0px #ccc;
}

.shadow02{
	box-shadow: 0px 0px 4px #666;
}

.outline{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.frame{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 95%;
	padding: 8px;
	background: #fff;
	box-shadow: 0px 0px 8px #666;
}

.border{
	border: 1px solid #ccc;
}

/*画像のサイズ調整*/
img.resize10,
html:not(:target) img.resize10{
	height: auto;
	max-width: 10%;
}

img.resize20,
html:not(:target) img.resize20{
	height: auto;
	max-width: 20%;
}

img.resize30,
html:not(:target) img.resize30{
	height: auto;
	max-width: 30%;
}

img.resize40,
html:not(:target) img.resize40{
	height: auto;
	max-width: 40%;
}

img.resize50,
html:not(:target) img.resize50{
	height: auto;
	max-width: 50%;
}

img.resize60,
html:not(:target) img.resize60{
	height: auto;
	max-width: 60%;
}

img.resize70,
html:not(:target) img.resize70{
	height: auto;
	max-width: 70%;
}

img.resize80,
html:not(:target) img.resize80{
	height: auto;
	max-width: 80%;
}

img.resize90,
html:not(:target) img.resize90{
	height: auto;
	max-width: 90%;
}

/*円
※IE8等古いブラウザを除く*/
.circle{
	border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }

.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; }

/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rc50{
	border-radius: 50px;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap{
	padding: 1em;
	background: url(./images/transparent-panel-bg.jpg) center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.transparent-panel{
	padding: 1em;
	background-color: rgba(255,255,255,0.85);
	background-color: #ffffff\9; /*IE8への対応*/
}

html:not(:target) .transparent-panel{
    background-color: rgba(255,255,255,0.85); /*IE9以上への対応*/
}

/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}

.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

.fl-c{ clear: both; }

/*回り込み
※モバイル時には回り込み解除*/
.left{
	float: left;
	margin: 0 1em 1em 0;
}

.right{
	float: right;
	margin: 0 0 1em 1em;
}

/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center; }

/*文字の縦位置*/
.vl-t{ vertical-align: top!important; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom!important; }/*下寄せ*/

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.pink{ color: #ff3d95!important; }/*ピンク*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #3366ff!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #3f51b5!important; }/*紺*/
.orange{ color: #ff9800!important; }/*橙*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

/*マーカー表示（背景に着色）*/
.marker-yellow,
.marker-orange,
.marker-pink,
.marker-lime,
.marker-gray{ padding: 2px; }

.marker-yellow{ background: linear-gradient(transparent 70%, #ff6 70%); }/*黄*/
.marker-orange{ background: linear-gradient(transparent 70%, #ffd257 70%); }/*橙*/
.marker-pink{ background: linear-gradient(transparent 70%, #ffccff 70%); }/*ピンク*/
.marker-lime{ background: linear-gradient(transparent 70%, #9f9 70%); }/*黄緑*/
.marker-gray{ background: linear-gradient(transparent 70%, #ccc 70%); }/*灰*/

/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

/*下線や取消線の設定*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }/*枠線を無くす*/

/*重なりの優先度*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }

/*横並びリスト*/
.inline{ margin: 1em 0; padding: 0; }
.inline li{
	display: inline;
	list-style-type: none;
}

/*マーカー無しのリスト*/
.none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }



/*------------------------------------------------------------
文字列の前にアイコン
-------------------------------------------------------------*/

/*Question*/
.question{
   padding: 10px 0 7px 40px;
   background: url(./images/icon/icon-q.png) left 3px no-repeat;
   -webkit-background-size: 30px 30px;
   background-size: 30px 30px;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){

      .question{
            -webkit-background-size: 30px 30px;
            background-size: 30px 30px;
      }
   }

/*Anser*/
.anser{
   padding: 10px 0 7px 40px;
   background: url(./images/icon/icon-a.png) left 3px no-repeat;
   -webkit-background-size: 28px 28px;
   background-size: 28px 28px;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){

      .anser{
            background: url(./images/icon/icon-a@2x.png) left 3px no-repeat;
            -webkit-background-size: 28px 28px;
            background-size: 28px 28px;
      }
   }

/*チェックアイコン*/
.icon-check{
   padding: 7px 0 5px 30px;
   background: url(./images/icon/icon-check-list.png) left 3px no-repeat;
}
.icon-check-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-check-list-l.png) left 3px no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-check{
         background: url(./images/icon/icon-check-list@2x.png) left 3px no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }

      .icon-check-l{
         background: url(./images/icon/icon-check-list-l@2x.png) left top no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 5px 0 10px 45px;
      }
   }

/*注意アイコン*/
.icon-caution{
   padding: 0 0 0 30px;
   background: url(./images/icon/icon-caution.png) 0 50% no-repeat;
}

.icon-caution-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-caution-l.png) 0 50% no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-caution{
         background: url(./images/icon/icon-caution@2x.png) 0 50% no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }

      .icon-caution-l{
         background: url(./images/icon/icon-caution-l@2x.png) 0 50% no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 10px 0 10px 45px;
      }
   }

/*ポイントアイコン*/
.icon-point{
   padding: 0 0 0 30px;
   background: url(./images/icon/icon-point.png) left 3px no-repeat;
}

.icon-point-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-point-l.png) left top no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-point{
         background: url(./images/icon/icon-point@2x.png) left 3px no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }

      .icon-point-l{
         background: url(./images/icon/icon-point-l@2x.png) left top no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 5px 0 10px 45px;
      }
   }

/*虫めがねアイコン*/
.icon-search{
   padding: 2px 0 0 23px;
   background: url(./images/icon/icon-search.png) left 3px no-repeat;
   -webkit-background-size: 16px 16px;
   background-size: 16px 16px;
}

.icon-search-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-search-l.png) left 3px no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-search{
         background: url(./images/icon/icon-search@2x.png) left 3px no-repeat;
         -webkit-background-size: 16px 16px;
   	   background-size: 16px 16px;
      }

      .icon-search-l{
         background: url(./images/icon/icon-search-l@2x.png) left top no-repeat;
         -webkit-background-size: 34px 34px;
         background-size: 34px 34px;
         padding: 5px 0 10px 45px;
      }
   }

/*Mailアイコン*/
.icon-mail{
   padding: 10px 0 15px 60px;
   background: url(./images/icon/icon-mail.png) left 3px no-repeat;
   -webkit-background-size: 50px 37px;
   background-size: 50px 37px;
}
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-mail{
         -webkit-background-size: 50px 37px;
         background-size: 50px 37px;
      }
   }

/*時計アイコン*/
.icon-time{
   padding: 0 0 0 30px;
   background: url(./images/icon/icon-time.png) left 3px no-repeat;
}

.icon-time-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-time-l.png) left top no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-time{
         background: url(./images/icon/icon-time@2x.png) left 3px no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }

      .icon-time-l{
         background: url(./images/icon/icon-time-l@2x.png) left top no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 5px 0 10px 45px;
      }
   }

/*カレンダーアイコン*/
.icon-calendar{
   padding: 0 0 0 30px;
   background: url(./images/icon/icon-calendar.png) left 3px no-repeat;
}

.icon-calendar-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-calendar-l.png) left top no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-calendar{
         background: url(./images/icon/icon-calendar@2x.png) left 3px no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }

      .icon-calendar-l{
         background: url(./images/icon/icon-calendar-l@2x.png) left top no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 5px 0 10px 45px;
      }
   }

/*RSSアイコン*/
.icon-rss{
   padding: 0 0 0 30px;
   background: url(./images/icon/icon-rss.png) left 3px no-repeat;
}

.icon-rss-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-rss-l.png) left top no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-rss{
         background: url(./images/icon/icon-rss@2x.png) left 3px no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }

      .icon-rss-l{
         background: url(./images/icon/icon-rss-l@2x.png) left top no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 5px 0 10px 45px;
      }
   }

/*別ウインドウアイコン*/
.icon-blank{
   padding: 0 0 0 30px;
   background: url(./images/icon/icon-blank.png) left 3px no-repeat;
}

.icon-blank-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-blank-l.png) left top no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-blank{
         background: url(./images/icon/icon-blank@2x.png) left 3px no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }

      .icon-blank-l{
         background: url(./images/icon/icon-blank-l@2x.png) left top no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 5px 0 10px 45px;
      }
   }

/*ダウンロード用PDアイコン*/
.icon-dl{
   padding: 0 20px 0 0;
   background: url(./images/icon/icon-dl.png) right 3px no-repeat;
   background-size: 14px 14px;
}

.icon-dl-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-dl-l.png) right top no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-dl{
         background: url(./images/icon/icon-dl@2x.png) right 3px no-repeat;
         -webkit-background-size: 14px 14px;
         background-size: 14px 14px;
      }

      .icon-dl-l{
         background: url(./images/icon/icon-dl-l@2x.png) right top no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 5px 0 10px 45px;
      }
   }

/*PDFアイコン*/
.icon-pdf{
   padding: 0 0 0 30px;
   background: url(./images/icon/icon-pdf.png) left 3px no-repeat;
}

.icon-pdf-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-pdf-l.png) left top no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-pdf{
         background: url(./images/icon/icon-pdf@2x.png) left 3px no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }

      .icon-pdf-l{
         background: url(./images/icon/icon-pdf-l@2x.png) left top no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 5px 0 10px 45px;
      }
   }

/*Zipアイコン*/
.icon-zip{
   padding: 0 0 0 30px;
   background: url(./images/icon/icon-zip.png) left 3px no-repeat;
}

.icon-zip-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-zip-l.png) left top no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}

   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-zip{
         background: url(./images/icon/icon-zip@2x.png) left 3px no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }

      .icon-zip-l{
         background: url(./images/icon/icon-zip-l@2x.png) left top no-repeat;
         -webkit-background-size: 36px 36px;
         background-size: 36px 36px;
         padding: 5px 0 10px 45px;
      }
   }

/*マップアイコン*/
.icon-map{
   padding: 0 0 0 30px;
   background: url(./images/icon/icon-map.png) left 3px no-repeat;
}

.icon-map-l{
   padding: 10px 0 10px 53px;
   background: url(./images/icon/icon-map-l.png) left top no-repeat;
   -webkit-background-size: 41px 41px;
   background-size: 41px 41px;
   font-size: 1.4em;
   font-weight: bold;
}
   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-map{
         background: url(./images/icon/icon-map@2x.png) left 3px no-repeat;
         -webkit-background-size: 24px 24px;
         background-size: 24px 24px;
      }
      .icon-map-l{
         background: url(./images/icon/icon-map-l@2x.png) left top no-repeat;
         -webkit-background-size: 34px 34px;
         background-size: 34px 34px;
         padding: 5px 0 10px 45px;
      }
   }

/*newアイコン*/
.icon-new{
   padding: 10px 30px 10px 0;
   background: url(./images/icon/icon-new.png) right center no-repeat;
}
   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .icon-new{
	padding: 8px 30px 5px 0;
	background: url(./images/icon/icon-new@2x.png) right 3px no-repeat;
	-webkit-background-size: 24px 24px;
	background-size: 24px 24px;
      }
   }

.outbound{
   padding: 3px;
   padding-left: 15px;
   background: url(./images/icon/icon-outbound-link.png) left center no-repeat;
}
   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){
      .outbound{
         background: url(./images/icon/icon-outbound-link@2x.png) left center no-repeat;
         -webkit-background-size: 12px 13px;
         background-size: 12px 13px;
      }
   }


/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.navigation:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}


/*追加*/
/*--------------------------------------------------------
コンタクトフォーム
--------------------------------------------------------*/
.form p{
}
.contact-label,
.contact-message{
	width: 97%;
	padding: 0.5em;
}
.contact-send{
	width: 150px;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ccc;
}
.contact-send:hover{
	cursor: pointer;
	background-color: #6ffeab;
	box-shadow: none;
}


/*--------------------------------------------------------
404
--------------------------------------------------------*/
.main-conts .widget_categories li{
	list-style: none;
}
.main-conts .widget_categories li a{
	margin-left: -2em;
	color: #666;
}
.main-conts .widget_categories li a:hover{
	color: #ff97b7;
}


/*--------------------------------------------------------
もくじ
--------------------------------------------------------*/
.sitemap a{
color: #333;
}
/* 記事リスト */
.textArea {
/* display: none; */
padding: 10px 0 30px 5px !important;
}


/*--------------------------------------------------------
文字装飾
--------------------------------------------------------*/
.nc{
   color: #ff3d95;
}
.bm{
	font-weight: 700;
	font-size: 1.15em;
}
.bc{
	font-weight: 700;
	color: #ff3d95;
	font-size: 1.15em;
}
.bb{
	font-weight: 700;
	color: #3366ff;
	font-size: 1.15em;
}
.ud{
	border-bottom: 1px dotted;
}
.mini{
	font-size: 12px;
}
.omoji{
	font-size: 1.6em;
   	line-height: 1.4;
}
.omoji-b{
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.4;
}
.inyo,
.inyo a{
	color: #999;
}
/* 解答目隠し */
.kotae{
	display: none;
}
.kotae-btn{
	padding: 0.5em 0;
	background-color: #ddd;
	color: #ddd;
	cursor: pointer;
}
.kotae:checked ~ .kotae-btn{
	background-color: transparent;
	color: #555;
}

/*--------------------------------------------------------
イメージ回転等
--------------------------------------------------------*/
.kaiten-r1{/*右3度*/
      position: relative;
      top: 10px;
      display: inline-block;
      transform: rotate( 3deg );
      -moz-transform: rotate( 3deg );  /* Firefox用 */
      -webkit-transform: rotate( 3deg );  /* Chrome,Safari,新しいOpera用 */
      -o-transform: rotate( 3deg );  /* 古いOpera用 */
      -ms-transform: rotate( 3deg );  /* IE9用 */
}
.kaiten-l1{/*左3度*/
      position: relative;
      top: 10px;
      display: inline-block;
      transform: rotate( -3deg );
      -moz-transform: rotate( -3deg );  /* Firefox用 */
      -webkit-transform: rotate( -3deg );  /* Chrome,Safari,新しいOpera用 */
      -o-transform: rotate( -3deg );  /* 古いOpera用 */
      -ms-transform: rotate( -3deg );  /* IE9用 */
}
.img50{
	width: 55%;
	border-radius: 7%;
}

/*--------------------------------------------------------
オリジナル吹き出し
--------------------------------------------------------*/
/*1人*/
.talk{
	margin: 15px 0;
}
.talk p{
	margin: 0.3em 0;
}
.talk-img-left{
	width: 80px;
	float: left;
	margin-bottom: 65px;
}
.talk-right{
	position: relative;
	padding-top: 0.5em;
	width: calc(100%-125px);
	width: -webkit-calc(100%-125px);
	margin-left: 105px;
	margin-bottom: 65px;
}
.talk-right2{
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	padding: 15px;
	border-radius: 10px;
	width: calc(100%-137px);
	width : -webkit-calc(100%-137px);
	margin-left: 130px;
	margin-bottom: 65px;
}
.talk-right2:before{
	top: 7px;
	border: solid transparent;
	width: 35px;
	position: absolute;
	pointer-events: none;
	right: 99%;
	content: "｡oO";
	color:#ccc;
}
/*2人*/
.twin{
	margin: 15px 0;
}
.twin p{
	margin: 0.3em 0;
}
.twin-img-left{
	width: 160px;
	float: left;
	margin-bottom: 70px;
}
.twin-right{
	position: relative;
	padding-top: 0.5em;
	width: calc(100%-125px);
	width: -webkit-calc(100%-125px);
	margin-left: 180px;
	margin-bottom: 70px;
}

/*--------------------------------------------------------
枠線など
--------------------------------------------------------*/
.box-other{
	border: 1px solid #cccccc;
	margin: 1em 0 2.5em;
	padding: 0.3em 0.6em 0 0.7em;
}
.box1{
	background-color: #feffe8;
	padding: 0.7em 1em;
	margin-bottom: 1em;
}
.box-sora{
	font-size: 1em;
	border: 1px solid #ccc;
	margin: 1em 0 2.5em;
	padding: 20px;
	background: url(./images/common/sora.jpg) left top no-repeat;
	background-position: 50% 100%;
	background-size: cover;
}
.box-sora:before{
	content: 'ー 20xx년 0월 0일 ー';
	color: #999;
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-sozo{
	border: 1px solid #999;
	border-radius: 3px;
	margin: 1em 0 2.5em;
	padding: 2em 0.6em 0 0.7em;
	background-color: #fff;
	opacity: 0.6;
}
.box-board{
	font-family: "HuiFont29", "Goyang";
	margin: 1em 0 2.5em;
	padding: 5% 5% 5% 5%;
	border: 7px double #ccc;
	border-bottom: 7px solid #999;
	border-radius: 7px 7px 3px 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	background: url(./images/common/pen.png) no-repeat;
	background-position: 95% 100%;
	-webkit-background-size: 50px 10px;
	background-size: 50px 10px;
}
.box-note{
	font-family: "HuiFont29", "Goyang";
	line-height: 1.5;
	position: relative;
	background-color: #ffffe7;
	background-image:
		linear-gradient(90deg, transparent 29px, #fdd 29px, #fdd 31px, transparent 31px),
		linear-gradient(90deg, transparent 49px, #fdd 49px, #fdd 51px, transparent 51px),
		linear-gradient(rgba(153,204,255, 0.3) .1em, transparent .1em);
	background-size: 100% 1.8em;
	padding: 25px;
	margin: 1em 0 2.5em;
	overflow: auto;
}
.box-kokuban{
	font-family: "HuiFont29", "Goyang";
	color: #fff;
	margin: 1em 0 2.5em;
	padding: 5% 5% 5% 5%;
	background: -webkit-linear-gradient(top, #006224 0%, #003814 100%);
	background: linear-gradient(to bottom, #006224 0%, #003814 100%);
	border: 15px solid #784a00;
	border-radius: 7px 7px 3px 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
@media only screen and (max-width : 480px){
	.box-sora{
		padding: 15px;
	}
	.box-note{
		padding: 15px;
	}
	.box-board{
		-webkit-background-size: 35px 7px;
		background-size: 35px 7px;
	}
}
/*縦書き*/
.box-tategaki{
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		-webkit-text-orientation: upright;
		text-orientation: upright;
		width: 100%;
}
.tatehan {
		-webkit-text-combine: horizontal;
		-ms-text-combine-horizontal: all;
		text-combine-upright: all;
}
.box-tategaki .k-tegaki{
		position: static;
		margin: 0.1em 0;
}


/*--------------------------------------------------------
関連記事メニュー
--------------------------------------------------------*/
.kanren-post {
		display: inline;
		vertical-align: top;
}
.kanren-post li {
		margin:  0 0.6% 20px 0.6%;
		max-width: 23%;
		display: inline-block;
		vertical-align: top;
		font-size: 0.95em;
		line-height: 1.4;
}
.kanren-post li img {
      display: block;
		margin: 0 0 10px 0;
        max-height: 100px;
}
.kanren-post li img:hover {
		opacity: 0.7;
}
.kanren-post li a{
		color: #666;
}
.kanren-post li a:hover{
		color: #ff97b7;
}
@media only screen and (max-width : 700px){
		.kanren-post li {
				max-width: 47%;
		}
		.kanren-post li img {
		max-height: 150px;
		}
}
@media only screen and (max-width : 520px){
		.kanren-post li img {
		max-height: 115px;
		}
}
@media only screen and (max-width : 400px){
		.kanren-post li img {
		max-height: 95px;
		}
}
@media only screen and (max-width : 340px){
		.kanren-post li img {
		max-height: 90px;
		}
}


/*--------------------------------------------------------
ボタン
--------------------------------------------------------*/
.btn-pink{
            padding: 0.5em 1em;
            margin: 1em 0 1.5em;
            color: #fff;
            background-color: #ff97b7;
            border-radius: 3px;
            text-align: center;
            font-weight: bold;
            font-size: 1.25em;
}
.btn-pink:hover,
.btn-pink:active,
.btn-pink:focus{
            cursor: pointer;
            opacity: 0.7;
}
.btn-pink a{
            color: #fff;
}

.btn{
}

.btn:hover,
.btn:active,
.btn:focus{
}

.btn-green,
.btn-blue,
.btn-orange,
.btn-red{
   padding: 25px 50px;
   color: #fff;
   font-size: 1.25em;
}

.btn-green{
   background: #90a328;
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus{
   background: #bdd055;
   cursor: pointer;
}

.btn-blue{
   background: #4994e1;
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{
   background: #8ec6ff;
   cursor: pointer;
}

.btn-orange{
   background: #eaa141;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{
   background: #fac073;
   cursor: pointer;
}

.btn-red{
   background: #e6603c;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus{
   background: #f8886a;
   cursor: pointer;
}

.btn-form01{
   padding: 0.5em 1.5em;
   font-size: 1em;
}
   /*Retina（高解像度）ディスプレイ用*/
   @media screen and (-webkit-min-device-pixel-ratio:2),
   (min-resolution: 2dppx){

      .btn-form01{
         -webkit-background-size: 180px 140px;
         background-size: 180px 140px;
      }
   }


/*--------------------------------------------------------
音源ボタン
--------------------------------------------------------*/
.audiojs audio {
}
.audio_wrap {
		width: 195px;
		margin: 30px 0 40px;
		padding: 10px 0;
		border: 1px solid #BDBDBD;
		border-radius: 5px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
}
.audio_hatsuon{
		margin: 0px 5px 0px 13px;
}
.audio_button {
		margin: 0px 10px 0px 5px;
}
/*　プレイヤー（再生バー）　*/
.audiojs {
		width: 30px;
		height: 30px;
		background: none;
		overflow: hidden;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
}
/*　再生・停止ボタン　*/
.audiojs .play-pause {
		width: 28px;
		height: 28px;
		padding: 0;
		margin: 0;
		float: left;
		overflow: hidden;
		border: 1px solid #BDBDBD;
		border-radius: 15px;
}
/*　再生・停止ボタンなどの p 要素　*/
.audiojs p {
		display: none;
		width: 28px;
		height: 28px;
		margin: 0px;
		cursor: pointer;
}
.audiojs .play {
		display: block;
}

/*　再生ボタン　*/
.audiojs .play {
		background: url(./images/common/play.png) 55% 25% no-repeat;　←playボタン
		margin-left: 1.45px;
}
/*　読み込み中ボタン　*/
.audiojs .loading {
/*background: url("$1") center center no-repeat;*/
		display: none;
}
/*　エラーボタン　*/
.audiojs .error {
/*background: url("$1") center center no-repeat;*/
		display: none;
}
/*　停止ボタン　*/
.audiojs .pause {
		background: url(./images/common/pause.png) 55% 25% no-repeat;　←pauseボタン
}
.playing .play, .playing .loading, .playing .error {
		display: none;
}
.playing .pause {
		display: block;
}
.loading .play, .loading .pause, .loading .error {
		display: none;
}
.loading .loading {
		display: block;
}
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading {
	display: none;
}
.error .error {
		display: block;
}
.error .play-pause p {
		cursor: auto;
}
.error .error-message {
		display: block;
}