/*
Theme Name: original
Description: Description
Version: 1.0.0
--------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */

body {
	/* font-size: 13px; */
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 160%;
}

a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity:0.7;
}

@media only screen and (max-width: 736px) {
	html,
	body {
		height: 100%;
	}
}
a {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
/********************

header

********************/

#header {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 10px;
	height: 210px;
	position: relative;
	z-index: 100;
}

#headerTop {
	padding: 0 50px;
}

#header h1 {
	float: left;
	padding-top: 35px;
}

#header h2 {
	float: right;
}

#header #hNav {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 10px;
}

#header #hNav li {
	float: left;
	font-size: 16px;
	padding-right: 30px;
	font-weight: bold;
}

#header #gNav {
	width: 1000px;
	margin: 0 auto;
}

#header #gNav li {
	width: 166px;
	text-align: center;
	float: left;
}

#header #gNav li a {
	color: #FFF;
	padding: 5px;
	display: inline-block;
	border-bottom: solid 1px #FFF;
	width: 100%;
	font-size: 17px;
}

#header .subNav li:last-child a {
	border-bottom: none !important;
}

#header .subNav {
	display: none;
}

#header .subNav li {
	float: none;
}

#header #gNav li#gNavTop {background-color: #000;}
#header #gNav li#gNavTopix {background-color: #BB5400;}
#header #gNav li#gNavReport {background-color: #455F4C;width:167px;}
#header #gNav li#gNavCompany {background-color: #5D87B7;width:167px;}
#header #gNav li#gNavOpinion {background-color: #A19600;width:167px;}
#header #gNav li#gNavEntertainment {background-color: #6E4155;width:167px;}

@media only screen and (max-width: 736px) {

	#header {
		width: 100%;
		height: auto;
	}
	
	#headerTop {
		padding: 0;
	}
	
	#header h1 {
		padding-top: 30px;
		width: 50%;
		padding-left: 10px;
	}
	
	#header h2 {
		width: 15%;
	}
	
	#header h2 img {
		width: 100%;
	}
	
	.btnSpNav {
		width: 10%;
		float: right;
		margin-right: 2%;
		margin-top: 20px;
	}
	
	.btnSpNav img {
		width: 100%;
	}
}

/********************

footer

********************/

#footer  {
	font-size: 0;
}

#footer .clearfix {
	width: 925px;
	margin: 0 auto;
}

#footer #fNav {
	padding: 27px 0;
	float: left;
	font-size: 15px;
	font-weight: bold;
}

#footer .pagetop {
	float: right;
}

#footer #footerBlock {
	width: 100%;
	height: 148px;
	background-color: #000;
	color: #FFF;
}

#footer #footerBox {
	width: 1000px;
	margin: 0 auto;
}

#footer h1 {
	float: left;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 42px;
	height: 118px;
	line-height: 118px;
}

#footer #footerInfo {
	float: right;
	padding-top: 15px;
	font-size: 13px;
}

#footer #footerInfo p {
	text-align: left;
}

#footer #footerInfo p#address,
#footer #footerInfo p#copyright{
	text-align: right;
}
#footer #footerInfo p#copyright{
	padding-top: 10px;
}

@media only screen and (max-width: 736px) {
	
	#footer .clearfix {
		width: 100%;
	}
	
	#footer #fNav {
		font-size: 13px;
		padding-left: 10px;
	}
	
	#footer .pagetop {
		width: 15%;
		padding-right: 10px;
	}
	
	#footer #footerBlock {
		height: auto;
	}
	
	#footer #footerBox {
		width: 100%;
		padding: 15px 0;
	}
	
	#footer h1 {
		float: none;
		text-align: center;
		font-size: 29px;
		height: auto;
		line-height: 100%;
	}
	
	#footer #footerInfo {
		float: none;
		width: 90%;
		margin: 0 auto;
	}

	#footer #footerInfo p#address,
	#footer #footerInfo p#copyright{
		text-align: center;
	}
}


/********************

top

********************/

#container {
	width: 100%;
}

#mainImg {
	text-align: center;
}

#mainImg img {
	width: 100%;
	height: auto;
	max-width: 1200px;
}

#mainLead {
	font-size: 18px;
	padding: 10px 0;
}

#contents {
	width: 920px;
	margin: 0 auto;
}

#topLeft {
	width: 677px;
	float: left;
}

#topRight {
	width: 215px;
	float: right;
}

#contents #topLeft h2,
#contents #topRight h2 {
	background-image:url(images/top/bg_top_head.png);
	background-repeat: repeat-x;
	margin-bottom: 20px;
}

#contents #topLeft h2 span,
#contents #topRight h2 span {
	background-color: #FFF;
	display: inline-block;
	padding-right: 10px;
	font-size: 18px;
}

#topRight #topBook {
	background-image:url(images/top/ph_book.jpg);
	background-repeat: no-repeat;
	background-size: 97px 137px;
	padding-left: 110px;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 20px;
}

.mainColumn {
	margin-bottom: 30px;
	width: 330px;
	float: left;
	margin-right: 15px;
}

.mainColumn:last-child {
	margin-right: 0;
}

.subColumn {
	margin-bottom: 45px;
	width: 216px;
	float: left;
	margin-right: 13px;
}

.subColumn:nth-child(3n) {
	margin-right: 0;
}

.columnCategory {
	background-repeat: no-repeat;
	color: #FFF;
	font-weight: bold;
	padding: 2px 10px;
}

.columnCategory.other { background-image:url(images/top/bg_other.png);}
.columnCategory.topix { background-image:url(images/top/bg_topix.png);}
.columnCategory.report { background-image:url(images/top/bg_report.png);}
.columnCategory.company { background-image:url(images/top/bg_company.png);}
.columnCategory.opinion { background-image:url(images/top/bg_opinion.png);}
.columnCategory.entertainment { background-image:url(images/top/bg_entertainment.png);}

.columnImg {
	font-size: 0;
	line-height: 0;
}
	
.columnImg img {
	width: 100%;
	height: auto;
}

.columnDate {
	font-size: 10px;
	text-align: right;
}

.columnTitle {
	margin-bottom: 5px;
	font-weight: bold;
}

.columnTitle p {
	font-size: 15px;
	width:100%;
	float: left;
}

.columnTitle span {
	text-align:center;
	color: #FFF;
	display: block;
	float: right;
	background-color: #B81C22;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	font-size: 12px;
}

@media only screen and (max-width: 736px) {

	#mainLead {
		font-size: 14px;
		padding: 10px;
	}
	
	#contents {
		width: 90%;
	}
	
	#topLeft {
		width: 100%;
		float: none;
	}
	
	#topRight {
		width: 100%;
		float: none;
	}
	
	#contents #topLeft h2,
	#contents #topRight h2 {
		background-image:url(images/top/bg_top_head_sp.png);
		background-repeat: repeat-x;
		margin-bottom: 20px;
	}

	.mainColumn {
		margin-right: 0;
		width: 100%;
		float: none;
	}
	
	.subColumn {
		margin-right: 2%;
		width: 49%;
		float: left;
	}
	
	.subColumn:nth-child(3n) {
		margin-right: 2%;
	}
	
	.subColumn:nth-child(even) {
		margin-right: 0;
	}

	.columnTitle p {
		width: 100%;
	}
	
	.columnImg img {
		width: 100%;
	}
	
	#topRight #topBook {
		background-size: contain;
		height: 200px;
		padding-left: 40%;
		font-size: 20px;
	}
	
	#fbLink img {
		width: 50%;
		margin: 0 auto;
		display: block;
	}
}


/********************

page

********************/

.cover {
	width: 100%;
	height: auto;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.cover img {
	width: 100%;
	max-width: 1200px;
	min-width: 920px;
	height: auto;
}
.cover img[class*="wp-image-"], .cover img[class*="attachment-"] {
	width: 100%;
	max-width: 1200px;
	min-width: 920px;
	height: auto;
}
#pageHeader {
	background-color: #F5F3F2;
	height: 118px;
	padding: 20px 0;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#pageHeader.nonBg {
	background-color: #FFF;
	height: auto;
}

#pageHeader h1 {
	font-size: 40px;
	line-height: 160%;
	letter-spacing: 0.3em;
}

#pageHeader p {
	font-size: 19px;
	line-height: 100%;
}

#pageHeader.nonBg p {
	font-size: 21px;
	color: #315C6E;
	line-height: 160%;
	width: 876px;
	margin: 0 auto;
}

.widePage {
	width: 920px;
	margin: 0 auto;
}

.pageTitle {
	font-size: 25px;
	margin-top: 35px;
	margin-bottom: 10px;
	line-height: 100%;
}

#backnumber {
	height: 95px;
	padding-top: 40px;
	text-align: right;
}

#backnumber a {
	color: #E60012;
	font-size: 17px;
	background-image:url(images/common/bg_backnumber.png);
	background-repeat: no-repeat;
	background-position: right 4px; 
	padding-right: 15px;
}

#page h2 {
	background-image:url(images/common/bg_headline.png);
	background-repeat: repeat-x;
	background-position: right 2px;
	margin-bottom: 10px;
	letter-spacing: 0.2em;
}

#page h2 span {
	font-size: 16px;
	display: inline-block;
	padding-right: 10px;
	background-color: #FFF;
}

@media only screen and (max-width: 736px) {
	
	.cover img, .cover img[class*="wp-image-"], .cover img[class*="attachment-"] {
		max-width: 100%;
		min-width: 100%;
	}

	#pageHeader {
		height: 90px;
		padding: 12px 0;
	}
	
	#pageHeader h1 {
		font-size: 20px;
		letter-spacing: 0em;
	}
	
	#pageHeader p {
		font-size: 13px;
	}

	#pageHeader.nonBg p {
		font-size: 10px;
		width: 90%;
	}
	
	.widePage {
		width: 100%;
		margin: 0 auto;
		padding: 0 3%;
	}
	
	#backnumber {
		height: 70px;
		padding-top: 20px;
	}
	
	#backnumber a {
		font-size: 13px;
		background-position: right 2px; 
	}

	.pageTitle {
		font-size: 22px;
	}

	#page h2 {
		letter-spacing: 0em;
	}
}

/********************

square

********************/

.squareColumn {
	margin-bottom: 45px;
	position: relative;
}

.squareColumn .squareImg {
	position: absolute;
	top: 0;
	right: 0;
}

.squareColumn .squareImg img {
	float: left;
	margin-left: 10px;
	height: 150px;
	width: auto;
}

.squareColumn .squareDate {
	color: #727171;
	border-bottom: solid 1px #727171;
	font-size: 12px;
	padding-bottom: 5px;
}

.squareColumn .squareTitle {
	font-size: 21px;
	padding-top: 15px;
	line-height: 160%;
	height: 155px;
}

.squareColumn .squareInfo {
	background-color: #DCDDDD;
	padding: 15px 30px;
	margin-top: 10px;
}

.squareColumn .squareInfo li {
	float: left;
	width: 50%;
}

@media only screen and (max-width: 736px) {

	.squareColumn {
		margin-bottom: 50px;
	}
	
	.squareColumn .squareImg {
		position: static;
	}
	
	.squareColumn .squareImg img {
		margin-left: 2%;
		margin-bottom: 10px;
		width: 49%;
		height: auto;
	}
	
	.squareColumn .squareImg img:first-child {
		margin-left: 0;
	}
	
	.squareColumn .squareImg img:nth-child(odd) {
		margin-left: 0;
	}
	
	.squareColumn .squareDate {
		margin-bottom: 10px;
	}
	
	.squareColumn .squareTitle {
		height: auto;
		margin-bottom: 10px;
	}
	
	.squareColumn .squareContent {
	}
	
	.squareColumn .squareInfo {
		padding: 20px 30px;
	}
	
	.squareColumn .squareInfo li {
		float: none;
		width: 100%;
	}
}

/********************

economy

********************/

#economyHead {
	font-size: 25px;
	line-height: 160%;
	margin: 30px auto;
}

#economyList dt a {
	display: inline-block;
	background-color: #595757;
	border-radius: 12px;
	background-image: url(images/common/icon_accordion_right.png);
	background-repeat: no-repeat;
	background-position: 75px 7px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	padding-left: 15px;
	padding-right: 30px;
}

#economyList dt {
	margin-bottom: 10px;
}

#economyList dd {
	padding-bottom: 10px;
	padding-left: 30px;
	display: none;
}

#economyList.reportList dd {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-left: 0px;
}

#economyList dd li a {
	padding: 2px 0;
	display: inline-block;
}

#economyList.reportList dd li {
	border-bottom: dotted 1px #CCC;
}
	
@media only screen and (max-width: 736px) {

	#economyHead {
		font-size: 18px;
	}
	
	#economyHead br {
		display: none;
	}
	
	
	#economyList dd {
		padding-right: 30px;
	}

	#economyList dd li a {
		padding-left: 1.5em;
		text-indent: -1.5em;
		width: 100%;
	}
}

/********************

activity report

********************/

#activityMain {
	padding: 30px 0;
	float: left;
	width: 675px;
}

#activitySide {
	padding: 30px 0;
	float: right;
	width: 210px;
	font-size: 14px;
}

#activityMain #activityInfo {
	background-color: #DCDDDD;
	padding: 20px 30px;
	line-height: 160%;
}

#activityMain #activityDate {
	text-align: right;
	padding: 10px 0;
	color: #727171;
}

#activityMain #activityTitle {
	font-size: 21px;
	margin: 20px 0;
	line-height: 160%;
}

#activityMain #activityContent p{
	margin: 10px 0;
}

#activityMain #activityContent img {
	margin-right: 5px;
}

#activityMain #activityNav a[rel="next"]{
	float: right;
  display: none;
}

#activityMain #activityNav a[rel="prev"]{
	float: left;
  display: none;
}

#activityMain #activityList {
	margin-top: 20px;
}

#activityMain #activityList li a {
  width: 100%;
  display: block;
  border-bottom: dotted 1px #999;
  padding: 3px 0;
  font-size: 16px;
}

#activitySide li span {
	color: #9FA0A0;
}

#activitySide li {
	margin-bottom: 10px;
}

#activitySide li.active span {
	color: red;
}
	
@media only screen and (max-width: 736px) {

	#activityMain {
		padding-top: 30px;
		float: none;
		width: 100%;
	}
	
	#activitySide {
		padding-top: 30px;
		float: none;
		width: 100%;
	}
	
	#activityMain #activityInfo {
		padding: 10px 15px;
	}

	#activityMain #activityTitle {
		margin: 10px 0;
	}
	
	#activityMain #activityContent img {		
		width: 49%;
		margin-left: 1%;
		display: inline-block;
		margin-right: 0;
	}
	
	#activitySide li {
		float: left;
		width: 50%;
	}
}

/********************

mono

********************/

#pageHeader.blog {
	position: relative;
	background-color: transparent;
	height: auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pageHeader.blog h1 {
}

#pageHeader.blog p {
	font-size: 17px;
	background-color: #315C6E;
	display: inline-block;
	padding: 10px 30px;
	color: #FFF;
}
#pageHeader.blog.topix p {
	background-color: #BB5400;
}
#pageHeader.blog.report p {
	background-color: #455F4C;
}

#pageHeader.blog #backnumber {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	padding-top: 5px;
	font-size: 17px;
}

#pageHeader.blog #backnumber a {
	background-position: right 2px;
}

#monoMain {
	padding: 30px 0;
	float: left;
	width: 675px;
}

#monoSide {
	padding: 30px 0;
	float: right;
	width: 215px;
	font-size: 14px;
}

#monoSide #profile {
	width: 176px;
	height: 176px;
	border-radius: 88px;
	border: solid 3px #000;
	overflow: hidden;
	position: relative;
	margin: 20px auto 5px;
}

#monoSide #profile.syoji {
	border-radius: 0;
	border: 0;
}

#monoSide #profile img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
  margin: auto;
	width: 210px !important;
	height: 210px !important;
}
	
#monoSide #profileBlcok {
	background-image:url(images/mono/icon_arrow.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 17px;
}
	
#monoSide #profile1 {
	padding: 30px 20px 30px;
	background-color: #C9DAE4;
	margin-bottom: 3px;
	word-wrap: break-word;
}

#monoSide #profile1 p {
	margin-bottom: 5px;
}

#monoSide #profile2 {
	padding: 30px 20px 30px;
	background-color: #C9DAE4;
	word-wrap: break-word;
}

#monoSide #profile2 p{
	margin-bottom: 5px;
	word-wrap: break-word;
	font-size: 12px;
}

#monoSide #profile2 a{
	color: #315C6E;
	word-wrap: break-word;
}


#monoMain img {
	margin-bottom: 30px;
	/*margin-right: 5px;*/
}

#monoMain p {
	margin-bottom: 30px;
	line-height: 160%;
}
	
@media only screen and (max-width: 736px) {
	
	#pageHeader.blog p {
		font-size: 17px;
		background-color: #315C6E;
		display: inline-block;
		padding: 10px 30px;
		color: #FFF;
	}
	
	#pageHeader.blog #backnumber {
		position: static;
		padding-top: 0;
	}
	
	#pageHeader.blog h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	#monoMain {
		float: none;
		width: 100%;
	}
	
	#monoSide {
		float: none;
		width: 100%;
	}
	
	#monoSide #profile img {
		max-width: none;
	}
	
	#monoSide #profileBlcok {
		background-color: #C9DAE4;
	}
	
	#monoSide #profile1 {
		width: 50%;
		float: left;
	}
	
	#monoSide #profile2 {
		width: 50%;
		float: left;
	}
	
	#monoMain img {
		width: 49%;
		margin-right: 0;
		margin-left: 1%;
	}
	
	#monoMain img:fist-child {
		margin-left: 0;
	}
}

/********************

challenge

********************/
#pageHeader.blog {
	position: relative;
	background-color: transparent;
	height: auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pageHeader.blog h1 {
}

#pageHeader.blog p {
	font-size: 17px;
	background-color: #6E4155;
	display: inline-block;
	padding: 10px 30px;
	color: #FFF;
}

#pageHeader.blog #backnumber {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	padding-top: 5px;
	font-size: 17px;
}

#pageHeader.blog #backnumber a {
	background-position: right 2px;
}

#challengeMain {
	padding: 30px 0;
	float: left;
	width: 675px;
}

#challengeSide {
	padding: 30px 0;
	float: right;
	width: 215px;
	font-size: 14px;
}

#challengeSide #profile {
	width: 176px;
	height: 176px;
	border-radius: 88px;
	border: solid 3px #000;
	overflow: hidden;
	position: relative;
	margin: 20px auto 5px;
}

#challengeSide #profile img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
  margin: auto;
	width: 210px !important;
	height: 210px !important;
}
	
#challengeSide #profileBlcok {
	background-image:url(images/challenge/icon_arrow.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 17px;
}
	
#challengeSide #profile1 {
	padding: 30px 20px 30px;
	background-color: #DACFD4;
	margin-bottom: 3px;
}

#challengeSide #profile1 p {
	margin-bottom: 5px;
}

#challengeSide #profile2 {
	padding: 30px 20px 30px;
	background-color: #DACFD4;
}

#challengeSide #profile2 p{
	margin-bottom: 5px;
	word-wrap: break-word;
	font-size: 12px;
}

#challengeSide #profile2 p a{
	color: #6E4155;
}

#challengeSide #profile2 a{
	word-wrap: break-word;
}

#challengeMain img {
	margin-bottom: 30px;
	/*margin-right: 5px;*/
}

#challengeMain p {
	margin-bottom: 30px;
	line-height: 160%;
}
	
@media only screen and (max-width: 736px) {
	
	#pageHeader.blog p {
		font-size: 17px;
		background-color: #315C6E;
		display: inline-block;
		padding: 10px 30px;
		color: #FFF;
	}
	
	#pageHeader.blog #backnumber {
		position: static;
		padding-top: 0;
	}
	
	#pageHeader.blog h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	#challengeMain {
		float: none;
		width: 100%;
	}
	
	#challengeSide {
		float: none;
		width: 100%;
	}
	
	#challengeSide #profile img {
		max-width: none;
	}
	
	#challengeSide #profileBlcok {
		background-color: #DACFD4;
	}
	
	#challengeSide #profile1 {
		width: 50%;
		float: left;
	}
	
	#challengeSide #profile2 {
		width: 50%;
		float: left;
	}
	
	#challengeMain img {
		width: 49%;
		margin-right: 0;
	}
	
	#challengeMain div {
		width: 100% !important;
	}
	
	#challengeMain p {
		font-size: 15px;
		line-height: 2.0;
	}
	
	#challengeMain img:fist-child {
		margin-left: 0;
	}
}

/********************

column

********************/

#columnMain {
	padding: 30px 0;
	float: left;
	width: 675px;
}

#columnSide {
	padding: 30px 0;
	float: right;
	width: 215px;
	font-size: 14px;
}

#columnSide #profile {
	width: 176px;
	height: 176px;
	border-radius: 88px;
	border: solid 3px #000;
	overflow: hidden;
	position: relative;
	margin: 20px auto 5px;
}

#columnSide #profile img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
  margin: auto;
	width: 210px !important;
	height: 210px !important;
}
	
#columnSide #profile1 {
	padding: 30px 0 30px;
	margin-bottom: 3px;
}

#columnSide #profile1 p {
	margin-bottom: 5px;
}

#columnSide #profile2 {
	padding: 30px 0 30px;
}

#columnSide #profile2 p{
	margin-bottom: 5px;
	word-wrap: break-word;
	font-size: 12px;
}

#columnSide #profile2 a{
	color: #898989;
	word-wrap: break-word;
}

#columnMain img {
	margin-bottom: 30px;
	/*margin-right: 5px;*/
}

#columnMain p {
	margin-bottom: 30px;
	line-height: 160%;
}

#columnSide #profile2 a{
	word-wrap: break-word;
}
	
@media only screen and (max-width: 736px) {
	
	#columnMain {
		float: none;
		width: 100%;
	}
	
	#columnSide {
		float: none;
		width: 100%;
	}
	
	#columnSide #profile img {
		max-width: none;
	}
	
	#columnSide #profile1 {
	padding: 15px 0 15px;
	}
	
	#columnSide #profile2 {
	padding: 15px 0 15px;
	}
	
	#columnMain img {
		width: 49%;
		width: 100%;
		margin-right: 0;
		margin-left: 1%;
		vertical-align: middle;
	}
	
	#columnMain div {
		width: 100% !important;
	}
	
	#columnMain p {
		font-size: 15px;
		line-height: 2.0;
	}
	
	#columnMain img:fist-child {
		margin-left: 0;
	}
}


/********************

support

********************/

.formCaution {
	margin-bottom: 10px;
}

.formCaution dt {
	height: 24px;
	width: 84px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	line-height: 24px;
	float: left;
	background-color: #595757;
	border-radius: 12px;
}

.formCaution dd {
	margin-left: 100px;
}

.pageForm {
	background-color: #000;
	width: 100%;
	padding: 25px 40px;
	box-sizing: border-box;
	font-size: 15px;
	margin-bottom: 40px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.pageForm table th {
	width: 105px;
	color: #FFF;
	text-align: left;
	padding: 20px 0 15px;
	vertical-align: top;
}

.pageForm table td {
	width: 720px;
	padding: 15px 0;
	text-align: right;
}

.pageForm input[type="text"],
.pageForm input[type="email"] { 
	width: 100%;
	height:30px;
	line-height: 30px;
	-webkit-appearance: none;
	border-radius: 0;
}

.pageForm textarea {
	width: 100%;
	-webkit-appearance: none;
	border-radius: 0;
}

.pageForm input[type="submit"],
.pageForm input[type="reset"] {
	color: #FFF;
	border-style: none;
	-webkit-appearance: none;
	border-radius: 0;
	width: 150px;
	padding: 5px 0;
}

.pageForm input[type="submit"] {
	background-color: #94252A;
}

.pageForm input[type="reset"] {
	background-color: #595757;
}

@media only screen and (max-width: 736px) {
	
	.formCaution dt {
		float: none;
		margin-bottom: 10px;
	}
	
	.formCaution dd {
		margin-left: 0;
	}
	
	.pageForm {
		height: auto;
	}
	
	.pageForm table {
		width: 100%;
	}
	
	.pageForm table th {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	
	.pageForm table th br {
		display: none;
	}
	
	.pageForm table td {
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	
	.pageForm input[type="submit"],
	.pageForm input[type="reset"] {
		width: 100%;
		margin-bottom: 10px;
	}
}
	

/********************

what

********************/

#whatBlock1 {
	margin-bottom: 30px;
}

#whatBlock1 .left {
	float: left;
	width: 640px;
}

#whatBlock1 .right {
	float: right;
	text-align: center;
}

#whatBlock2 {
	margin-bottom: 15px;
}

#whatBlock2 .left {
	float: left;
	width: 560px;
}

#whatBlock2 .right {
	float: right;
	width: 350px;
	padding-top: 18px;
}

#whatBlock2 .right ol {
	list-style-position:inside;
}

#whatBlock3 {
	margin-bottom: 10px;
}

#whatBlock3 .left {
	float: left;
	width: 416px;
}

#whatBlock3 .left p {
	font-size: 17px;
}

#whatBlock3 .right {
	float: right;
	width: 416px;
}

#whatBlock3 .right h2+p{
	font-size: 14px;
}


@media only screen and (max-width: 736px) {
	
	#whatBlock1 .left {
		float: none;
		width: 100%;
	}
	
	#whatBlock1 .right {
		float: none;
		text-align: center;
		padding-bottom: 10px;
	}
	
	#whatBlock2 .left {
		float: none;
		width: 100%;
	}
	
	#whatBlock2 .right {
		float: none;
		width: 100%;
	}
	
	#whatBlock2 .right ol {
		list-style-position:inside;
	}
	
	#whatBlock3 .left {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	
	#whatBlock3 .right {
		float: none;
		width: 100%;
	}
}

#spNav {
	display: none;
	position: absolute;
	background-color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 9000;
}

#spNav li {
	border-bottom: solid 2px #FFF;
}


#spNav li a {
	padding: 20px;
	color: #FFF;
	font-size: 20px;
	display: block;
}


#spNav li.spNavMain {background-color: #000;}
#spNav li.spNavTop {background-color: #000;}
#spNav li.spNavTopix {background-color: #BB5400;}
#spNav li.spNavReport {background-color: #455F4C;}
#spNav li.spNavCompany {background-color: #5D87B7;}
#spNav li.spNavOpinion {background-color: #A19600;}
#spNav li.spNavEntertainment {background-color: #6E4155;}
@media only screen and (max-width: 736px) {
	#spNav.sp {
		display: none !important;
	}
	#spNav.sp.open {
		display: block !important;
overflow:scroll;
		padding-bottom: 70px;
	}
}

div.wpcf7-mail-sent-ok {
	background-color: #FFF;
}

/* editor */
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
 
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

#profile img[class*="wp-image-"],
#profile img[class*="attachment-"] {
    max-width:none;
}