/* --------------------------------------------------------------------------
	CSS for Another Yamatoya Corporation.   ---  Lolipop Error Page Style
-------------------------------------------------------------------------- */

body {
	background: #ffffff;
	font-family: 'Open Sans','ヒラギノ角ゴシック','メイリオ', sans-serif;
	font-style: normal;
	font-weight: 300;
	overflow-x: hidden;
}


/*---------------------------------------
   Common settings		共通の設定
-----------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: 300;
	letter-spacing: 1.5px;
}

h1 {
	font-size: 24px;
	padding-bottom: 14px;
	margin-bottom: 0px;
}

h2 {
	font-size: 20px;
	line-height: 28px;
}

h3 {
	font-size: 18px;
}

p {
	color: #555;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 0.2px;
}



/*---------------------------------------
    General               
-----------------------------------------*/

html{
	-webkit-font-smoothing: antialiased;
}

a {
	color: #777;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none !important;
}

a:hover, a:active, a:focus {
	color: #4d638c;
	outline: none;
}



/*---------------------------------------
    header section		ヘッダー
-----------------------------------------*/

/* ナビバー項目の装飾 */
.navbar {
	width: 100%;
	background: #d1d1d1;	/* 背景色（古いブラウザ用） */
	background: radial-gradient(circle 250px at 20% -50px,#d1d1d1,#f4f4f4);	/* ロゴ背後の光を含めた背景色 */
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	/* 影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度 */
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);			/* 同上 */
	padding: 2px 0;
	border: none;
	border-bottom-color: #ddd;
	border-bottom-style: double;
	margin-bottom: 30px;	/* ヘッダーの下に空けるスペース */
}

/* ナビバー タイトルの設定 */
h1.title {
	color: #ccc;
	font-size: 30px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.0em;
}

/* ナビバー TOP 内側の余白（上下位置の設定） */
.navbar-brand {
	padding-top: 0px;
}



/*---------------------------------------
   inline section		インライン
-----------------------------------------*/

#inline {
	margin-top: 20px;
	margin-bottom: 20px;
}

#inline hr {
	width: 400px;
	margin-top: 42px;
	margin-bottom: 42px;
}

/* --- 左スペース ----- */
#inline p.space {
	padding-left: 42px;
	margin-bottom: 20px;
}


#inline ul {
	padding-left: 20px;
}

#inline ul li {
	color: #777;
	font-size: 15px;
	font-weight: 300;
	padding-top: 2px;
	padding-bottom: 5px;
}

/* --- Bottom Line ----- */
#inline .bottom-line {
	margin-bottom: 40px;
	position: relative;
	background: #fff;
	width: 100%;
	padding: 10px 10px;
	float: right;
	-webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
}



/*---------------------------------------
   footer				フッター
-----------------------------------------*/

#footer {
	clear: both;
	wide: 100%;
	background: #d1d1d1;	/* 背景色（古いブラウザ用） */
	background: radial-gradient(circle farthest-side,#d1d1d1,#f4f4f4);	/* ロゴ背後の光を含めた背景色「circle / ellipse」「センターにする 250px at 20% -50px → farthest-side に変更」 */
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	/* 影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度 */
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);			/* 同上 */
	border-bottom-color: #d1d1d1;
	border-bottom-style: double;
	margin-bottom: 20px;	/* フッターの下に空けるスペース */
}

p.copyright {
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 20px 0;
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.0em;
}



/*---------------------------------------
   Mobile Responsive         
-----------------------------------------*/

	@media (max-width: 767px) {

	  h1 {
	    font-size: 22px;
	  }

	  h2 {
	    font-size: 16px;
	    line-height: 28px;
	  }

	  h3 {
	    font-size: 14px;
	  }

	  .navbar-default {
	    margin-top: 0px;
	    text-align: center;
	  }

	  footer {
	    text-align: center;
	  }

	  footer .col-md-4 {
	    padding-top: 10px;
	  }

	/* --- ヘッダータイトル用 ----- */
	  h1.title {
	    font-size: 26px;
	    padding-bottom: 0px;
	    margin-top: 10px;
	    margin-bottom: 0px;
	    font-style: normal;
	    font-weight: 600;
	    letter-spacing: 0.0em;
	  }