@charset "shift_jis";
/* CSS Document */


/* ページレイアウト */
#exchange{
	width: 960px; 
	text-align: left;
	margin: 0 auto;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666666;
	line-height: 2;
}
.contents {
	width: 920px;
	margin: 40px auto 20px;
}
#exchange h2{ 
	font-size: 200%;
	margin: 0 0 20px 0;
	text-align: center;
	line-height: 1.2em;
	color: #0063a5;
	font-weight: 400;
}		
#exchange h3 { 
	font-size: 140%;
	background-color: #0063a5;
	color: #FFF;
	padding: 10px 0;
	line-height: 1.2em;
	text-align: center;
	margin: 0 0;
	font-weight: normal;
}

#exchange .c_red h3 {
	background: #c61d47;
}
#exchange .store{
	border: 4px solid #0063a5;
	margin-top: 30px;
}
#exchange .store p {
	font-size: 120%;
	text-align: center;
	margin: 20px;
}
span {
	font-size: 83%;
	display: block;
	color: 333;
}
span.spacial {
	font-size: 110%;
	font-weight: bold;
	display: inline;
}
.contents dt {
	font-weight: bold;
	margin-top: 10px;
}
.odd {
	width: 458px;
	background-color: #ececec;
	float: left;
}
.odd02 {
	width: 458px;
	background-color: #ececec;
	float: right;
}   
.even{
	width: 458px;
	float:left;
}
.even02{
	width: 458px;
	background-color: #edf3f7;
	float:right;
}

.items {
	margin: 0 auto;
	text-align: center;
}
.items li {
	display: inline-block;
	text-align: center;
	margin: 0 20px;
}
.exchangebg {
	padding: 5px 0 40px;
	background-color: #edf3f7;
	margin-top: 40px;
}
.sns {
	text-align: center;
	margin: 0 auto 50px;
}
.sns li {
	display: inline-block;
	margin: 10px;
}

.button {
	display: block;
	background-color: #c61d47;
	color: #FFF !important;
	font-weight: bold;
	width: 600px;
	padding: 20px;
	text-align: center;
	margin: 40px auto;
	font-size: 18px;
	position: relative;
}
.button:before	{ display: block; content: ''; position: absolute; top: 50%; right: 12px; width: 12px; height: 12px; margin-top: -4px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

a.button:hover {
	text-decoration: none;
	opacity: 0.8;
}

.close {
	margin: 20px 0;
	text-align: center;
}
	   
.pad20{
	padding: 20px !important;
}
.marg20{
	margin: 20px !important;
}

.small{
	font-size: 90%;
}

#exchange .tac{
	text-align: center !important;
}
#exchange .tar{
	text-align: right !important;
}
#exchange .tal{
	text-align: left !important;
}

#exchange .online {
	margin: 40px 0;
}
#exchange .online p {
	margin-top: 10px;
}
#exchange .online a {
	padding-left: 16px;
}
img {
	vertical-align: top;
}
a:hover {
	opacity: 0.8;
}

.c_red {
	border: 1px solid #c61d47;
}
.c_red .odd,.c_red .even {
	background: #fff;
	margin: 0 auto;
}
.c_red ul {
	text-align: center;
	margin: 40px 0;
}
.c_red ul li {
	margin: 10px 0;
}
table {
	width: 89%;
	margin: 20px 50px;
	box-sizing: border-box;
}
table tbody td {
	text-align: center;
	padding-top: 10px;
}

/*   レスポンシブ追加分
----------------------------------------------*/
.pc				{ display: block !important; }
.sp				{ display: none !important; }
img.pc			{ display: inline-block !important; }
img.sp			{ display: none !important; }

.pc-mat20		{ margin-top: 20px;}
.pc-mat30		{ margin-top: 30px;}
.pc-mat40		{ margin-top: 40px;}
.pc-mat50		{ margin-top: 50px;}
.pc-mat70		{ margin-top: 70px;}
.pc-pat20		{ padding-top: 20px;}
.pc-pat30		{ padding-top: 30px;}
.pc-pat40		{ padding-top: 40px;}
.pc-pat50		{ padding-top: 50px;}
.pc-pat70		{ padding-top: 70px;}

@media screen and (min-width: 0px) and (max-width: 667px){
.pc				{ display: none !important; }
.sp				{ display: block !important; }
img.pc			{ display: none !important; }
img.sp			{ display: inline-block !important; }
.contents		{ width: auto; margin: 0; }
.contents a		 { color: #923600; }
.sp-mat30 { margin-top: 30px; }
.order li		{ margin-top: 13px; margin-bottom: 0 !important; }
#exchange		{ width: 100%;}
#exchange .inner	{ width: auto; padding: 0 20px; }
#exchange h2		{ padding: 20px 0 16px; font-size: 190%; }
#exchange .store{ margin-bottom: 30px; }
#exchange .store h2 { margin: 0 !important;}
#exchange .store p { margin: 0 15px 15px; }

#exchange #mainVis		{ height: auto; padding-top: 0; background: none; }
#exchange #mainVis img	{ display: block; width: 100%; height: auto; }
#exchange .online { margin: 40px 0 0 0; }
#exchange .online p { margin-top: 10px; line-height: 1.4; }

#exchange .c_red { margin: 50px 0;}
#exchange .c_red table { width: 100%; margin: 20px 0;}
#exchange .c_red table td { display: inline-block; width: 49%; height: auto;}
#exchange .c_red img{ width: 100%; height: auto; padding: 0 3px; box-sizing: border-box;}
	
#header				{ width: auto; text-align: center; }
#header_logo    	{ width: 37%; float: left; }
#header_inquiry 	{ width: 53%; float: right; }

#footer				{ min-width: inherit; background: none; padding: 15px 0; font-size: 72%; text-align: center; }
#wrap				{ clear: both; margin: 0 auto; text-align: left; width: 100%; overflow: hidden; }
.detailWrap			{ margin: 0; padding-top: 0;}
.detailWrap p		{ margin: 20px 20px;}

#footer	         		{ padding: 15px 0; font-size: 72%; text-align: center; }
#footer #footContents 	{ width: auto;}
#footer #footMenu 		{ width: auto; float: none;}
#footer .footer-address	{ text-align: center; margin-top: none;}

.odd	{ width: 100%; height: 100%; background-color: #ececec; }
.even	{ width: 100%; height: 100%; background-color: #edf3f7; }
.odd02	{ width: 100%; height: 100%; background-color: #ececec; }
.even02	{ width: 100%; height: 100%; background-color: #edf3f7; }

.pad20	{ padding: 20px !important; }
.marg20	{ margin: 20px !important; }

h2		{ font-size: 150%; margin: 10px 0 !important; text-align: center; line-height: 1.2em; }
h3		{  font-size: 150%; line-height: 1.2em; text-align: center; margin: 20px 0; }

.items		{ margin: 0 auto; text-align: center; }
.items li	{ display: inline-block; text-align: center; margin: 10px auto; }

.button			{ border: 1px solid #cccccc; width: 80%;  padding: 20px; text-align: center; font-size: 18px; color: #ffffff !important; }
.button			{ color: #666666; display: block; position: relative; }
.button:hover 	{ text-decoration: underline; }

.sns	{ text-align: center; margin: 0 auto; }
.sns li { display: inline-block; margin: 10px; }

.pc-mat20		{ margin-top: 0;}
.pc-mat30		{ margin-top: 0;}
.pc-mat40		{ margin-top: 0;}
.pc-mat50		{ margin-top: 0;}
.pc-mat70		{ margin-top: 0;}
.pc-pat20		{ padding-top: 0;}
.pc-pat30		{ padding-top: 0;}
.pc-pat40		{ padding-top: 0;}
.pc-pat50		{ padding-top: 0;}
.pc-pat70		{ padding-top: 0;}

.mb-pab40		{ padding-bottom: 40px;}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

}