@charset "utf-8";

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-style: normal;
}
table{border-collapse:separate; border-spacing:0;}
caption, th, td{text-align:left; font-weight:400;}
a img{border:none;}

/* clearfix ----------- */
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}
.clearfix{display: inline-block;min-height:1%;  /* for IE 7*/} 
/* IE Mac */
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* html5.js対応用 */
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary {display: block;}
/* box-sizingでサイズを統一管理 */
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section,img,a,p{
	box-sizing: border-box;
}
img {max-width: 100%;height: auto;}
iframe.twitter-share-button {width: 100px!important;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
.fb-like iframe {max-width: none !important;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
    &::-webkit-search-decoration {
      display: none;
    }
    &::focus {
      outline-offset: -2px;
    }
}

/*reset Css///////////////////////////////////////////////*/
/*################################################################################*/
body,html{height: 100%;}
body{
	color: #111;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic",YuGothic,"kozuka Gothic Pro", "小塚ゴシック Pro L","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-feature-settings: "palt";
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 1px;
	overflow-y: scroll;
}
a{color: #CB0058;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;word-wrap: break-word;}
a:hover{color: #FF02BE;text-decoration: none;}
.clear{clear: both;}

/*選択時の文字*/
::selection {
	color: #FFF;
	background-color: #845FB3;
	text-shadow: #000 0px 0px 3px;
}
::-moz-selection {
	color: #FFF;
	background-color: #845FB3;
	text-shadow: #000 0px 0px 3px;
}
.br{display: inline-block;}


/*---------------------------------------------------------*/


.border{
	border: 1px solid #333;
	background-color: #000;
	-webkit-box-shadow: 0px 0px 4px #333;
	box-shadow: 0px 0px 4px #333;
	margin-right: 2px;
	margin-left: 2px;
}

/*共通英語フォント*/
.jpFont{
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic",YuGothic,"kozuka Gothic Pro", "小塚ゴシック Pro L","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.enFont {
	font-family: "Julius Sans One", "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}

.commonWidth{width: 1000px;margin: auto;}
.commonPadding{padding-left:40px;padding-right:40px;}

hr{border: none;border-top: 1px solid #333; margin-top: 40px;margin-bottom: 0px;padding-bottom: 40px;}


/*********************************************************************************
ヘッダー　 
*********************************************************************************/
header.global{}

/* グローバルメニュー ///////////////////////////////// */
nav.global{
	
}





/*********************************************
【トップ】　レスポンシブ用スマホナビ
***********************************************/
#smpNavi{
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	font-size: 30px;
	line-height: 1;
	padding: 8px 10px;
	color: #ffffff;
	background-color: #747474;
	z-index: 5;
	cursor: pointer;
}
#smpNavi span:before{content: "\2261";}

#smpNavi.selected {background-color: #fff;color: #000;}
#smpNavi.selected span:before{content: "\D7";}


/***************************
グーグルマップ
******************************/
/*googleマップ タッチデバイス用対応 -----------------------*/
.gmap{
	padding-top:50%;
	border:1px solid #337039;
	overflow:hidden;
	width:100%;
	height:400px;
	position:relative;
}

/*大きな地図で見る*/
small.gmapS {display: block;text-align: right;letter-spacing: 0px;padding-top: 2px;}
small.gmapS a{text-decoration: none;font-size: 11px;}



/*********************************************************************************
フッター　 
*********************************************************************************/
footer.global{}








/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
	.brSmp { display: inline;}
	
	#all{min-width: inherit;;}
	.commonWidth{width: auto;margin: auto;}
	.commonPadding{padding-left:20px;padding-right:20px;}
	
	/*---------------------------------------------------------
	スマホ用ドロワーメニュー
	---------------------------------------------------------*/
	#smpNavi{ display: block; }
	
	/*---------------------------------------------------------
	グーグルマップ
	---------------------------------------------------------*/
	.gmap::before,.gmap::after{display:block;}
	
	
}