/*==================================================
home
==================================================*/
.home .main {
	width: 1100px;
	margin: 50px auto 0;
}
	@media(min-width:1px) and (max-width: 1150px) {
		.home .main {
			width: 90%;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.home .main {
			margin: 10% auto 0;
		}
	}

/* kv
------------------------------------------------*/
.kv {
	position: relative;
	width: 100%;
}
.kv .swiper-wrap {
	position: relative;
}
.swiper-container {
	width: 100%;
}
.kv .slider {
	width: 100%;
	margin: 0 auto;
}
.kv .slider li {
	outline: none;
	border: none;
	text-align: center;
	padding: 46px 0;
}
.kv .bg-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.kv .bg-slider li {
	display: none;
	width: 100%;
	height: 100%;
}
.kv .bg-slider .bg-kv01,
.kv .bg-slider .bg-kv2029 {
	background: url(../img/bg_kv01.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.kv .bg-slider .bg-kv02,
.kv .bg-slider .bg-kv2027 {
	background: url(../img/bg_kv02.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.kv .bg-slider .bg-kv03,
.kv .bg-slider .bg-kv2026 {
	background: url(../img/bg_kv03.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.kv .bg-slider li.active {
	display: block;
}
	@media(min-width:1px) and (max-width: 1400px) {
		.kv .slider li {
			width: 100%;
		}
		.kv .slider li figure {
			padding: 0 30px;
		}
		.kv .slider li img { 
			max-width: 100%;
			width : auto;
			height: auto;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.kv .slider li figure {
			padding: 0 5%;
		}
	}

/* home-nav
------------------------------------------------*/
.home-nav ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.home-nav ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.home-nav li {
	display: table-cell;
	position: relative;
	text-align: center;
	width: 100%;
	vertical-align: top;
}
.home-nav li:before {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 1px;
	height: 15px;
	content: "";
	background: #ddd;
 	-webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.home-nav li:last-child:before {
	width: 0;
}
.home-nav li a {
	position: relative;
	display: block;
	padding: 20px 5px;
	text-decoration: none;
	opacity: 1 !important;
}
.home-nav li a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	content: "";
	background: #fee528;
}
.home-nav li a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 3px;
	background: #0188f0;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.home-nav li a:hover::after,
.home-nav li.active a::after {
	width: 100%;
}
.home-nav li figure {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	background: #efefef;
}
.home-nav li span {
	display: inline-block;
}
	@media(min-width:769px) and (max-width: 1300px) {
		.home-nav li figure {
			display: block;
			margin: 0 auto 10px;
		}
		.home-nav li span {
			display: block;
			font-size: 90%;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.home-nav li {
			display: block;
			width: 100%;
			float: none;
			text-align: left;
			border-bottom: 1px solid #ccc;
		}
		.home-nav li a {
			padding: 5px 5%;
		}
		.home-nav li a:before {
		  bottom: auto;
		  top: 0;
		  left: 0;
		  width: 5px;
			height: 100%;
		}
		.home-nav li.active a:before {
			background: #46abea;
		}
		.home-nav li a::after {
			display: none;
		}
		.home-nav li:before {
			display: none;
		}
		.home-nav li span {
			font-size: 90%;
		}
	}

/* h-information
------------------------------------------------*/
.h-information {
	display: table;
	width: 100%; 
	padding: 20px 0;
	margin: 0 0 50px;
	border: 2px solid #d90101;
	background: #ffffe8;
}
.h-information dl + dl {
	margin-top: 10px;
}
.h-information dt {
	display: table-cell;
	width: 190px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #d90101;
}
.h-information dd {
	display: table-cell;
	padding: 0 40px;
	letter-spacing: 0;
}
	@media(min-width:1px) and (max-width:640px) {
		 .h-information dt {
		 	width: 140px;
		 }
		 .h-information dd {
		 	padding: 0 20px;
		 }
	}
	@media(min-width:1px) and (max-width:480px) {
		.h-information {
			display:block;
			padding: 20px 5%;
			box-sizing: border-box;
		}
		 .h-information dt {
		 	display: block;
		 	width: 100%;
		 	padding: 0 0 10px;
		 	border-right: none;
		 	border-bottom: 1px solid #d90101;
		 }
		 .h-information dd {
		 	display: block;
		 	padding: 15px 0 0;
		 }
	}

/* h-news
------------------------------------------------*/
.h-news {
	padding: 0 0 70px;
}
.h-news:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* tab */
.h-news .tab {
	margin: 0 0 25px;
}
.h-news .tab ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.h-news .tab .tab-list > li {
	position: relative;
	float: left;
	width: 12.5%;
	text-align: center;
	border-bottom: 1px solid #fee528;
	opacity: 1 !important; 
}
.h-news .tab .tab-list .btn-tab {
	display: block;
	padding: 15px 0;
}
.h-news .tab .tab-list .btn-tab.current {
	border-color: #46abea;
}
.h-news .tab .tab-list .btn-tab:hover {
	cursor: pointer;
}
.h-news .tab .tab-list .btn-tab::after {
	position: absolute;
	bottom: -1px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background: #0188f0;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	-ms-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.h-news .tab .tab-list .btn-tab:hover::after,
.h-news .tab .tab-list .btn-tab.current::after {
	width: 100%;
}
.h-news .tab .pulldown {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	width: 100%;
	margin-top: 3px;
	min-width: 195px;
	background: #0188f0;
	padding: 15px;
	box-sizing: border-box;
	text-align: left;
	letter-spacing: 0;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index: 1;
}
.h-news .tab .pulldown::before {
	position: absolute;
	content: "";
	bottom: 100%;
	left: 50%;
	border-bottom: 14px solid #0188f0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.h-news .tab .pulldown a {
	color: #fff;
	text-decoration: none;
}
	@media(min-width:1px) and (max-width:640px) {
		.h-news .tab {
			overflow-x: auto;
		}
		.h-news .tab::-webkit-scrollbar {
			height: 2px;
		}
		.h-news .tab::-webkit-scrollbar-track {
			background: #0188f0;
		}
		.h-news .tab::-webkit-scrollbar-thumb {
			background: #0188f0;
		}
		.h-news .tab-list {
			display: table;
			margin-top: 20px;
		}
		.h-news .tab .tab-list > li {
			position: relative;
			float: none;
			width: auto;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			background: #fee528;
			border: 2px solid #fff;
			border-bottom-width: 4px;
			min-width: 80px;
		}
		.h-news .tab .tab-list > li.active{
			border-bottom: none;
			background: #0188f0;
			color: #fff;
		}
		.h-news .tab .tab-list .btn-tab {
			padding: 10px;
			display: block;
			text-decoration: none;
			font-size: 12px;
		}
		.h-news .tab .tab-list .btn-tab::after {
			display: none;
		}
		.h-news .tab .pulldown {
			display: none!important;
		}
		.h-news .tab .pulldown::before {
			content: none;
		}
	}

/* cont */
.h-news .cont-wrap {
	width: 855px;
	float: left;
	border-right: 1px solid #ccc;
}
.h-news .cont {
	display: none;
}
.h-news .cont:first-of-type {
	display: block;
}
.h-news .cont:nth-of-type(n+3) {
	display: none;
}
.h-news .cont a {
	text-decoration: none;
}
.h-news .cont ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.h-news .cont li {
	width: 245px;
	margin: 0 40px 35px 0;
	float: left;
}
.h-news .cont li:nth-child(3n+1) {
	clear: both;
}
.h-news .cont li figure {
	position: relative;
  overflow: hidden;
	margin: 0 0 10px;
}
.h-news .cont li:hover figure:after {
	opacity: 1;
}
.h-news .cont li figure img {
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
}
.h-news .cont li:hover figure img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.h-news .cont li .date time {
	font-size: 14px;
	color: #999;
}
.h-news .cont li .txt {
	padding: 10px 0 0;
	line-height: 140%;
	font-size: 94%;
}

/* cont -twitter*/
.h-news .cont-twitter {
	width: 220px;
	float: right;
}
.h-news .cont-twitter a {
	position: relative;
	display: block;
	margin-top: 50px;
	padding: 15px;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999;
	opacity: 1 !important;
	transition: all .3s;
}
.h-news .cont-twitter a:before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 26px;
	height: 22px;
	content: "";
	background: url(../img/icn_twitter.svg) no-repeat 0 0;
	background-size: contain;
	-webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.h-news .cont-twitter a:hover {
	color: #fff;
	background: #46abea;
}
	@media(min-width:1px) and (max-width: 1150px) {
		.h-news .cont-wrap {
			width : -webkit-calc(100% - 220px) ;
  			width : calc(100% - 220px) ;
			box-sizing: border-box;
		}
		.h-news .cont li {
			width: 31.333%;
			margin: 0 2% 35px 0;
		}
		.h-news .cont-twitter {
			width: 210px;
		}
	}
	@media(min-width:641px) and (max-width: 768px) {
		.h-news .cont li {
			width: 48%;
			margin: 0 2% 35px 0;
		}
		.h-news .cont li:nth-child(3n+1) {
			clear: none;
		}
		.h-news .cont li:nth-child(2n+1) {
			clear: both;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.h-news .cont li .date time {
			display: block;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.h-news .cont-wrap {
			width : 100%;
			float: none;
			border-right: none;
		}
		.h-news .cont,
		.h-news .cont:nth-of-type(n+3) {
			display: block;
		}
		.h-news .cont-twitter {
			width: 100%;
			float: none;
			text-align: center;
		}
		.h-news .cont-twitter a {
			max-width: 300px;
			width: 100%;
			margin: 50px auto 0;
			box-sizing: border-box;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.h-news .cont-twitter a {
			font-size: 16px;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		.h-news .cont li {
			width: 48%;
			margin: 0 2% 35px 0;
		}
		.h-news .cont li:nth-child(3n+1) {
			clear: none;
		}
		.h-news .cont li:nth-child(2n+1) {
			clear: both;
		}
	}

.h-news .more {
	margin-top: 30px;
	text-align: center;
}
.h-news .more a {
	padding: 15px 50px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999;
	opacity: 1 !important;
	transition: all .3s;
}
.h-news .more a:hover {
	color: #fff;
	background: #46abea;
}
/* h-game
------------------------------------------------*/
.h-game:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.h-game a {
	text-decoration: none;
}
.h-game ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.h-game li {
	position: relative;
	width: 245px;
	float: left;
	padding: 0 0 20px;
	margin: 0 40px 40px 0;
	border-bottom: 1px solid #ccc;
}
.h-game li:after {
	position: absolute;
	bottom: -1px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background: #0188f0;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.h-game li:hover::after {
	width: 100%;
}
.h-game li:nth-child(4n) {
	margin-right: 0;
}
.h-game li figure {
	position: relative;
  overflow: hidden;
	margin: 0 0 10px;
}
.h-game li:hover figure:after {
	opacity: 1;
}
.h-game li figure img {
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
}
.h-game li:hover figure img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.h-game li .txt-category {
	font-size: 13px;
	color: #0188f0;
	line-height: 140%;
}
	@media(min-width:1px) and (max-width: 1150px) {
		.h-game li {
			position: relative;
			width: 23.5%;
			margin: 0 2% 40px 0;
		}
		.h-game li:last-child {
			margin-right: 0;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.h-game li {
			position: relative;
			width: 31.333%;
			margin: 0 3% 40px 0;
		}
		.h-game li:last-child {
			margin-right: 0;
		}
		.h-game li:nth-child(3n) {
			margin-right: 0;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		.h-game li {
			position: relative;
			width: 49%;
			margin: 0 2% 40px 0;
		}
		.h-game li:last-child {
			margin-right: 0;
		}
		.h-game li:nth-child(3n) {
			margin-right: 2%;
		}
		.h-game li:nth-child(2n) {
			margin-right: 0;
		}
	}

/*==================================================
about
==================================================*/
/* cont01
------------------------------------------------*/
.about #cont01 .link-bunner {
	padding: 35px;
	text-align: center;
	background: #f9f9f9;
}
.about #cont01 .link-bunner dt {
	margin: 0 0 18px;
}
.about #cont01 .link-bunner dt +dd {
	margin: 0 0 23px;
}
.about #cont01 .link-bunner dd input {
	max-width: 600px;
	width: 100%;
}
.about #cont01 .link-bunner dd +dt {
	margin-top: 35px;
}
	@media(min-width:1px) and (max-width: 640px) {
		.about #cont01 .link-bunner {
			padding: 8%;
		}
	}

/* cont03
------------------------------------------------*/
.about #cont03 .list-faq {
	padding: 35px 35px 10px;
	margin: 0 0 35px;
	background: #f9f9f9;
}
.about #cont03 .list-faq dt {
	margin: 0 0 15px;
	font-weight: 700;
	font-size: 18px;
}
.about #cont03 .list-faq dd {
	margin: 0 0 25px 20px;
}
	@media(min-width:1px) and (max-width: 640px) {
		.about #cont03 .list-faq {
			padding: 8% 8% 10px;
		}
		.about #cont03 .list-faq dt {
			font-size: 16px;
		}
		.about #cont03 .list-faq dd {
			margin-left: 5%;
		}
	}

/* cont06
------------------------------------------------*/
.about #cont06 .example dt {
	width: 3em;
}
.about #cont06 .example dd {
	padding: 0 0 0 3em;
}

/* cont07
------------------------------------------------*/
.about #cont07 .list-paragraph .txt-point {
	padding: 25px 35px;
	background: #f9f9f9;
}
.about #cont07 .txt-credit {
	font-size: 90%;
	text-align: right; 
}


/*==================================================
soft
==================================================*/
.soft .page-header .page-nav li {
	padding: 0 22px;
}
.soft .page-header .page-nav li a {
	color: #111;
}
.soft .soft-list:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.soft .soft-list > li {
	width: 29.76%;
	float: left;
	margin: 0 5.36% 65px 0;
}
.soft .soft-list li a {
	text-decoration: none;
	color: #111;
}
.soft .soft-list > li:nth-child(3n) {
	margin-right: 0;
}
.soft .soft-list > li:nth-child(3n+1) {
	clear: both;
}
.soft .soft-list li figure {
	position: relative;
	overflow: hidden;
	display: table; 
	width: 100%;
	height: auto;
	padding: 5px 0;
	margin: 0 0 10px;
	background: #eee;
}
.soft .soft-list li figure div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.soft .soft-list li figure:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	transition: all .9s;
}
.soft .soft-list li:hover figure:after {
	opacity: 1;
}
.soft .soft-list li figure img {
	width: auto;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
	width: 100%;
	height: auto;
}
.soft .soft-list li:hover figure img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.soft .soft-list li .gtag {
	margin: 0 0 10px;
}
.soft .soft-list li .gtag span {
	display: inline-block;
	padding: 5px;
	margin: 0 5px 2px 0;
	line-height: 100%;
	font-size: 94%;
	text-align: center;
}
.soft .soft-list li .gtag li {
	display: inline-block;
	padding-left: 0;
}
.soft .soft-list li .gtag li:before {
	display: none;
}
.soft .soft-list li .gtag .normal {
	background: #fee528; 
}
.soft .soft-list li .gtag .lowprice {
	color: #fff;
	background: #31bae7; 
}
.soft .soft-list li .gtag .download {
	color: #fff;
	background: #0188f0; 
}
.soft .soft-list li .title {
	margin: 0 0 10px;
	font-size: 134%;
	font-weight: 700;
	line-height: 120%;
}
.soft .soft-list li dl {
	font-size: 94%;
}
.soft .soft-list li dt {
	clear: both;
	width: 70px;
	float: left;
	padding: 5px 0;
}
.soft .soft-list li dd {
	padding: 5px 0 5px 70px;
}
.soft .soft-list li ul {
	margin: 0;
}
.soft .soft-list li ul li {
	position: relative;
	padding-left: 15px;
	margin: 0;
}
.soft .soft-list li ul li:before {
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 8px;
	height: 8px;
	content: "";
	background: #fee528;
}
.soft .soft-list li ul li.lowprice:before {
	background: #31bae7;
}
.soft .soft-list li ul li.download:before {
	background: #0188f0;
}
.soft .soft-list li ul li span {
	display: block;
	font-size: 11px;
	letter-spacing: 0;
}
	@media(min-width:640px) and (max-width: 768px) {
		.soft .soft-list li dt {
			display: block;
			width: 100%;
			float: none;
			padding: 5px 0 0;
		}
		.soft .soft-list li dd {
			padding: 0 0 5px 0;
			line-height: 120%;
			border-bottom: 1px dotted #aaa;
		}
		.soft .soft-list li dd:last-child {
			border-bottom: none;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.soft .soft-list > li {
			width: 48%;
			float: left;
			margin: 0 4% 65px 0;
		}
		.soft .soft-list > li:nth-child(3n) {
			margin-right: 4%;
		}
		.soft .soft-list > li:nth-child(2n) {
			margin-right: 0;
		}
		.soft .soft-list > li:nth-child(3n+1) {
			 clear: none;
		}
		.soft .soft-list > li:nth-child(2n+1) {
			 clear: both;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.soft .soft-list li dt {
			display: block;
			width: 100%;
			float: none;
			padding: 5px 0 0;
		}
		.soft .soft-list li dd {
			padding: 0 0 5px 0;
			line-height: 120%;
			border-bottom: 1px dotted #aaa;
		}
		.soft .soft-list li dd:last-child {
			border-bottom: none;
		}
	}
	@media(min-width:1px) and (max-width: 360px) {
		.soft .soft-list > li {
			width: 100%;
			float: none;
			margin: 0 0 65px 0;
		}
		.soft .soft-list > li:nth-child(3n) {
			margin-right: 0;
		}
	}

/*==================================================
outline
==================================================*/
.outline h3 {
	margin: 0 0 50px;
	font-size: 147%;
	color: #d96d00;
	text-align: center;
}
	@media(min-width:1px) and (max-width: 640px) {
		.outline h3 {
			text-align: left;
			line-height: 140%;
		}
	}

/* greeting
------------------------------------------------*/
.outline .greeting figure {
	display: table-cell;
	width: 205px;
	padding: 0 50px 0 0;
}
.outline .greeting .txt-wrap {
	display: table-cell;
}
.outline .greeting .txt-wrap p {
	line-height: 200%;
}
	@media(min-width:1px) and (max-width: 640px) {
		.outline .greeting figure {
			display: block;
			max-width: 205px;
			width: 100%;
			margin: 0 auto;
			padding: 0 0 20px 0;
		}
		.outline .greeting .txt-wrap {
			display: block;
		}
	}

/* outline-contents
------------------------------------------------*/
.outline .outline-contents dl {
	margin-bottom: 35px;
}
.outline .outline-contents dt {
	width: 4em;
	float: left;
	font-weight: 700;
}
.outline .outline-contents dd {
	padding: 0 0 0 4em;
}

/* vision
------------------------------------------------*/
.outline .vision .txt-name {
	margin: 0;
	text-align: right;
}
.outline .vision .txt-name img {
	padding: 0 0 0 15px;
	vertical-align: middle;
}
.outline .vision .cont-ttl {
	text-align: center;
}
.outline .vision .cont-ttl p {
	display: inline-block;
	padding: 10px 20px;
	margin: 0 0 25px;
	color: #fff;
	font-size: 120%;
	background: #d96d00;
	line-height: 100%;
}
.outline .vision h4 {
	margin: 0 0 30px;
	font-size: 120%;
	font-weight: 700;
}
.outline .vision p +.cont-ttl {
	margin-top: 65px;
}
.outline .vision .txt-name +.cont-ttl {
	margin-top: 0;
}
.outline .vision ol {
	font-size: 120%;
	font-weight: 700;
}
.outline .vision ol li {
	list-style: none;
	margin: 0;
}

/* culture
------------------------------------------------*/
.outline .culture h3 {
	margin-top: 65px;
}
.outline .culture .txt-center br.viewSp {
	display: none;
}

.outline td .list-travel {
	margin-top: 50px;
}
.outline td .list-travel dt {
	margin: 0 0 10px;
}
.outline td .list-travel dd {
	font-size: 90%;
}
.outline td .list-treatment dt {
	font-weight: 700;
}
.outline td .list-treatment dd +dt {
	margin-top: 35px;
}
.outline .txt-note {
	margin-top: 30px;
	color: #d90101;
	font-weight: 700;
}
	@media(min-width:1px) and (max-width: 640px) {
		.outline .culture h3 {
			margin: 40px 0;
		}
		.outline .culture .txt-center br.viewSp {
			display: block;
		}
	}

/*==================================================
support
==================================================*/
.support .page-header .page-nav > ul > li {
	position: relative;
	margin: 0 35px;
}

/* subnav */
.support .page-header .page-nav ul ul {
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 110;
	-webkit-transform: translate(-50%,0);
  transform: translate(-50%, 0);
}
.support .page-header .page-nav ul ul:before {
	border-bottom: 16px solid #32bae7;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	content: "";
	position: absolute;
	top: -16px; 
	left: 50%;
	margin-left: -16px;
}
.support .page-header .page-nav ul ul:after {
	border-bottom: 10px solid #fee528;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	position: absolute;
	top: -13px; 
	left: 50%;
	margin-left: -10px;
}
.support .page-header .page-nav ul ul li:first-child {
	position: relative;
}
.support .page-header .page-nav ul ul li:first-child:before {
	border-bottom: 16px solid #fee528;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	content: "";
	position: absolute;
	top: -33px; 
	left: 50%;
	margin-left: -16px;
	z-index:100;
}
.support .page-header .page-nav ul ul {
	width: 200px;
	padding: 20px 0;
	border: 2px solid #32bae7;
	background: #fee528;
}
.support .page-header .page-nav ul ul li {
	display: block;
	padding: 0;
}
.support .page-header .page-nav ul ul li a {
	display: block;
	padding: 10px;
	margin: 0;
	height: auto;
	line-height: 100%;
	text-align: center;
	background: #fee528;
	transition: .3s;
}
.support h3 {
	margin: 0 0 50px;
	font-size: 147%;
	color: #d96d00;
	text-align: center;
}
	@media(min-width:1px) and (max-width: 640px) {
		.support h3 {
			margin: 0 0 30px;
			line-height: 140%;
		}
		.support .page-header .page-nav ul ul {
			display: block !important;
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			padding-top: 0;
			-webkit-transform: translate(0,0);
			transform: translate(0, 0);
			border: none;
		}
		.support .page-header .page-nav ul ul:before,
		.support .page-header .page-nav ul ul li:first-child:before,
		.support .page-header .page-nav ul ul:after {
			display: none;
		}
		.support .page-header .page-nav ul ul {
			overflow: hidden;
		}
		.support .page-header .page-nav ul ul li {
			border-top: 1px dotted #aaa;
		}
		.support .page-header .page-nav li:first-child ul li {
			width: 50%;
			float: left;
		}
		.support .page-header .page-nav li a {
			font-weight: 700;
		}
		.support .page-header .page-nav li li a {
			font-weight: 300;
		}
	}

/* list-faq */
.support .faq-outline {
	margin: 0;
	border: 1px solid #ccc;
}
.support .faq-outline li {
	padding: 10px;
	margin: 0;
}
.support .faq-outline li:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.support .faq-outline li+li {
	border-top: 1px solid #ccc;
}
.support .faq-outline li span {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	background: #0188f0;
}
.support .faq-outline li a {
	display: block;
	padding: 12px 0 0 55px;
	text-decoration: none;
	line-height: 140%;
}
.support .list-faq dt {
	margin: 0 0 25px;
	padding: 40px 0 0;
	font-size: 120%;
	font-weight: 700;
}

/* support-title
------------------------------------------------*/
.support .support-title > div {
	padding: 50px 0;
}
.support .support-title ul {
	max-width: 340px;
	width: 100%;
	margin: 0 auto;
}
.support .support-title li {
	margin: 0 0 5px;
}
.support .support-title li a {
	text-decoration: none;
}
	@media(min-width:1px) and (max-width: 640px) {
		.support h2 {
			padding-bottom: 0;
			margin-bottom: 0;
		}
		.support .support-title > div {
			padding: 60px 0 0;
		}
		.support .support-title li {
			border-bottom: 1px dotted #aaa;
		}
		.support .support-title li a,
		.support .support-title li span {
			display: block;
			padding: 5px;
		}
	}

/* support-product
------------------------------------------------*/
.support .support-product > div {
	padding: 35px 0;
}
.support .support-product h4 {
	margin: 0 0 30px;
	font-size: 120%;
	font-weight: 700;
}
.support .support-product .list-circle {
	padding: 20px 25px;
	background: #f9f9f9;
}
.support .support-product .btn-download {
	max-width: 550px;
	width: 100%;
	display: block;
	padding: 15px 20px;
	margin: 0 0 50px;
	font-size: 120%;
	font-weight: 700;
	line-height:110%;
	text-decoration: none;
	border: 3px solid #0288f0;
	box-sizing: border-box;
}
.support .support-product .btn-download span {
	position: relative;
	padding: 0 0 0 36px;
}
.support .support-product .btn-download span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 26px;
	height: 26px;
	content: "";
	background: url(../img/icn_download.png) no-repeat 0;
	-webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
	@media(min-width:1px) and (max-width: 640px) {
		.support .support-product .btn-download {
			padding: 10px;
		}
		.support .support-product .btn-download span {
			display: block;
		}
	}

/* support-faq
------------------------------------------------*/
.support .support-faq p {
	margin: 0;
}
.support .support-faq figure,
.support .support-faq p+p,
.support .support-faq ul {
	margin: 35px 0 0;
}
.support .support-faq .list-faq dt {
	padding: 50px 0 0;
}

/*==================================================
contact
==================================================*/
	@media(min-width:1px) and (max-width: 480px) {
		.contact .txt-center {
			text-align: left;
		}
	}

/* .aform-content form
------------------------------------------------*/
.aform-header {
	text-align: center;
	margin-bottom: 20px;
}
.aform-content form dl {
	overflow: hidden;
	display: block;
	height: 100%;
	background: #f9f9f9;
	margin: 0 auto 1px !important;
	padding: 0 !important;
	border: 1px solid #ccc !important;
}
.aform-content form dt {
	position: relative;
	float: left;
	width: 230px;
	padding: 20px;
	font-weight: 300;
	background: #f9f9f9;
}
.aform-content form dt span.aform-required {
	position: absolute;
	right: 10px;
	display: inline-block;
	padding: 5px 5px;
	margin: 0 0 0 10px;
	font-size: 85%;
	color: #fff;
	line-height: 100%;
	background: #d90101;
}
.aform-content form dd {
	margin-left: 280px;
	padding: 20px 20px;
	background: #fff;
}
.aform-content form input[type="text"],
.aform-content form input[type="tel"],
.aform-content form input[type="email"] {
	max-width: 300px;
	width: 100%;
	padding: 5px;
	border: 1px solid #ddd;
	outline: none;
	box-sizing: border-box;
}
.aform-content form select {
	outline: none;
}
.aform-content form textarea {
	width: 100%;
	height: 200px;
	padding: 5px;
	border: 1px solid #ddd;
	outline: none;
	box-sizing: border-box;
}
.aform-content form p {
	margin: 0 0 15px;
}
.aform-content form p span {
	font-weight: 700;
}
.aform-content form .aform-button-area {
	text-align: center;
	border: none !important;
	margin-top: 20px;
}
.aform-content form .aform-button-area input {
	display: inline-block;
	width: 150px;
	height: 50px;
	line-height: 50px;
	transition: all .3s;
}
.aform-content form .submit input:hover {
	color: #fff;
	background: #0288f0;
}
.aform-error {
	color: #f00;
}
.aform-error dt {
	font-size: 26px;
	padding: 15px 0 10px;
}
.aform-error dd {
	position: relative;
	margin: 10px 0;
	padding-left: 15px;
}
.aform-error dd::before {
	position: absolute;
	content: "・";
	top: 0;
	left: 0;
}
ul.aform-name-ul {
	margin-bottom: 0;
}
ul.aform-name-ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.aform-name-ul li,
.aform-kana-ul li {
    width: 48%;
    float: left;
    margin: 0 2% 0 0 !important;
}




	@media(min-width:1px) and (max-width: 640px) {
		.aform-content form dt {
			float: none;
			width: auto;
			padding: 10px 20px;
		}
		.aform-content form dd {
			margin-left: 0;
			padding: 10px 20px 20px;
		}
		.aform-error dt {
			font-size: 22px;
		}
	}


/* contact-support
------------------------------------------------*/
.contact .contact-support .list-circle {
	padding: 25px 30px;
	background: #ffffe8;
}


/*==================================================
recruit
==================================================*/
.recruit section > div {
	margin: 0 0 85px;
}
.recruit section > div:last-child {
	margin: 0;
}
.recruit h3 {
	margin: 0 0 50px;
	font-size: 147%;
	color: #d96d00;
	text-align: center;
}
.recruit h4 {
	margin: 40px 0 30px;
	font-size: 120%;
	font-weight: 700;
}
.recruit .txt-list {
	width: 300px;
	margin: 0 auto 25px;
}
.recruit .txt-list dt {
	width: 100px;
	float: left;
}
.recruit .txt-list dd {
	padding: 0 0 0 100px;
}
.recruit .img {
	text-align: center;
}
.recruit .img li {
	display: inline-block;
	padding: 0 3px;
}
.recruit .img-large {
	width: 1230px;
	margin-left: -195px;
}
	@media(min-width:1px) and (max-width: 1280px) {
		.recruit .img-large {
			width: 100%;
			margin-left: 0;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.recruit h3 {
			margin: 0 0 20px;
			font-size: 124%;
			text-align: left
		}
		.recruit p +h3 {
			margin-top: 50px;
		}
		.recruit .img {
			max-width: 540px;
			width: 100%;
			margin: 0 auto;
		}
		.recruit .img:after {
			content: "";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
		.recruit .img li {
			display: block;
			width: 48%;
			float: left;
			padding: 0 1%;
			margin: 0 0 2%;
		}
	}


/* page-pulldownnav 
------------------------------------------------*/
.page-pulldownnav {
	position: absolute;
	width: 100%;
	padding: 15px 0;
	background: #fee528;
	z-index: 10;
}
.page-pulldownnav.fixed {
	position: fixed;
	top: 0;
}
.page-pulldownnav .inner {
	width: 300px;
	margin: 0 auto;
}
.page-pulldownnav .title {
	display: table-cell;
	width: 80px;
}
.page-pulldownnav .list {
	display: table-cell;
	position: relative;
	width: 220px;
	background: #fff;
}
.page-pulldownnav .label {
	position: relative;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #fee528;
}
.page-pulldownnav .label:after {
	border-top: 12px solid #31bae7;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	content: "";
	position: absolute;
	top: 0;
	right: 8px;
	margin-top: 12px;
	}
.page-pulldownnav .list ul {
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	width: 220px;
	border: 1px solid #fee528;
	background: #fff;
	z-index:10;
	box-sizing: border-box;
}
.page-pulldownnav .list ul li {
	margin: 0;
	border-bottom: 1px dotted #fee528;
}
.page-pulldownnav .list ul li:last-child {
	border-bottom: none;
}
.page-pulldownnav .list ul li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #111;
	font-size: 94%;
}
	@media(min-width:1px) and (max-width: 480px) {
		.page-pulldownnav .title {
			display: block;
			margin: 0 auto 10px;
		}
		.page-pulldownnav .list {
			display: block;
			margin: 0 auto;
		}
	}


/* cont-adoptbg
------------------------------------------------*/
.recruit .cont-adoptbg .document {
	padding: 35px;
	margin: 0 0 35px;
	background: #f9f9f9;
}
.recruit .cont-adoptbg .document h5 {
	font-weight: 700;
	margin: 0 0 15px;
}
.recruit .cont-adoptbg .document li {
	margin-bottom: 10px;
	font-weight: 700;
}
.recruit .cont-adoptbg .document li p {
	font-weight: 300;
}
.recruit .cont-adoptbg .document ul li {
	margin-bottom: 5px;
	font-weight: 300;
}
.recruit .cont-adoptbg .document li span {
	display: inline-block;
	line-height: 100%;
	padding: 4px 10px;
	margin: 0 0 0 10px;
	color: #fff;
	font-size: 90%;
	font-weight: 300;
	background: #d90101;
}
.recruit .cont-adoptbg .document p:last-child {
	margin: 0;
}
.recruit .cont-adoptbg p em {
	font-weight: 700;
}


/* cont-target
------------------------------------------------*/
.recruit .cont-target li {
	margin: 0 0 10px;
}
	@media(min-width:1px) and (max-width: 640px) {
		.recruit .cont-adoptbg .document {
			padding: 30px 5%;
		}
	}


/* cont-voice
------------------------------------------------*/
.recruit .cont-voice-inner {
	position: relative;
	padding: 70px 35px 35px;
	background: #f9f9f9;
}
.recruit .cont-voice-inner .name {
	position: absolute;
	top: -35px;
	right: 35px;
	width: 100%;
	text-align: right;
}
.recruit .cont-voice-inner .name figcaption {
	position: absolute;
	bottom: 0;
	right: 125px;
	width : -webkit-calc(100% - 160px) ;
  width : calc(100% - 160px) ;
	font-size: 90%;
	text-align: right;
}
.recruit .cont-voice-inner .name figcaption span {
	display: block;
	padding: 5px 0 0;
	font-size: 139%;
	font-weight: 700;
}
	@media(min-width:1px) and (max-width: 640px) {
		.recruit .cont-voice-inner {
			position: relative;
			padding: 70px 5% 30px;
			background: #f9f9f9;
		}
		.recruit .cont-voice-inner .name {
			right: 5%;
		}
	}




/* recruit-director
------------------------------------------------*/
	@media(min-width:1px) and (max-width: 640px) {
		.recruit .recruit-director .cont-job .img li:first-child {
			width: 54%;
		}
		.recruit .recruit-director .cont-job .img li:last-child {
			width: 41%;
		}
		.recruit .recruit-director .cont-description .img li:first-child {
			max-width: 135px;
			width: 28%;
			margin: 0 auto 2%;
			float: none;
		}
		.recruit .recruit-director .cont-description .img li:nth-child(2) {
			clear: both;
		}
		.recruit .recruit-director .cont-description .img li:last-child {
		}
	}

/* recruit-graphicer
------------------------------------------------*/
	@media(min-width:1px) and (max-width: 640px) {
		.recruit .recruit-graphicer .img-large li:first-child {
			float: none;
			width: 98%;
			margin: 0 auto;
		}
		.recruit .recruit-graphicer .img-large li:nth-child(2) {
			clear: both;
			width: 48%;
		}
		.recruit .recruit-graphicer .img-large li:last-child {
			width: 48%;
		}
	}


/* recruit-sound
------------------------------------------------*/
.recruit .recruit-sound .cont-job:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.recruit .recruit-sound .cont-job .img-left {
	width: 253px;
	float: left;
}
.recruit .recruit-sound .cont-job .txt-wrap {
	padding: 20px 0 0 273px;
}
.recruit .recruit-sound .cont-job .txt-wrap h4 {
	margin-top: 0;
}
	@media(min-width:1px) and (max-width: 640px) {
		.recruit .recruit-sound .cont-job .img-left {
			width: 253px;
			float: none;
			margin: 0 auto;
		}
		.recruit .recruit-sound .cont-job .txt-wrap {
			padding: 20px 0 0;
		}
	}


/* recruit-publicrelations
------------------------------------------------*/
.recruit .recruit-publicrelations .cont-target h5 {
	color: #d96d00;
	margin: 0 0 10px;
}


/* recruit-publicrelations
------------------------------------------------*/
.recruit .recruit-gameproduct .cont-job > div {
	max-width: 420px;
	width: 100%;
	margin: 0 auto;
}
.recruit .recruit-gameproduct .cont-job .img-left {
	width: 151px;
	float: left;
}
.recruit .recruit-gameproduct .cont-job .txt-wrap {
	padding: 20px 0 0 161px;
}
.recruit .recruit-gameproduct .cont-job .txt-wrap:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.recruit .recruit-gameproduct .cont-job .txt-wrap p {
	margin: 0 0 10px;
}
.recruit .recruit-gameproduct .cont-job .txt-wrap li {
	margin: 0 0 10px;
}
.recruit .recruit-gameproduct .cont-adoptbg li ul ,
.recruit .recruit-gameproduct .cont-adoptbg li p {
	margin: 0 0 10px;
}
.recruit .recruit-gameproduct .cont-adoptbg p em {
	font-weight: 300;
}

	@media(min-width:1px) and (max-width: 480px) {
		.recruit .recruit-gameproduct .cont-job .img-left {
			width: 151px;
			float: none;
			margin: 0 auto;
		}
		.recruit .recruit-gameproduct .cont-job .txt-wrap {
			padding: 20px 0 0;
		}
	}


/*==================================================
news
==================================================*/
.news .page-header {
	border-bottom: 20px solid #fee528;
}
.news .main {
	max-width: 1100px;
	padding-top: 100px;
}
.news .main:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.news .cont-main {
 	width : -webkit-calc(100% - 286px) ;
  width : calc(100% - 286px) ;
	float: left;
	padding: 0;
}
.news .cont-side {
	width: 245px;
	float: right;
}
.news-article .pager-wrap a {
	text-decoration: none;
}
.news .cont-side a,
.news a {
	color: #111;
	text-decoration: none;
}
.news a:hover {
	color: #0188f0;
}
.news .pager-wrap {
	clear: both;
}
	@media(min-width:1px) and (max-width: 768px) {
		.news .main {
			padding-top: 50px;
		}
		.news .cont-main {
		 	width: 100%;
			float: none;
		}
		.news .cont-side {
		 	width: 100%;
			float: none;
			margin-top: 80px;
		}
	}

/* cont-main
------------------------------------------------*/
.news .cont-main ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.news .cont-main li {
	width: 31.333%;
	margin: 0 3% 40px 0;
	float: left;
}
.news .cont-main li:nth-child(3n) {
	margin-right: 0;
}
.news .cont-main li:nth-child(3n+1) {
	clear: both;
}
.news .cont-main li figure {
	position: relative;
  overflow: hidden;
	margin: 0 0 10px;
}
.news .cont-main li figure:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	transition: all .9s;
}
.news .cont-main li:hover figure:after {
	opacity: 1;
}
.news .cont-main li figure img {
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
}
.news .cont-main li:hover figure img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.news .cont-main li .date {
	margin: 0;
}
.news .cont-main li .date time {
	font-size: 14px;
	color: #999;
}
.news .cont-main li .txt {
	padding: 5px 0 0;
	margin: 0;
	line-height: 140%;
	font-size: 90%;
}
	@media(min-width:769px) and (max-width: 880px) {
		.news .cont-main li {
			width: 48.5%;
		}
		.news .cont-main li:nth-child(3n) {
			margin-right: 3%;
		}
		.news .cont-main li:nth-child(2n) {
			margin-right: 0;
		}
		.news .cont-main li:nth-child(3n+1) {
			clear: none;
		}
		.news .cont-main li:nth-child(2n+1) {
			clear: both;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.news .cont-main li {
			width: 48.5%;
		}
		.news .cont-main li:nth-child(3n) {
			margin-right: 3%;
		}
		.news .cont-main li:nth-child(2n) {
			margin-right: 0;
		}
		.news .cont-main li:nth-child(3n+1) {
			clear: none;
		}
		.news .cont-main li:nth-child(2n+1) {
			clear: both;
		}
		.news .cont-main li .date time {
			display: block;
		}
	}

/* cont-side
------------------------------------------------*/
.news .cont-side a {
	opacity: 1 !important;
}
.news .cont-side h3 {
	padding: 10px 0;
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	line-height: 100%;
	border-bottom: 1px solid #ccc;
}
.news .cont-side h3 span {
	position: relative;
}
.news .cont-side h3 span:after {
	display: block;
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 3px;
	content: "";
	background: #0188f0;
}
.news .cont-side > div {
	margin: 0 0 35px;
	border: 1px solid #ccc;
}
.news .cont-side > div > ul {
	padding: 0 15px;
	margin: 0;
}

/* list */
.news .cont-side .list li {
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
}
.news .cont-side .list li:last-child {
	border-bottom: none;
}
.news .cont-side .list li:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.news .cont-side .list li figure {
	position: relative;
  overflow: hidden;
  width: 85px;
	float: left;
	margin: 0;
}
.news .cont-side .list li figure:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	transition: all .9s;
}
.news .cont-side .list li:hover figure:after {
	opacity: 1;
}
.news .cont-side .list li figure img {
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
}
.news .cont-side .list li:hover figure img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.news .cont-side .list li .txt-wrap {
	width : -webkit-calc(100% - 95px) ;
  width : calc(100% - 95px) ;
  padding: 0 0 0 95px;
 	font-size: 12px;
}
.news .cont-side .list li .txt {
	padding: 0 0 5px;
	margin: 0;
	line-height: 140%;
}
.news .cont-side .list li .date {
	margin: 0;
}
.news .cont-side .list li .date time {
	color: #999;
}
.news .cont-side .list .txt-title {
	color: #0188f0;
}

/* category-article */
.news .category-article h3 span:after {
	background: #fee528;
}
.news .cont-side > .category-article > ul {
	padding-top: 15px;
	padding-bottom: 15px;
}
.news .category-article > ul > li {
	margin: 0;
	border-bottom: 1px dotted #ccc;
}
.news .category-article > ul > li span,
.news .category-article > ul > li a {
	position: relative;
	display: block;
	padding: 10px;
	transition: all .3s;
}
.news .category-article > ul > li:last-child {
	border-bottom: none;
}
.news .category-article > ul > li span:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 20px;
	height: 20px;
	content: "";
	background: url(../img/icn_arrow_down_blue.svg) no-repeat 0 0;
	background-size: 20px 20px;
	-webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
 	transition: all .3s;
}
.news .category-article > ul > li span.active:after {
	background: url(../img/icn_arrow_up.svg) no-repeat 0 0;
	background-size: 20px 20px;
}
.news .category-article > ul > li span.active {
	color: #fff;
	background: #0188f0;
}
.news .category-article ul.category-detail {
	display: none;
}

.news .category-article ul.category-detail li {
	margin: 0;
}
.news .category-article ul.category-detail li a {
	display: block;
	padding: 7px 15px;
	transition: all .3s;
}
.news .category-article ul.category-detail li a:hover,
.news .category-article ul.category-detail li a.current {
	color: #0188f0;
	background: #f9f9f9;
}
	@media(min-width:1px) and (max-width: 768px) {
		.news .category-article ul.category-detail li {
			border-bottom: 1px dotted #eee;
		}
	}

/* pickup-article */
.news .pickup-article h3 span:after {
	background: #31bae7;
}


/* pager
------------------------------------------------*/
.news .pager {
	margin: 0;
	text-align: center;
}
.news .pager li {
	list-style: none;
	display: inline-block;
	margin: 0 2px;
}
.news .pager li a {
	opacity: 1 !important;
	transition: all .3s;
}
.news .pager li a,
.news .pager li span {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center; 
	border: 1px solid #0188f0;
	box-sizing: border-box;
}
.news .pager li a:hover,
.news .pager li span {
	color: #fff;
	background: #0188f0;
}
.news .pager .txt a {
	width: auto;
	color: #0188f0;
	border: none;
	border-bottom: 1px solid #0188f0;
}
.news .pager .txt a:hover {
	color: #0188f0;
	background: none;
}
	@media(min-width:1px) and (max-width: 480px) {
		.news .pager li {
			margin: 0;
		}
		.news .pager li a,
		.news .pager li span {
			width: 30px;
			height: 30px;
			line-height: 30px;
			letter-spacing: 0;
		}
	}


/*==================================================
news-article
==================================================*/
.news-article .cont-main {
	position: relative;
}
.news-article .title-wrap {
	position: absolute;
	top: 0;
	right: 0;
}
.news-article .date {
	font-size: 113.3%;
	margin-bottom: 0;
}
.news-article .line-it-button {
	vertical-align: bottom;
}
.news-article .title-wrap p {
	display: inline-block;
}
.news-article .title-wrap .tag-categpry {
	color: #0188f0;
	border: 1px solid #0188f0;
	background: none;
}
.news-article .title-wrap .txt-ttl {
	font-size: 97%;
}
.news-article h2,
.news-article .txt-read {
	padding: 0;
	margin: 10px 0 40px;
	font-size: 1.4em;
	font-weight: 700;
	text-align: left;
}
.news-article h3 {
	margin-top: 0;
	color: #d96d00;
	font-size: 147%;
}
.news-article table,
.news-article table tr {
	border: none;
}
.news-article table td:first-child {
	width: 80px;
}
.news-article table td:last-child {
	width: 100%;
}
.news-article .pager-wrap {
	padding: 50px 0 0;
}
.news-article h2::before {
	display: none;
}
.news-article .bold {
	font-weight: bold;
}
.news-article .cont-main ul li {
	width: auto;
	margin: auto;
	float: none;
	list-style: disc;
}
.news-article .inner-body {
	overflow: hidden;
}
.news-article a {
	color: #0188f0;
	text-decoration: underline;
}
.news-article a {
	color: #0188f0;
	text-decoration: underline;
}
.news-article table td {
	padding: 5px 25px;
}
.news-article a {
	color: #0188f0;
	text-decoration: underline;
}
.news-article div img {
	margin-bottom: 10px;
}
	@media(min-width:1px) and (max-width: 1210px) {
		.news-article .pager-wrap {
			padding: 0;
		}
		.news-article table td:first-child {
			width: 20%;
		}
		.news-article table td:last-child {
			width: 80%;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.news-article .pager-wrap {
			padding: 0;
		}
		.news-article table td:first-child {
			width: 20%;
		}
		.news-article table td:last-child {
			width: 80%;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.news-article .date {
			margin: 0 0 10px;
		}
		.news-article .title-wrap {
			position: relative;
			top: 0;
			right: 0;
		}
		.news-article .title-wrap .txt-ttl {
			margin: 0 0 20px;
		}
		.news-article .inner-body p {
			display: block;
		}
		.news-article table td:first-child {
			width: 100%;
		}
		.news-article table td:last-child {
			width: 100%;
		}
	}


/*------------ article-detail ------------------*/
.article-detail {
	margin: 0 0 100px;
}
.article-detail .article-intro {
	display: table;
	overflow: hidden;
	width: 100%;
}
.article-detail .article-intro p {
	display: table-cell;
	vertical-align: top;
}
.article-detail h3 {
	padding: 15px 20px;
	font-size: 120%;
	color: #333;
	border-top: 2px solid #31bae7;
	border-bottom: 2px solid #fee528;
}
.article-detail ul {
	margin-left: 20px;
}
.article-detail p {
	margin: 0 0 30px;
}
.article-detail .txt-note {
	font-size: 86%;
}
.article-detail p .txt-note {
	display: inline-block;
	padding: 10px 0 0;
}
.article-detail p.font-large {
	font-size: 106.6%;
}
.article-detail p.font-exlarge {
	font-size: 120%;
}
.article-detail p em {
	font-weight: 700;
	color: #0188f0;
}
.article-detail figure {
	margin: 0 0 30px;
	text-align: center;
}
	@media(min-width:1px) and (max-width: 640px) {
		.article-detail {
			margin: 0 0 50px;
		}
	}


/* column-top */
.article-detail .column-top {
	padding: 0 0 25px;
	margin: 0 0 25px;
	border-bottom: 1px solid #31bae7;
}
.article-detail .column-top:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.article-detail .column-top figure {
	width: 30%;
	float: left;
	margin: 0;
}
.article-detail .column-top figure img {
	width: 100%;
	height: auto;
}
.article-detail .column-top .txt-wrap {
	width: 66%;
	float: right;
}
	@media(min-width:1px) and (max-width: 1000px) {
		.article-detail .column-top {
			padding: 0 0 20px;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.article-detail .column-top {
			margin: 0  0 30px;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.article-detail .column-top {
			padding: 0;
		}
		.article-detail .column-top figure {
			width: 100%;
			float: none;
			margin: 0 0 10px;
		}
		.article-detail .column-top .txt-wrap {
			width: 100%;
			float: none;
		}
	}

/* column02-style01 */
.article-detail .column02-style01 {
	padding: 0 0 45px;
}
.article-detail .column02-style01:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.article-detail .column02-style01 figure {
	width: 24.5%;
	float: left;
	margin: 0;
}
.article-detail .column02-style01 .txt-wrap {
	width: 70.5%;
	float: right;
	padding: 20px;
	background: #ffffdd;
	box-sizing: border-box;
}
.article-detail .column02-style01 .txt-wrap p:last-child {
	margin: 0;
}
	@media(min-width:1px) and (max-width: 480px) {
		.article-detail .column02-style01 figure {
			width: 100%;
			float: none;
			margin: 0 0 10px;
		}
		.article-detail .column02-style01 .txt-wrap {
			width: 100%;
			float: none;
			padding: 20px 5%;
		}
	}

/* img-column03 */
.article-detail .img-column03 {
	padding: 0 10px;
	margin: 0 0 20px;
} 
.article-detail .img-column03 :after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.news-article .article-detail .img-column03 li {
	width: 31.333%;
	float: left;
	margin: 0 1%;
	list-style: none;
}
.article-detail .img-column03 li img {
	width: 100%;
}
	@media(min-width:1px) and (max-width: 880px) {
		.news-article .article-detail .img-column03 li:nth-child(3n+1) {
			clear: both;
		}
		.news-article .article-detail .img-column03 li:nth-child(2n+1) {
			clear: none;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.news-article .article-detail .img-column03 li {
			width: 48%;
		}
		.news-article .article-detail .img-column03 li:nth-child(3n+1) {
			clear: none;
		}
		.news-article .article-detail .img-column03 li:nth-child(2n+1) {
			clear: both;
		}
	}

/* img-column02 */
.article-detail .img-column02 {
	padding: 0 10px;
	margin: 0 0 20px;
} 
.article-detail .img-column02:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.news-article .article-detail .img-column02 li {
	width: 48%;
	float: left;
	margin: 0 1%;
	list-style: none;
}
.news-article .article-detail .img-column02 li:nth-child(2n+1) {
	clear: both;
}
.news-article .article-detail .img-column02 li:nth-child(3n+1) {
	clear: none;
}
.article-detail .img-column02 li img {
	width: 100%;
}

/* tmb-profile */
.article-detail .tmb-profile {
	display: table;
	width: 100%;
	padding: 20px;
	margin: 0 0 30px;
	border-top: 3px solid #31bae7;
	background: #fff9d5;
	box-sizing: border-box;
}
.article-detail .tmb-profile figure {
	display: table-cell;
	width: 100px;
}
.article-detail .tmb-profile .txt-wrap {
	display: table-cell;
	padding: 0 0 0 20px;
}
.article-detail .tmb-profile .txt-wrap p {
	margin: 0 0 15px;
}
.article-detail .tmb-profile .txt-wrap h4 {
	font-size: 120%;
	font-weight: 700;
}
	@media(min-width:1px) and (max-width: 415px) {
		.article-detail .tmb-profile {
			padding: 15px 5%;
		}
		.article-detail .tmb-profile figure {
			display: table-cell;
			width: 26%;
		}
		.article-detail .tmb-profile figure img {
			margin: 0;
		}
	}

/* talk-box */
.article-detail .talk-box {
	margin: 0 0 50px;
}
.article-detail .talk-box h3 {
	margin: 0 0 40px;
	border: none;
	text-align: center;
}
.article-detail .talk-box > div {
	margin: 0 0 30px;
}
.article-detail .talk-box > div:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.article-detail .talk-box figure {
	width: 66px;
	float: left;
	margin: 0;
	border: 5px solid #0188f0;
}
.article-detail .talk-box figure img {
	margin: 0;
}
.article-detail .talk-box p {
	position: relative;
	width : -webkit-calc(100% - 120px) ;
	width : calc(100% - 120px) ;
	float: right;
	padding: 20px;
	margin: 0;
	border: 3px solid #0288f0;
	background: #fff9d5;
	border-radius: 12px;
	-webkit-border-radius: 12px
	-moz-border-radius: 12px;
	box-sizing: border-box;
}
.article-detail .talk-box p:before {
	position: absolute;
	left: -20px; 
	top: 15px;
	content: "";
	border-right: 20px solid #0288f0;
	border-top: 16px solid transparent;
	border-bottom: 16px solid transparent;
}
.article-detail .talk-box p:after {
	position: absolute;
	left: -15px; 
	top: 18px;
	content: "";
	border-right: 15px solid #fff9d5;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
}
.article-detail .talk-box .color-none figure {
	border-color: #fff;
}
.article-detail .talk-box .color-yellow figure {
	border-color: #fee528;
}
.article-detail .talk-box .color-yellow p { 
	border-color: #fee528;
}
.article-detail .talk-box .color-yellow  p:before {
	border-right-color: #fee528;
}
.article-detail .talk-box .color-lightblue figure {
	border-color: #31bae7;
}
.article-detail .talk-box .color-lightblue p { 
	border-color: #31bae7;
}
.article-detail .talk-box .color-lightblue  p:before {
	border-right-color: #31bae7;
}
.article-detail .talk-box .txt-brown p {
	color: #8c2300;
}
.article-detail .talk-box .txt-blue p {
	color: #002db2;
}
	@media(min-width:1px) and (max-width: 480px) {
		.article-detail .talk-box h3 {
			margin: 0 0 10px;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		.article-detail .talk-box figure {
			width: 50px;
			border-width: 3px;
		}
		.article-detail .talk-box p {
			position: relative;
			width : -webkit-calc(100% - 72px) ;
			width : calc(100% - 72px) ;
			padding: 10px 5%;
		}
		.article-detail .talk-box p:before {
			border-right: 16px solid #0288f0;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
			left: -16px;
		}
		.article-detail .talk-box p:after {
			border-right: 12px solid #fff9d5;
			border-top: 9px solid transparent;
			border-bottom: 9px solid transparent;
			left: -12px;
		}
	}

/* movie */
.article-detail .movie {
	width: 500px;
	height: 280px;
	margin: 0 auto 30px;
}
.article-detail .movie iframe {
	width: 100%;
	height: 100%;
	border:  none;
}
	@media(min-width:1px) and (max-width: 640px) {
		.article-detail .movie {
			position: relative;
			width: 100%;
			height: auto;
			padding: 56% 0 0;
			margin: 0 auto 30px;
		}
		.article-detail .movie iframe {
			position: absolute;
			top: 0;
			left: 0;
		}
	}

/* #comment */
#comments {
	margin: 50px auto 0;
	padding: 20px 20px 30px;
	background: #fafafa;
	border-top: 3px solid #31bae7;
	border-bottom: 3px solid #31bae7;
}
#comments h3 {
	color: #333;
}
#comments textarea:focus,
#comments input[type="text"]:focus {
	border-color: #31bae7;
}
#comments .button {
	display: block;
	max-width: 300px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	border: none;
	background: #31bae7;
	box-sizing: border-box;
	transition: all .3s;
}
#comments .button:hover {
	background: #0188f0;
}
#comments #comments-open-text {
	display: table;
	width: 100%;
	margin: 10px 0 0;
}
#comments #comments-open-text label,
#comments #comments-open-data label {
	display: table-cell;
	width: 100px;
}
#comments #comments-open-text textarea {
	display: table-cell;
 	width: 100%;
 	height: 150px;
 	padding: 10px;
	border: 1px solid #ccc;
	resize: vertical;
	box-sizing: border-box;
}
#comments #comments-open-data li {
	display: table;
	width: 100%;
	margin: 20px 0 0;
}
#comments #comments-open-data input {
	display: table-cell;
 	width: 70%;
 	padding: 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
	@media(min-width:1px) and (max-width:640px) {
		#comments #comments-open-text,
		#comments #comments-open-data li {
			display: block;
		}
		#comments #comments-open-text label,
		#comments #comments-open-data label {
			display: block;
			width: 100%;
		}
		#comments #comments-open-text textarea,
		#comments #comments-open-data input {
			display: block;
			width: 124%;
			margin-left: -12%;
			font-size: 16px;
			transform: scale(0.8);
		}
	}






/* Information
==================================================
livedoor Blog CSS
 Name  : canvas_ceruleanblue_2c
 Update : 2010.08.05
==================================================
*/

/* 指定幅以上の時.br-spは非表示にして改行を無効に */
@media screen and (max-width: 700px) {
  br.br-sp {display: none;}
}

/* 主に超昂ブログ用 ここから */

/* ◆大見出し1 */
.hl1 {
	background-color: #f0f8ff;
	font-size: 130%;
	font-weight: bold;
	margin: 3em 0 1em !important;
	border-bottom: 2px dotted #87cefa;
	padding: 0.4em;
}

/* ○見出し2 */
.hl2 {
	font-size: 110%;
	padding-bottom: 0.1em;
	line-height: 1.2;
	border-bottom:3px solid #fa0;
	font-weight:bold;
	display:inline-block;
	margin:0.5em 0 1em !important;
}
/* ・子見出し3 */
.hl3 {
	font-size: 100%;
	padding: 0.3em 1em;
	line-height: 1.0;
	background: #fdd;
	vertical-align: middle;
	font-weight:bold;
	display:inline-block;
	border-radius: 20px;
	margin:0.5em 0 0.5em 1em !important;
}
.hl3:before {
  content: '●';
  color: #f25879;
  margin-right: 8px;
}

/* リスト左付箋風 divカコミ */
.fusen-list {
	margin:0 0 2em 2em;
	display:inline-block;
	border-left:6px solid #f25879;
	padding:1em 1em 0 1em;
	box-sizing:border-box;
}

/* あらすじなど上下二重線 */
.cage-dl {
	margin:0.5em auto 2em auto;
	padding:1.5em 1em;
	display:block;
	border-top: double 7px #4ec4d3;
	border-bottom: double 7px #4ec4d3;
	width:-moz-fit-content;width:fit-content;
}
.cage-dl p {margin:0;padding:0;}

/* シリアルコード枠 */
.code {
	background-color:#fff9d5;
	padding:1em;
	text-align:center;
}

/* ランキング成形用 */
.ranking {margin:0 auto;}
.ranking table {border-collapse: collapse;}
div.ranking td,div.ranking th {
    border:1px solid black;
    padding:10px;
    text-align:center;
    font-weight:bold;
}
.rankingtit {background-color:#e99;}
tr.rankingtit2 {background-color:#99e;}
tr.rankingtit3 {background-color:#9e9;}
div .rangingnb {border:none;background-color:#ffffff;} /* セルの枠線消し */
.ranking tr:nth-child(even) {background-color:#f0f0f0;}


/* ここまで */

.fs13,
.fs15,
.fs20,
.pd8b {font-weight:bold;}
.fs11 {font-size:110%;}
.fs13 {font-size:130%;}
.fs15 {font-size:150%;}
.fs20 {font-size:200%;}
.fs8 {font-size:80%;}
.fs6 {font-size:60%;}
.red {color:#f00000;}
.red2 {color:#ff8080;}
.blue {color:#0000f0;}
.blue2 {color:#8080ff;}
.orange {color:#f08044;}
.green {color:#00a000;}
.gray {color:#707070;}
.gray2 {color:#a0a0a0;}
.ppl {color:#c000e0;}
.mg17 {margin-top:1.7em;}
.mgud2m {margin:2em 0;}
.bred {font-weight:bold;color:#f00000;}
.r10vote {}
.owbw {
	overflow-wrap:break-word;
	word-wrap:break-word;
}
.scback {
	padding:1em;
	background-color:#f0f0f0;
}
.fuseny {
	border-left: 1em solid #ff9a4f;
	border-bottom: 1px solid #ff9a4f;
	padding: 3px;
	font-size:30px;
	background-color:#fff8d3;
}
.tablect td {
	width:33%;
	vertical-align:top;
	text-align:center;
	padding-bottom:1em;
}
.tablect hr {
	width:150px;
	border:0;
	height:0;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(255,255,255,0.3);
	margin:0;
}
.fusenr {
	border-left: 1em solid #dd2222;
	border-bottom: 2px solid #dd2222;
	padding: 5px;
	font-size:24px;
	text-align:left;
}
.fusen {
	border-left: 1em solid #dd2222;
	border-bottom: 2px solid #dd2222;
	padding: 4px;
	text-align:left;
	background-color:#fff4f4;
}
.pd8b {padding-left:8em;}
.pdleft2 {padding-left:2em;}
.roundboxr {
	background:#ffffff;
	padding:10px;
	border:4px double #0000ff;
	border-radius:10px;
}
.upliner
	{
	text-align:right;
	border-top:1px solid #a0a0b0;
	margin-top:0.5em;
}
table.type01 {
	border-collapse: collapse;
	text-align:left;
	line-height:1.5;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
table.type01 th {
	padding:10px;
	font-weight:bold;
	vertical-align:top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background: #ececec;
}
table.type01 td {
	padding:10px;
	vertical-align:top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
/* 顔横テキストなど*/
.charatxt {margin:0;padding:0 0 0 10px;}
.charatxt img {vertical-align:middle;}
.charatxt p {
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	font-size:90%;
}
/* 範囲確認用 */
.backtest {background-color:#f00;}
/* アンサイ風単語隠し */
.usp {
	font-weight:bold;
	font-size:90%;
	color:#963219;
	padding:2px;
	margin:0 2px;
	background-color:#ffe1e1;
	border:1px solid #963219;
}
/* YouTubeレスポンシブサイズ */
.youtube {
	position:relative;
	max-width:100%;
	padding-top:56.25%;
}
.youtube iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
/* フキダシ 会話用 */
.talkblock {
display: inline-block;
max-width: 550px;
font-size: 15px;
margin:10px 0;
}
.talk {
	width: 500px;
	margin: 8px 0;
	overflow: hidden;
}
.floatl {float: left;}
.floatr {float: right;}
.facel {
	float: left;
	width: 56px;
}
.facel img,
.facer img {
	width: 50px;
	height: auto;
}
.chatl,
.chatr {
	width: 420px;
	height: auto;
}
.chatl {text-align: left;}
.chatr {text-align: right;}
.sayl {
	position: relative; 
	display: inline-block;
	margin-left: 14px;
	padding: 10px;
	min-width: 50px;
	max-width: 100%;
	color: #555;
	background: #fff;
	border: solid 3px #555;
	box-sizing: border-box;
	border-radius: 12px;
}
.sayl:before {
	content: "";
	position: absolute;
	top: 16px; 
	left: -22px;
	margin-top: -8px;
	border: 10px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}
.sayl:after {
	content: "";
	position: absolute;
	top: 19px;
	left: -28px;
	margin-top: -13px;
	border: 12px solid transparent;
	border-right: 14px solid #555;
	z-index: 1;
}
.sayl p {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	text-align: left;
}
.facer {
	float: right;
	width: 75px;
}
.sayr {
	position: relative; 
	display: inline-block;
	padding: 0;
	min-width: 50px;
	max-width: 100%;
	background: #cee6ad;
	border-radius: 12px;
}
.sayr p{
	padding: 12px;
	margin: 0;
	text-align: left;
	line-height: 1.2em;
}
.sayr p:before {
	content: "";
	position: absolute;
	top: 18px;
	left: 100%;
	margin: -12px 0 0 -1px;
	border: 13px solid transparent;
	border-left: 13px solid #cee6ad;
}
/* =============================================== */
/** 04. Title - ブログタイトルの設定 */
/* ----------------------------------------------- */
div.blog-title-outer {
	text-align: left;
	background: url(http://livedoor.2.blogimg.jp/alicesoft2010/imgs/c/1/c1037b22.jpg) no-repeat left top;
	height: 180px;
}
div.blog-title-outer-2 {}
div.blog-title-outer-3 {}
div.blog-menu {
	height: 44px;
	margin: 0;
}
div.blog-menu {
	height: 44px;
}
.blog-menu img {
	padding: 0;
	margin: 0;
/*	width: 107px;*/
	height: 22px;
	border: 0;
}
h1#blog-title {
	margin: 0;
	padding: 40px 20px 0 40px;
	font-weight: bold;
	font-size: 126%;
}
div.blog-description-outer {}
p#blog-description {
	margin: 0;
	padding: 5px 20px 0 40px;
	line-height: 1.35;
	font-size: 90%;
}
/* =============================================== */
/** 05. SubTitle - アーカイブタイトルの設定 */
/* ----------------------------------------------- */
div.archives-title-outer {
	margin-bottom: 10px;
	padding: 10px;
}
div.archives-title-outer-2 {}
div.archives-title-outer-3 {}
h2.archives-title {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 90%;
	font-weight: normal;
}
/* ----------------------------------------------- */
/** ArticlePager 記事ページ */
div.article-pager-top div.article-pager-outer {
	padding: 0 0 10px;
	border-width: 0 0 2px 0;
	border-style: none none dotted none;
}
div.article-pager-bottom div.article-pager-outer {
	padding: 10px 0 0;
	border-width: 2px 0 0 0;
	border-style: dotted none none none;
}
ul.article-pager {
	font-size: 90%;
}
ul.article-pager li {
	float: left;
	width: 49%;
	line-height: 1.25;
}
ul.article-pager {
	overflow: hidden;
}
ul.article-pager li {
	padding-top: 1px;
	padding-bottom: 100px;
	margin-bottom: -99px;
}
ul.article-pager li a {
	display: block;
	margin: 0 10px;
}
ul.article-pager li.prev {
	text-align: right;
}
ul.article-pager li.next {
	text-align: left;
}
ul.article-pager li.both {}
/* =============================================== */
/** 07. Main - 記事の設定 */
/* ----------------------------------------------- */
div.article-outer {
	margin-bottom: 20px;
	text-align: left;
}
div.article-outer-2 {}
div.article-outer-3 {}
/* ----------------------------------------------- */
/** Message Board - インフォメーション */
div.message-board-outer {
	margin-bottom: 10px;
}
div.message-board {
	padding: 10px;
	line-height: 1.4;
	text-align: left;
	font-size: 90%;
	border-width: 3px;
	border-style: solid;
}
/* ----------------------------------------------- */
/** 記事ヘッダー */
div.article-header {
	position: relative;
	min-height: 55px;
	padding: 0 10px;
}
* html div.article-header {
	height: 55px;
	zoom: 1;
}
/*** 日付 */
div.article-date-outer {
	width: 50px;
	height: 50px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0;
	border-width: 1px;
	border-style: solid;
}
div.article-date-outer span.article-month {
	display: block;
	line-height: 15px;
	text-align: center;
	white-space: nowrap;
	font-size: 10px;
}
div.article-date-outer span.article-date {
	display: block;
	line-height: 35px;
	font-weight: bold;
	text-align: center;
	font-size: 26px
}
/*** カテゴリ */
div.article-category-outer {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/category.gif) no-repeat left top;
	padding-left: 20px;
	margin-left: 55px;
}
div.article-category-outer dl.article-category {
	margin: 0;
	padding: 0;
	line-height: 1.25;
}
div.article-category-outer dl.article-category dt
, div.article-category-outer dl.article-category dd {
	display: inline;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	font-size: 83%;
}
div.article-category-outer dl.article-category dt {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	text-indent: -9999px;
}
/*** 記事タイトル */
div.article-title-outer {
	margin-left: 45px;
	background-color:#eec209;
}
h2.article-title {
	margin: 0;
	padding: 4px 0 4px 6px;
	font-size: 111%;
	font-weight: bold;
}
/* ----------------------------------------------- */
/** 記事本文 */
div.article-body {
	padding: 15px 30px 5px;
	line-height: 1.5;
	font-size: 90%;
}
div.article-body-inner {
	width: 100%;
}
.goods-spec {
	border: 2px solid #f97e4a;
	padding: 7px 10px;
	margin:3px;
}
.goods-spec td {
	padding:0;
	margin:0;
	font-size:90%;
}
.goods-spec th {
	padding:0 1em 0 0;
	margin:0;
	font-size:90%;
	font-weight:bold;
}
.goods-sales {
/*	border: 2px solid #f97e4a;*/
	background-color:#ffffdd;
	padding:7px;
	margin:3px;
	font-size:12px;
}
.hrdash ,
.dashhr {
	border:none;
	border-top:dashed 3px #4fb0d0;
	height:3px;
	color:#ffffff;
}
.hrdash_gray ,
.dashhr_gray {
	border:none;
	border-top:dashed 2px #bbb;
	height:2px;
	color:#ffffff;
}
.hrdot_green {
	border:none;
	border-top:4px dotted #2c5e37;
	height:4px;
	color:#ffffff;
}
.shopl {
	font-size:120%;
	font-weight:bold;
	margin: 1em 0em;
	padding:5px;
	background-color:#f9be8a;
}
.commentstaff {
	background-color:#ffffe0;
	font-weight:bold;
	padding:7px;
	border: 1px solid #cccca0;
}
.shop h4 {
	width:419px;
	height:58px;
	line-height:58px;
	background :#ffffff url(./img/h4.png) no-repeat;
	text-align: left;
	font-size: 140%;
	font-weight: bold;
	padding-left: 70px;
	margin: 1.4em 0 0.5em;
	color:#ffffff;
}
.shop h5 {
	display:block;
	width:60%;
	text-align:left;
	font-weight:bold;
	font-size:120%;
	background-color:#ffd0c0;
	padding:3px 0 3px 10px;
	margin:0;
}
.shop {
	padding-left:2.5em;
}
.shop p {
	display:block;
	padding-left:3em;
	line-height:130%;
	margin:0.5 0 1em 0;
}
/* スタッフ日記用名前画像部分 */
.staffimg,.staffimg2 {
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	background-color:#fff9d5;
	height:100px;
}
.staffimg p {
	font-size:150%;
	padding:0.5em;
}
.staffimg2 p {
	font-size:150%;
	padding:0;
	margin:0 0 0 0.5em;
}
.staffimg2 span {
	color:#988267;
	font-size:80%;
	padding:0;
	margin:0.5em 0 0 0.5em;
}
/* 続きを読む */
div.article-body span.article-continue {
/*	display: block; */
/*	margin-top: 1em; */
	text-align:right;
}
.article-continue a {text-decoration:underline;}
div.article-body div.article-body-more
, div.article-body div.article-body-private {
	clear: both;
	margin-top: 1em;
}
div.article-body-inner h3 {
	font-size: 111%;
	font-weight: bold;
	border-width: 0 0 1px 5px;
	border-style: none none solid solid;
	padding-left: 10px;
	line-height: 1.3;
}
.h3grn {border-color:#2ea574;}
div.article-body-inner h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
}
/*** blockquote & pre */
div.article-body blockquote
, div.article-body pre {
	padding: 15px 20px;
	margin: 5px 0;
	font-size: 100%;
}
/*　引用デザイン　*/
.bqstart {
	float: left;
	height: 25px;
	margin: -28px 0 -50px -3px;
	padding-top: 0px;
	font-size: 500%;
	color: #bdd7e0;
}
.bqend {
	float: right;
	height: 25px;
	margin: -33px 0 ;
	padding-top: 0px;
	font-size: 500%;
	color: #bdd7e0;
}

.quote-003 {
    max-width: 700px;
    position: relative;
    padding: 3em 2.5em 2em 3.5em;
    color: #73727e;
    background-color: #f1f6fe;
    margin-bottom:1.5em;
}

.quote-003::before {
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
    width: 1.5em;
    height: 1.5em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23cedbe3%22%20d%3D%22M21.8%2012H18V9c0-1.7%201.3-3%203-3h.4c.6%200%201.1-.5%201.1-1.1V2.6c0-.6-.5-1.1-1.1-1.1H21c-4.1%200-7.5%203.4-7.5%207.5v11.2c0%201.2%201%202.2%202.2%202.2h6c1.2%200%202.2-1%202.2-2.2v-6C24%2013%2023%2012%2021.8%2012zM8.2%2012H4.5V9c0-1.7%201.3-3%203-3h.4C8.5%206%209%205.5%209%204.9V2.6c0-.6-.5-1.1-1.1-1.1h-.4C3.4%201.5%200%204.9%200%209v11.2c0%201.2%201%202.2%202.2%202.2h6c1.2%200%202.2-1%202.2-2.2v-6c.1-1.2-.9-2.2-2.2-2.2z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}

.quote-003 p {
    margin-top: 0;
}

.quote-003 p:last-of-type {
   margin-bottom: 0;
}

/*** img */
div.article-body img.pict {
	margin: 0 5px 5px 0;
}
/*** 共通テーマ */
dl.common-theme {
	margin: 0 0 15px;
}
/*** 記事タグ */
dl.article-tags {
	margin: 15px 0 0;
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/tag.gif) no-repeat left top;
	line-height: 20px;
	padding-left: 20px;
}
/* ----------------------------------------------- */
/** 記事フッター */
div.article-footer {
	padding: 10px;
	margin: 5px 20px;
	border-width: 1px;
	border-style: solid none none;
}
ul.article-info {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 10px;
	text-align: right;
}
ul.article-info li {
	display: inline-block;
	margin-left: 5px;
	min-height: 16px;
	line-height: 16px;
	font-size: 70%;
}
* html ul.article-info li {
	display: inline;
	height: 16px;
	zoom: 1;
}
*+html ul.article-info li {
	display: inline;
	zoom: 1;
}
ul.article-info li.article-author {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/posted.gif) no-repeat left top;
	padding-left: 20px;
}
ul.article-info li.article-comment-count {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/comment.gif) no-repeat left top;
	padding-left: 20px;
}
ul.article-info li.article-trackback-count {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/trackback.gif) no-repeat left top;
	padding-left: 20px;
}
ul.article-info li span.article-time {
	margin-left: 3px;
}
ul.article-info li span.nickname {
	font-weight: normal;
}
ul.article-post {
	padding: 0;
	text-align: right;
}
ul.article-post li {
	min-height: 16px;
	font-size: 70%;
}
ul.article-post li img {
	vertical-align: middle;
}
.twitter-share-button {vertical-align: middle;}
/* ----------------------------------------------- */
/** コメント一覧 */
li.comment-set {
	padding: 0 50px 10px;
	font-size: 83%;
}
ul.comment-info li.comment-author {
	display: inline;
}
ul.comment-info li.comment-date {
	display: inline;
	margin-left: 10px;
	font-size: 83%;
}
ul.comment-info li {
	display: inline;
}
ul.comment-info li.comment-body {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 1.4;
}
/* ----------------------------------------------- */
/** 関連記事 */
div.related-articles {
	padding: 15px 0 0;
}
div.related-articles h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
}
div.related-articles h3 span {
	font-weight: weight;
}
div.related-articles ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-size: 90%;
}
div.related-articles ul li{
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/dot_g.gif) no-repeat left 6px;
	padding: 0 0 5px 12px;
	margin-left: 5px;