@charset "utf-8";

/*-- global_nav --*/

.global_nav {
	margin-bottom:20px;
}

/*-- contents --*/

.contents {
	padding:0 10px;
	margin-bottom:20px;
}

.contents img {
	width:100%;
	height:auto;
}

.contents h2 img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.contents .arrow {
	display:block;
	width:60px;
	margin:10px auto;
}

.contents .midashi {
	font-size:13px;
	font-weight:bold;
}

.contents .font26 {
	font-size:20px;
}

.contents .green {
	color:#1b871b;
}

.contents .orenge {
	color:#f35402;
}

.contents .blue {
	color:#0871b3;
}

.contents .red {
	color:#FF0004;
}

/*-- step --*/

.step {
	margin-top:20px;
	margin-bottom:20px;
}

.step li {
	padding-bottom:50px;
	margin-bottom:10px;
	background:url(http://www.gen78.com/shichi/images/arrow.jpg) bottom center no-repeat;
	background-size:auto 40px;
	overflow:hidden;
}

.step li:last-child {
	padding-bottom:0;
	background-image:none;
}

.step li h3 {
	margin-bottom:10px;
}

.step li h3 img {
	width:100%;
	height:auto;
}

.step li .pict {
	width:40%;
	margin-left:4%;
	float:right;
}

.step li .fl_l {
	width:56%;
	float:left;
}

/*-- shichi_box --*/

.brown {
   color: #866628;
   margin: 0 0 8px 0;
}

.bold {
   font-weight: bold;
}

.shichi_box {
	padding:5px;
	border:1px #666 solid;
	border-radius:8px;
	margin-bottom:10px;
	box-sizing:border-box;
	overflow:hidden;
}

.shichi_box h4 {
	width:42%;
	margin-right:2%;
	float:left;
}

h2.h2_ttl {
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-bottom: 0px;
    padding-top: 10px;
    font-weight: bold;
    border-bottom: 2px solid #222;
    margin-bottom: 8px;
}

table.interest {
    border: #CCC 1px solid;
    border-top: 1px;
    border-right: 1px;
    width: 100%;
    margin: 5px 0 15px 0;
}

table.interest th {
    border: #CCC 1px solid;
    border-bottom: 1px;
    border-left: 1px;
    background: #F3F3F3;
    padding: 6px;
    text-align: center;
}

table.interest td {
    border: #CCC 1px solid;
    border-bottom: 1px;
    border-left: 1px;
    padding: 6px;
    text-align: center;
}

.usage {
   background-color: #ccc;
   padding: 10px;
   margin: 8px 0 15px 0;
}

.term {
   border-bottom: 1px solid #ccc;
   margin: 0 0 15px 0;
   padding: 0 0 10px 0;
}

ul.shiti_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
   margin: 0 auto 30px;
   width:70%;
}

ul.shiti_btn li {
   width: 100%;
   margin: 0 0 10px 0;
}

ul.shiti_btn li img {
   width: 100%;
}

/*-- buy2 --*/

.buy2 {
	overflow:hidden;
}

.buy2 img {
	width:48%;
	margin:0 1%;
	float:left;
}

.section01 {
	margin-bottom:20px;
}

.section01 img {
	margin-bottom:10px;
}

.section01 .txt01 {
	margin-bottom:10px;
}

.section02 {
	padding:6px;
	border:2px #e5b04a solid;
	margin-bottom:20px;
	background:#fbf9db;
	border-radius:10px;
}

.section02 h2 {
	font-weight:bold;
}

.section03 img {
	margin-bottom:20px;
}

.section03 p {
	margin-bottom:10px;
}

.section03 p .shiyukatu {
	font-size:16px;
	color:#9d77cc;
}

/*-- tentou,takuhai --*/

.tentou {
	margin-bottom:-10px;
}

.tentou .h2_ttl,
.takuhai .h2_ttl {
	border-bottom:2px #333 solid;
	font-weight:bold;
}

.tentou .step li p {
	width:100%;
}

.tentou .step li a img,
.takuhai .step li a img {
	width:auto;
}

.tentou .step .fl_right,
.takuhai .step .fl_right {
	width:38%;
	margin-left:2%;
	float:right;
}

.tentou .step .point_box {
	margin-top:10px;
}

/*-- infomation --*/

.infomation .over {
	margin-bottom:10px;
	overflow:hidden;
}

.infomation .over img {
	width:49%;
	float:left;
}

.infomation .over img + a img {
	margin-left:2%;
}

.infomation .middle {
	margin-bottom:10px;
}

.infomation .under {
	overflow:hidden;
}

.infomation .under img {
	width:72%;
	float:left;
}

.infomation .under a + a img {
	width:26%;
	margin-left:2%;
}

/*-- item --*/

.item > img {
	margin-bottom:10px;
}

.item_box {
	margin-bottom:10px;
	overflow:hidden;
}

.item_box img {
	width:140px;
	margin-right:2%;
	float:left;
}

.item_box p {
	overflow:hidden;
}

.point_box {
	padding:10px;
	border:1px #900 solid;
	margin-bottom:20px;
	background:#ffecec;
}

.point_box .point_txt {
	font-size:14px;
	font-weight:bold;
	color:#900;
}

.point_box p {
	margin:0;
}

.color_green {
	font-size:14px;
	font-weight:bold;
	color:#898a7b;
}

/*-- shop --*/

.shop_box {
	margin-bottom:20px;
}

.shop_photo {
	margin-bottom:10px;
	overflow:hidden;
}

.shop_photo img {
	width:48%;
	margin:1%;
	float:left;
}

.shop_table {
	width:100%;
	margin-bottom:10px;
}

.shop_table th {
	width:100%;
	padding:3px 5px;
	border:1px #f3f3f3 solid;
	background:#f3f3f3;
	text-align:left;
	box-sizing:border-box;
	float:left;
}

.shop_table td {
	width:100%;
	padding:3px 5px;
	border:1px #f3f3f3 solid;
	box-sizing:border-box;
	float:left;
}

.shop_box .g-map {
	display:block;
	width:80%;
	margin:10px auto;
}

.map {
	margin-bottom:15px;
}

.map img {
	width:150px;
}

.map img + img {
	width:100%;
	border:1px #333 solid;
}

.route_ttl {
   background-color: #c39d16!important;
   padding: 10px!important;
   color: #fff;
   margin: 0 0 15px 0;
   font-size: 16px;
   font-weight: bold;
}
ul.btn_route {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
   margin: 0 0 15px 0;
}
ul.btn_route li {
  width:100%;
  margin: 0 0 8px 0;
}
ul.btn_route li img{
  width:100%;
}

/*-- faq --*/

.faq .question {
	padding:10px 0 8px 35px;
	border-bottom:1px #ccc dotted;
	margin-bottom:8px;
	background:url(http://www.gen78.com/faq/images/q_img.jpg) left no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#705422;
}

.faq .answer {
	min-height:40px;
	padding:5px 0 0 45px;
	margin:0 0 25px 0;
	background:url(http://www.gen78.com/faq/images/a_img.jpg) left no-repeat;
	background-position:10px 5px;
}

/*-- contact --*/

.contact {
	width:100%;
	border-bottom:1px #ccc solid;
	margin-bottom:5px;
}

.contact tr:nth-child(odd) {
	background:#ededed;
}

.contact td p {
	width:100%;
	margin-bottom:5px;
}

.contact td {
	width:100%;
	padding:6px;
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	box-sizing:border-box;
	float:left;
}

.contact td input {
	width:98%;
}

.contact td textarea {
	width:98%;
}

.contact .radio input {
	width:auto;
}

.contact .kit table td {
	width:50%;
	border:none;
}

.contact .kit table td input {
	width:auto;
}

.contact_submit {
	margin:10px 0;
}

/*-- popup --*/

#popup .banner_l {
	margin-top:10px;
}

#popup .banner_l img {
	width:100%;
	max-width:310px;
	margin-bottom:10px;
}

/*-- results --*/

.results .menu {
	margin-bottom:6px;
	overflow:hidden;
}

.results .menu li {
	width:50%;
	padding:4px 0 4px 20px;
	box-sizing:border-box;
	float:left;
}

.results .menu li a:link {
	color:#848213;
	text-decoration:underline;
}
.results .menu li a:visited {
	color:#848213;
	text-decoration:underline;
}
.results .menu li a:hover {
	color:#848213;
	text-decoration:underline;
}
.results .menu li a:active {
	color:#848213;
	text-decoration:underline;
}

.results .pager {
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	margin-top:10px;
	margin-bottom:20px;
	position:relative;
	font-size:12px;
	overflow:hidden;
}

.results .pager ul {
	padding:0;
	margin:6px 0;
	position:relative;
	float:left;
	list-style-type:none;
	left:50%;
}

.results .pager li {
	border-right:1px #cccccc solid;
	position:relative;
	float:left;
	left:-50%
}

.results .pager .active {
	padding:3px 10px;
	font-weight:bold;
	color:#848213;
}

.results .pager li.next {
	border-right:none;
}

.results .pager ul a {
	display:block;
	padding:3px 10px;
	font-weight:normal;
	color:#848213;
}

.results .section {
	margin-bottom:30px;
	overflow:hidden;
}

.results .section h3 {
	font-size:14px;
	color:#666;
	font-weight:bold;
	background:#ccc;
}

.results .section h3+p {
	margin-bottom:5px;
	font-size:10px;
}

.results .section .main_img {
	max-width:240px;
	margin-bottom:10px;
}

.results .section .detail {
}

.results .section .detail .price {
	font-weight:bold;
}

.results .section .detail table {
	width:100%;
	margin-top:5px;
	border-collapse:separate;
	border-spacing:2px;
}

.results .section .detail table th {
	padding-left:5px;
	border:1px #605f1b solid;
	color:#fff;
	font-weight:normal;
	text-align:left;
	background:#605f1b;
	box-sizing:border-box;
}

.results .section .detail table td {
	padding-left:5px;
	border:1px #605f1b solid;
	box-sizing:border-box;
}

/*-- link --*/

.link {
	padding-bottom:20px;
	border-bottom:1px #333 solid;
	margin-top:10px;
	margin-bottom:20px;
}

.link h3 {
	margin-bottom:10px;
}

.link h3 img {
	width:30%;
	max-width:126px;
}

.link ul {
	overflow:hidden;
}

.link ul li {
	width:100%;
	margin-bottom:15px;
}

.link ul li img {
	max-width:165px;
	margin-bottom:5px;
}

.link ul li h4 {
	font-weight:bold;
}

.link_banner {
	margin-bottom:20px;
}

.link_banner h3 {
	padding:3px 5px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
	background:#99cc99;
}

.link_banner h3+p {
	margin-bottom:10px;
}

.link_banner li {
	margin-bottom:10px;
}

.link_banner img {
	width:auto;
}

/*-- event --*/

.event h1 {
	margin-bottom:15px;
}

.event_image {
	margin-bottom:30px;
}

.event_image ul {
	overflow:hidden;
}

.event_image li {
	width:49%;
	margin-bottom:2%;
	float:left;
}

.event_image li:nth-child(odd) {
	margin-right:2%;
	clear:both;
}

.event h2.h2_ttl {
	background:url(/common_images/h2_ttl.jpg) no-repeat bottom right;
	background-size:200% auto;
	margin-bottom:10px;
	font-size:14px;
}

.event .btn {
	margin-bottom:20px;
}

/*-- event_detail --*/

.event_detail_image ul li {
	width:100%;
	border:2px #d99f4f solid;
	margin-bottom:10px;
	border-radius:8px;
	overflow:hidden;
	box-sizing:border-box;
}

.event_detail_image ul li img {
	width:100%;
}

.event_detail_image .btn {
	margin:10px 0;
}


/*-- LINE --*/
ul.line1 {
	display: -webkit-inline-flex; /* Safari */
	display: inline-flex;
	-webkit-flex-direction: column; /* Safari */
	flex-direction:         column;
	margin: 0 0 20px 0;
}

ul.line1 li {
	width: 100%;
	margin: 0 0 15px 0;
}

ul.line1 li img {
	width: 100%;
}

ul.line2 {
	display: -webkit-inline-flex; /* Safari */
	display: inline-flex;
	-webkit-flex-direction: column; /* Safari */
	flex-direction:         column;
	margin: 0 0 40px 0;
}

ul.line2 li {
	width: 100%;
	margin: 0 0 10px 0;
}

ul.line2 li:nth-child(even) {
	width: 20%;
	margin: 0 auto;
}
ul.line2 li img {
	width: 100%;
}