@charset "utf-8";
/* CSS Document */
body {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*----------------------------------------------------
    テキスト 文字色設定
----------------------------------------------------*/

.txtRed {
	color: #F40000;
}

.txtRed_link {
	font-size: 120%;
	color: #F40000;
	text-decoration:underline;
}

#txtRed_link a{
	padding: 0 5px;
	color:#F40000;
	text-decoration:none;
}

#txtRed_link a:hover{
	color:#F40000;
	text-decoration:underline;
}

#txtRed_link a:visited{
	color:#F40000;
	text-decoration:underline;
}

.txtbold{
	font-weight:bold;
}

.txtc{
	text-align:center !important;
}

.txtl{
	text-align:left !important;
}

.txtr{
	text-align:right !important;
}

/*----------------------------------------------------
    マージン
----------------------------------------------------*/

.cfix:before,
.cfix:after {content: " ";display: table;}
.cfix:after {clear: both;}
.cfix {*zoom: 1;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mtb50{margin:50px 0;}

/*----------------------------------------------------
    独自ページ　フリーページ
----------------------------------------------------*/

#shotai_simlation_box{
   width:100%;
}

/*----------------------------------------------------
    Material icons
----------------------------------------------------*/

.material-icons {
	display: inline-block;
	vertical-align:middle;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	padding: 0 3px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 30px;  /* 推奨サイズ */
	color:#fff;

/* WebKitブラウザサポート */
	-webkit-font-smoothing: antialiased;
/* Chrome、Safariサポート */
	text-rendering: optimizeLegibility;

/* Firefoxサポート */
	-moz-osx-font-smoothing: grayscale;

/* IEサポート */
font-feature-settings: 'liga';
}

/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-40 { font-size: 40px; }
.material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が明るいとき用のアイコン色2 */
.material-icons.md-dark2 { color: rgba(185, 42, 44, 1); }
.material-icons.md-dark2.md-inactive { color: rgba(185, 42, 44, 0.3); }



/*----------------------------------------------------
　書体シミュレーションに関する注意事項
----------------------------------------------------*/

.shotai_attention_mds{
	width:100%;
	padding:1% 0 0 0;
	margin:0;
	background:#981B20 !important;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:20px !important;
}

.shotai_attention{
	width:100%;
	margin-bottom:20px;
	border:solid 5px #981B20;
	padding:0 6px;
	box-sizing:border-box !important;
	overflow:hidden;
}

.shotai_attention_text{
	text-align:left;
	font-size:15px;
	color:#000;
	line-height:180%;
}


/*----------------------------------------------------
　書体シミュレーション見出し
----------------------------------------------------*/

.shotai_simlation_mds {
	width:100%;
	box-sizing:border-box;
	margin:0;
}

.shotai_simlation_mds h3 {
	font-size: 45px;
	text-align: left;
	letter-spacing: 4pt;
	padding:2% 0 0 2%;
	border-bottom:1px dotted #333;
	margin:0;
}

.shotai_simlation_mds p {
	color:#000;
	font-size: 16px;
	text-align: left;
	padding:2%;
	margin:0;
}


/*----------------------------------------------------
　書体シミュレーションボックス
----------------------------------------------------*/

.shotai_simlation_box {
	padding: 2%;
	width: 100%;
	box-sizing:border-box !important;
	margin:0;
}

.shotai_simlation_box h4 {
	font-size: 25px;
	text-align: left;
	margin:0;
}

.shotai_simlation_box p {
	color:#000;
	font-size: 16px;
	text-align: left;
	margin:0;
}

.shotai_simlation_box span {
	color:#F40000;
	font-size: 16px;
	font-weight:bold;
	text-align: left;
	padding-left:2%;	
}

.shotai_simlation_sample {
	height: auto;
	width: 100%;
	box-sizing:border-box !important;
	padding-bottom:3% !important;
	margin:0;
}

.shotai_simlation_sample h6 {
	font-size: 16px;
	text-align: left;
	padding:2%;
}

.shotai_simlation_sample li {
	list-style-type:none !important;
}


.shotai_simlation_moji_nyuryoku {
	float:center;
	height: 50px;
	margin:5px 2% !important;
	width:96%;
	box-sizing:border-box;
}

.shotai_simlation_moji_image {
	float:center;
	height: 50px;
	margin:2px 2% 10px 2% !important; 
	width:96%;
	border:solid 1px #999;
	background-color:#fff;
	box-sizing:border-box;
}


/*----------------------------------------------------
　カラーパレッド（jquery.simple-color-picker.css）
----------------------------------------------------*/


.shotai_simlation_color{
	box-sizing:border-box;
	width:100%;
}

.shotai_simlation_color_l {
	box-sizing:border-box;
	float:left;
	width:47%;
	margin:10px 2% 0 2%;
	background-color:#eae6df;
	height:180px;
}

.shotai_simlation_color_r {
	box-sizing:border-box;
	float:left;
	width:47%;
	margin:10px 2% 0 0;
	background-color:#eae6df;
	height:180px;
}


div.color-picker {
	 border-left: 1px solid #000; 
	 border-top: 1px solid #000; 
}
	 
div.color-picker ul {
	 list-style: none; 
	 padding: 0; 
	 margin: 0; 
	 float: left; 
}

div.color-picker ul li {
	 display: block; 
	 width: 23px; 
	 height: 23px; 
	 border-right: 1px solid #000; 
	 border-bottom: 1px solid #000; 
	 margin: 0px; 
	 float: left; 
	 cursor: pointer;
	 list-style-type:none;
}


/*----------------------------------------------------
　common_page_pc.css 刺しゅう書体・糸色見本
----------------------------------------------------*/

p.sfont_number_ja2 {
	width:65px;
	padding: 0 0 0 2%;
	font-size: 30px;
	font-weight: 600;
	color: #e96106;
	float: left;
	position:relative;
}
p.sfont_number_ja2 span {
	font-size: 12px;
	background-color: #e96106;
	padding: 2px;
	margin:0;
	color: #FFF;
	display: inline-block;
	position:absolute;
	top:40px;
}
p.sfont_number_en2 {
	width:65px;
	padding: 0 0 0 2%;
	font-size: 30px;
	font-weight: 600;
	color: #203b81;
	float: left;
	position:relative;
}
p.sfont_number_en2 span {
	font-size: 12px;
	background-color: #203b81;
	padding: 2px;
	margin:0;
	color: #FFF;
	display: inline-block;
	position:absolute;
	top:40px;
}

/*----------------------------------------------------
    ボタン各種
----------------------------------------------------*/

#shotai_menu {
	width:100%;
	padding:0;
	list-style-type: none;
	box-sizing:border-box;
}

#shotai_menu li {
	width:100%;
	float:left;
	padding:0;
	text-align:center;
	box-sizing:border-box;
	list-style-type:none;
}

#shotai_menu li a {
	display:block;
	padding:15px 0;
	color:#000 !important;
	font-size:16px;
	font-weight:bold;
	text-decoration:none !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.00, #efe457));
	background: -webkit-linear-gradient(top, #efe457 0%, #feae31 100%);
	background: -moz-linear-gradient(top, #efe457 0%, #feae31 100%);
	background: -o-linear-gradient(top, #efe457 0%, #feae31 100%);
	background: -ms-linear-gradient(top, #efe457 0%, #feae31 100%);
	background: linear-gradient(top, #efe457 0%, #feae31 100%);
	border-left:1px solid #d88905;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	-1px 0 0 rgba(225,225,225,0.3) inset,
	0 1px 1px rgba(0,0,0,0.1) inset,
	0 -1px 1px rgba(0,0,0,0.3) inset,
	0 1px 3px #fff4e1;
}

#shotai_menu li a:hover {
	background:#ffc360;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7400), color-stop(0.00, #ffa443));
	background: -webkit-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -moz-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -o-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -ms-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: linear-gradient(top, #ffa443 0%, #ff7400 100%);
	box-shadow: 1px 0px 0px rgba(255,234,200,0) inset,
	-1px 0 0 rgba(255,234,200,0) inset,
	0 1px 1px rgba(0,0,0,0.1) inset,
	0 -1px 1px rgba(0,0,0,0.3) inset,
	0 1px 3px #fff4e1;
}

#shotai_menu li:first-child a{
	border-radius:5px;
	border-left:0;
	box-shadow:-1px 0 0 rgba(255,234,200,0.3) inset,
	0 1px 1px rgba(0,0,0,0.1) inset,
	0 -1px 1px rgba(0,0,0,0.3) inset,
	0 1px 3px #fff4e1;

}

#shotai_menu li:last-child a{
	border-radius:5px;
	box-shadow: 1px 0px 0px rgba(255,234,200,0.3) inset,
	0 1px 1px rgba(0,0,0,0.1) inset,
	0 -1px 1px rgba(0,0,0,0.3) inset,
	0 1px 3px #fff4e1;
}

.shotai-attention-btn {
	box-sizing:border-box;
	float:center;
	width: 96%;
	padding:3px 0;
	margin:20px 2% 0 2%;
	display: block;
	color: #fff !important;
	line-height:1.6em;
	font-size: 19px;
	font-weight: bold;
	background: #901313;
	border: 4px solid #750c0c;	
	cursor: pointer;
	text-decoration: none !important;
}

.shotai-attention-btn a {
	text-decoration: none !important;
	margin:20px 2% 0 2%;
}


/*----------------------------------------------------
　背景色
----------------------------------------------------*/

.border_japanese {background: repeating-linear-gradient(-45deg, #dfcaa1, #dfcaa1 5px, #e0d0b1 5px, #e0d0b1 10px);}
.border_english {background: repeating-linear-gradient(-45deg, #cdcbaf, #cdcbaf 5px, #d6d4b6 5px, #d6d4b6 10px);}
.border1 {background: repeating-linear-gradient(-45deg, #66b7ec, #66b7ec 5px, #7ac0ee 5px, #7ac0ee 10px);}
.border2 {background: repeating-linear-gradient(-45deg, #f2cf01, #f2cf01 5px, #f9de3e 5px, #f9de3e 10px);}
.border3 {background: repeating-linear-gradient(-45deg, #70c2c0, #70c2c0 5px, #8fd1cf 5px, #8fd1cf 10px);}
.japanese_back_color {background:#cebc9d;}
.japanese_back_color2 {background: #fbf5eb;}
.english_back_color {background:#938f76;}
.english_back_color2 {background:#f5f4e7;}
.back_color_white {background:#fff;}
.back_color_black {background:#000;}


/*----------------------------------------------------
　文字色
----------------------------------------------------*/

.japanese_font { color:#513900}
.english_font { color:#504e41}


/*----------------------------------------------------
　ページ内リンク
----------------------------------------------------*/

#japanese{
    margin-top: -80px;
    padding-top: 80px;
}


#english{
    margin-top: -80px;
    padding-top: 80px;
}

/*----------------------------------------------------
　書体注意事項アコーディオン
----------------------------------------------------*/

div.accordion {
	box-sizing:border-box;
	width: 100%;
	margin:0;
	padding:0;
}

div.accordion > ul {
	padding:0 2%;
}
div.accordion > ul > li > a {
	display: block;
	color: #fff !important;
	line-height:1.6em;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
	background: #901313;
	border: 4px solid #750c0c;
	padding:3px 0;
	margin:0;
	cursor: pointer;
	position: relative;
	list-style-type:none;
}

div.accordion > ul > li > p {
	position:absolute;
}

div.accordion > ul > li > a:hover{
	opacity: 0.90; /* 10％透過 */
	background-color: none;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
	font-size: 12px;
	position: absolute;
	right: 12px;
	top: 5px;
	color: #fff;
}
div.accordion > ul > li > a:after{
	content: "開く▼";
}
div.accordion > ul > li > a.active:after{
	content: "閉じる▲";
}
div.accordion > ul > li > ul {
	display: none;
	background-color: #F6F4E7 !important;
	padding:2%;
	border: 4px solid #750c0c;
	box-sizing:border-box;
}

div.accordion > ul > li > ul > li > {
	position:absolute;
	display: block;
	color: #000;
	font-size: 15px;
	border-bottom: 1px solid #fff;
}

.faq_answer_r {
	line-height: 1.8;
}


@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/

img {
    max-width: 100%;
}
/*----------------------------------------------------
　書体シミュレーションボックス
----------------------------------------------------*/

.shotai_simlation_box {
	padding: 2%;
	width: 100%;
	box-sizing:border-box !important;
	margin:0;
}

.shotai_simlation_box h4 {
	font-size: 25px;
	text-align: left;
	margin:0;
}

.shotai_simlation_box p {
	color:#000;
	font-size: 16px;
	text-align: left;
	margin:0;
}

.shotai_simlation_box span {
	color:#F40000;
	font-size: 16px;
	font-weight:bold;
	text-align: left;
	padding-left:2%;	
}

.shotai_simlation_sample {
	height: auto;
	width: 100%;
	box-sizing:border-box !important;
	padding-bottom:3% !important;
	margin:0;
}

.shotai_simlation_sample h6 {
	font-size: 16px;
	text-align: left;
	padding:2%;
}

.shotai_simlation_sample li {
	list-style-type:none !important;
}


.shotai_simlation_moji_nyuryoku {
	float:center;
	height: 50px;
	margin:5px 2% !important;
	width:96%;
	box-sizing:border-box;
}

.shotai_simlation_moji_image {
	float:center;
	height: 50px;
	margin:2px 2% 10px 2% !important; 
	width:96%;
	border:solid 1px #999;
	background-color:#fff;
	box-sizing:border-box;
}


/*----------------------------------------------------
　カラーパレッド（jquery.simple-color-picker.css）
----------------------------------------------------*/


.shotai_simlation_color{
	box-sizing:border-box;
	width:100%;
}

.shotai_simlation_color_l {
	box-sizing:border-box;
	float:left;
	width:96%;
	margin:10px 2%;
	background-color:#eae6df;
	height:210px;
}

.shotai_simlation_color_r {
	box-sizing:border-box;
	float:left;
	width:96%;
	margin:10px 2%;
	background-color:#eae6df;
	height:240px;
}


div.color-picker {
	 border-left: 1px solid #000; 
	 border-top: 1px solid #000; 
}
	 
div.color-picker ul {
	 list-style: none; 
	 padding: 0; 
	 margin: 0; 
	 float: left; 
}

div.color-picker ul li {
	 display: block; 
	 width: 30px; 
	 height: 30px; 
	 border-right: 1px solid #000; 
	 border-bottom: 1px solid #000; 
	 margin: 0px; 
	 float: left; 
	 cursor: pointer;
	 list-style-type:none;
}


/*----------------------------------------------------
　common_page_pc.css 刺しゅう書体・糸色見本
----------------------------------------------------*/

p.sfont_number_ja2 {
	width:100%;
	padding: 0 0 0 2%;
	font-size: 30px;
	font-weight: 600;
	color: #e96106;
	float: left;
	position:relative;
}
p.sfont_number_ja2 span {
	font-size: 12px;
	background-color: #e96106;
	padding: 2px;
	margin:0;
	color: #FFF;
	display: inline-block;
	position:absolute;
	top:15%;
	left: 20%;
}
p.sfont_number_en2 {
	width:100%;
	padding: 0 0 0 2%;
	font-size: 30px;
	font-weight: 600;
	color: #203b81;
	float: left;
	position:relative;
}
p.sfont_number_en2 span {
	font-size: 12px;
	background-color: #203b81;
	padding: 2px;
	margin:0;
	color: #FFF;
	display: inline-block;
	position:absolute;
	top:15%;
	left: 20%;
}

	
}