﻿

@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: 25%;
		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: 112%;
	}
	
	#nav_win ul.nav_list li#nav_jcb a span,
	#nav_win ul.nav_list li#nav_visa a span {
		background-size: 24%;
	}
	
	/*------------------------------------
		Pick Up
	------------------------------------*/
	/* タイトル */
	.common_title {
		font-size: 1.62rem;
	}

	/* プラグインCSSの上書き */
	.slick-dots {
		margin-top: 45px;
	}
	
	.slick-dots li {
		margin: 0 8px;
	}
	
	.slick-dots li span {
		width: 13px;
		height: 13px;
	}
	
	/* Pick Up */
	#pickup_sec {
		background-color: #e6eff3;
		padding: 65px 0 55px;
	}
	
	#pickup_sec .common_outer {
		max-width: 100%;
		padding: 0;
	}
	
	#pickup_sec .slick_slider {
		max-width: 100%;
	}

	#pickup_sec .slick_slider {
		margin-top: 25px;
	}
	
	#pickup_sec .slick_slider .slick-slide {
		margin: 0 25px;
	}
	
	#pickup_sec .slick-arrow {
		width: 50px;
		height: 50px;
		background-color: #3f769d;
		border-radius: 50%;
		bottom: -15px;
	}
		
	#pickup_sec .slick-prev {
		left: 22px;
	}
	
	#pickup_sec .slick-next {
		right: 22px;
	}
	
	#pickup_sec .slick-prev::before {
		border-bottom: solid 2px #fff;
		border-left: solid 2px #fff;
		left: 21px;
	}

	#pickup_sec .slick-next::before {
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		right: 21px;
	}
/* Pick Up */
#pickup_sec {
	margin-top: 50px;
}	
	
	/*------------------------------------
		商品ラインナップ
	------------------------------------*/
	#lineup_sec {
		margin-top: 42px;
	}

	#lineup_sec h2 {
		font-size: 225%;
	}
	
	#lineup_sec h2 + div {
		font-size: 106%;
	}
	
	#lineup_sec .card_area {
		margin-top: 30px;
	}
	
	#lineup_sec .card_area + .card_area {
		margin-top: 35px;
	}
	
	/* タイトル */
	#lineup_sec .card_area .opening_closing_title {
		border-bottom-width: 4px;
	}
	#lineup_sec .card_area .opening_closing_title a {
		padding:12px 63px 12px 23px;
	}
	
	#lineup_sec .card_area .opening_closing_title a::before,
	#lineup_sec .card_area .opening_closing_title a::after {
		right: 30px;
		width: 19px;
		height: 3px;
	}
	
	#lineup_sec .card_area .opening_closing_title a .title_icon {
		width: 64px;
		padding-top: 0;
	}

	#lineup_sec .card_area .opening_closing_title a .title_icon + div {
		margin-left: 15px;
	}
	
	#lineup_sec .card_area .opening_closing_title a .title_icon + div .font_serif {
		font-size: 163%;
		line-height: 1.4;
	}
	
	#lineup_sec .card_area .opening_closing_title a .title_icon + div .font_serif + p {
		font-size: 100%;
	}
	
	/* コンテンツ */
	#lineup_sec .card_area .opening_closing_contents {
		padding: 28px 0 50px 5.5%;
	}
	
	#lineup_sec .card_area .opening_closing_contents > div {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner {
		width: 44%;
	}
	
	#lineup_sec .opening_closing_contents .card_inner:nth-of-type(2n) {
		margin-left: 1%;
		width: 54%;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner + .card_inner {
		margin-top: 0;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner:nth-of-type(n+3) {
		margin-top: 40px;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner .title_box h3 {
		font-size: 125%;
		padding-left: 23px;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner .title_box h3::before {
		width: 17px;
		height: 17px;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner .title_box p {
		font-size: 88%;
		margin: 0;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner ul.card_list {
		margin-top: 15px;
		justify-content: flex-start;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner ul.card_list li {
		width: 40%;
		margin-left: 6%;
	}
	
	#lineup_sec .opening_closing_contents .card_inner:nth-of-type(2n) ul.card_list li {
		width: 32.3%;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner ul.card_list li:first-child {
		margin-left: 0;
	}
	
	#lineup_sec .card_area .opening_closing_contents .card_inner ul.card_list li span {
		font-size: 81%;
		padding: 7px;
	}
  
  #lineup_sec .cardAttention { 
    margin-top: 50px;
  }
  
  #lineup_sec .cardAttention li { 
  font-size: 0.8rem;
}
		
	/*------------------------------------
		point
	------------------------------------*/
	#point_sec {
		padding: 20px 0 60px;
    margin-top: 60px;
	}
  
  #point_sec h2 {
		font-size: 225%;
	}
	
	#point_sec .common_outer {
		max-width: 1160px;
	}
	
	#point_sec ol.point_list {
		max-width: 1160px;
		margin: 0 auto;
	}

	#point_sec ol.point_list > li {
		margin-top: 45px;
	}
	
	#point_sec ol.point_list li h2 .title_icon {
		width: 78px;
	}
	
	#point_sec ol.point_list li h2 .point_title {
		font-size: 1.37rem;
		padding: 6px 40px 6px 16px;
	}
	
	#point_sec ol.point_list li h2 .point_title::before,
	#point_sec ol.point_list li h2 .point_title::after {
		right: 21px;
		width: 18px;
	}
	
	#point_sec ol.point_list .opening_closing_contents {
		padding: 30px 6% 45px;
	}
	
	#point_sec ol.point_list .opening_closing_contents #company_outer {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		margin-top: 20px;
	}
	
	#point_sec ol.point_list .opening_closing_contents #company_outer .company_area {
		margin: 0 20px;
		width: 45%;
		padding: 10px;
	}
	
	#point_sec ol.point_list .opening_closing_contents .company_area #company_jcb_info .txt_inner img {
		width: 55px;
	}
	
	#point_sec ol.point_list .opening_closing_contents .company_area #company_visa_info .txt_inner img {
		width: 70px;
	}
	
	#point_sec ol.point_list .opening_closing_contents .company_area .company_btn {
		margin-top: 10px;
	}
	
	#point_sec ol.point_list .opening_closing_contents .company_area .company_btn > div.detail_img + div {
		margin-top: 17px;
	}	
  
  #point_sec ol.point_list .opening_closing_contents .company_area .company_btn > div {
	width: 65%;
  margin: 10px auto;
  }
  
  #point_sec ol.point_list .opening_closing_contents .company_area .company_btn > div.detail_img {
	width: 80%;
  }
		
	#point_sec ol.point_list .opening_closing_contents h3 br {
		display: none;
	}
	
	#point_sec ol.point_list .opening_closing_contents h4 {
		  margin-top: 20px;
	}
		
	
	#point_sec ol.point_list #common_point02 p + h3.pay_title {
		margin-top: 30px;
	}
	
	#point_sec ol.point_list #common_point02 h3 {
		margin-top: 40px;
		padding: 11px 13px;
	}
	
	#point_sec ol.point_list #common_point02 h3.pay_title {
		margin-top: 40px;
	}
	
	#point_sec ol.point_list #common_point02 h3.pay_title + h4 {
		margin-top: 18px;
	}
	
	#point_sec ol.point_list #common_point02 img.iconPay {
		width: 53px;
	}
	
	#point_sec ol.point_list #common_point02 h3 + h4 {
		margin-top: 22px;
	}
	
	#point_sec ol.point_list #common_point02 h4 {
		margin-top: 43px;
		font-size: 1.06rem;
	}
	
	#point_sec ol.point_list #common_point02 h4 img {
		width: 53px;
	}
	
	#point_sec ol.point_list #common_point02 h4 span {
		line-height: 1;
	}
	
	#point_sec ol.point_list #common_point02 .pc_flex_direction_row .point_img {
		width: 39.5%;
		margin-top: 0;
	}
	
	#point_sec ol.point_list #common_point02 .pc_flex_direction_row .point_img + p {
		width: 55%;
		margin-left: 4.5%;
	}
	
	#point_sec ol.point_list #common_point02 .point_slider {
		display: flex;
		justify-content: space-between;
		margin-top: 18px;
	}
	
	#point_sec ol.point_list #common_point02 .point_slider > div {
		width: 32%;
	}
	
	#point_sec ul.point_attention li {
		font-size: 0.8rem;
	}
	
	
	/*------------------------------------
		モーダル
	------------------------------------*/
	.card_modal {
		padding: 55px 7%;
	}
	
	.card_modal h4 {
		font-size: 137%;
	}

	.slick-slider {
		max-width: 260px;
	}
	
	.slick-dots span {
		width: 13px;
		height: 13px;
		margin: 0 5px;
	}

	
	.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;
	}

	
}

