@charset "utf-8";

/*
	Theme Name: car geek.tokyo
	Description: car geek.tokyo Original Theme
	Theme URI: 
	Author: Mao Yanaka
	Version: 1.0
*/

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

          General Setting

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






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

 * style
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag（各タグ）
 * 4. Layout（共通要素）
 * 5. EachPageStyle（下層ページ）

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



/*****
 * 1. import
*****/

@import "import/reset.css";
@import "import/item.css";


/*****
 * 2. html, body
*****/

	body {
		background-color: #fff;
		background-image: url(images/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		color: #383e43;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.1em;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

/*****
 * 3. HTMLtag
*****/

/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #0000ff;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #ff0000;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/*****
 * 4. Layout
*****/

/* Container */
	body #container {
		width: 1200px;
		padding-top: 160px;
		margin-right: auto;
		margin-left: auto;
		background-color: transparent;
		background-image: url(images/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
	body #containerInner01 {
		background-color: transparent;
		background-image: url(images/space.gif);
		background-repeat: no-repeat;
		background-position: center top;
	}
	body #containerInner02 {
		background-color: transparent;
		background-image: url(images/space.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	body #mainContent {
		margin-top: 40px;
		margin-bottom: 60px;
	}
	body .wrapper {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
	body .wrap {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
	.contentsTtl {
		margin-bottom: 40px;
		padding: 18px 15px;
		border-top: 2px solid #464e54;
		border-bottom: 1px solid #ddd;
	}
	
	@media only screen and (max-width: 1200px) {
		body #container,
		body .wrap {
			width: auto;
			padding: 0 10px;
		}
		body .wrapper {
			width: 100%;
		}
	}



/* Header */
	body #gHeader {
		border-top: 2px solid #ddd;
	}
	body #gHeader .wrapper {
		position: relative;
		padding: 25px 0;
	}
	.siteTitle {
		text-align: center;
	}
	.siteTitle .sp {
		display: none;
	}
	#pNav {
	}
	#pNav .hdrContact {
		position: absolute;
		top: 0;
		right: 0;
	}
	#pNav .hdrSerche {
		position: absolute;
		bottom: 25px;
		right: 0;
	}
	.sp-hdrNav {
		display: none;
	}
	
	#searchform #s {
		width: 220px;
		padding: 10px;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #464e54;
	}
	#searchform #searchsubmit {
		border: none;
		background-color: transparent;
		background-image: url(images/search.gif);
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}
	
	@media only screen and (max-width: 600px) {
		body #gHeader {
			border-bottom: 2px solid #ddd;
		}
		.siteTitle .pc,
		#pNav {
			display: none;
		}
		.siteTitle .sp,
		.sp-hdrNav {
			display: block;
		}
		body #gHeader .wrapper {
			padding: 0;
		}
		.siteTitle {
			float: left;
			padding: 10px 0 0 10px;
		}
		.sp-hdrNav {
			float: right;
		}
		.sp-hdrNav li {
			float: left;
		}
		.sp-hdrNav li a {
			display: block;
			height: 60px;
		}
	}
	
/* gNav */
	body #gNav {
		padding: 15px 0;
		border-top: 1px solid #bebebe;
		border-bottom: 2px solid #bebebe;
	}
	body #gNav .wrapper {
		position: relative;
	}
	.buyNav {
		float:left;
		width: 75%;
		padding: 0 2.5%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		border-right: 1px solid #bebebe;
	}
	.saleNav {
		float:right;
		width: 25%;
		padding: 0 2.5%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.buyNav .buyNavTtl,
	.saleNav .saleNavTtl {
		margin-bottom: 10px;
		padding-left: 7px;
		border-left: 2px solid #cc0033;
	}
	
	
/*** タブ切り替えcss start ***/
	.buyNavSttl {
		overflow: hidden;
	}
	.buyNavSttl li {
		float: left;
		cursor: pointer;
		margin-right: 3px;
		padding: 5px 25px;
		background: #383e43;
		color: #fff;
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
		-ms-border-radius: 5px 5px 0 0;
	}
	.buyNavSttl li.select {
		background: #ddd;
		color: #383e43;
	}
	.content li {
		background: #ddd;		
		border-radius: 0px 5px 5px 5px;
		-moz-border-radius: 0px 5px 5px 5px;
		-webkit-border-radius: 0px 5px 5px 5px;
		-o-border-radius: 0px 5px 5px 5px;
		-ms-border-radius: 0px 5px 5px 5px;
	}
	.hide {
		display: none;
	}
/*** タブ切り替えcss end ***/
	
	.countryNav ul li,
	.modelNav ul li {
		float: left;
		width: 12.5%;
		cursor: pointer;
		text-align: center;
	}
	.countryNav ul li {
		padding: 15px 0;
	}
	.countryNav ul li.on {
		color: #fff;
	}
	.modelNav ul li {
	}
	.modelNav ul li a {
		padding: 21px 0 20px;
		display: block;
		color: #383e43;
		text-decoration: none;
	}
	.countryNav ul li:hover,
	.modelNav ul li a:hover {
		color: #fff;
	}
	
	.countryNav .icon {
		display: block;
	}
	
	.categoryNav {
		background-color: #efefef;
		border-top: 2px solid #ddd;
	}
	.categoryNav ul {
		padding: 25px 2.5%;
		display: none;
	}
	.categoryNav ul.active {
		display: block;
	}
	.categoryNav ul li {
		display: inline-block;
		margin-bottom: 5px;
		background-color: #bebebe;
		color: #fff;
		font-size: 10px;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-o-border-radius: 20px;
		-ms-border-radius: 20px;
	}
	.categoryNav ul li a {
		display: block;
		padding: 5px 12px;
		color: #fff;
		text-decoration: none;
	}
	.categoryNav ul li:hover {
		background: #cc0033;
	}
	
	.saleNavSttl {
		padding: 4px 0;
		background-color: #383e43;
		text-align: center;
		color: #fff;
		font-size: 12px;
		border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
		-ms-border-radius: 5px 5px 0 0;
	}
	.saleNavBtn {
		padding: 19px 0 16px;
		background-color: #ddd;
		border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-o-border-radius: 0 0 5px 5px;
		-ms-border-radius: 0 0 5px 5px;
	}
	.saleNavBtn p {
		width: 90px;
		height: 25px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(images/bt-sale.png);
		background-repeat: no-repeat;
		background-position: center;
		text-align: center;
		color: #fff;
	}
	.saleNavBtn p:hover {
		background-image: url(images/bt-sale_ov.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	.saleNavBtn p a {
		display: block;
		padding: 0px 25px 4px;
		color: #fff;
		text-decoration: none;
	}
	.saleNavBtn p a:hover {
		padding: 3px 25px;
	}
	@media only screen and (max-width: 960px) {
		.buyNav,
		.saleNav {
			float:none;
			width: 100%;
			padding: 0 2.5%;
		}
		.buyNav {
			margin-bottom: 30px;
			border-right: none;
		}
	}
	@media only screen and (max-width: 600px) {
		body #gNav {
			display: none;
		}
		.buyNav .buyNavTtl,
		.saleNav .saleNavTtl {
			display: none;
		}
		.content li {
			border-radius: 0px 0px 5px 5px;
			-moz-border-radius: 0px 0px 5px 5px;
			-webkit-border-radius: 0px 0px 5px 5px;
			-o-border-radius: 0px 0px 5px 5px;
			-ms-border-radius: 0px 0px 5px 5px;
		}
		.buyNavSttl li {
			width: 50%;
			margin-right: 0px;
			padding: 5px 0;
			text-align: center;
		}
		.countryNav ul li,
		.modelNav ul li {
			width: 50%;
		}
		.categoryNav {
			border-top: none;
		}
	}
	
	
	/* スティッキーヘッダー用CSS */
	.stickyHdr {
		position: absolute;
		width: 100%;
		z-index: 9999;
		background-color: #fff;
	}
	.stickyHdr.sticky {
		position: fixed;
		top: 0; 
	}
	
	@media only screen and (max-width: 1200px) {	
	  .stickyHdr {
		  position: static;
	  }
	}

	
/* Footer */
	body #gFooter {
		background-color: #f3f2ed;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	#fNav {
		position: relative;
		padding: 40px 0;
		font-size: 12px;
		line-height: 2;
	}
	#fNav li {
		letter-spacing: 1px;
	}
	#fNav a {
		color: #464e54;
		text-decoration: none;
	}
	#fNav a:hover {
		text-decoration: underline;
	}
	.ftrNavTtl {
		margin-bottom: 15px;
		color: #999;
	}
	.ftrNavSttl {
		color: #cc0033;
		background-image: none!important;
		padding-left: 0!important;
	}
	.ftrLeftNav {
		float: left;
		width: 78.75%;
		margin-right: 2.5%;
	}
	.ftrLeftNav .ftrBuyClm {
		float: left;
		margin-right: 1.2%;
	}
	.ftrLeftNav .ftrBuyClm.last {
		margin-right: 0;
	}
	.ftrLeftNav .ftrBuyClm .ftrBuyBox {
		margin-bottom: 20px;
	}
	.ftrLeftNav .ftrBuyClm .ftrBuyBox li {
		background-image: url(images/icon-ftrlink.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 10px;
	}
	
	.ftrRightNav {
		float: right;
		width: 18.75%;
	}
	.ftrSaleNav,
	.ftrContactNav {
		margin-bottom: 20px;
	}
	.ftrSaleNav .ftrSaleBox li,
	.ftrContactNav .ftrContactBox li {		
		background-image: url(images/icon-ftrlink.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 10px;
	}
	
	.ftrLink {
		position: absolute;
		right: 0;
		bottom: 40px;
	}
	.ftrLogo {
		text-align: right;
		margin-bottom: 15px;
	}
	.ftrSns {
		float: right;
	}
	.ftrSns li {
		float: left;
		margin-left: 10px;
	}
	@media only screen and (max-width: 1200px) {
		#fNav {
			padding: 40px 2.5%;
		}
		.ftrLeftNav,
		.ftrRightNav {
			width: 100%;
			float: none;
		}
		.ftrLeftNav .ftrBuyClm {
			width: 23%;
			margin-right: 2.66666667%;
		}
		.ftrSaleNav,
		.ftrContactNav {
			float: left;
			margin-right: 5%;
		}
		.ftrLink {
			right: 2.5%;
		}
	}
	@media only screen and (max-width: 600px) {
		.ftrLeftNav {
			display: none;
		}
		.ftrSaleNav,
		.ftrContactNav {
			float: none;
			margin-right: 0;
		}
		.ftrLink {
			top: 40px;
		}
		.ftrSaleNav .ftrSaleBox,
		.ftrContactNav .ftrContactBox {
			padding-left: 2.5%;
		}
	}
	@media only screen and (max-width: 320px) {
		.ftrLink {
			position: static;
			widthh: 100%;
		}
		.ftrLogo {
			text-align: center;
		}			
		.ftrSns {
			float: none;
			text-align: center;
		}
		.ftrSns li {
			float: none;
			margin-left: 10px;
			display: inline-block;
		}
	}
	
	.copyright {
		margin: 20px 0;
		font-size: 12px;
		color: #383e43;
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.1em;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	@media only screen and (max-width: 600px) {
		.copyright {
			text-align: center;
		}
	}
	
/* pagetop */
	.pagetop {
		position: fixed;
		bottom: 60px;
		right: 50px;
	}
	.pagetop a {
		display: block;
		width: 45px;
		height: 50px;
		text-decoration: none;
	}
	@media only screen and (max-width: 600px) {
		.pagetop {
			bottom: 20px;
			right: 20px;
		}
	}
	
	
/* pagerArea */
	.topicPath {
		margin-top: 20px;
	}
	.topicPath ul li {
		float: left;
		color: #383e43;
		font-size: 12px;
	}
	.topicPath ul li.home {
		margin-right: 7px;
	}
	.topicPath ul li a {
		color: #383e43;
		text-decoration: none;
	}
	.topicPath ul li a:hover {
		text-decoration: underline;
	}


	
/*****
 * 5. EachPageStyle
*****/

/* Products */
	.productList {
		padding-bottom: 60px;
		border-bottom: 1px solid #ddd;
	}
	.productList .productBox {
		float: left;
		width: 23.3333333%;
		padding: 0 0.83333333%;
		margin-bottom: 30px;
	}
	.productBox .thumbnail-box {
		position: relative;
		text-align: center;
		margin-bottom: 20px;
		border: 10px solid #eaeaea;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.productBox .thumbnail-box a {
		display: block;
	}
	.productBox .thumbnail-box img {
		width: 100%;
		height: auto;
	}
	.productBox .col01 {
		width: 46%;
		float: left;
		margin-left: 10px;
	}
	.productBox .col01 h4 {
		font-weight: bold;
		margin-bottom: 10px;
	}
	.productBox .col01 p {
		color: #999;
		font-size: 12px;
	}
	.productBox .col02 {
		width: 46%;
		float: right;
		text-align: right;
		margin-right: 10px;
	}
	.productBox .col02 .day {		
		margin-bottom: 3px;
		font-size: 10px;
		color: #999;
	}
	.productBox .col02 .status {
		display: inline-block;
		margin-bottom: 10px;
		font-size: 10px;
		color: #fff;
		padding: 10px 15px;
	}
	.productBox .col02 .status.new {
		background-color: #cc0033;
	}
	.productBox .col02 .status.sold {
		background-color: #1f1fba;
	}
	.productBox .col02 .status.pending {
		background-color: #006632;
	}
	.productBox .col02 .price {
		color: #cc0033;
	}
	.productBox .col02 .price strong {
		font-size: 16px;
	}
	@media only screen and (max-width: 1200px) {		
	  .productList .productBox {
		  width: 31.6666667%;
	  }
	}
	@media only screen and (max-width: 800px) {
	  .productList .productBox {
		  width: 48.3333333%;
	  }
	}
	@media only screen and (max-width: 568px) {
	  .productList .productBox {
		  width: 98.4%;
	  }
	}
	
/* pagerArea */
	.wp-pagenavi {
		font-size: 14px;
		text-align: center;
		margin-top: 20px;
	}
	
	.wp-pagenavi a, .wp-pagenavi span {
		display: inline-block;
		color: #ddd;
		border: none!important;
		margin: 0 15px 15px!important;
		padding: none!important;
	}
	
	.wp-pagenavi a:hover, .wp-pagenavi span.current {
		border: none!important;
	}
	
	.wp-pagenavi span.current {
		color: #999;
		font-weight: normal!important;
	}


/* BUY */
	.buyArtTtl a {
		color: #383e43;
		text-decoration: none;
	}
	.buyArtTtl span {
		display: block;
	}
	.buyArtTtl .day {
		font-size: 12px;
		margin-bottom: 15px;
	}
	.buyArtTtl .detail {
		font-size: 10px;
		color: #989898;
	}
	.buyDtlArea {
		margin-bottom: 60px;
	}
	.buyDtlArea .leftCol {
		float: left;
		width: 70%;
		margin-right: 2.5%;
	}
	.buyDtlArea .leftCol .buySldArea {
		margin-bottom: 30px;
	}	
	.buySldArea .flexslider {
		box-shadow: none!important;
		height: auto!important;
	}
	.buySldArea .flex-control-thumbs li {
		width: 10%!important;
	}
	
	.buyDtlArea .leftCol .uspArea {
		border: 1px solid #ddd;
		padding: 15px;
	}
	.buyDtlArea .leftCol .uspArea ul li {
		display: inline-block;
		margin: 0  3px 5px 0;
		padding: 3px 15px;
		background-color: #464e54;
		color: #fff;
		font-size: 10px;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-o-border-radius: 20px;
		-ms-border-radius: 20px;
	}
	
	
	.buyDtlArea .rightCol {
		float: right;
		width: 27.5%;
	}
	.buyDtlArea .rightCol .buySpcArea {
		margin-bottom: 60px;
	}
	.buyDtlArea .rightCol .buySpcArea .specTable {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.buyDtlArea .rightCol .buySpcArea .specTable th {
		width: 30%;
	}
	.buyDtlArea .rightCol .buySpcArea .specTable td {
		width: 70%;
	}
	.buyDtlArea .rightCol .buySpcArea .specTable th,
	.buyDtlArea .rightCol .buySpcArea .specTable td {
		padding: 15px 10px;
		border-bottom: 1px solid #eaeaea;
	}
	.buyDtlArea .rightCol .buySpcArea .specTable .last th,
	.buyDtlArea .rightCol .buySpcArea .specTable .last td {
		border-bottom: none;
	}
	.buyDtlArea .rightCol .priceArea {
		margin-bottom: 30px;
		padding: 10px;
		background-color: #ddd;
	}
	.buyDtlArea .rightCol .priceArea .statusBox,
	.buyDtlArea .rightCol .priceArea .priceBox {
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.buyDtlArea .rightCol .priceArea .statusBox {
		width: 29.0322581%;
		margin-right: 3.22580645%;
		border-right: 1px solid #bfc0c2;
	}
	.buyDtlArea .rightCol .priceArea .priceBox {
		width: 67.7419354%;
	}
	.buyDtlArea .rightCol .priceArea .statusBox .ttl,
	.buyDtlArea .rightCol .priceArea .priceBox .ttl {
		font-size: 10px;
		color: #464e54;
		margin-bottom: 5px;
	}
	.buyDtlArea .rightCol .priceArea .statusBox .status {
		display: inline-block;
		background-color: #cc0033;
		padding: 10px 15px;
		text-align: center;
		color: #fff;
		font-size: 10px;
	}
	.buyDtlArea .rightCol .priceArea .priceBox .price span {
		font-size: 24px;
		font-weight: bold;
		color: #cc0033;
	}
	
	.buyDtlArea .rightCol .btArea ul li {
		float: left;
		width: 48.4848485%;
		margin-right: 3.03030303%;
	}
	.buyDtlArea .rightCol .btArea ul li.last {
		margin-right: 0;
	}
	.buyDtlArea .rightCol .btArea ul li img {
		max-width: 100%;
		height: auto;
	}
	
	.commentArea {
		margin-bottom: 60px;
	}
	.commentArea h3 {
		font-size: 12px;
		margin-bottom: 10px;
	}
	.commentArea .commentBox {
		padding: 20px;
		background-color: #f3f2ed;
		border: 1px solid #eaeaea;
		color: #464e54;
		font-size: 12px;
	}
	.btArea02 {
		display: none;
	}
	
	.related-posts .ttl {
		background-image: url(images/bg-cmt.png);
		background-repeat: no-repeat;
		background-position: center;
		text-align: center;
		margin-bottom: 30px;
	}
	.related-posts h3 {
		display: inline-block;
		background-color: #fff;
		padding: 0 10px;
		font-size: 18px;
		font-weight: bold;
	}
	
	.related-posts .productList {
		padding-bottom: 0;
		border-bottom: 0;
	}
	
	
	@media only screen and (max-width: 960px) {
		.buyDtlArea {
		  margin-bottom: 40px;
		}
		.buyDtlArea .leftCol,
		.buyDtlArea .rightCol {
			float: none;
			width: 100%;
			margin-right: 0;
		}		
		.buyDtlArea .leftCol {
			margin-bottom: 40px;
		}		
		.buyDtlArea .rightCol .buySpcArea {
			margin-bottom: 40px;
		}
		.buyDtlArea .rightCol .btArea {
			display: none;
		}
		.buyDtlArea .rightCol .priceArea {
			margin-bottom: 0;
		}	  
		.commentArea {
			margin-bottom: 40px;
		}
		.btArea02 {
			display: block;
			margin-bottom: 40px;
		}	  
		.btArea02 ul {
			text-align: center;
		}	  
		.btArea02 ul li {
			display: inline-block;
			margin: 0 5px;
		}	  
		.btArea02 ul li img {
			max-width: 100%;
			height: auto;
		}
	}
	
	@media only screen and (max-width: 600px) {
		.buySldArea .flex-control-thumbs li {
			width: 20%!important;
		}
	}
	
	@media only screen and (max-width: 320px) {	  
		.btArea02 ul li {
			display: block;
			margin: 0 0 5px;
		}
	}
	
/* 404 */
	.ttl404 {
		display: block!important;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	.txt404 {
		text-align: center;
	}

	
/* CONTACT FORM */
	.mfp_ttl {
		border-left: 3px solid #464e54;
		padding: 4px 10px;
		margin-bottom: 30px;
	}
	.mfp_ttl h3,
	.mfp_ttl p {
		float: left;
	}
	.mfp_ttl h3 {
		margin-right: 20px;
	}
	.mfp_ttl p {
		font-size: 12px;
		padding-top: 2px;
	}
	span.must {
		font-size: 12px;
		color: #cc0033;
	}
	span.any {
		font-size: 12px;
		color: #fff;
	}
	
	.mfp_phase {
		margin-bottom: 10px;
	}
	.mfp_phase.last {
		margin-bottom: 40px;
	}
	.mfp_phase dt {
		width: 140px;
		float: left;
		padding: 10px;
	}
	.mfp_phase.illeg01 dt {
		width: auto;
	}
	.mfp_phase.illeg02 dt {
		width: 200px;
	}
	
	.mfp_phase.illeg02 dd {
		margin-right: 10px;
	}
	.mfp_phase.illeg02 dd.last {
		margin-right: 0;
	}
	
	.mfp_phase dd {
		width: auto;
		float: left;
	}
	.mfp_phase.txtarea dt {
		width: auto;
		float: none;
	}
	.mfp_phase.txtarea dd {
		width: auto;
		float: none;
	}
	.mfp_phase.txtarea dd textarea {
		width: 600px;
		border: 1px solid #ddd;
		margin-left: 20px;
		padding: 10px;
	}
	.mfp_phase dd.address01 {
		float: none;
	}
	.mfp_phase dd.address02 {
		float: none;
		margin-top: 10px;
		margin-left: 160px;
	}
	
	.mfp_phase dd input,
	.mfp_phase dd select {
		width: auto!important;
		max-width: 100%!important;
		margin-bottom: 0!important;
		padding: 10px;
		border: 1px solid #ddd;
	}
	.mfp_phase dd select {
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px dotted #000;
	}
	.mfp_phase dd.radio {
		padding: 10px 0;
	}
	.mfp_phase dd.radio span {
		font-size: 13px;
	}
	.mfp_phase dd.caption01,
	.mfp_phase dd.caption02 {
		font-size: 10px;
		color: #999;
		margin-left: 10px;
	}
	.mfp_phase dd.caption01 {
		padding-top: 3px;
		text-decoration: underline;
	}
	.mfp_phase dd.caption02 {
		padding-top: 10px;
	}
	.mfp_phase dd.caption02 a {
		color: #999;
	}
	.mfp_phase dd.caption02 a:hover {
		text-decoration: none;
	}
	
	.policy {
		font-size: 11px;
		line-height: 2.5;
		margin-bottom: 40px;
		height: 300px;
		overflow-y: scroll;
		padding: 10px 15px;
		border: 2px solid #eee;
	}
	
	.submit input {
		padding: 12px 50px;
		border: 1px solid #ddd;
		background-color: #fff;
		cursor: pointer;
		transition: 0.5s;
	}
	.submit input:hover {
		color: #fff;
		border: 1px solid #000;
		background-color: #000;
	}
	
	div.wpcf7-validation-errors {
		color: #f00;
		background-color: #f7e700;
		border: 0!important;
		padding: 20px 25px!important;
	}
	div.wpcf7-mail-sent-ok {
		color: #fff;
		background-color: #398f14;
		border: 0!important;
		padding: 20px 25px!important;
	}
	
	@media only screen and (max-width: 960px) {
		.submit {
			text-align: center;
		}
	}
	@media only screen and (max-width: 600px) {
		.mfp_phase.txtarea dd textarea {
			width: 85%;
		}
		.mfp_phase.illeg02 dt {
			width: 100%;
		}
	}
	@media only screen and (max-width: 480px) {
		.mfp_phase {
			margin-bottom: 20px;
		}
		.mfp_phase dt {
			width: auto;
			float: none;
			padding: 0;
			margin-bottom: 10px;
		}
		.mfp_phase dd {
			float: none;
		}
		.mfp_phase dd.address02 {
			margin-left: 0;
		}
		.mfp_phase.txtarea dd textarea {
			width: 95%;
			margin-left: 0;
		}
		
		.mfp_phase dd.caption01,
		.mfp_phase dd.caption02 {
			margin-left: 0;
		}
		.mfp_phase.illeg02 dd {
			width: 100%;
			margin-bottom: 10px;
		}
		.mfp_phase.illeg02 dd.last {
			margin-bottom: 0;
		}
	}
	
	@media only screen and (max-width: 320px) {
		.mfp_phase dd input {
			width: 80%;
		}
		
		.mfp_phase dd.radio input {
			width: auto;
		}
	}