#sagagyu{
	margin: 0;
	background-image: url("../images/main01.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}


#header{
	margin: 0;
	padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  vertical-align: middle;
	width: 100%;
	background-color: rgba(0,0,0,0.9) !important;
	height: 110px;
}

#header ul{
	margin: 0 auto;
	padding: 0;
	display: table;
	width: 100%;
}

#header li{
	margin: 0;
	padding: 0;
	display: table-cell;
	list-style-type: none;
}

#header li a:hover{
	color: #ff003e;
}


#logo{
	margin: 0px;
	padding: 0px !important;
  position: absolute;
  top: 20px;
  left: 5%;
	text-align: left !important;
  position: fixed;
}

.main_container{
	margin: 200px auto 0 auto;
}

.top_item_button a {
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  background: #e84d4d;
  padding: 8px 30px;
  border-radius: 6px;
}
.top_item_button a::before {
  position: absolute;
  border-radius: 6px;
  box-sizing: border-box;
  opacity: 0;
}
.top_item_button a:visited {
  color: #fff !important;
  background: #e84d4d;
}

.top_item_button a:hover {
  color: #fff !important;
  background: #e84d4d;
  opacity: 0.5;
}
.top_item_button a:hover::before {
  opacity: 1;
}



#sagagyu_main_header{
}

		header{ top:0; z-index:100; }
		main{ max-width:100%; }
		main > section{ margin:0 auto; padding:60px 6% 140px; }
		main > section p{ margin-top:0; color:#FFF; font-size:18px; line-height:42px; }
		main > section > div{ width:95%; margin:0 auto; padding:35px; background-image: url(../images/header_bg.png); color:#FFF; }

		/*奇数のセクションブロックに適用*/
		main > section:nth-of-type(odd){ background: #000; }
		main > section:nth-of-type(odd) h2,
		main > section:nth-of-type(odd) p{ color:#fff;}
		main > section:nth-of-type(odd) sec{  }
		

		/*指定された順番のセクションブロックに適用*/
		main > section:nth-of-type(1){ background:url(../images/main01.jpg); background-attachment: fixed; background-size: cover;}
		main > section:nth-of-type(3){ background:url(../images/main02.jpg); background-attachment: fixed; background-size: cover;}
		main > section:nth-of-type(5){ background:url(../images/main03.jpg); background-attachment: fixed; background-size: cover;}


			
		.top_sec h2{
			margin-top: 30px;
			margin-bottom: 50px;
	    font-family: garamond-premier-pro, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	    font-weight: 500;
	    font-size: 36px;
	    letter-spacing: 0.08em;
	    font-feature-settings: 'palt' on;
	    line-break: strict;
	    text-align: center;
		}
		
.marker-animation.active{
    background-position: -100% .9em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255,255,255,0.3) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgba(255,255,255,0.3) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgba(255,255,255,0.3) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgba(255,255,255,0.3) 50%);
    background-image: linear-gradient(left, transparent 50%, rgba(255,255,255,0.3) 50%);
    background-repeat: repeat-x;
    background-size: 200% .5em;
    background-position: 0 .9em;
    transition: all 2s ease;
}

	.itemList{
		margin-top: 40px !important;
	}
	
		.top_sec .itemList2{
		margin-top: 40px !important;
		width: 1130px !important;
	}
	
		.itemList2 li{
		text-align: center;
		padding-right: 30px !important;

	}

				
		.top_sec ul{
			margin: 0;
			padding: 0;
			display: table;
			vertical-align: top;
		}
		.top_sec li{
			margin: 0 auto;
			padding: 0;
			display: table-cell;
			list-style-type: none;
			vertical-align: top;
			font-size:16px;
			line-height:32px;
			text-align: center;
		}
		
@media screen and (max-width:780px){
		.itemList2 li{
		padding-right: 0px !important;
	}

		.top_sec ul{
			display: block !important;
		}
		.top_sec li{
			display: block !important;
		}
}		
		
		.top_sec li p{
			padding-left: 0px;
			font-size: 16px;
			line-height: 32px;
			text-align: center;
		}
		
		.top_sec li img{
			width: 260px;
			margin: 0 auto;
			text-align: center;
		}
		
		.item_txt{
			margin: 0 40px !important;
			font-size: 11px !important;
			line-height: 14px !important;
			text-align: center !important;
		}
		
		section p{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 3px;
	line-height: 24px;
	text-align: center;
	text-shadow: 1px 1px 2px #212121;
}




.an5-faderight {
    animation-name: faderight;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
@keyframes faderight {
from {
    opacity: 0;
    transform: translateX(0);
}
to {
    opacity: 1;
transform: translateX(150px);
}
}

#PageHeader{
	margin: 0;
	padding: 0;
  position: absolute;
  top: 10px;
  left: 5%;
  z-index: 1;
	vertical-align: middle !important;
	width: 1200px;
}

#PageHeader ul{
	margin: 0 auto;
	padding: 0;
	display: table;
	width: 100%;
	vertical-align: middle !important;
}

#PageHeader li{
	margin: 0;
	padding: 0;
	display: table-cell;
	list-style-type: none;
	vertical-align: middle !important;
}

#PageHeader li a:hover{
	color: #fff;
	opacity: 0.6;
}



#logo img{
	margin: 0 !important;
	padding: 0 !important;
}

.navi{
	float: right;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	
}

.navi li{
	/*padding: 0 30px 10px 30px !important;*/
	padding-right: 30px !important;
	padding-bottom: 10px !important;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
  /*border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;*/
}

.navi li:last-child{
	/*padding: 0 30px 10px 30px !important;*/
	padding-right: 0px !important;
}


/*.navi li+ li {
  border-left: 0;
  border-right: 1px solid #FFF;
}*/


.navi a:link{
	color: #fff;
}
.navi a:visited{
	color: #fff;
}
.navi a:hover{
	color: #fff;
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.navi_pk{
	float: right;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.navi_pk li{
	/*padding: 0 30px 10px 30px !important;*/
	padding-right: 50px !important;
	padding-bottom: 10px !important;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
  /*border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;*/
}

.navi_pk li:last-child{
	/*padding: 0 30px 10px 30px !important;*/
	padding-right: 0px !important;

}


/*.navi li+ li {
  border-left: 0;
  border-right: 1px solid #FFF;
}*/


.navi_pk a:link{
	color: #e84564;
}
.navi_pk a:visited{
	color: #e84564;
}
.navi_pk a:hover{
	color: #e84564;
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.navi_red{
	vertical-align: middle !important;
	float: right;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.navi_red ul{
	vertical-align: middle !important;
}


.navi_red li{
	/*padding: 0 30px 10px 30px !important;*/
	padding-top: 25px !important;
	padding-right: 30px !important;
	padding-bottom: 10px !important;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;
  /*border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;*/
}

.navi_red li:last-child{
	/*padding: 0 30px 10px 30px !important;*/
	padding-right: 0px !important;

}


/*.navi li+ li {
  border-left: 0;
  border-right: 1px solid #FFF;
}*/


.navi_red a:link{
	color: #b40101 !important;
}
.navi_red a:visited{
	color: #b40101;
}
.navi_red a:hover{
	color: #b40101 !important;
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.navi_red p{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.navi_red p a:link{
	color: #FFF !important;
}
.navi_red p a:visited{
	color: #FFF;
}
.navi_red p a:hover{
	color: #FFF !important;
	opacity: 0.5;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.navi_red p a:visited {
	color: #FFF !important;
}




main{
	clear: both !important;
	margin: 0 !important;
}

.main-content{
	margin: 0 !important;
	padding: 0 !important;
}



/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */


.fix-header {
	background-color: rgba(155,2,2,0.8);
	line-height: 46px;
	top: -46px;/* 上に隠す鷹さ */
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #fff;
	padding-top:10px;
	position: fixed;
	opacity:0;/* 	最初読み込んだときは透過 */
	z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
/*	opacity: 0; */
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 600;

	}

	.fix-header-contents{
		width:1200px;
		margin: 0 auto;
	}

.fix-header ul{
list-style-type: none;
}

.fix-header li{
	float:left;
	margin-right:32px;
}

.fix-header li a:hover{
	color: #ff003e;
	opacity: 0.4;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.fix-header li a,.fix-header li a:visited{
	color: #fff;
	text-decoration: none;
}
.fix-header li:last-child{
	margin-right:0;
}
#fix-header-logo{
	margin: 0px 0;
	float: left;
}

#fix-header-logo img{
	width: 100% !important;
}

#fix-header-menus{
	float:right;
	text-align: right;
	margin-top: 15px;
}
#scroll-fix-menu img{
padding-bottom: 5px;
   border-bottom:2px solid #fff;
}

#scroll-fix-menu .current-menu-item img{
   border-bottom:2px solid #0f142a;
}

#scroll-fix-menu a img:hover{
   border-bottom:2px solid #0f142a;
	transition:border-color 0.6s ease-out;
}












/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */

	nav{
		width:100%;
		background-color: none;
	}
	.nav-container{
		width:1200px;
		margin: 0 auto;
	}
	
	nav ul{
		padding:0;
		list-style: none;
	}
	
	nav ul li{
		float:left;
		margin:10px 30px 10px 0;
	}
	
	nav ul li a,nav ul li a:visited{
		color: #fff;
		text-decoration: none;
	}
	
	article{
		width:1200px;
		margin: 20px auto ;
	}
	
main{
	margin: 0;
}
	
.animated{
	animation-timing-function: ease-in;
}

.top_ttl{
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	color: #333;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	letter-spacing: 4px;
	margin-top: 40px;
}

.top_ttl h6{
	margin: 0 auto;
	text-align: center;
	font-size: 28px;
	color: #52870d;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	letter-spacing: 4px;
	padding-top: 40px;
}

.subttl{
	margin: 0px auto 0 auto;
	text-align: center;
	font-size: 14px;
	color: #584523;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	letter-spacing: 2px;
	line-height: 23px;
}

.FCname{
	font-size: 20px;
	color: #fff;
	font-family: "Frank Ruhl Libre","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝B","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
}


.tel{
	font-size: 22px;
	color: #9c1234;
	font-family: "Frank Ruhl Libre","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝B","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 8px;
	text-align: left;
}

.FCtel{
	font-size: 18px;
	color: #fff;
	font-family: "Frank Ruhl Libre","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝B","ＭＳ Ｐ明朝","MS PMincho",serif;
	letter-spacing: 0px;
	font-weight: 600;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 8px;
	text-align: left;
}


.fs12{
	font-size: 12px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	letter-spacing: 0px;
	font-weight: 600;
}

.cemeteryContents dl{
	margin: 0px 0 0 0 ;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 13px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	text-align: left;
}

._cts dl{
	margin: 20px 0 0 0 ;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 13px;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic";
	text-align: left;
}

.footer_cts a:link{
	color: #FFF;
}

.footer_cts a:visited{
	color: #FFF;
}

.footer_cts a:hover{
	color: #FFF;
	opacity: 0.5;
}


#Flogo{
	margin: 0px auto;
	padding: 50px 0 50px 0;
	text-align: center;
}

.cemeteryDt{
	background-color: #a71039;
	color: #fff;
	border-radius: 3px;
	padding: 3px 10px;
	width: 60px;
	margin: 8px 0 0 0;
}

.FCdt{
	background-color: rgba(255, 255, 255, 0.5);
	color: #c41830;
	border-radius: 3px;
	padding: 3px 10px;
	width: 60px;
	margin: 8px 0 0 0;
}

.justify {
  display: flex;
  justify-content: space-between;
}

.FCdd{
	margin: 5px 0 0 0;
	color: #fff;
	font-weight: 500;
	line-height: 20px;
}
    
.btn_ef{
  padding: 10px;
  margin:10px 4px;
  color: #9c1234;
  font-family: sans-serif;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  text-decoration: none;
  display:inline-block;
  
}

.btn::before {
  content: '';
  position: absolute;
  bottom: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #eb8ba6;
  display: block;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.4s cubic-bezier(1, 0, 0, 1)
}

.btn:hover::before {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1)
}

.btn_ef{
    top: 10px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase!important;
    letter-spacing: 2px;
    color: #9c1234;
    cursor: hand;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #9c1234;
    border-radius:50px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
    z-index:10;
    
}

.btn_ef:hover{
    border: 1px solid #9c1234;
      color: #fff !important;
}
.btn_ef::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #9c1234;
    position: absolute;
      -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
       box-shadow:2px 0px 14px rgba(0,0,0,.6);
  } 

.btn_ef::after {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #eb8ba6;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg); 
    transform: skewX(-20deg);   
    left: -10%;
    opacity: 0;
    top: 0;
    z-index: -15;
    -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
    -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
    transition: all .4s cubic-bezier(.2,.95,.57,.99);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.btn_ef:hover::before, .btn1O:hover::before{
    opacity:1;
    width: 116%;
}
.btn_ef:hover::after, .btn1O:hover::after{
    opacity:1;
    width: 120%;
}

.PageTtl{
	margin: 120px 0 0 0;
	padding: 0;
	width: 100%;
	height: 250px;
	vertical-align: middle !important;
}

.PageTtl div{
	margin: 0;
	padding: 0;
	width: 100%;
	vertical-align: middle !important;
	height: 290px;
	box-sizing: border-box;
	line-height: 0px;
	background-image: url(../images/header_bg.png);

}

.PageTtlTxt{
	padding-top: 100px !important;
	color: #937d27;
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 46px;
	line-height: 80px;
	text-align: center;
	letter-spacing: 8px;
	box-sizing: border-box;
}


.smallE{
	line-height: 90px;
 font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-size: 16px;
 font-style: oblique;
}

.PageTtlImg{
	width: 65%;
}

.PageTtlImg img{
	width: 100%;
	height: 100%;
	object-fit: cover !important;
}

.contents_wrap{
	margin: 60px auto;
	padding: 0;
	width: 100%;
	display: inline-block !important;
	text-align: center !important;
}

.contents_wrap p{
	text-align: center;
  font-size: 15px;
  color: #000;
  letter-spacing: 2px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 16px;
  clear: left;
  margin-left: auto;
  margin-right: auto;
}

.section_img{
	margin-top: 0px;
	margin-bottom: 30px;
}

footer{
	margin: 0px auto 0 auto;
	text-align: center;
	width: 100%;
	background-color: #111;
	color: #FFF;
}

#cp{
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	font-size: 11px;
}

.Fmenu{

}


footer ul{
	margin: 0 auto 0px auto;
	padding-bottom: 50px;
	text-align: center;
	width: 600px;
	list-style-type: none;
	display: table;
}

footer li{
	display: table-cell;
	font-size: 13px;
	letter-spacing: 1px;
}

footer li a{
	color: #FFF;
}

footer li a:hover{
	color: #FFF;
	opacity: 0.5;
}

.item ul{
	margin: 0 auto;
	width: 1200px;
	text-align: center;
}

.box{
  width: 300px;
  padding: 0px;
  margin: 0;
  color: #fff;
  box-sizing:border-box;
  list-style: none;
}

.box p{
	margin: 0;
	padding: 0;
}

.item_name a{
	color: #FFF;
}

.item_name a:hover{
	color: #FFF;
	opacity: 0.5;
}




/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
  opacity: 0;
}

/*==================================================
ふわっ
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

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

	.item ul{
		width: 100% !important;
	}
	
	.item li{
	padding-bottom: 40px !important;
	text-align: center !important;
	}
	
	.box{
		width: 100% !important;
	text-align: center !important;
	}
	
	.item_name{
	text-align: center !important;
	}
	
	.price{
	text-align: center !important;
	}

}