@charset "UTF-8";

body {
font-family:'メイリオ', Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic', sans-serif;
}


.container h1 {
    font-size:100px;
    text-align: center;
    text-shadow: 1px 1px 0 #ffffff,
             1px 1px 0 #ffffff,
             1px -1px 0 #ffffff,
             1px -1px 0 #ffffff;
    margin: 0 0;
    padding-top:40px;
    margin-bottom: 0px;
}


.container h2 {
    font-size:28px;
text-align:center;
text-height:14px;
    text-shadow: 0px 0px 0 #ffffff,
             0px 0px 0 #ffffff,
             0px -0px 0 #ffffff,
             0px -0px 0 #ffffff;
	margin-bottom: 10px;


}

@media (max-width: 979px){

.container h1{
font-size:50px;
    text-align: center;
    text-shadow: 1px 1px 0 #000000,
             1px 1px 0 #000000,
             1px -1px 0 #000000,
             1px -1px 0 #000000;
    margin: 0 0;
    margin-top: 7px;
    margin-bottom: 0px;
}


.container h2{
font-size:18px;
    text-shadow: 0px 0px 0 #000000,
             0px 0px 0 #000000,
             0px -0px 0 #000000,
             0px -0px 0 #000000;
	margin-bottom: 10px;
}



}


#iframe_search {
    border: 0 none;
    height: 40px;
    right: 0;
    margin: 0;
    position: fixed;
    bottom: 0px;
    width: 360px;
    z-index: 1000;
}

}


/* ???T?C?Y??767px???????????? */
@media (max-width: 767px){
	.jumbotron {
	    background: url("img/20190106sale_top.jpg") center no-repeat;
	    background-size: cover;
		 height:20px;
	}
	.title_logo{
	  position: relative;
	}
	.title_logo img{
	  position: absolute;
	  top:40px;
	  width:200px;
	}
	.col-xs-6{
		padding:0 5px 0 5px;
	}
	div.col-xs-padding{
		width:49%;
	}
}


.container .jumbotron, .container-fluid .jumbotron{
	padding:0;
}

.no-gutter > [class*='col-'] {
}




/*???C?????*/

.line-p {
    overflow: hidden;
    text-align: center;
	padding:40px 0 30px 0;
}

.line-p span {
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

.line-p span:before,
.line-p span:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
}

.line-p span:before {
    right: 100%;
}

.line-p span:after {
    left: 100%;
}



/*?i?r*/
#nav {
  list-style: none;
}

#nav li {
  width: 260px;
  text-align: center;
  background-color: #7ac2e3;
  display: inline-block;
margin:2px;

}

#nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: medium;
}




/*???V?s?X???C?_?[*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_cssslider {
width: 1200px;
padding-top: 400px; /* ??????? */
position: relative;
margin: 2em auto;
text-align: center;
}
.cp_cssslider > img {
position: absolute;
left: 0;
top: 0;
transition: all 0.5s;
border-radius: 3px;
}
.cp_cssslider input[name='cp_switch'] {
display: none;
}
/* ?T???l?C?? */
.cp_cssslider label {
margin: 15px 5px 0 5px;
border: 2px solid #ffffff;
display: inline-block;
cursor: pointer;
transition: all 0.5s ease;
opacity: 0.6;
border-radius: 3px;
}
.cp_cssslider label:hover {
opacity: 0.9;
}
.cp_cssslider label img {
display: block;
width: 200px;
border-radius: 2px;
}
.cp_cssslider input[name='cp_switch']:checked + label {
border: 2px solid #FF7043;
opacity: 1;
}
.cp_cssslider input[name='cp_switch'] ~ img {
opacity: 0;
}
.cp_cssslider input[name='cp_switch']:checked + label + img {
opacity: 1;
}

/* ???i?????i???X?|???V?u?p?j
===================*/
.p-top-goods__ttl {
  text-align: center;
  margin-bottom: 35px;
}
.p-top-goods__ttl img {
  display: inline-block;
  max-width: 400px;
  width: 100%;
}
@media print, screen and (min-width: 960px) {
  .p-top-goods__ttl img {
    max-width: 500px;
    vertical-align: bottom;
  }
}

.c-responsive-img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

/* ?g?i?Z?[???p?j
===================*/



.box29 {
    margin: 2em 0;
    background: #ffffff;
}
.box29 .box-title {
    font-size: 2.3em;
    background: #048E27;
    padding: 32px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}



/* ????p
===================*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*?????????CSS?L?q*/

body{
	font-size: 16px;
	line-height:25px;
	letter-spacing:0.5px;
	background:#ffffff;
}
@media (max-width: 767px){
	body{
	font-size: 14px;
	}
}
a{
	color:#333333;
}
.line_h2{
	border-bottom:1px #ccc solid;
	padding-bottom:10px;
}
.line_h4{
	border-bottom:1px #ccc solid;
	padding-bottom:8px;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.row_bottom{
	margin-bottom:30px;
}
.col-sm-3 .moji_c{
	margin-bottom:30px;
}
.jumbo_bg1{
	background:#800000;
}
.fontcolor_fff{
	color:#ffffff;
}
.container_img img{
	margin-bottom:20px;
}

.btn-godi {
    background-color: #b9943a;
    border-color: #b9943a;
    color: #fff;
    font-weight:bold;
    font-family: Helvetica , "??S?V?b?N" , "Yu Gothic" , sans-serif;
}

.btn-warning{
    font-weight:bold;
    font-family: Helvetica , "??S?V?b?N" , "Yu Gothic" , sans-serif;
}

.table_center{
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (min-width : 320px) {
	.pc_h{
		display:none;
	}
	.smp_h{
		display:inline;
	}
}
@media only screen and (min-width : 992px) {
	.pc_h{
		display:inline;
	}
	.smp_h{
		display:none;
	}
}
@media only screen and (min-width : 1200px) {
	.pc_h{
		display:inline;
	}
	.smp_h{
		display:none;
	}
}
.smp_h1 {		display:inline;
}
.smp_h1 {		display:none;
}
.smp_h1 {		display:none;
}


/*******************************************************/





.button {
  display: inline-block;
  width: 100%;
  height: 75px;
  text-align: center;
  text-decoration: none;
  line-height: 38px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
	background-color: #7ac2e3;
	color: #666;
}
.button:hover {
  background-color: #7ac2e3;
}




/* �s���|�C���g������ */
.point_center{
	text-align:center;
}

.point_v_center{
  display: flex;
  justify-content: center;
  align-items: center;
}


.link a{
	text-decoration: underline;
}

/*******/

/*現在使用せず
.jumbotron {
	background: url("img/21071658_recipe.jpg");
    background-position: center center;
    background-size: cover;
    color: #300400;
	margin-bottom: 0px;
    height:550px;
}
*/


/* �|�C���g�p�̘g
===================*/

.box26 {
    position: relative;
    margin: 2.5em 0em;
    padding: 1.5em 1em;
    border: solid 3px #7ac2e3;
    border-radius: 8px;
	line-height:22px;

}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #333333;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;

	
}

/* �ޗ��p�̘g
===================*/

.box24 {
    position: relative;
    padding: 1em 1em;
    margin: 2em 0;
    background: #fb807a;
    color: #ffffff;
    font-weight: bold;
	font-size:12px;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #fb807a;
    width: 0;
    height: 0;
}


/* �H���p�̘g
===================*/

.box25 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #7ac2e3;
    color: #ffffff;
    font-weight: bold;
	font-size:12px;

}
.box25:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #7ac2e3;
    width: 0;
    height: 0;
}
.box25 p {
    margin: 0; 
    padding: 0;
    color: #ffffff;
}



/* �ޗ��̘g
===================*/

table.table01 {
	width:100%;
	border-right:#f1f1f1 solid 1px;
	border-collapse: collapse;
}
table.table01 thead th {
	background:#f1f1f1;
	color:#333333;
	padding:10px 9px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
}
table.table01 thead th:last-child {
	border-right:#f1f1f1 solid 1px;
}
table.table01 tbody th {
	background:#f1f1f1;
	color:#ffffff;
	padding:10px 15px;
	border-bottom:#ffffff solid 1px;
	vertical-align:top;
}
table.table01 tbody tr:last-child th {
	border-bottom:#f1f1f1 solid 1px;
}
table.table01 tbody td {
	background:#ffffff;
	padding:10px 15px;
	border-left:#f1f1f1 solid 1px;
	border-bottom:#f1f1f1 solid 1px;
	vertical-align:top;
}





@media screen and (max-width: 640px) {
table.table01 thead {
	display: compact;
}
table.table01 tbody th {
	display: compact;
}
table.table01 tbody td {
	display: compact;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td p {
		text-align:center;
	font-size:0.9em;
}


.box24 p {
    margin: 0; 
    padding: 0;
    color: #ffffff;
	text-align:center
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 45%;
    border: 15px solid transparent;
    border-top: 15px solid #fb807a;
    width: 0;
    height: 0;
}


.box25:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 45%;
    border: 15px solid transparent;
    border-top: 15px solid #7ac2e3;
    width: 0;
    height: 0;
}
.box25 p {
    margin: 0; 
    padding: 0;
    color: #ffffff;
	text-align:center
}


}



/* ����p
===================*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/* ���l�p�̘g
===================*/
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #333333;
    background: #fff5f4;/*�w�i�F*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}



/*文字サイズ*/

.moji p{
	margin-top:10px;
	font-size:12px;
	text-height:9px;	
	}
	

.moji h3 
{
	font-size:18px;
	font-weight:700;
    margin-bottom:10px;

	}

.moji h4 
{
	font-size:16px;
	}



@media screen and (max-width: 640px) {

.moji h3 
{
	font-size:16px;
	font-weight:700;
    margin-bottom:10px;
	}
	
.moji h4 
{
	font-size:16px;
	margin-bottom:20px;
	}

}



/* 材料の枠
===================*/

table.material01s {
	margin-top:20px;
	width:100%;
	border-right:#f1f1f1 solid 1px;
	/*! border-collapse: collapse; */
}
table.material01s thead th {
	background:#f1f1f1;
	color:#333333;
	padding:10px 15px;
	border-right:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
}
table.material01s thead th:last-child {
	border-right:#f1f1f1 solid 1px;
	border-right:#f1f1f1 solid 1px;
}
table.material01s tbody th {
	background:#f1f1f1;
	color:#ffffff;
	padding:10px 15px;
	border-bottom:#ffffff solid 1px;
	vertical-align:top;
}
table.material01s tbody tr:last-child th {
	border-bottom:#f1f1f1 solid 1px;
}
table.material01s tbody td {
	background:#ffffff;
	padding:10px 15px;
	border-left:#f1f1f1 solid 1px;
	border-bottom:#f1f1f1 solid 1px;
	vertical-align:top;
}

@media screen and (max-width: 640px) {
table.material01s thead {
	display: compact;
}
table.material01s tbody th {
	display:compact;
}
table.material01s tbody td {
	display: compact;
}
table.material01s tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.material01s tbody td p {
	padding-left:1em;
}
}