@charset "utf-8";


/*		Contents
-----------------------------------------------------------------
  01.HOME                    [ index.html ]
  02.店舗一覧                [ shop/ ]
    02-01.店舗詳細           [ shop/shop.html ]
    02-02.スタッフ紹介       [ shop/staff.html ]
    02-03.アクセスマップ     [ shop/map.html ]
    02-04.店舗釣果           [ shop/chola.html ]
  03.最新釣果                [ choka/ ]
  04.よくあるご質問          [ faq.html ]
  05.オススメリンク          [ link.html ]
  06.採用情報                [ recruit.html ]
  07.イベント予定            [ event/]
  08.新着情報                [ news/ ]
  09.ブログ                  [ blog/ ]
  10.会社概要                [ company.html ]
  11.お問い合わせ            [ inquiry/ ]
  12.プライバシーポリシー    [ privacy.html ]
  13.検索結果表示            [ result.html ]
  14.免税店の紹介            [ result.html ]
  15.オンラインショップ      [ online.html ]
  16.ECサイト連携用          [ frame/ ]

-----------------------------------------------------------------*/
/* ================================================================
		01.HOME									[ index.html ]
================================================================*/

/* -----------------------------------------------------------------
		key
----------------------------------------------------------------- */
/*KEY初期レイアウト*/
.key{
	background:url(../../img/index/key_bg.png) no-repeat center top;
	padding:11px 0 4px 0;
}
.key ul{
	width:1002px;
	margin:0 auto 30px;
}
.key ul li{
	float:left;
	outline: none;
	position:relative;
	background:#ffffff;
}
.key ul li .arrow01{
	position:absolute;
	top:8px;
	left:8px;
}
.key ul li a{
	display:inline-block;
}
.key ul li a img:hover{
	opacity:0.8;
}

/*KEYレイアウト スライドVer*/
.key2 {
	background: url(../../img/index/key_bg.png) no-repeat center top;
	padding: 11px 0 16px 0;
	width: 1002px;
	margin: 0 auto 18px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
.key2__main {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  background: #000;
}
.key2__sub {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  background: #000;
}
.key2__sub p {
  width: 284px;
  height: 200px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.key2__sub p:first-child::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
}
.key2__sub p a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
}
.key2__sub p a img {
  max-width: 100%;
  max-height: 100%;
  transition: all .25s ease;
}
.key2__sub p a:hover img {
  transform: scale(1.03);
  filter: brightness(110%);
}

/*スライド*/
.swiper-container {
  width: 718px;
  height: 400px;
}
.swiper-slide {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  width: auto !important;
  height: auto !important;
  overflow: hidden;
}
.swiper-slide img {
  transition: all .25s ease;
  max-height: 400px;
}
.swiper-slide-active img:hover {
  transform: scale(1.03);
  filter: brightness(110%);
}
.swiper-slide-next img,
.swiper-slide-prev img {
  opacity: .3;
  transition: all .5s ease;
  transition-delay: .1s;
}
.swiper-slide-next a,
.swiper-slide-prev a {
  pointer-events: none;
}
.swiper-button-prev,
.swiper-button-next {
  background: none !important;
  top: 50% !important;
  width: 36px !important;
  height: 60px !important;
  margin-top: -36px !important;
  padding: 6px !important;
}
.swiper-button-prev {
  right: auto !important;
  left: 11px !important;
  transform:scale(-1, 1) !important;
}
.swiper-button-next {
  right: 11px !important;
  left: auto !important;
}
.swiper-button-prev img,
.swiper-button-next img {
  transition: all .2s ease;
}
.swiper-button-prev:hover img,
.swiper-button-next:hover img {
  transform: scale(1.11);
  opacity: .9;
}
.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px !important;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 5px !important;
}
.swiper-pagination-bullet-active {
  /*background: #FFD400 !important;*/
}

.nav_slider{
	width:1020px;
	margin:0 auto 55px;
}
.nav_slider div{
	text-align:center;
}
.nav_slider .slick-slide img{
	display:inline;
	box-shadow:rgba(0, 0, 0, 0.317647) 7px 6px 7px -3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.317647) 7px 6px 7px -3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.317647) 7px 6px 7px -3px;
	margin-bottom:8px;
	margin:5px 5px 8px 5px;
}

.nav_slider .slick-slide img:hover{
	 opacity: 0.8;
}
.nav_slider .slick-slide {
	outline: none;
	width: 340px !important;
}

.nav_slider .slick-prev, .nav_slider .slick-next{
	height: 65px;
	width: 27px;
	z-index: 999;
}
.slick-dots li button{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:#2a91db;
	text-decoration:none;
}
.slick-dots li{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:none;

}
.slick-dots li button{
	width:10px;
	height:10px;
	background:#d4d4d4;
    opacity: 1;
	text-decoration:none;
}

.slick-dots li button:before{
	opacity: 1;
}
.slick-dots li button:hover{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	 opacity: 1;
	background:#2a91db;
}
.slick-dots li button:focus{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	 opacity: 1;
}
.slick-dots li.slick-active button{
	 opacity: 1;
	background:#2a91db;

}
.slick-dots{
	bottom:-30px;
}



/* -----------------------------------------------------------------
		NEWS
----------------------------------------------------------------- */
.top_news{
	width:1002px;
	margin:0 auto 50px;
}

.top_news .title{
	text-align:center;
	margin-bottom:18px;
	position:relative;
}
.top_news .title{

}
.top_news .title p.more{
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
}
.top_news a{
	text-decoration:none;
	color:#000000;
}
.top_news li{
	background:#ffffff;
	width:192px;
	float:left;
	margin-right:10px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.317647) 7px 6px 7px -3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.317647) 7px 6px 7px -3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.317647) 7px 6px 7px -3px;
}
.top_news li.last{
	margin-right:0;
}
/* 画像 */
.top_news li .img{
	margin-bottom:10px;
	width: 192px;
	height: 135px;
}
.top_news li div:hover{
	 opacity: 0.8;
}


/* -----------------------------------------------------------------
		動画
----------------------------------------------------------------- */
.top_movie {
	width:1002px;
	margin:0 auto 50px;
}
.top_movie_title {
  text-align: center;
  margin-bottom: 18px;
}
.top_movie_list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}
.top_movie_list li {
  width: 320px;
  flex-shrink: 0;
  margin: 0 21px 0 0;
}
.top_movie_list li:last-child {
  margin-right: 0;
}
.top_movie_list li > div {
  overflow: hidden;
  margin: 0 0 1px;
  height: 180px;
  position: relative;
}
.top_movie_list li > div img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.top_movie_list li div iframe {
  width: 100%;
  height: 180px;
}
.top_movie_list li p {
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
}
.youtube_play:hover {
  cursor: pointer;
}
.youtube_btn {
  width: 68px;
  height: 48px;
  background: url(../../img/common/btn_playvideo.png) no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  filter: grayscale(100%) contrast(130%);
  opacity: .8;
}
.youtube_btn:hover {
  filter: grayscale(0%) contrast(100%);
  opacity: 1;
}

/* イベントアイコン
--------------------------*/
.news_icon{
	font-size:78%;
	margin-bottom:8px;
}
.news_icon span{
	color:#fff;
	display:inline-block;
    padding: 0px 8px;
    min-width: 51px;
	margin-right:5px;
}
.name_event{
	background:#eb8613;
}
.name_news{
	background:#128cd8;
}
.name_sale{
	background:#e71e1e;
}
.name_product{
	background:#23a917;
}
.name_result{
	background:#BF44C5;
}


/* イベント名
--------------------------*/
.top_news li .link{
	text-decoration:underline;
	color:#0071c2;
	margin:0 10px 7px;
	line-height:1.28;

}
/* テキスト
--------------------------*/
.top_news li .news_text{
	font-size:78%;
	margin:0 10px 10px;
	line-height:1.36;
	display: -webkit-box;
	box-orient: vertical;
/*	line-clamp: 4;
*/	-webkit-box-orient: vertical;
/*	-webkit-line-clamp: 4;*/
	-moz-box-orient: vertical;
/*	-moz-line-clamp: 4;*/
	 -o-box-orient: vertical;
/*	 -o-line-clamp: 4;*/
		height:5.2em;
		overflow:hidden;
}

/* -----------------------------------------------------------------
		EVENT
----------------------------------------------------------------- */
.event_bg{
	clear:both;
	background:url(../../img/common/event_bg.gif) repeat top center;
	width:1002px;
	margin:0  auto 20px;

	position:relative;
}
.event_content{
	background: url(../../img/common/bg04.png) repeat-x top left;
	padding-bottom:20px;
}
.event_content h2{
	position:absolute;
	top:0;
	left:-10px;
	z-index:999;
}
#event2,
#event3 {
	display: none;
}
#event2,
#event3,
#event1{
	padding-bottom:1px;
}
.event_bg .area_tab{
	margin-left:233px;
}
.index__focus_event_title {
	width: 656px;
	float: left;
  text-align: center;
  margin: 2px 0 21px;
}
.index__focus_event_icon {
	position:absolute;
	top: 6px;
	left: 6px;
}

/* 　イベント内容
-------------------------- */
.event_content .event_slider{
	width:645px;
	float:left;
}
.event_slider a{
	outline: none;
}
/* 地域タブ */

.area_tab{
	text-align:right;
	width:660px;
	margin:0 0 20px 0;

	height:50px;
}
.event_content .area_tab{
	padding-top:29px;
}
.area_tab a{
	margin-left:8px;
	display:block;
}
.area_tab a.active{
}

/* スライダー */

.event_slider .slider{
		margin-left:28px;
}
.event_slider .slick-slide{
	width:196px !important;
	float:left;
/*	max-height:276px;*/
	margin:0 10px 5px 0;
	padding:0 0 13px 0;
	background:#fff;
	outline: none;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 3px 3px 7px -3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 3px 3px 7px -3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 3px 3px 7px -3px;
	overflow:hidden;
	position:relative;
}
.slider_content .new{
	position:absolute;
	top:0;
	left:0;
}
.event_slider .slick-slide:hover{
	 opacity: 0.8;
}
.event_slider .slick-prev, .event_slider .slick-next{
	height: 65px;
	width: 27px;
	z-index: 999;
}
/* 画像 */
.slider_content .img{
	margin-bottom:11px;
	width: 196px;
	height: 138px;
}
.event_slider a{
	text-decoration:none;
	color:#000000;
}

.event_slider .slick-prev {
    left: -22px;
}
.event_slider .slick-next {
    right: -6px;
}
/* イベントアイコン
--------------------------*/
.event_slider .news_icon span{
  padding: 0px 8px;
  min-width:0;
}
.name_talk{
	background:#eb8613;
}
.name_exhibit{
	background:#128cd8;
}
.name_classroom{
	background:#23a917;
}
.name_maker{
	background:#BF44C5;
}


/* イベント名 */
.slider_content .link{
	text-decoration:underline;
	color:#0071c2;
	margin:0 8px 8px;
	line-height:1.28;
  height:52px;
  word-break:break-all;
}
/* テキスト */
.slider_content .news_text{
	font-size:78%;
	margin:0 10px 0;
	line-height:1.36;
	height:2.5em;
	overflow:hidden;
	box-orient: vertical;
/*	line-clamp: 4;*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* 日時 */
.slider_content .day{
	font-size:78%;
	margin:0 8px 4px;
	line-height:1.36;
}
/* 開催場所 */
.slider_content .evebt_area{
	font-size:78%;
	margin:0 7px 9px;
	text-align:center;
	background:#e6e6e6;
	line-height: 1.2;
	padding: 4px 2px 2px;
}
/* イベントが無い場合 */
.event_content .nodata_event_txt{
  padding: 110px 30px;
  margin: 0 0 0 35px;
  text-align: center;
  font-size: 20px;
  background: #FFF7D9;
  border: #DED09B 1px solid;
}


/* 　イベントカレンダー
-------------------------- */
div.calendar_area_bg{
	float:right;

}
div.calendar_area{
	background:url(../../img/index/calendar_bg.png) no-repeat bottom center;
	width:305px;
	padding-bottom:20px;

	margin-right:20px;
	margin-top:-68px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.317647) 7px 6px 7px -3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.317647) 7px 6px 7px -3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.317647) 7px 6px 7px -3px;
}
.calendar_area dl{
	margin-bottom:11px;
}
.calendar_area dt{
	margin-bottom:15px;
}
.calendar_area table {
	border-collapse:collapse;
	width:286px;
	margin:0 auto;
}
.calendar_area table.calendar {
	border-left:none;
}
.calendar_area table.calendar td{
    border-collapse: collapse;
    background: #ffffff;
    text-align: center;
    line-height: 45px;
}
.calendar_area table.calendar tr + tr{
	border-top:#cccccc solid 1px;
}
.calendar_area table.calendar td + td{
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
}

.calendar_area table.calendar td a{
	background:#d1ecff;
	box-shadow:rgba(0, 0, 0, 0.317647) 0px 0px 6px -3px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.317647) 0px 0px 6px -3px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.317647) 0px 0px 6px -3px inset;
    display: block;
	vertical-align:middle;
}

.calendar_area table.calendar th{
	border-collapse:collapse;
	background:#000000;
	color:#ffffff;
	font-weight:normal;
	padding:5px 0;
	text-align:center;

}
.calendar_area table.calendar th + th{
	border-left:#cccccc solid 1px;
}

.calendar_area table.calendar th.saturday{
	background:#134fa3;
}
.calendar_area table.calendar th.sunday{
	background:#d00b4d;
}
.calendar_area .text{
	text-align:center;
	font-size:85%;
	line-height:1.3;
}
.event_archive{
	text-align:center;
	margin:20px 0 0 0;
}
/* -----------------------------------------------------------------
	result
----------------------------------------------------------------- */
.result{
	width:1002px;
	margin:0 auto 36px;
}
.result .title{
	margin-bottom:5px;
	position:relative;
}
.result .more{
	position:absolute;
	bottom:28px;
	right:0;
	margin:0;
}
.result_list li{
	float:left;
	width:240px;
	margin:0 14px 24px 0;
	color:#ffffff;
	position: relative;
}
.result_list li.li04{
	margin:0 0 24px 0;
}
.result_list li .img{
	position:relative;
	background-color:#1a1a1a;
	margin-bottom:8px;
	width:240px;
	height:180px;
}
.result_list li .img:hover{
	 opacity: 0.8;
}

.result_list li .new{
	position:absolute;
	top:0;
	z-index:99;
	left:0;
}
.result_list li .img span{
    position: absolute;
    background: rgba(0,0,0,0.7);
    display: inline-block;
    bottom: 0;
    left: 0;
    width: 220px;
    font-size: 78%;
    padding: 2px 10px;
}

.result_list li .shop_name{
    color: #1d6fa3;
    background: #fff;
    padding: 1px 6px;
    display: inline-block;
    margin: 0 10px 5px 0;
    text-align: center;
    min-width: 73px;
}
.result_list li .day{

    font-size: 78%;
	margin-bottom:2px;
}
/* テキスト */
.result_list li .text{
	font-size:92%;
	line-height:1.4;
	display: -webkit-box;
	box-orient: vertical;
/*	line-clamp: 2;*/
	-webkit-box-orient: vertical;
/*	-webkit-line-clamp: 2;*/
	height:2.6em;
	overflow:hidden;
}
/* -----------------------------------------------------------------
		shop_news
----------------------------------------------------------------- */
div.shop_news_bg{
	background: url(../../img/common/bg05.gif) repeat;
	padding:60px 0;
}
.shop_news{
	width:1002px;
	margin:0 auto 45px;
}
.shop_news .title{
	margin-bottom:28px;
	position:relative;
}
.shop_news .more{
	position:absolute;
	top:-7px;
	right:217px;
	margin:0;
}
.shop_news .area_tab{
	text-align:left;
	width:100%;
	background:url(../../img/common/tab_area_line.png) repeat-x center bottom;
	height:51px;

}
.shop_news .area_tab a{
	margin:0 5px 0 0;
}
.shop_news .area_tab a.active{
	padding-bottom:13px;
}

/*　新着リスト
--------------------------------------------*/
.news_list{}
.news_list a:hover{
	text-decoration:none;
}
.news_list{
	width:320px;
	float:left;
	margin-right:20px;
}
.news_list.last{
	margin-right:0;
}
.news_list h3{
	margin-bottom:20px;
}
.news_list ul li{
	border-bottom:#5c5c5c solid 1px;
	padding-bottom:13px;
	margin-bottom:13px;
}
/* 画像 */
.news_list .img{
	border:1px solid #999999;
	display: inline-block;
	float:left;
	width:112px;
	height:112px;
}
.news_list .img img{
	border:#ffffff 3px solid;
}
.news_list .img a{
    display: block;
    width: 106px !important;
    height: 106px !important;
    border: solid 3px #fff;
}
/* 説明文 */
.news_detail{
	float:right;
	width:193px;
}
.news_detail .day{
	font-size:78%;
	margin-bottom:2px;

}
.news_detail .day span{
	color:#ffffff;
	background:#000000;
	text-align:center;
	min-width:60px;
	padding:0 5px;
	display:inline-block;
}
.news_detail a{
  line-height:1.4;
  display:inline-block;
}
.news_detail .new{
	margin-left:5px;
}

/* -----------------------------------------------------------------
	　オンラインショップ
----------------------------------------------------------------- */
.online{
	background:rgba(0, 0, 0, 0.06);
	width:100%;
	padding:40px 0;
}
.online h2{
	width:1002px;
	margin:0 auto 25px;
}
.online ul{
	width:1002px;
	margin:0 auto;
}
.online ul li{
	float:left;
	width:320px;
	border-bottom:#5c5c5c solid 1px;
	border-top:#5c5c5c solid 1px;
	padding:13px 0;
}
.online ul li + li{
	margin-left:10px;
}
/* 画像 */
.online ul li .img{
	border:1px solid #999999;
	display: inline-block;
	float:left;
	width:112px;
	height:112px;
}
.online ul li .img img{
	border:#ffffff 3px solid;
}
.online ul li .img a{
    display: block;
    width: 106px !important;
    height: 106px !important;
    border: solid 3px #fff;
}
.icon_even{
	background:#ffd400;
	padding:0 5px;
	display:inline-block;
	text-align:center;
	font-size:78%;
	font-weight:bold;
}
.online h3 {
	width:1002px;
	margin:30px auto 20px;
}
.online .online_bnr {
  width:1002px;
  margin:0 auto 20px;
}
.online .online_bnr li {
	float:left;
	width:326px;
	border:none;
	padding:0;
}
.online .online_bnr li + li {
	margin-left:12px;
}



/* -----------------------------------------------------------------
	タイドグラフ
----------------------------------------------------------------- */
.tide{
	width:1002px;
	margin:0 auto;
	position:relative;
	clear:both;

}
.tide a{
	position:absolute;
	bottom:-50px;
	right:-10px;
}
.tide_bg{	background:url(../../img/common/tide_graph_bg.png) repeat-x top left;
	text-align:center;
}
/* -----------------------------------------------------------------
	タイドpos.html
----------------------------------------------------------------- */
.tide_content_area.pos_area {
  background: url(../../img/tide/bg.png) repeat-y center top;
  padding-bottom: 38px;
}
.tide_list{
	width: 954px;
	margin:-76px auto 23px;
}
.tide_list li{
	float: left;
	position: relative;
}
.tide_list li p{
	position: absolute;
	top:83px;
	left: 72px;
	font-size:15px;
	line-height:1.4;
}
.tide_list li p strong{
	color:#e11c2d;
}
.tide_content_area .btn,
.tide_content_area .text{
	text-align: center;
}
.tide_content_area .text{
	margin-bottom: 21px;
}
/* -----------------------------------------------------------------
	おすすめ釣り船
----------------------------------------------------------------- */
.recommended_bg02{
	background:url(../../img/common/bg02.png);
	margin-bottom:55px;
}
.recommended_bg{
	background: url(../../img/index/recommended_bg.png) no-repeat top center;
	padding:60px 0;

}
.recommended{
	width:1002px;
	margin:0 auto;
}
.recommended h2{
	margin-bottom:26px;
}
/* -----------------------------------------------------------------
	釣り船予約のみ（コンテンツが1つのとき）　ここから
-----------------------------------------------------------------*/
.recommend_ship{
	width:980px;
}
.ship_content{
	padding:5px 5px;
	margin-bottom:15px;
	outline:none;
	float:left;
	width: 450px;
	margin-right: 10px;
}


.recommend_detail{
	float:left;
	width:200px;
	font-size:98%;
}
/* -----------------------------------------------------------------
	釣り船予約のみ（コンテンツが1つのとき）　ここまで
-----------------------------------------------------------------*/

/* -----------------------------------------------------------------
	オンラインショップ開始時（コンテンツが2つのとき）　ここから

.recommend_ship{
	width:490px;
	float:left;

}
.recommend_online{
	width:490px;
	float:right;
}

.ship_content,
.product_content{
	padding:5px 5px;
	margin-bottom:15px;
	outline:none;
}

.recommend_detail{
	float:left;
	width:190px;
	font-size:98%;
}


		オンラインショップ開始時（コンテンツが2つのとき）　ここまで
----------------------------------------------------------------- */

.recommended ul li{
	outline:none;
}
.recommended ul li a{
	outline:none;
}
.ship_content .img,
.product_content .img{
	float:right;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.247059) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.247059) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.247059) 0px 0px 6px 3px;
	margin-right: 3px;

}

.ship_content .img a,
.product_content .img a{
	border:#fff solid 3px;
	display:block;
	width:220px !important;
	height:165px !important;
}

.ship_content .img img,
.product_content .img img{
	border:#fff solid 3px;
}

.recommend_box{
	background:#f7f7f7;
	border:#fff solid 5px;
	padding:25px 15px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.05) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.05) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.05) 0px 0px 6px 3px;
}

/* 港名/用途 */
.recommend_detail .lead{
    background: #ffd400;
    color: #000;
    font-size: 78%;
    padding: 7px 10px 4px;
    display: inline-block;
    margin-bottom: 9px;
    line-height: 1em;

}
/* 船名/商品名 */
.recommend_detail .name{
	font-size:110%;
	font-weight:bold;
	margin-bottom:7px;
	outline:none;
	line-height:1.3;
}

/* 説明/価格 */
.recommend_detail .text{
	font-size:78%;
}
/* 船の価格 */
.recommend_detail .price{
	color:#e71e1e;
	font-weight:bold;
}
.recommend_box .slick-prev, .recommended .slick-next{
	top: 103%;
    height: 33px;
    width: 76px;
	z-index: 9999;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.recommend_box .slick-prev:before{
	background:  url(../../img/common/arrow04.png) no-repeat left top;

}
.recommend_box .slick-next:before{
	background:  url(../../img/common/arrow05.png) no-repeat left top;
}
.recommend_box .slick-prev:before,.recommend_box .slick-next:before{
    height: 33px;
    width: 76px;

}
.recommend_box .slick-dots {
    bottom: -9%;
	vertical-align:top;
}

/* -----------------------------------------------------------------
		釣りブログ
----------------------------------------------------------------- */
.blog{
	width:1002px;
	margin:0 auto 60px;
}
.blog h2{
	margin-bottom:28px;
}
.blog ul{
}
.blog ul li{
	float:left;
	width:320px;
	margin-right:20px;
}
.blog ul li.last{
	margin-right:0;
}
.blog ul li h3{
	margin-bottom:6px;
}
.blog_title{
	background:url(../../img/index/icon02.gif) no-repeat left top;
	background-color:#ffffff;
	height:39px;
	/* border-radius */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:11px 0 0 60px;
}
.blog_title .day{
	font-size:85%;
	margin:0 0 5px 0;

}
.blog_title p{
	line-height:1em;
}


/* -----------------------------------------------------------------
		おすすめコンテンツ
----------------------------------------------------------------- */
.recomend_banner{
	width:1020px;
	margin:0 auto 30px;
}
.recomend_banner h2{
	margin-bottom:28px;
}
.recomend_banner ul li{
	float: left;
	margin:0 20px 20px 0;
}
.recomend_banner ul li.even{
	margin-right:0;
}
.recomend_banner ul li img{
}

.recomend_banner ul li a {
  overflow: hidden;
  display: inline-block;
  *display: inline; /* ie6,7 */
  *zoom: 1; /* ie6,7 */

}
.recomend_banner ul li a:hover {
  border: 3px solid #fff;
}

.recomend_banner ul li a:hover img {
  margin: -3px;
}
.bnr_mini_list{
	width:1002px;
	margin:0 auto;
}
.bnr_mini_list li{
	float:left;
	margin:0 14px 14px 0;
	width:240px;
}
.bnr_mini_list li.li04{
	margin-right:0;
}

/* -----------------------------------------------------------------
		トップの釣り自慢バナー
----------------------------------------------------------------- */
.top_bnr_tsuri {
  background: url(../../img/common/bg05.gif) repeat;
  padding:0 0 30px;
}
.top_bnr_tsuri p {
  width:1002px;
  margin:0 auto 30px;
}


/* -----------------------------------------------------------------
		下層の釣り自慢バナー
----------------------------------------------------------------- */
.layer_bnr_tsuri {
}
.layer_bnr_tsuri p {
  margin:39px auto -20px;
}




/* =================================================================
		02.店舗一覧							[ shop/ ]
=================================================================*/
/* -----------------------------------------------------------------
		index
----------------------------------------------------------------- */
.content{
	width:1002px;
	margin:0 auto;
	background:#ffffff;
	padding-bottom:25px;
}

.main_title{
	background: url(../../img/shop/title_bg.png) top center;
	padding:0 20px 0 25px;
	margin-bottom:50px;
	line-height:110px;
	font-size:40px;
	color:#ffffff;
	font-weight:normal;
}
#shop_index .main_title{
	padding:0;
}
.main_title a{ float:right;
}
.content h2{
	margin:0 0 0 25px;

}
.map_box{
	margin:-130px 0 50px 25px;
	background:url(../../img/shop/shop_list_bg.png) no-repeat right bottom;
}
.google_map_area h2{
	margin-bottom:29px;
}
.google_map{
	border:#b3b3b3 solid 1px;
	margin:0 25px 50px;
}
.map{}
.Google_map{}
/* 噴出し　*/
.balloon{
	background:#ffffff;
	width:200px;
	border:#000 solid 1px;
	padding:10px 10px;
	border-radius:3px;
	line-height:1.4em;
}
.balloon a{
	font-size:110%;
}
#map .service,#shop_detail .service{
	margin-top:5px;
}
/* 備考 */
.remarks{
	margin-bottom:10px;
	font-size:13px;
}
.icon_japan{margin-bottom:10px;}
/* 店舗一覧から探す
----------------------------------------------------------------- */
.map_list{}

.map_list .area_tab{
	background:url(../../img/common/tab_area_line.png) repeat-x left 30px;
	width:985px;
	text-align:left;
	padding-left: 17px;
}
.shop_list_area{
	margin:0 25px 25px;
}
.prefectures_list{
	margin:27px 0 25px 0;
	color:#4497d2;
	line-height:1em;
}
.prefectures_list a{
	color:#4497d2;
	border-right: solid 1px #4497d2;
	padding-right:10px;
	margin-right:10px;
}
.prefectures_list a.last{
	border:none;
}


/* 都道府県名*/
.prefectures{
	background:#ffd400;
	font-size:16px;
	font-weight:bold;
	line-height:1em;
	padding:12px;
	margin: 0 0 18px 0;
}

/* 店舗情報 */
.shop_list {
	margin-bottom:46px;
}
.shop_list > li{
	background: url(../../img/shop/shop_logo.png) no-repeat 14px 14px;
	background-color:#fffcf1;
	border:#cccccc solid 1px;
	padding:20px 15px 20px 70px;
	margin:0 0 15px 0;
}
.shop_list > li .arrow_bg{
	/*background:url(../../img/common/arrow07.png) no-repeat right center;*/
}
.shop_list > li .detail{
	float:left;
	width:295px;
	line-height:1.3;
	margin-right:15px;
}
.shop_list > li .detail h4{
	font-size:115%;
	margin-bottom:8px;
}
.shop_list > li .detail h4 a:nth-child(1){
	color:#0071c2;
  width:210px;
  display:inline-block;
}
.shop_list > li .detail h4 a:nth-child(2){
  float:right;
  margin:-3px 0 0;
}

/* 店舗情報 サービス内容*/
.service{
	float:left;
	width:320px;
	margin:29px 9px 0 0;
}
.service li{
	float:left;
	margin:0 6px 6px 0;
}
#shop_index .area_tab{
	background: url(../../img/shop/tab_line.png) repeat-x bottom 11px left;
	width:988px;
	text-align:left;
	padding-left:14px;
	margin-bottom:-2px;
	padding-top:0;
	height:60px;
	margin-top:35px;
}
/* -----------------------------------------------------------------
		02-01.店舗詳細						[ shop/shop.html ]
----------------------------------------------------------------- */
/* 店名 */
.shop .shop_name{
	line-height:1em;
	font-size:285%;
	margin-bottom:13px;
	font-weight:normal;
}

.shop .area_tab{
	background: url(../../img/shop/tab_line.png) repeat-x bottom left;
	width:988px;
	text-align:left;
	padding-left:14px;
	margin-bottom:-2px;
	padding-top:0;
	height:60px;
}
.shop .area_tab a{
	display:inline-block;
	height:59px;
}
.shop_img{
	text-align:center;
	width:480px;
	height:360px;
	line-height:360px;
	overflow:hidden;
	float: left;
}
.shop_img img{
	text-align:center;
	max-width:480px;
/*	max-height:360px;*/
	vertical-align:middle;
}
.shop-general{
	padding:25px;
	background: url(../../img/common/bg05.gif) repeat;
	border-bottom:#cccccc solid 1px;
	margin-bottom:25px;
}
/* ショップ詳細 */
.shop-general table{
	border-collapse:collapse;
	border:#b3b3b3 solid 1px;
	width:447px;/* 452 */
	float:right
}
.shop-general td{
	border-collapse:collapse;
	border-top:#b3b3b3 solid 1px;
	padding:8px 15px;
	width:5em;
	overflow-wrap:break-word;
	background:#ffffff;
	line-height:1.5;
}

.shop-general td .time_remarks {
  color:#db0d1e;
  font-size:13px;
}

.shop-general th{
	border-collapse:collapse;
	background:#ededed;
	border-top:#b3b3b3 solid 1px;
	padding:8px 15px;
	line-height:1.3;
	font-weight:normal;
	width:4em;
}

/* ショップニュース */
#shop_detail .content h2{
	width:952px;
	margin:0 auto 23px;
  padding: 10px 0 0;
}

/* -----------------------------------------------------------------
	02-02.スタッフ紹介						[ shop/staff.html ]
----------------------------------------------------------------- */
#staff .content{
	padding-bottom:0;
	margin-bottom:20px;
}
.staff_list{
	background:url(../../img/common/bg05.gif);
	margin-top:15px;
	padding-bottom:1px;
}
.staff_list ul{
	width:950px;
	margin:0 auto 30px;
}
.staff_list li{
	border:#cccccc solid 1px;
	background:#ffffff;
/*	padding: 19px;*/
	float:left;
	width:462px;
	margin: 0 22px 22px 0;
}
.staff_list li.odd{margin:0 0 22px 0;}
.staff_img{
	position:relative;
	margin:19px 19px 10px 19px;
	width: 424px;
	height: 300px;
}
.staff_position{
	bottom:0;
	left:0;
	text-align:center;
	background:#ff0;
    position: absolute;
    background: rgba(0,0,0,0.7);
    display: inline-block;
    bottom: 0;
    left: 0;
    width: 424px;
    font-size: 130%;
	color:#fff;
/*	width:*/
}
.staff_text{
	margin:0 19px 19px 19px;
}

/* -----------------------------------------------------------------
	02-03.アクセスマップ					[ shop/map.html ]
----------------------------------------------------------------- */
.content{
	padding-bottom:0;
}
#map .access_box{
	background:url(../../img/common/bg05.gif);
	 margin-top:0;
	padding-bottom:1px;
	padding-top: 30px;
}
.gmap p.address{
	background:#ededed;
	margin-bottom:20px;
	padding:10px 15px;
	line-height:1em;
}
.gmap .howto_access{
	margin-bottom:15px;
  font-size:13px;
}
.gmap .howto_access h2{
	line-height:1;
  background:#ffd400;
  display:inline;
  margin:3px 0 3px;
  padding:2px 6px 0;
  font-weight:bold;
}
.gmap .howto_access p{
  margin:4px 0 0;
	line-height:1.6;
}
.gmap{
	background:#ffffff;
	border:#cccccc solid 1px;
	padding:19px;
	width:914px;
	margin:0 auto;
}
#map .shop-general{
	padding:25px;
	background: url(../../img/common/bg05.gif) repeat;
	 border-bottom:none;
	 margin-bottom:0;
}


/* -----------------------------------------------------------------
	02-04.店舗釣果						[ shop/choka.html ]
----------------------------------------------------------------- */
.nationwide_choka{
	text-align:center;
	margin:40px 0 32px;
}

#shop_choka .result_list_area{
	padding:0 25px 60px;
}

#shop_choka .result_box{
	border-top:none;
	padding-top:0;
}
#shop_choka .result_box + .result_box{
	padding-top:60px;
		border-top:#000000 solid 1px;
}
#shop_choka .result_detail{
	padding-top:15px;
}
/* =================================================================
		03.最新釣果						[ choka/ ]
================================================================= */

.choka .content{
	width:1002px;
	margin:0 auto;
	background:url(../../img/common/bg05.gif);
	padding-bottom:60px;
}
.choka .search_area_bg{
	background:url(../../img/choka/choka_bg.png) repeat-y center top;

	padding-bottom:30px;
}
.choka .search_area{
	position:relative;
	background:rgba(256, 256, 256, 0.1);
	border-top:solid 1px rgba(256, 256, 256, 0.3);
	border-bottom:solid 1px rgba(256, 256, 256, 0.3);
	padding-bottom:1px;
}
.choka .search_area h2{
	position:absolute;
	top:0;
	left:0;
	margin:0;
}

.search_area_table{
	border-collapse:collapse;
	margin:20px 0 5px 315px;
}

.search_area_table td{
	border-collapse:collapse;
	text-align:left;
	color:#fff;
	padding-bottom:13px;
}
.search_area_table td select,.search_area_table td  input[type="text"]{
	height:28px;
/*	padding:0 4px;*/
	border:#b3b3b3 solid 1px;
	border-radius:0px;
}
.main_content .search_area_table td input{
	border: none;
}

.search_area_table td span.icon{
	background:#103973;
	color:#fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	display:inline-block;
	padding:2px 5px;
	text-align:center;
	min-width:55px;
	margin-right:5px;
}

.search_area_table th{
	border-collapse:collapse;
}
/*次の20件 */


.button{
	display:block;
	width: 952px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #045eae;
	color: #fff;
	line-height: 50px;
	margin:0 auto;
}

.button:hover{
	background-color: #0181F2;
}



/* 釣果情報
----------------------------------------------------------------- */
.result_box{
	padding:60px 0;
	width:952px;
	margin:auto;
}
.result_box{
	border-top:#000000 solid 1px;
}
.result_box + .result_box{
	border-bottom:#000000 solid 1px;
}

/* 写真 */
.result_list_area{
	padding:60px 25px;
}
.photo_area{
	background:url(../../img/choka/bg09.gif);
	padding:10px 0;
	width:480px;
	text-align:center;
	float:left;
	margin-left:5px;
}
p.attention{
	font-size:12px;
	color:#8a8a8a;
	margin-bottom:10px;
}
.photo_area .flexslider .flex-direction-nav a{
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.65098) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.65098) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.65098) 0px 0px 6px 3px;
	width: 27px;
	height: 65px;
}
.photo_area .flexslider .flex-direction-nav a:before{
	width: 27px;
	height: 65px;}

.photo_area .flexslider.carousel .flex-direction-nav a{
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	width: 27px;
	height: 65px;
}


/* 店舗情報のリンク*/
.information{
	margin-bottom:10px;
}
.information a{
	background:url(../../img/common/arrow08.png) no-repeat left center;
	padding-left:15px;
}
.result_detail{
	width:426px;
	float:right;
	margin-right:5px;
	background:url(../../img/choka/logo_bg.png) no-repeat right 10px;
}
/*  店舗名 */
.result_detail .shop_name{
	background:#1158b0;
	color:#fff;
	font-size:129%;
	display:inline-block;
	padding: 6px 9px;
	line-height: 1em;
	margin-right:5px;
  margin-bottom:4px;
}
.result_detail .prefectures{
	background:#e6e6e6;
	display:inline-block;
	padding: 6px 9px;
	line-height: 1em;
	margin:0;
}
/* 日付 */
.result_detail .day{
	font-size:175%;
	margin:15px 0 15px;
	line-height:1em;
	font-weight:bold;
}

/* 釣った魚の詳細 */
.result_detail .result_table_bg{
	border:#999999 solid 1px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#ffffff;
	padding:5px 13px;
	margin-bottom:13px;
}

.result_detail .result_table{
	border-collapse:collapse;
	width:400px;
	font-size:16px;
}

.result_detail .result_table td{
	border-collapse:collapse;
	text-align:right;
	border-bottom:#5c5c5c dashed 1px;
	width:35%;
	padding:10px 0;
}
.result_detail .result_table td span{
	background:#ffd400;
	display:inline-block;
	padding:2px 6px;
  font-family:Arial, Helvetica, sans-serif;
}
.result_detail .result_table td span.no-data{
	background:none;
}
.result_detail .result_table th{
	border-collapse:collapse;
	border-bottom:#5c5c5c dashed 1px;
	text-align:left;
	width:8em;
	vertical-align:middle;
}
.result_detail .result_table td.last,
.result_detail .result_table th.last,
.result_detail .result_table tr:last-of-type th,
.result_detail .result_table tr:last-of-type td {
	border:none;
}

/* 天候、場所、釣った人*/
.location_table{
	border-collapse:separate;
  border-spacing:5px;
  border:0;
	margin-bottom:10px;
  line-height:1.4;
  font-size:13px;
}
.location_table th{
	width:80px;
	text-align:center;
	background:#c5e2fc;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	padding:3px 2px;
}
.location_table td{
	vertical-align:top;
	padding:3px 0 0 2px;
}

.location_table td > div + div {
  border-top: #a7a7a7 1px dashed;
  padding-top: 3px;
  margin-top: 3px;
}
.location_table td > div + .item_online_link {
  padding-top: 8px;
}




/* コメント*/

.result_detail p.text{
	line-height:1.6;
}
.result_detail p.text img{
	margin-right:5px;
}


/* 使用した釣り具をオンラインにリンク */
.item_online_link {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  margin-top: 3px;
  width: 325px;
}
.item_online_link + .item_online_link {
  margin-top: 5px;
}

.item_online_link div:nth-child(1) {
  width: 70px;
  max-height: 70px;
  overflow: hidden;
  margin: 0 9px 0 0;
  border: #b3b3b3 1px solid;
  flex-shrink: 0;
}
.item_online_link div:nth-child(1) p:nth-child(1) {
}
.item_online_link div:nth-child(1) p:nth-child(1) a:hover {
  opacity: .8;
}
.item_online_link div:nth-child(1) p:nth-child(1) img {
  width: 100%;
}

.item_online_link div:nth-child(2) {
  flex-grow: 1;
}
.item_online_link div:nth-child(2) p:nth-child(1) {
  margin: 0 0 4px;
  font-weight: bold;
}
.item_online_link div:nth-child(2) p:nth-child(1) a:hover {
  text-decoration: none;
  color:#0577dd;
}
.item_online_link div:nth-child(2) p:nth-child(2) {
  margin: 0 0 3px;
}




/*	スライダー
-------------------------------------*/
.choka .icon_zoom{
	margin-right:5px;
	vertical-align:middle;
}
/*　メイン */
.choka .flex-viewport{
	max-height:515px;
}
.choka .flexslider{
	margin-bottom:5px;
}
.choka .flex-viewport li {

}
.choka #main_photo.slides >li{
	line-height:480px;
	height:515px;
}

.choka #main_photo.slides li > a img{
	max-height:480px;
	max-width:480px;
	width:auto !important;
	display: inline !important;
}
.choka #main_photo.slides li > p{
  line-height:1;
  color:#fff;
  overflow:hidden;
  height:1em;
  padding:0 10px;
  margin:8px 0 0;
}

/*サムネイル　高さ指定*/
.carousel ul.slides{
    width: 100%;
}
.carousel > div > ul{
    transition-duration: 2s;
    transform: translate3d(0, 0px, 0px);
}

.flexslider.carousel li img{
	display:inline;
	max-width:70px;
	cursor:pointer;
	opacity:0.7;
}
.flexslider.carousel li img:hover{
	opacity:1;
}
.flexslider.carousel li.flex-active-slide img{
	opacity:1;
}
.flexslider.carousel .slides li{
	max-height:94px !important;
	width:auto !important;
	line-height:94px;
	text-align:center;
	margin-right:2px;
}
.choka .flexslider{}
.choka .flexslider li{
	max-height:515px;
	text-align:center;
	vertical-align:middle;

}
.choka .flexslider li img{
	vertical-align:middle;
}
.choka .carousel.flexslider{
	margin:0;
}
.carousel .flex-direction-nav a{
	font-size: 24px;
	width: 24px;
}
.carousel .flex-direction-nav a:before  {
	font-size: 33px;
	display: inline-block;
	width: 24px;
	content: url("../../img/common/arrow11.png") ;
 }
.carousel .flex-direction-nav a.flex-next:before  {
	content: url("../../img/common/arrow12.png") ;
}
/* ================================================================
		04.よくあるご質問					[ faq.html ]
================================================================*/
.faq h1{
	margin-bottom:20px;
}
.faq .content{
	width:1002px;
	margin:0 auto;
}
.faq_lead{
	width:942px;
	margin:0 auto 30px ;
	border-bottom:#000000 solid 1px;
	font-size:16px;
	padding-bottom:10px;
}
.faq_table_are{
	width:942px;
	margin:0 auto 30px ;
}

.faq_table{
	border:#b3b3b3 solid 1px;
	width:448px;
	float:left;
	margin:0 13px 28px 8px;
}
.faq_table.even{
	margin:0 8px 28px 13px;
}
.faq_table h2{
	padding:5px 16px;
	background:#ffd400;
	margin:0 0 15px 0;
	font-size:16px;
}
.faq_table ul{
	width:418px;
	margin:0 auto 18px;
}
.faq_table ul li{
	background:url(../../img/common/arrow08.png) no-repeat left 3px;
	padding-left:10px;
	line-height:1.2;
	margin-bottom:14px;
}
.faq_list{
	width:952px;
	margin:0 auto 50px ;

}
.faq_list + .faq_list{
	border-top:dashed 1px #000;
	padding-top:50px;
}
.faq_list h2{
	font-size: 32px;
	margin: 0 0 11px;
	font-weight: normal;
}
.question{
	background: url(../../img/faq/q_icon_bg.gif) repeat-y left top #ededed;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
.question img{
	float:left;
}
.question span{
	display:inline-block;
	float:right;
	width:390px;
	padding:10px 10px 10px 0;
	line-height:1.3;
}

.answer{
	background:url(../../img/faq/icon_a.gif) no-repeat left top;
	padding-left:45px;
	padding-top:10px;
}

.faq_list li{
	float:left;
	width:460px;
	margin:0 30px 35px 0;
}
.faq_list li.odd{
	margin-right:0;
}


/* ================================================================
		05.オススメリンク					[ link.html ]
================================================================*/
.page .content{
	background:#ffffff;
	padding:8px;
	width:700px;
	float:left;
}
.content_boder{
	border:#e6e6e6 solid 5px;
	padding:25px;
}

.page .content .box{
	margin-bottom:60px;
}

.page .content_boder h1{
	font-size:32px;
	border-bottom:#000000 solid 2px;
	margin-bottom:20px;
}
.category_link {
	margin-bottom:35px;
}
.category_link li +li{
	border-left: solid 1px #0071c2;
	padding:0 10px 0 10px;
}
.category_link li{
	float:left;
	margin: 0 0 5px 0;
	line-height: 1.2;
	padding:0 10px 0 0;
}
.page .content_boder .sabtitle{
	background:#ffd400;
	width:635px;
	padding: 4px 10px;
	margin: 0 auto 18px;
	font-size:16px;
}
.page .content_boder .category{
	background:#ffd400;
	width:635px;
	padding: 4px 10px;
	margin: 0 auto 18px;
	font-size:16px;
}
.sab_category{
	background:url(../../img/common/arrow09.gif) no-repeat left top;
	padding-left:23px;
	border-bottom:dashed 1px #000;
	padding-bottom:10px;
	font-size:16px;
	line-height:20px;
	margin-bottom:12px;

}
.link_list {
	width:635px;
	margin:0 auto 30px;
}
.link_list li{
	float:left;
	background: url(../../img/common/arrow08.png) no-repeat left 4px;
	width:193px;
	margin:0 12px 8px 0;
	padding-left:8px;
	line-height: 1.1;
}
.link_list li a{
	font-size:12px;
	text-decoration:none;
	color:#000000;
	text-decoration:none;
}
.link_list li a:hover{
	text-decoration:underline;
}
.link_list li.list03{
	margin-right:0;
}
/*  side　サイドナビ
-------------------------------------------------------------------*/
.side{
	width:262px;
	float:right;
}
.side_bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#023a78+0,055891+62,097dbc+74,055891+87,023a78+100 */
	background: rgb(2,58,120); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(2,58,120,1) 0%, rgba(5,88,145,1) 62%, rgba(9,125,188,1) 74%, rgba(5,88,145,1) 87%, rgba(2,58,120,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(2,58,120,1)), color-stop(62%,rgba(5,88,145,1)), color-stop(74%,rgba(9,125,188,1)), color-stop(87%,rgba(5,88,145,1)), color-stop(100%,rgba(2,58,120,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(2,58,120,1) 0%,rgba(5,88,145,1) 62%,rgba(9,125,188,1) 74%,rgba(5,88,145,1) 87%,rgba(2,58,120,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(2,58,120,1) 0%,rgba(5,88,145,1) 62%,rgba(9,125,188,1) 74%,rgba(5,88,145,1) 87%,rgba(2,58,120,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(2,58,120,1) 0%,rgba(5,88,145,1) 62%,rgba(9,125,188,1) 74%,rgba(5,88,145,1) 87%,rgba(2,58,120,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(2,58,120,1) 0%,rgba(5,88,145,1) 62%,rgba(9,125,188,1) 74%,rgba(5,88,145,1) 87%,rgba(2,58,120,1) 100%); /* W3C */
	border:#fff solid 1px;
	padding:5px;
	margin-bottom:20px;
}
.side h2{
	color:#ffffff;
	font-size:14px;
	margin: 5px 0 5px 5px;
/*	font-weight:normal;*/
}

.side ul{
	background:#ffffff;
}
.side ul li{
	background:#ffffff;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size:12px;
}
.side ul li:hover {
	background-color: #ddd;
	background-color:#EDF5FA;
}
.side ul li a{
	padding:9px 10px 9px 25px;
	color:#000;
	text-decoration:none;
	display:block;
	background:url(../../img/common/arrow08.png) no-repeat 12px center;
}
.side ul li +li{
	border-top:#cccccc solid 1px;

}

/* ================================================================
		06.採用情報					[ recruit.html ]
================================================================*/
.recruit h1{
	margin:0 0 48px 0;
	padding:0;
}
.recruit .content{
	background:#ffffff;
	width:715px;
	float:left;
}
.recruit_box h2{
	background:#000000;
	color:#ffffff;
	font-size:16px;
	padding:2px 10px;
	margin:0 0 10px 0;
}
.recruit_box{
	margin:0 auto 58px;
	width:666px;
}
.recruit_box.recruit_banner{
	margin:0 auto;
	width:666px;
}

.recruit_banner li{
	float:left;
	width:323px;
	line-height:1.5;
	margin-bottom:58px;
}

#recruit .content div.recruit_box.recruit_banner p{
	margin-bottom:10px;
}
.recruit_box h3{
	background:url(../../img/common/arrow09.gif) no-repeat left center;
	padding-left:25px;
	font-size:16px;
	margin-bottom:8px;
}
.recruit_box table{
	width:100%;
  font-size:13px;
}
.recruit_box th{
	width:18%;
}
.recruit_box td{
	width:82%;
}
.recruit_box .lead{
	margin-bottom:20px;
}
.recruit_shop_list li{
	background:url(../../img/common/arrow07.png) no-repeat 98% center ;
	background-color:#fffcf1;
	border:#cccccc solid 1px;
	padding:13px;
	line-height:1.6;
}
.recruit_shop_list li + li{
	margin-top:10px;
}
.recruit_detail{
	float: left;
	width:444px;
	margin-left:10px;
	margin: 15px 0 0 15px;
	font-size:16px;
	font-weight:bold;
}
/*　店舗写真　*/
.recruit_shop_list li .img{
	float:left;
	width:150px;
	height:113px;
	line-height:1.5;
}
/*　店舗名前　*/
.recruit_shop_list li h4{

line-height:1em;

margin-bottom: 7px;
}
.recruit_shop_list li a span{
	font-size:80%;
	font-weight:normal;
}
.recruit_shop_list li a:hover{
	text-decoration:none;
}
/* ================================================================
	07.イベント予定				[ event/ ]
================================================================*/
.event_page .event_bg{
	background:#FFF5D1;
	padding-bottom:1px;
}
.event_cms_area {}
.event_cms{
	float:left;
}
.event_page .event_content h1{
	position:absolute;
	top:0;
	left:-10px;
	z-index:999;
}

/* 　イベントカレンダー
-------------------------- */
.event_cms_area div.calendar_area{
	background: url(../../img/event/calendar_bg.png) no-repeat bottom center;
	width:267px;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
}
.event_cms_area .calendar_area dl{
	margin-bottom:11px;
}
.event_cms_area .calendar_area dt{
	margin-bottom:15px;
}
.event_cms_area .calendar_area table {
	border-collapse:collapse;
	width:251px;
	margin:0 auto;
}
.event_cms_area .calendar_area table.calendar td{
	line-height:42px;
}

/* ================================================================
	08.新着情報			[ news/ ]
================================================================*/

/* ================================================================
	09.ブログ			[ blog/ ]
================================================================*/

/* ================================================================
	10.会社概要			[ company.html ]
================================================================*/

.company--message {
  background:#fff;
  padding:8px;
  width:1002px;
  margin:0 auto 30px;
}
.company--message_inner {
  border:#e6e6e6 solid 5px;
  padding:25px;
}
.company--message_title {
  font-size:32px;
  border-bottom:#000 solid 2px;
  margin-bottom:28px;
}
.company--message_block {
  padding:0 0 20px;
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:space-between;
  align-items:flex-start;
  align-content:flex-start;
  display:-webkit-flex;
  -webkit-flex-wrap:nowrap;
  -webkit-flex-direction:row;
  -webkit-justify-content:space-between;
  -webkit-align-items:flex-start;
  -webkit-align-content:flex-start;
}
.company--message_txt {
  flex-grow:1;
  -webkit-flex-grow:1;
  font-size:14px;
  line-height:1.9;
  margin:0 2px 0;
}
.company--message_txt span {
  display:block;
  text-align:right;
  margin:15px 0 0;
}
.company--message_image {
  max-width:430px;
  margin:2px 4px 0 28px;
  flex-shrink:0;
  -webkit-flex-shrink:0;
}
.company--message_image img {
  max-width:100%;
  box-shadow:4px 4px 4px rgba(0,0,0,.1);
}


#company div.key{
	width:1002px;
	 margin:0 auto 25px;
	background:none;
	padding:0;
	position:relative;
}
#company div.key .text{
	position:absolute;
	top:476px;
	left:51px;
	width:551px;
}
#company div.key .text p{
	margin-bottom:1em;
}
#company.page .content_boder h1{
	margin-bottom:30px;
}
.company_box{
	margin-bottom:40px;
}
.company_box.last{
	margin-bottom:0;
}
.company_box h2{
	background:#000000;
	color:#ffffff;
	font-size:16px;
	padding:5px 10px;
	margin:0 0 20px 0;
}
.company_box table{
	width:100%;
	border:none;
	font-size:13px;
}
.company_box td{
}
.company_box th{
	width:140px;
}
.company_box .last th,
.company_box .last td{
	border-bottom:none;
}
.company_box .text{
	margin-bottom:40px;
  line-height:1.8;
}
.company_box .text:last-child{
	margin-bottom:10px;
}
.company_box .text h3{
  font-size:125%;
  margin-bottom:10px;
  line-height:1.2;
  padding-top:6px;
}
.company_box img{
	float:left;
	margin:0 20px 20px 0;
}

/* ================================================================
	11.お問い合わせ			[ inquiry/ ]
================================================================*/

#inquiry_page.page .content{
	padding:0 0 0 0;
	width:715px;
}
#inquiry{
	margin:40px 25px 70px;
}
#inquiry strong{
	font-weight:normal;
	color:#db0d1e;
}
#inquiry h2{
	background:#000000;
	color:#ffffff;
	font-size:16px;
	padding:5px 10px;
	margin:0 0 10px 0;
}
#inquiry .lead{
	font-size:13px;
	margin-bottom:20px;
}
.inquiry_attention{
	border:#b3b3b3 solid 1px;
	width:100%;
	margin-bottom:20px;
	padding:13px 0;
}
.inquiry_attention li{
	padding:0 13px;
	font-size:85%;
}
.attention_text{
	background:#fff5d1;
	font-weight:bold;
	padding:20px;
	margin-bottom:40px;
}
#inquiry .attention_text strong{
	font-weight:bold;
	font-size:110%;
}
#inquiry h3{
	background:url(../../img/common/arrow09.gif) no-repeat left top;
	padding-left:23px;
	padding-bottom:0;
	font-size:16px;
	line-height:20px;
	margin-bottom:0;
}

#inquiry table{
	margin: 0  auto;
	width:100%;
	background:url(../../img/inquiry/table_boder.gif) repeat-x bottom left;
	padding-bottom:40px;

}
#inquiry tr{
	border-collapse: inherit;
}
#inquiry th{
	width:130px;
	text-align:left;
	font-size:13px;
	padding:40px 0 0px 0;
	font-weight:normal;
	border-collapse: 5px;
	vertical-align:top;
	background:url(../../img/inquiry/table_boder.gif) repeat-x top,#ededed;
	vertical-align: middle;
}
#inquiry th span{
	padding:5px 0;
	vertical-align: middle;
	background:#ededed;
	width:130px;
	text-align:center;
	display:table-cell;
}

#inquiry td{
	font-size:13px;
	vertical-align:top;
	background:url(../../img/inquiry/table_boder.gif) repeat-x top;
	padding:40px 0 0 10px;
}

#inquiry td input,
#inquiry td textarea{
	padding:8px 3px;
	width:98%;
}
.submit-btn{
	text-align:center;
}

#inquiry-confirm{
	margin:25px 25px 70px;
}
#inquiry-confirm .message{
	margin-bottom:20px;
}

#inquiry-confirm table{
	margin: 0  auto;
	width:100%;
	background:url(../../img/inquiry/table_boder.gif) repeat-x bottom left;
	padding-bottom:40px;

}
#inquiry-confirm tr{
	border-collapse: inherit;
}
#inquiry-confirm th{
	width:130px;
	text-align:left;
	font-size:13px;
	padding:40px 0 0px 0;
	font-weight:normal;
	border-collapse: 5px;
	vertical-align:top;
	background:url(../../img/inquiry/table_boder.gif) repeat-x top,#ededed;
	vertical-align: middle;

}
#inquiry-confirm th span{
	padding:5px 0;
	vertical-align: middle;
	background:#ededed;
	width:130px;
	text-align:center;
	display:table-cell;
}

#inquiry-confirm td{
	font-size:13px;
	vertical-align:top;
	background:url(../../img/inquiry/table_boder.gif) repeat-x top;
	padding:40px 0 0 10px;
}

#inquiry-confirm td .attention{
	color:#db0d1e;
	font-weight: bold;
}

#inquiry-confirm .submit-btn{
	margin:15px 0;
}

/* ================================================================
	12.プライバシーポリシー					[ privacy.html ]
================================================================*/
#privacy{}
#privacy .lead{
	margin-bottom:42px;
}
.privacy_list li {
	margin-bottom:40px;
}
.privacy_list li .sab_title{
	background:url(../../img/common/arrow09.gif) no-repeat left center;
	font-size:16px;
	padding-left:26px;
	margin:0;
}
#privacy table.attention{
	border-collapse:collapse;
	border:#b3b3b3 solid 1px;
	font-size:13px;
	margin-bottom:10px;
}
#privacy table.attention td{
	border-collapse:collapse;
	border-top:#b3b3b3 solid 1px;
	padding:12px 10px;
}
#privacy table.attention th{
	border-collapse:collapse;
	border-top:#b3b3b3 solid 1px;
	background:#ededed;
	text-align:left;
	padding:12px 10px;
	width:166px;
	font-weight:normal;
}
.face_box{
	border:#b3b3b3 solid 1px;
	width:100%;
}
.face_box .face_title{
	background:#ededed;
	text-align:center;
	padding:9px 0;
}
.face_box .face_table {
  margin:15px auto 3px;
  max-width:570px;
}
.face_box .face_table th,
.face_box .face_table td {
  padding:0 3px 12px;
  word-break:break-all;
  line-height:1.4;
}
.face_box .face_table th {
  width:60px;
}
.face_box .face_table td {
}


.face_table2 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items:flex-start;
  align-content: flex-start;
  margin: 20px 0 10px;
}
.face_table2 > div {
  margin: 0 10px 0;
  width: 83px;
}
.face_table2 > div a {
  display: block;
  padding: 5px;
}
.face_table2 > div p {
  text-align: center;
  word-break: break-all;
}
.face_table2 > div p:nth-child(1) {
  margin: 0 0 5px;
}
.face_table2 > div p:nth-child(2) {
  font-size: 16px;
  color: #0071c2;
  text-decoration: underline;
}
.face_table2 > div a:hover,
.face_table2 > div a:hover p:nth-child(2) {
  text-decoration: none;
  color: #0092db;
}
.face_table2 > div a:hover p:nth-child(1) {
  opacity: .9;
}
.face_explan {
  color: #666666;
  font-size: 12px;
  text-align: center;
  line-height: 1.6;
  margin: 0 0 20px;
}
.face_explan span {
  color: #00b900;
}
.face_explan a {
  text-decoration: none;
}
.face_explan a:hover {
  color: #0092db;
}


/* ================================================================
	13.検索結果表示					[ result.html ]
================================================================*/

#search_page.search{
    display: block;width: 910px;margin: 10px auto;
}
#search_page.search .form.gsc-search-box{
	width:600px !important;
	margin:0 auto;
}
.main_content #search_page.search  table input,
.main_content #search_page.search table textarea{
	/* border */
	border:none;
	/* border-radius */
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	/* box-shadow */
	box-shadow:rgba(204, 204, 204, 0) 0px 0px 0px 0px inset;
	-webkit-box-shadow:rgba(204, 204, 204, 0) 0px 0px 0px 0px inset;
	-moz-box-shadow:rgba(204, 204, 204, 0) 0px 0px 0px 0px inset;
}

.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
  font-size: 16px;
  height: auto !important;

}
.taxfree .content{
	padding-bottom:60px;
}

.taxfree h1{
	margin-bottom:33px;
}
.taxfree .sab_title{
	text-align:center;
	margin-bottom:42px;
}
.taxfree .lead{
	font-size:114%;
	margin-bottom:1.5em;
}
.notes_lead{
	color:#ffffff;
	background:#e60012;
	font-weight:bold;
	padding:5px 12px;
	line-height:1.5;
	margin-bottom:10px;
}

.banner{
	margin:15px 0 25px;
}
/* ================================================================
	14.免税店の紹介				[ result.html ]
================================================================*/
/* 店舗一覧
---------------------------------------------------------------------*/
.shop_tax_list{
	margin-bottom:56px;
}

.shop_tax_list li{
	padding:12px;
	background:#fffcf1;
	border:#cccccc solid 1px;
	position:relative;
	margin-bottom:15px;
}

.shop_tax_list li .img{
	float:left;
	margin-right:13px;
	width:160px;
	height:120px;
}
.shop_tax_list li .shop_detail{
	float:left;
	background:url(../../img/shop/logo.png) no-repeat left top;
	padding-left:55px;
	font-size:90%;
	line-height:1.5;

}
.shop_tax_list li .shop_detail h2{
	margin:0;
	font-size:16px;
	margin-bottom:6px;
	padding-top:5px;
}
p.detail_btn{
	position:absolute;
	top:12px;
	right:12px;
}
p.detail_btn a{
	background:#dfd2a6;
	width:100px;
	text-align:center;
	border-radius:14px;
	display: inline-block;
	margin-right:5px;
	border:solid 1px #dfd2a6;
	outline: none;
}

p.detail_btn a::before,
p.detail_btn a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
p.detail_btn a,
p.detail_btn a::before,
p.detail_btn a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
p.detail_btn a {
	background-color: #dfd2a6;
	border: 1px solid #dfd2a6;

}
p.detail_btn a:hover {
	background-color: #fffcf1;
	border-color: #3e3a2d;
}

/* 注意事項
---------------------------------------------------------------------*/

.indent{
	text-indent:1em;
}
.require_list{
	margin-top:17px;
}
.require_list li{
	border-bottom:#000000 dashed 1px;
	padding-bottom:20px;
	line-height:1.5;
}
.require_list li + li{
	padding:20px 0;
}

/* ================================================================
	15.オンラインショップ				[ result.html ]
================================================================*/
.online_page .content{
	padding-bottom:1px;
}
.online_page h1{
	margin-bottom:32px;
}
.online_page .lead {
	margin:0 25px 20px;
}
.online_page .lead strong{
	color:#db0d1e;
	font-weight:normal;
}
.online_shop_list{
	text-align:center;
	margin:0 10px 50px;
}

.online_shop_list li{
	margin:0 10px 20px 10px;
/*	float:left;*/
	display:inline-block;
}
.onlinenews{
	text-align:center;
	margin-bottom:73px;
}
/* ================================================================
	15.サービス各種				[ service.html ]
================================================================*/
.service_page .content{
	padding-bottom:1px;
	width:715px;
	float:left;
}

.service_page h1{
	margin-bottom:36px;
}
ul.service_list{
	width:664px;
	margin:0 auto 27px;
}
ul.service_list li{
/*	border:#b3b3b3 solid 1px;*/
	width:325px;
	background:url(../../img/service/arrow.png) no-repeat 96.5% center;
	float:left;
	margin-bottom:13px;
}
ul.service_list li.odd{
	float:right;
}

ul.service_list li span{
	background:#0071c2;
	color:#ffffff;
	height:35px;
	line-height:35px;
	width:35px;
	text-align:center;
	display:inline-block;
	border-bottom:#0071c2 solid 1px;
	border-top:#0071c2 solid 1px;
}
ul.service_list li a{
	border-right:#b3b3b3 solid 1px;
	border-bottom:#b3b3b3 solid 1px;
	border-top:#b3b3b3 solid 1px;
	display:inline-block;
	padding:0 0 0 10px;
	color:#0071c2;
	font-weight:bold;
	height:35px;
	line-height:35px;
	width:277px;
	text-decoration:none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
ul.service_list li a:hover{
	color:#044A7D;
	text-decoration:underline;
}
.sab_title_bg{
	background:url(../../img/service/title_bg.png) repeat-y top center;
	padding:2px 0;

}
.service_page .sab_title{
	text-align:center;
	color:#fff;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	background: rgba(255, 255, 255, 0.1);
	font-size:28px;
	border-bottom:#4e96c7 solid 1px;
	border-top:#4e96c7 solid 1px;
	padding:30px 0;
	margin:0;
}
/*小見出し*/
.subhead{
	font-size: 17px;
	color:#fff;
	background:#1659ac;
	padding: 8px 12px;
	width: 642px;
	margin:0 auto 28px;
  line-height:1.2;
}
.subhead02{
	width:665px;
	margin:0 auto 24px;
}


/* 共通設定
--------------------------------------*/
.service_faq{
	width:666px;
	margin:0 auto 50px;
}
.service_faq li{
	margin-bottom:30px;
}
.service_faq .question{
	background: url(../../img/faq/q_icon_bg_blue.gif) repeat-y left top #ededed;
}
.service_faq .question span{
	float:left;
	width:604px;
	padding:10px 10px 10px 10px;
	line-height:1.3;
}
.service_faq strong{
	color:#e71e1e;
}
.service_page ol a:hover{
  color: #088cff;
  text-decoration: none;
}



/* キャスティングカードの会員募集
--------------------------------------*/

.service_page .member_bg {
  background:url(../../img/service/bg.gif) repeat;
  padding:0 0 31px;
  margin:0 0 31px;
}

.privilege{
	margin:0 0 45px;
}
.privilege_online{
	margin:0 0 60px;
}

.member_explanation {
	width:665px;
	margin:0 auto 35px;
}
.member_explanation .txt {
	width:665px;
	margin:0 auto 25px;
  font-weight:bold;
  font-size:16px;
}
.member_explanation .first {
  margin:0 0 19px;
}

.member_registration {
  width:608px;
  margin:0 auto 55px;
}
.member_registration .btn {
  width:608px;
  margin:0 auto 12px;
}
.member_registration .txt {
  width:608px;
  margin:0 auto 0;
  text-align:center;
  font-weight:bold;
  font-size:16px;
  line-height:1.5;
}

.mail_service{
	margin:0;
}
.mail_service .subhead02{
  margin-bottom:0;
}
.mail_service .aten{
  margin:0 25px 0;
  padding:13px 12px 3px;
  font-size:13px;
  line-height:1.5;
  background:#fff0f1;
  border:#db0d1e 2px solid;
}
.mail_service .aten li{
  margin:0 0 10px;
}
.mail_service .aten li span{
  color:#e60012;
  font-weight:bold;
}

.member_cardmember {
	margin:0 0 50px;
}
.member_cardmember .subhead{
  margin-bottom:0;
}



/* メルマガ会員募集
--------------------------------------*/

/*ご登録方法*/
.registration{
	width:664px;
	margin:0 auto 44px;
}
.registration_btn{
	position:relative;

}
.registration_btn a{
	position:absolute;
	top:54px;
	left:25px;
}
.registration02{
	position:relative;
}
.registration02 .text{
	position:absolute;
	top:93px;
	left: 177px;
	width: 574px;
}
.registration02 .text p{
	font-size:13px;
	line-height:20px;
	margin-bottom:10px;
}
.registration02 .text a{
	font-size:23px;
	color:#0071c2;
	font-weight:bold;
}
.registration02 .attention{
	position:absolute;
	color:#db0d1e;
	font-size:11px;
	font-weight:normal;
	top:245px;
	left: 45px;
	width: 574px;
}
.registration4{
	position:relative;
}
.registration4 .text{
	position:absolute;
	top:98px;
	left: 40px;
	width: 580px;
	font-size:13px;
	line-height:20px;
}

/* 中古買取販売
--------------------------------------*/
#old h3{
	margin-bottom:24px;
}
.old_shop_list{
	width: 292px;
	margin:14px auto;
}
.old_shop_list li{
	float:left;
	background:url(../../img/common/arrow08.png) no-repeat left center;
	padding-left: 12px;
	width: 124px;
	padding-right:10px;
	font-size:13px;
	margin-bottom:3px;
}

/*中古取扱*/
.old_purchase .shop_list_title{
	background:#000000;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	padding:2px 0;
}
.old_purchase .shop_list_title span{
	font-size:11px;
	color:#e2ba5a;
}
.old_purchase{
	border:solid 1px #000;
	background:#fffcee;
	width:320px;
	float:left;
	margin-left:25px;
	margin-bottom:60px;
}
/*中古販売*/
.old_sale .shop_list_title{
	background:#745712;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	padding:2px 0;
}

.old_sale{
	border:solid 1px #745712;
	background:#fffcee;
	width:320px;
	float:right;
	margin-right:25px;
	margin-bottom:60px;
	height:352px;
}
/*　ギフトカード
--------------------------------------*/
.subhead.attention{
	background:#e71e1e;
	margin:35px auto 15px;
}
#gift .attention_list{
	width:665px;
	margin:0 auto 50px;
}

#gift .attention_list strong{
	color:#e71e1e;
	font-weight:normal;
}

/*　コレクトショッピング
--------------------------------------*/
.convenient{
	width:665px;
	margin:0 auto;
}
#shopping .attention_list{
	width:665px;
	margin:0 auto 50px;
}
/*　【九州限定】ボート演習割引
--------------------------------------*/
.license_detail{
	width:665px;
	margin:25px auto 0;
}
.license_detail h4{
	background:#000000;
	color:#ffffff;
	margin-bottom:15px;
	padding:5px 10px;
}
.license_detail .lead{
	margin-bottom:15px;
	font-size:13px;
}
.license_table{
	border-collapse:collapse;
	border:#b3b3b3 solid 1px;
	width:400px;
	margin-bottom:20px;
}
.license_table td,
.license_table th{
	border-collapse:collapse;
	width:190px;
	padding:8px 10px 8px 14px;
	font-size:13px;
}
.license_table td{
	border-bottom:#b3b3b3 solid 1px;
}
.license_table th.license_type{
	background:#d4d4d4;
	text-align:center;
}
.license_table td.license_type{
	background:#ededed;
}
.license_table th.license_cost{
	background:#cce6ff;
	text-align:center;
}
.license_table td.license_cost{
	text-align:center;
}
.discount{
	background:#fff27f;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	display:inline-block;
	padding:0 10px;
	margin-bottom:55px;
}
.discount strong{
	font-size:22px;
	color:#db0d1e;
}
.obl{
	text-align:center;
	border: solid 2px #004f99;
	padding-bottom:18px;
	font-size:15px;
	line-height:21px;
	margin-bottom:60px;
	background:#f7fbff;
}
.obl h5{
	text-align:center;
	background:#004f99;
	color:#ffffff;
	padding:8px 0;
	margin-bottom:18px;
	font-weight: normal;
	font-size: 13px;
}
.obl span{
	font-weight:bold;
}


/* 決済方法
--------------------------------------*/
#creditcard {
}
#creditcard h3 {
  margin-bottom:24px;
}

/* 決済種類の表 */
.creditcard-howtopay_title {
  background:#000000;
  color:#ffffff;
  font-size:16px;
  padding:9px 10px 6px;
  margin:0 25px 0;
  line-height:1.4;
  text-align:center;
}
.creditcard-howtopay_table {
  border:#000 1px solid;
  border-collapse:collapse;
  margin:0 25px 40px;
  width:calc(100% - 50px);
  word-break:break-word;
  box-sizing:border-box;
}
.creditcard-howtopay_table tr {
}
.creditcard-howtopay_table th,
.creditcard-howtopay_table td {
  border:#000 1px solid;
  padding:14px 11px 13px;
  box-sizing:border-box;
  height:80px;
}
.creditcard-howtopay_table th[colspan="2"] {
  min-width:180px;
}
.creditcard-howtopay_table th[colspan="2"],
.creditcard-howtopay_table th[rowspan="3"] {
  font-weight:bold;
}
.creditcard-howtopay_table th[rowspan="2"],
.creditcard-howtopay_table th[rowspan="3"] {
  min-width:77px;
  border-right-color:#000;
}
.creditcard-howtopay_table th[colspan="1"] {
  border-right-color:#000;
}
.creditcard-howtopay_table th {
  text-align:center;
  background:#fffcee;
  line-height:1.3;
  font-size:15px;
  border-right-color:#bbb;
}
.creditcard-howtopay_table th span {
  font-size:13px;
  line-height:1.3;
  display:inline-block;
  margin:3px 0 0;
  font-weight:normal;
}
.creditcard-howtopay_table td {
  text-align:left;
  line-height:1.6;
  font-size:14px;
  padding-left:15px;
  padding-right:15px;
}
.creditcard-howtopay_table em {
  color:#E71E1E;
  font-weight:bold;
}
.creditcard-howtopay_table b {
  color:#E71E1E;
  font-weight:normal;
}
.creditcard-howtopay_table a {
  font-size:13px;
}


/* 電子マネーの表 */
.creditcard-elecmoney_title {
	background:url(../../img/common/arrow09.gif) no-repeat left center;
	padding:10px 0 0 25px;
	font-size:16px;
	margin:0 25px 8px;
}
.creditcard-elecmoney_table {
  border:#b3b3b3 1px solid;
  border-collapse:collapse;
  margin:0 25px 65px;
  width:calc(100% - 50px);
  word-break:break-word;
  box-sizing:border-box;
}
.creditcard-elecmoney_table tr {
}
.creditcard-elecmoney_table th,
.creditcard-elecmoney_table td {
  border:#b3b3b3 1px solid;
  padding:7px 11px 6px;
  box-sizing:border-box;
}
.creditcard-elecmoney_table th {
  text-align:left;
  background:#fffcee;
  font-weight:normal;
  line-height:1.3;
  font-size:13px;
}
.creditcard-elecmoney_table tfoot th ,
.creditcard-elecmoney_table thead th {
  text-align:center;
  background:#cce6ff;
  font-weight:bold;
  font-size:14px;
  padding-top:9px;
  padding-bottom:8px;
}
.creditcard-elecmoney_table tbody th {
  min-width:170px;
}
.creditcard-elecmoney_table td {
  text-align:left;
  line-height:1.3;
  font-size:13px;
  padding-left:15px;
  padding-right:15px;
  min-width:110px;
  text-align:center;
}
.creditcard-elecmoney_table tbody th[colspan="4"] {
  background:#e5debc;
  text-align:center;
  font-size:12px;
  padding-top:6px;
  padding-bottom:5px;
}




/* ================================================================
  16.ECサイト連携用          [ frame/ ]
================================================================*/

/* -----------------------------------------------------------------
		frame-topiclist
----------------------------------------------------------------- */
.frame-topiclist_maintitle {
  padding:10px 0 6px;
  border-bottom:#014181 4px solid;
  font-size: 18px;
  font-weight: bold;
  color:#333333;
  line-height:1.4;
	width:1000px;
	margin:0 auto 15px;
}

.frame-topiclist {
	width:1000px;
	margin:0 auto;
}
.frame-topiclist li {
  width:480px;
  float:left;
  margin:0 40px 13px 0;
  border-bottom:#5c5c5c solid 1px;
  padding:0 0 13px 0;
}
.frame-topiclist li.even {
  margin-right:0;
}
.frame-topiclist li .img {
  float:left;
  width:114px;
  height:114px;
  border:3px solid #fff;
  outline: solid 1px #999;
}
.frame-topiclist li .img:hover {
  opacity:0.8;
}
.frame-topiclist li .info {
  float:left;
  width:348px;
  margin:0 0 0 12px;
  font-size:11px;
  line-height:1.2;
}
.frame-topiclist li .date {
  margin:0 0 3px;
  font-size:12px;
}
.frame-topiclist li .shopname {
  display:inline-block;
  background:#000;
  color:#fff;
  padding:3px 4px 2px;
  margin:0 2px 4px 0;
}
.frame-topiclist li .category {
  display:inline-block;
  background:#999;
  color:#fff;
  padding:3px 4px 2px;
  margin:0 0 4px 0;
}
.frame-topiclist li .category.name_news{
	background:#128cd8;
}
.frame-topiclist li .category.name_product{
	background:#23a917;
}
.frame-topiclist li .category.name_sale{
	background:#e71e1e;
}
.frame-topiclist li .title {
  line-height:1.5;
  font-size:14px;
}
.frame-topiclist li .title a:hover {
  text-decoration:none;
}



/* -----------------------------------------------------------------
		frame-chokalist
----------------------------------------------------------------- */
.frame-chokalist_maintitle {
  padding:10px 0 6px;
  border-bottom:#014181 4px solid;
  font-size: 18px;
  font-weight: bold;
  color:#333333;
  line-height:1.4;
	width:1000px;
	margin:0 auto 15px;
}

.frame-chokalist {
	width:1000px;
	margin:0 auto;
}
.frame-chokalist li {
  width:320px;
  float:left;
  margin:0 20px 35px 0;
  font-size:11px;
  line-height:1.2;
}
.frame-chokalist li.third {
  margin-right:0;
}
.frame-chokalist li .img {
  width:320px;
  height:240px;
  position:relative;
  background:#1a1a1a;
  margin:0 0 10px;
}
.frame-chokalist li .img:hover {
  opacity:0.8;
}
.frame-chokalist li .img .fish {
  position:absolute;
  background:rgba(0,0,0,0.7);
  color:#fff;
  display:inline-block;
  bottom:0;
  left:0;
  width:300px;
  padding:3px 10px;
  line-height:1.3;
}
.frame-chokalist li .shopname {
  display:inline-block;
  background:#000;
  color:#fff;
  padding:3px 4px 2px;
  margin:0 2px 6px 0;
}
.frame-chokalist li .date {
  display:inline-block;
  margin:0 0 6px 0;
  font-size:12px;
}
.frame-chokalist li .title {
  line-height:1.4;
  font-size:14px;
}
.frame-chokalist li .title a:hover {
  text-decoration:none;
}




/* ================================================================
  共通パーツ
================================================================*/


/* ボタン_ブルー_ビッグ ------------------------ */
.btn_blue_big a {
	background:#045eae;
	text-align:center;
	font-size:16px;
	padding:17px 10px 16px;
  margin:20px 10px 30px;
  line-height:1.2;
	display:block;
	text-decoration:none;
	color:#fff;
  font-weight:bold;
}
.btn_blue_big a:hover {
  background-color:#0181F2;
}


/* 釣果ソーシャルボタン */
.choka_social_btn {
	margin:17px auto 23px;
	display:table;
	table-layout:fixed;
	text-align:center;
	width:100%;
  border-collapse:separate;
  border-spacing:2px 0; /* 左右 上下で記述 */
  display:block;
}
.choka_social_btn li {
	display:table-cell;
	vertical-align:middle;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:0 13px 0;
}
.choka_social_btn li a {
  display:block;
}
.choka_social_btn li:hover {
  opacity:0.85;
}
.choka_social_btn li a img {
  width:50px;
}
.choka_social_btn .facebook {
  background:#3B5998;
}
.choka_social_btn .twitter {
  background:#00ACEE;
}
.choka_social_btn .googleplus {
  background:#dd4b39;
}
.choka_social_btn .fb-like {
  background:#EBEBEB;
}


/* ログイン
--------------------------------------------*/
.form-login {
  background:url(../../img/form/login/bg_login.png) center bottom no-repeat;
  height:538px;
  box-sizing:border-box;
  padding:140px 0 0 526px;
  margin:0;
}
.form-login div {
  width:388px;
  text-align:center;
}
.form-login a {
  color:#000000;
}
.form-login a:hover {
  color:#0071c2;
}
.form-login .txt {
  margin:0 0 22px;
}
.form-login .error {
  margin:-10px 0 10px;
  color:#DB0D1E;
  font-weight:bold;
  font-size:13px;
}
.form-login .error:empty {
  display:none;
}
.form-login .mail {
  margin:0 0 11px;
}
.form-login .password {
  margin:0 0 20px;
}
.form-login .btn {
  margin:0 0 16px;
}
.form-login .txt_link {
  margin:0 0 7px;
  font-size:13px;
}

/* 非会員 */
.form-unregist {
  padding:44px 20px 50px;
  background:#25313D;
}
.form-unregist .txt {
  margin:0 0 22px;
  text-align:center;
}
.form-unregist .btn {
  width:645px;
  margin:0 auto;
}
.form-unregist .btn p {
  margin:0 10px 0 0;
  float:left;
}
.form-unregist .btn p:nth-child(2) {
  margin-right:0;
}

/* フォームのinput */
.form-login .mail input[type="text"],
.form-login .password input[type="password"] {
  width:311px;
  padding:8px 6px;
  font-size:16px;
  box-sizing:border-box;
  border:#999999 1px solid;
  box-shadow:1px 1px 2px rgba(0,0,0,0.1) inset;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.form-login .mail input[type="text"]:focus,
.form-login .password input[type="password"]:focus{
  background:#feffe8;
}
.form-login .mail input[type="text"]:-ms-input-placeholder,
.form-login .password input[type="password"]:-ms-input-placeholder {
  color:#A9A9A9;
}




/* キャスティングからのお知らせ（各ページ共通） */
.common__news {
  margin: 0 25px 50px;
}
.present--main > .common__news {
  margin-left: -8px;
  margin-right: -8px;
}
.common__news_title {
  background: #1a1a1a;
  font-size: 22px;
  padding: 7px 12px 8px 12px;
  line-height: 1;
  margin: 0 !important;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: static !important;
}
.common__news_title span {
  background-image: url(../../img/common/icon_logo_w.png);
  background-position: left 7px center;
  background-repeat: no-repeat;
  padding: 12px 0 7px 68px;
  margin: 0 5px 0 0;
  display: inline-block;
}
.common__news_block {
  background: #fff;
  border: #1a1a1a 10px solid;
  border-top: none;
  padding: 10px 7px 26px;
}
.common__news_list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  margin: 0 0 18px;
}

/* 最初の記事 */
.common__news_first {
  width: 458px;
  flex-shrink: 0;
}
.common__news_first a {
  text-decoration: none !important;
  display: block;
  padding: 6px 6px 10px;
  height: 100%;
  box-sizing: border-box;
}
.common__news_first a:hover {
  background: #fff9d9;
}
.common__news_first_article_block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  border-bottom: #cccccc 1px solid;
  height: 100%;
}
.common__news_first_article_image {
  order: 1;
  width: 100%;
  margin: 0 0 11px;
  line-height: 1;
  flex-shrink: 0;
  height: 315px;
  overflow: hidden;
  background: #eee;
}
.common__news_first_article_image img {
  width: 100%;
  height: 100%;
}
.common__news_first_article_info {
  order: 2;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.common__news_first_article_date {
  order: 1;
  width: auto;
  margin: 0 0 6px;
  color: #ed3713;
  font-size: 15px;
  line-height: 1;
}
.common__news_first_article_cate {
  order: 2;
  width: auto;
  margin: 1px 0 0 7px;
  color: #999;
  font-size: 13px;
  line-height: 1;
  background: url(../../img/cms/bg_line.gif) no-repeat left 48%;
  padding: 0 0 0 11px;
}
.common__news_first_article_title {
  order: 3;
  width: 100%;
  color: #000;
  font-size: 24px;
  line-height: 1.25;
}
.common__news_first_article_txt {
  order: 4;
  width: 100%;
  margin: 5px 0 10px;
  color: #999;
  font-size: 12px;
  line-height: 1.55;
}
.common__news_first_article_txt:empty {
  display: none;
}

/* 他の記事 */
.common__news_other {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
.common__news_other li {
  width: 230px;
}
.common__news_other li a {
  text-decoration: none !important;
  display: block;
  padding: 6px 6px 8px;
  height: 100%;
  box-sizing: border-box;
}
.common__news_other li a:hover {
  background: #fff9d9;
}
.common__news_other_article_block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.common__news_other_article_image {
  order: 1;
  width: 100%;
  margin: 0 0 8px;
  line-height: 1;
  flex-shrink: 0;
  height: 155px;
  overflow: hidden;
  background: #eee;
}
.common__news_other_article_image img {
  width: 100%;
  height: 100%;
}
.common__news_other_article_info {
  order: 2;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.common__news_other_article_date {
  order: 1;
  width: 100%;
  margin: 0 0 4px;
  color: #ed3713;
  font-size: 12px;
  line-height: 1;
}
.common__news_other_article_cate {
  order: 3;
  width: 100%;
  margin: 0 0 0;
  color: #999;
  font-size: 11px;
  line-height: 1;
  background: url(../../img/cms/bg_line.gif) no-repeat left 48%;
  padding: 0 0 0 11px;
}
.common__news_other_article_title {
  order: 2;
  width: 100%;
  margin: 0 0 4px;
  color: #000;
  font-size: 14px;
  line-height: 1.4;
}

/* ボタン */
.common__news_btn {
  text-align: center;
}
.common__news_btn a {
  background: #034fa1;
  background: linear-gradient(0deg, #034fa1 0%, #056dbb 100%);
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 10px 13px;
  text-decoration: none !important;
  border-radius: 4px;
  display: inline-block;
  min-width: 380px;
}
.common__news_btn a:hover {
  filter: contrast(105%) brightness(115%);
}
