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



/*===============================================
● 画面の横幅が751x以上：PC
===============================================*/
@media screen and (min-width: 751px) {


    
/*------------------- ハンバーガーメニュー -----------------------*/
    
    
.ham_menu {
	position: absolute;
	/* 開いてないときは画面外に配置 */
    top:0;
	left: 100%;
	background: #ff0101;
	width: 50%;
	text-align: left;
	padding: 100px 0 0 13.333%;
    z-index:900;
    height:100vh;
    
	
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
    
	

/*------------------- マド1グランプリとは -----------------------*/
    
 
    
.star_line_pc02 {
    width:100%;
    padding-top:0%;/*30px*/
}
 
    
.mado1_container {
    width:100%;
    background-color:#fff;
    padding: 40px 4.687% 60px 4.687%;
    border-radius: 12px;
    position:relative;
}
    
.mado1_tit {
    width:54.285%;
    margin:0 auto;
    text-align:center;
    padding-bottom:40px;/*30px*/
}
    
.mado1_text01 {
    text-align:center;
    font-size:2.5rem;
    line-height:2em;
    letter-spacing: 1px;
    font-weight: 600;
    padding-bottom:40px;/*20px*/
}
    
.mado1_text02  {
    text-align:center;
    font-size:3.0rem;
    line-height:2em;
    letter-spacing: 2px;
    font-weight: 600;
    padding:6.25% 0 3.25% 0;
}
    
.ninki {
    width:70%;
    margin:0 auto;
    padding-bottom:4.25%;/*20px*/
}
    
.mado1_btn_tw {
    width:46.25%;
    margin:0 auto;
    text-align:center;
    padding-bottom:50px;
}
 
    
/*--- 21.10.11更新分 ----*/
    
.tit_last_wrap_pc{
    margin:0;
}
    
.tit_last{
    margin:0 auto;
    text-align:center;
    width:72.063%;
    padding:3.375% 0;
}
    
.wrap_ranking_pc{
    width:89.83%;
    margin:0 auto;
    position: relative;
}


.ranking01{
    margin:0 0 2.424% 0;
}

.ranking02_05{
    margin:0 0.693% 3.636% 0;
}
    
    
.thanks{
    width:79.83%;
    margin:0 auto;
    text-align:center;
}
    
    

/*------------------- マドレーヌへのこだわり -----------------------*/

.tit_kodawari_pc{
	width: 63.619%;
    padding: 0 0 60px 0;
    margin: 0 auto;
    text-align: center;
}
    
.tit_kodawari_pc img{
    margin: 0 auto;
    text-align: center;
}
    
  
    
.ph_kodawari01_wrap{
    width:100%;
	margin:0 auto;
}
    
.ph_kodawari01{
    max-width:89.752%;
    overflow: hidden;
    padding: 0 5.124%;
    margin-bottom: 5.124%;
	margin:0 auto;
    animation: none;
}
    
.ph_kodawari02{
	width:100%;
	margin:0 auto 70px auto;
    position: relative;
}
    
.movie_wrap{
    max-width:84%;
    margin:0 auto;
}


    
.tit_kodawari02{
	width: 55.485%;
    padding: 70px 0 50px 0;
    text-align: left;
}
    
.text_kodawari{
    text-align: left;
	color:#fff;
	font-size:2.0rem;
	letter-spacing:2px;
	line-height: 2em;
	padding-bottom:50px;
}
    
    
.tit_kodawari03{
	width: 75.047%;
    padding: 0 0 40px 0;
    margin:0 auto;
}

    

/*------------------- おいしさの秘密 -----------------------*/

.himitsu_top_wrap .txt_read_pc{
    font-size:2.2rem;
    text-align:center;
    line-height: 2em;
    letter-spacing: 1px;
    font-weight: 600;
}
    
.himitsu_text{
    font-size:2.0rem;
    letter-spacing:1px;
    line-height: 1.8em;
    /*text-align: left;*/
    color:#fff;
    text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
    

.himitsu_wrap02{
    width:46.354%;
}
    
.himitsu_top_wrap .main_tit{
    width:60%;
    margin:0 auto;
    padding:0 0 60px 0;
}
    
.himitsu_top_wrap .main_tit img{
    margin:0 auto;
    text-align:center;
}
    
    
.himitsu_top_wrap{
    width:100%;
    margin:0 auto;
    padding: 80px 0 60px 0;
    background-color: #fff;
}
    
.himitsu_flex{
    max-width:89.752%;
	margin:0 auto;
    padding: 0 5.124%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


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

    
.mondo_container02 {
    max-width:89.752%;
	margin:0 auto;
    padding: 0 5.124%;
}
    
.mondo_ph {
    width:100%;
    margin:0 auto 20px auto;
    text-align:center;
}

.mondo_ph img {
    margin:0 auto;
    text-align:center;
}

.mondo_text02 {
    width:100%;
    margin:0 auto 20px auto;
    text-align:left;
    font-size:1.8rem;
    line-height: 2em;
    letter-spacing:1px;
    color:#fff;
    text-align: center;
}
    
.mondo_kinsyou {
    width:52.527%;
    margin:0 auto 6.319% auto;
    text-align:center;
}
    
.mondo_text_pc {
    margin:0 auto 50px auto;
    font-size:1.8rem;
    text-align:center;
    letter-spacing: 1px;
    line-height: 2em;
    color:#fff;
}
    
.mondo_tit {
    width:34.913%;
    margin:0 auto 7.898% auto;
}
    
/*------------------- 商品紹介 -----------------------*/

.lineup_wrap {
    max-width:1000px;
	margin:0 auto;
    padding: 0 5.124%;
}
    
.lineup01 {
    width:100%;
    margin-top:0px;
}

.lineup01 img {
    width:100%;
    text-align:center;
    margin:0 auto;
}
    
.lineup {
    width:100%;
    margin-top:40px;
}
    
.lineup_tit {
    width:20.2%;
    margin:0 auto 40px auto;
}
    

/*------------------- 店舗情報 -----------------------*/
    
    
.caution {
    text-align: right;
    font-size:1.5rem;
    letter-spacing: 1px;
    padding-top:0.5em;
}

.caution .right2em {
    padding-right:0em;
}

    
.shop_caution {
    text-align: left;
    font-size:1.5rem;
    letter-spacing: 0px;
    padding-top:0.5em;
}
    
.shop_tit {
    width:22.466%;
    margin:0 auto 40px auto;
}
    
    
/*------------------- 第二弾 -----------------------*/
    
.kv_second {
    margin:0px auto 11.713% auto;
    width:100%;
}

    
.kv_second_wrap_pc{
    width:100%;
	margin:13% 0 0 0;
    padding: 0;
    position:relative;
}

    
.slider_wrap{
    width:83.619%;
    margin:0 auto;
    padding:0;
}
    
.slider_wrap .pc{display: block !important;}
.slider_wrap .sp{display: none !important;}

    
#slider02 {
    width:47.152%;
    margin:6.837% auto 0 auto;
}
    
/* アレンジ倶楽部 */


.arrenge_select_wrap{
    width:84.747%;
	margin:0 auto;
    padding: 4.761% 0;
    position:relative;
}

.recipe_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content:　flex-start;
}

.recipe_flex .recipe_select {
    width:31.25%;
    margin-bottom:5.681%;
    margin-right:2.068%;
    transition: .5s;
}
    
.arrenge_footer{
    width:34.659%;
    bottom:0;
    right:-3.409%;
    position:absolute;
} 
    
.mgn_r0 {
    margin-right:0;
}
    
.recipe_contents {
    width:100%;
    margin-bottom:7.252%;
	background-color:#fff;
	border-radius:8px;
	padding:8.095%;
}
    
.recipe_tit {
    width:71.931%;
	margin:0 auto;
}
    
.recipe01_copy, .recipe02_copy, .recipe03_copy, .recipe04_copy, .recipe05_copy {
    margin:3.409% auto;
	text-align:center;
}

.recipe01_copy{width:38.409%;}
.recipe02_copy{width:47.488%;}
.recipe03_copy{width:39.886%;}
.recipe04_copy{width:41.818%;}
.recipe05_copy{width:37.954%;}
    
.zairyou_wrap {
    margin-top:6.41%;
    padding:0;
    font-size:1.6rem;
    text-align:left;
    color:#000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
    
.zairyou_contents {
    width:46.704%;
}
    
.cooking_contents {
    width:46.704%;
}
    
.recipe_contents02 {
    margin:6.41% auto 0 auto;
    padding:0 5.842%;
    text-align:center;
}
    
.fin_pc {
    width:100%;
    margin-bottom:2.777%;
}
    
.pc {display:block;}
.sp {display:none;}

 

    
    

/*------------------- 非表示 -----------------------*/

    
.mado1_text01_sp, .mado1_how_step02_sp, .text_center_sp, .mado1_present_text_sp, .kv_sp, .tit_kodawari_sp, .himitsu_top_wrap .txt_read_sp, .himitsu_wrap01, .sp, .mado1_present_ph_sp, .ph_kodawari01_sp, .hashtag_back_sp, .star_line, .mado1_titwrap, .mado1_how_wrap, .mado1_present_wrap, .kekka_wrap, .line_5colors, .mondo_text, .tit_last_wrap_sp, .wrap_ranking_sp, .kv_second_sp, .fin{
    display:none;
}
	
}


    
@media screen and (min-width: 1050px) {
    
.topics_pc{
    width:34.480%;
    margin-left:5.125%;
    margin-bottom:-6.928%;
    padding:0%;
    text-align:right;
    position:absolute;
    left:0;
    bottom:0;
    z-inex:2;
}
    
}


@media screen and (max-width: 1049px) and (min-width: 751px) {

    
.topics_pc{
    width:34.480%;
    margin-left:5.125%;
    margin-bottom:-6.928%;
    padding:0%;
    text-align:right;
    position:absolute;
    left:0;
    bottom:0;
    z-inex:2;
}
    
}