@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴシック Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background-color: #e6ddc7;
		background: url(../image/2507/pattern.jpg);
}
a:hover, a{
	color: #555555;
	text-decoration:none;
}
a:hover, a:hover {
	text-decoration:underline;
}

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/*マウスオーバー設定*/
a:hover img.hoverimg {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

ul{
	list-style: none;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

/*SP*/

    /* header part */
    #header{
        position:relative;
        height:58px;
    }
    #header h1{
        position:absolute;
        top:12px;
        left:1%;
    }
    #header h1 img{
        width:98%;
        height:auto;
    }
    #header h2{
        display:none;
    }
    #header .btnClose{
        position:absolute;
        top:42px;
        right:4px;
    }


    /* footer part */
    #footer{
        margin:0px;
    }

    #footer ul.fNavi{
        margin:0px 0px 5px;
        padding:0px;
        list-style-type: none;
        border-bottom:2px solid #a39d94;
    }
    #footer ul.fNavi li{
        font-size:12px;
        line-height:20px;
        margin:0px;
    }
    #footer ul.fNavi li a{
        display:block;
        padding:10px 10px;
        background:#F2F2F2;
    }

    #footer p.copy{
        margin:20px 0px;
        text-align:center;
        font-size: 8px;
        font-family: Verdana, Geneva, sans-serif;
    }

    /* body part */
    #body{
        /*border-top:2px solid #a39d94;*/
        /*background:#FFF;*/
    }

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

    .main img{
        width:100%;
        height:auto;
    }


    .text {
        text-align:center;	
        width:100%;
    }

    .text01 {
        width:100%;
        height:36px;
        margin:15px auto 20px;
        padding:10px 0;
        background-color:#FF0000;
        font-size:14px;
        line-height:19px;
        font-weight:bold;
        color:#FFF;
    }

    .text01 span{
        font-size:10px;
        font-weight:normal;
    }

    #sample_map {
        width:92%;
        font-size:14px;
        text-align:center;	
        margin-bottom: 12VW;
    }
    #sample_map p {
        font-size:16px;
        line-height:1.5em;
        font-weight:bold;
    }

    #leftmap {
        width:80%;
        margin:15px auto 15px;
    }

    #leftmap img {
            width:100%;
            height:auto;
    }

    #rightbtn {
        width:300px;
        padding:2px;
        background-color:#ccc;
        margin:0 auto 0;
    }

    #rightbtn li{
        width:300px;
        height:54px;
        padding:0px;
        margin:0;
    }

    .text02 {
        width:100%;
        font-size:10px;
        line-height:16px;
        margin:0VW auto 25px;
        text-align:left;
    }
    .content003 {
        padding: 27VW 4% 1VW;
    }


    ul.btnBodyBottom00{
        list-style-type:none;
        text-align:right;
        line-height:1px;
        /*margin-top:50px;*/
    }
    ul.btnBodyBottom00 li{
    }
    ul.btnBodyBottom00 li a{
        display:block;
        padding:10px 10px;
        background:#feab1a;
        height:24px;
        text-align:left;
        border-bottom:1px solid #FFF;
    }
	
    .green {
        padding:40px 0 30px;
    }

	.content001 {
        background:url("../image/2507/001bg.jpg") center top no-repeat;
        width: 86% !important;
        padding: 14VW  3% 1VW;
        background-size: 100%;
		background-color:#FFF;
	}
	.content002 {
        background:url("../image/2507/002bg.jpg") center top no-repeat;
        width: 86% !important;
        padding: 14VW 3% 1VW;
        background-size: 100%;
		background-color:#FFF;
	}
	.content003 {
        background:url("../image/2507/003bg.jpg") center top no-repeat;
        width: 86% !important;
        padding:14VW 3% 1VW;
        background-size: 100%;
		background-color:#FFF;
	}
	.content004 {
        background:url("../image/2507/004bg.jpg") center top no-repeat;
        width: 86% !important;
        padding: 15VW 3% 1VW;
        background-size: 100%;
		background-color:#FFF;
	}
	.content001	.text02,
	.content002	.text02,
	.content003	.text02,
	.content004	.text02 {
		padding-top:2VW;
		margin-bottom:4VW;
	}
	
	
	#contact {
		width:96%;
		margin:40px auto 8px;
	}
	
	#contact p{
		width:96%;
		margin:0 auto 15px;
		padding:8px 2%;
		background-color:#126fb4;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		color:#FFF;
		font-size:12px;
		line-height:18px;
		text-align:center;
	}
	
	#contact p span{
		font-size:16px;
		font-weight:bold;
	}
	
	#contact ul {
		width:100%;
		margin:0 auto 15px;
	}
	
	#contact ul  li{
		width:48%;
		float:left;
		margin:0 4% 15px 0;
	}
	
	#contact ul  li:nth-child(2n){
		margin:0 0px 0 0;
	}
	
	#contact ul  li img {
		width:100%;
		height:auto;
	}
	
	#contact ul:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}
	
	#sub{
		width:100%;
		margin:0px auto;
		padding:50px 0;
		background:#FFF;
	}
	#sub .inner{
		width:92%;
		margin:0px auto;
	}
	
	#footer-rogo {
		width:96%;
		margin:40px auto 8px;
	}
	
    footer {
		padding-bottom:5px;
      	margin-bottom: -18px;
    }
	#footer-rogo img {
		width:100%;
		height:auto;
	}

    .pc {
        display:none;	
    }
}

/*  PC向けのスタイル：769px～960px */
@media only screen and (min-width: 811px) {
/*PC*/

	/* header part */
	#header{
		position:relative;
		width:960px;
		margin:auto;
		height:58px;
	}
	#header h1{
		position:absolute;
		top:12px;
		left:0px;
	}
	#header h2{
		position:absolute;
		top:12px;
		right:0px;
	}
	#header .btnClose{
		position:absolute;
		top:42px;
		right:0px;
	}


	/* footer part */
	#footer{
		position:relative;
		margin:0px auto;
		width:960px;
		height:48px;
	}

	#footer ul.fNavi{
		position:absolute;
		left:0px;
		top:17px;
		margin:0px;
		padding:0px;
		list-style-type: none;
	}
	#footer ul.fNavi li{
		display:inline;
		font-size:10px;
	}

	#footer p.copy{
		position:absolute;
		right:0px;
		top:17px;
		font-size: 10px;
		font-family: Verdana, Geneva, sans-serif;
		text-align: right;
	}


	.mv{
		width:100%;
		height:800px;
		background: url(../image/2507/main.jpg) no-repeat center top;
	}
	/* body part */
	#body{
		width:960px;
		margin:0px auto;
		padding:5px 0 20px;
		/*background:#FFF;*/
	}
	#sub{
		width:100%;
		margin:0px auto;
		padding:50px 0;
		background:#FFF;
	}
	#sub .inner{
		width:960px;
		margin:0px auto;
	}

	.main {
		margin:-5px 0 0 0px;
	}

	.text {
		text-align:center;	
		/*width:906px;*/
	}

	.text01 {
		width:550px;
		height:50px;
		margin:15px auto 20px;
		padding:10px 0;
		background-color:#FF0000;
		font-size:22px;
		line-height:30px;
		font-weight:bold;
		color:#FFF;
	}

	.text01 span{
		font-size:16px;
		font-weight:normal;
	}

	.text02 {
		width:100%;
		font-size:14px;
		line-height:20px;
		margin:0px auto 25px;
		text-align:left;	
		clear:both;
	}


	#leftmap {
		width:330px;
		height:407px;
		float:left;
	}

	#rightbtn {
		float:right;
		width:300px;
		padding:2px;
		background-color:#ccc;
	}

	#rightbtn li{
		width:300px;
		height:54px;
		padding:0px;
		margin:0;
	}


	#sample_map {
		width:750px;
		margin:10px auto 60px;
		padding:30px 53px;
		text-align:center;
		background-color: #fff;
	}

	#sample_map:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}

	#sample_map p{
		width:750px;
		margin-bottom:25px;
		text-align:center;
	}

	ul.btnBodyBottom00{
		list-style-type:none;
		text-align:right;
		line-height:1px;
		height:66px;
		width:906px;
		margin:35px auto 15px;
		background: url(../image/footer_rogo.gif) no-repeat left bottom;
	}
	ul.btnBodyBottom00 li{
		display:inline-block;
		width:200px;
		padding-left:10px;
		padding-top: 40px;
	}
	ul.btnBodyBottom00 li a{
		display:block;
		padding:0px 16px;
		background:#feab1a;
		height:24px;
		text-align:left;
		border-radius:8px;
	  -webkit-border-radius:8px;
	  -moz-border-radius:8px;
	}
	
	
	#contact {
		width:906px;
		margin:40px auto 8px;
	}
	
	#contact p{
		width:878px;
		margin:0 auto 8px;
		padding:8px 14px;
		background-color:#126fb4;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		color:#FFF;
		font-size:13px;
	}
	
    .green {
        padding:40px 0 0px;
		margin-bottom: 0px;
    }

	.content001 {
        background:url("../image/2507/001bg.jpg") center top no-repeat;
        width: 750px!important;
		padding: 105px  53px 1px;
		background-color:#fff;
	}
	.content002 {
        background:url("../image/2507/002bg.jpg") center top no-repeat;
        width: 750px!important;
		padding: 105px  53px 1px;
		background-color:#fff;
	}
	.content004 {
        background:url("../image/2507/004bg.jpg") center top no-repeat;
        width: 750px!important;
		padding: 115px 53px 1px;
		background-color:#fff;
	}
	.content001	.text02,
	.content002	.text02,
	.content003	.text02,
	.content004	.text02 {
		padding-top:15px;
	}
	
	#contact p span{
		font-size:16px;
		font-weight:bold;
	}
	
	#contact ul {
		width:906px;
		margin:0 auto 0;
	}
	
	#contact ul  li{
		width:116px;
		float:left;
		margin:0 13px 0 0;
	}
	
	#contact ul  li:last-child{
		margin:0 0px 0 0;
	}
	
	#contact ul  li a {
		pointer-events: none;
	}
	
	#contact ul  li img {
		width:116px;
		height:42px;
	}
	
	#contact ul:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}
	
	#footer-rogo {
		display:none;	
	}
    footer {
		padding-bottom:5px;
      	margin-bottom: -20px;
    }
    .sp {
        display:none;	
    }

}


@media screen and (min-width: 1401px) {
	.mv{
		width:100%;
		height:57VW;
		background-size: 100%;
	}
}


@media screen and (max-width: 810px) {
/*SP*/
	.mv{
		width:100%;
		height:calc(62px + 57VW);
		background: url(../image/2507/main.jpg) no-repeat center top 62px;
		background-size: 100%;
	}
	.read {
		text-align: center;
		padding:20px 4% 15px;
		/*margin-top: -23VW;*/
	}
	.contents {
		width:100%;
		margin:0 auto 6VW;
	}
	.main img, .contents img, .read img, .insta img{
		width:100%;
		height:auto;
	}
	
	.insta {
		width:88%;
		min-height:140px;
		padding:25px 2%;
		margin:0 auto 12VW;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        background:url("../image/insta_bg.gif") center top no-repeat;
        text-align:center;
	}
	
    .insta .btn {
        width:96%;
        height:60px;
        margin:25px auto 0;
    }
    .insta .btn a{
        display:block;
        width:100%;
        height:60px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        background:url("../image/insta_icon.png") left 7% center no-repeat;
        background-color: #fff;
        text-align:center;
        color:#e33640;
        font-size:20px;
        line-height:60px;
        text-decoration: none;
        font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		text-indent: 1em;
		font-weight:bold;
    }
}
@media screen and (min-width: 811px) and (max-width: 960px){
#TABLET------------------------{}
	.mv {
    	height: 65VW;
    	background-size: 100%;
		background-position-y: 60px;
  	}
	.contents {
		padding: 105px 2% 1px;
		background-size: 100%;
	}
	#sample_map {
    	padding: 30px 0;
    	background-color: transparent;
  	}
	#sub .inner {
    	width: 92%!important;
  	}
	.insta {
    	width: 100%!important;
	}
	.insta .btn {
    	width: 92%!important;
  	}
	#contact {
    	width: 100%!important;
  	}
	#contact p {
    	width: 96%!important;
  	}
	#contact ul  {
    	width: 100%!important;
  	}
	#contact ul li {
		width: 13.2%;
    	margin: 0 1.2% 0 0;
  	}
	#contact ul li img{
    	width: 100%;
		height:auto;
 	}
    
	#body {
		width:100%!important;
  	}
	.read {
		width:100%!important;
	}

}
@media only screen and (min-width: 810px) {
	.read {
		width:960px;
		text-align: center;
		padding:20px 0 15px;
		/*margin-top: -120px;*/
	}
	.read img {
		width:100%;
	}
	.contents {
		width:856px;
		margin:0 auto 50px;
	}
	.insta {
		width:856px;
		min-height:140px;
		padding:25px 0;
		margin:0 auto 80px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        background:url("../image/insta_bg.gif") center top no-repeat;
        text-align:center;
	}
	
    .insta .btn {
        width:756px;
        height:60px;
        margin:25px auto 0;
    }
    .insta .btn a{
        display:block;
        width:100%;
        height:60px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        background:url("../image/insta_icon.png") left 200px center no-repeat;
        background-color: #fff;
        text-align:center;
        color:#000;
        font-size:20px;
        line-height:60px;
        text-decoration: none;
        font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","游ゴシック", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    }
    .insta .btn a:hover{
        color:#e33640;
    }
/*PC*/
}
.green {
    /*background-color: #fff;*/
        /*background:url("../image/2407/bg.jpg?v=1") center top;*/
}

ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}