@charset "utf-8";

/*※画面縮小時に画面端に隙間が出来た場合は、
slick-theme.cssの
.slick-next{
    right: -25px;
}を非表示か削除。*/

/* 全体の設定
---------------------------------------------------------------------------*/
html, body {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

body {
    color: #333333;
    font-family: "M PLUS 1", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a{
	text-decoration: none;
}

li{
	list-style: none;
}

img{
	width: 100%;
}

p{
	clear: both;
}

/*br*/
.br-smart  {
	display: none;
}

/*container*/
#container{
	width: 100%;
	height: auto;
    background-color: #fff;
}

.headerred-border{
	background-color: #fe9800;
}

.headerred-border-img{
		width: 100%;
		height: 62px;
		background-image: url("img/img1-2.png");
		background-repeat: round;
} 

/*header*/
#header {
	width: 930px;
	height: auto;
	margin: 2% auto 0;
}

.header-box{
	width: 100%;
	height: auto;
}

.header-box .table-title1{
	width: 45%;	
}

.header-box .table-title2 {
	width: auto;	
}

.header-box .table-title3 {
	width: 5%;	
}

.header-box .table-title4 {
	width: 41%;	
	color: #663300;
	font-weight: bold;
	font-size: 30px;
	line-height: 23px;
	Letter-spacing: 4px;
}

.header-box .table-title5 {
	font-size: 16px;
	Letter-spacing: 0px;
}

/*main-clomn*/
#main-clomn{
	width: 930px;
	height: auto;
	margin:  5% auto 0;
}

#topSlide{
	position: relative;
	/* display: inline-block; */
	width: 100%;
	height: auto;
}

/*スライダーチラつき防止*/
.slider{
	display: none;
}

.slider.slick-initialized{
	display: block; /*slick-initializedが付与されたら表示*/
}  

.slider li{
	width: 100%;
	height: auto;
} 

.slider li img{
    max-width: 90%;
    height: auto;
	margin: auto;
	/* border: 2px solid #fecb00;
	border-bottom: none; 
	border-radius:50% 50% 50% 50% / 60% 60% 20% 20%;*/
}

.ornament2{
    position: absolute;
    right: 0;
    bottom: -0.5%;
    width: 100%;
    height: auto;
}

/*rinen*/
.rinen-box{
	width: 100%;
	height: auto;
	background: #fdf7cc;
}

.border-line{
	width: 100%;
	height: 22px;
	background-image: url("img/img9-2.png");
	background-repeat: round;
}

.rine-tora{
	width: 930px;
	height: auto;
	margin: auto;
}

.rinen-mark{
	position: relative;
	width: 11%;
}

.rinen-mark img{
    width: 100%;
    height: auto;
}

.rinen-moji{
    position: absolute;
    left: 20%;
    top: 26%;
    color: #cb3401;
    font-size: 25px;
    font-weight: bold;
	transform:rotate(-30deg);
}

.tora-mark{
    position: relative;
	width: 11%;
}

.tora-mark img:first-child{
    width: 90%;
    height: auto;
	transform:rotate(20deg);
}

.tora-mark img:last-child{
    position: absolute;
	width: 100%;
    left: 18%;
    top: 0;
}

h1{
	width: auto;
	height: auto;
	margin: 0 auto;
	color: #666666;
	font-size: 23px;
	font-weight: bold;
}

/*content*/
.content-box{
	width: 930px;
	height: auto;
	margin: auto;
}

/*新着情報*/
#index-info{
	width: 100%;
	height: auto;
	margin: 5% 0 5%;
}

.logo-info{
	color: #663300;
	font-size: 18px;
	font-weight: bold;
}

.logo-info img{
	width: 50px;
	height: auto;
}

#read{
	border-top: dotted 2px #cbcbcb;
	border-bottom: dotted 2px #cbcbcb;
}

/*content*/
.content1{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

h2{
	margin: 0;
}

.cotent1-title{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #b25202;
	background: #fecb98;
	border-radius: 30px 30px 0 0;
	padding: 1% 0;
}

.content1-box{
	width: 99.8%;
	height: auto;
	border: 1px #fecb98 solid;
	text-align: center;
}

.sab-box{
	width: 85%;
	height: auto;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	text-align: center;
}

.sab{
	width: 100%;
	height: auto;
} 


.sab-box img{
	width: 75%;
	height: auto;
}

.flex-box{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.content2{
	width: 47%;
	height: auto;
}

.cotent2-title{
	background: #fecbcb;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #ff3333;
	border-radius: 30px 30px 0 0;
	padding: 2% 0;
}

.content2-box{
	width: 99.7%;
	height: auto;
	border: 1px #fecbcb solid;
	padding-bottom: 5%;
}

.content2-box p{
	text-align: center;
	font-weight: bold;
}

.link-box1{
	width: 90%;
	height: auto;
	background: #fecb98;
	display: block;
	border-radius: 20px;
	margin: 3% auto 3%;
	padding: 10px 0 10px 10px;
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	box-shadow: 2px 2px 4px gray;
}

.link-box2{
	width: 90%;
	height: auto;
	background: #fecbcb;
	display: block;
	border-radius: 20px;
	margin: 3% auto 3%;
	padding: 10px 0 10px 10px;
	color: #000000;
	font-size: 17px;
	font-weight: bold;
	line-height: -50px;
	box-shadow: 2px 2px 4px gray;
}

.link-box1 img,.link-box2 img{
	width: 25px;
	height: 25px;
}

.link-box1:hover,.link-box2:hover{
	opacity: 0.5;
	transition: 0.3s;
}

.tel-fax{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}

/*googlemap*/
.google-map{
	position: relative;
	padding-bottom: 55%;
	height: 0;
	overflow: hidden;
	text-align: center;
}

.google-box iframe,
.google-box object,
.google-box embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.content3{
	width: 47%;
	height: auto;
	margin-left: 6%;
}

.cotent3-title{
	background: #66cbfe;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #0033cc;
	border-radius: 30px 30px 0 0;
	padding: 2% 0;
}

.content3-box{
	width: 99.7%;
	height: auto;
	border: 1px #66cbfe solid;
	padding: 10% 0 15%;
}

/*フェイスブック*/
.facebookbg {
	width: 100%;
	height: auto;
	text-align: center;
}

.fb-page{
		width:400px !important;
}

/*pagetop*/
/* 上に戻るボタン・共通 */
.top-buttan{
	width: 930px;
	height: auto;
	border-bottom: 1px solid #666666;
	text-align: right;
}

.top-img:hover{
	opacity: 0.5;
	transition: 0.3s;
}

.top-img img{
	width:182px;
	height: 147px;
	margin-bottom: -6px;
}

/*footer*/
#footer-column{
	width: 930px;
	height: auto;
	margin: auto;
	text-align: center;
}

.footerInfo {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 5% 0 5%;
	color: #622d00; 
	font-weight: bold;
}

.footerInfo .footer-syamei {
	display: block;
	font-size: 30px;
	letter-spacing: 6px;
}

.footerInfo span {
	clear: both;
	font-size: 20px;
	line-height: 1.3rem;
	margin: 2% 0;
}

.slashE {
	display: inline;
}

/*copyright*/
.Copyright-box{
	width: 100%;
	height: auto;
	background-color: #fe9800;
}

.copyright{
	width: 100%;
	text-align: center;
	padding: 3% 0;
	color: #ffffff;
	font-size: 17px;
}

/*800~1000
-------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {

/*全体の設定*/
body {
	font-size: 120%;
}

/*header*/
#header {
	width: 90%;
	margin: 3% auto;
}

.header-box .table-title1{
	width: 48%;	
}

.header-box .table-title4 {
	width: 45%;	
	font-size: 150%;
	line-height: 20px;
	Letter-spacing: 1px;
}

.header-box .table-title5 {
	font-size: 47%;
	Letter-spacing: 0px;
}

/*main-clomn*/
#main-clomn{
	width: 93%;
	margin:  5% 3.5% 0;
}

.rine-tora{
	width: 90%;
	margin: auto;
}

.rinen-moji{
	left: 13%;
    top: 15%;
    font-size: 150%;
}

.tora-mark img:last-child{
    left: 20%;
    top: 0;
}

h1{
	font-size: 120%;
}

/*content*/
.content-box{
	width: 80%;
	margin: auto;
}

/*新着情報*/
.logo-info{
	font-size: 130%;
}

.logo-info img{
	width: 7%;
}

.content1,.content2,.content3{
	width: 100%;
	height: auto;
	margin: 0 auto 5%;
}

.cotent1-title,.cotent2-title,.cotent3-title{
	font-size: 120%;
}

.link-box1{
	padding: 2% 0 2% 4%;
	font-size: 110%;
}

.link-box2{
	padding: 2% 0 2% 4%;
	font-size: 110%;
}

.link-box1 img,.link-box2 img{
	width: 60%;
	height: 60%;
}

.link-box1:hover,.link-box2:hover{
	opacity: 1;
	transition: none;
}

.tel-fax{
	font-size: 140%;
}

.content3-box{
	width: 100%;
	padding: 5% 0 5%;
}

/*facebook*/
.fb-page{
	width:500px !important;
}

/*pagetop*/
/* 上に戻るボタン・共通 */
.top-buttan{
	width: 94%;
	margin: auto;
}

.top-img:hover{
	opacity: 1;
	transition: none;
}

.top-img img{
	width:25%;
	height: auto;
}

/*footer*/
#footer-column{
	width: 100%;
}

.footerInfo {
	padding: 8% 0 8%;
}


.footerInfo .footer-syamei {
	font-size: 150%;
	letter-spacing: 2px;
}

.footerInfo span {
	font-size: 100%;
	line-height: 1.3rem;
	margin: 2% 0;
}

.slashE {
	display: inline;
}

/*copyright*/
.Copyright-box{
	width: 100%;
}

.copyright{
	width: 100%;
	padding: 3% 0;
	font-size: 100%;
}

}

/*タブレット
-------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {

/*container*/
#container{
	width: 100%;
	height: auto;
}

/*header*/
.header-box{
	margin: 2% auto;
}

/*header*/
.header-box .table-title1{
	width: 100%;
}

.header-box .table-title1 img{
	width: 60%;
}

.header-box .table-title2,.header-box .table-title3,.header-box .table-title4{
	display: none;
}

/*rinen-box*/
.rinen-moji{
	left: 12%;
    top: 13%;
    font-size: 140%;
}

h1{
	font-size: 110%;
}

.tora-mark img:last-child{
    left: 20%;
    top: 10%;
}

/*content-box*/
/*新着情報*/
.index-info{
	width: 90%;
	margin: auto;
}

.logo-info{
	font-size: 110%;
}

.cotent1-title,.cotent2-title,.cotent3-title{
	font-size: 110%;
}

/*footer*/
.footerInfo .footer-syamei {
	font-size: 140%;
	letter-spacing: 2px;
}

/*copyright*/
.copyright{
	font-size: 90%;
}
}

/*スマホ
-------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {

/*全体の設定*/
body {
	font-size: 100%;
}

/*br*/
.br-smart  {
    display: inline;
}

/*header*/
.header-box .table-title1 img{
	width: 80%;
}

/*rinen-box*/
.border-line{
	height: 16px;
	background-image: url("img/img9-1.png");
}

.rinen-mark{
	width: 18%;
}

.rinen-moji{
	left: 18%;
    top: 20%;
    font-size: 120%;
}

h1{
	font-size: 100%;
}

.tora-mark{
	width: 18%;
}

.tora-mark img:last-child{
    left: 13%;
    top: 22%;
}

.content1-box,.content2-box,.content3-box{
	width: 99.5%;
}

/*新着情報*/
.logo-info img{
	width: 12%;
}

.content1-box p,.content2-box p{
	font-size: 90%;
}

.link-box1,.link-box2{
	font-size: 100%;
}

.fb-page{
	width: 100% !important;
	white-space:nowrap;
	overflow:scroll;
}

/*pagetop*/
.top-img img{
	width: 40%;
}

/*footer
---------------------------------------------------------------------------*/
.footerInfo {
	padding: 12% 0 12%;
}

.footerInfo .footer-syamei {
	font-size: 130%;
	letter-spacing: 1px;
}

.footerInfo span {
	font-size: 90%;
}

.slashE {
	display: none;
}

/*copyright*/
.copyright{
	font-size: 80%;
}

}