* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

body {
    margin-top: 0!important;
}

#lp {
    padding:0!important;
}

    a {
        text-decoration: none;
        color: #333;
        transition: 0.2s all;
    }
    
    a:hover {
        opacity: 0.7;
        transition: 0.2s all;
    }
    
    ul {
        list-style: none;
    }

    .mt002 {
        margin-top: 2rem;
    }
    
    .mb002 {
        margin-bottom: 2rem;
    }
    
    .mtb002 {
        margin: 2rem 0;
    }
    
    .mt050 {
        margin-top: 50px;
    }
    
    .mb050 {
        margin-bottom: 50px;
    }
    
    .mtb050 {
        margin: 50px 0;
    }
    
    .mt080 {
        margin-top: 80px;
    }
    
    .mb080 {
        margin-bottom: 80px;
    }
    
    .mtb080 {
        margin: 80px 0;
    }





 
/*@media screen and (min-width:1001px) {*/ /*1001px以上*/


.sp {
    display: none;
}

.sp-item{
		display: none;
	}


.sp_noneLp {
	display: inline !important;
}
 
/*　=======================
  共通 PC
=======================  */


body {
/*font-size:16px;  */
margin:0;
padding: 0;
letter-spacing:1px;
line-height:1.5;
background-color:#ffffff;
color:#000000;
}
    
    
/*//////////////////メインビジュアル//////////////////*/
    
.kv{
background: url(../../../common/img/kv_bg.png) no-repeat center;
background-size: cover;
overflow: hidden;

padding:4.6rem 0 0;
}
    
.kv img{
width: 95vw;
    max-width: 1200px;
    vertical-align:top;
}

	/*251110追加*/
	.btn{
		position: relative;
		margin: 50px auto;
		padding: 30px 0;
		width:400px;
		background:  rgb(234, 96, 130);
		color: #FFF;
        border-radius: 0.5rem;
}
	
	.btn a{
		position: absolute;
		left: 0;
		top:0;
		width:100%;
		height: 100%;
	}

.fade {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
	}

	.fade:hover {
        opacity: 0.6;
        filter: alpha(opacity=40);
	}
	

@media screen and (max-width:1000px)  { /*1000px以下(タブレット用)*/

.kv img{
max-width: 700px;
}   

}

.pc_none {
    display: none !important;
}


/*//////////////////大学名記入欄//////////////////*/
    
.uni_name {
padding: 0;
margin: 0;
}    
    
.uni_name h1{
background-color: rgba(234,96,130,0.05);
color: #ea6082;
padding: 1rem 0;
margin: 0;
}

.uni_name h1 a{
	text-decoration: underline;
	color:#ea6082;
	font-weight: 500;
}

.uni_name h1 a:hover{
	text-decoration: none;
}

    
/*//////////////////ナビゲーション//////////////////*/ 

/*    .bgColor {
        background-color: #D5ECF3;
        padding: 80px 0;
    }*/
    
.nav {
    display: block;
    width: min(calc(100% - 3rem), 1000px);
    padding: 80px 0 60px;
}

.nav .navTitle {
	margin-bottom: 3rem;
    color: #333333;
	text-align: center;
    font-size: 2rem;
}
    
    
.nav .nav_link {
    margin: 0 0 5rem 0;
	text-align: center;
	display: flex;
	justify-content: center;
}

.nav .nav_link a {
	text-decoration: none;
}

.nav .nav_item {
	width: calc((100% - 6%) / 2);
	letter-spacing: 0.125rem;
}

.nav .nav_item:not(:last-of-type) {
	margin-right: 6%;
}

@media screen and (max-width:1000px) {
.nav .nav_item:not(:last-of-type) {
	margin-right: 3%;
}
}

.nav .nav_item a:hover {
	opacity: 1;
}

.nav .nav_item dt {
	padding: 1rem 0;
	color: #fff;
	font-size: calc(1rem + 10px);
}

.nav .nav_item dd {
	background-color: #fff;
	background-repeat: no-repeat;
	padding: 17rem 0 3rem;
	font-size: calc(1rem + 7px);
	position: relative;
	z-index: 1;
}

@media screen and (max-width:1000px) {
.nav .nav_item dd {
	padding: 62% 0 3rem;
}
}

.nav .nav_item dd::after {
	background-image: url(../../../common/img/arrow.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 8px auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	content: "";
}
    
    
    /* shopCoupon */
    .nav .nav_item.shopCoupon {
        border: 1px solid #ea6082;
    }
    
.nav .nav_item.shopCoupon dt {
	background-color: #ea6082;
}

.nav .nav_item.shopCoupon dt::before {
	border-color: #ea6082 transparent transparent transparent;
}

.nav .nav_item.shopCoupon dd {
	background-image: url(../../../common/img/ico_shop.svg);
    background-size: 80%;
	background-position: center top 2rem;
	color: #333333;
}

.nav .nav_item.shopCoupon dd::after {
	background-color: #ea6082;
}


/* onlineCoupon */
    .nav .nav_item.onlineCoupon {
        border: 1px solid #ea6082;
    }
    
.nav .nav_item.onlineCoupon dt {
	background-color: #ea6082;
}

.nav .nav_item.onlineCoupon dt::before {
	border-color: #ea6082 transparent transparent transparent;
}

.nav .nav_item.onlineCoupon dd {
	background-image: url(../../../common/img/ico_cart.svg);
    background-size: 74%;
	background-position: center top 2.4rem;
	color: #333333;
}
/* 20251002追加 */

.nav .nav_item dd p{
	font-size:1.0rem;
}

	.colorTxt1{
	margin: 20px auto ;
		padding: 10px 0;
		background: #004ea2;
		border-radius: 60px;
		text-align: center;
		width: 90%;
		color:#fff;
		font-size: 1.1rem;
	}
	
	.colorTxt2{
	margin: 20px auto ;
		padding: 10px 0;
		background: #333;
		border-radius: 60px;
		text-align: center;
		width: 90%;
		color:#fff;
		font-size: 1.1rem;
	}






.nav .nav_item.onlineCoupon dd::after {
	background-color: #ea6082;
}



.nav .daiwaMerit_ver {
        border: 1px solid #2eb0e3;
        letter-spacing: 0.125rem;
    }  
    
    .nav .daiwaMerit_ver a {
        text-decoration: none;
        opacity: 1;
    }

.nav .daiwaMerit_ver dt {
	padding: 1rem 0;
	color: #fff;
	font-size: calc(1rem + 10px);
    background-color: #2eb0e3;
}

.nav .daiwaMerit_ver dd {
	background-color: #fff;
	background-repeat: no-repeat;
	padding: 3rem 0 3rem 23rem;
	font-size: calc(1rem + 5px);
    text-align: left;
	position: relative;
	z-index: 1;
    background-image: url(../../../common/img/ico_merit.svg);
    background-size: 20%;
	background-position: left 4rem top 1.5rem;
	color: #333333;
}

@media screen and (max-width:1000px) {
    .nav .daiwaMerit_ver dd {
        padding: 3rem 0 3rem 25vw;
        background-position: left 2rem top 2rem;
    }
}

.nav .daiwaMerit_ver dd::after {
	background-image: url(../../../common/img/arrow.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 8px auto;
    background-color: #2eb0e3;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	content: "";
}


.nav .daiwaMerit_ver dt::before {
	border-color: #2eb0e3 transparent transparent transparent;
}




/*//////////////////コンテンツ//////////////////*/
    
.con{
/*background: url("../../../common/img/content_bg.png") no-repeat center;
background-size: cover; 背景ありver*/
background-color: #ffffff;
padding: 50px;
width: min(calc(100% - 3rem), 1000px);
}
    
    .con .flex{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .con .mt0{
        margin-top: 0 !important;
    }
    
        .con .flex p, .con .flex div{
            margin: 0;
            width: 33%;
        }
    
    .con .align_center {
        text-align: center;
        margin: 0 auto;
    }
    
.btn01_top {    
display: block;
text-align: center;
}
    
    .btn01_top a, .btn01_top button {
        background: #ea6082;
        border: none;
        padding: 1.5rem 0;
        margin: 0;
        color: #fff;
        width: 100%;
        max-width: 500px;
        border-radius: 0.5rem;
        display: inline-block;
        box-sizing: border-box;
        text-align: center;
        position: relative;
        cursor: pointer;
        font-size: calc(1rem + 2px);
    }
    
    .btn01_top a::after,
    .btn01_top button::after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0.2rem 0 0.2rem 0.4rem;
        border-color: transparent transparent transparent #fff;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translate(0, -50%);
    }
    
    
    
/*//////////////////背景//////////////////*/
    
    article {
        padding: 100px 0;
    }
    
    .bgColor_inshop {
        background-color: rgba(234,96,130,0.05);
    }
    
    .bgColor_online {
        background-color: rgba(234,96,130,0.15);
    }
    
    .bgColor_merit {
        background-color: #f4fdff;
    }
    
    .bg_con {
        border-radius: 0.5em;
	    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);
    }


    
/*//////////////////来店クーポン//////////////////*/
    
    
.inshop_top {
    font-size: calc(1rem + 10px); 
    color: #ffffff; 
    font-weight: bold; 
    padding: 1.2rem 0 1rem;
    margin: 20px 0 40px 0;
    background-color: #ea6082;
}

.coupon{
/*color:#ffffff;*/
border: solid 3px #f3f3f3;
border-radius: 0.5em;
padding-bottom: 1.5rem;
margin-top: 40px;
} 
    
    .coupon ul{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        list-style: none;
        padding: 30px 0;
        margin:0;
    }    

    .coupon ul:first-child {
        padding-bottom: 0;
    }
    
    
.coupon ul li{
padding:0;
margin:0;
}
    
.coupon ul li img{
width: 360px;
}

@media screen and (max-width:1000px) {
.coupon ul li img{
width: 300px;
}
}


/*//////////////////最寄り店舗紹介//////////////////*/
    
    .info {
        background-color: rgba(234,96,130,0.05);
        border: 3px solid #ea6082;
        padding: 0;
        margin: 50px 0;
    }
    
    .info_title {
        background-color: #ea6082;
        color: #ffffff;
        padding: 1rem 0;
    }
    
    .info_title h2{
        font-size: 2.5rem;
        padding: 0.5rem 0 0;
        margin: 0;
    }
    
    .info_title h3{
        font-size: 1.275rem;
        padding: 0.5rem 0 0;
        margin: 0;
    }
    
    .info_con {
        padding: 1rem;
    }
    
    .info_con h3 {
        border-left: 5px solid #ea6082;
        padding-left: 10px;
        font-size: 1.5rem;
    }
    
    .info_con p {
        margin-top: 0;
        padding: 10px 0 0 10px;
        text-align: left;
        font-size: 1.125rem;
    }
    
    
    .shop_detail {
        width:fit-content; 
        background-color:#ea6082; 
        box-sizing:border-box; 
        font-size:18px; 
        font-weight:bold; 
        color:#ffffff; 
        padding:10px 30px 10px 30px; 
        margin:-70px 30px 30px 30px;
    }

@media screen and (max-width:1000px) {
    .shop_detail {
        font-size: 1em;
        margin: 0 20px 20px 20px;
    }
}
    
    
    .itemInfo {
        border: 3px solid #ea6082;
        background-color: rgba(234,96,130,0.05);
    }
    
    .itemInfo .info_title {
         background-color: #ea6082;
    }

.itemInfo h2 {
    line-height: 1;
}
    
    .itemInfo small {
        font-size: 1rem;
        padding: 0;
    }
    
    .itemInfo .info_con h3 {
        border-left: 5px solid #ea6082;
        padding-left: 10px;
        font-size: 1.5rem;
    }

    .itemInfo .info_con h4 {
        padding-left: 10px;
        font-size: 1.2rem;
        margin: 1rem 0 0;
    }

    .itemInfo .info_con span {
        font-size: 1rem;
    }
        

    
    /*//////////スライド///////*/
.slideShop {
    width: 100%;
    height: 400px;
    background-image: url("../../img/shop_info_001.jpg");
    background-repeat: repeat-x;
    background-size: auto 400px; /* 画像の高さ */
    animation: loop 30s linear infinite;
	margin:0 auto;
}
    
.slideItems {
    width: 100%;
    height: 400px;
    background-image: url(../../img/rec_items.jpg);
    background-repeat: repeat-x;
    background-size: auto 400px; /* 画像の高さ */
    animation: loop 50s linear infinite;
	margin:0 auto;
}
    
@keyframes loop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -2000px 0; /* 画像のマイナス幅 */
    }
}
    



    
/*///////////////ネット購入////////////////*/
    
.online_top {
    font-size: calc(1rem + 10px); 
    color: #ffffff; 
    font-weight: bold; 
    padding: 1.2rem 0 1rem;
    margin: 20px 0 40px 0;
    background-color: #ea6082;
}
    
    
    
    .receive {
        background-color:#ED3333; 
        padding:10px; 
        font-size: 1.2rem; 
        color:#FFF; 
        font-weight:bold; 
        border-radius:100vh; 
        margin:10px 0 40px 0; 
        width:700px;
    }

@media screen and (max-width:1000px) {
    .receive {
        width:600px;
    }
}
    


/*///////////////タブ////////////////*/
    
/* ▼タブ */  
   
    
    
    .tabtop {
        display: flex;
        justify-content: space-between;
        background-color: #ffffff;
    }
    
.tabtop a {
    color: #ea6082;   
    display: inline-block;
    border-radius: 10px 10px 0 0; 
    box-sizing: border-box;
    font-size:1.5rem;
    font-weight: 500;
    text-decoration: none;
    padding: 1.1rem 0 1rem;             
    position: relative;
    width:  calc(98%/2);
}
    
    /* ▼タブの配色 */
#tabcontrol a:nth-child(1) { background-color: rgba(234,96,130,0.15);}/* 1つ目のタブの配色 */
#tabcontrol a:nth-child(2) { background-color: rgba(234,96,130,0.25);}/* 2つ目のタブの配色 */
    

#tabbody h3 {
    font-size: 2rem;
    padding: 1rem 0;
}

#tabbody h3 font {
    color: red;
    font-size: 2.5rem;
}

#tabbody h4 {
    font-size: 1.2rem;
    padding: 1rem 0;
}

#tabbody h4 font {
    color: red;
    font-size: 2rem;
}
    
    /* 1つ目のタブの中身用の配色 */
    #tabpage1 { 
        background-color: rgba(234,96,130,0.15); 
        border: 3px solid transparent;    
        padding: 2em 0 2.5rem; 
        position: relative; 
    }
    
    #tabpage1 .band {
      background-color: #fff;
      color: #333;
      border-radius: 10px;
      font-size: 2.5rem;
      padding: 1.5rem 0;
      line-height: 1.5;
      width: 95%;
    }

#tabpage1 img {
    width:90%;
    max-width: 600px;
    display: block;
    margin: 1rem 0;
}


#tabpage1 .btn01_top a {
    background-color: #ea6082;
}

#tabpage1 .textattsn{
	margin: 20px 0;
}
    
#tabpage2 { 
    background-color: rgba(234,96,130,0.25); 
    border: 3px solid transparent;
    padding: 2em 0 2.5rem ; 
    position: relative; 
    }/* 2つ目のタブの中身用の配色 */
    
    
    #tabpage2 strong { 
        font-size: 1.2rem;
    }
    
    #tabpage2 .add_benefit {
        font-size: 1.125rem;
        font-weight: bold;
        padding: 0 0 7.5px;
    }
    
    
    #tabpage2 ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        list-style: none;
        gap: 3%;
        padding: 0 2rem;
        margin-top: 0.5rem;
        margin-bottom: 1rem;
    }
    
    #tabpage2 ul li{
        background: rgba(255,255,255,0.5);
        border-left: 1rem solid #ea6082;
        text-align: left;
        padding: 1rem;
        width: calc(96%/2);
    }
    
    
    #tabpage2 ul li p{
        display:flex;
        font-size:0.875rem;
        font-weight: 500;
        justify-content: space-between;
        width: 100%;
        padding: 10px 0;
    }
    
    #tabpage2 ul li p img{
        width: 45%;
        margin: 0;
    }

@media screen and (max-width:1000px) {
    #tabpage2 ul{
        gap: 2%;
        padding: 0 1rem;
        margin-bottom: 1rem;
    }
    
    #tabpage2 ul li{
        padding: 1rem;
        width: calc(98%/2);
    }
    
    #tabpage2 ul li p{
        font-size:0.775rem;
    }
    
    #tabpage2 ul li p img{
        width: 55%;
    }
}

    
    #tabpage2 ul li a{
        color: #004ea2;
    }
    
    #tabpage2 .btn01_top a {
        background-color: #ea6082;
    }

.online_pending {
    background-color: #ffffff;
    border: solid 2px #333333;
    border-radius: 0.5em;
    line-height: 2;
    width: 100%;
    padding: 60px 50px;
}


    
/*///////////////メリット////////////////*/
    
    
.merit_top {
    font-size: calc(1rem + 10px); 
    color: #ffffff; 
    font-weight: bold; 
    padding: 1.2rem 0 1rem;
    margin: 20px 0 24px 0;
    background-color: #2eb0e3;
}
    
    
.slide_txt {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.contents001 {
    width: 1000px;
	background-color:rgba(255,255,255,0.9);
	border: solid 3px #2eb0e3;
    border-radius:10px;
    margin-top: 2rem;
	/*box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .5);*/
}

.contents001 {
    margin-top: 5rem;
}
    
.contents001:first-child {
    margin-top: 3rem;
}

    .merit_con_top {
        width: fit-content; 
        background-color: #2eb0e3; 
        padding: 10px 30px 10px 30px; 
        box-sizing: border-box; 
        border-radius: 0 0 10px 0; 
        text-align: left; 
        font-size: 32px; 
        font-weight: 500; 
        color: #ffffff;
    }
    
    .part01 {
        padding:20px 50px 50px; 
        box-sizing:border-box; 
        text-align:center; 
        font-size:28px; 
        font-weight:bold;
    }
    
    .merit_img {
        width:600px;
        margin-top: 50px;
    }
    
    .merit_con_con {
        padding:50px; 
        box-sizing:border-box; 
        text-align:left;
    }

@media screen and (max-width:1000px) {
    .merit_con_con {
        padding:20px;
    }
}
    
    
    .c_detail {
        width: fit-content; 
        background-color: #2eb0e3; 
        box-sizing: border-box; 
        font-size: 18px; 
        font-weight: 500; 
        color: #ffffff; 
        padding: 10px 30px 10px 30px; 
        margin: -40px 50px 30px 30px;
    }

@media screen and (max-width:1000px) {
    .c_detail {
        margin: 0 20px 20px 20px;
    }
}
    
/***********************************
ギャラリー
***********************************/

.gallery img {
  max-width: 100%;
  vertical-align: top;
}

.gallery {
  display: flex;
  margin: -20px 0 0;
  max-width: 600px;
  position: relative;
  /*padding-top: 66.6666666667%;*/
    padding-top: 400px;
}

@media screen and (max-width:1000px) {
.gallery {
    padding-bottom: 30px;
}
}

.gallery__img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.gallery__thumb {
  padding-top: 8px;
  margin: 0 3px;
  display: block;
}
.gallery__selector {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.gallery__selector:checked + .gallery__img {
  opacity: 1;
}
.gallery__selector:checked ~ .gallery__thumb > img {
  box-shadow: 0 0 0 3px #2eb0e3;
}

    .gallery__thumb img {
        width: 100%;
    }

    
    

/***********************************
注意事項＆お問い合わせ
***********************************/
    
    
    .caution {
        background-color:#f3f3f3; 
        border:solid 1px #b2b2b2; 
        margin:80px 0; 
        text-align:left; 
        padding:20px; 
        box-sizing:border-box; 
        width:900px; 
    }
   
@media screen and (max-width:1000px) {
    .caution {
        width:700px; 
    }
}
    
/***********************************
ページTOP
***********************************/
#pageTop a {
    background: rgba(234,96,130,0.8);
    width: 64px;
    height: 64px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 10;
    transform: rotate(-90deg);
    transition: all 0.5s ease 0s;
}
    
    
    
    

/*}*/




 
@media screen and (max-width:768px)  { /*768px以下(スマホ用)*/


    br.sp {
    display: block;
}
	
	.sp-item{
		display: block;
	}

	.pc-item{
		display: none;
	}
    
.sp_noneLp {
    display: none !important;
}
    
.pc_none {
    display: block !important;
}

section {
    padding: 0 3.125vw;
}    
	
	/*251110追加*/
	.btn{
		position: relative;
		margin: 6vw auto;
		padding: 4vw 0;
		width:80vw;
		background:  rgb(234, 96, 130);
		color: #FFF;
	}
	
	.btn a{
		position: absolute;
		left: 0;
		top:0;
		width:100%;
		height: 100%;
	}
    

/*//////////////////SNS//////////////////*/
    header section nav .sns_icon ul {
        box-sizing: content-box;
    }
    

/*//////////////////メインビジュアル//////////////////*/
    
    .kv {
       /* padding: 1em 0 0;*/
    }
    
    .kv .pc_none {
        width: 100%;
    }

/*////////////////////大学名記入欄////////////////////*/
    
    .uni_name h1 {
        font-size: 1.5em;
        line-height: 1.5;
        padding: 0.7em 0 0.5em;
    }
    

/*//////////////////ナビゲーション//////////////////*/ 
    
    .nav {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .nav .container {
        padding-top: 10vw;
        padding-bottom: 6vw;
    }
    
    .nav .container .navTitle {
        font-size: 2em;
        margin-bottom: 2rem;
    }
    
.nav .nav_link {
		margin-bottom: 3em;
	}

	.nav .nav_item dt {
		font-size: calc(1em + 1px);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.nav .nav_item dd {
		padding: 27.5vw 0 2em;
		font-size: 1em;
		letter-spacing: -0.025em;
	}

	.nav .nav_item dd::after {
		width: 40px;
		height: 40px;
		bottom: -20px;
	}
    
    
    /* shopCoupon */
 	.nav .nav_item.shopCoupon dd {
		background-size: auto 20vw;
		background-position: center top 1em;
	}


/* onlineCoupon */
    .nav .nav_item.onlineCoupon dd {
		background-size: auto 18vw;
		background-position: center top 1.385em;
	}
    
    
    
 /***********************************
コンテンツ
***********************************/
    
    article {
        padding: 8vw 3.125vw;
    }
    
    .con {
        padding: 1vw 3.25vw;
        width: 100%;
    }

    .con h2 {
        font-size: 1.125em;
    }

	/**  スマホレイアウト追加251002　**/
	.nav .inner{
		margin: 0 auto 5vw;
		width:95%;
		border: 2px solid #ea6082;
	}

	.nav .inner dt{
		padding: 4vw 0;
		background: #ea6082;
		color: #fff;
		font-size: 1.6rem;
	}
	
	.nav .inner .inshop dd{
        padding: 55vw 0 10vw;
        background-image: url(../../../common/img/ico_shop.svg);
        background-size: 80%;
        background-position: center top 2rem;
		background-repeat: no-repeat;
		font-size: 1.5rem;
        color: #333333;
      }
	
    .nav .inner .online dd{
        padding: 55vw 0 10vw;
        background-image: url(../../../common/img/ico_cart.svg);
        background-size: 74%;
        background-position: center top 2.4rem;
		background-repeat: no-repeat;
		font-size: 1.5rem;
        color: #333333;
      }
	
	.colorTxt1{
		margin: 6vw auto 0;
		padding: 4vw 0;
		background: #004ea2;
		border-radius: 60px;
		text-align: center;
		width: 90%;
		color:#fff;
		font-size: 0.9rem;
	}
	
	.colorTxt2{
		margin: 6vw auto 0;
		padding: 4vw 0;
		background: #333;
		border-radius: 60px;
		text-align: center;
		width: 90%;
		color:#fff;
		font-size: 0.9rem;
	}
	
	 .nav .inner dd span{
		font-size: 0.85rem;
	}

	


/*/////////////////来店クーポン//////////////////*/ 
    
    .inshop_top {
        padding: 0.725em 0 0.375em;
        margin: 1em 0 1em 0;
    }
    
    .coupon {
        padding-bottom: 1em;
        margin-top: 1.5em;
    }
    
    .coupon ul {
    padding: 1.25em 0 0.5em;
    margin: 0;
    }
    
    .coupon ul li {
        border-bottom: 1px solid #DBDBDB;
    }
    
    .coupon ul li:first-child {
        margin-bottom: 1.25em;
    }
    
    .coupon .block02 li:last-child {
        border-bottom: none;
    }
    
    .coupon ul li img {
        width: 95%;
        margin-bottom: 1em;
    }
    
    .coupon p {
        font-size: 0.875em;
        text-align: left;
        padding: 0 0.75em;
    }
    
    
/*///////////最寄り店舗紹介/////////////*/ 
    
    .info {
        margin: 2.385em 0;
    }
    
    .info_title {
        padding: 0.5em 0;
}
	
.info_title h2 img{
        width: 100%;
    }
    
    .info_title h2 {
        font-size: 1.5em;
        padding: 0;
        margin: 0;
    }
    
    .info_title h3 {
        font-size: 1em;
        padding: 0.125em 0 0;
        margin: 0;
    }
       
    .info_con {
        padding: 1em 0 1em 0.5em;
    }
    
    .info_con h3 {
        border-left: 5px solid #EA608E;
        padding-left: 0.25em;
        font-size: 1.5em;
    }
    
    .info_con p {
        text-align: left;
        font-size: 1em;
    }
    
    
    .shop_detail {
        font-size: 1em;
        padding: 0.5em 1.5em; 
        margin: 0 auto 1em;
    }
    
    
/*///////////おすすめ自転車/////////////*/ 
    
    .itemInfo {
        margin-bottom: 2em;
    }
    
    .itemInfo h2 {
        padding: 0.25em 0 0.175em;
        line-height: 1;
    }
    
    .itemInfo small {
        font-size: 0.5em;
        margin: 0;
    }
    
    .itemInfo .info_con h3 {
        border-left: 5px solid #ea6082;
        padding-left: 0.25em;
        font-size: 1.5em;
    }
    
    .itemInfo .info_con p {
        font-size: 1em;
        padding: 0.25em 0 0 0.25em;
    }
    
    .itemInfo .info_con span {
        font-size: 0.875rem;
    }
    
        

/*/////////スライド/////////*/ 
    .slideShop {
    height: 200px;
    background-size: auto 200px; /* 画像の高さ */
    animation: loop 40s linear infinite;
}
    
.slideItems {
    height: 200px;
    background-size: auto 200px; /* 画像の高さ */
    animation: loop 50s linear infinite;
}


/*/////////5大メリットナビ/////////*/ 
    
    .bgColor_inshop .nav {
        width: 100%;
    }

.nav .daiwaMerit_ver dt {
	padding: 0.5em 0 0.375em;
	font-size: calc(1em + 5px);
}

.nav .daiwaMerit_ver dd {
	padding: 2em 0 2em 23%;
	font-size: 0.785em;
	background-position: left 1.5% top 50%;
}

.nav .daiwaMerit_ver dd::after {
	background-size: 7px auto;
	width: 30px;
	height: 30px;
	bottom: -15px;
}
    
    
/*/////////////////ネット購入//////////////////*/ 
    

.online_top {
    padding: 0.725em 0 0.375em;
    margin: 1em 0 1em 0;
}
    
    .receive { 
        padding:10px; 
        font-size: 1em; 
        border-radius:100vh; 
        margin:1em 0 1.275em; 
        width:98%;
    }
    

/*///////////////タブ////////////////*/
    
/* ▼タブ */  
    
.tabtop a {
    font-size:1.375em;
    padding: 0.5em 0 0.225em; 
}
    
    #tabbody h3 {
        font-size: 1.275em;
        padding: 0;
    }
    
    #tabbody h3 font {
        font-size: 2em;
    }

#tabpage1 { 
    padding: 2em 0 2em; 
    }
    
    #tabpage1 p {
        font-size: 0.875em;
        margin-bottom: 1em;
    }
    
    #tabpage1 .band {
        font-size: 2em;
        padding: 0.5em 0 0.275em;
        line-height: 1.5;
        margin-bottom: 1em;
		width: 95%;
    }
    
    #tabpage1 small {
        padding: 0;
        box-sizing: content-box;
    }
    
    #tabpage1 .btn01_top {
        margin-top: 1em;
		width: 95%;
    }
    
    
    #tabpage2 { 
        padding: 2em 0 2em;
    }
    

    #tabpage2 .add_benefit {
        font-size: 1.125rem;
        font-weight: bold;
        padding: 0 0 7.5px;
    }
    
    #tabpage2 ul{
        justify-content: center;
        flex-direction: column;
        padding: 0 0.875em;
        margin: 0;
    }
    
    #tabpage2 ul li{
        border-left: 0.725em solid #ea6082;
        text-align: left;
        padding: 1rem;
        width: 100%;
    }
    
    #tabpage2 ul li:first-child{
        margin-bottom: 1em;
    }
    
    #tabpage2 strong { 
        font-size: 1em;
    }
    
    #tabpage2 ul li p{
        display:flex;
        font-size:0.75em;
        justify-content: space-between;
        width: 100%;
        gap: 1%;
        padding: 10px 0;
    }
    
    #tabpage2 ul li p img{
        width: 55%;
        margin: 0;
    }

    
    .online_pending {
        margin-bottom: 2em;
}


/*///////////////メリット////////////////*/
    
    
.merit_top {
    padding: 0.725em 0 0.375em;
    margin: 1em 0 1em 0;
}
    
    
.slide_txt {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.contents001 {
    margin-top: 2em;
}
    
.contents001:first-child {
    margin-top: 0.5em;
}

    .merit_con_top {
        width: fit-content; 
        padding: 10px 20px 10px 10px; 
        border-radius: 0 0 10px 0; 
        font-size: calc(1em + 5px); 
        font-weight: 500; 
        color: #ffffff;
    }
    
    .part01 {
        padding: 0.25em 0.75em; 
        font-size: calc(1em+3px); 
    }
    
    .part01 span {
        line-height: 1;
    }
    
    .merit_img {
        width:95%;
        margin-top: 1em;
    }
    
    .merit_con_con {
        padding:1em;
        font-size: 0.8125em;
    }
    
    
    .c_detail {
        width: fit-content;
        font-size: 1em;
        padding: 0.5em 1.5em; 
        margin: 0 auto 1em;
    }
    
/***********************************
ギャラリー
***********************************/

.gallery img {
  max-width: 100%;
  vertical-align: top;
}

.gallery {
    margin:0;
    padding-top: 66.6666666667%;
    padding-bottom: 5px;
    width: 100%;
}
    
    .gallery__img {
        padding: 0 0.5em;
        margin: 0 auto;
        width: 100%;
    }
    
    .gallery__item {
        width: 100%;
        padding: 0;
        margin: 0;
    }


.gallery__thumb {
  padding-top: 8px;
  margin: 0 3px;
}
    
.gallery__selector:checked ~ .gallery__thumb > img {
  box-shadow: 0 0 0 3px #2eb0e3;
}

    
    

/***********************************
注意事項＆お問い合わせ
***********************************/
    
    
    .caution {
        font-size: 0.875em;
        margin:2em 0; 
        padding:1em; 
        width:90%; 
    }
   

/***********************************
ページTOP
***********************************/
#pageTop a {
    background: rgba(234,96,130,0.9);
    width: 50px;
    height: 50px;
}
    
    
    
    
 
  }