@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}

body{line-height:1;font-size:16px;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}

table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *   -----索引-----

 *   一般・共通設定

 *i 色彩とインデント *
 *b  背景装飾
 *h  ヘッダー 文字装飾
 *g  グローバルナビゲーション
 *d  定義と説明タグ
 *y  IE5対応 タブ Yetii（画法とフォーム）
 *l  ライトボックス　ローカル
 *m  メインコンテンツ
 *l  トピックパス（パンくずリスト）
 *2  サブコンテンツ
 *f  フッター
 *p  ページトップへの戻り
 *c  クラス
 *r  ルート・ディレクトリ、サブ・ディレクトリ
 *t  タブレット向けデザイン
 *s  スマートフォン向けデザイン
 *v  メッセージボード
 *x  シンプルなリボン（囲み枠線）に変更

 ================================================*/

/*================================================
 *  一般・共通設定 background:url(sw.gif);
 ================================================*/
body {
	font-size:16px;
	color:#000;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.5;
	background:url(classic7.jpg);
}

.inner2 {
	position:relative;
	width:1250px;;
	margin:0 auto;
}

.inner2 a:hover img {	/* 画像の明度変換 */
	-webkit-filter: brightness(1.5);
	-moz-filter: brightness(1.5);
	-o-filter: brightness(1.5);
	-ms-filter: brightness(1.5);
	filter: brightness(1.5);}

header {
	box-sizing:border-box;
	position:relative;
	width:100%;
	background:#881e00;/* ロゴの基本色・赤茶色 */
}

nav {
	margin:0 auto;
	left:0;
	right:0;
	width:1250px;;
	background:#fff;
	box-shadow:0 1px 2px #d0d8dc;
	zoom:1;
}

nav:after {
	content:'';
	display:block;
	clear:both;
}

#contents {
	overflow:hidden;
	width:1250px;
	margin:20px auto;
	background:#fff;
}

#main {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:68%;
	margin-top:70px;
}

#main1 {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:68%;
}

#sub {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:28%;
	margin-top:70px;
}

#sub1 {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:28%;
	margin-top:65px;
}

footer {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
}

a {
	color:#333;
	text-decoration:underline;
}
a:hover {
	color:#333;
	text-decoration:none;
}

/* h3 は *2  サブコンテンツ サブメニューの項に記述 */

p {
	margin:0 0 1em 0;
}

img {
	vertical-align:middle;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	color:#ff0000;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}

table {
	width:100%;
	border-collapse:collapse;
}
th {
	text-align:center;
	vertical-align:middle;
}
td {
	text-align:left;
}

.bold{
	font-weight:bold;
}
.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(.03deg);font-size:22px;/* ie対策追加 */
}

.right{
	text-align: right;
}

.cancel{
	clear: both;
}

.row30px{
	margin-left:30px;
	margin-right:30px;
}

.row10{margin-left:10px;}
.row30{margin-left:30px;}
.row40{margin-left:40px;}

/*  *i 色彩とインデント */

.black{color:#000;}
.coolblue{color:#4A24FF;}
.blue{color:#0000ff;}
.coolred{color:#ff3333;}
.red{color:#ff0000;}
.deep_red{color:#800000;}
.brown{color:#660000;}
.crimson{color:#dc143c;}
.underline{text-decoration:underline;}

img.lightbox{margin-bottom:20px;}

.centering{text-align: center;}
.lefting{text-align: left;}
.righting{text-align: right;}

.ue20px{margin-top:20px;}
.ue30px{margin-top:30px;}
.ue40px{margin-top:40px;}
.ue50px{margin-top:50px;}
.ue100px{margin-top:100px;}
.shita20px{margin-bottom:20px;}
.shita30px{margin-bottom:30px;}
.shita40px{margin-bottom:40px;}
.shita50px{margin-bottom:50px;}
.shita70px{margin-bottom:70px;}
.shita100px{margin-bottom:100px;}
.left30px{margin-left:30px;}
.left40px{margin-left:40px;}
.left50px{margin-left:50px;}
.right30px{margin-right:30px;}
.right40px{margin-right:40px;}
.right50px{margin-right:50px;}
.auto10px{margin:0 10px auto;}
.auto20px{margin:0 20px auto;}
.auto30px{margin:0 30px auto;}

.pad5px{padding:5px 5px;}
.pad10px{padding:10px 10px;}
.pad20px{padding:20px 20px;}
.pad30px{padding:30px 30px;}
.pad_ue10px{padding-top:10px;}
.pad_ue20px{padding-top:20px;}
.pad_ue30px{padding-top:30px;}
.pad_ue40px{padding-top:40px;}
.pad_ue50px{padding-top:50px;}
.pad_left10px{padding-left:10px;}
.pad_left20px{padding-left:20px;}
.pad_left30px{padding-left:30px;}
.pad_right10px{padding-right:10px;}
.pad_right20px{padding-right:20px;}
.pad_right30px{padding-right:30px;}
.pad_shita10px{padding-bottom:10px;}
.pad_shita20px{padding-bottom:20px;}
.pad_shita30px{padding-bottom:30px;}
.pad_shita40px{padding-bottom:40px;}
.pad_shita50px{padding-bottom:50px;}
.pad_shita60px{padding-bottom:60px;}
.pad_shita70px{padding-bottom:70px;}

.f13px{font-size: 13px;}
.f14px{font-size: 14px;}
.f15px{font-size: 15px;}
.f16px{font-size: 16px;}
.f18px{font-size: 18px;}
.f20px{font-size: 20px;}
.f22px{font-size: 22px;}
.f25px{font-size: 25px;}
.f30px{font-size: 30px;}

.marker_yellow{background: linear-gradient(transparent 0, #FFFF66 0);}
.marker_green{background: linear-gradient(transparent 0, #8effa1 0);}
.marker_pink{background: linear-gradient(transparent 0, #ffb6c1 0);}
.marker_orange{background: linear-gradient(transparent 0, #FFBCA3 0);}
.marker_blue{background: linear-gradient(transparent 0, #95FEFF 0);}
.marker_gold{background: linear-gradient(transparent 0, #FFF2AF 0);}

/* 一番シンプルな画像と文章の横並び */
/* ■■■横並び⇒縦並び　ここから■■■ */

.box{
  display: table;
}
.box-img,
.box-text{
	display: table-cell;
	vertical-align: top;
}
.box-img{
	text-align: center;
	padding-left:30px;
}
.box-img1{
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding-left:30px;
}
.box-img_left{
	text-align: center;
	padding-right:30px;
}
/* /■■■横並び⇒縦並び　ここまで■■■ */

figcaption{
	text-align:center;
}
/*================================================
 *b  背景装飾
 ================================================*/

#xxx {
	width:1250px;;
	margin:0 auto;

	position:absolute;
	top:0;
	left: 0;
	right: 0;
	box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.3), -5px 0px 5px 0px rgba(0,0,0,0.3);
	background-color:#fff;

	border-left:2px solid #ffd700;
	border-right:2px solid #ffd700;

	overflow:hidden; /*　下部の空白を消す　*/
}

/*================================================
 *h  ヘッダー 文字装飾
 ================================================*/
header {
	padding:0;
}

/*------------------------------------------------
 ******  ロゴ・デザイン  ******
 ------------------------------------------------*/

.boxA {
	background-color:#881e00;
	width:1250px;/* 1250px */
	border:none;
}

.box1, .box2, .box3 {
	float: left;
	background-color:#881e00;/* ロゴの基本色・赤茶色 */
	height:130px;
}

.box1 {/* ロゴエリア */
	padding: 0px 0px 0px 0px;
	width:317px;
	overflow:hidden;
}

.box2 {/* 文字エリア */
	width:537px;
	width : -webkit-calc(100% - 537px) ;
	width : calc(100% - 537px);
	padding: 13px 0px 0px 0px;
}

.box3 {/* 画像エリア */
	width:220px;
}

.kesu2{display:none;}


/*------------------------------------------------
 ******  文字装飾  ******
 ------------------------------------------------*/

.hard-shadow24 {
	display:block;
	margin-top:7px;
	padding-left:20px;
	font-size:25px;
	line-height:35px;
	font-family: serif;
	font-weight:bold;
	color: #fff;
	text-shadow: -1px 2px 0 rgba(0,0,0,0.5);
}
.hard-shadow {
	display:block;
	margin-top:10px;
	padding-left:10px;
	font-family: sans-serif;
	font-size:20px;
	line-height:27px;
	letter-spacing: 0.09em;
	font-weight:normal;
	color: #fffb8a;
	text-shadow: -1px 2px 0 rgba(0,0,0,0.5);
}

.w {/* 安心保証 */
	position: absolute;
	top:100px;
	right:220px;
	margin:0;
	color:#ffcfd4;
	font-family: serif;
	font-size:18px;
	font-weight:normal;
	z-index:30;
}

.emboss {/* エンボス文字 */
	font-size:30px;
	color: #881e00;/* 背景色にすること */
	text-shadow: 0 -1px 1px #fff, 1px 1px 1px #000;
	text-align: center;
}

.eno{
	font-weight:bold;
	border: 3px solid #609A56;
	background: #609A56;
}
.saitan{
	font-weight:bold;
	border: 3px solid #ff4500;
	background: #ff4500;
}
.wakari{
	font-weight:bold;
	border: 3px solid #ff1493;
	background: #ff1493;
}


/*================================================
 *g  グローバルナビゲーション
 ================================================*/

@media print, screen and (min-width:768px) {

	nav {
		margin:0 auto;
		z-index: 20000;
		background: #ffd700;
		opacity:1;
		filter:alpha(opacity=100);
		-ms-filter:"alpha(opacity=100)";
		clear: both;
	}

	/* 共通 */
	nav ul {
		margin:0;
		padding:0;
	}

	nav ul li {
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
	}

	nav ul li a {
		display:block;
		margin:0;
		padding:10px 0;
		font-size:16px;
		font-weight:bold;
		line-height:1;
		text-decoration:none;
		text-align: center;
	}

	nav ul li:hover > a {
		background:#ffee9b;
	}

	/* 1段目 */
	nav ul.gnav > li {
		position:relative;
		width:20%;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;
	}

	nav ul.gnav > li:first-child {
		width:20%;
	}

	nav ul.gnav > li.subnav a {
		padding-right:20px;
	}

	nav ul.gnav > li.subnav > a:after {
		position:absolute;
		content:"";
		top:20px;
		width:0;
		height:0;
		margin-left:10px;
		border:5px solid transparent;
		border-top-color:#fff;
	}

	.gnav {
		display:block !important;
	}

	a.btn:link { /*アクセスしたことのないリンク*/
	color:#6d3c32;
	}
	a.btn:visited { /*アクセスしたことのあるリンク*/
	color:#6d3c32;
	}
	a.btn:hover {/*マウスが上に乗っている状態*/
	color:#D87C22;
	text-decoration:none;
	}
	a.btn:active {/*クリック中*/
	color:#D87C22;
	}

	#spMenu {
		display:none;
	}

	.fixed {
		position:fixed;
		top:0;
		left:0;
	}
}

/*================================================
 *d  定義と説明タグ
 ================================================*/
dt.square {	/*　■マーク装飾　*/
	margin: 0px 20px;
	color:#000;
	font-size:17px;
	font-weight:bold;
	margin-bottom:0.5em;
}
dt.square:before {
	content:"\025a0" " ";
}

dd.dis {
	margin-left:20px;
	margin-right:20px;
	font-size:16px;
	font-weight:normal;
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}

/* 回り込みを終了する定型表現。 */

.clearfix {
	padding: 0 ;
	zoom: 1;
	clear:both\9;
	margin-top:20px;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;	
}

.m_rbl{
	margin: 0px 20px 20px 20px;
}

.centering{
margin: 10px auto;
	text-align:center;
}

/*画像と文書を並べて表示する*/

.inner0 {
	float:left;	/*左側に配置する*/
	text-align:center;
	margin: 0px 20px 20px 20px;
}

.inner1 {
	text-align:center;
	display: inline-block;
	margin: 10px 0px auto;
	float:left\9;
}

.waku_aka{
	border: 2px solid #ff8888;
	padding:10px;
	overflow: auto;	
}

@media screen and (max-width: 480px) {


	.inner0{
	float:none;
	text-align:center;
	margin: 20px 0px auto;
	}
	.inner0{
	float:none;
	text-align:center;
	margin: 20px 0px auto;
	}

	.info dt {
		border-bottom:none;
	}
	.info dd {
		padding-bottom:1em;
		border-bottom:1px solid #ddd;
	}

	.c_left{
	clear:left;
	}

	.m_rbl{
		margin: 0px 0px 20px 0px;
	}

	.row{
		margin-left:0px;
		margin-right:0px;
	}

	dt{
		margin-top:20px;
	}


	.box-img img {	/*　スマホ内 画像はみ出し防止　*/
		width: 100%;
	}

	.box-img_left {	/*　スマホ内 画像はみ出し防止　*/
		width: 100%;
	}

	.box-img_right img {	/*　スマホ内 画像はみ出し防止　*/
		width: 100%;
	}

	.inner1 img {	/*　スマホ内 画像はみ出し防止　*/
		width: 100%;
	}

	.box-text {
		width: 100%;
	}

	.box-text870 {
		width: 100%;
	}


}

/*================================================
 *y  IE5対応 タブ Yetii（画法とフォーム）
 ================================================*/

	.tab-container{
		margin:20px auto;
		width:100%;
	}
	ul.tab{
		margin:0;
		padding:0; /**/
		list-style: none;
	}
	ul.tab:before,
	ul.tab:after{
		display: table;
		content:"";
	}
	ul.tab:after{
		clear: both;
	}
	ul.tab li{
		float: left;
		margin:0 4px 0 0;
		list-style-type: none;
	}
	ul.tab li a{
		display: block;
		padding: 5px .3em;
		background: #a0bd9b; /*　灰緑色　*/
		border-radius: 4px 4px 0 0;
		color: #eee;
		font-size: 25px;
		text-decoration: none;
	}

	.win ul.tab li a{ /*　OSハック　*/
		font-family: 'Playball', serif;
	}
	.mac ul.tab li a{
		font-family: 'Playball', serif;
	}
	.iphone ul.tab li a{
		font-family: 'Playball', serif;
	}
	.ipad ul.tab li a{
		font-family: 'Playball', serif;
	}
	.android ul.tab li a{
		font-family: 'Playball', serif;
	}


	ul.tab li a:hover{ /*　濃緑色　*/
		background: #4B6546;
		color: #fff;
	}

	ul.tab li.activeli a{
		background: #FFA8A8; /*　ピンク色　*/
		color: #fff;
	}

	.tab-content{
		padding:30px;
	}

	.tab-content_form{
		padding:30px 0px;
	}

	#tab1{
		background-color: #ffe6e6;
	}

	#tab2{
		background-color: #fff59d;
	}

	#tab3{
		background-color: #e7ffcc;
	}

	#tab4{
		background-color: #fff;
	}

	#tab5{
		background-color: #fff;
	}


	.tab1 span{
	font-size:18px;
	}

	.tab2 span{
	font-size:18px;
	}

	.tab3 span{
	font-size:18px;
	}

	.tab4 span{
	font-size:18px;
	}

	.tab5 span{
	font-size:18px;
	}

	p.row.bold{
	text-align:center;
	}
	figcaption{
	text-align:center;
	}

.kaiga {	/*　タブ内タイトルバー装飾　*/
	margin: 0 auto;
	margin-bottom: 30px;
	width:100%;
	font-size:18px;
	padding: 10px;
	color: #fff;
	text-align:center;
	letter-spacing: 1px;
}
.kaiga .tempera {
	border: 1px solid #917873;
	background: #b22222;
}
.kaiga .oil {
	border: 1px solid #917873;
	background: #ff8c00;
	padding:10px;
	font-weight:bold;
}
.kaiga .ink {
	border: 1px solid #917873;
	background: #006400;
}
.gihou{
	text-shadow:3px 2px 3px #000;
}

h3.triangle{	/*　△マーク装飾　*/
	font-size:20px;
	font-weight:bold;
	padding: 12px;
	margin-bottom:0.5em;
}
h3.triangle:before {
	content:"\025bc" " ";
}


/*　表示ボタン　*/

input#shouzou_tempera {
	display: block;
	color: #404040;
	font-size:20px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	text-decoration: none;
	border-top: none;/*左側の線*/
	border-right: none;/*左側の線*/
	border-bottom: solid 2px #FFbbbb;/*下に色線*/
	border-left: solid 12px #FF6161;/*左側の線*/
	margin-bottom: 5px;/*下のバーとの余白*/
	padding: 0.5em;
	width: 100%;
	background: none;/*背景色*/
}

input#shouzou_oil {
	display: block;
	color: #404040;
	font-size:20px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	text-decoration: none;
	border-top: none;/*左側の線*/
	border-right: none;/*左側の線*/
	border-bottom: solid 2px #ffd330;/*下に色線*/
	border-left: solid 12px #FFB400;/*左側の線*/
	margin-bottom: 5px;/*下のバーとの余白*/
	padding: 0.5em;
	width: 100%;
	background: none;/*背景色*/
}

input#shouzou_ink {
	display: block;
	color: #404040;
	font-size:20px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	text-decoration: none;
	border-top: none;/*左側の線*/
	border-right: none;/*左側の線*/
	border-bottom: solid 2px #27cc95;/*下に色線*/
	border-left: solid 12px #1fa67a;/*左側の線*/
	margin-bottom: 5px;/*下のバーとの余白*/
	padding: 0.5em;
	width: 100%;
	background: none;/*背景色*/
}

/*　タブ内リンク装飾　*/

.shouzou_tempera li{
	list-style-type: none!important;/*ポチ消す*/
}
.tempera_ga {
	display: block;
	color: #404040;
	font-size:20px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	text-decoration: none;
	border-top: none;/*左側の線*/
	border-right: none;/*左側の線*/
	border-bottom: solid 2px #FFbbbb;/*下に灰色線*/
	border-left: solid 12px #FF6161;/*左側の線*/
	margin-bottom: 5px;/*下のバーとの余白*/
	padding: 0.5em;
	width: 100%;
	background: #ffe6e6;/*背景色*/
}
.shouzou_tempera a {
	display: block;
	color: #404040;
	font-size:20px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	border-left: solid 6px #FF6161;/*左側の線*/
	border-bottom: solid 2px #b8b8b8;/*下に灰色線*/
	width:450px;
	margin-bottom: 5px;/*下のバーとの余白*/
	padding: 0.5em;

}
.shouzou_tempera a:hover {
}
.shouzou_tempera a:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(1px);
	transform: translateY(1px);/*下に動く*/
	border-top: solid 2px #95B4EC;/*下に灰色線*/
	border-right: solid 2px #95B4EC;/*下に灰色線*/
	border-bottom: solid 2px #95B4EC;/*下に灰色線*/
}

.shouzou_oil li{
	list-style-type: none!important;/*ポチ消す*/
}
.abura_e {
	display: block;
	color: #404040;
	font-size:20px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	text-decoration: none;
	border-top: none;/*左側の線*/
	border-right: none;/*左側の線*/
	border-bottom: solid 2px #ffd330;/*下に灰色線*/
	border-left: solid 12px #FFB400;/*左側の線*/
	margin-bottom: 5px;/*下のバーとの余白*/
	padding: 0.5em;
	width: 100%;
	background: #fff59d;/*背景色*/
}
.shouzou_oil a {
	display: block;
	color: #404040;
	font-size:20px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	border-left: solid 6px #FFB400;/*左側の線*/
	border-bottom: solid 2px #b8b8b8;/*下に灰色線*/
	width:450px;
	margin-bottom: 5px;/*下のバーとの余白*/
	padding: 0.5em;

}
.shouzou_oil a:hover {
}
.shouzou_oil a:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
}

.shouzou_ink li{
	list-style-type: none!important;/*ポチ消す*/
}
.suiboku_ga {
	display: block;
	color: #404040;
	font-size:20px;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	text-decoration: none;
	border-top: none;/*左側の線*/
	border-right: none;/*左側の線*/
	border-bottom: solid 2px #FFbbbb;/*下に灰色線*/
	border-bottom: solid 2px #27cc95;/*下に色線*/
	border-left: solid 12px #1fa67a;/*左側の線*/
	padding: 0.5em;
	width: 100%;
	background: #d1f0af;/*背景色*/
}
.shouzou_ink a {
	display: block;
	color: #404040;
	font-size:20px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	border-left: solid 6px #1fa67a;/*左側の線*/
	border-bottom: solid 2px #b8b8b8;/*下に灰色線*/
	width:450px;
	margin-bottom: 5px;/*下のバーとの余白*/
	padding: 0.5em;

}
.shouzou_ink a:hover {
}
.shouzou_ink a:active {
	/*ボタンを押したとき*/
	-webkit-transform: translateY(4px);
	transform: translateY(4px);/*下に動く*/
	border-bottom: none;/*線を消す*/
}


.kesu1 {
	font-weight: bold;
}

img.reduction_h{
width:50%;
}

/*　価格表　*/
.all {
	background: #fff;
	padding-right: 30px;
	margin: auto;
	width:100%
}
.price_list h4 {
	color:#660000;
	font-size:25px;
	font-weight: bold;
	text-align:left;
	padding-top: 10px;
	padding-bottom: 0px;
}
.price_list h4 span{
	color:#660000;
	font-size:20px;
	font-weight:bold;
}
.price_list h5 {
	color:#990000;
	font-size:22px;
	font-weight: bold;
	text-align: left;
	padding-top: 40px;
}
.price_list h5 span{
	font-size:16px;
	line-height:0px;
	font-weight: bold;
}
.price_list {
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin: 0 auto;
}
.price_list .price p span {
	color:#990000;
}
.price_list .price p.t01 {
	margin-bottom: 25px;
}
.price_list .list1 {
	overflow: hidden;
	padding: 0 0 1px 1px;
}
.price_list dl {
	float: left;
	margin: 0 0 -1px -1px;
	width:250px;
}
.price_list dl dt,
.price_list dl dd {
	font-size:16px;
	border: 1px solid #870000;
	padding:9px 13px;
}
.price_list dl dt {
	border: 1px solid #870000;
	background:#FFB587;
	color: #000;
}
.price_list dl dd {
	color:#990000;
	background:#FFFdcc;
	margin-left: 0;	/* 加筆 */
	margin-top: -1px;
}
.price p{
	color:#660000;
	margin-top: 20px;
	font-size:18px;
	font-weight:bold;
}
.price p span.d{
	color:#660000;
	margin-top: 20px;
	font-size:18px;
	font-weight:bold;
}

/*===============================================
  画面の横幅が680px以下に適用
===============================================*/
@media screen and (max-width: 680px){

	.tab1 span{
	display:none;
	}

	.tab2 span{
	display:none;
	}

	.tab3 span{
	display:none;
	}

	/*--------------------------------------
		.all
	--------------------------------------*/
	.all {
		float: none;
		width: auto;
		padding: 0 0 20px;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	

	/*--------------------------------------
		price
	--------------------------------------*/
	.all .price_list .list1 {
		margin: 0 auto;
	}

}

/*===============================================
  画面の横幅が480px以下に適用
===============================================*/
@media screen and (max-width: 480px){

	.clear_sp{
	clear:both;
	}
	
	/*--------------------------------------
		price
	--------------------------------------*/
	.all .price_list .list1 {
		width: auto;
	}
	.all .price_list dl {
		width: auto;
		float: none;
	}
	.all .price_list dl dt,
	.all .price_list dl dd {
		margin-top:0;/* 加筆 */
		width: 92%;	/* 加筆 */
		display: block;
	}
	.all .price_list dl dd {
		border-top:none;/* 加筆 */
	}
	.price_list {
		padding-left: 20px;
	}
	.price_list img{
		width: 70%;
	}

	input#shouzou_tempera {
		width: 90%;
	}
	input#shouzou_oil {
		width: 90%;
	}
	input#shouzou_ink {
		width: 90%;
	}
	.price_list h4 {
		font-size:22px;
	}
	.price_list h5 {
		font-size:18px;
	}
	.price_list h5 span{
		font-size:16px;
	}

	.tab-container{
		width:100%;
	}

	.tab-content{
		padding:10px;
	}

	.row10{
		margin-left:0px;
	}

	.tab4 span{
	display:none;
	}

	.tab5 span{
	display:none;
	}

	p.row.bold{
	text-align:left;
	}

}


.example {
	font-size: 16px;
}

.example:before{/*疑似要素*/
	content: 'Tempera, Oil';
	display: inline; /*改行しないように*/
	padding-right:0.5em;
	font-style:italic;
}

@media screen and (max-width:767px) {

	.example:before{/*疑似要素*/
		display: none; /*表示しない*/
	}

}



/*================================================
 *l  ライトボックス　ローカル
 ================================================*/

a:hover img.mouseover{
    cursor:pointer;
    -webkit-filter: brightness(0.5);

    -moz-filter: brightness(0.5);

    -o-filter: brightness(0.5);

    -ms-filter: brightness(0.5);

    filter: brightness(0.5);
    zoom:1;
}

div.imagebox_left{
	float: left;
	padding: 0;
}


div.imagebox_right{
	float: right;
	padding: 0px 0px 0px 20px;
}

.imagebox_left span{
	display: block;
	font-size: 15px;
	text-align: center;
}

div.clear{
	clear: both;
	margin: 0 0 10px 0;
}

clear{
	clear: both;
}

p.caption{
color:#800000;
font-size:14px;
	text-align: left;
	clear: both;
}

span.zoom{
	position: absolute; 
	top: 180px; 
	left: 110px; 
	font-size:13px;
	font-weight:bold; 
	color:#fff; 
	margin:0;
}

span.zoom2{
	position: absolute; 
	top: 170px; 
	left: 110px; 
	font-size:13px;
	font-weight:bold; 
	color:#fff; 
	margin:0;
}

/*================================================
 *m  メインコンテンツ
 ================================================*/

/*------------------------------------------------
 *v  メッセージボード
 ------------------------------------------------*/

.magazine_ue{font-size:30px;line-height:35px;}

.message_board1{
background: rgb(156, 195, 240) none repeat scroll 0% 0%; padding: 10px; border: 4px double rgb(255, 255, 255); border-radius: 10px;
}

.message_board2{
background: rgb(156, 195, 240) none repeat scroll 0% 0%; padding: 10px; border: 4px double rgb(255, 255, 255); border-radius: 10px;
}

.hukidashi{width:700px; margin:auto;}

.hukidashi_width{width:80%;}

.hukidashi_g{
	background: rgb(184, 255, 184) none repeat scroll 0% 0%; 
	margin: 0px; 
	color: rgb(0, 0, 0); 
	text-align: left; 
	padding: 15px; border-radius: 
	10px; float: left; 
	span-size:16px;
	font-size:20px;
}
.hukidashi_gv{
	background-color: rgb(146, 185, 240); 
	margin-right: 80%; 
	width: 0px; 
	height: 0px; 
	border-width: 10px; 
	border-style: solid; border-color: rgb(184, 255, 184) transparent transparent; 
	float: right;
}

.hukidashi_w{
	background: rgb(255, 255, 255); 
	margin: 20px 0px 0px 0px; 
	color: rgb(0, 0, 0); 
	text-align: left; 
	padding: 15px 15px 15px 15px; 
	border-radius: 10px; 
	width: 80%; 
	float: right;
}
.hukidashi_wv{
	background-color: rgb(146, 185, 240); 
	margin-left: 80%; 
	width: 0px; 
	height: 0px; 
	border-width: 10px; 
	border-style: solid; 
	border-color: rgb(255, 255, 255) transparent transparent; 
	float: left;
}

.kijishita{ width:615px; margin:auto;}

.btn-flat-double-border {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #ffffff;
	font-size: 18px;
	border: double 4px #ffffff;
	border-radius: 3px;
	transition: .4s;
	background: #ff3333;
	width:100%;
}
.btn-flat-double-border:hover {
	background: orange;
	border: double 4px orangered;
	color: #000;
}

a.hyper {
	color:#4A24FF;
	text-decoration:underline;
	font-weight:bold;
}
a:hover.hyper {
	color:#866eff;
	text-decoration:none;
	font-weight:bold;
}

/*------------------------------------------------
 **  今、肖像画の注文を検討しているあなたにとって
 ------------------------------------------------*/

.emboss_violet {/* エンボス文字 */
	font-size:30px;
	color: #4b0082;/* 背景色にすること */
	text-shadow: 0 -1px 1px #fff, 1px 1px 1px #000;
	text-align:center;
}
.huan{line-height:35px;color:#6d0082;}
.huan1{line-height:35px;color:#cc0000;}

.check_mark{
	line-height:18px;
	font-size:20px;
	font-weight:bold;
}
.check_mark img{
	vertical-align:middle;
	width:18px; 
	height:18px;
}

.box_image1 {
	float: right;
	margin: 10px 10px auto;
	clear:both;
}

.yosou_zu{
	margin: 20px auto;
	text-align:center;
	left: 0;
	right: 0;
}
.moto_shashin{
	text-align:center;
}
.moto_shashin img{
	padding: 10px 3px 10px 3px;
}
.clear{
	clear:both;
}


/*------------------------------------------------
 **  肖像画はいろんな場面で喜ばれます
 ------------------------------------------------*/

.box_image2 {
	float: left;
	margin: 20px 10px 20px 130px;
	text-align:right;
	clear:both;
}
.kantan0{
	text-align:center;
	color:darkgreen;
	font-size: 32px;
	margin: 10px 130px 50px 10px;
	padding:0;
	padding-bottom:10px\9;/* IE8 ハック */
	width:100%\9;
	margin-left:auto\9;
	margin-right:auto\9;
}

.maru {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-flow: column wrap; 
	vertical-align: top;
}

.kantan .maru {
	float:left\9;

}
.size_normal{
	width: 165px;
	height: 165px;
}
.letter_small {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: 0.1em
}
/*------------------------------------------------
 **  文字のマーキング
 ------------------------------------------------*/
.purple {
	color: #fff;
	border: 3px solid #800080;
	background: #800080;
}
.mosgreen {
	color: #fff;
	border: 3px solid #609A56;
	background: #609A56;
}
.masoo {
	color: #fff;
	border: 3px solid #ec6d71;
	background: #ec6d71;
}
.kurenai {
	color: #fff;
	border: 3px solid #ff0000;
	background: #ff0000;
}

.vermilion {
	color: #fff;
	border: 3px solid #ea5506;
	background: #ea5506;
}

.pink {
	color: #fff;
	border: 3px solid #d04f97;
	background: #d04f97;
}

.sky {
	color: #fff;
	border: 3px solid #148fcc;
	background: #148fcc;
}

.orange {
	color: #fff;
	border: 3px solid orange;
	background: orange;
	clear:both\9;
}

.green {
	color: #fff;
	border: 3px solid green;
	background: green;
}

/*------------------------------------------------
 **  ご訪問ありがとうございます
 ------------------------------------------------*/

.houmon {
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0.5em;
	padding:10px 0;
	border-top:3px solid #881e00;
	border-bottom:1px dotted #710000;
	text-align:left;
	}


/*------------------------------------------------
 **  ご依頼は簡単 ３ステップ
 ------------------------------------------------*/

.emboss_green {/* エンボス文字 */
	font-size:30px;
	color: #006400;/* 背景色にすること */
	text-shadow: 0 -1px 1px #fff, 1px 1px 1px #000;
	margin: 50px 0px;
	text-align:center;
}

.outline {
	text-align:center;
	font-size:45px;
	color: #9acd32;
	text-shadow:
	black 1px 1px 0px,
	black -1px 1px 0px,
	black -1px -1px 0px,
	black 1px -1px 0px,
	black 1px 0px 0px,
	black 0px 1px 0px,
	black -1px 0px 0px,
	black 0px -1px 0px;
	-webkit-transform: rotate(-7.5deg);
	-ms-transform: rotate(-7.5deg);
	transform: rotate(-7.5deg);
}

.vintage {
	color: #dc143c;
	font-size: 65px;
	font-weight: bold;
	text-align: center;
	text-shadow: 4px 3px 0px #fff, 
		9px 8px 0px rgba(0,0,0,0.15);
	display: block;
	clear:both\9;
	margin-bottom:10px;
}

.kantan{
	text-align:center;
	color:darkgreen;
	font-size: 32px;
	margin: 10px auto;
	margin-bottom: 50px;
	padding:0;
	padding-bottom:10px\9;/* IE8 ハック */
	width:100%\9;
	margin-left:auto\9;
	margin-right:auto\9;
}

/*------------------------------------------------
 **  ご依頼から肖像画完成までの流れ
 ------------------------------------------------*/

.no_style{
list-style-type:none;
}

.nagare{
	text-align:center;
	color:#4b0082;
	font-size: 32px;
	font-weight: bold;
	margin: 10px auto;
	padding-top: 70px;
}

.row2 {
	display: flex;
}

.balloon { /* ◎吹き出し・全共通 */
  position: relative;
  width: 100%; /* 幅 */
  min-height: 60px; /* 最小の高さ */
  margin: 60px 20px auto; /* 外側の余白 */
  margin-top: 30px; /* 上側の余白 */
  padding-bottom: 10px; /* 内側の余白 */
}
.balloon::before { /* ◎吹き出しサイズ */
  content: '';
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
}
.balloon::after { /* ◎菱形覆い */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0; left: 0;
  width: 100%; height: 100%;
}
.balloon>* { /* ◎バルーン覆い */
  position: relative;
  z-index: 3;
}
.balloon,
.balloon::after { /* ◎角の丸め方 */
  border-radius: 5px 5px 5px 5px;
}
.balloon,
.balloon::before { /* ◎影 */
  box-shadow: 2px 2px 10px 2px rgba(163,163,163,0.50); /* ぼかし距離(第3引数)，拡散距離(第4引数)，色(第5引数) */}
.balloon,
.balloon::before,
.balloon::after { /* ◎背景色 */
  background: #fffed6;
}
.balloon--bottom_center::before { /* ◎吹き出し・下辺中央 */
  bottom: -10px; left: 50%; /* 位置 */
  transform: translateX(-50%) rotate(45deg) skew(-5deg,-5deg); /* 傾斜角(skew) */
}
.balloon--none::before { /* ◎吹き出しなし */
  bottom: 50%; left: 50%; /* 位置 */
  transform: translateX(-50%) rotate(45deg) skew(-5deg,-5deg); /* 傾斜角(skew) */
}
.balloon .box-title { /* ◎タイトルと説明テキスト */
	font-size: 22px;
	background: #00008b;
	padding: 0px;
	text-align: left;
	text-indent: 20px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 5px 5px 5px 5px;
	border: 5px solid #00008b;
}
.balloon p {
	padding: 10px 20px 0px 20px;
	margin: 0;
}
.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	transform: rotate(.03deg);font-size:24px;/* ie対策追加 */}



.box {	/* 吹出し内ボックス */
	padding: 10px;
	overflow: hidden;
}
.width100 {
	width: 100%;
}
.box_image_left {	/*左側に配置する*/
	float: left;
	text-align:center;
	margin: 0px 20px 20px 20px;
}
.box_image_right {	/*右側に配置する*/
	float: right;
	text-align:center;
	margin: 0px 20px 20px 20px;
}
.box_summary {
	overflow: hidden;
}
.box_heading {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.box30 { /* 吹出し内入れ子 */
	margin: 2em 0;
	background: #f1f1f1;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	margin:20px 20px;
	padding-bottom:10px;
	border-radius: 5px 5px 5px 5px;
}
.box30 .box-title1 {
	font-size: 22px;
	background: #5fb3f5;
	padding: 4px;
	text-align: left;
	text-indent: 20px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
	border-radius: 5px 5px 5px 5px;
}
.br {
	font-size: 22px;
	font-weight: bold;
}
.box30 p {
	padding: 10px 20px 0px 20px;
	margin: 0;
}


@media screen and (max-width: 767px) {

	.box_image_left {
	float:none;
	text-align:center;
	margin: 20px 0px auto;
	}
	.box_image_right {
	float:none;
	text-align:center;
	margin: 20px 0px auto;
	}
	.box_summary {
		overflow: visible;
	}
	.box30 {
		margin:0px 10px;
	}

	.box30 p {
		padding: 15px 10px;
		margin: 0;
	}

	.balloon {
		margin: 40px 10px auto; /* 外側の余白 */
	}

	.balloon p {
		padding: 15px 10px;
		margin: 0;
	}

	.br:before {
		content: "\A" ;
		white-space: pre ;
	}

	.box_image1 {
		margin: 0px 10px auto;
		margin-bottom: 30px;
	}
	.box_image2 {
		margin: 20px auto;
	}
	.kantan0{
		margin: 10px auto;
		margin-bottom: 50px;
	}


}

/* 肖像ドットコムからのお約束 */

.yakusoku{
	border: 5px double orange;
	padding: 15px 15px 15px 15px ;
	margin: 100px 20px 0px 20px;
}

.yakusoku a{
	color: red;
}

.sheet1 img{
	margin:0;
}

/* お客様の言葉 */

.kotoba {
	background: #FFF;
	padding: 10px;
	overflow: hidden;
}
.kotoba_image {
	float: right;
	margin-top: 50px;
	margin-right: 20px;
	text-align:center;
}
.kotoba_image1 {
	float: left;
	margin-top: 50px;
	margin-left: 20px;
	text-align:center;
}
.kotoba_summary {
	overflow: hidden;
}
.teigi{
	line-height: 18px;
}
.gyou_soroe {
	line-height: 56px;
	font-size: 18px;
	color: rgb(221, 0, 0);
	font-weight:bold;
}

/* 下向き */
.balloon-bottom {
  position: relative;
  display: inline-block;
  padding: 30px;
  width: auto;
  background: #ffffe0;
  border: 3px solid #fa8072;
  z-index: 0;
  border-radius: 12px;
line-height:1.3em;
font-size:16px;
margin: 50px 20px 40px 20px;
}
.balloon-bottom:before {
  content: "";
  position: absolute;
  bottom: -8px; left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffe0 transparent transparent transparent;
  z-index: 0;
}
.balloon-bottom:after {
  border-style: solid;
  border-width: 11px 11px 0 11px;
  border-color: #fa8072 transparent transparent transparent;
  content: "";
  position: absolute;
  bottom: -12px; left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  z-index: -1;
}

/* 吹き出しなし */
.balloon-none {
  position: relative;
  display: inline-block;
  padding: 30px;
  width: auto;
  background: #ffffe0;
  border: 3px solid #fa8072;
  z-index: 0;
  border-radius: 12px;
line-height:1.3em;
font-size:16px;
margin: 0px 20px 40px 20px;
}

/* 下向き0 */
.balloon-bottom0 {
  position: relative;
  display: inline-block;
  padding: 10px 30px 10px 30px;
  width: auto;
  background: #ffffe0;
  border: 3px solid #00bfff;
  z-index: 0;
  border-radius: 12px;
line-height:1.3em;
font-size:17px;
margin: 50px 20px 10px 20px;
}
.balloon-bottom0:before {
  content: "";
  position: absolute;
  bottom: -8px; left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffe0 transparent transparent transparent;
  z-index: 0;
}
.balloon-bottom0:after {
  border-style: solid;
  border-width: 11px 11px 0 11px;
  border-color: #00bfff transparent transparent transparent;
  content: "";
  position: absolute;
  bottom: -12px; left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  z-index: -1;
}
/* 下向き1 */
.balloon-bottom1 {
  position: relative;
  display: inline-block;
  padding: 10px 30px 10px 30px;
  width: auto;
  background: #ffffe0;
  border: 3px solid #00bfff;
  z-index: 0;
  border-radius: 12px;
line-height:1.3em;
font-size:17px;
margin: 10px 20px 10px 20px;
}
.balloon-bottom1:before {
  content: "";
  position: absolute;
  bottom: -8px; left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffe0 transparent transparent transparent;
  z-index: 0;
}
.balloon-bottom1:after {
  border-style: solid;
  border-width: 11px 11px 0 11px;
  border-color: #00bfff transparent transparent transparent;
  content: "";
  position: absolute;
  bottom: -12px; left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  z-index: -1;
}

/* 吹き出しなし */
.balloon-none1 {
  position: relative;
  display: inline-block;
  padding: 10px 30px 10px 30px;
  width: auto;
  background: #ffffe0;
  border: 3px solid #00bfff;
  z-index: 0;
  border-radius: 12px;
line-height:1.3em;
font-size:17px;
margin: 10px 20px 40px 20px;
}

/*------------------------------------------------
 **  メールマガジン
 ------------------------------------------------*/

	.magazine{
		text-align:center;
		margin:0 auto;
		padding-left:30px;
	}
	.magazine table{
		width:610px;
		text-align:center;
		margin:0 auto;
	}
	.magazine table.plates{
		width:503px;
		text-align:center;
		margin:0 auto;
	}
	.magazine_text{
		width:610px;
		text-align:left;
		margin:0 auto;
	}


/*================================================
 *l  トピックパス（パンくずリスト）
 ================================================*/

.breadcrumbs_list li {
	display: inline-block;
	font-size: 14px;
	margin-left: 6px;
	margin-bottom: 36px;
	padding-left: 30px;
	background: url(../images/topicpath.png) left center/20px auto no-repeat;
}
.breadcrumbs_list li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

/*================================================
 *2  サブコンテンツ
 ================================================*/

h3 {
	margin:0;
	padding:0;
	list-style:none;
}

h3 a{
	display:block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #ba350f;
	border-top: 1px solid #fea574;
	border-left: 1px solid #fea574;
	border-right: 1px solid #913502;
	border-bottom: 1px solid #913502;
	padding: 12px 3px 10px 8px;
}

h3 a:hover{
	color: #ffd300;
	text-decoration: none;
	background-color: #ff4a00;
}

.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}

.submenu li a {
	display:block;
	padding: 12px 3px 10px 8px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #a75838;
	border-top: 1px solid #fea574;
	border-left: 1px solid #fea574;
	border-right: 1px solid #913502;
	border-bottom: 1px solid #913502;
	text-decoration:none;
}

.submenu li a:hover {
	background:#ff4a00;
	color: #ffd700;
}

.bnr {
	overflow:hidden;
}
.bnr ul {
	overflow:hidden;
}
.bnr li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
.bnr img {
	width:100%;
}

/*================================================
 *f  フッター
 ================================================*/
footer {
	clear:both;
}

.footmenu {
	width:100%;
	padding:20px 0;
	overflow:hidden;
	background:#efede9;
}
.footmenu ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
	padding:0;
}
.footmenu li {
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 15px;
	font-size:14px;
	text-align:center;
}
.footmenu a {
	color:#333;
	text-decoration:none;
}
.footmenu a:hover {
	color:#333;
	text-decoration:underline;
}

.copyright {
	clear:both;
	padding:20px 0;
	font-size:11px;
	text-align:center;
	color:#efede9;
	background:#2e2e2e;
}

/*================================================
 *p  ページトップへの戻り
 ================================================*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 15px;
	z-index: 9000;
}
.pagetop a {
	background-color: rgba(255,255,255,0.3);
	display: block;
	text-align: center;
	color: #222;
	font-size: 20px;
	font-family: "Times New Roman";
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 5px;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.pagetop a span{
	font-style: italic;
}
.pagetop a:hover {
	background-color: rgba(255,255,255,0.3);
	text-align: center;
	color: #444;
	text-decoration: none;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pagetop a:visited {
	background-color: rgba(255,255,255,0.3);
}

/*================================================
 *c  クラス
 ================================================*/
.list {
	padding:0 0 0 0.5em;
}
.list li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background:url(images/check.png) 0 5px no-repeat;
}

.col_two_one {
	overflow:hidden;
}

.col_two_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_two_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}
.col_two_one li img {
	width:100%;
	margin-bottom:2.5%;
}

/*================================================
 *r  ルート・ディレクトリ、サブ・ディレクトリ
 ================================================*/

/*------------------------------------------------
 ******  レスポンシブル・リスト law.html  ******
 ------------------------------------------------*/

 dl.res_lis, dt.res_lis, dd.res_lis {
margin: 0;
}

 dl.res_lis {
	display:table;
	background:#ffbb99;
	border: 1px solid #fff;
	border-style: none solid none solid;
	margin-left: 20px;
	width: 97%;
}

 dl.res_lis:last-child {
	border-style:none solid solid solid;
}

 dt.res_lis {
	vertical-align:middle;
	display:table-cell;
	padding:3px 0;
	min-height:1.5em;
	text-align: center;
	border-top: 1px solid #fff;
	width: 200px;
	font-size:15px;
	font-weight:bold;
}

 dd.res_lis {
	display:table-cell;
	min-height:1.5em;
	background:#ffddbb;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	padding:10px 10px 10px 10px;
	font-size:15px;
	font-weight:bold;
}

 dd.res_lis a{
	text-decoration:none;
}

/*------------------------------------------------
 ******  レスポンシブル・リスト privacy.html  ******
 ------------------------------------------------*/

 dl.res_lis1, dt.res_lis1, dd.res_lis1 {
margin: 0;
}

 dl.res_lis1 {
	display:table;
	background:#ffddbb;
	border: 1px solid #ff6644;
	border-style: none solid none solid;
	margin-left: 20px;
	width: 97%;
}

 dl.res_lis1:last-child {
	border-style:none solid solid solid;
}

 dt.res_lis1 {
	vertical-align:middle;
	display:table-cell;
	padding:3px 0;
	min-height:1.5em;
	text-align: center;
	border-top: 1px solid #ff6644;
	width: 250px;
	font-size:15px;
	font-weight:bold;
}

 dd.res_lis1 {
	display:table-cell;
	min-height:1.5em;
	background:#fff;
	border-left: 1px solid #ff6644;
	border-top: 1px solid #ff6644;
	padding:10px 10px 10px 10px;
	font-size:15px;
	font-weight:normal;
}

 dd.res_lis1 a{
	text-decoration:none;
}

/*------------------------------------------------
 ******  レスポンシブル・リスト essay.html  ******
 ------------------------------------------------*/

.essay{
	border: 5px double orange;
	padding: 15px 30px 15px 30px ;
	margin: 40px 20px 20px 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.essay a{
	color: brown;
	line-height:40px;
	font-size:17px;
	font-weight:bold;
}

.essay h3{
	text-align:center;
	font-size:21px;
	font-weight:bold;
	margin: 20px 20px;
}

.essay p{
	 margin-top:30px;
	font-weight:bold;
}

/*------------------------------------------------
 ******  レスポンシブル・リスト q.html  ******
 ------------------------------------------------*/

/* 一番シンプルな画像と文章の横並び */
/* ■■■横並び⇒縦並び　ここから■■■ */

.box4{
	display: table;
	border: 1px solid #766134;
	background: #ffddbb;
	padding: 15px;
	margin: 10px 0px 20px 30px;
}
.box4 dt p{
	color:red;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}
.box-img_left4,
.box-text4{
	display: table-cell;
	vertical-align: top;
}
.box-text4 li{
	margin-left:30px;
}
.box-img_left4{
	text-align: center;
	padding-right:30px;
}
/* /■■■横並び⇒縦並び　ここまで■■■ */


/*------------------------------------------------
 ******  レスポンシブル・リスト profile.html  ******
 ------------------------------------------------*/

.b-image{
border: 45px solid #000;
border-image-slice: 45;
border-image-source: url(../images/frame.png);
width:676px;
text-align:center;
margin:auto;
margin-top:50px;
-webkit-filter: hue-rotate(-30deg);
-moz-filter: hue-rotate(-30deg);
-o-filter: hue-rotate(-30deg);
-ms-filter: hue-rotate(-30deg);
filter: hue-rotate(-30deg);
}

.b-image p{
text-align:left;
font-size:16px;
padding: 0px 20px;
}

.b-image1{
border: 45px solid #000;
border-image-slice: 45;
border-image-source: url(../images/frame.png);
width:676px;
text-align:center;
margin:auto;
-webkit-filter: saturate(150%);
-moz-filter: saturate(150%);
-o-filter: saturate(150%);
-ms-filter: saturate(150%);
filter: saturate(150%);
}

.b-image1 img{
margin-top:0px;
}

.b-image2{
border: 45px solid #000;
border-image-slice: 45;
border-image-source: url(../images/frame.png);
width:640px;
text-align:center;
margin:auto;
}

.b-image2 img{
margin-top:0px;
}

/*　テープ　枠　4 */
.kakomi-tape4 {
 position:relative;
 padding: 35px 20px 20px;
 margin: 7em auto;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #e0ebaf; /*BOX背景色*/ 
 box-shadow: 0 2px 5px #999;
}
.title-tape4 {
 position: absolute;
 top: -30px;
 left: 30px;
 padding: 4px 20px;
 color: #555555; /*タイトル色*/
 font-size: 22px;
 font-weight: bold;
 background-color: rgba(255,255,255,.1);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-3deg);
}

 dl.res_lis2, dt.res_lis2, dd.res_lis2 {
margin: 0;
}

 dl.res_lis2 {
	display:table;
	background:#ffbb99;
	border: 1px solid #fff;
	border-style: none solid none solid;
	margin-left: 20px;
	width: 100%;
}

 dl.res_lis2:last-child {
	border-style:none solid solid solid;
}


 dt.res_lis2 {
	vertical-align:middle;
	display:table-cell;
	padding:3px 0;
	min-height:1.5em;
	text-align: center;
	border-top: 1px solid #fff;
	width: 150px;
	font-size:15px;
}

 dd.res_lis2 {
	display:table-cell;
	min-height:1.5em;
	background:#ffddbb;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	padding:15px;
	font-size:15px;
}

.senkou table{
	background:#ffddbb;
	border:none;
}

.senkou th{
	background:#ffddbb;
	width:150px;
	text-align: left;
}
.senkou td{
	padding: 5px 10px 5px 5px;
}
.senkou h3{
	margin: 20px 10px 10px 10px;
	text-decoration: underline;
}
.indent{
text-indent:6em;
}



/*------------------------------------------------
 ******  レスポンシブル・リスト link.html  ******
 ------------------------------------------------*/

 dl, dt, dd .link{
margin: 0;
}

 dl.link {
	display:table;
	background:#ffe3cc;
	border: 1px solid #870000;
	border-style: none solid none solid;
	width:99%;
}

 dl.link:last-child {
	border-style:none solid solid solid;
}

 dt.link {
	vertical-align:middle;
	display:table-cell;
	padding:3px 0;
	min-height:1.5em;
	text-align: center;
	border-top: 1px solid #870000;
	width: 300px;
}

 dt.link a {
	font-weight:bold;
	color:#07008c;
	text-decoration:none;
}
 dt.link a:hover{
	color:#ff0000;
	text-decoration: underline;
	}

 dd.link {
	display:table-cell;
	min-height:1.5em;
	background:#FFFdcc;
	border-left: 1px solid #870000;
	border-top: 1px solid #870000;
	padding:5px 0 10px 5px;
}

.message-boad{
width:650px;
text-align:center;
margin:auto;
}

/*================================================
 *t  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */

@media screen and (max-width:1249px) {

	#xxx {
		width:100%;
	}

/*------------------------------------------------
 ******  ロゴ・デザイン  ******
 ------------------------------------------------*/

	.w{display:none;}

	/* パソコンで見たときは"pc"の画像が表示される */
	.pc { display: block; }
	.tp { display: none; }
	.sp { display: none; }

	.boxA {
		width:100%;
	}

	.kesu2{display:none;}

	.hard-shadow24 {/* 残したい。 */
	padding-top:0px;
	padding-left:20px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color: #fff;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
	}

	.hard-shadow {/* お任せ下さい！ */
	padding-top:0px;
	padding-left:10px;
	font-size:16px;
	text-align:center;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.2);}

	.hard-shadow12 {/* いたします。 */
	padding-top:0px;
	padding-left:10px;
	font-size:18px;
	text-align:center;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.2);}




	nav {
		width:100%;
		margin:0 auto;
	}

	.inner2 {
		width:100%;
		margin:0 auto;
		background-color:#881e00;
	}

	.inner {
		width:100%;
		margin:0 auto;
	}

	#contents {
		box-sizing:border-box;
		width:100%;
		padding:0 0px;
	}

	footer {
		width:100%;
	}

	 /*　ページトップへの戻り　*/

	.pagetop {
		bottom: 10px;
		right: 40px;
		margin-bottom:10px;
	}
	.pagetop a {
		display: block;
		background-color: rgba(255,255,255,0.3);
		border-radius: 5px;
		padding: 5px 10px;
	}
	.pagetop a:hover {
		background-color: rgba(255,255,255,0.3);
		color: #111;
	}
	.pagetop a:visited {
		background-color: rgba(255,255,255,0.3);
	}

/* お客様の言葉 */

	.kotoba_image {
		width:40%;
	}
	.kotoba_image img{
		width:100%;
	}
	.kotoba_image1 {
		width:40%;
	}
	.kotoba_image1 img{
		width:100%;
	}
	.kotoba_summary {
		width:56%;
	}

}


/*================================================
 *t  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:1023px) {

/*------------------------------------------------
 ******  ロゴ・デザイン  ******
 ------------------------------------------------*/

	.box1 {	width:288px;}
	.box2 {	width : -webkit-calc(100% - 288px) ;
		width : calc(100% - 288px);}

	/* タブレットで見たときは"tp"の画像が表示される */
	.pc { display: none; }
	.tp { display: block; }
	.sp { display: none; }

	.hard-shadow24 {/* 残したい。 */
		margin-top:2px;
		padding-left:10px;
		font-size:18px;
		font-family:serif;
		text-align:center;
		text-shadow: -1px 1px 0 rgba(0,0,0,0.2);}

	.hard-shadow {/* お任せ下さい！ */
		margin-top:5px;
		padding-left:10px;
		font-size:16px;
		text-align:center;
		text-shadow: -1px 1px 0 rgba(0,0,0,0.2);}

	.hard-shadow12 {/* いたします。 */
		padding-left:10px;
		font-size:16px;
		text-align:center;
		text-shadow: -1px 1px 0 rgba(0,0,0,0.2);}

	.w{display:none;}

	.box1{	height:115px;	}
	.box2 {	height:115px;	}
	.box3 {	display:none;	}

}


/*================================================
 *t  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:999px) {

/* ■■■横並び⇒縦並び　ここから■■■ */

	.box-img,
	.box-img_left,
	.box-text{
	display: block;
	}
	.box-img1{
	display: inline-block;
	text-align:center;
	}
	.box-img_left{
	padding-right:0px;
	}
/* /■■■横並び⇒縦並び　ここまで■■■ */


/*------------------------------------------------
 *v  メッセージボード
 ------------------------------------------------*/

img .message{width:100%;}
.hukidashi{width:100%; margin:auto;}
.message-boad1{	width:100%;}
.message-boad2{	width:100%;}

.kijishita{width:100%; margin:auto; padding:10px;}
.kijishita.pad_ue40px img{width:284px; height:127px;}

.hukidashi_g{
	background: rgb(184, 255, 184) none repeat scroll 0% 0%; 
	margin: 0px; 
	color: rgb(0, 0, 0); 
	text-align: left; 
	padding: 15px; border-radius: 
	10px; float: left; 
	span-size:16px;
	font-size:16px;
}
.hukidashi_gv{
	background-color: rgb(146, 185, 240); 
	margin-right: 80%; 
	width: 0px; 
	height: 0px; 
	border-width: 10px; 
	border-style: solid; border-color: rgb(184, 255, 184) transparent transparent; 
	float: right;
}

.hukidashi_w{
	background: rgb(255, 255, 255); 
	margin: 20px 0px 0px 0px; 
	color: rgb(0, 0, 0); 
	text-align: left; 
	padding: 15px 15px 15px 15px; 
	border-radius: 10px; 
	width: 80%; 
	float: right;
}
.hukidashi_wv{
	background-color: rgb(146, 185, 240); 
	margin-left: 80%; 
	width: 0px; 
	height: 0px; 
	border-width: 10px; 
	border-style: solid; 
	border-color: rgb(255, 255, 255) transparent transparent; 
	float: left;
}

.hukidashi_width{width:100%;}

.kijishita{ width:615px; margin:auto;}

.btn-flat-double-border {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	border: double 4px #ffffff;
	border-radius: 3px;
	transition: .4s;
	background: #ff3333;
	width:100%;
}
.btn-flat-double-border:hover {
	background: orange;
	border: double 4px orangered;
	color: #000;
}

/*------------------------------------------------
 ******  レスポンシブル・リスト law.html  ******
 ------------------------------------------------*/

	 dd.res_lis{
	border-left:none;
	margin-left:auto;
	}

	 dt.res_lis{
	padding-left:5px;
	text-align:left;
	width: auto;
	}

	 dl.res_lis{
	width:auto;
	margin-left: 0;
	}

	 dt.res_lis, dd.res_lis, dl.res_lis{
	display:block;
	}

/*------------------------------------------------
 ******  レスポンシブル・リスト privacy.html  ******
 ------------------------------------------------*/

	 dd.res_lis1{
	border-left:none;
	margin-left:auto;
	}

	 dt.res_lis1{
	padding-left:5px;
	text-align:left;
	width: auto;
	}

	 dl.res_lis1{
	width:auto;
	margin-left: 0;
	}

	 dt.res_lis1, dd.res_lis1, dl.res_lis1{
	display:block;
	}


/*------------------------------------------------
 ******  レスポンシブル・リスト essay.html  ******
 ------------------------------------------------*/


	.essay{
		border: 5px double orange;
		padding: 10px ;
		margin: 2px;
	}

	.essay a{
		color: brown;
	}

/*------------------------------------------------
 ******  レスポンシブル・リスト q.html  ******
 ------------------------------------------------*/

/* 一番シンプルな画像と文章の横並び */
/* ■■■横並び⇒縦並び　ここから■■■ */

	.box4{
		margin: 10px 0px 20px 0px;
	}

/*------------------------------------------------
 ******  レスポンシブル・リスト profile.html  ******
 ------------------------------------------------*/

	.b-image{
	width:100%;
	}

	.b-image p{
	padding: 5px 0px 5px 10px;
	margin:0 auto;
	}

	.b-image1{
	width:100%;
	}

	.b-image1 img{
	width:100%;
	}

	.b-image2{
	width:100%;
	}

	.b-image2 img{
	width:100%;
	}

	 dt.res_lis2{
	padding-left:5px;
	text-align:left;
	width: auto;
	}

	 dt.res_lis2, dd.res_lis2{
	display:block;
	}

	 dd.res_lis2{
	border-left:none;
	}

	dt.kesu3 {
		display: none;
	}


/*------------------------------------------------
 ******  レスポンシブル・リスト link.html  ******
 ------------------------------------------------*/

	dd.link{
	border-left:none;
	width:100%;
	}

	dt.link{
	padding-left:5px;
	text-align:center;
	width:100%;
	}

	dl.link{
	width:100%;
	}

	 dt, dd, dl .link{
	display:block;
	}


/*------------------------------------------------
 ******  メールマガジン mag.html  ******
 ------------------------------------------------*/


	.magazine_text{
	width:100%;
	padding: 0 10px;
	}

}

/*================================================
 *t  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:1099px) {

/*------------------------------------------------
 *v  出張制作 メッセージボード
 ------------------------------------------------*/

	img .message{width:100%;}
	.hukidashi{width:100%; margin:auto;}
	.message-boad1{	width:100%;}
	.message-boad2{	width:100%;}

	.kijishita{width:100%; margin:auto; padding:10px;}
	.kijishita.pad_ue40px img{width:284px; height:127px;}


}


/*================================================
 *s  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

/*------------------------------------------------
 *v  メッセージボード
 ------------------------------------------------*/

.magazine_ue{font-size:30px;line-height:60px;}

/*------------------------------------------------
 ******  ロゴ・デザイン  ******
 ------------------------------------------------*/

	.box1 {	width:250px;}	/* 画像エリア */
	.box2 {	width : -webkit-calc(100% - 250px) ;
		width : calc(100% - 250px);}	/* 文字エリア */

	/* タブレットで見たときは"sp"の画像が表示される */
	.pc { display: none; }
	.tp { display: none; }
	.sp { display: block; }

	.box1{	height:100px;	}	/* 左表示 */
	.box2 {	height:100px;	}	/* 中表示 */
	.box3 {	display:none;	}	/* 右非表示 */

	.hard-shadow24 {/* 残したい。 */
		margin-top:0px;
		padding-left:5px;
		font-size:15px;	
		line-height:13px;
		font-weight:normal;	
		text-align:left;
	}

	.hard-shadow {/* お任せ下さい！ */
		margin-top:10px;	
		padding-left:0px;	
		font-size:14px;	
		line-height:16px;
		letter-spacing: 0;
		font-weight:normal;	
		text-align:left;
	}

	.hard-shadow12 {/* いたします。 */
		display: none;	
	}

	.eno{
		font-weight:bold;
		border: 0px solid #609A56;
		background: #609A56;
	}
	.saitan{
		font-weight:bold;
		border: 0px solid #ff4500;
		background: #ff4500;
	}
	.wakari{
		font-weight:bold;
		border: 0px solid #ff1493;
		background: #ff1493;
	}

	.w{display:none;}

	.kesu2{display:block;}
	.kesu3{display:none;}




	.emboss_violet {/* エンボス文字 */
		font-size:22px;
		text-align:left;
		margin: 20px 10px 10px 10px;
	}
	.huan{line-height:24px;
		font-size:16px;
	}
	.huan1{line-height:24px;
		font-size:16px;
	}

	.box-img{
	padding-left:0px;
	}
	.box-img1{
	padding-left:0px;
	width: 100%;
	}
	.box-img_left{
	padding-right:0px;
	width: 100%;
	}
	img.sp125{
	width:125px;
	}
	.shouzou_tempera a {
		width:90%;
	}
	.shouzou_oil a {
		width:90%;
	}
	.shouzou_ink a {
		width:90%;
	}

	body {
		font-size:16px;
		font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		line-height:1.4;
	}

	#xxx {
		width:100%;
		margin:0 auto;

		position:relative;
		top:0;
		left: 0;
		right: 0;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3), 0px 0px 0px 0px rgba(0,0,0,0.3);
		background-color:#fff;
		border-left:0px solid #ffd700;
		border-right:0px solid #ffd700;

		overflow:hidden; /*　下部の空白を消す　*/
	}

	.lock {
		overflow:hidden;
	}

	header {
		z-index:70;
		box-sizing:border-box;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		padding:0;
	}


	.summary {
		position:relative;
		top:auto;
		right:auto;
		margin-top:0px;
	}

	#main {
		float:none;
		width:100%;
	}

	#main1 {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:100%;
		margin-top:30px;
		margin-bottom:30px;
	}

	#sub1 {
		float:none;
		width:100%;
		margin-top:30px;
		margin-bottom:30px;
	}

	nav {
		background:#ffa500;
	}

	nav ul {
		margin:0;
		padding:0;
	}

	nav .inner > ul {
		z-index:70;
		overflow:auto;
		position:fixed;
		top:90px;
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
	}

	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		font-weight:bold;
		list-style:none;
		background:#ffd700;
	}

	nav li:first-child {
		border-top:0;
	}

	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		text-decoration:none;
		background: #ffd700;
	}

	nav li a:hover {
		background:#ffee9b;
	}

	a.btn:link { /*アクセスしたことのないリンク*/
	color:#6d3c32;
	}

	a.btn:visited { /*アクセスしたことのあるリンク*/
	color:#6d3c32;
	}

	a.btn:hover {/*マウスが上に乗っている状態*/
	color:#D87C22;
	text-decoration:none;
	}

	a.btn:active {/*クリック中*/
	color:#D87C22;
	}

	.gnav {
		display:none;
	}

	#spMenu {	/* スマホスペシャルメニュー */

		display:block;
		z-index:70;
		position:fixed;
		top:10px;
		right:10px;
	}

	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {	/* スマホ・ハンバーガーボタン */
		display:inline-block;
		position:relative;
		width:40px;
		height:40px;
		border-radius: 8%;	/* 出隅角度 */
		background:#ffa800;
		margin-top:7px;
		margin-right:7px;
	}

	#navBtnIcon {	/* 一の形 */
		display:block;
		position:absolute;
		top:38%;
		left:15%;
		width:50%;
		height:5%;
		margin:10% 0 0 10%;
		background:#fff;
		transition:.2s;
	}

	#navBtnIcon:before,
	#navBtnIcon:after {	/* ＝の形 */
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:100%;
		height:100%;
		background:#fff;
		transition:0.3s;
	}

	#navBtnIcon:before {	/* ＝の形の上 */
		margin-top:-8px;
	}

	#navBtnIcon:after {	/* ＝の形の下 */
		margin-top:6px;
	}

	#navBtn .close {
		background:transparent;
	}

	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}

	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}

	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

	.col_two_one ul {	/* スマホ用　2コラム→1コラム指定 */

		margin-right:0;
	}

	.col_two_one li {
		width:100%;
	}

	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}

	.g {
	display:none;
	}

	h1 span.spooky {
	display:none;
	}

	h1 span.hakko{
	display:none;
	}

	h1 span.jumbled {
	display:none;
	}

/* 肖像ドットコムからのお約束 */

	.yakusoku{
		border: 5px double orange;
		padding: 10px 10px 10px 10px ;
		margin: 100px 5px 0px 5px;
	}

	.yakusoku1{
		border: 5px double orange;
		padding: 10px 10px 10px 10px ;
		margin: 100px 5px 0px 5px;
	}
	.sheet1 img{
		width:100%;
	}

/* お客様の言葉 */

	.kotoba{
	padding:0;
	}
	.kotoba_image {
		width:100%;
		margin:auto;
		margin-top: 10px;
		margin-left: 0;
		margin-right: 0;
	}
	.kotoba_image img{
		width:100%;
	}
	.kotoba_summary {
		width:100%;
	}
/*================================================
 *l  トピックパス（パンくずリスト） max-width:767px
 ================================================*/

	.breadcrumbs_list li {
		margin-top: 20px;
		margin-bottom: 0px;
		padding-left: 30px;
	}

/*------------------------------------------------
 ******  レスポンシブル・リスト q.html  ******
 ------------------------------------------------*/

	.box4{
		display: table;
		border: 1px solid #766134;
		background: #ffddbb;
		padding: 10px;
		margin: 10px 0px 20px 0px;
	}
	.box-img_left4,
	.box-text4{
		display: block;
	}
	.box-img_left4{
		text-align: center;
		padding-right:0;
	}

/*------------------------------------------------
 ******  レスポンシブル・リスト profile.html  ******
 ------------------------------------------------*/
	.senkou table, tbody, tr, th, td {
	text-indent: 0px;
	}

	.senkou table, tbody, tr, th, td {
		display: block;
		margin-left: 0px;
		max-width: 100%; /*スマホ画面ほぼ一杯に広がる感じ*/
	}

	.senkou th{
	text-align: left;
	background: #FFBE7C;
	width: 100%;
	}

	.senkou td{
	background: #FFCE9D;
	}
/*------------------------------------------------
 ******  レスポンシブル・リスト law.html  ******
 ------------------------------------------------*/


/*------------------------------------------------
 **  メールマガジン max-width:767px
 ------------------------------------------------*/

	.magazine{
		width:100%;
		padding-top:30px;
		padding-left:10px;
		padding-right:10px;
	}

	.magazine table {
		width: 100%;
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}
	.magazine table.plates{
		width:100%;
		text-align:center;
		margin:0 auto;
	}
	.magazine p{
		text-align:left;
	}

	.magazine_main{
		width:100%;
	}

	.magazine_blog img{
		width:100%;
	}


}



@media screen and (min-width:768px) {

	.magazine_blog img{
		width:95%;
		height:95%;
	}

}

@media screen and (max-width:599px) {
	.box1{	display:none;	
		width:0px;}	/* 画像エリア */
	.box2 {	width : -webkit-calc(100% - 60px) ;
		width : calc(100% - 60px);}	/* 文字エリア */
	.hard-shadow24 {/* お任せ下さい！ */
	padding-left:25px;
	}
	.hard-shadow {/* お任せ下さい！ */
	text-align:center;
	}

	.clear600{clear:both;}

	.box_image1{
	margin: 20px 10px auto;
	text-align:center;
	width:100%;
	}

}

@media screen and (max-width:540px) {

	.box1{	display:none;	}	/* 左非表示 */
}

@media screen and (max-width:480px) {

/*------------------------------------------------
 *v  出張制作 メッセージボード
 ------------------------------------------------*/

	.kijishita{width:100%; margin:auto; padding: 5px 5px 5px 5px;}

	img.message{width:95%; height:95%;
	}

	.kijishita.pad_ue40px img{width:290px; height:130px;}

	p{text-align:left;}
	h2{text-align:left;}
	h3{text-align:left;}

	.magazine{ padding: 0 10px;}

/*------------------------------------------------
 ******  ロゴ・デザイン  ******
 ------------------------------------------------*/

	.box1 {	width:0px;}	/* 画像エリア */
	.box2 {	width : -webkit-calc(100% - 0px) ;
		width : calc(100% - 0px);}	/* 余白エリア */

	/* スマートフォンで見たときは"sp"の画像が表示される */
	.pc { display: none; }
	.tp { display: none; }
	.sp { display: none; }

	.box1{	display:none;	}	/* 左非表示 */
	.box2{	display:block;	}	/* 中表示 */
	.box3 {	display:none;	}	/* 右非表示 */

/*------------------------------------------------
 **  今、肖像画の注文を検討しているあなたにとって
 ------------------------------------------------*/

	.balloon { /* ◎吹き出し・全共通 */
		margin: 0px 5px auto; /* 外側の余白 */
	}
	.box_image1 img{
	width:80%;
	}

	.emboss_violet {/* エンボス文字 */
		font-size:20px;
		margin: 20px 10px 0px 10px;
	}
	.huan{line-height:1.0em;
	}
	.huan1{line-height:1.0em;
	}
	.check_mark{
		font-size:15px;
	}

	.row30{
	margin-left:0px;
	}

	.kesu1{
	display:none;
	}

	.emboss_green{/* エンボス文字 */
	text-align:left;
	}

	h2{
	text-align:left;
	}

	.emboss_violet {/* エンボス文字 */
	text-align:left;
	}

	.outline {
	text-align:center;
	font-size:25px;
	}

	.vintage {
	color: #dc143c;
	font-size: 52px;
	text-align: center;
	margin-bottom:30px;
	}

	#wrapper{
	display:none;
	}

	.yosou_zu img{	/*　スマホ内 画像はみ出し防止　*/
		width: 100%;
	}
	img.sp180{
	width:180px;
	}
	img.sp225{
	width:225px;
	}

	img.reduction_h{
	width:50%;
	}


/* ご依頼は簡単 3ステップ */
	.reduction img{
	width:50%;
	}
	.row40{
	margin-left: 40px;
	margin-right: 0;
	}

 /*　ページトップへの戻り　*/
	.pagetop {
	bottom: 0px;
	right: 10px;
	}
	.pagetop a {
	color: #444;
	font-size: 30px;
	}
	.kesu span{
	display:none;
	}

/* 肖像ドットコムからのお約束 */

	.check_mark{
		line-height:30px;
		font-size:18px;
	}
	.check_mark img{
		vertical-align:middle;
		width:18px; 
		height:18px;
	}
	.gyou_soroe {
		line-height: 30px;
		font-size: 18px;
	}
	.kotoba_image {
		width:100%;
	}
	.kotoba_image img{
		width:100%;
	}
	.kotoba_image1 {
		margin-top: 30px;
		margin-left: 0px;
		width:100%;
	}
	.kotoba_image1 img{
		width:100%;
	}
	.kotoba_summary {
		width:100%;
	}

/* お客様の言葉 */

	.balloon-bottom {
		padding: 10px 10px 10px 10px;
		margin: 20px 10px 10px 10px;
	}

	.balloon-none {
		padding: 10px 10px 10px 10px;
		margin: 20px 10px 40px 10px;
	}

	.balloon-bottom0 {
		padding: 10px 10px 10px 10px;
		margin: 20px 10px 10px 10px;
	}

	.balloon-bottom1 {
		padding: 10px 10px 10px 10px;
		margin: 20px 10px 10px 10px;
	}

	.balloon-none1 {
		padding: 10px 10px 10px 10px;
		margin: 20px 10px 0px 10px;
	}

/*------------------------------------------------
 ******  レスポンシブル・リスト law.html  ******
 ------------------------------------------------*/



/*------------------------------------------------
 ******  レスポンシブル・リスト q.html  ******
 ------------------------------------------------*/
	.emboss{
	font-size:22px;
	text-align:left;
	}

/*------------------------------------------------
 ******  レスポンシブル・リスト profile.html  ******
 ------------------------------------------------*/

	.b-image{
		margin-top:20px;
	}

	.indent{
		text-indent:0;
	}

	 dl.res_lis2 {
		margin-left: 0px;
	}
	.kakomi-tape4 {
		margin: 5em auto;
	}

/*------------------------------------------------
 **  メールマガジン
 ------------------------------------------------*/

	.magazine table tr td{
		margin:0 auto;
		padding:0;
		text-align:center;
	}

}



/*====================================================
 *x  シンプルなリボン（囲み枠線）に変更
 ====================================================*/

.wakusen_pink {
background:#f98289;
padding:10px;
border:none;
}
.wakusen_pink h3 {
text-align:center;
color:#fff;
font-size: 22px;
font-weight:bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.wakusen_pink p {
text-align:center;
color:#fff;
font-size: 22px;
font-weight:bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin:0;
padding:0;
}

.wakusen_mizuiro {
background: #0fadc0;
padding:10px;
border:none;
}
.wakusen_mizuiro h3 {
text-align:center;
color:#fff;
font-size: 22px;
font-weight:bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.wakusen_mizuiro p {
text-align:center;
color:#fff;
font-size: 22px;
font-weight:bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin:0;
padding:0;
}


.wakusen_orange {
background: #ff4500;
padding:10px;
border:none;
margin: 50px 20px 0 20px;
}
.wakusen_orange h2 {
text-align:center;
color:#fff;
font-size: 22px;
font-weight:bold;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/*====================================================
 *r  リボン装飾  full orangered 以下英語の色名は変換する
 ====================================================*/

* { box-sizing: border-box;}