@charset "UTF-8";
/* WARMS SITES CSS Document */

html, body { border: 0; margin: 0; padding: 0;}

body {
	width: 100%;
	text-align: left;
	/* color: #78706d;*/
color: #333;
}
body.top {
}

/*****************************************************************************

■ タグ

******************************************************************************/
h1, h2, h3, h4, h6 {
	font-size: 100%;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}

p {margin: 0; padding: 0; font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";}

ul, ol {list-style: none; margin: 0; padding: 0;}

em { display: none; }

blockquote {}

small {font-size: 0.85em;}

img {border: none;}

sup {position: relative; bottom: 0.3em; vertical-align: baseline;}

sub {position: relative; bottom: -0.2em; vertical-align: baseline;}

acronym, abbr {cursor: help; letter-spacing: 1px; border-bottom: 1px dashed;}

hr {display: none; clear: both;}

/* ▼ リンク
------------------------------------------------------------------------------*/
a {color: #221815; font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";}
a:hover {text-decoration: underline; color: #634d46;}
a img {border: none;}

.anc {
	float: left;
	display: block;
	width: 0px;
	height: 0px;
	background: none;
	padding: 1px 0 0 1px;
	color: fff;
	overflow: hidden;
}

/* ▼ テーブル
------------------------------------------------------------------------------*/
table {border: 0; margin: 0px; padding: 0px;}
table tr td {padding: 2px;}


/* ▼ インラインフレーム
------------------------------------------------------------------------------*/
iframe { width: 100%; }


/*****************************************************************************

■ 共通

******************************************************************************/
/* ▼ レイアウト
------------------------------------------------------------------------------*/
.clear {clear: both;}
.alignleft {display: block; float: left;}
.alignright {display: block; float: right;}
.aligncenter {display: block; text-align: center; margin: 0 auto;}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

/* ▼ セクション終了
------------------------------------------------------------------------------*/
.endOfSection {
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
/* ▼ ライン
------------------------------------------------------------------------------*/
div.hr {
	float: left;
	display: block;
	width: 100%;
	padding: 0px;
	height: 6px;
}
.no_border {
	border: none;
}


/* ▼ 文字装飾
------------------------------------------------------------------------------*/
.n10 { font-size: 10px; font-weight: normal; }
.n11 { font-size: 11px; font-weight: normal; }
.n12 { font-size: 12px; font-weight: normal; }
.n13 { font-size: 13px; font-weight: normal; }
.n14 { font-size: 14px; font-weight: normal; }
.n15 { font-size: 15px; font-weight: normal; }
.n16 { font-size: 16px; font-weight: normal; }
.n17 { font-size: 17px; font-weight: normal; }
.n18 { font-size: 18px; font-weight: normal; }
.n19 { font-size: 19px; font-weight: normal; }
.n20 { font-size: 20px; font-weight: normal; }

.b10 { font-size: 10px; font-weight: bold; }
.b11 { font-size: 11px; font-weight: bold; }
.b12 { font-size: 12px; font-weight: bold; }
.b13 { font-size: 13px; font-weight: bold; }
.b14 { font-size: 14px; font-weight: bold; }
.b15 { font-size: 15px; font-weight: bold; }
.b16 { font-size: 16px; font-weight: bold; }
.b17 { font-size: 17px; font-weight: bold; }
.b18 { font-size: 18px; font-weight: bold; }
.b19 { font-size: 19px; font-weight: bold; }
.b20 { font-size: 20px; font-weight: bold; }

.n10_red { color: #FF0000; font-size: 10px; font-weight: normal; }
.n11_red { color: #FF0000; font-size: 11px; font-weight: normal; }
.n12_red { color: #FF0000; font-size: 12px; font-weight: normal; }

.n10_grn { color: #BFC777; font-size: 10px; font-weight: normal; }
.n11_grn { color: #BFC777; font-size: 11px; font-weight: normal; }
.n12_grn { color: #BFC777; font-size: 12px; font-weight: normal; }
.n13_grn { color: #BFC777; font-size: 13px; font-weight: normal; }
.n14_grn { color: #BFC777; font-size: 14px; font-weight: normal; }


/* ▼ ページのトップへ
------------------------------------------------------------------------------*/
.to_page_top {
	float: right;
	width: 120px;
	margin-top: 20px;
	padding: 0px 20px 18px 0px;
}
/* ▼ ページを閉じる
------------------------------------------------------------------------------*/
.page_close {
	float: right;
	width: 110px;
	margin-top: 5px;
	padding: 0px 0px 18px 0px;
}
/* ▼ フロート
------------------------------------------------------------------------------*/
.flt {
	float: left;
}
.frt {
	float: right;
}

/* ▼ ラッパー
------------------------------------------------------------------------------*/
#wrapper {
	float: left;
	width: 100%;
	padding: 0 0 30px;
	margin: 0;
	/* color: #78706d;*/
color: #333;
	background: url(../../img/wrapper_bk.jpg) no-repeat left top;
}

#wrapper_goods {
	float: left;
	width: 100%;
	padding: 0 0 30px;
	margin: 0;
	/* color: #78706d;*/
color: #333;
	background: url(../../img/wrapper_bk_goods.jpg) no-repeat left top;
}

#wrapper_school {
	float: left;
	width: 100%;
	padding: 0 0 30px;
	margin: 0;
	/* color: #78706d;*/
color: #333;
	background: url(../../img/wrapper_bk_school.jpg) no-repeat left top;
}

/*****************************************************************************

■ ヘッダー

******************************************************************************/
#header {
	float: left;
	width: 100%;
	height: 68px;
	margin: 0;
	padding: 0;
}

#header h1#logo a {
	float: left;
	display: block;
	margin: 8px 0 0 35px;
	_margin: 8px 0 0 17px;
	padding: 0;
	width: 128px;
	height: 60px;
}
#header div#header_menu {
	float: right;
	display: block;
	width: 224px;
	height: 48px;
	margin: 0 10px 0 0;
	padding: 20px 0 0;
	background: url(../../img/header_menu_bk.jpg) no-repeat left top;
	text-align: center;
	font-size: 15px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}
#header div#header_menu a {
	/* color: #78706d;*/
color: #333;
	text-decoration: underline;
}
#header div#header_menu a:hover {
	color: #bebfc2;
	text-decoration: underline;
}



.navi_goods {
	position: absolute;
	top: 90px;
	left: 10px;
	width: 224px;
	height: 362px;
	margin: 10px 0 0;
	padding: 0;
	background: url(../../img/menu_goods_bg.png) no-repeat;
}

.navi_goods ul {
	float: left;
	display: block;
	width: 201px;
	margin: 0;
	padding: 70px 0 0 28px;
}
.navi_goods li {
	float: left;
	display: block;
	width: 128px;
	padding: 0 0 0 20px;
	margin: 0;
	text-align: left;
	background: none;
}
.navi_goods li.current {
	background: url(../../img/icon_arrow_goods.png) no-repeat 0px 16px;
}
.navi_goods li a {
	float: left;
	display: block;
	width: 128px;
	margin: 0;
	padding: 10px 0 10px 2px;
	text-decoration: none;
	border-bottom: 1px dotted #f3ba6f;
	/* color: #78706d;*/
color: #333;
	font-size: 15px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}

.navi_school {
	position: absolute;
	top: 90px;
	left: 10px;
	width: 224px;
	height: 362px;
	margin: 10px 0 0;
	padding: 0;
	background: url(../../img/menu_school_bg.png) no-repeat;
}

.navi_school ul {
	float: left;
	display: block;
	width: 201px;
	margin: 0;
	padding: 70px 0 0 28px;
}
.navi_school li {
	float: left;
	display: block;
	width: 128px;
	padding: 0 0 0 20px;
	margin: 0;
	text-align: left;
	background: none;
}
.navi_school li.current {
	background: url(../../img/icon_arrow_school.png) no-repeat 0px 16px;
}
.navi_school li a {
	float: left;
	display: block;
	width: 128px;
	margin: 0;
	padding: 10px 0 10px 2px;
	text-decoration: none;
	border-bottom: 1px dotted #d16139;
	/* color: #78706d;*/
color: #333;
	font-size: 15px;
	font-family: "Times New Roman", Times, serif, Tahoma, Geneva, sans-serif;
}


/*****************************************************************************

■ メインコンテンツ

******************************************************************************/
#contents_wrapper {
	float: right;
/*	min-width: 752px;*/
	padding: 0;
	margin: 32px 244px 0 224px;
	/* color: #78706d;*/
color: #333;
}
#contents_wrapper_page {
	float: left;
	width: 100%;
	/*max-width: 752px;*/
	margin: 0 0 0 0;
	padding: 0;
	/* color: #78706d;*/
color: #333;
}
#contents_wrapper_list {
	float: left;
	width: 100%;
	/*max-width: 752px;*/
	margin: 0 0 0 0;
	padding: 0;
}
#contents_wrapper_detail {
	float: left;
	width: 100%;
	/*max-width: 750px;*/
	margin: 0 0 0 0;
	padding: 0;
}
#contents_wrapper_goods {
	float: left;
	width: 100%;
	/*max-width: 650px;*/
	margin: 32px 0 0 0;
	padding: 0;
}
#contents_wrapper_page div.footer_img_box {
	float: left;
	width: 224px;
	height: 362px;
	margin-top: 10px;
}
#contents_wrapper_page div.footer_img_box a {
	float: left;
	display: block;
}

#contents {
	float: left;
	width: 100%;
	max-width: 700px;
	margin: 0;
	padding: 25px 20px;
	background: url(../../img/contents_bg.png);

}
#contents_gallery {
	float: left;
	width: 100%;
	margin: 20px 0;
	padding: 2% 3%;
	background: url(../../img/contents_bg.png);
}
.bg_line_st { border: 1px solid #eee; }
.bg_line_gd { border: 1px solid #eee; }
.bg_line_sc { border: 1px solid #eee; }


#contents p {
}
#contents_title {
	float: left;
	display: block;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0 0 20px;
	border-bottom: 1px solid #d3d3d3;
	
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 180%;
	font-weight: normal;
	line-height: 1.25em;
}
#contents h2.title, #contents_gallery h2.title {
	float: left;
	display: block;
	width: 100%;
	margin: 20px 0;
	padding: 0 0 0 24px;
	background: url(../../img/icon_h2_blue.png) no-repeat 0 0px;
	border: none;
	color: #2e2e33;
	font-size: 144%;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
}
#contents h2.title_school {
	float: left;
	display: block;
	width: 100%;
	margin: 20px 0;
	padding: 0 0 0 24px;
	background: url(../../img/icon_h2_cha.png) no-repeat 0 0;
	border: none;
	color: #2e2e33;
	font-size: 144%;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
}
#contents h2.title_school-voice {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 15px;
	padding: 0 0 5px 34px;
	border: none;
	color: #2e2e33;
	font-size: 144%;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: bold;

	background-image: url(../images/icon-voice-bk.png);
	background-repeat: no-repeat;
	background-size: 25px auto;
	border: none;
}

#contents h2.topics {
	background: url(../../img/icon_h2_green.png) no-repeat 0 0;
	color: #2e2e33;
	font-size: 144%;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
}


#main_img {
	float: left;
	display: block;
	margin: 10px 0 0;
	padding: 0;
}
#main_img img {
	width: 100%;
	vertical-align: bottom;
}
#main_img_school {
	float: left;
	display: block;
	width: 100%;
	margin: 15px 0 15px;
	padding: 0;
}
#main_img_school li {
	float: left;
	display: block;
	width: 33%;
	height:162px;
	overflow: hidden;
	
	margin: 1px 0 0 1px;
	padding: 0;
	text-align: center;
}
#main_img_school img {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.link_page_top {
	clear:both;
	float: left;
	display: block;
	width: 140px;
	height: 14px;
	margin: 30px 0 0;
	padding: 0;
	background: url(../../img/link_page_top.png) no-repeat;
}

#contents_left, #contents_right {
	float: left;
	width: 50%;
	margin: 20px 0;
	padding: 0;
}
#contents_left {
	border-right: 1px solid #d3d3d3;
}
#contents_left h2.title, #contents_right h2.title {
	float: left;
	display: block;
	width: 100%;
	min-height: 18px;
	margin: 0 0 10px;
	padding: 0 0 10px 40px;
	background: url(../../img/icon_h2_blue.png) no-repeat 10px 0;
	border-bottom: 1px solid #d3d3d3;

	color: #2e2e33;
	font-size: 120%;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
	
	text-align: left;
}
#contents_left p {
	padding: 0 15px 10px 0;
} 
#contents_right p {
	padding: 0 0 10px 15px;
} 
#contents_left img, #contents_right img {
	width: 96%;
	margin: 0 2%;
} 

#contents_left ul, #contents_right ul {
	float: left;
	display: block;
	width: 94%;
	margin: 0;
	padding: 0 3% 0;
} 
#contents_left ul li, #contents_right ul li {
	float: left;
	display: block;
	width: 98%;
	margin: 0;
	padding: 0 0 5px 5%;
	background: url(../../img/icon_contents_list.png) no-repeat 0 7px;
} 

/*****************************************************************************
■ 共通
******************************************************************************/

/* ヘッダー情報 */

.header-contact-info,
.header-contact-info h1,
.header-contact-info img,
.header-contact-info ul,
.header-contact-info ul li {
	box-sizing: border-box;
}
.header-contact-info {
	float: left;
	width: 99%;
	margin: 0 0 0 15px;
	padding: 10px 20px;
	
	background-color: rgba(0, 0, 0, 0.8);
}
.header-contact-info img {
	float: left;
	display: block;
	width: 20%;
	margin: 0;
	padding: 0;
}
.header-contact-info h1 {
	float: left;
	display: block;
	width: 100%;
	margin: 10px 0 0;
	padding: 10px 0 0;

	font-size: 13px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: normal;
	line-height: 1.5em;
	
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.header-contact-info ul {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;

}
.header-contact-info ul li {
	float: left;
	display: block;
	margin: .25em 0 0;
	padding: 0 20px 0 0;
	
	font-size: 13px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: normal;
	line-height: 1em;
	
	color: #fff;
}
.header-contact-info ul li.tel {
	margin-top: 0;
	padding: 0 20px 0 26px;
	font-size: 24px;
	letter-spacing: .05em;
	
	background: url(../images/contact-info-tel.png) no-repeat 0px 2px;
	background-size: auto 80%;
}
.header-contact-info ul li.mail {
	padding: 2px 20px 0 24px;
	font-size: 14px;
	
	background: url(../images/contact-info-mail.png) no-repeat 0px 2px;
	background-size: auto 80%;
}
.header-contact-info ul li.addr {
	float: right;
	margin-top: .1em;
	padding: 3px 0 3px 18px;
	font-size: 14px;
	
	background: url(../images/contact-info-address.png) no-repeat;
	background-size: auto 100%;
}
.header-contact-info ul li a {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	
	color: #fff;
	text-decoration: none;
}

/* フッター情報 */

.footer-contact-info,
.footer-contact-info h1,
.footer-contact-info img,
.footer-contact-info ul,
.footer-contact-info ul li {
	box-sizing: border-box;
}
.footer-contact-info {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0 245px;
	
	background-color: rgba(0, 0, 0, 0.8);

}
.footer-contact-info img {
	float: left;
	display: block;
	width: 23.7%;
	margin: 0;
	padding: 0 0 0 0;
}
.footer-contact-info h1 {
	float: left;
	display: block;
	width: 75%;
	margin: 0;
	padding: 0;

	font-size: 13px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: normal;
	line-height: 1.5em;
	
	color: #fff;
}
.footer-contact-info ul {
	float: left;
	display: block;
	width: 72.3%;
	margin: 0 2%;
	padding: 40px 0 20px;
}
.footer-contact-info ul li {
	float: left;
	display: block;
	margin: .25em 0 0;
	padding: 0 50px 0 0;
	
	font-size: 13px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: normal;
	line-height: 1em;
	
	color: #fff;
}
.footer-contact-info ul li.tel {
	margin-top: 20px;
	padding: 0 50px 0 36px;
	font-size: 28px;
	letter-spacing: .05em;
	
	background: url(../images/contact-info-tel.png) no-repeat 0px 2px;
	background-size: auto 80%;
}
.footer-contact-info ul li.mail {
	margin-top: 24px;
	padding: 2px 20px 0 28px;
	font-size: 14px;
	
	background: url(../images/contact-info-mail.png) no-repeat 0px 2px;
	background-size: auto 80%;
}
.footer-contact-info ul li h2 {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: .05em;
}
.footer-contact-info ul li h2 span {
	font-size: 12px;
	letter-spacing: 0;
}
.footer-contact-info ul li p.addr {
	clear: left;
	float: left;
	display: block;
	margin-top: .1em;
	padding: 3px 0 3px 25px;
	font-size: 13px;
	line-height: 1.25em;
	
	background: url(../images/contact-info-address.png) no-repeat;
	background-size: auto 100%;
}
.footer-contact-info ul li a {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	
	color: #fff;
	text-decoration: none;
}
.footer-contact-info address {
	float: right;
	display: block;
	margin: -1% 1% 0 0;
	padding: 0;
	
	text-align: right;

	font-size: 12px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: normal;
	line-height: 1em;
	
	color: #fff;
}
.footer-contact-info address a {
	color: #fff;
	text-decoration: none;
}


/*****************************************************************************
■ TOP
******************************************************************************/

/* コンテンツブロック */

#top-contact-block {
	display: none;
	
	box-sizing: border-box;
	
	float: left;
	width: 100%;
	/* 1254px */
	margin: 0;
	padding: 0;
}

#top-contact-block [class^="block-"] {
	box-sizing: border-box;
	float: left;
	width: 32%;
	margin: 0;
	padding: 0 0 20px;
	
	background-color: rgba(255, 255, 255, 0.7);
}
#top-contact-block .block-1,
#top-contact-block .block-2 {
	margin-right: 2%;
}

#top-contact-block h2 {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 24px 0 0;
	
	text-align: center;
	
	font-size: 22px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: normal;
	line-height: 1em;
	
	color: #4D4D4D;
	background: #fff;
}
#top-contact-block h3 {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 0 24px;
	
	text-align: center;
	
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	line-height: 1em;
	
	color: #999999;
	background: #fff;
}

#top-contact-block [class^="block-"] .img-box {
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 0;
	
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#top-contact-block .block-1 .img-box {
	background-image: url(../images/top-contents-img-stained.png);
}
#top-contact-block .block-2 .img-box {
	background-image: url(../images/top-contents-img-works.jpg);
	/*background-image: url(../images/top-contents-img-school.png);*/
}
#top-contact-block .block-3 .img-box {
	background-image: url(../images/top-contents-img-goods.png);
}

#top-contact-block .img-box div.sankaku {
	float: left;
	width: 100%;
	margin: -8px 0 0;
	padding: 0;
	
	background: none;
	text-align: center;
}
#top-contact-block .img-box div.sankaku img {
	width: 22px;
}
#top-contact-block .img-box > div {
	box-sizing: border-box;
	float: left;
	width: 90%;
	margin: 45% 5% 0;
	padding: 0;
	
	background-color: rgba(255, 255, 255, 0.7);
}
#top-contact-block .img-box > div h4 {
	box-sizing: border-box;
	float: left;
	width: 90%;
	margin: 5% 5% 0;
	padding: 0;

	font-size: 15px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
	line-height: 1.5em;
	
	color: #111;
}
#top-contact-block .img-box > div p {
	box-sizing: border-box;
	float: left;
	width: 90%;
	margin: 2.5% 5% 0;
	padding: 2.5% 0 5%;

	font-size: 13px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: normal;
	line-height: 1.75em;
	
	color: #111;
	
	border-top: 1px dotted #333;
}


#top-contact-block ul.rand-gallery {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
#top-contact-block ul.rand-gallery li {
	float: left;
	display: block;
	width: 50%;
	margin: 0;
	padding: 0;

	height: auto;
	position: relative;
}
#top-contact-block ul.rand-gallery li:before {
	content: "";
	display: block;
	padding-top: 100%; /* ここを100％にすることで正方形になる */
}

#top-contact-block ul.rand-gallery li a{
	/* 正方形にするのに必要な部分 */
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	margin: 0;
	padding: 0 1px 0 0;
	
	/* 中央寄せ */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#top-contact-block ul.rand-gallery li:last-child  a {
	padding: 0 0 0 1px;
}

/* 高さの中央揃えに必要な部分 */
#top-contact-block ul.rand-gallery li a:before{
	content: "";
	vertical-align: top;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	display: inline-block;
}
#top-contact-block ul.rand-gallery li a > *{
	vertical-align: middle;
	display: inline-block;
}
#top-contact-block ul.rand-gallery li a img{
	float: left;
	display: block;
	
	min-width: 100%;
	height: auto;
	min-height: 100%;
	object-fit: cover;
	
	margin: 0;
	padding: 0;
}

#top-contact-block ul.navi {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}
#top-contact-block ul.contents-navi li {
	float: left;
	display: block;
	width: 100%;
	margin: 1px 0 0;
	padding: 15px 15px;
	
	background-color: rgba(0, 0, 0, .75);
}
#top-contact-block ul.contents-navi li:hover {
	background-color: rgba(0, 0, 0, .5);
	cursor: pointer;
}
#top-contact-block ul.contents-navi li a {
	
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	
	text-align: center;
	
	background-image: url(../images/ya-wt.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;

	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	line-height: 1em;
	
	color: #fff;
}
#top-contact-block ul.contents-navi li a:hover {
	text-decoration: none;
}

/*****************************************************************************
■ ステンドグラス
******************************************************************************/

/* ギャラリー一覧 */

ul.stainedglass_list {
	float: left;
	display: block;
	width: 48%;
	margin: 0;
	padding: 0 2% 0 0;
}
ul.stainedglass_list li {
	display: block;
	width: 100%;
	margin: 0 0 0px 0;
	padding: 5px 0 0;
	
	font-size: 96%;
}
ul.stainedglass_list li p.title {
	display: block;
	margin: 10px 0 5px;
	padding: 2px 10px;
	color: #fff;
	background: #5074b2;
	text-align: center;
	
	font-family: Times, serif, Georgia, "Times New Roman", "￡I￡O ￡DIAA≪", "MS PMincho", "\O\e\R\IIAA≪ Pro W3", "Hiragino Mincho Pro";
	font-size: 90%;

	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
ul.stainedglass_list li a {
	color: #9e9d9d;
	font-weight: bold;
	text-decoration: none;
	
	font-size: 78%;
	font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
}
ul.stainedglass_list li a:hover {
	color: #2e2e33;
}
ul.stainedglass_list li.current a {
	color: #2e2e33;
}
ul.stainedglass_list li a img {
	width: 100%;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

div#stainedglass_submenu {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0 2% 0 0;
}

ul.stainedglass_category {
	float: left;
	display: block;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0 20px 0 0;
}

ul.stainedglass_category li p.title {
	float: left;
	display: block;
	width: 100%;
	min-width: 180px;
	margin: 15px 0 1px;
	padding: 2px 0px;
	color: #fff;
	background: #5074b2;
	text-align: center;

	font-family: Times, serif, Georgia, "Times New Roman", "￡I￡O ￡DIAA≪", "MS PMincho", "\O\e\R\IIAA≪ Pro W3", "Hiragino Mincho Pro";
	font-size: 90%;

	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
ul.stainedglass_category li {
	float: left;
	display: block;
	width: 100%;
	min-width: 180px;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #d3d3d3;
}
ul.stainedglass_category li a {
	display: block;
	width: 100%;
	margin: 0 20px 0px 0;
	padding: 10px 0;
	color: #9e9d9d;
	font-weight: bold;
	text-decoration: none;

	font-size: 78%;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}
ul.stainedglass_category li a:hover {
	color: #2e2e33;
	background: #e9e9e9;
}
ul.stainedglass_category li.current a {
	color: #2e2e33;
}

.stainedglass_text {
	float: left;
	width: 50%;
	margin: 0;
	padding: 1% 0 0 0;
}
.stainedglass_text h2.title_img {
	display: block;
	width: 100%;
	margin: 10px 0 10px;
	padding: 26px 0;
	text-align: center;
	border-top: 1px solid #d3d3d3;
	border-bottom: 3px double #d3d3d3;
	font-size: 90%;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}
.stainedglass_text h2.title_img p {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
.stainedglass_text p {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 3% 0;
	line-height: 1.75em;
}

div#stainedglass_navi {
	float: left;
	width: 30%;
	min-width: 30%;
	margin: 0 2% 0 0;
	padding: 0;
}

h2.category_title {
	float: left;
	display: block;
	width: 100%;
	min-width: 100%;
	margin: 5px 0 5px;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	color: #2e2e33;
}
p.category_img {
	float: left;
	display: block;
	width: 100%;
	min-width: 100%;
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	background: #000;
	text-align: center;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}
p.category_img img {
	vertical-align: bottom;
}
p.category_text {
	float: left;
	display: block;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 5px 0 10px;
	border-top: 1px dotted #d3d3d3;
}


div#stainedglass_itemset {
	float: left;
	width: 68%;
	margin: 5px 0 0;
	padding: 0 0 0;
}

div.content_ryoukin {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
/*	
	background: url(../../img/stainedglass_ryoukin_h1.jpg) no-repeat 0 0;
*/
}

div.content_ryoukin p.ryoukin {
	float: left;
	display: block;
	width: 60%;
	margin: 50px 0 50px 18%;
	padding: 20px;
	border: 1px solid #d3d3d3;
	line-height: 1.75em;
	background: #fff;
	opacity: 0.9;
	font-size: 13px;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

div.content_nagare {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

div.content_nagare p.nagare_text {
	float: left;
	display: block;
	width: 70%;
	margin: 5px 0 10px 12%;
	padding: 20px;
	border: 1px solid #d3d3d3;
	line-height: 1.75em;
	background: #fff;
	font-size: 13px;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}
div.content_nagare p.nagare_arrow {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
.fl { float: left; }
.fr { float: right; }

ul.stainedglass_menu {
	float: left;
	display: block;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
}

ul.stainedglass_menu li {
	float: left;
	display: block;
	width: auto;
	margin: 0 20px 10px 0;
	padding: 5px 0;
}
ul.stainedglass_menu li a {
	color: #9e9d9d;
	font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
	font-size: 78%;
	font-weight: bold;
	text-decoration: none;
}
ul.stainedglass_menu li a:hover {
	color: #2e2e33;
}
ul.stainedglass_menu li.current a {
	color: #2e2e33;
}

ul.goods_menu {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
}
ul.goods_menu li {
	float: left;
	display: block;
	width: auto;
	margin: 20px 20px 10px 0;
	padding: 0 0 5px;
	text-align: center;
}
ul.goods_menu li a {
	color: #9e9d9d;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 14px;
	margin: 0;
	padding: 0;
}
ul.goods_menu li div {
	float: left;
	width: 100%;
	min-width: 100%;
	margin: 0;
	padding: 0;
}
ul.goods_menu li div a {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
ul.goods_menu li div a p {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
ul.goods_menu li a:hover {
	color: #2e2e33;
}
ul.goods_menu li.current a {
	color: #2e2e33;
}
ul.goods_menu li a img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

div.school_gallery_list_item {
	float: left;
	width: 170px;
	height: 170px;
	margin: 0;
	padding: 0;
}
div.school_gallery_list_item a {
	float: left;
	display: block;
	width: 160px;
	height: 160px;
	margin: 0 0 10px;
	padding: 5px;
	text-decoration: none;
/*	background: url(../../img/list_bg.png) no-repeat;*/
}
div.school_gallery_list_item a:hover {
	background: url(../../img/list_current_bg_school_page.png) no-repeat;
	-moz-background-size:100% 100%;
background-size:100% 100%; 
}
div.school_gallery_list_item p.list_img {
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
div.school_gallery_list_item p.list_img img {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	text-align: center;
}



div.list_item {
	float: left;
	width: 140px;
	height: 227px;
	margin: 5px 5px 0 0;
	padding: 0;
}
div.list_item a {
	float: left;
	display: block;
	width: 130px;
	height: 227px;
	margin: 0;
	padding: 5px;
	text-decoration: none;
/*	background: url(../../img/list_bg.png) no-repeat;*/
}
div.list_item a:hover {
	background: url(../../img/list_current_bg.png) no-repeat;
}
div.list_item a {
	float: left;
	display: block;
	width: 130px;
	height: 227px;
	margin: 0;
	padding: 5px;
	text-decoration: none;
/*	background: url(../../img/list_bg.png) no-repeat;*/
}
div.list_item a:hover {
	background: url(../../img/list_current_bg.png) no-repeat;
}
div.list_item a.goods:hover {
	background: url(../../img/list_current_bg_goods.png) no-repeat;
}
div.list_item a.school:hover {
	background: url(../../img/list_current_bg_school.png) no-repeat;
}
div.list_item p.list_img {
	float: left;
	display: block;
	width: 130px;
	height: 130px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
div.list_item p.list_img img {
	float: right;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	text-align: center;
}
div.list_item div.list_text {
	float: left;
	width: 130px;
	height: 77px;
	margin: 5px 0 0;
	padding: 0;
	overflow: hidden;
}
div.list_item div.list_text h3 {
	color: #2e2e33;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}
div.list_item div.list_text p {
	padding-top: 3px;
	color: #2e2e33;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
}

/* ギャラリー詳細 */

div.detail_item {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
}
div.detail_top {
	float: left;
	width: 670px;
	height: 73px;
	margin: 0;
	padding: 0;
/*	background: url(../../img/st_detail_bg.png) no-repeat 0 29px;*/
}
div.detail_top a.lnk_return_list {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
div.detail_top a.lnk_contact {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}
div.detail_main {
	float: left;
	width: 670px;
	margin: 0;
	padding: 0;
/*	background: url(../../img/contents_gry_bg.png) repeat;*/
}
div.detail_main h2 {
	float: left;
	display: block;
	width: 670px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #2e2e33;
	font-size: 144%;
	font-weight: bold;
	text-align: center;
}
div.detail_main div.main_img {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
div.detail_main div.list_img {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 30px 0;
}
div.detail_main div.main_text {
	float: left;
	width: 520px;
	margin: 10px 30px 0;
	padding: 20px 20px 0px;
	background: url(../../img/contents_bg.png) repeat;
}
div.detail_main div.main_text h4 {
	font-size: 120%;
	font-weight: bold;
	color: #2e2e33;
	padding: 0 0 5px;
}
div.detail_main div.main_text p {
	padding: 0 0 20px;
}
div.detail_main div.list_img img {
	float: left;
	margin: 0;
	padding: 0;
	border: 5px solid #101010;
}
div.detail_main div.main_img img {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 10px solid #101010;
}
div.detail_btm {
	float: left;
	width: 670px;
	height: 73px;
	margin: 0;
	padding: 0;
/*	background: url(../../img/st_detail_bg_btm.png) no-repeat;*/
}
div.detail_btm a.lnk_return_list {
	float: right;
	display: block;
	margin: 52px 0 0;
	padding: 0;
}
div.detail_btm a.lnk_contact {
	float: left;
	display: block;
	margin: 44px 0 0;
	padding: 0;
}





/*****************************************************************************
■ ガラス教室
******************************************************************************/
.contents_school_left {
	float: left;
	width: 470px;
	margin: 10px 0;
	padding: 0;
}
.contents_school_right {
	float: right;
	width: 170px;
	margin: 40px 0;
	padding: 0;
	text-align: right;
}
.contents_school_right p.gallery_title {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
	text-align: left;
}
.contents_school_right p.gallery_title span {
	font-size: 11px;
	/* color: #a4a3a3;*/
color: #555;
	padding-left: 20px;
	font-weight: normal;
}
.contents_school_right p.gallery_title span a {
	font-size: 11px;
	/* color: #a4a3a3;*/
color: #555;
}
.contents_school_left h2.title_school {
	float: left;
	display: block;
	min-height: 18px;
	margin: 0 0 10px;
	padding: 0 0 10px 34px;
	background: url(../../img/icon_h2_cha.png) no-repeat 10px 0;
}
.contents_school_left p {
	padding: 10px;
} 
.contents_school_left p.cap {
	text-align: right;
	font-size: 11px;
	padding: 10px;
} 
.contents_school_left img {
	vertical-align: bottom;
	text-align: center;
} 

.contents_school_left ul {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 10px 0;
} 
.contents_school_left ul li {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 12px;
	background: url(../../img/icon_contents_list.png) no-repeat 0 7px;
} 
.contents_school_left div.curriculum {
	float: left;
	margin: 0;
	padding: 0 0 0 0px;
}
.contents_school_left div.curriculum p.title {
	float: left;
	display: block;
	width: 100%;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 0;
	color: #666;
	line-height: 1.75em;

	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 110%;
}
.contents_school_left div.curriculum p.text {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	line-height: 1.75em;

	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 100%;
}
.address {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #3f6fdd;
	font-size: 28px !important;
	text-decoration: none;
	border: none;

	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}

.glass-school-voice {
	float: left;
	width: 470px;
	margin: 15px 0 0;
	padding: 15px 0 0;
	
	border-top: 1px dotted #333;
}
.balloon2-top {
 	position: relative;
	display: inline-block;
 	margin: 20px 0 0;
	padding: 0;
	min-width: 120px;
 	max-width: 100%;

	background: #FFF;
 	border: solid 3px #E3A596;
 	box-sizing: border-box;

	border-radius: 15px;
}

.balloon2-top:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

.balloon2-top:after{
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #E3A596;
 	z-index: 1;
}

.balloon2-top p {
	margin: 0;
	padding: 10px 15px;

	font-size: 13px;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-weight: normal;
	line-height: 1.5em;
	
	color: #111;

}


/*****************************************************************************
■ コンタクト
******************************************************************************/
.contact_form {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}
.contact_th {
	float: left;
	width: 25%;
	padding: 20px 0 0;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}
.contact_td {
	float: left;
	width: 75%;
	padding: 20px 0 0;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}
.contact_btn {
	float: left;
	width: 100%;
	text-align: center;
	margin: 15px 0;
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
}
.contact_msg {
	float: left;
	width: 608px;
	padding: 20px;
	background: url(../../img/gry_bg.png);
	border: 1px solid #bbb;
}
.contact_tel {
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	margin: 15px 0;
	padding: 0;
}
.contact_tel a {
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 400%;
	color: #5074b2;
}
.contact_tel a:hover {
	text-decoration: none;
}

.btn_send {
	margin: 20px auto;
}
/*****************************************************************************
■ アクセス
******************************************************************************/
.root {
	float: left;
	width: 100%;
	margin: 0 0 15px;
	padding: 0;
}
.gmap {
	float: right;
	width: 100%;
	margin: 15px 0;
	padding: 0;
	color: #416fb6;
}
.gmap a {
	color: #416fb6;
}
.map_car {
	float: left;
	width: 100%;
	min-height: 487px;
	background: url(../../img/access_map01.png) no-repeat right 30px;
	margin: 0;
	padding: 0 0 20px;
}
.map_train {
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}



/*****************************************************************************
■ BLUEについて
******************************************************************************/

h2.concept {
}

/*****************************************************************************
■ 工房設備
******************************************************************************/

p.setsubi {
	padding: 0 10px;
}

p.setsubi b {
	font-size: 13px;
	/* color: #78706d;*/
color: #333;
	margin: 0;
	padding: 0;
}
div.setsubi_img {
	float: left;
	width: 650px;
	margin: 0;
	padding: 0;
}
div.setsubi_img img {
	float: left;
	margin: 20px 0 0;
	padding: 0;
}


/*****************************************************************************
■ プロフィール
******************************************************************************/

div.profile {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 10px;
}
div.profile p {
	float: left;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 10px;

	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 90%;
}
div.profile p b {
	font-size: 105%;
	color: #2e2e33;
}
div.profile table.profile {
	float: left;
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;

	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 90%;
}
div.profile table.profile th {
	width: 100px;
	color: #fff;
	background: #557bb9;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 90%;
}
div.profile table.profile td {
	background: #e9eaec;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: left;
	font-size: 90%;
}

div.profile table.plan {
	float: left;
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;

	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 90%;
}
div.profile table.plan th {
	width: 100px;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;

	font-size: 90%;
}
div.profile table.plan td {
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	
	text-align: left;
	font-size: 90%;
}

/*****************************************************************************
■ トップページ
******************************************************************************/

#topics {
	position: absolute;
	left: 10px;
	width: 224px;
	height: 362px;
	margin: 10px 0 0;
	padding: 0;
	background: url(../../img/topics_bk.png) no-repeat;
}
.topics_top {
	top: 90px;
}
.topics_about {
	top: 462px;
}

#topics p.title {
	float: left;
	display: block;
	width: 100%;
	height: 56px;
	margin: 0;
	padding: 0;
}
#topics div#news {
	float: left;
	width: 194px;
	height: 262px;
	margin: 0;
	padding: 0 0 0 30px;
	overflow-y: auto;
	text-align: left;
}
#topics div#news p {
	float: left;
	display: block;
	margin: 0;
	width: 174px;
	text-align: left;
}
#topics div#news p.date {
	padding: 0 0 3px;
	font-size: 10px;
	color: #a7c478;
}
#topics div#news p.text {
	padding-bottom: 20px;
	color: #7c828c;
}
#topics div#news p.text a {
	color: #7c828c;
}
#topics div#news p.text a:hover {
	color: #85ad40;
}


div.img_box {
	float: right;
	width: 224px;
	height: 362px;
	margin: 0 0 10px 10px;
	padding: 0;
}



/*****************************************************************************

■ フッター

******************************************************************************/
#footer {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 10px;
	/* color: #78706d;*/
color: #333;
}
#footer p.copylight {
	float: left;
	display: block;
	padding: 27px 0px 0px 0px;
	/* color: #78706d;*/
color: #333;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}


.menu-item-gtranslate {
	padding: 15px;
}
#gtranslate_wrapper .switcher .selected a {
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 17px;
	font-weight: normal;
	line-height: 1em;
}
#gtranslate_wrapper:before {
	content: '翻訳／Translation';
	display: inline;
	width: auto;
	margin: 0;
	padding: 0 10px 0 0;
	
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 15px;
	font-weight: normal;
	line-height: 1em;
	
	color: #fff;
}


.menu-sidebar .custum-gtrans {
	float: right;
	width: 100%;
	margin-top: 10px;
	padding: 20px;
}
.menu-sidebar .custum-gtrans a.glink {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	
	font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
	font-size: 17px;
	font-weight: normal;
	line-height: 1em;
	color: #fff;
	
	text-shadow: 2px 2px 3px #252525;
}
.menu-sidebar .custum-gtrans a.glink:hover {
	color: #ededed;
}
.menu-sidebar .custum-gtrans a:nth-child(2):after {
	content: '/';
	float: left;
	display: block;
	margin: 0;
	padding: 0 10px;
}

.logo h2 {
	text-shadow: 1px 1px 2px #252525;
}
.breadcrumb {
	clear: both;
	text-shadow: 2px 2px 3px #252525;
}

/***************/
/*
/*  Media screen for small device.
/*
/******************/

@media (max-width: 1400px){

	/*****************************************************************************
	■ TOP
	******************************************************************************/
	
	/* コンテンツブロック */
	
	#top-contact-block ul.contents-navi li {
		float: left;
		display: block;
		width: 100%;
		margin: 1px 0 0;
		padding: 15px 15px;
		
		background-color: rgba(0, 0, 0, .75);
	}
	#top-contact-block ul.contents-navi li:hover {
		background-color: rgba(0, 0, 0, .5);
		cursor: pointer;
	}
	#top-contact-block ul.contents-navi li a {
		
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0 10% 0 0;
		
		text-align: center;
		
		background-image: url(../images/ya-wt.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 12px;
	
		font-size: 13px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	#top-contact-block ul.contents-navi li a:hover {
		text-decoration: none;
	}

}

@media (max-width: 1200px){

	/*****************************************************************************
	■ TOP
	******************************************************************************/
	
	/* コンテンツブロック */
	
	#top-contact-block {
		
		box-sizing: border-box;
		
		float: left;
		width: 100%;
		/* 1254px */
		margin: 0;
		padding: 0 0 5%;
	}
	
	#top-contact-block [class^="block-"] {
		box-sizing: border-box;
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 0 0 20px;
		
		background-color: rgba(255, 255, 255, 0.7);
	}
	#top-contact-block .block-1,
	#top-contact-block .block-2 {
		margin-right: 2%;
	}
	
	#top-contact-block h2 {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 24px 0 0;
		
		text-align: center;
		
		font-size: 22px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #4D4D4D;
		background: #fff;
	}
	#top-contact-block h3 {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 10px 0 24px;
		
		text-align: center;
		
		font-size: 12px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: normal;
		line-height: 1em;
		
		color: #999999;
		background: #fff;
	}
	
	#top-contact-block [class^="block-"] .img-box {
		box-sizing: border-box;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 0 0;
		
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	#top-contact-block .block-1 .img-box {
		background-image: url(../images/top-contents-img-stained.png);
	}
	#top-contact-block .block-2 .img-box {
		background-image: url(../images/top-contents-img-works.jpg);
		/*background-image: url(../images/top-contents-img-school.png);*/
	}
	#top-contact-block .block-3 .img-box {
		background-image: url(../images/top-contents-img-goods.png);
	}
	
	#top-contact-block .img-box div.sankaku {
		float: left;
		width: 100%;
		margin: -10px 0 0;
		padding: 0;
		
		background: none;
		text-align: center;
	}
	#top-contact-block .img-box div.sankaku img {
		width: 22px;
	}
	#top-contact-block .img-box > div {
		box-sizing: border-box;
		float: left;
		width: 90%;
		margin: 45% 5% 0;
		padding: 0;
		
		background-color: rgba(255, 255, 255, 0.7);
	}
	#top-contact-block .img-box > div h4 {
		box-sizing: border-box;
		float: left;
		width: 90%;
		margin: 5% 5% 0;
		padding: 0;
	
		font-size: 15px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: bold;
		line-height: 1.5em;
		
		color: #111;
	}
	#top-contact-block .img-box > div p {
		box-sizing: border-box;
		float: left;
		width: 90%;
		margin: 2.5% 5% 0;
		padding: 2.5% 0 5%;
	
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1.75em;
		
		color: #111;
		
		border-top: 1px dotted #333;
	}
	
	
	#top-contact-block ul.rand-gallery {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#top-contact-block ul.rand-gallery li {
		float: left;
		display: block;
		width: 50%;
		margin: 0;
		padding: 0;
	
		height: auto;
		position: relative;
	}
	#top-contact-block ul.rand-gallery li:before {
		content: "";
		display: block;
		padding-top: 100%; /* ここを100％にすることで正方形になる */
	}
	
	#top-contact-block ul.rand-gallery li a{
		/* 正方形にするのに必要な部分 */
		box-sizing: border-box;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		
		margin: 0;
		padding: 0 1px 0 0;
		
		/* 中央寄せ */
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	#top-contact-block ul.rand-gallery li:last-child  a {
		padding: 0 0 0 1px;
	}
	
	/* 高さの中央揃えに必要な部分 */
	#top-contact-block ul.rand-gallery li a:before{
		content: "";
		vertical-align: top;
		width: 0px;
		height: 0px;
		margin: 0;
		padding: 0;
		display: inline-block;
	}
	#top-contact-block ul.rand-gallery li a > *{
		vertical-align: middle;
		display: inline-block;
	}
	#top-contact-block ul.rand-gallery li a img{
		float: left;
		display: block;
		
		min-width: 100%;
		height: auto;
		min-height: 100%;
		object-fit: cover;
		
		margin: 0;
		padding: 0;
	}
	
	#top-contact-block ul.navi {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#top-contact-block ul.contents-navi li {
		float: left;
		display: block;
		width: 100%;
		margin: 1px 0 0;
		padding: 15px 15px;
		
		background-color: rgba(0, 0, 0, .75);
	}
	#top-contact-block ul.contents-navi li:hover {
		background-color: rgba(0, 0, 0, .5);
		cursor: pointer;
	}
	#top-contact-block ul.contents-navi li a {
		
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		
		text-align: center;
		
		background-image: url(../images/ya-wt.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 100%;
	
		font-size: 13px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	#top-contact-block ul.contents-navi li a:hover {
		text-decoration: none;
	}

}

@media (max-width: 1023px){

	/* フッター情報 */
	
	.footer-contact-info,
	.footer-contact-info h1,
	.footer-contact-info img,
	.footer-contact-info ul,
	.footer-contact-info ul li {
		box-sizing: border-box;
	}
	.footer-contact-info {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 0 0 245px;
		
		background-color: rgba(0, 0, 0, 0.8);
	
	}
	.footer-contact-info img {
		display: none;
	}
	.footer-contact-info h1 {
		float: left;
		display: block;
		width: 75%;
		margin: 0;
		padding: 0;
	
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1.5em;
		
		color: #fff;
	}
	.footer-contact-info ul {
		float: left;
		display: block;
		width: 72.3%;
		margin: 0 2%;
		padding: 40px 0 20px;
	}
	.footer-contact-info ul li {
		float: left;
		display: block;
		margin: .25em 0 0;
		padding: 0 50px 0 0;
		
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.footer-contact-info ul li.tel {
		margin-top: 20px;
		padding: 0 50px 0 36px;
		font-size: 28px;
		letter-spacing: .05em;
		
		background: url(../images/contact-info-tel.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.footer-contact-info ul li.mail {
		margin-top: 24px;
		padding: 2px 20px 0 28px;
		font-size: 14px;
		
		background: url(../images/contact-info-mail.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.footer-contact-info ul li h2 {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		
		font-size: 20px;
		font-weight: normal;
		line-height: 1.5em;
		letter-spacing: .05em;
	}
	.footer-contact-info ul li h2 span {
		font-size: 12px;
		letter-spacing: 0;
	}
	.footer-contact-info ul li p.addr {
		clear: left;
		float: left;
		display: block;
		margin-top: .1em;
		padding: 3px 0 3px 25px;
		font-size: 13px;
		line-height: 1.25em;
		
		background: url(../images/contact-info-address.png) no-repeat;
		background-size: auto 100%;
	}
	.footer-contact-info ul li a {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		
		color: #fff;
		text-decoration: none;
	}
	.footer-contact-info address {
		float: right;
		display: block;
		width: 100%;
		padding: 1% 1%;
		margin: 0;
		
		text-align: right;
	
		font-size: 12px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.footer-contact-info address a {
		color: #fff;
		text-decoration: none;
	}



}
@media (max-width:801px){

}   
@media (max-width:800px){


	/*****************************************************************************
	■ 共通
	******************************************************************************/
	
	/* ヘッダー情報 */
	
	.header-contact-info,
	.header-contact-info h1,
	.header-contact-info img,
	.header-contact-info ul,
	.header-contact-info ul li {
		box-sizing: border-box;
	}
	.header-contact-info {
		
		display: none;
		float: left;
		width: 70%;
		margin: 0 0 0 30%;
		padding: 10px 20px;
		
		background-color: rgba(0, 0, 0, 0.8);
	}
	.header-contact-info img {
		float: left;
		display: block;
		width: 20%;
		margin: 0;
		padding: 0;
	}
	.header-contact-info h1 {
		float: left;
		display: block;
		width: 100%;
		margin: 10px 0 0;
		padding: 10px 0 0;
	
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1.5em;
		
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	.header-contact-info ul {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	
	}
	.header-contact-info ul li {
		float: left;
		display: block;
		margin: .25em 0 0;
		padding: 0 20px 0 0;
		
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.header-contact-info ul li.tel {
		margin-top: 0;
		padding: 0 20px 0 26px;
		font-size: 24px;
		letter-spacing: .05em;
		
		background: url(../images/contact-info-tel.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.header-contact-info ul li.mail {
		display: none;
	}
	.header-contact-info ul li.addr {
		float: left;
		width: 100%;
		margin-top: .5em;
		padding: 3px 0 3px 18px;
		font-size: 14px;
		
		background: url(../images/contact-info-address.png) no-repeat;
		background-size: auto 100%;
	}
	.header-contact-info ul li a {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		
		color: #fff;
		text-decoration: none;
	}

	/* フッター情報 */
	
	.footer-contact-info,
	.footer-contact-info h1,
	.footer-contact-info img,
	.footer-contact-info ul,
	.footer-contact-info ul li {
		box-sizing: border-box;
	}
	.footer-contact-info {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 3%;
		
		background-color: rgba(0, 0, 0, 0.8);
	
	}
	.footer-contact-info img {
		display: none;
	}
	.footer-contact-info h1 {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1.5em;
		
		color: #fff;
	}
	.footer-contact-info ul {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 2% 0;
	}
	.footer-contact-info ul li {
		float: left;
		display: block;
		margin: .25em 0 0;
		padding: 0 0 0 0;
		
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.footer-contact-info ul li.tel {
		margin-top: 2%;
		padding: 0 3% 0 36px;
		font-size: 28px;
		letter-spacing: .05em;
		
		background: url(../images/contact-info-tel.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.footer-contact-info ul li.mail {
		margin-top: 3%;
		padding: 2px 0 0 28px;
		font-size: 14px;
		
		background: url(../images/contact-info-mail.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.footer-contact-info ul li h2 {
		float: left;
		display: block;
		margin: 0 5% 0 0;
		padding: 0;
		
		font-size: 18px;
		font-weight: normal;
		line-height: 1.5em;
		letter-spacing: .05em;
	}
	.footer-contact-info ul li h2 span {
		font-size: 11px;
		letter-spacing: 0;
	}
	.footer-contact-info ul li p.addr {
		clear: left;
		float: left;
		display: block;
		margin-top: .1em;
		padding: 3px 0 3px 25px;
		font-size: 13px;
		line-height: 1.25em;
		
		background: url(../images/contact-info-address.png) no-repeat;
		background-size: auto 100%;
	}
	.footer-contact-info ul li a {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		
		color: #fff;
		text-decoration: none;
	}
	.footer-contact-info address {
		float: right;
		display: block;
		width: 100%;
		margin: 0;
		padding: 1% 1% 0 0;
		
		text-align: right;
	
		font-size: 12px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.footer-contact-info address a {
		color: #fff;
		text-decoration: none;
	}	

	ul.stainedglass_list {
		width: 100%;
		padding: 0 0 0 0;
	}
	.stainedglass_text {
		width: 100%;
		margin: 0 0 0;
	}
	.stainedglass_category {
		width: 100%;
		margin: 0 0 0;
	}
	div#stainedglass_submenu {
		width: 100%;
		margin: 0 0 0;
	}

	#main_img_school li {
		float: left;
		display: block;
		width: 50%;
		margin: 0;
		padding: 1px 0 0 1px;
		text-align: center;
	}

	.contents_school_left {
		float: left;
		width: 100%;
		margin: 15px 0;
		padding: 0;
	}
	.contents_school_right {
		float: right;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: right;
	}

	div.school_gallery_list_item {
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	div.school_gallery_list_item a {
		float: left;
		display: block;
		width: 23%;
		height: auto;
		margin: 2% 1%;
		padding: 5px;
		text-decoration: none;
	}
	div.school_gallery_list_item a:hover {
		background: none;
	}
	div.school_gallery_list_item p.list_img {
	}
	div.school_gallery_list_item p.list_img img {
	}

	.contact_th {
		width: 100%;
	}
	.contact_td {
		width: 100%;
	}
	form input[type="text"] {
		width:100%;
	}
	form input[type="email"] {
		width:100%;
	}
	form textarea {
		width:100%;
	}
	div.content_ryoukin p.ryoukin {
		width: 80%;
		margin: 15px 0 15px 5%;
		padding: 5%;
		font-size: 90%;
	}
	.contact_tel a {
		font-size: 300%;
	}


	div.content_ryoukin {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	/*	
		background: url(../../img/stainedglass_ryoukin_h1.jpg) no-repeat 0 0;
	*/
	}
	
	div.content_ryoukin p.ryoukin {
		float: left;
		display: block;
		width: 90%;
		margin: 5% 5% 5%;
		padding: 3%;
		border: 1px solid #d3d3d3;
		line-height: 1.75em;
		background: #fff;
		opacity: 0.9;
		font-size: 13px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	
	}
	
	div.content_nagare {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	div.content_nagare p.nagare_text {
		float: left;
		display: block;
		width: 90%;
		margin: 5% 5% 5%;
		padding: 3%;
		border: 1px solid #d3d3d3;
		line-height: 1.75em;
		background: #fff;
		font-size: 13px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	
	}
	div.content_nagare p.nagare_arrow {
		float: left;
		display: block;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: center;
	}

}
@media (max-width:680px){


	/*****************************************************************************
	■ 共通
	******************************************************************************/

	/* ヘッダー情報 */
	
	.header-contact-info,
	.header-contact-info h1,
	.header-contact-info img,
	.header-contact-info ul,
	.header-contact-info ul li {
		box-sizing: border-box;
	}
	.header-contact-info {
		float: left;
		width: 98%;
		margin: 3% 1%;
		padding: 10px 20px;
		
		background-color: rgba(0, 0, 0, 0.8);
	}
	.header-contact-info img {
		float: left;
		display: block;
		width: 20%;
		margin: 0;
		padding: 0;
	}
	.header-contact-info h1 {
		float: left;
		display: block;
		width: 100%;
		margin: 10px 0 0;
		padding: 10px 0 0;
	
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1.5em;
		
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	.header-contact-info ul {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	
	}
	.header-contact-info ul li {
		float: left;
		display: block;
		margin: .25em 0 0;
		padding: 0 20px 0 0;
		
		font-size: 12px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";

		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.header-contact-info ul li.tel {
		margin-top: 0;
		padding: 0 20px 0 26px;
		font-size: 22px;
		letter-spacing: .05em;
		
		background: url(../images/contact-info-tel.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.header-contact-info ul li.mail {
		display: none;
	}
	.header-contact-info ul li.addr {
		float: left;
		width: 100%;
		margin-top: .5em;
		padding: 3px 0 3px 18px;
		font-size: 14px;
		
		background: url(../images/contact-info-address.png) no-repeat;
		background-size: auto 100%;
	}
	.header-contact-info ul li a {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		
		color: #fff;
		text-decoration: none;
	}
	
	/* フッター情報 */
	
	.footer-contact-info,
	.footer-contact-info h1,
	.footer-contact-info img,
	.footer-contact-info ul,
	.footer-contact-info ul li {
		box-sizing: border-box;
	}
	.footer-contact-info {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 3%;
		
		background-color: rgba(0, 0, 0, 0.8);
	
	}
	.footer-contact-info img {
		display: none;
	}
	.footer-contact-info h1 {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1.5em;
		
		color: #fff;
	}
	.footer-contact-info ul {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 2% 0;
	}
	.footer-contact-info ul li {
		float: left;
		display: block;
		margin: .25em 0 0;
		padding: 0 0 0 0;
		
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.footer-contact-info ul li.tel {
		margin-top: 2%;
		padding: 0 3% 0 36px;
		font-size: 28px;
		letter-spacing: .05em;
		
		background: url(../images/contact-info-tel.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.footer-contact-info ul li.mail {
		margin-top: 3%;
		padding: 2px 0 0 28px;
		font-size: 14px;
		
		background: url(../images/contact-info-mail.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.footer-contact-info ul li h2 {
		float: left;
		display: block;
		margin: 0 5% 0 0;
		padding: 0;
		
		font-size: 18px;
		font-weight: normal;
		line-height: 1.5em;
		letter-spacing: .05em;
	}
	.footer-contact-info ul li h2 span {
		font-size: 11px;
		letter-spacing: 0;
	}
	.footer-contact-info ul li p.addr {
		clear: left;
		float: left;
		display: block;
		margin-top: .1em;
		padding: 3px 0 3px 25px;
		font-size: 13px;
		line-height: 1.25em;
		
		background: url(../images/contact-info-address.png) no-repeat;
		background-size: auto 100%;
	}
	.footer-contact-info ul li a {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		
		color: #fff;
		text-decoration: none;
	}
	.footer-contact-info address {
		float: right;
		display: block;
		width: 100%;
		margin: 0;
		padding: 1% 1% 0 0;
		
		text-align: right;
	
		font-size: 12px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.footer-contact-info address a {
		color: #fff;
		text-decoration: none;
	}
}
@media (max-width:560px){

	/*****************************************************************************
	■ 受講生の声
	******************************************************************************/

	.glass-school-voice {
		float: left;
		width: 100%;
		margin: -15px 0 0;
		padding: 15px 0 0;
		
		border-top: 1px dotted #333;
	}
	.balloon2-top {
		position: relative;
		display: inline-block;
		margin: 20px 0 0;
		padding: 0;
		min-width: 100%;
		max-width: 100%;
	
		background: #FFF;
		border: solid 3px #E3A596;
		box-sizing: border-box;
	
		border-radius: 15px;
	}
	
	.balloon2-top:before{
		content: "";
		position: absolute;
		top: -24px;
		left: 50%;
		margin-left: -15px;
		border: 12px solid transparent;
		border-bottom: 12px solid #FFF;
		z-index: 2;
	}
	
	.balloon2-top:after{
		content: "";
		position: absolute;
		top: -30px;
		left: 50%;
		margin-left: -17px;
		border: 14px solid transparent;
		border-bottom: 14px solid #E3A596;
		z-index: 1;
	}
	
	.balloon2-top p {
		margin: 0;
		padding: 10px 15px;
	
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1.5em;
		
		color: #111;
	
	}

}
@media (max-width:480px){

	/*****************************************************************************
	■ 共通
	******************************************************************************/
	
	/* ヘッダー情報 */
	
	.header-contact-info,
	.header-contact-info h1,
	.header-contact-info img,
	.header-contact-info ul,
	.header-contact-info ul li {
		box-sizing: border-box;
	}
	.header-contact-info {
		float: left;
		width: 98%;
		margin: 3% 1%;
		padding: 10px 20px;
		
		background-color: rgba(0, 0, 0, 0.8);
	}
	.header-contact-info img {
		float: left;
		display: block;
		width: 20%;
		margin: 0;
		padding: 0;
	}
	.header-contact-info h1 {
		float: left;
		display: block;
		width: 100%;
		margin: 10px 0 0;
		padding: 10px 0 0;
	
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1.5em;
		
		color: #fff;
		border-bottom: 1px dotted #fff;
	}
	.header-contact-info ul {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	
	}
	.header-contact-info ul li {
		float: left;
		display: block;
		margin: .25em 0 0;
		padding: 0 20px 0 0;
		
		font-size: 12px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.header-contact-info ul li.tel {
		margin-top: 0;
		padding: 0 20px 0 26px;
		font-size: 22px;
		letter-spacing: .05em;
		
		background: url(../images/contact-info-tel.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.header-contact-info ul li.mail {
		display: none;
	}
	.header-contact-info ul li.addr {
		float: left;
		width: 100%;
		margin-top: .5em;
		padding: 3px 0 3px 18px;
		font-size: 14px;
		
		background: url(../images/contact-info-address.png) no-repeat;
		background-size: auto 100%;
	}
	.header-contact-info ul li a {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		
		color: #fff;
		text-decoration: none;
	}
	
	/* フッター情報 */
	
	.footer-contact-info,
	.footer-contact-info h1,
	.footer-contact-info img,
	.footer-contact-info ul,
	.footer-contact-info ul li {
		box-sizing: border-box;
	}
	.footer-contact-info {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0 3%;
		
		background-color: rgba(0, 0, 0, 0.8);
	
	}
	.footer-contact-info img {
		display: none;
	}
	.footer-contact-info h1 {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1.5em;
		
		color: #fff;
	}
	.footer-contact-info ul {
		float: left;
		display: block;
		width: 100%;
		margin: 0;
		padding: 2% 0;
	}
	.footer-contact-info ul li {
		float: left;
		display: block;
		margin: .25em 0 0;
		padding: 0 0 0 0;
		
		font-size: 13px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.footer-contact-info ul li.tel {
		margin-top: 2%;
		padding: 0 3% 0 36px;
		font-size: 28px;
		letter-spacing: .05em;
		
		background: url(../images/contact-info-tel.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.footer-contact-info ul li.mail {
		margin-top: 3%;
		padding: 2px 0 0 28px;
		font-size: 14px;
		
		background: url(../images/contact-info-mail.png) no-repeat 0px 2px;
		background-size: auto 80%;
	}
	.footer-contact-info ul li h2 {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		
		font-size: 20px;
		font-weight: normal;
		line-height: 1.5em;
		letter-spacing: .05em;
	}
	.footer-contact-info ul li h2 span {
		font-size: 12px;
		letter-spacing: 0;
	}
	.footer-contact-info ul li p.addr {
		clear: left;
		float: left;
		display: block;
		margin-top: .1em;
		padding: 3px 0 3px 25px;
		font-size: 13px;
		line-height: 1.25em;
		
		background: url(../images/contact-info-address.png) no-repeat;
		background-size: auto 100%;
	}
	.footer-contact-info ul li a {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		
		color: #fff;
		text-decoration: none;
	}
	.footer-contact-info address {
		float: right;
		display: block;
		width: 100%;
		margin: 0;
		padding: 1% 1% 0 0;
		
		text-align: right;
	
		font-size: 12px;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: normal;
		line-height: 1em;
		
		color: #fff;
	}
	.footer-contact-info address a {
		color: #fff;
		text-decoration: none;
	}


	#contents_wrapper {
		float: right;
	/*	min-width: 752px;*/
		padding: 0;
		margin: 32px 244px 0 224px;
		/* color: #78706d;*/
color: #333;
	}
	#contents_wrapper_page {
		float: left;
		width: 100%;
		/*max-width: 752px;*/
		margin: 0 0 0 0;
		padding: 0;
		/* color: #78706d;*/
color: #333;
	}
	#contents_wrapper_list {
		float: left;
		width: 100%;
		/*max-width: 752px;*/
		margin: 0 0 0 0;
		padding: 0;
	}
	#contents_wrapper_detail {
		float: left;
		width: 100%;
		/*max-width: 750px;*/
		margin: 0 0 0 0;
		padding: 0;
	}
	#contents_wrapper_goods {
		float: left;
		width: 100%;
		/*max-width: 650px;*/
		margin: 32px 0 0 0;
		padding: 0;
	}
	#contents_wrapper_page div.footer_img_box {
		float: left;
		width: 224px;
		height: 362px;
		margin-top: 10px;
	}
	#contents_wrapper_page div.footer_img_box a {
		float: left;
		display: block;
	}
	
	#contents {
		float: left;
		width: 100%;
		margin: 0;
		padding: 15px 15px;
		background: url(../../img/contents_bg.png);
	
	}
	#contents_gallery {
		float: left;
		width: 100%;
		margin: 20px 0;
		padding: 2% 3%;
		background: url(../../img/contents_bg.png);
	}
	
	#contents_title {
		float: left;
		display: block;
		width: 100%;
		min-width: 100%;
		margin: 0;
		padding: 0 0 20px;
		border-bottom: 1px solid #d3d3d3;
		
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-size: 180%;
		font-weight: normal;
		line-height: 1.25em;
	}
	#contents h2.title, #contents_gallery h2.title {
		float: left;
		display: block;
		width: 100%;
		margin: 20px 0;
		padding: 0 0 0 24px;
		background: url(../../img/icon_h2_blue.png) no-repeat 0 0px;
		border: none;
		color: #2e2e33;
		font-size: 120%;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: bold;
	}
	#contents h2.title_school {
		float: left;
		display: block;
		width: 100%;
		margin: 20px 0;
		padding: 0 0 0 24px;
		background: url(../../img/icon_h2_cha.png) no-repeat 0 0;
		border: none;
	}
	#contents h2.topics {
		background: url(../../img/icon_h2_green.png) no-repeat 0 0;
	}
	
	
	#main_img {
		float: left;
		display: block;
		margin: 10px 0 0;
		padding: 0;
	}
	#main_img img {
		width: 100%;
	}
	
	
	.link_page_top {
		clear:both;
		float: left;
		display: block;
		width: 100%;
		margin: 30px 0 0;
		padding: 0;
		background: url(../../img/link_page_top.png) no-repeat;
	}
	
	#contents_left {
		float: left;
		width: 100%;
		margin: 15px 0 0;
		padding: 0;
	}
	#contents_right {
		float: left;
		width: 100%;
		margin: 0 0 0;
		padding: 0;
	}
	#contents_left {
		border-right: none;
	}
	#contents_left h2.title, #contents_right h2.title {
		float: left;
		display: block;
		width: 100%;
		min-height: 18px;
		margin: 0 0 10px;
		padding: 0 0 10px 40px;
		background: url(../../img/icon_h2_blue.png) no-repeat 10px 0;
		border-bottom: 1px solid #d3d3d3;
	
		color: #2e2e33;
		font-size: 100%;
		font-family: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3";
		font-weight: bold;
		
		text-align: left;
	}
	#contents_left p {
		padding: 0 0 20px 0;
	} 
	#contents_right p {
		padding: 0 0 10px 0;
	} 
	#contents_left img, #contents_right img {
		width: 100%;
		margin: 0;
	} 

	#contents_left ul, #contents_right ul {
		float: left;
		display: block;
		width: 100%;
		padding: 0 3% 0;
	}
	#contents_right ul {
		margin-top: 3%;
	}
	#contents_left ul li, #contents_right ul li {
		float: left;
		display: block;
		width: 95%;
		margin: 0;
		padding: 0 0 5px 5%;
		background: url(../../img/icon_contents_list.png) no-repeat 0 7px;
	} 

	.contents_school_left {
		float: left;
		width: 100%;
		margin: 15px 0;
		padding: 0;
	}
	.contents_school_right {
		float: right;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: right;
	}
	div.school_gallery_list_item {
		float: left;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	div.school_gallery_list_item a {
		float: left;
		display: block;
		width: 48%;
		height: auto;
		margin: 2% 1%;
		padding: 5px;
		text-decoration: none;
	}
	div.school_gallery_list_item a:hover {
		background: none;
	}
	div.school_gallery_list_item p.list_img {
	}
	div.school_gallery_list_item p.list_img img {
	}
	.contact_th {
		width: 100%;
	}
	.contact_td {
		width: 100%;
	}
	form input[type="text"] {
		width:100%;
	}
	form input[type="email"] {
		width:100%;
	}
	form textarea {
		width:100%;
	}
	.contact_tel a {
		font-size: 200%;
	}
	div.content_ryoukin p.ryoukin {
		width: 90%;
		margin: 5% 5% 5%;
		padding: 3%;
		font-size: 90%;
	}

	div.content_nagare {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	div.content_nagare p.nagare_text {
		float: left;
		display: block;
		width: 90%;
		margin: 5% 5% 5%;
		padding: 3%;
		border: 1px solid #d3d3d3;
		line-height: 1.75em;
		background: #fff;
		font-size: 90%;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
	
	}
	div.content_nagare p.nagare_arrow {
		float: left;
		display: block;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align: center;
	}



	ul.stainedglass_list {
		width: 100%;
		padding: 0 0 0 0;
	}
	.stainedglass_text {
		width: 100%;
		margin: 0 0 0;
	}
	.stainedglass_category {
		width: 100%;
		margin: 0 0 0;
	}
	div#stainedglass_submenu {
		width: 100%;
		margin: 0 0 0;
	}


@media only screen and (min-width:1007px) and (max-width: 1200px){

}


/*****************************************************************************

■ フォント・マージン・パディング

******************************************************************************/
.w100p { width: 500px; }


.n10 { font-size: 10px; font-weight: normal; }
.n11 { font-size: 11px; font-weight: normal; }
.n12 { font-size: 12px; font-weight: normal; }
.n13 { font-size: 13px; font-weight: normal; }
.n14 { font-size: 14px; font-weight: normal; }
.n15 { font-size: 15px; font-weight: normal; }
.n16 { font-size: 16px; font-weight: normal; }
.n17 { font-size: 17px; font-weight: normal; }
.n18 { font-size: 18px; font-weight: normal; }
.n19 { font-size: 19px; font-weight: normal; }
.n20 { font-size: 20px; font-weight: normal; }

.b10 { font-size: 10px; font-weight: bold; }
.b11 { font-size: 11px; font-weight: bold; }
.b12 { font-size: 12px; font-weight: bold; }
.b13 { font-size: 13px; font-weight: bold; }
.b14 { font-size: 14px; font-weight: bold; }
.b15 { font-size: 15px; font-weight: bold; }
.b16 { font-size: 16px; font-weight: bold; }
.b17 { font-size: 17px; font-weight: bold; }
.b18 { font-size: 18px; font-weight: bold; }
.b19 { font-size: 19px; font-weight: bold; }
.b20 { font-size: 20px; font-weight: bold; }

.n10_red { color: #FF0000; font-size: 10px; font-weight: normal; }
.n11_red { color: #FF0000; font-size: 11px; font-weight: normal; }

.lh125 { line-height: 1.25em; }
.lh150 { line-height: 1.5em; }
.lh175 { line-height: 1.75em; }
.lh200 { line-height: 2em; }


.pm_none {
	margin: 0;
	padding: 0;
}

.p_x5 { padding: 0 5px; }
.p_x10 { padding: 0 10px; }
.p_x15 { padding: 0 15px; }
.p_x20 { padding: 0 20px; }
.p_x25 { padding: 0 25px; }
.p_x30 { padding: 0 30px; }

.p_y5 { padding: 5px 0; }
.p_y10 { padding: 10px 0; }
.p_y15 { padding: 15px 0; }
.p_y20 { padding: 20px 0; }
.p_y25 { padding: 25px 0; }
.p_y30 { padding: 30px 0; }

.p_xy5 { padding: 5px; }
.p_xy10 { padding: 10px; }
.p_xy15 { padding: 15px; }
.p_xy20 { padding: 20px; }
.p_xy25 { padding: 25px; }
.p_xy30 { padding: 30px; }

.p_x5_t5 { padding: 5px 5px 0; }
.p_x10_t5 { padding: 5px 10px 0; }
.p_x15_t5 { padding: 5px 15px 0; }
.p_x20_t5 { padding: 5px 20px 0; }
.p_x25_t5 { padding: 5px 25px 0; }
.p_x30_t5 { padding: 5px 30px 0; }

.p_x5_t10 { padding: 10px 5px 0; }
.p_x10_t10 { padding: 10px 10px 0; }
.p_x15_t10 { padding: 10px 15px 0; }
.p_x20_t10 { padding: 10px 20px 0; }
.p_x25_t10 { padding: 10px 25px 0; }
.p_x30_t10 { padding: 10px 30px 0; }

.p_x15_y10 { padding: 10px 15px; }

.p_x5_t15 { padding: 15px 5px 0; }
.p_x10_t15 { padding: 15px 10px 0; }
.p_x15_t15 { padding: 15px 15px 0; }
.p_x20_t15 { padding: 15px 20px 0; }
.p_x25_t15 { padding: 15px 25px 0; }
.p_x30_t15 { padding: 15px 30px 0; }

.p_x5_y15 { padding: 15px 5px; }
.p_x10_y15 { padding: 15px 10px; }
.p_x15_y15 { padding: 15px 15px; }
.p_x20_y15 { padding: 15px 20px; }
.p_x25_y15 { padding: 15px 25px; }
.p_x30_y15 { padding: 15px 30px; }

.m_x5_t10 { margin: 10px 5px 0; }
.m_x10_t10 { margin: 10px 10px 0; }
.m_x15_t10 { margin: 10px 15px 0; }
.m_x20_t10 { margin: 10px 20px 0; }
.m_x25_t10 { margin: 10px 25px 0; }
.m_x30_t10 { margin: 10px 30px 0; }

.m_x5_t15 { margin: 15px 5px 0; }
.m_x10_t15 { margin: 15px 10px 0; }
.m_x15_t15 { margin: 15px 15px 0; }
.m_x20_t15 { margin: 15px 20px 0; }
.m_x25_t15 { margin: 15px 25px 0; }
.m_x30_t15 { margin: 15px 30px 0; }

.m_t5 { margin-top: 5px; }
.m_t10 { margin-top: 10px; }
.m_t15 { margin-top: 15px; }
.m_t20 { margin-top: 20px; }
.m_t25 { margin-top: 25px; }
.m_t30 { margin-top: 30px; }

.m_l5 { margin-left: 5px; }
.m_l10 { margin-left: 10px; }
.m_l15 { margin-left: 15px; }
.m_l20 { margin-left: 20px; }
.m_l25 { margin-left: 25px; }
.m_l30 { margin-left: 30px; }

.m_r5 { margin-right: 5px; }
.m_r10 { margin-right: 10px; }
.m_r15 { margin-right: 15px; }
.m_r20 { margin-right: 20px; }
.m_r25 { margin-right: 25px; }
.m_r30 { margin-right: 30px; }

.m_b5 { margin-bottom: 5px; }
.m_b10 { margin-bottom: 10px; }
.m_b15 { margin-bottom: 15px; }
.m_b20 { margin-bottom: 20px; }
.m_b25 { margin-bottom: 25px; }
.m_b30 { margin-bottom: 30px; }

.p_t5 { padding-top: 5px; }
.p_t10 { padding-top: 10px; }
.p_t15 { padding-top: 15px; }
.p_t20 { padding-top: 20px; }
.p_t25 { padding-top: 25px; }
.p_t30 { padding-top: 30px; }

.p_l5 { padding-left: 5px; }
.p_l10 { padding-left: 10px; }
.p_l15 { padding-left: 15px; }
.p_l20 { padding-left: 20px; }
.p_l25 { padding-left: 25px; }
.p_l30 { padding-left: 30px; }

.p_r5 { padding-right: 5px; }
.p_r10 { padding-right: 10px; }
.p_r15 { padding-right: 15px; }
.p_r20 { padding-right: 20px; }
.p_r25 { padding-right: 25px; }
.p_r30 { padding-right: 30px; }

.p_b5 { padding-bottom: 5px; }
.p_b10 { padding-bottom: 10px; }
.p_b15 { padding-bottom: 15px; }
.p_b20 { padding-bottom: 20px; }
.p_b25 { padding-bottom: 25px; }
.p_b30 { padding-bottom: 30px; }

.pl1e { padding-left: 1em; }
.pl2e { padding-left: 2em; }
.pl3e { padding-left: 3em; }

.fcenter {
	text-align: center;
}