/*navここから*/

/*4.14非表示*/
/*.main-menu li{
      display: inline-block;
list-style: none;
font-size: x-large;
font-family: Arial, Helvetica, sans-serif;
    }*/
a,
a:active,
a:hover,
a:visited {
  text-decoration: none;
  color: inherit !important;
}

/*4.14非表示*/
/*#nav_menu{
text-align: center;
position: fixed;
  top: 30;
  z-index: 999;
  width: 100%;
background-color: #ffffff;
height:250px;
}*/

/*4.14追加*/
/*ヘッダー固定によるページ内リンク位置のずれを調整*/
.l-container section{
padding-top: 93px;
margin-top: -93px;
}

.l-container .sub_section{
padding-top: 93px;
margin-top: -93px;
}
/*/ヘッダー固定によるページ内リンク位置のずれを調整*/

.l-container .nav-wrapper_sp{
	position: fixed;
    top: 0;
    width: 100%;
	height:67px;
    background-color: rgba(255,255,255,0.8);
    z-index: 10;
}

.l-container .l-wrapper_sp img{
    position: fixed;
    top: 7px;
    left: 5px;
    z-index: 8;
	width:190px;
    height: auto;
}

.l-container .nav_logo{
    position: fixed;
    top: 4px;
    right: 10px;
    z-index: 10;
	width:50px;
}

.l-container .background {
    padding-top: 67px;
}
.l-container button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}


/**************** 以下、ハンバーガーボタンのスタイリング ****************/
.btn {
	position: fixed;
	top:10px;
	/*right: 10px;*/
	/*left:300px;*/
	left:200px;
	z-index:1000;
	width: 48px;
	height: 48px;
}

/***** 真ん中のバーガー線 *****/
.l-container .btn-line {
	display: block;
	position: relative;
	width: 100%;
	height: 4px;
	background-color: #404040;
	transition: .2s;
}

/***** 上下のバーガー線 *****/
.btn-line::before , .btn-line::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #404040;
	transition: .5s;
}

.btn-line::before {
	transform: translateY(-16px);
}

.btn-line::after {
	/* 下の線の位置 */
	transform: translateY(16px);
}

/***** メニューオープン時 *****/
.btn-line.open {
	background-color: transparent;
}

.btn-line.open::before , .btn-line.open::after {
	content: "";
	background-color: #333;
	transition: .2s;
}

.btn-line.open::before {
	transform: rotate(45deg);
}

.btn-line.open::after {
	transform: rotate(-45deg);
}

/**************** ここまで、ハンバーガーボタンのスタイリング ****************/

/**************** 以下、メニューのスタイリング ****************/
.l-container .nav_menu {
	/* メニューを縦に */
	display: none;
	position: absolute;
	flex-direction: column;
	/* メニューの位置マイナス指定で画面外に */
	right: -100%;
	width: 100%;
	height: 100vh;
	background-color: #fff;
    z-index: 9;
}
.l-container .nav_menuitem {
	/* メニューテキスト位置をリスト内中心に */
	display: block;
	align-items: center;
	justify-content: center;
	font-size: 3.2rem;
	border-bottom: solid 1px #dcdcdc;
	margin: 0 20px 20px;
}
.l-container .nav_menuitem:first-of-type{
	margin: 80px 20px 20px;
}

.l-container .nav_menuitem:hover {
	cursor: pointer;
	transition: .3s;
}
.l-container .nav_menutitle{
	pointer-events: all;
}
.l-container .nav_menutitle i{
	margin-left: 10px;
	transition: .3s;
}

/***** メニューオープン時位置0にして画面内に *****/
.l-container .nav_menu.open {
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	overflow-y: scroll;
}

.l-container .nav_menu__child{
	display: none;
	font-size: 2.4rem;
}
.l-container .nav_menu__child li{
	margin-left: 40px;
}
/*/4.14追加*/


/*navここまで*/







.clear{
	clear:both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
    font-size: 0;
}
 
 
.clearfix {
	display: block;
}

/*色指定ここから*/
.colorOrange{
color: darkorange;
}
.colorPink{
color: #fc3569;
}
.colorGreen{
color: #218c3a;
}
/*色指定ここまで*/
/*文字指定ここから*/



p.title-serif{
font-family: serif;
font-size:2rem;
}

p.title-serif2{
font-family: serif;
font-size:2rem;
color: #ee0000;
}

/*文字指定ここまで*/


/*---------------------
utility
-----------------------*/
 .bnr_br_sp, .sp{
    display: block;
}
.bnr_br_pc, .pc{
    display: none;
}

/*4.14追加*/
.br_nav_sp{
 display: block;
}
.br_nav_pc{
 display: none;
}


/*car_gourmetバッグラウンドここから*/

/*car_gourmetバッグラウンドここまで*/

.car_gourmet{
 background-image: url('/special/newsletter/images/car_gourmet_bg.jpg') !important;
		/*background-size:auto;*/
        /*background-size:100%;*/
/*--background-attachment: fixed; 背景画像の固定--*/
        background-repeat:no-repeat;
	    /*background-position: 60% 0%;*/
        /*position:absolute;*/
	  width: 100vw;
        height: auto;
position: relative;
z-index: 0;

}


.fuji{
 width: 100vw;
position: absolute;
opacity: .5; /* 追記 半透明にする */
margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
z-index: -1;

}
.fuji img {
	display: block;
	width: 100%;
	height: auto;
}
/*
.sakura_parent{
position: relative;
}
*/
.sakura{
 width: 100vw;
position: absolute;
opacity: .5; /* 追記 半透明にする */
margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
z-index: -1;
bottom: -10px;
}
.sakura img {
	width: 100%;
}

/*sakura_parent横並びここからyoko*/
.sakura_parent {
     width: 100%;
     max-width: 2500px;
     bottom: 0px;
 }
 .sakura_parent img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 
 .box1 {
     width: 100%;
     margin: auto;
 }

 @media screen and (max-width: 640px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 20 auto;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 20 auto;
     }
 }

/*car_gourmet横並びここまでyoko*/


.vendor{
display: block;
background-color: #ffffff;
}



/*car_gourmet横並びここからyoko*/
.yoko {
     width: 100%;
     max-width: 2500px;
     margin: 0;
 }
 .yoko img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
 }
 .box1 {
     width: 100%;
     margin: auto;
 }
 .box2 {
     width: 100%;
     margin: auto .5rem;
 }
 @media screen and (max-width: 640px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 20 auto;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 20 auto;
     }
 }

/*car_gourmet横並びここまでyoko*/

div .top_title {
background-color: #ffb6c1;
  padding : 15px ;
}
p.top_title{
color: #ffffff;

}

/*musubi画像ここから
.musubi {
    color: #ffffff;
    font-family: 'Times New Roman', Times, serif;
    font-size: x-large;
    margin: 0;
    padding: 0;
    text-align: center;
}

musubi画像ここまで*/




/*musubiバッグラウンドここから*/
.musubi {
        background-image: url(/special/newsletter/images/musubi_bg.jpg) !important;
		/*background-size:auto;*/
        /*background-size:100%;*/
	    background-size:cover;
        background-repeat:no-repeat;
	    /*background-position: 60% 0%;*/
        position:relative;
	    width:100%;
        height: auto;
    }
/*musubiバッグラウンドここまで*/




@media screen and (min-width: 640px){
	/*-----------------------
	utility
	-------------------------*/
     .bnr_br_sp, .sp{
        display: none;
}
    .bnr_br_pc, .pc{
        display: block;
    }

.absolute {
    position: absolute;
    width: 100%;
    top: -20px;
    padding: 0;
}
/*4.14追加*/
.l-container .l-wrapper_sp img {
    width: 288px;
}
.btn {
	top:20px;
    left: 300px;
}
.l-container .nav_logo {
    width: 65px;
}
.l-container .nav-wrapper_sp{
    height: 93px;
}
.l-container .background {
     padding-top: 93px; 
}
/*/4.14追加*/
}	
	
/*4.14追加*/
@media (min-width: 768px) and (max-width: 959px){
.l-outline {
    padding-top: 0 !important;
}
}

@media screen and (min-width: 960px){
/*-----------------------
utility
-------------------------*/
.br_nav_sp{
 display: none;
}
.br_nav_pc{
 display: block;
}
	
/*-----------------------
nav
-------------------------*/	
.l-container .nav-wrapper_pc{
	 display: flex;
    justify-content: space-between;
    padding: 0 20px;
	align-items: center;
}
	
.l-container .l-wrapper_pc{
	margin: 0 auto;
	/*padding: 10px 20px 10px 132px;*/
	padding: 16.5px 20px 16.5px 132px;/*04.19追加*/
}
	
.l-container ul.main-menu_pc {
    text-align: center;
}
	
.l-container .main-menu_pc li{
  display: inline-block;
  list-style: none;
  /*font-size: x-large;*/
  font-family: Arial, Helvetica, sans-serif;
  /*font-size:2rem;*/
  /*font-size:1.7rem;*/
	font-size:1.6rem;/*04.19追加*/
    }
	
.l-container #nav_menu_pc{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: rgba(255,255,255,0.8);
}

.l-container #nav_menu_pc{
/*height:135px;*/
height:145px;/*04.19追加*/
}
	
.l-container .nav_logo{
	position:static;
    margin: auto 0;
	width: 95px;
}
.l-container .l-wrapper_pc img {
    width: 900px;
}	
.l-container .background {
    /*padding-top: 135px;*/
	padding-top:145px;/*04.19追加*/
}
	
}


@media screen and (min-width: 1024px){
.l-container .l-wrapper {
    max-width: 1200px;
}
}