@charset "UTF-8";
/* CSS Document */


/*===============================================
●  画面の横幅が414pxまで：スマホ
===============================================*/
@media screen and (max-width:414px) {
    
    
    
/*------------------- ヘッダー -----------------------*/
    
.rogo{
    width:50.4%;
    margin: 30px auto 7.574% auto;
} 
    
.ham_toggle {
    top: 10px;
}
    
    
.header_sns_wrap{
    display: flex;
    flex-direction: column;
    position:absolute;
    z-index:5;
    top:15px;
    left:10px;
}

.twitter-share-button {
    margin:0;
    padding:0;
}

.fb-like { /* Facebook */
    display: inline-block;
    height: 20px;
    overflow: hidden;
}


.sns_wrapper_fb { /* Facebook */
    display: inline-block;
    height: 20px;
    overflow: hidden;
}

.sns_wrapper_tw { /* Facebook */
    display: inline-block;
    height: 20px;
    overflow: hidden;
    margin: 5px 0 0 5px;
}

    
    
/*------------------- マド1グランプリとは -----------------------*/

    
.mado1_text01_sp {
    text-align:center;
    font-size:1.4rem;
    line-height:1.8em;
    letter-spacing: 1px;
    font-weight: 600;
    padding-bottom:6.25%;/*20px*/
}

/*--- 21.10.11更新分 ----*/
    
.tit_last_wrap_sp{
    margin:0;
}
    
.tit_last{
    margin:0 auto;
    text-align:center;
    width:95.501%;
    padding:5.19% 0;
}
    
    
.mado1_text02 {
    text-align:center;
    font-size:1.6rem;
    line-height:1.8em;
    letter-spacing: 1px;
    font-weight: 600;
    padding:6.25% 0 3.25% 0;
}

.wrap_ranking_sp{
    width:100%;
    margin:0 auto;
    position: relative;
}


.ranking01{
    margin:0 -7.197% 5.19% -7.197%;
}

.ranking02_05{
    margin:0 -3.321% 10.38% -3.321%;
}
    
    
.thanks{
    width:89.83%;
    margin:0 auto;
    text-align:center;
}
 

/*------------------- マドレーヌへのこだわり -----------------------*/
	
.back_red {
	width:100%;
    background-color: #ff0101;
    border-top:solid #fff 3px;
	padding: 60px 0 50px 0;
}
    
.back_red02 {
	width:100%;
    background-color: #ff0101;
    border-top:solid #fff 3px;
	padding: 9.066% 0 0 0;
}
    
.back_red03 {
	width:100%;
    background-color: #ff0101;
	padding: 9.066% 0 0 0;
}

    
.mondo_container02 {
    max-width:960px;
	margin:0 auto;
    padding: 0 10.248%;
}

    
.tit_kodawari_sp{
	width: 65.333%;
    padding: 0 0 30px 0;
    margin: 0 auto;
    text-align: center;
}
    
.ph_kodawari01_wrap{
    max-width:100%;
	margin:0 auto;
}
    
.ph_kodawari01{
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
    max-width:100%;
	margin:0 auto;
    padding: 0;
}

    
.tit_kodawari02{
	width: 78.67%;
    padding: 50px 0 30px 0;
    text-align: left;
}
    
.tit_kodawari03{
	width: 84.569%;
    padding: 0 0 30px 0;
    margin:0 auto;
}
    
.ph_kodawari02{
	max-width:1050px;
	margin:0 auto 50px auto;
    position: relative;
}
    

.movie_wrap{
    width:100%;
    margin:0 auto;
}
    
    
.ph_kodawari01_sp{
    width:100%;
    margin-bottom: 5.124%;
	margin:0 auto;
}

    
    
    
    
/*------------------- おいしさの秘密 -----------------------*/
	
.himitsu_top_wrap{
    width:100%;
    margin:0 auto;
    padding: 40px 0 30px 0;
    background-color: #fff;
}
 
    
.himitsu_top_wrap .main_tit{
    width:90.466%;
    margin:0 auto;
    padding:0 0 30px 0;
}
    
.himitsu_top_wrap .txt_read_sp{
    font-size:1.5rem;
    text-align:center;
    line-height: 2.0em;
    letter-spacing: 1px;
    font-weight: 600;
}
    
.himitsu01_back, .himitsu02_back, .himitsu03_back, .himitsu04_back, .himitsu05_back{
    width:100%;
    padding:15px 0;
	background-position:50% 50%;
	background-size:cover;
}
    
    
.himitsu_flex{
    max-width:100%;
	margin:0 auto;
    padding: 0;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    
.himitsu_wrap{
    width:100%;
}

.himitsu_wrap01{
    width:100%;
}
 
.himitsu_text_wrap{
    width:100%;
	margin:0 auto;
    padding: 30px 10.248%;
}
    

.himitsu_tit01, .himitsu_tit02, .himitsu_tit03, .himitsu_tit04, .himitsu_tit05{
    margin-bottom:25px;
}

.himitsu_tit01{width:95.505%;}
.himitsu_tit02{width:89.438%;}
.himitsu_tit03{width:95.955%;}
.himitsu_tit04{width:100%;}
.himitsu_tit05{width:97.977%;}


    
.himitsu_text{
    font-size:1.5rem;
    letter-spacing:1px;
    line-height: 1.8em;
    /*text-align: left;*/
    color:#fff;
}
    

    
/*------------------- モンドセレクション -----------------------*/

.mondo_container {
    width:100%;
    background-color:#112d5d;
    border-top:solid 3px #fff;
    border-bottom:solid 3px #fff;
    padding:60px 0 50px 0;
}

.mondo_container {
    width:100%;
    padding:50px 0 60px 0;
}
    
.mondo_tit {
    /*width:74.4%;*/
    width:69.96%;
    margin:0 auto 12.367% auto;
}

.mondo_text {
    margin:0 auto 15px auto;
    font-size:1.4rem;
    text-align:left;
    line-height: 1.8em;
    color:#fff;
    letter-spacing: 0.01em;
    text-align: justify;
    text-justify: inter-ideograph;//IE対応
}

.mondo_kinsyou {
    /*width:100%;*/
    width:87.632%;
    margin:0 auto 10.60% auto;
    text-align:center;
}

.mondo_mark {
    width:70.671%;
    margin:0 auto 8.833% auto;
    text-align:center;
}

.mondo_ph {
    width:100%;
    margin:0 auto 0px auto;
    text-align:center;
}

.mondo_text02 {
    width:100%;
    margin:0 auto;
    text-align:left;
    font-size:1.4rem;
    line-height: 1.8em;
    letter-spacing:1px;
    color:#fff;
    text-align: center;
}
    
    
/*------------------- 商品紹介 -----------------------*/


.lineup_back {
    width:100%;
    background-color:#e5e5e5;
    padding:60px 0 30px 0;
    border-top: solid #fff 3px; /* 230623更新 */
}


.lineup_tit {
    width:39.2%;
    margin:0 auto 30px auto;
}

.lineup_wrap {
    max-width:100%;
    margin:0 auto;
    padding: 0;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    
    
.lineup01 {
    width:100%;
    margin-top:0px;
}
    
.lineup01 img {
    width:100%;
    text-align:center;
    margin:0 auto;
}

    
.lineup {
    width:100%;
    margin-top:30px;
}

.caution {
    text-align: right;
    font-size:1.2rem;
    letter-spacing: 1px;
    padding-bottom:10px;
}

    

/*------------------- 店舗情報 -----------------------*/
	
.shop_container {
    max-width:960px;
    margin: 0 auto;
    padding:60px 10.248% 30px 10.248%;
    background-color:#fff;
}


.shop_tit {
    width:33.012%;
    margin:0 auto 30px auto;
}

.shop_btn_container {
    width:100%;
    margin:0 auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shop_btn {
    width:100%;
    transition: .5s;
    display:block;
    cursor:pointer;
    margin-bottom:1em;
}

.shop_btn:hover {
    opacity:.5;
}

.shop_caution {
    text-align: left;
    font-size:1.2rem;
    letter-spacing: 0px;
    padding-top:0.5em;
}

.last_sns_wrap{
    width:60.533%;
    margin:10px auto 0 auto;
    display:flex;
    justify-content: space-around;
}

.last_sns_wrap .btn_sns{
    width:21%;
    display:block;
    transition: .5s;
    cursor:pointer;
}


.last_sns_wrap .btn_sns:hover {
    opacity:.5;
}


    
/*------------------- 非表示 -----------------------*/
     
.mado1_text01, .mado1_how_step02, .text_center, .mado1_present_text, .kv, .tit_kodawari_pc, .himitsu_top_wrap .txt_read_pc, .himitsu_wrap02, .pc, .mado1_present_ph_pc, .ph_kodawari01, .hashtag_back, .star_line_pc, .mado1_how_wrap_pc, .mado1_titwrap_pc, .mado1_present_wrap_pc, .kekka_wrap_pc, .line_5colors_pc, .mondo_text_pc, .tit_last_wrap_pc, .wrap_ranking_pc, .arrenge02_footer, .kv_second_wrap_pc, .slider_wrap_pc, .fin_pc {
    display:none;
}
    
    
    
/*------------------- 第二弾 -----------------------*/
    

.kv_second_sp {
    width:100%;
    margin:23% auto 0px auto;
    padding:0;
}
    
.topics_wrap_sp {
    width:100%;
    padding:1.866% 3.666% 0 5.266%;
    background-color:#fff;
}

.topics_sp {
    margin:0 auto;
}
    
.topics_sp:hover {
    opacity:.5;
}

    

    
/* 埼玉工場から */
    
.tit_saitama01{
	width: 100%;
    padding: 0;
    margin: 0 auto 13.235% auto;
    text-align: center;
}

.slider_wrap{
    width:100%;
    margin:0 auto;
    padding:0;
}
    
.slider_wrap .pc{display: none !important;}
.slider_wrap .sp{display: block !important;}
    
/* アレンジ倶楽部 */
    
.arrenge_select_wrap{
    max-width:100%;
	margin:0 auto;
    padding: 8% 0;
    position:relative;
}    
    
    
.recipe_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.recipe_flex .recipe_select {
    width:47.756%;
    margin-bottom:7.252%;
    margin-right:0%;
    transition: .5s;
}

.arrenge_footer{
    width:50.445%;
    bottom:0;
    right:-5.3%;
    position:absolute;
} 
    
    
.recipe_contents {
    width:100%;
	margin-bottom:7.252%;
    background-color:#fff;
	border-radius:8px;
	padding:6.055%;
}
    
.recipe_tit {
    width:100%;
	margin:0 auto;
}
    
.recipe01_copy, .recipe02_copy, .recipe03_copy, .recipe04_copy, .recipe05_copy {
    margin:6% auto;
	text-align:center;
}

.recipe01_copy{width:60.777%;}
.recipe02_copy{width:76.363%;}
.recipe03_copy{width:63.25%;}
.recipe04_copy{width:65.017%;}
.recipe05_copy{width:59.363%;}
    


    
.zairyou_wrap {
    margin-top:6.41%;
    padding:0;
    font-size:1.4rem;
    text-align:left;
    color:#000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}    
    
    
.zairyou_contents {
    width:100%;
}

.zairyou_naiyou {
    width:80%;
}

.zairyou_naiyou_amount {
    width:20%;
}    
    

    
.cooking_contents {
    margin:6.41% auto 0 auto;
    width:100%;
}
    
.recipe_contents02 {
    margin:6.41% auto 0 auto;
    padding:0 5.842%;
    text-align:center;
}
    
.fin {
	width:100%;
    border-top:solid #fff 3px;
	padding: 0;
}

.fin img {
	width:100%;
} 
    
.pc {display:none;}
.sp {display:block;}
    

}