@media screen and (min-width: 751px){
html{
	font-size: 10pt;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: none;
	color: #f2eeea;
    background-color: darkgrey;
/*    background-color: #e6dfd7;*/
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: hidden;
    fontsize:1em;
}
    
 header{
	padding-bottom: 1%;
	padding-top: 1%;
     position: fixed;
     padding-left: 15%;
     padding-right: 15%;
     z-index: 9999;
     width: 100%;
         background-color: darkgrey;
     
}
    p{
}   
    .headlogo{
    float: left;
    width: 20%;
    margin-right: 2%;
    }
#modal { display: none; }

#modal li{
	padding: 10px;
	border-bottom: 1px dotted #666;
	color: #333333;
}

#modal li a{
	color: #333333;
	text-decoration: none;
	font-size: 10pt;
}
#pageslide {
	/* These styles MUST be included. Do not change. */
	display: none;
	position: fixed;
	top: 0;
	min-height: 640px;
	z-index: 999999;
	/* Specify the width of your pageslide here */
	width: 220px;
	padding: 20px;
	/* These styles are optional, and describe how the pageslide will look */
	/*background-color: #FFFBE7;*/
	color: #FFF;	/*-webkit-box-shadow: inset 0px 0px 5px 5px #F7F5DD;
	-moz-shadow: inset 0 0 5px 5px #222;
	box-shadow: inset 0px 0px 5px 5px #F7F5DD;*/
}
.hedmenu{
	width: 10%;
	/*	float: right;*/
	position: fixed;
	right: 0px;
	z-index: 500;
	float: right;
	padding: 0px;
	display:none;
}
.spacefree{
padding-bottom: 2%;    
padding-top: 2%;
    }
    /*==================================
Photosize
==================================*/
.imagesize {
	max-width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*==================================
MAIN
==================================*/

    .canres{
        display: block;
        margin: auto;
        margin: 3%;
        padding-top: 5%;
        padding-bottom: 5%;
    
    }
    .resv{
        float: left;
        width: 45%;
        padding-right: 5%;
    
    }
.h1txt{
    display: none;
}

#wrap{
	padding-top: 7%;
    padding-bottom: 7%;
    padding-left: 10%;
    padding-right: 10%;
	font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         line-height: 200%;
}
.toreserve{
}
.snscontents{
    margin-top: 1%;
    padding-bottom: 1%;
    display: block;
    }
  .snsone{
    float: left;
    margin-right: 2%;
    width: 2%;
    margin-top: 0.5%;
    } 
    .box{
        margin-bottom: 5%;
        
    
    }
    .normal01{
    margin-bottom: 3%;
    }
    .staffone{
     padding-top: 1%;
    padding-bottom: 5%;
        float: left;
        width: 33%;
margin-right: 2%;
        
    
    }
    .whitebg{
	padding-top: 8%;
	padding-bottom: 8%;
}
    .whitewaku02{
    	/*
	position: absolute;
	margin-left: 50%;
	z-index: 300;
	margin-top: 200px;*/
    padding: 3%;
    float: left;
}
    .staffimage{
    float: left;
    width: 35%;
    margin-right: 2%;	/*background-color: #669;*/
}
    .bgabsolute02{
    float: left;
    width: 60%;/*	position: absolute;
	z-index: 300;
	margin-top: 60px;
	margin-left: 2%;*/
}
    .couponbox{
        border: solid;
    border-right-style: solid;
        display: flex;
       margin: 2%;
        justify-content:center;
        align-items:center;
        padding: 1%;

}
    .c-one{
    width: 4%;
    float: left;
    display: block;
    padding: 5%;
    background-color:#c2d3e3;
    text-align: center;    
        flex-grow: 1;
        color: #4b4b4b;
        height: 100%;
        font-size: 12pt;

    }  
    .c-two{
    width: 4%;
    float: left;
    display: block;
    padding: 5%;
    background-color:#e3d8c4;
    text-align: center;    
        flex-grow: 1;
        color: #4b4b4b;
        height: 100%;
        font-size: 12pt;

    }
    .couponmain{
         width: 65%;
        float: left;
            border-right-width: 1px;    
    border-right-style: dotted;
        padding-left: 2%;
    }
    .c_check{
    width: 15%;
    float: left;
    padding-left: 2%;
    justify-content: center;
    align-items: center;
    height: 100%;
}
    .couponminibox{
        display: block;
    
    }
.content {
    margin: 0;
    padding: 0;
}
    .contemi{
        float: left;
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 5%;
        padding-right: 5%;
        background-color: #c0855b;
        display: block;
        margin-right: 1%;
    
    }
        .contepri{
    float: right;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 5%;
    padding-right: 5%;
    color: #944c33;
    margin: 1%;
    font-size: 13pt;    
    }
    .contetitle{
        font-size: 14pt;
    
    }
    .c-btn{
    background-color:#f2eeea;
    color: darkgrey;
           flex-grow: 1;
        text-align: center;
        padding: 10%;
 font-size: 12pt;
    margin-right: 2%;
    }
/*==================================
SP ONLY
==================================*/
.more02{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.sphed{
	
}
.splogo{
width: 35%;
	float: left;
	display:none;
}

.more{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}



.sp_totop{
	font-size: 15pt;
	color: #FFF;
	background-color: #666;
	text-align: center;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	display:none;
}


.spnone{
	display:none;
}
.pcnone{
	
}
.foodimg01sp{
	display:none;
}





.mainbox01{
	padding-top: 100px;
	padding-bottom: 100px;
	margin-right: auto;
	margin-left: auto;
}



.bgabsolute01{
	position: absolute;
	margin-left:55%;
	z-index: 300;
	margin-top: 60px;
	/*top: 769px;*/
}

.whitewaku01{
	background-color: #FFF;	/*
	position: absolute;
	margin-left: 50%;
	z-index: 300;
	margin-top: 200px;*/
	margin-right: 20%;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	min-width: 380px;
}

#container01{
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../image/contaner/bg01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 145px;
	padding-bottom: 145px;
}

#mapspace {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 50%;
}
#mapspace span {
	display: none;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 99999;
}
#page-top a {
	text-align: center;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 66px;
	height: 70px;
	padding-top: 0px;
}
#page-top a:hover {
	text-decoration: none;
}
footer{
	padding-top: 2%;
	padding-bottom: 2%;
    padding-left: 5%;
    padding-right: 10%;
    background-color: darkgrey;
}

    .ggmap {
position: relative;
padding-bottom: 30%;
padding-top: 10px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);*/
}


#topbtnbg{
    background-color: darkgrey;
	width: 180px;
	position: fixed;
	top: 150px;
	z-index: 500;
	right: 0px;
	color: #FFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
/*	display: none;*/
}





    /*==================================
Photosize
==================================*/
.imagesize {
	max-width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*==================================
SLIDER
==================================*/
    #sliderbox{
        padding-top: 8%;
    
    }
#main {
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.flexslider {
	position: relative;
	zoom: 1;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.flex-viewport {
	min-height:429px;
	max-height:700px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides img {
	width: 100%;
	min-width:980px;
	max-width:1600px;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	
}
/*==================================
FADEIN
==================================*/

/*div#hedimg img { width: 100%; }*/
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
	



/*========================================================
TEXT
========================================================*/
.copy{
	font-size: 8pt;
}

.midashi_d{
    font-size: 45pt;
    font-family: "Courier New", Courier, monospace;
    margin-bottom: 2%;
    font-weight: normal;
    display: block;/*    text-align: center;*/
    padding-bottom: 2%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.midashi_f{
    font-size: 25pt;
    font-family: "Courier New", Courier, monospace;
    margin-bottom: 20px;
    font-weight: normal;
    display: block;
    padding: 0px;/*    text-align: center;*/
    padding-bottom: 2%;
}
.pagetitle{
	font-family: 'Playfair Display SC', serif;
	font-size: 60pt;
	padding-bottom: 15px;
}

.icon{
	font-family: 'HeydingsCommonIconsRegular';
}
.text01{
/*	font-size: 60pt;*/
}
.text02{
  text-indent: -1em;
  padding-left: 1em;
}

/*==================================
ABOUT TAB
==================================*/
.tabmenu{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.tabmenu li,
.tabmenu li a {
	padding: 3px;
	color: #FFF;
	padding: 0px;
	background-color: #06A8ED;
	width: 200px;
	font-size: 12pt;
	text-align: center;
}

.tabmenu li{
	list-style-type: none;
	margin-bottom: 60px;
	color: #FFF;
	padding: 10px;
	background-color: #06A8ED;
	float: left;
	margin-right: 20px;
}


.tabbox {
  display: none;
}
.tabmenu li.active {
	background-color: #06A8ED;
}
.tabmenu li.active a{
	color: #FFC;
}

/*==================================
小枠
==================================*/

.modal-content {
	position: fixed;
	display: none;
	z-index: 2;
	width: 500px;
	border: 2px solid #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
	
}

.modal-content p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0;
	color: #333;
}
.conimage {
	/*width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;*/
	height: 200px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 10px;
}

.modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.100);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
	color: #333;
	font-size: 12pt;/*	text-decoration: underline;*/
}

.modal-close:hover {
	cursor: pointer;
	color: #666;
}






/*=========================================
Float
=========================================*/
.left{
	float: left;
}
.right{
	float: right;
}



/*=========================================
Textposition
=========================================*/
.textcenter{
	text-align: center;
}
    }



@media screen and (min-width: 0px) and (max-width: 750px){
    html{
	font-size: 10pt;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: none;
	color: #f2eeea;
    background-color: darkgrey;
/*    background-color: #e6dfd7;*/
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	overflow-x: hidden;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow-y: hidden;
    fontsize:0.9em;
}
    
 header{
	padding-bottom: 1%;
	padding-top: 1%;
     position: fixed;
     padding-left: 10%;
     padding-right: 10%;
     z-index: 9999;
     width: 100%;
         background-color: darkgrey;
     
}
    p{
}   
    .headlogo{

    width: 50%;
        text-align: center;
                /*    float: left;*/
/*    margin-right: 2%;*/
    }
#modal { display: none; }

#modal li{
	padding: 10px;
	border-bottom: 1px dotted #666;
	color: #333333;
}

#modal li a{
	color: #333333;
	text-decoration: none;
	font-size: 10pt;
}
#pageslide {
	/* These styles MUST be included. Do not change. */
	display: none;
	position: fixed;
	top: 0;
	min-height: 640px;
	z-index: 999999;
	/* Specify the width of your pageslide here */
	width: 220px;
	padding: 20px;
	/* These styles are optional, and describe how the pageslide will look */
	/*background-color: #FFFBE7;*/
	color: #FFF;	/*-webkit-box-shadow: inset 0px 0px 5px 5px #F7F5DD;
	-moz-shadow: inset 0 0 5px 5px #222;
	box-shadow: inset 0px 0px 5px 5px #F7F5DD;*/
}
.hedmenu{
	width: 10%;
	/*	float: right;*/
	position: fixed;
	right: 0px;
    top:1%;
	z-index: 500;
	float: right;
	padding: 0px;
/*	display:none;*/
}
.spacefree{
padding-bottom: 2%;    
padding-top: 2%;
    }
    /*==================================
Photosize
==================================*/
.imagesize {
	max-width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*==================================
MAIN
==================================*/


.h1txt{
    display: none;
}
    .canres{
        display: block;
        margin: auto;
        margin: 10%;
        padding-top: 5%;
        padding-bottom: 5%;
    
    }
    .resv{
        padding-left: 10%;
        padding-right: 10%;
        
  /*      float: left;
        width: 40%;*/
/*        padding-right: 8%;*/
    
    }
#wrap{
	padding-top: 7%;
    padding-bottom: 7%;
    padding-left: 5%;
    padding-right: 5%;
	font-family: Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         line-height: 200%;
}
.toreserve{
}
.snscontents{
    margin-top: 1%;
    padding-bottom: 1%;
    display: block;
    }
  .snsone{
    float: left;
    margin-right: 2%;
    width: 2%;
    margin-top: 0.5%;
      display: none;
    } 
    .box{
        margin-bottom: 5%;
    display: block;
    }
    .normal01{
    margin-bottom: 3%;
    }
    .staffone{
     padding-top: 1%;
    padding-bottom: 5%;
        float: left;
        width: 33%;
margin-right: 2%;
        
    
    }
    .whitebg{
	padding-top: 8%;
	padding-bottom: 8%;
}
    .whitewaku02{
    	/*
	position: absolute;
	margin-left: 50%;
	z-index: 300;
	margin-top: 200px;*/
    padding: 3%;
    float: left;
}
    .staffimage{
    float: left;
    width: 50%;
    margin-right: 2%;	/*background-color: #669;*/
}
    .bgabsolute02{
    float: left;
    width: 100%;
/*        position: absolute;
	z-index: 300;
	margin-left: 2%;*/
        background-color: darkgray;
}
   .couponbox{
        border: solid;
    border-right-style: solid;
        display: flex;
       margin: 2%;
        justify-content:center;
        align-items:center;
        padding: 1%;

}
    .c-one{
    width: 4%;
    float: left;
    display: block;
    padding: 5%;
    background-color:#c2d3e3;
    text-align: center;    
        flex-grow: 1;
        color: #4b4b4b;
        height: 100%;
        font-size: 12pt;

    }  
    .c-two{
    width: 4%;
    float: left;
    display: block;
    padding: 5%;
    background-color:#e3d8c4;
    text-align: center;    
        flex-grow: 1;
        color: #4b4b4b;
        height: 100%;
        font-size: 12pt;

    }
    .couponmain{
         width: 65%;
        float: left;
            border-right-width: 1px;    
    border-right-style: dotted;
        padding-left: 2%;
    }
    .c_check{
    width: 17%;
    float: left;
    padding-left: 2%;
    justify-content: center;
    align-items: center;
/*    height: 100%;*/
        font-size: 0.8em;
}
    .couponminibox{
        display: block;
    
    }
.content {
    margin: 0;
    padding: 0;
}
    .contemi{
        float: left;
        padding-top: 1%;
        padding-bottom: 1%;
        padding-left: 5%;
        padding-right: 5%;
        background-color: #c0855b;
        display: block;
        margin-right: 1%;
    
    }
        .contepri{
    float: right;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 5%;
    padding-right: 5%;
    color: #944c33;
    margin: 1%;
    font-size: 13pt;    
    }
    .contetitle{
        font-size: 14pt;
    
    }
    .c-btn{
    background-color:#f2eeea;
    color: darkgrey;
           flex-grow: 1;
        text-align: center;
        padding: 2%;
 font-size: 1.2em;
/*    margin-right: 2%;*/
    }
/*==================================
SP ONLY
==================================*/
.more02{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.sphed{
	
}
.splogo{
width: 35%;
	float: left;
	display:none;
}

.more{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}



.sp_totop{
	font-size: 15pt;
	color: #FFF;
	background-color: #666;
	text-align: center;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	display:none;
}


.spnone{
	display:none;
}
.pcnone{
	
}
.foodimg01sp{
	display:none;
}





.mainbox01{
	padding-top: 100px;
	padding-bottom: 100px;
	margin-right: auto;
	margin-left: auto;
}



.bgabsolute01{
	position: absolute;
	margin-left:55%;
	z-index: 300;
	margin-top: 60px;
	/*top: 769px;*/
}

.whitewaku01{
	background-color: #FFF;	/*
	position: absolute;
	margin-left: 50%;
	z-index: 300;
	margin-top: 200px;*/
	margin-right: 20%;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	min-width: 380px;
}

#container01{
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../image/contaner/bg01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 145px;
	padding-bottom: 145px;
}

#mapspace {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 50%;
}
#mapspace span {
	display: none;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 99999;
}
#page-top a {
	text-align: center;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 66px;
	height: 70px;
	padding-top: 0px;
}
#page-top a:hover {
	text-decoration: none;
}
footer{
padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: darkgrey;
}

    .ggmap {
position: relative;
padding-bottom: 60%;
padding-top: 10px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);*/
}


#topbtnbg{
    background-color: darkgrey;
	width: 180px;
	position: fixed;
	top: 150px;
	z-index: 500;
	right: 0px;
	color: #FFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	display: none;
}





    /*==================================
Photosize
==================================*/
.imagesize {
	max-width: 100%;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*==================================
SLIDER
==================================*/
    #sliderbox{
        padding-top: 18%;
    
    }
#main {
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.flexslider {
	position: relative;
	zoom: 1;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.flex-viewport {
	min-height:429px;
	max-height:700px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides img {
	width: 100%;
	min-width:325px;
	max-width:750px;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	
}
/*==================================
FADEIN
==================================*/

/*div#hedimg img { width: 100%; }*/
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
	



/*========================================================
TEXT
========================================================*/
.copy{
	font-size: 8pt;
}

.midashi_d{
    font-size: 3.0em;;
    font-family: "Courier New", Courier, monospace;
    margin-bottom: 2%;
    font-weight: normal;
    display: block;/*    text-align: center;*/
    padding-bottom: 2%;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.midashi_f{
    font-size: 2.0em;
    font-family: "Courier New", Courier, monospace;
    margin-bottom: 20px;
    font-weight: normal;
    display: block;
    padding: 0px;/*    text-align: center;*/
    padding-bottom: 2%;
}
.pagetitle{
	font-family: 'Playfair Display SC', serif;
	font-size: 60pt;
	padding-bottom: 15px;
}

.icon{
	font-family: 'HeydingsCommonIconsRegular';
}
.text01{
/*	font-size: 60pt;*/
}
.text02{
  text-indent: -1em;
  padding-left: 1em;
}

/*==================================
ABOUT TAB
==================================*/
.tabmenu{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.tabmenu li,
.tabmenu li a {
	padding: 3px;
	color: #FFF;
	padding: 0px;
	background-color: #06A8ED;
	width: 200px;
	font-size: 12pt;
	text-align: center;
}

.tabmenu li{
	list-style-type: none;
	margin-bottom: 60px;
	color: #FFF;
	padding: 10px;
	background-color: #06A8ED;
	float: left;
	margin-right: 20px;
}


.tabbox {
  display: none;
}
.tabmenu li.active {
	background-color: #06A8ED;
}
.tabmenu li.active a{
	color: #FFC;
}

/*==================================
小枠
==================================*/

.modal-content {
	position: fixed;
	display: none;
	z-index: 2;
	width: 500px;
	border: 2px solid #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	padding-top: 30px;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
	
}

.modal-content p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0;
	color: #333;
}
.conimage {
	/*width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;*/
	height: 200px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 10px;
}

.modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.100);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
	color: #333;
	font-size: 12pt;/*	text-decoration: underline;*/
}

.modal-close:hover {
	cursor: pointer;
	color: #666;
}

/*.conimage{
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}*/






/*=========================================
Float
=========================================*/
.left{
	float: left;
}
.right{
	float: right;
}



/*=========================================
Textposition
=========================================*/
.textcenter{
	text-align: center;
}
    }

}