html, body { color:414141;background: #f2f2f2 ;line-height:14px;font-family: 'Indie Flower'; }

a:link {text-decoration:none;color:#414141;}
a.bk:link {text-decoration:none;color:#a1a1a1;}
a.bk2:link {text-decoration:none;color:#d1d1d1;}
a.bl:link {text-decoration:none;color:#ffffff;}
a:visited {text-decoration:none;color:#414141;}
a.bk:visited {text-decoration:none;color:#a1a1a1;}
a.bk2:visited {text-decoration:none;color:#d1d1d1;}
a.bl:visited {text-decoration:none;color:#ffffff;}
a:hover {text-decoration:none;color:#a1a1a1;}
a.bk:hover {text-decoration:none;color:#e1e1e1;}
a.bk2:hover {text-decoration:none;color:#f1f1f1;}
a.bl:hover {text-decoration:none;color:#eeeeee;}
a:active {text-decoration:none;color:#c1c1c1;}
a.bk:active {text-decoration:none;color:#a1a1a1;}
a.bk2:active {text-decoration:none;color:#d1d1d1;}
a.bl:active {text-decoration:none;color:#ffffff;}

/* h */
h2 {position: relative;padding: 0 .4em .1em;font-family:sans-serif;}
h2::after {position: absolute;bottom: 0;left: 0;z-index: -1;content: '';width: 100%;height: 10px;background-color: #5890dc}
h3 {position: relative;padding: 0 .5em .5em 1.7em;font-size: 1.225em;color:fba215;border-bottom: 1px solid #eee;font-family:sans-serif;}
h3::after {position: absolute;top: .55em;left: .8em;z-index: -1;content: '';width: 10px;height: 10px;background-color: #fba215;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* service */
.margin1 {text-align:left;vertical-align:middle;float:left;margin-left:0px;}

/*main----------------------------------------------------------- */  
.mainfontbig {text-align:left;font-size:30px;line-height:42px;letter-spacing:0px;font-family:Sorts Mill Goudy;}
.mainfont {text-align:left;font-family:sans-serif;font-size:13px;line-height:21px;}
.mainfont-h {text-align:left;font-family:sans-serif;font-size:14px;line-height:21px;}
.mainfonts {text-align:left;font-family:sans-serif;font-size:12px;line-height:15px;}
.mainfontsub {color:c5b07f;text-align:left;font-family:Sorts Mill Goudy;font-size:13px;line-height:18px;}
.shoplink {text-align:left;font-family:sans-serif;font-size:15px;line-height:24px;}
.link1 {background-color:#a1cfe6;text-align:center;width:90px; height:25px;display: inline-block; _display: inline;border-radius:5px;}
.link2 {text-align:center;color:#ffffff;font-family:sans-serif;font-size:9px;line-height:25px}
.menu {color:676767;font-family:serif;font-size:15px;line-height:16px;}
div#footer{background-color:#e3e3e3;}
.title {line-height:29px;font-size:29px;font-family: "Times New Roman" serif  ;transform: scale(1,2.5);}
.contents {text-decoration:none;font-family:serif;font-size:13px;line-height:15px;font-family: "Times New Roman" serif  ;}
.color {color:#ff8c00;}
.adr {font-size:10px;line-height:1.6;}
hr{border:none;height:1px;border-top: solid 1px #aaa;width:70%;}
.hrl {margin-left:0;text-align:left;}
.hrr {margin-right:0;text-align:right;}
.hrc {text-align:center;}
.hrside {text-align:left;margin-left:11px}
.topspace {line-height:70px;}
.newtd {width:5%;}
.newtd2 {width:20%;}
.newtd3 {width:80%;}
.toptable {width:90%;text-align:left;font-family:sans-serif;font-size:12px;line-height:21px;}
.mainfontst {text-align:left;font-family:serif;font-size:0px;line-height:15px;width:0%;}

.menutbl ,.menutbl td,.menutbl th {text-align:left;font-family:sans-serif;font-size:11px;line-height:21px;border-collapse: collapse; border: 1px solid #8f8f8f;}

/* contact */
#formWrap {width:100%;margin:0 auto;color:#555;line-height:120%;font-size:80%;}
table.formTable{;margin:0% auto;border-collapse:collapse;}
table.formTable td,table.formTable th{ font-size:10px;border:1px solid #ccc;padding:7px;}
table.formTable th{width:30%;font-weight:normal;background:#efefef;text-align:left;}


/* タイトル文----------------------------------------------------------- */  
.titletop {width:100%;}

/* メニュー----------------------------------------------------------- */  
.menus1 {width:100%;}
.menus2 {width:100%;}

/* インデックス----------------------------------------------------------- */  
.indext {width:180px;position: absolute;top : 6px ; left: 5%;z-index: 3;}
.menu {width:140px;position: absolute ;top : 0px ; right: 5%;z-index: 2;}

/* pickup */
.pickuplogo {width:0px;}
.pickuphr {border:none;border-top: solid 0px #aaa;width:0%;}
table.pickupfont {border:none;background-color:fff;width:00px;padding:0px;text-align:left;font-family:sans-serif;font-size:0px;line-height:0px;}

/* pickup */
.pickuplogo2 {width:90%;}
.pickuphr2 {text-align:left;margin-left:0px;width:100%;}
table.pickupfont2 {border:none;background-color:fff;width:71%;padding:0px;text-align:left;font-family:sans-serif;font-size:10px;line-height:14px;margin-left:11px}

/* pickup main*/
.pickuplogo3 {width:100%;}
.pickuphr3 {align:left;border:none;border-top: solid 1px #aaa;width:100%;margin-left:0px}
table.pickupfont3 {border:none;background-color:fff;font-size:12px;width:100%;padding:0px;}

/* ２カラム----------------------------------------------------------- */  
.left2 {width:44%;float:left;text-align:left;margin-left:5%;}
.center2 {padding:2%;}
.right2 {width:44%;float:left;text-align:left;margin-left:2%;}

/* 3カラム----------------------------------------------------------- */  
.left3 {width:28.8%;float:left;text-align:left;margin-left:5%;}
.center2 {padding:2%;}
.right3 {width:28.8%;float:left;text-align:left;margin-left:2%;}
.text2 {font-family:serif;font-size:10px;line-height:14px;}

/* 3メインカラム----------------------------------------------------------- */  
.main3t {width:90%;float:left;text-align:center;margin-left:5%;margin-right:5%}
.main3 {width:90%;float:left;text-align:left;margin-left:5%;margin-right:5%}
.share {width:90%;float:left;text-align:center;margin-left:5%;margin-right:5%}
.main3t1{width:5%;}
.main3t2{width:90%;}
.main3t3{width:5%;}
.main3tt1{width:5%;}
.main3tt2{width:85%;text-align:center;}
.main3tt3{width:5%;}
.main3ttt1{width:5%;}
.main3ttt2{width:90%;text-align:center;}
.main3tttt3{width:5%;}
.centerm2 {padding:2%;}
.rightm3 {width:28.8%;float:left;text-align:left;margin-left:2%;}
.textm2 {font-family:serif;font-size:13px;line-height:20px;}

/* ムービーフレーム可変----------------------------------------------------------- */  
.iframe-content {position: relative;width: 100%;padding: 56.25% 0 0 0;}
.iframe-content iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.iframe-content2 {position: relative;width: 60%;padding: 56.25% 0 0 0;}
.iframe-content2 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* MAP */
.map {width:0px;heght:0px;}

/* サイドバーフォント----------------------------------------------------------- */  
.sidefont {color:d1d1d1;width:auto;text-align:left;font-family:sans-serif;font-size:11px;line-height:18px;margin:15px;font-weight: 500;}

/* PHOTO slides----------------------------------------------------------- */  
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: center;
  }

.rslides img {
  display: block;
  height: auto;
  float: center;
  width: 100%;
  border: 0;
  }

/* TOP header要素 
----------------------------------------------------------- */  
div#header  {  
    width: 100%;  
    padding: 0px;  
    background: #000 ;  
    border-bottom: 70px solid #fff;  
    color: #fff;  
    position: fixed;  
    top:0;  
    left:0;  
}  
* html div#header    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}  
div#header h1   {  
    width: 800px;  
    margin: 0 auto;  
}  


/* -----------------------------------
 * Slidebars
 * Version 0.10.3
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *

 * ----------------------------
 * 001 - Box Model, Html & Body
 */

html, body, #sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden;
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 2; /* Site sits above Slidebars */
	background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
	content: ' ';
	display: table;
}

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
    clear: both;
}

/* ---------------
 * 003 - Slidebars 背景色
 */

.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #fcfcfc; /* Default Slidebars background colour, overwrite this with your own css. */
}

.sb-slidebar, .sb-slidebar * {
	-webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 70%;
	}
	
	.sb-width-thin {
		width: 55%;
	}
	
	.sb-width-wide {
		width: 85%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 55%;
	}
	
	.sb-width-thin {
		width: 40%;
	}
	
	.sb-width-wide {
		width: 70%;
	}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 40%;
	}
	
	.sb-width-thin {
		width: 25%;
	}
	
	.sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 20%;
	}
	
	.sb-width-thin {
		width: 5%;
	}
	
	.sb-width-wide {
		width: 35%;
	}
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition:    -moz-transform 400ms ease;
	     -o-transition:      -o-transform 400ms ease;
	        transition:         transform 400ms ease;
	
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}


/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}

/* --------------------
 * 006 - SIDE
 */


html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

/* Fixed position examples */
#sb-site.top-padding {
	padding-top: 50px;
}

#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: red;
	z-index: 4;
}

#fixed-top span.sb-toggle-left {
	float: left;
	color: white;
	padding: 10px;
}

#fixed-top span.sb-toggle-right {
	float: right;
	color: white;
	padding: 10px;
}