﻿

@media screen and (min-width: 751px) {
			
	/*--------------------------------------------------------------------------------------------------------------------------------------------------------
		共通
	--------------------------------------------------------------------------------------------------------------------------------------------------------*/

  /*------------------------------------
		ベース
	------------------------------------*/
	html {
		font-size: 18px;
	}
	
	.common_outer {
		width: 100%;
		max-width: 1160px;
		padding: 0 20px;
		margin: 0 auto;
	}

	
	.pc_display_none {
		display: none;
	}
  
  .sp_display_none {
		display: block;
	}
	
	/* margin */
	.pcMt5 {
		margin-top: 5px;
	}

	.pcMt10 {
		margin-top: 10px;
	}

	.pcMt15 {
		margin-top: 15px;
	}

	.pcMt20 {
		margin-top: 20px;
	}

	.pcMt25 {
		margin-top: 25px;
	}

	.pcMt30 {
		margin-top: 30px;
	}
  
  /*font size*/
  .fs { font-size: 90%; }
	
	/*------------------------------------
		header
	------------------------------------*/
	/* header */
	#header_wrap {
		padding: 2px 10px;
	}
	
	#header_wrap h1 {
		width: auto;
	}
	
	#header_wrap p {
		font-size: 0.94rem;
	}
	
	#header_wrap p a {
		padding-left: 15px;
	}
	
	#header_wrap p a::after {
		width: 4px;
		height: 6px;
		border: 4px solid transparent;
		border-left: 6px solid #c8260b;
	}
		
	/*------------------------------------
		footer
	------------------------------------*/
	#footer_wrap #fixed_sec {
		padding: 20px 0;
	}
	
	#footer_wrap #fixed_sec #member_area {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	
	#footer_wrap #fixed_sec #member_area h3 {
		font-size: 113%;
	}
	
	#footer_wrap #fixed_sec #member_area ul {
		margin: 0 0 0 30px;
	}
	
	#footer_wrap #fixed_sec #member_area ul li {
		width: 238px;
		margin-left: 15px;
		border-radius: 15px;
	}
	
	#footer_wrap #fixed_sec #member_area ul li:first-child {
		margin-left: 0;
	}
	
	#footer_wrap #fixed_sec #pagetop {
		position: absolute;
		right: 10px;
		width: 61px;
		margin-left: 0;
		margin-bottom: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	
	
	#footer_wrap #copy_sec {
		padding: 13px 0;
	}
	
	#footer_wrap #copy_sec small {
		font-size: 0.69rem;
	}
		
	/*------------------------------------------------------------------
		コンテンツ
	------------------------------------------------------------------*/
	/*------------------------------------
		ナビ
	------------------------------------*/
	#nav_win {
		background-color: #eeede5;
	}

	#nav_win ul.nav_list {
		width: 100%;
		max-width: 1240px;
		padding: 0 20px;
		margin: 0 auto;
		justify-content: center;
	}
	
	#nav_win ul.nav_list li {
		width: 30%;
		margin-top: 0;
	}
		
	#nav_win ul.nav_list li a {
		font-size: 1rem;
		height: 76px;
		line-height: 1.5;
		padding: 0 2.6vw;
	  background: url("../image/navi_bg_pc.png") no-repeat center center / cover;
	}
	
	#nav_win ul.nav_list li a::after {
		right: 15px;
		width: 14px;
	}
	
	#nav_win ul.nav_list li a span {
		font-size: 100%;
	}
	
	#nav_win ul.nav_list li#nav_jcb a span,
	#nav_win ul.nav_list li#nav_visa a span {
		background-size: 20%;
	}
	
	
  /*------------------------------------
    シーン
  ------------------------------------*/
  #scene_sec {
    text-align: center;
    padding: 50px 0 20px;
  }

  #scene_sec h3 {
    margin-top: 50px;
  }
  
  #scene_sec #scene_place_area ul {
    display: flex;
    justify-content: space-between;
  }

  #scene_sec #scene_place_area > ul > li {
    width: 30%;
  }

  /*------------------------------------
    メリット
  ------------------------------------*/
  #merit_sec {
    padding-top: 80px;
  }
  
  #merit_sec .merit_box {
    max-width: 900px;
    margin: 0 auto;
  }

  #merit_sec h3 + p {
    margin-top: 25px;
  }
  
  #merit_sec .pc_flex {
    display: flex;
    justify-content: space-between;
  }

  #merit_sec .pc_flex > div {
    margin-top: 40px;
    width: 47%;
  }
  
  #merit_sec .pc_flex > div img {
    width: 100%;
  }

  #merit_sec #set_txt {
    display: block;
    width: 540px;
    margin: 60px auto 0;
    font-size: 110%;
  }

  #merit_sec #set_txt + div {
    margin-top: 60px;
  }  
  
  
  /*------------------------------------
    ラインナップ
  ------------------------------------*/
  #lineup_sec {
    font-size: 90%;
  }
  
  #lineup_sec #lineup_cards_area {
    display: flex;
    justify-content: space-between;
  }
  
  #lineup_sec #lineup_cards_area .lineup_box {
    width: 30%;
  }

#lineup_sec .lineup_box ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 15px;
}

#lineup_sec .lineup_box ul li {
	width: 47.5%;
  border: 1px solid #ddd;
  border-radius: 6px;
}

#lineup_sec .lineup_box ul li img {
  border-radius: 6px 6px 0 0;
}

#lineup_sec .lineup_box ul li span {
	display: block;
	background: #efeee6 url("../image/opening_closing_bg_detail.gif") no-repeat center center / cover;
	padding: 5px;
	font-size: 93%;
	font-weight: bold;
	text-align: center;
	position: relative;
}

#lineup_sec .lineup_box ul li span::after {
	content: "";
  width: 4px;
  height: 4px;
  border: 3px solid transparent;
  border-left: 5px solid #000;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}

  #lineup_sec .cardAttention { 
    margin-top: 50px;
  }

  #lineup_sec .cardAttention li { 
    font-size: 0.8rem;
  }
		
	
	/*------------------------------------
		モーダル
	------------------------------------*/
	.card_modal {
		padding: 55px 7%;
	}
	
	.card_modal h4 {
		font-size: 137%;
	}

	.card_modal .slider_comment {
		margin-top: 10px;
		text-align: center;
	}
	
	.card_modal h4 img.iconJcb {
		width: 37px;
	}
	
	.card_modal h4 img.iconVisa {
		width: 67px;
	}
	
	.card_modal .card_comment {
		width: 345px;
		margin: 30px auto 0;
		border-width: 2px;
	}
	
	.card_modal .card_comment::after {
		border-right-width: 2px;
		border-bottom-width: 2px;
	}
	
	.card_modal .modal_table {
		margin-top: 25px;
		border: solid 2px #ccc;
	}
	
	.card_modal .modal_table tr th,
	.card_modal .modal_table tr td {
		padding: 18px 15px;
	}
	
	.card_modal .modal_table tr th {
		width: 155px;
	}
	
	.card_modal ul.btn_list {
		display: flex;
		justify-content: center;
		margin-top: 30px;
	}
	
	.card_modal ul.btn_list li {
		margin: 0 10px;
	}
	
	.card_modal ul.btn_list li a {
		border-width: 2px;
		width: 270px;
		font-weight: bold;
	}
	
	.card_modal ul.btn_list li a::after {
		border-width: 4px;
	}
	
	.card_modal ul.btn_list li.btn_detail a::after {
		border-left-width: 6px;
	}
	
	.card_modal .btn_attention {
		margin-top: 20px;
	}
	
	.card_modal .txt_no_btn .pc_display_none {
		display: none;
	}

	
}

