@charset "UTF-8";

/* ================================================
   common
================================================ */
*	{
	margin:0;
	padding:0;
	}
html {
	min-width: 320px;
	font-size: 62.5%;
	/*10px*/
}

body {

	
}

#sub_main {
    font-family: kaisei-harunoumi, sans-serif!important;
    font-style: normal;
    font-weight: 400;

}

.ie8 body {
	min-width: 1080px;
}


/*imgのbottomの隙間を埋める*/
.space_0{
	line-height: 0;
	
}

/*fluid image*/
img {
	max-width: 100%;
	height: auto;
}
.img_100{
	width:100%;
	max-width:100%;
	height:auto;
}
.img_100_85{
	width:100%;
	max-width:100%;
	height:auto;
}
.img_h100{
	width:auto;
	height:100%;
}
.img_45{
	width:45%;
	max-width:45%;
	height:auto;
}


#sub_main ul li {
	list-style-type: none;
	
}
#sub_main ul.list{
	
	
}
#sub_main ul.list li {
	list-style-type: disc;
	margin-left:36px;
	line-height: 1.2;
	margin-bottom: 10px;
	
	
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}

.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}

.text {
	text-align: left;
}


.gochic_mf{
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
}
/*-----------------------------------------------------
	リンク
-------------------------------------------------------*/
a:link {
	color:#314984;
	text-decoration: underline;
	-moz-transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
	}


a:visited {
	color:#333;
	text-decoration: underline;
	}
.white a:link{
	color:#fff;
	text-decoration: underline;
	-moz-transition: 0.5s ease-in;
	-webkit-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
	}
.white a:visited{
	color:#fff;
	text-decoration: underline;
	}



a:hover, a:active, .white a:hover, .white a:active{
	color:#0071d4;
	text-decoration: underline;
	}

	
.oline_w{
		border:5px #ffffff solid;
		-moz-transition: 0.5s ease-in;
		-webkit-transition: 0.5s ease-in;
		transition: 0.5s ease-in;
	}

	
.oline_w a:hover{
		border:5px #0071d4 solid;
		
		}
.line_photo {
	background: #fff;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.line_photo img{
	padding-top: 25px;
	width: 90%;
	height: auto;
	text-align: center;
}
		
/*-----------------------------------------------------
	背景 ライン　模様
-------------------------------------------------------*/	
.right_dashed{
	border-right:1px dashed #c8c8c9;
	
}
.dotted_gray{
	border:1px dotted #c8c8c9;
	padding:20px;
	width:1010px;
	
}
.back_st{
	background:url(../img/strip_gray.png) repeat;	
	}
.back_w{
	background:#FFF;
	}

.back_yellow{
	background:#ffff00;
}



/* ================================================
   fluid gird system
================================================ */
/* 全体の幅 */
.gridSystemWidth {
	width: 1080px;
}

/*カラムを囲む要素につける*/
.row{
	margin: 1.38889% auto; 
	max-width: 1080px;

		} 
.row_h{
	margin: 5.55556% auto;
	max-width: 1080px;

	}
.row_v0{
	margin: 0 auto; 
	max-width: 1080px;
	}
.row:after, .row_h:after, .row_v0:after{
	content: "";
	display: block;
	clear: both;
}

.row .row, .row_h .row, row_v0 .row{
	margin-left: -1.38889%;
	margin-right: -1.38889%;
	overflow: hidden;
}


/*カラム共通設定*/
.column {
	float: left;
	margin-left: 1.38889%;
	margin-right: 1.38889%;
}
/*カラムの幅
カラム幅60px、ガター30px、12カラムをベース*/
.large-1 {
	width: 5.55556%;
}
.large-2 {
	width: 13.88889%;
}
.large-3 {
	width: 22.22222%;
}
.large-4 {
	width: 30.55556%;
}
.large-5 {
	width: 38.88889%;
}
.large-6 {
	width: 47.22222%;
}
.large-7 {
	width: 55.55556%;
}
.large-8 {
	width: 63.88889%;
}
.large-9 {
	width: 72.22222%;
}
.large-10 {
	width: 80.55556%;
}
.large-11 {
	width: 88.88889%;
}
.large-12 {
	width: 97.22222%;
}

/*センター配置*/
.large-centered {
	margin-left: auto;
	margin-right: auto;
	float: none;
}

/*Media Queries for medium size
状況に応じて数値を変更する*/
@media screen and (max-width: 1023px) {
	/*カラムの幅
	カラム幅60px、ガター30px、12カラムをベース*/
	.medium-0 {
		width: 0%;
	}
	.medium-1 {
		width: 5.55556%;
	}
	.medium-2 {
		width: 13.88889%;
	}
	.medium-3 {
		width: 22.22222%;
	}
	.medium-4 {
		width: 30.55556%;
	}
	.medium-5 {
		width: 38.88889%;
	}
	.medium-6 {
		width: 47.22222%;
	}
	.medium-7 {
		width: 55.55556%;
	}
	.medium-8 {
		width: 63.88889%;
	}
	.medium-9 {
		width: 72.22222%;
	}
	.medium-10 {
		width: 80.55556%;
	}
	.medium-11 {
		width: 88.88889%;
	}
	.medium-12 {
		width: 97.22222%;
	}
	/*センター配置*/
	.medium-centered {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}
	/*センター配置解除*/
	.medium-uncentered {
		margin-left: 1.38889%;
		margin-right: 1.38889%;
		float: left !important;
	}
}

/*Media Queries for small size
状況に応じて数値を変更する*/
@media screen and (max-width: 767px) {
	.column {
		margin-left:  1.38%;
		margin-right: 1.38%;
	}
	/*センター配置*/
	.small-centered {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}
	/*センター配置解除*/
	.small-uncentered {
		margin-left: 1.38889%;
		margin-right: 1.38889%;
		float: left !important;
	}
	/*全てのカラムの幅*/
	[class*="large"],
	[class*="medium"],
    [class*="small"] {
		width: 97.5%;
	}
	.small-1 {
		width: 5.55556%;
	}
	.small-2 {
		width: 13.88889%;
	}
	.small-3 {
		width: 22.22222%;
	}
	.small-4 {
		width: 30.55556%;
	}
	.small-5 {
		width: 38.88889%;
	}
	.small-6 {
		width: 47.22222%;
	}
	.small-7 {
		width: 55.55556%;
	}
	.small-8 {
		width: 63.88889%;
	}
	.small-9 {
		width: 72.22222%;
	}
	.small-10 {
		width: 80.55556%;
	}
	.small-11 {
		width: 88.88889%;
	}
	.small-12 {
		width: 97.22222%;
	}
}

/* ================================================
   Heading
================================================ */

/*header背景*/



.visual_head{
  position: relative;
  padding:3em 0 4em;

  /*height: 580px;*/


}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */

.pc{
  display: inline !important;
}
.sp{
  display: none !important;
}



/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
    

    
.pc{
    display: none !important;
  }

.sp{
    display: inline !important;
  }
}




.head_top{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width:100%;
    height: auto;
}
.head_bottom{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width:100%;
    height: auto;
    /*background: #d6c5a7;*/
}

#sub_main h2{
    font-weight: 700;
	font-size:27px;
	font-size: 2.7rem;
    line-height: 1.75;
}
#sub_main h2.midokoro {
    font-size:32px;
	font-size: 3.2rem;
    
    font-weight: 800;
    text-align: center;
    margin-bottom: 80px;
    display: block;

}




	
#sub_main h3{
    font-weight: 700;
	font-size:20px;
	font-size: 2.0rem;
	}

p.shira,p.shira_c{
	line-height: 1.75;
	font-size: 20px;
	font-size: 2.0rem;
}
p.shira_c{

    font-weight: 700;
    line-height: 2;
}


p.shira_nomal{
	line-height: 1.25;
	font-size: 15px;
	font-size: 1.5rem;
}

p.exp{
	line-height: 1.25;
	font-size: 12px;
	font-size: 1.2rem;
}

p.prize::before{
   content: "【";
}
p.prize::after{
   content: "】";
}
p.prize{
    line-height: 1.2em;
	font-size: 12px;
	font-size: 1.2rem;
    padding: 5px 0;
    font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    font-weight: 300;
    display: inline-block;
    
    /*line-height: 1em;
	font-size: 14px;
	font-size: 1.4rem;
    border: 1px solid #314984;
    padding: 10px;
    margin-bottom: 10px;
    font-family: kaisei-harunoumi, sans-serif;
    font-style: normal;
    font-weight: 700;
    display: inline-block;*/
}
p.prize span.w75{
font-stretch: condensed;
}
.prize_line{
    border: 1px solid #314984;
    padding: 10px;
    margin-bottom: 40px;/*画面サイズによって枠よりはみ出るので1223追加修正*/
}
/* ================================================
   button
================================================ */
/* .btn {
	display: inline-block;
	padding: 0.5em 1em;
	border: 1px #e6e6e6 solid;
	border-radius: 3px;
	color: #333;
	text-decoration: none;
	background: #83a603;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #83a603), color-stop(100%, #7fa103));
	background-image: -webkit-linear-gradient(top, #83a603, #7fa103);
	background-image: -moz-linear-gradient(top, #83a603, #7fa103);
	background-image: -o-linear-gradient(top, #83a603, #7fa103);
	background-image: linear-gradient(top, #83a603, #7fa103);
	color: #fff;
}
.btn:hover {
	background: #93ba03;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #93ba03), color-stop(100%, #8bb003));
	background-image: -webkit-linear-gradient(top, #93ba03, #8bb003);
	background-image: -moz-linear-gradient(top, #93ba03, #8bb003);
	background-image: -o-linear-gradient(top, #93ba03, #8bb003);
	background-image: linear-gradient(top, #93ba03, #8bb003);
}
*/
/* ================================================
   layout
================================================ */


.f_logo{background: #fe8c00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fe8c00, #f83600);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fe8c00, #f83600); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.nomal-wrapper,
.section-coco{
	padding: 4em 0;
   
}

.nomal-wrapper_0{
	padding: 4em 0 0;

}
	
.nomal-wrapper,.nomal-wrapper_0{
	position:relative;
}


.wall_back{
    position: relative;
  
}



.back_kiji{
    position: relative;
    background:url("../img/p_ab_dots.png"); 
 
}

/*footerの背景*/
.footer_img {
    background:  url(../img/wave.png) no-repeat;
    -webkit-background-size: 100% auto;
	background-size: 100% auto;
    padding: 4em 0 2em;


}




.p_paper{
 position: relative;
  background:url("../img/paper_08.png") repeat;
}



/*CM*/


/*CM背景*/
.p_cm{
 margin:2em 0 2em;
 padding: 2em 0;
 position: relative;
 background:rgba(255,255,255,0.6);
 box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.1);
}
.cm_line{
 margin:0;
 padding:2px 0;
 background:url("../img/cm_line.png") repeat-x;
 hight:18px;
 width:100%;

 
}


.p_itimatu2025{

    padding: 50px 0;
   
}




/*.youtube_comment{
	float:left;
		
		}*/

/*ふわふわ*/
.fuwafuwa {

-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;

}



@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}

}



@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}

}

/*ブルブル*/
.buruburu {
    -webkit-animation:buruburu 0.4s infinite ease-in-out alternate;
    animation:buruburu 0.4s infinite ease-in-out alternate;
}

@-webkit-keyframes buruburu {
    0% {-webkit-transform:translate(0, 0) rotate(-2deg);}
    50% {-webkit-transform:translate(0, -2px) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(2deg);}
}

@keyframes buruburu {
    0% {transform:translate(0, 0) rotate(-2deg);}
    50% {transform:translate(0, -2px) rotate(0deg);}
    100% {transform:translate(0, 0)rotate(2deg);}
}


/*ふわっと*/
.anime {


}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:3s;
 -ms-animation-duration:3s;
 animation-duration:3s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0;/* -webkit-transform: translateY(-10px);*/ }
 100% { opacity: 1; /*-webkit-transform: translateY(0);*/ }
}
@keyframes fadeInDown {
 0% { opacity: 0;/* -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);*/ }
 100% { opacity: 1;/* -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);*/ }
}


/*logo*/
.p_logo{
	position: absolute;
    top:-70%;
    right: 0;
    left: 0;
    margin: 0 auto;
	width: 860px;
	height: auto;
	z-index: 100;
    }


/*見逃し*/
ul.minogashi{
     margin: 2em 0 ;
}
    
 ul.minogashi li{
     display: inline-block;

}
.minogashi li.un,.minogashi li.dou{
}
.minogashi li.dou{
    text-align: center;
}
/*.minogashi li.dou,.minogashi li.tro{
    width: 200px;
}

.minogashi li.dou{
    text-align: left;
}

.minogashi li.tro{
    text-align: right;
}*/

.minogashi li.dou img,.minogashi li.tro img{
    height: 100px;
    width: auto;   
}



/*cast*/




.cast01{
    
    
}
.cast02{
    
}
.cast_none{

    visibility: visible;  
}

.cast03{
    
} 

/*foove横画像*/
.foove_sideimage{
 margin: 40px 0 0 0;
}

/*雲*/




.catch01 img,.catch02 img,.catch03 img,.top_catch01 img{
    width:280px;
	height:auto;
    }

.catch01{
    position: absolute;
    top: 2%;
    right: 0;

    }

.catch02{
	position: absolute;
	top: 60%;
	left: 0;
    }

.catch03{
    position: absolute;
    bottom: 5%;
    right: 0;

    }

.top_catch01{
    visibility:hidden;
    /*position: absolute;
    width:180px;
    top: -10px;
    left: -10px;*/

    }


.back_talk{
    background: url("../img/back_talk.png") no-repeat center center;

}

#sub_main .program_catch{
    margin: 2em 0;

    

}

#sub_main .program_catch h2{
    font-size: 33px;
	font-size: 3.3rem;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    line-height: 1.3;

}

#sub_main .program_catch .danraku{
    font-size: 23px;
	font-size: 2.3rem;
    font-weight: 500;
    display:  block;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    text-align: center;
}
#sub_main .program_catch .danraku02{
    
    
}
/*結び*/
.musubi{    
    margin: 1.8em 0 2em;
}

/*しおり*/

.top_shiori{
    position: absolute;
    top: 0;
    left: 2%;
    width: 150px;
    height: auto;
    transition: 1s all;
    transform-origin: top;
    }


.top_shiori:hover{
     transform: rotateZ(20deg);
}

.shiori_catch01{
    position: absolute;
    top: 0;
    left: 3%;
    width: 350px;
    height: auto;
    }

.cat_fusen01{
    position: absolute;
    width: 150px;
    height: auto;
    top: -3px;
    left: 2%;
    z-index: 10;
    transition: 1s all;
  transform-origin: top;
  
    }
.cat_fusen01:hover{
     transform: rotateZ(20deg);
}
/*レシピリスト*/
.reshipi_head{
    background:url("../img/stationery_24.png")no-repeat;
    width: 100%;
    height: auto;
    
    
    
}

/*酒リスト*/

.d_box{
    overflow: hidden;
    padding: 10px 0 0;
	position:relative;
    height: auto;
    text-align: left;

}
.d_box_img{
   margin:0 1.38889% 1.38889%;
   position:relative;
    
}

.d_text{
    overflow: hidden;
    padding-bottom: 15px;
    

	position:relative;
    
    height: auto;
    text-align: left;
    

}
.d_text p.shira_nomal{
    line-height: 1.7;
	font-size: 15px;
	font-size: 1.5rem; 
    margin-bottom: 10px;
}
.ken_kind{
    position:absolute;
    width:90px;
    top: 15px;
    left: 10px;
    box-sizing: border-box;
    background: url("../img/ra_ken_24.svg") no-repeat;
    height: 110px;
    padding: 32px 0 0 19px;


    margin-right: 10px;
}
.ken_kind span{
    font-size: 25px;
    font-size: 2.5rem;
    color: white;
    
    font-weight: 700;
}



.sake_kind{
    height:auto;
    overflow:visible;
    min-height: 110px;
    max-height: 250px;
    width: auto;
    margin-left: 110px;
    padding: 10px 0 0 0;
    margin-bottom: 10px;
 
}
.sake_kind h3{
    color: #DB490B;
    font-family: kaisei-harunoumi, sans-serif;
    font-weight: 700;
    font-style: normal;

}
.sake_kind h4.sake{
    font-size: 30px;
	font-size: 3.0rem;
    line-height: 1.1;
    color:#314984;
    margin-top: 5px;
    font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 900;
    font-style: normal;
}


.recipe,.recipe_title{
    font-family: kaisei-harunoumi, sans-serif;
    font-style: normal;
    font-weight: 400;   
}
.recipe p.shira_nomal{
    line-height: 1.5;
    margin: 2% 2% 0;
}


.recipe p.shira_nomal .r_name::before,.recipe p.shira_nomal .r_name_nonum::before{
    content: "・";  
}
.recipe p.shira_nomal .r_name::after{
    content: "…";  
}

.recipe p.shira_nomal .r_name_nonum::after{
    content: "";  
}

.recipe_kind{
    height:auto;
    min-height: 90px;
    max-height: 250px;
    width: auto;
    margin-left: 10px;
    padding: 5px 0 0 0;
    margin-top: 10px;
    margin-bottom: 15px;
    overflow:visible;

    
}
.recipe_kind h3{
    color: #DB490B;

    font-weight: 700;

}
.recipe_kind h4.recipe{
    font-size: 30px;
	font-size: 3.0rem;
    line-height: 1.1;
    color:#314984;
    margin-top: 5px;
    font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.recipe_kind h4.recipe::before{
content: "【";
}
.recipe_kind h4.recipe::after{
content: "】";
}
.recipe p.exp{
    margin: 1% 0 0 2%;
}

.y_marker{
    background:linear-gradient(transparent 60%, #ff6 60%);
}

.gaibu{
    width:370px;
    background: url("../img/087-09.png") no-repeat ;
    height: 42px;
    padding: 12px 0 0 12px;  
    margin-top: 12px;
}
.gaibu p a:link{
    font-size: 16px;
    font-size: 1.6rem;
    color:#314984;
    
    font-weight: 700;
    
   
}

/*youTube動画*/	
	
	.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
 
    .movie-wrap iframe {
    position: absolute;
    top: -2px;
    left: 1px;
    width: 100%;
    height: 100%;
}

/*table*/
#sub_main table.tb01{
  border-collapse: collapse;
  background: #fff;
  width: 100%;
  font-style: normal;
  font-size: 21px;
  font-size: 2.1rem;
  color:#314984;
}
.tb01 th,
.tb01 td{
  padding: 8px 6px;
  border: solid 1px #314984;
  text-align:left;
  box-sizing:border-box;
  vertical-align: middle;

}
.tb01 th {
  background: #8d9fb7;
  color:#314984;
  text-align:center;
  font-weight: 900;
  font-size: 25px;
  font-size: 2.5rem;
  vertical-align: middle;
  width: 33%;
}
.tb01 td {
text-align:center;
}
.sp_object{
    display: none;
}

.i_conver{
    display: none;
    visibility: hidden;
    }



/*Media Queries for tablet*/
@media only screen and (max-width: 1023px) {
    
.visual_head{



}
    
#sub_main h2{
	font-size:24px;
	font-size: 2.4rem;
    line-height: 1.5;
}
    
#sub_main .program_catch{
}
    
#sub_main .program_catch h2{
    font-size: 31px;
	font-size: 3.1rem;
    }
    
#sub_main .program_catch .danraku{
    font-size: 20px;
	font-size: 2.0rem;
    text-align: center;
    display:  block;
}
    

    
    
#sub_main h2.midokoro {
    font-size:28px;
	font-size: 2.8rem;
}
#sub_main h2.midokoro span{
    display: inline;
        
        
    }
   
.catch01 img,.catch02 img,.catch03 img,.top_catch01 img{
    width:200px;
	
	height:auto;
    }
    
.top_catch01{
    visibility:visible;
    position: absolute;
    width:100px;
    top: -10px;
    left: -10px;

    }
    
/*結び*/
.musubi{    
    margin: 1em 0 1.5em;
}
    
/*しおり*/
.top_shiori{

    top: 0;
    left: -2%;
    width: 130px;
    height: auto;
    }
.top_shiori:hover{
     transform: rotateZ(20deg);
}
    
.cat_fusen01{
    position: absolute;
    width: 120px;
    height: auto;

    left: 1%;
    z-index: 10;

    }
    
.shiori_catch01{
    width: 280px;
    height: auto;
    }
    
.back_talk{
    background: url("../img/back_talk_1023.png") no-repeat center center;
}


/*見逃し
 ul.minogashi li img{
     height: 70px;
}    
*/  





    
/*logo*/
.p_logo{
    position: absolute;
    top:-55%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 600px;
    height: auto;
    z-index: 100;
    } 
    
/*お酒紹介*/
p.prize{
	font-size: 10px;
	font-size: 1.0rem;
    padding: 3px;   
}

/*footerの背景*/
.footer_img {
    background:  url(../img/wave.png) no-repeat top center;
	background: cover;
    height: 250px;
    padding: 5em 0 1em;
   

}
}


/*Media Queries for small tablet & smart phone*/
@media only screen and (max-width: 767px) {
	body{
	font-size: 15px;
	font-size: 1.5rem;
	}

.back_kiji{
    position: relative;
    background:url("../img/p_ab_dots.png"); 
}


.back_talk{
    background: none;
}

.i_conver{
    display: block;
    visibility: visible;
    }
    



    
.cat_fusen01{
    width: 100px;
    height: auto;
    top: -2px;
    left: 0.5%;
    }
    
    
/*見逃し
 ul.minogashi li img{
     height: 45px;
}*/


p.shira,p.shira_c{
    line-height: 1.7;
	font-size: 15px;
	font-size: 1.5rem;
}
p.shira_nomal{
	line-height: 1.25;
	font-size: 11px;
	font-size: 1.1rem;
}

    
/*cast*/

.cast01,.cast02,.cast03{
    width:90%;
    height: auto;
    }
    
    
.cast01{
    
}

.cast03{
    margin-top: 0;
} 

.cast_none{
    display: none;
    visibility: hidden;  
}
    
    
/*foove横画像*/
 .foove_sideimage{
 margin: 5px 0;
 width: 180px;
 height: auto;
}   
    
    
    
/*catch*/



   
.catch01 img,.catch02 img,.catch03 img,.top_catch01 img{
    width:130px;
    }


    
.top_catch01{
    width:90px;
    top: -5px;
    left: -5px;

    }



.img_100_85{
	width:75%;
	max-width:75%;
	height:auto;
}
    
/*CM背景*/

.p_itimatu2025{

    padding: 25px 0;
   
} 
    
/*logo*/
.p_logo{
    top:-60%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 460px;
    height: auto;
    }
/*youtube背景*/
.visual_head{
  padding:4em 0;
}
    



#sub_main .program_catch{

} 
    
#sub_main .program_catch h2{
	font-size:22px;
	font-size: 2.2rem;
    margin-bottom: 10px;

}

#sub_main .program_catch .danraku{
    font-size: 16px;
	font-size: 1.6rem;
    display:  inline;
    margin:0;
    padding:0;
    line-height: 1.3;

}    
#sub_main .program_catch .danraku02{
    display:  block; 
    
}
#sub_main h2{
	font-size:19px;
	font-size: 1.9rem;
    line-height: 1.2;
}   
#sub_main h2.midokoro {
    font-size:24px;
	font-size: 2.4rem;
    margin-bottom: 30px;
  
    
}
    
    
/*table*/
#sub_main table.tb01{
  width: 100%;
  font-size: 17px;
  font-size: 1.7rem;
}
.tb01 th,
.tb01 td{
  padding: 3px;
}
.tb01 th {
  font-size: 18px;
  font-size: 1.8rem;
}
.d_text p.shira_nomal{
    line-height: 1.7;
	font-size: 15px;
	font-size: 1.5rem; 
}
/*結び*/
.musubi{    
    margin: 0 0 1em;
}
    

    
/*しおり*/ 
.top_shiori{
    top:-1%;
    left: -3%;
    width: 80px;
    height: auto;
    }
    
.shiori_catch01{
    width: 220px;
    height: auto;
    left: 2%;
    }
    
/*お酒紹介*/
.ken_kind{
    position:absolute;
    width:75px;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
    background: url("../img/ra_ken_24.png") no-repeat;
    -webkit-background-size: 100% auto;
	background-size: 100% auto;
    height: 92px;
    padding: 24px 0 0 15px;

    margin-right: 10px;
}
.ken_kind span{
    font-size: 22px;
    font-size: 2.2rem;
}

    
.sake_kind{
    min-height: 80px;
    max-height: 90px;
    width: auto;
    margin-left: 90px;
    padding: 5px 0 5px 0;
	   
}
#sub_main h3{

	font-size:16px;
	font-size: 1.6rem;
	}
.sake_kind h3{
    color: #DB490B;

}
.sake_kind h4.sake{
    font-size: 25px;
	font-size: 2.5rem;
}

p.prize{
	font-size: 10px;
	font-size: 1.0rem;
    padding: 3px;   
}
.recipe_kind{
    min-height: 80px;
    max-height: 90px;
    width: auto;
    margin-left: 10px;
    padding: 5px 0 5px 0;
	   
}
.recipe_kind h3{
    color: #DB490B;

}
.recipe_kind h4.recipe{
    font-size: 25px;
	font-size: 2.5rem

}
    
/*footerの背景*/

.footer_img {
    background:  url(../img/wave.png) no-repeat top left;
	background: cover;
    height: 250px;
    padding: 5em 0 0.5em;

}
.prize_line{
    margin-bottom: 20px;/*画面サイズによって枠よりはみ出るので1223追加修正*/
}

    
}


/*Media Queries for small tablet & smart phone*/
@media only screen and (max-width:425px) {
    
.nomal-wrapper,
.section-coco{
	padding: 2em 0;
   
}

.nomal-wrapper_0{
	padding: 2em 0 0;

}
.p_cm{
 margin:2em 0 1em;
 padding: 2em 0;

}



    
.top_catch01{
    top: -3px;
    left: -3px;

    }
/*しおり*/ 
.top_shiori{
    top:0;
    left: -3%;
    width: 65px;
    height: auto;
    }
    
    
    
/*見逃し*/
ul.minogashi{
     margin: 2em 0 ;
}
.minogashi li.un,.minogashi li.dou{
    text-align: center;
}

/*.minogashi li.dou{
    width: 150px;
}
*/
.minogashi li.dou img{
    height: 100px;
    width: auto;   
}



.cat_fusen01{
    width: 70px;
    height: auto;
    top: -1px;
    left: 0;
    }


#sub_main h2{
	font-size:14px;
	font-size: 1.4rem;
    line-height: 1.4;
    
}

#sub_main h2.midokoro {
    font-size:20px;
	font-size: 2.0rem;
    margin-bottom: 30px;
  
    
}


.img_100_85{
	width:80%;
	max-width:80%;
	height:auto;
}
.p_logo{
    top:-65%;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 375px;
    height: auto;
    }
    

#sub_main .program_catch{

    }
    
#sub_main .program_catch h2{
    font-size: 20px;
	font-size: 2.0rem;
    margin-top: 0;
    margin-bottom: 10px;

}
#sub_main .program_catch .danraku{
    font-size: 15px;
	font-size: 1.5rem;
}
    

    
.shiori_catch01{

    width: 200px;
    height: auto;
    }
    
/*table*/
#sub_main table.tb01{
  width: 99%;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.25;
}
.tb01 th,
.tb01 td{

}
.tb01 th {
  font-size: 14px;
  font-size: 1.4rem;
}
.sp_object{
    display: inline;
}

	
p.shira,p.shira_c{
	font-size: 14px;
	font-size: 1.4rem;
}

.d_text p.shira_nomal{
    line-height: 1.3;
	font-size: 14px;
	font-size: 1.4rem; 
}

/*お酒紹介*/
p.prize{
	font-size: 10px;
	font-size: 1.0rem;
    padding: 3px;   
}

.sake_kind h4.sake{
    font-size: 22px;
	font-size: 2.2rem

}
.recipe_kind h4.recipe{
    font-size: 22px;
	font-size: 2.2rem

}
.footer_img {
    background:  url(../img/wave.png) no-repeat top left;
	background: cover;
    height: 220px;
    padding: 5em 0 0.3em;
   

}
}
