@charset "utf-8";

@media screen and (min-width: 980px){
	#globalNaviWrap #globalNavi ul li.navi02{ border-bottom: solid 4px #EF9400; }
	#globalNaviWrap #globalNavi ul li.navi02 a{ color: #EF9400; }
	#globalNaviWrap #globalNavi ul li.navi02 span{ background: url(../img_rwd/common/globalNavi_icon02_on.png) no-repeat left center; }
}
#pageTitle{ background-color: rgba(239, 148, 0, 0.80); }
#lineup #pageTitleWrap,
#lineup01 #pageTitleWrap,
#lineup02 #pageTitleWrap,
#lineup03 #pageTitleWrap{
	background: url(../img_rwd/cardorder/lineup/main.jpg) no-repeat center top;
	-moz-background-size: cover;
	background-size: cover;
}
.cardorder2507#lineup #pageTitleWrap,
.cardorder2507#lineup01 #pageTitleWrap,
.cardorder2507#lineup02 #pageTitleWrap,
.cardorder2507#lineup03 #pageTitleWrap{
	background: url(../img_rwd/cardorder/lineup/main2507.jpg) no-repeat center top;
	-moz-background-size: cover;
	background-size: cover;
}
#lineup #pageTitle,
#lineup01 #pageTitle,
#lineup02 #pageTitle,
#lineup03 #pageTitle,
#online #pageTitle{ padding: 40px 20px 10px; }
#insurance01 #pageTitle{ padding: 40px 10px 10px; }
#index #pageTitle h2,
#online #pageTitle h2,
#insurance01 #pageTitle h2{ font-size: 26px; }
@media screen and (max-width: 979px){
	#lineup #pageTitle,
	#lineup01 #pageTitle,
	#lineup02 #pageTitle,
	#lineup03 #pageTitle,
	#online #pageTitle,
	#insurance01 #pageTitle{ padding: 10px; }
}
@media screen and (max-width: 768px){
	#lineup #pageTitle h2,
	#lineup01 #pageTitle h2,
	#lineup02 #pageTitle h2,
	#lineup03 #pageTitle h2,
	#online #pageTitle h2,
	#insurance01 #pageTitle h2{ font-size: 20px; }
}
.contents h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.9em;
	text-align: center;
}
.contents h4{
	background: url(../img_rwd/use/icon_h3.gif) no-repeat left bottom;
	color: #EE9300;
}
.contents h5{
	border-left: solid 4px #EE9300;
	border-bottom: solid thin #DDD;
}
.contents h6{
	color: #333;
	border-bottom: none;
}
.contents table th{ color: #193F84; }
.contents #anchorLink{
	padding: 0;
	margin-top: 50px;
}
.contents #anchorLink li{
	float: left;
	background: url(../img_rwd/cardorder/icon_anchorLink.png) no-repeat center 90%;
	padding: 5px 0 20px;
	border: solid thin #DDD;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.contents #anchorLink li a{
	display: block;
	text-align: center;
	color: #333;
}
#contactWrap .wrap.left p{
	font-size: 1.2em;
	padding-top: 3em;
}
@media screen and (max-width: 800px){ #contactWrap .wrap.left p{ padding-top: 0; } }
@media screen and (max-width: 768px){ .contents h3{ font-size: 1.4em; } }

/* #index カードをつくる
---------------------------------------------------------------------------------------------------------*/
#index #pageTitleWrap{
	background: url(../img_rwd/cardorder/index/main.jpg) no-repeat center top;
	-moz-background-size: cover;
	background-size: cover;
}
.cardorder2507#index #pageTitleWrap{
	background: url(../img_rwd/cardorder/index/main_2507.jpg) no-repeat center top;
	-moz-background-size: cover;
	background-size: cover;
}
#index #container .contents h3{
	background: url(../img_rwd/use/icon_h3_02.gif) no-repeat center bottom;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
}
#index #container .contents .catch{
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
#index #serviceWrap{
	width: 100%;
	background: url(../img_rwd/common/bk.gif) repeat left top;
	padding: 10px 0;
	margin-bottom: 50px;
}
#index #serviceWrap .contentsWrap,
#index #linkWrap .contentsWrap{ padding: 20px 0; }
#index #serviceWrap .wrap{
	width: 23%;
	font-size: 0.95em;
	background-color: #FEF8EE;
	border: solid thin #EFCEA3;
	padding: 10px 10px 0;
	margin: 0 1%;
	box-shadow: 3px 3px 0px 0px #CECECE;
	-moz-box-shadow: 3px 3px 0px 0px #CECECE;
	-webkit-box-shadow: 3px 3px 0px 0px #CECECE;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#index #serviceWrap .wrap a{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: #32485B;
	padding: 0 10px;
}
#index #linkWrap{
	width: 100%;
	padding: 10px 0;
}
#index #linkWrap .wrap{
	background: url(../img_rwd/cardorder/index/icon_blank.png) no-repeat right bottom;
	width: 31.33%;
	border: solid thin #EEE;
	padding: 10px 10px 0;
	margin: 1%;
	box-shadow: 5px 5px 0px 0px #CECECE;
	-moz-box-shadow: 5px 5px 0px 0px #CECECE;
	-webkit-box-shadow: 5px 5px 0px 0px #CECECE;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#index #linkWrap .wrap.noblank{ background-image: none; }
@media screen and (max-width: 599px){
	#index #serviceWrap .wrap,
	#index #linkWrap .wrap{
		width: 48%;
		margin: 1%;
	}
	#index #serviceWrap .wrap img{
		display: block;
		margin: 0 auto;
	}
}
@media screen and (max-width: 399px){
	#index #serviceWrap .wrap,
	#index #linkWrap .wrap{
		float: none;
		width: 96%;
		margin: 10px 2%;
	}
}

/* #lineup カードラインナップ
---------------------------------------------------------------------------------------------------------*/
#lineup #container .contents .separate2{ margin-bottom: 50px; }
#lineup #container .contents .right .wrap{ float: right; }
#lineup #container .contents .separate2 .btn a{
	background: #EF9400 url(../img_rwd/common/icon_arrow_orange.png) no-repeat 90% center;
	display: block;
	width: 250px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	padding: 10px 0;
	margin: 15px auto;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
#lineup #container .contents table .separate2{ margin-bottom: 0; }

/* #lineup01 SHIGAGIN DCカード
---------------------------------------------------------------------------------------------------------*/
#lineup01 #container .contents #anchorLink li{ width: 16%; }
.cardorder2507#lineup01 #container .contents #anchorLink li{ width: 50%; }
#lineup01 #container .contents #anchorLink .anchor6{ width: 20%; }
#lineup01 #container .contents #anchorLink .anchor1 a,
#lineup01 #container .contents #anchorLink .anchor3 a{ padding-top: 1.2em; }
#lineup01 #container .contents h5{ margin-top: 80px; }
#lineup01 #container .contents .cardinfo p{ float: left; }
#lineup01 #container .contents .cardinfo .img{
	width: 22%;
	text-align: center;
}
#lineup01 #container .contents .cardinfo .text{
	width: 47%;
	padding-left: 1%;
	padding-bottom: 1em;
}
#lineup01 #container .contents .cardinfo .text .space{
	display: inline-block;
	padding-top: 1em;
}
#lineup01 #container .contents .cardinfo .text .touch{
	display: inline-block;
	background: url(../img_rwd/cardorder/icon_touch.png) no-repeat 98% top;
	padding-right: 50px;
}
#lineup01 #container .contents .cardinfo .text .notice{ font-size: 0.9em; }
#lineup01 #container .contents .cardinfo .btn{
	width: 30%;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
}
#lineup01 #container .contents .cardinfo .btn a{
	background: #EF9400 url(../img_rwd/common/icon_arrow_orange.png) no-repeat 95% center;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 10px 35px 10px 15px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
#lineup01 #container .contents .card3 .text{ width: 77%; }
#lineup01 #container .contents table th{ width: 25%; }
#lineup01 #container .contents .note{
	padding-left: 1.2em;
	text-indent: -1.2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
@media screen and (max-width: 768px){
	#lineup01 #container .contents .cardinfo .img{
		width: 30%;
		text-align: center;
	}
	#lineup01 #container .contents .cardinfo .text{
		width: 68%;
		padding-left: 2%;
		padding-bottom: 15px;
	}
	#lineup01 #container .contents .cardinfo .btn{
		float: none;
		width: 100%;
		margin: 0;
	}
	#lineup01 #container .contents table{ margin-top: 20px; }
	#lineup01 #container .contents table th,
	#lineup01 #container .contents table td{
		display: block;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 599px){
	#lineup01 #container .contents #anchorLink li,
	#lineup01 #container .contents #anchorLink .anchor6{ width: 33.33%; }
}
@media screen and (max-width: 430px){
	#lineup01 #container .contents #anchorLink li,
	#lineup01 #container .contents #anchorLink .anchor6{ width: 50%; }
}
.cardorder2509#lineup01 #container .contents .cardinfo .text,
.cardorder2509#lineup01 #container .contents .card3 .text{ width: 77%; }
/* #lineup02 DCドライバーズカード
---------------------------------------------------------------------------------------------------------*/
#lineup02 #pageTitle h2{ font-size: 26px; }
#lineup02 #container .contents .note{
	padding-left: 1.2em;
	text-indent: -1.2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
#lineup02 #container .contents .touch{
	display: inline-block;
	background: url(../img_rwd/cardorder/icon_touch.png) no-repeat 98% top;
	padding-right: 50px;
}
#lineup02 #container .contents .indent{
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em;
}
#lineup02 #container .contents .notice{ font-size: 0.9em; }
#lineup02 #container .contents .wrap h6{
	color: #EF9400;
	margin-top: 0;
	margin-bottom: 0.2em;
}
#lineup02 #container .contents table th{ width: 25%; }
#lineup02 #container .contents .wrap .note{
	font-size: 0.9em;
	padding-left: 0;
	text-indent: 0;
}
@media screen and (max-width: 768px){
	#lineup02 #container .contents table th,
	#lineup02 #container .contents table td{
		display: block;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 499px){
	#lineup02 #container .contents .wrap{
		float: none;
		width: 100%;
	}
}

/* #lineup03 滋賀DCカード
---------------------------------------------------------------------------------------------------------*/
#lineup03 #container .contents #anchorLink li{ width: 25%; }
#lineup03 #container .contents h5{ margin-top: 80px; }
#lineup03 #container .contents .cardinfo p{ float: left; }
#lineup03 #container .contents .cardinfo .img{
	width: 30%;
	text-align: center;
}
#lineup03 #container .contents .cardinfo .text{
	width: 68%;
	padding-left: 2%;
}
#lineup03 #container .contents .cardinfo .text .space{
	display: inline-block;
	padding-top: 1em;
}
#lineup03 #container .contents .cardinfo .text .touch{
	display: inline-block;
	background: url(../img_rwd/cardorder/icon_touch.png) no-repeat 98% top;
	padding-right: 50px;
}
#lineup03 #container .contents .cardinfo .text .notice{ font-size: 0.9em; }
#lineup03 #container .contents table{ margin-top: 1em; }
#lineup03 #container .contents table th{ width: 25%; }
#lineup03 #container .contents .note{
	padding-left: 1.2em;
	text-indent: -1.2em;
	padding-bottom: 0;
	margin-bottom: 0;
}
@media screen and (max-width: 768px){
	#lineup03 #container .contents #anchorLink li{ width: 50%; }
	#lineup03 #container .contents .cardinfo .img{
		width: 30%;
		text-align: center;
	}
	#lineup03 #container .contents .cardinfo .text{
		width: 68%;
		padding-left: 2%;
		padding-bottom: 15px;
	}
	#lineup03 #container .contents table th,
	#lineup03 #container .contents table td{
		display: block;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* #online オンラインからのお申し込み
---------------------------------------------------------------------------------------------------------*/
#online #pageTitleWrap{
	background: url(../img_rwd/cardorder/online/main.jpg) no-repeat center top;
	-moz-background-size: cover;
	background-size: cover;
}
#online #container .contents .separate3{
	margin-top: 50px;
	margin-bottom: 50px;
}
#online #container .contents .separate3 .wrap{
	background: url(../img_rwd/cardorder/index/icon_blank.png) no-repeat right bottom;
	width: 31.33%;
	border: solid thin #EEE;
	padding: 10px 10px 0;
	margin: 1%;
	box-shadow: 5px 5px 0px 0px #CECECE;
	-moz-box-shadow: 5px 5px 0px 0px #CECECE;
	-webkit-box-shadow: 5px 5px 0px 0px #CECECE;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#online #container .contents .separate3 .wrap.noblank{ background-image: none; }
#online #container .contents table ol{ padding-left: 20px; }
#online #container .contents table ol li{ margin-bottom: 1em; }
#online #container .contents .btn{
	background: #EF9400 url(../img_rwd/common/icon_arrow_orange.png) no-repeat 95% center;
	max-width: 750px;
	padding: 0;
	margin: 20px auto;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
#online #container .contents .btn a{
	display: block;
	color: #FFF;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px 50px 10px 20px;
}
@media screen and (max-width: 599px){
	#online #container .contents .separate3 .wrap{
		width: 48%;
		margin: 1%;
	}
}
@media screen and (max-width: 399px){
	#online #container .contents .separate3 .wrap{
		float: none;
		width: 96%;
		margin: 10px 2%;
	}
}

/* #insurance 旅行傷害保険
---------------------------------------------------------------------------------------------------------*/
#insurance #pageTitleWrap{
	background: url(../img_rwd/cardorder/insurance/main.jpg) no-repeat center top;
	-moz-background-size: cover;
	background-size: cover;
}
#insurance #container .contents #anchorLink{ margin-top: 0; }
#insurance #container .contents #anchorLink li{ width: 33.33%; }
#insurance #container .contents h5{ margin-top: 1.5em; }
#insurance #container .contents table th{ width: 33.33%; }
@media screen and (max-width: 400px){ #insurance #container .contents #anchorLink li{ width: 100%; } }

/* #insurance01 ゴルファー保険・個人賠償責任保険
---------------------------------------------------------------------------------------------------------*/
#insurance01 #pageTitleWrap{
	background: url(../img_rwd/cardorder/insurance01/main.jpg) no-repeat center top;
	-moz-background-size: cover;
	background-size: cover;
}
#insurance01 #container .contents #anchorLink{ margin-top: 0; }
#insurance01 #container .contents #anchorLink li{ width: 50%; }
#insurance01 #container .contents #presentWrap{
	background: #FCF4E2 url(../img_rwd/cardorder/insurance01/present_bk.png) no-repeat center top;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	padding: 50px 40px;
	margin: 50px 0;
}
#insurance01 #presentWrap table,
#insurance01 #presentWrap table th,
#insurance01 #presentWrap table td{
	border: none;
	background-color: #FCF4E2;
}
#insurance01 #presentWrap table th{
	vertical-align: top;
	width: 20%;
	max-width: 180px;
	min-width: 50px;
}
#insurance01 #presentWrap table td{
	vertical-align: middle;
	border-bottom: dashed thin #CCC;
}
#insurance01 #container .contents .hosho tbody tr th{ width: 50%; }
#insurance01 #container .contents .note{
	padding-left: 1.2em;
	text-indent: -1.2em;
}
@media screen and (max-width: 768px){
	#insurance01 #container .contents #presentWrap{
		padding: 30px 10px;
		margin: 30px 0;
	}
}