/*///////////////////////　default　///////////////////////*/
body{
margin:0px;
padding:0px;
color:#666666;
background-color:#F7F4F1;
background:none;
}

dl{
margin:0px;
padding:0px;
}

ul{
margin:0px;
padding:0px;
list-style-type:none;
list-style-position:outside;
}
ol{
margin:0px;
padding:0px;
}

table, td{
border-spacing:0px;
border-collapse:collapse;
border:0px;
padding:0px;
}

p{
margin:0px;
padding:0px;
}

img{
border:0px;
}

div,td,th{
color:#333333;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h1,h2,h3,h4,h5,h6{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin:0px;
padding:0px;
}

/*///////////////////////　float　///////////////////////*/
.left, .fleft, .aleft{ float:left; }
.right, .fright, .aright{ float:right; }
.center{ margin:0 auto; }
.clear, .cr{ clear:both; }

.cr:after, .cr:before{
clear:both;
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0px;
}



/*///////////////////////　表示　///////////////////////*/
.db{ display:block; }
.oh{ overflow:hidden; }
.dn{ display:none; }
.wsn, .nw{ white-space:nowrap; }

.tdn{ text-decoration:none; }
.tdu{ text-decoration:underline; }
.tsn{ text-shadow:none; }
.tin, .tn{ text-indent:-9999px; }
.tac{ text-align:center; }
.tal{ text-align:left; }
.tar{ text-align:right; }
.vat{ vertical-align:top; }

/*///////////////////////　border　///////////////////////*/
.bs{ border:1px #FF0000 solid; }

/*///////////////////////　font　///////////////////////*/
.fwb, .b{ font-weight:bold; }
.fwn, .n{ font-weight:normal; }


/*///////////////////////　position　///////////////////////*/
.pa{ position:absolute; }
.pr{ position:relative; }

/*///////////////////////　album（コーポレートサイトTOPと同じ）　///////////////////////*/
.album {
	margin: auto;
	background-color: white;
	position: relative;
	padding-bottom: 12px;
}

.album .Aimg1 {
	width: 90%;
	display: block;
	margin: 0 auto;
	animation-name: album-n;
	animation-iteration-count: infinite;
	animation-duration: 25s;
}

.album .Aimg2 {
	width: 90%;
	position: absolute;
	top: 0;
	left: 5%;
	animation-name: album-n;
	animation-delay:10s;
	animation-iteration-count: infinite;
	animation-duration: 25s;
	opacity: 0;
}

.album .Aimg3 {
	width: 90%;
	position: absolute;
	top: 0;
	left: 5%;
	animation-name: album-n;
	animation-delay:15s;
	animation-iteration-count: infinite;
	animation-duration: 25s;
	opacity: 0;
}

.album .Aimg4 {
	width: 90%;
	position: absolute;
	top: 0;
	left: 5%;
	animation-name: album-n;
	animation-delay:20s;
	animation-iteration-count: infinite;
	animation-duration: 25s;
	opacity: 0;
}

@keyframes album-n {
	0%		{ opacity: 0; }
	30%		{ opacity: 1; }
	40%		{ opacity: 1; }
	50%		{ opacity: 0; }
	100%	{ opacity: 0; }
}

.album .AimgA {
	display: block;
	width: 90%;
	margin: 0 auto;
	animation-name: album-m;
	animation-duration: 15s;
	opacity: 0;
}

.album .AimgB {
	display:none;
	width: 90%;
	margin: 0 auto;
	animation-name: album-m;
	animation-duration: 8s;
	opacity: 0;
}

@keyframes album-m {
	0%		{ opacity: 0; }
	10%		{ opacity: 1; }
	90%		{ opacity: 1; }
	100%	{ opacity: 0; }
}

/*///////////////////////　index.cssからの移設　///////////////////////*/

#top_hanpu {
    margin: 10px 0 0 0;
}

#top_hanpu .inner_box {
    border: 1px solid #bfbfbf;
    background-color: #fcfcfc;
}

#top_hanpu .txt_box {
    font-size: 0.9em; 
    line-height: 1.4em; 
    padding: 3px 0 10px 10px;
}

@media screen and (max-width:768px) {
	#top_hanpu .txt_box {
		font-size: 0.7em; 
	}
}

#top_nyukai {
    margin: 15px 0;
}

#top_nyukai .txt_box {
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 10px 0 10px 10px;
}

@media screen and (max-width:768px) {
	#top_nyukai .txt_box  {
		font-size: 0.7em; 
	}
}

#top_nyukai .inner_box {
    border: 1px solid #bfbfbf;
    background-color: #fcfcfc;
}

.topics th {
    line-height: 180%;
    background: url(../image/point01.gif) no-repeat 0px 10px;
    padding: 5px 0px 5px 15px;
    border-bottom: 1px #CCCCCC solid;
    font-size: 9pt;
    white-space: nowrap;
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}

.topics td {
    line-height: 180%;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px #CCCCCC solid;
    font-size: 9pt;
    vartical-align: top;
}

/*///////////////////////　rollover　///////////////////////*/
.osirase {
	margin-left:20px;
	margin-right:28px;
	margin-bottom:20px;
	font-weight: bold;
}

.red {
	color: #FF0000;
}

.img4 {
     margin-top: 10px;
}

/*///////////////////////　style_furusatikai.cssで追加したもの　///////////////////////*/

.inner {
	padding-bottom: 0px;
}

.inner-area {
    background-color: #fff;
    display: block;
    margin: 0 10px;
    padding-bottom: 31px;
    padding-top: 31px;
}

footer div.inner2 {
	background-color: #fff;
}

footer div.footMenu {
    display: flex;
    padding: 1.5rem 0;
    font-size: 0.9rem;
    width: 65%;
    margin: auto;
}

@media screen and (max-width: 768px) {
	footer div.footMenu {
    display: block;
    padding: 0;
    font-size: 0.9rem;
    width: 100%;
    margin: auto;
}
}

footer .footBottom .upper span.logo {
    display: inline-block;
    vertical-align: top;
    margin-left: 2rem;
}

address {
    display: inline-block;
    font-style: normal;
    font-size: 0.8rem;
    margin-left: 10px;
}

@media screen and (max-width: 768px) {
	address {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	footer {
		width: 100%;
	}
}
/*
footer .footBottom .upper a {
	color: #0a54a7;
}
*/
.head {
	height: auto;
	width: 65%;
}

.page {
	width: 65%;
	margin: 0 auto;
	display: flex;
}

@media screen and (max-width:768px) {
	.page {
		width: 100%;
		display: flex;
		flex-wrap: wrap-reverse;
	}
}

.inner-area {
	padding-top: 0;
}

.data {
	width: 75%;
	margin-right: 20px;
}

@media screen and (max-width:768px) {
	.data {
		width: 100%;
		margin-right: 0;
	}
}

.bl_menu {
	width: 25%;
	height: 100%;
	box-sizing: border-box;
	background-color: #f8f8f8;
	text-align: center;
	padding: 10px;
}

@media screen and (max-width:768px) {
	.bl_menu {
		width: 100%;
		background-color: #fff;
	}
}

#top_hanpu , #top_nyukai {
	padding: 0 10px;
}

#top_hanpu .inner_box ,
#top_nyukai .inner_box{
    padding: 15px 30px 10px;
}

@media screen and (max-width:768px) {
	#top_hanpu .inner_box ,
	#top_nyukai .inner_box{
    padding: 15px 20px 10px;
}
}

#top_nyukai .inner_box img {
	padding-left: 0;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: 100%;
}

#top_main {
	margin: 0 auto;
	padding: 50px 0 20px 0;
	width: 100%;
}

@media screen and (max-width:768px) {
	#top_main {
		padding: 5px 0 0 0;
	}
}

@media screen and (max-width:768px)  {
	.second {
		margin: 5px;
	}
}

.bl_menu .second .img4 {
	width: 180px;
}

.menu_service .second .img4 {
	width: 180px;
}

@media screen and (max-width:768px) {
	.bl_menu .second .img4 {
		max-width: 100%;
	}
}

@media screen and (max-width:768px) {
	.menu_service .second .img4 {
		max-width: 100%;
	}
}

.top_hanpu_ttl {
	text-align: center;
	border-radius: 5px 5px 0 0;
	background: url(../image/hanpu_green.png);
}

.top_hanpu_img , .top_nyukai_img {
	border-radius: 5px 5px 0 0;
	max-width: 100%;
	height: auto;
}

.top_nyukai_ttl {
	text-align: center;
	border-radius: 5px 5px 0 0;
	background: url(../image/nyukai_blue.png);
}

div.topics {
	padding: 0 10px;
	width: 100%;
}

.topics .title {
	background-size: 100%;
}

#top_hanpu .txt_box {
	margin: 0;
}

h3 {
    width: 93%;
    height: 40px;
    /* background: url(../img/h3.gif) no-repeat; */
    box-sizing: border-box;
    padding-left: 10px;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    margin: 0 auto;
}

.topics h3 {
    font-size: 12pt;
    color: #333333;
    /*background: url(../image/h3_long.gif) no-repeat 0px 0px;*/
    margin: 0px 0px 10px 0px;
}

main section.page_main h3.title2 {
	color: #333333;
    width: 100%;
	font-family: serif;
	font-weight: bold;
	border-top: 1px solid gray;
    border-bottom: 2px solid gray;
}

.hp_fa {
	color: #ff6b00;
	margin-right: 5px;
}

.inner_box_ttl {
	font-weight: bold;
	font-size: 16px;
	color: #f8760b;
}

@media screen and (max-width:768px) {
	.inner_box_ttl {
		font-size: 12px;
	}
}

.menu_ttl {
	font-size: 20px;
    font-weight: bold;
	font-family: serif;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid gray;
}

@media screen and (max-width:768px) {
	.menu_ttl {
		font-size: 14px;
	}	
}

.menu_subttl {
	border-left: 5px #ff6b00 solid;
	font-size: 16px;
    font-weight: bold;
	font-family: serif;
	text-align: left;
	margin-top: 40px;
	padding-left: 10px;
}

@media screen and (max-width:768px) {
	.menu_subttl {
		font-size: 12px;
		margin-top: 20px;
	}	
}

.hp_txt_sm {
	font-size: small;
}

.second2 > .second2_sns {
	display: flex;
}

.inner_box_img {
	max-width: 100%;
	height: auto;
}

.foods_color {
    color: #FFF;
    padding: 1px 3px;
    border-radius: 4px;
	font-size: 88%;
}

.foods > .color1 {
	background-color: #47ae45;
}

.foods > .color2 {
	background-color: #0eb2e2;
}

.foods > .color3 {
	background-color: #e76715;
}

.foods > .color4 {
	background-color: #f1006a;
}

.foods > .color5 {
	background-color: #74362e;
}

.foods > .color6 {
	background-color: #e8a421;
}

.foods > .color7 {
	background-color: #e81d20;
}

.foods > .color8 {
	background-color: #9f016d;
}

.global_pcDisp {
	margin-left: 70%;
}

@media screen and (max-width:768px) {
	.global_pcDisp {
		margin-left: 7px !important;
	}
}

.second > a:hover {
	opacity: 70%;
}

.menu_service {
	margin-top: 40px;
}

.pcDisp {
	display: block !important;
}

@media screen and (max-width:768px) {
	.pcDisp {
		display: none !important;
	}
}

.spDisp {
	display: none !important;
}

@media screen and (max-width:768px) {
	.spDisp {
		display: block !important;
	}
}

@media screen and (max-width:768px) {
	.hp_flex {
	display: flex;
	justify-content: center;
}
}

@media screen and (max-width:425px) {
	.bl_menu .second .img_mb_sm {
		width: 48%;
	}
}

@media screen and (max-width: 768px) {
	.sp-menu .menu-trigger, .sp-menu .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
}

@media screen and (max-width: 768px) {
	.sp-menu .menu-trigger span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 65%;
    height: 3px;
    background-color: #fff;
    border-radius: 5px;
    z-index: 20;
}
}


@media screen and (max-width: 768px) {
	.sp-menu .menu-trigger span:nth-of-type(3) {
    top: 25px;
}
}

.page_main {
	margin-bottom: 50px;
}

.bl_letter {
	margin: 0 10px 30px 10px;
}

.letter_ttl {
	margin-bottom: 20px;
}

@media screen and (min-width: 769px) {
	.letter_ttl {
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.5;
		font-family: revert;
		margin-top: 0;
		margin-bottom: 20px;
	}
}

.list_item {
	padding: 15px 0;
	border-top: thin solid;
    border-color: rgba(0,0,0,.12);
}

.list_item:last-child {
	border-bottom: thin solid;
	border-color: rgba(0,0,0,.12);
}

.list_item_ttl {
	font-size: 0.9em;
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
	.list_item_ttl {
		margin-left: 10px;
		margin-right: 10px;
	}
}

.list_item_subttl {
	font-size: 0.9em;
}
@media screen and (max-width: 768px) {
	.list_item_subttl {
		margin-left: 10px;
		margin-right: 10px;
		line-height: 1.6;
	}
}

.list_item_subttl > a span {
	font-size: 0.8em;
}
/*
.list_item_subttl > a {
 	text-decoration: none; 
	color: #333;
}
*/
.list_item_subttl > a:hover {
	opacity: 70%;
}

.topics .border_none {
	border: none;
}

@media screen and (max-width: 768px) {
	table.news tr, th, td {
		width: 100%;
	}
}

#newsframe {
	border:     0;
	width:      100%;
	height:     150px;
	margin:     0;
	padding:    0;
	overflow-y: scroll;
    }