@charset"utf-8";

/*
個別で指定するスタイルは必ず頭に#cnt を付けてください。
例: #cnt h3{border:1px solid #ccc;}
*/

/*---------- fornmat ----------*/
#cnt{
	padding:0;
	margin:0;
	width:910px;
	line-height:1.6;
	position:relative;
}

.sp_only{
	display:none;
}

.pc_only{
	display:block;
}

/****************************************************
以下にスタイル指定
#cnt をつけて指定してください。
*****************************************************/
#cnt h3{	margin-bottom:30px;}
#cnt h4{	margin-bottom:10px;}
#cnt .mb05{	margin-bottom:5px;}
#cnt .mb25{	margin-bottom:25px;}
#cnt .mb30{	margin-bottom:30px;}
#cnt .idt{	margin-left:12px;}

#cnt .caution{
	padding-left: 1em;
    text-indent: -1em;	
}

#cnt .btn-unit-04 {
	margin: 18px 0;
}

#cnt .blue_bg{
	background-color:#E8F1FF;
	padding:10px;
	margin-bottom:10px;
	padding-bottom: 32px;
}

#cnt .pink_bg{
	background-color:#FFEFEF;
	padding:10px;
	margin-bottom:10px;
	padding-bottom: 32px;
}

#cnt .bg_white{
	background-color:#ffffff;
}


#cnt .btnBox {
	width: 490px;
	height: 160px;
	position: relative;
	margin: 0 auto 30px;
}
#cnt .btnBox .btn_saison{
	width: 200px;
	height: 35px;
	position: absolute;
	top:84px;
	left:30px;
}
#cnt .btnBox .btn_uc{
	width: 200px;
	height: 35px;
	position: absolute;
	top:84px;
	left:260px;
}
#cnt #exchangeFlow{
	margin-bottom: 30px;
}
#cnt #exchangeFlow li{
	margin-bottom:10px!important;
	line-height:1.0em;
	font-size:12px;
}


#cnt #txtBox a {
	width: 209px;
	height: 39px;
	position: absolute;
	right: 0;
	bottom: -33px;
}

#cnt #attention{margin:20px 0 30px;}
#cnt #attention li{margin-bottom:3px; text-indent:-1em; padding:0 0 0 1em; line-height:1.5em;}
#cnt #attention span{
color: #ff0000;
}
#cnt .bgGray{
	width: 690px;
	background-color: #fafafa;
	padding: 20px;
}

#cnt .q-up {
	color: #c31731;
	font-weight: bold;
}

#cnt .malling-title {
	background: #0071bc;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 6px 0;
	margin: 18px 0 0 0;
}

#cnt .phone-title {
	background: #0071bc;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 6px 0;
	margin-bottom: 12px;
}

#cnt .cat {
	text-align: center;
	border: 1px solid #ccc;
	padding: 12px 0;
	margin: 0 0 18px;
}

#cnt .cat-nopad {
	text-align: center;
	border: 1px solid #ccc;
	margin: 0 0 18px;
}

#cnt .cat-badge {
	color: #fff;
	padding: 2px 6px;
	display: inline-block;
	background: #c31731;
	margin: 6px 0 4px;
}



#cnt .goriyou{
	background-color:#333333;
	color:#FFFFFF;
	padding:10px 14px;
	font-weight:bold;
	font-size: 18px;
}

#cnt .saison{
	color:#3163D4;
	font-weight:bold;
	font-size:16px;
	padding:0 0 0 15px;
	
}

#cnt .saison img{
	vertical-align:middle;	
	margin-right:5px;
}

#cnt .uc2{
	color:#E84A70;
	font-weight:bold;
	font-size:16px;
	padding:0 0 0 15px;
	
}

#cnt .arw1{
	background-image:url(../img/arw1.png) ;
	background-repeat:no-repeat;
	background-position:right;
}

#cnt .arw2{
	background-image:url(../img/arw2.png) ;
	background-repeat:no-repeat;
	background-position:right;
}

#cnt .uc2 img{
	vertical-align:middle;
	margin-right:5px;
}

#cnt .caution{
	padding-left: 1em;
    text-indent: -1em;
}


#cnt .step dl {
    border: 2px solid #E0E0E0;
}


#cnt .step .blue {
    color: #3163D4;
}

#cnt .step .pink {
    color: #E84A70;
}

#cnt .bg_g{
	background-color:#F4F5F6;
}

#cnt .bg_y{
	background-color:#FEF8E3;
}

#cnt .phone_box{
	background-color:#fafafa;
	padding:20px;
	
}

.category-title-bg {
	margin-bottom: 10px;
	border-bottom: 1px solid #0063c8;
	font-weight: bold;
	padding-bottom: 5px;
}

.category-title {
	background: #0063c8;
	color: #fff;
	padding: 10px;
}

.flow {
	display: table;
	margin: 6px 0;
}

.flow-text {
	 border: 1px solid #0063c8;
	 padding: 6px 10px;
	 display: table-cell;
}

.triangle {
	 color: #0063c8;
	 display: table-cell;
	 vertical-align: middle;
	 padding: 0 4px;
}

.other {
	display: table;
}

.other-title {
	display: table-cell;
	background: #0063c8;
	color: #ffffff;
	font-weight: bold;
	padding: 8px 10px;
	vertical-align: middle;
}

.other-contents {
	display: table-cell;
	padding: 8px 10px;
	vertical-align: middle;
}

.other-contents span a {
	color: #113c6b;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}



@media (max-width: 720px) {

	.flow {
		display: block;
		text-align: center;
	}
	
	.flow-text {
		 display: block;
	}
	
	.triangle {
		 display: block;
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg); 
	}
	
	.category-title-bg {
		line-height: 2 !important;
	}
	
	.other {
		display: block;
		text-align: center;
	}
	
	.other-title {
		display: block;
	}
	
	.other-contents {
		display: block;
		padding: 8px 10px;
		vertical-align: middle;
	}
	
	.all{
		width:100%;
		height:auto;
	}
	
	td,th{
		width:100%;
		display:block;
}

.sp_only{
	display:block;
}

.pc_only{
	display:none;
}
}


/*.t1{
	padding: .3em .75em;
	background-color: #e0ffff;
	border-left: 6px solid #1e90ff;
	font-size:18px;
	color:#333333;
	font-weight:bold;
}*/

.t1{
	padding: .5em .75em;
	background-color: #3ab9f0;
	border-top: 1px solid #1e90ff;
	border-bottom: 1px solid #1e90ff;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}

/*.bg1{
	background-color: #fffff0;
}*/

.entry-content{
  word-wrap: break-word;
}


/*16.8.8*追加分*/

#cnt .ttl-unit-02 {
    margin-top: 20px !important;
}

#cnt .ttl-unit-02 {
	min-height:40px;
	margin:0 0 20px;
	background:url(../img/bg_h4_01.gif) no-repeat left top;
}
#cnt .ttl-unit-02 h4 {
	line-height:1em;
	padding-top:12px;
	text-indent:0.7em;
	color:#333;
	font-weight:bold;
	font-size:18px;
	text-shadow:0px 1px 1px rgba(255,255,255,0.75);
}
#cnt .ttl-unit-02 + p.txt-bold {
	margin-bottom:0;
}

#cnt .caution{
	font-size:12px;
	padding-left: 1em;
    text-indent: -1em;
}

#cnt .aka{
	color: #ff0000;
	font-size:12px;
}