@charset "utf-8";


/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 14px;	/*文字サイズ*/
	line-height: 145%;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}

html{
	min-height:101%;
}


.wrap{
	background: #fff url(../images/bgimg.png) no-repeat center top !important;	/*古いブラウザ用*/
	background: #fff url(../images/bgimg.png) no-repeat center top/110% !important;/*背景色、背景画像の読み込み、リピートしない、中央下部に配置、ウィンドウに対する表示サイズ幅。サイズは古いブラウザには未対応*/
	min-height:800px;
}




/*トップページの背景画像*/

.top_prof{
	border:0px solid #F3CD9A;
	background-color:#FAE9D3;
	padding:4px !important;
	margin-top:-35px !important;
    background-color:rgba(243,205,154,0.5); /* backgroundでalpha設定(4番目の引数) */
}

.top_header_s{
	padding-bottom:30px;
}

body {
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
input,textarea,select {
	font-size: 14px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

.img-responsive{
	width:100% !important;
}

.img-redius{
	border-radius:0px;
	border:4px solid #fff;
}

.img-redius2{
	border-radius:3px;
	border:4px solid #ddd;
}




.sitasoroe{
    display: -webkit-flex;
    display: flex; 
	-webkit-align-items: flex-end; /* Safari */  
	align-items:flex-end;  /* 子要素をflexboxにより中央に配置する*/
	}


/*ここからオリジナルのスタイル*/

/*トッププロフィールPC*/


.top_prof{
	border:0px solid #F3CD9A;
	background-color:#FAE9D3;
	padding:4px !important;
	margin-top:20px;
    background-color:rgba(243,205,154,0.5); /* backgroundでalpha設定(4番目の引数) */
}

.prof_pic a img{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: flex-start; /* Safari */
	align-items:flex-start;	
	justify-content: center !important;
	margin-top:35px;
	margin-left:auto !important;
	margin-right:auto !important;
	width:86%;
	height:auto !important;
}
  
  





.prof_r{
	padding:25px;
	overflow:hidden;
}

@media all and (-ms-high-contrast: none){/*IE10以上のハック*/
.top_prof img{
	margin-left:0px;
	width:86%;
	height:auto !important;

}
}


.top_prof h3{
	font-size:20px;
	font-weight:400;
	margin:10px 0px 25px 0px;
}

.top_prof span{
	font-size:14px;
}

.top_prof_p01{
}

.top_prof_p02{
}

.news_kizi{
	clear:both;
	border-left:4px solid #222222;
	margin-top:35px;
	padding-left:15px;
	margin-bottom:25px;
}

.header_slide{
	padding-bottom:30px;
}


.top_tit{/*トップページのタイトル*/
font-size:22px;
margin:0px 0px 25px 0px;
line-height:125%;
}


.header_space{/*トップページ　wrapのpadding-top*/
padding-top:2.5%;
}


.top_li{/*トップのピックアップリスト*/
overflow:hidden;
width:100%;
margin-left:0px;
}

.top_li li{
	clear:both;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	padding:5px;
	width:88%;
	margin-bottom:5px;
}

.top_li li span{
	display:block;
	 float:left;
}

.top_li li img{
	width:80px; 
	border:1px solid #ccc;
	margin-right:10px;
}

/*ギャラリー*/

.gallery_wrap{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: stretch; /* Safari */
  align-items:stretch;
  	-webkit-align-items: stretch; /* Safari */
  padding-top:15px;
}

.gallery_pics{
	border:4px solid #FAE9D3;
	padding:10px;
	margin-bottom:15px;
}

.gallery_pics span{
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:400;
	margin:0px 0px 10px 0px;
	background-color:#E89F3E;
	color:#fff;
	padding:8px;
	line-height:100%;
}

.gallery_pics p{
	text-align:center;
	font-size:12px;
	line-height:135%;
	margin-top:5px;
}




.gallery_list,#gallery_list{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: stretch; /* Safari */
  align-items:stretch;
}


.order_wrap{
	display:block;
	width:auto;
}

.order_box{
	width:100%;
	background-color:#B20000;
	color:#fff;
	font-size:28px;
	font-weight:600;
	padding:0px;
	margin-top:25px;
	text-align:right;
	display:block;
}


.order_box p{
	color:#fff;
	font-size:28px;
	font-weight:600;
	text-decoration:none;
}



/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #002DB2;
	text-decoration:underline;	/*リンクテキストの色*/
}
a:hover {
	color: #002DB2;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

.motto{
	text-align:right;
	margin:0px 0px 15px 0px;
}


.motto2{
	text-align:right;
	margin:15px 0px 35px 0px;
}



body a:hover img,body a:hover div{/*透過処理／ポイントしたときにフンワリさせる*/
	opacity: 0.6;
	transition: 0.5s;
	text-decoration:underline;
}


/*ヘッダー（サイトロゴとメニューが入ったブロック）


---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;
	background: #B20000;	/*背景色*/
	/*-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	影の設定。右・下・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
	/*box-shadow: 0px 0px 10px rgba(0,0,0,0.3);			同上*/
	margin-bottom: 0px !important;	/*ヘッダーの下に空けるスペース*/
}
header #inner {
	/*width: 1140px;	幅。下にある「#contents」の幅に合わせる。*/
	margin: 0 auto;
	padding: 20px 0px;	/*上下、左右へのボックス内の余白*/
	text-align: left;	/*中身をセンタリング*/
	overflow:hidden;
}

header #inner h1{
	line-height:115%;
}

header #inner h1 a{
	margin:0px !important;
	padding:0px!important;
}
header #inner h1 a img{
	margin:0px !important;
	padding:0px !important;
	height:auto !important;
}

/*メニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar {
	overflow: hidden;
}
/*メニュー１個あたりの設定*/
#menubar li {
	display: inline-block;
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定。通常がいいならこの行削除。*/
	}
#menubar a {
	display: block;
	color: rgba(255,255,255,0.88);	/*文字色*/
	text-decoration: none;
	border-bottom: 3px solid transparent;	/*下線の幅、線種、色。transparentは透明。*/
	padding: 0px 8px 0px 8px;	/*上下、左右へとる余白*/
	margin-right:20px;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
/*マウスオン時*/
#menubar a:hover {
	border-bottom: 3px solid #FFF;	/*下線の幅、線種、色*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {
	display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}

/*コンテンツ
---------------------------------------------------------------------------*/
/*#contents {
	clear: both;
	width: 980px;*/	/*幅。上の「header #inner」の幅に合わせる*/
	/*margin: 0 auto;
	min-height:800px;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	background-color:#fff;

}*/

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	clear: both;
	width: 100%;
	margin:0px !important;
	padding:0px !important;
}
/*mainコンテンツのh2タグの設定*/
#main h2{
	clear: both;
	margin-top:30px;
	margin-bottom: 15px;
	font-size: 100%;
	color: #FFF;		/*文字色*/
	background: #222;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));	/*グラデーション*/
	background: -webkit-linear-gradient(#444, #222);	/*同上*/
	background: linear-gradient(#444, #222);			/*同上*/
	padding: 10px 15px;	/*上下、左右への余白*/
	margin-left:-15px;
	margin-right:-15px;
}

.top_body h2{
	clear: both;
	margin-top:30px;
	margin-bottom: 15px;
	font-size: 100%;
	color: #FFF;		/*文字色*/
	background: #222;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));	/*グラデーション*/
	background: -webkit-linear-gradient(#444, #222);	/*同上*/
	background: linear-gradient(#444, #222);			/*同上*/
	padding: 10px 15px;	/*上下、左右への余白*/
	margin-left:-15px;
	margin-right:-15px;
}

.main_title{
	clear: both;
	margin-top:30px;
	margin-bottom: 25px;
	font-size: 100%;
	color: #FFF;		/*文字色*/
	background: #222;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));	/*グラデーション*/
	background: -webkit-linear-gradient(#444, #222);	/*同上*/
	background: linear-gradient(#444, #222);			/*同上*/
	padding: 10px 15px;	/*上下、左右への余白*/
	margin-left:-15px;
	margin-right:-15px;
}

.top_body{
	padding:0px 0px;
}

/*mainコンテンツのh2タグの１文字目への設定*/
#main h2::first-letter,.top_body h2::first-letter,.main_title::first-letter{
	border-left: 4px solid #fff;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}
/*mainコンテンツのh3タグの設定*/
#main h3 {
	clear: both;
	margin-bottom: 15px;
	font-size: 100%;
	background: #FFF;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ededed));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #ededed);	/*同上*/
	background: linear-gradient(#FFF, #ededed);			/*同上*/
	padding: 4px 15px;	/*上下、左右への余白*/
	border: 1px solid #bcbcbc;	/*枠線の幅、線種、色*/
}


/*mainコンテンツのh3タグの１文字目への設定*/
#main h3::first-letter {
	border-left: 4px solid #000;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}
/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 7px 15px 14px;	/*上、左右、下への余白*/
}
#main p + p {
	padding-top: 0px;
}
#main h2 + p,
#main h3 + p {
	padding-top: 0px;
	margin-top: -5px;
}

/*GALLERYのサムネイル設定
---------------------------------------------------------------------------*/
/*各ボックス*/
.list {
	float: left;
	width: 23%;	/*ボックスの幅*/
	margin-left: 1.6%;
	margin-bottom: 15px;
}
/*画像*/
.list figure {
	width: 100%;
	height: auto;
	opacity: 0.6;	/*透明度0.6は60%の透明度という意味*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
/*マウスオン時の画像*/
.list figure:hover {
	opacity: 1;	/*透明度。1は100%の事。*/
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding-top: 15px;
	background-color:#ddd;
	height:80px;
	margin-top:45px;
}

footer p{
	text-align:right;
	font-size:11px;
	clear:both;
	padding-top:15px;
}

footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none !important;
}

footer ul{
	clear:both;
}

footer li{
	float:left;
	margin-right:13px;
	border-right:1px solid #666;
	padding-right:15px;
	line-height:100%;
}

footer li a{
	color:#666;
	font-size:13px;
}

footer li a:hover{
	color:#aaa !important;
	font-size:13px;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
	margin-bottom: 15px;
}
.ta1, .ta1 td, .ta1 th {
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background: #333;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background: linear-gradient(#4b4b4b, #333);			/*同上*/
	padding:5px 15px;
}
/*テーブル内の左側*/
.ta1 th {
	width: 40%;
	padding: 10px;
	text-align: center;
	background: #f0f0f0;	/*背景色*/
	line-height:145%;
	padding:10px 15px;
}
/*テーブル内の右側*/
.ta1 td {
	padding: 10px;
}

/*その他
---------------------------------------------------------------------------*/
.look {
	background: #dcdcdc;
}
.mb15,
.mb1em {
	margin-bottom: 15px;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #FF0000;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
	font-weight:400;
	font-size:14px;
}
.r {
	text-align: right;
}
.newicon {
	background: #F00;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
}
.box {
	background: #eee;
	border: 1px solid #ccc;
	margin: 0px 15px 15px;
	padding: 10px !important;
	word-break: break-all;
}

/*トップページ　ヘッダー*/
.top_head{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:10px !important;
	border-bottom:0px solid #666;
}

.top_head div{
	padding:0px !important;
}


.top_head h2{
	line-height:135%;
	padding:4% 3% 1% 3%;
	font-size:21px;
	text-align:left;
	font-weight:600;
	letter-spacing:-1.5px;
}

.top_head p{
	margin:1% 3% 0% 3%;
	padding:0px;
	line-height:145%;
}


.top_head img{
	margin-top:5%;
	margin-bottom:-25px !important;
}

/*PCで非表示の設定*/
.hidden-pc{
	display:none;	
}

.hidden-pc2{
	display:none;
}



.fudeco_box{
	margin-left:15px;
	padding-bottom:25px;
}

@media (max-width: 1200px) {

.header_slide{
	padding-bottom:0px;
}

.row-eq-height {
    display: flex;
    -webkit-display: flex;
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
    flex-wrap: -webkit-wrap;
    align-items: stretch;
     -webkit-align-items: stretch;
    align-items: -webkit-stretch;
}

.hidden-sm{
	display:none;
}

.hidden-pc2{
	display:block;
}

.top_prof{
	border:0px solid #F3CD9A;
	background-color:#FAE9D3;
	padding:4px !important;
	margin-top:0px !important;
    background-color:rgba(243,205,154,0.5); /* backgroundでalpha設定(4番目の引数) */
}




}







/*ここからタブレット用（480px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:577px) and (max-width:800px){

/*ヘッダー（サイトロゴとメニューが入ったブロック）
---------------------------------------------------------------------------*/
header #inner {
	width: auto;
}

/*コンテンツ
---------------------------------------------------------------------------*/
/*#contents {
	width: auto;
	margin: 0%;
}*/

/*GALLERYのサムネイル設定
---------------------------------------------------------------------------*/
/*画像*/
.list figure {
	opacity: 1;	/*マウスオンができない端末向けに透明度を通常に戻す設定*/
}



.header_slide{
	padding-bottom:0px;
}


.prof_r{
	padding:45px !important;
}

.top_tit{/*トップページのタイトル*/
font-size:22px;
margin:15px 0px 25px 0px;
line-height:125%;
}

.row-eq-height {
    display: flex;
    -webkit-display: flex;
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
    flex-wrap: -webkit-wrap;
    align-items: stretch;
     -webkit-align-items: stretch;
    align-items: -webkit-stretch;
}




.top_fudeco1 h3{
	font-size:48px !important;
}


.hidden-sm{
	display:none;
}

.hidden-pc2{
	display:block;
}

.header_slide{
	padding-bottom:30px;
}


}


@media (min-width:801px) and (max-width:1200px){
	
.prof_r{
	padding:35px 55px 35px 55px !important;
}

}



/*ここからスマートフォン用（576px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 576px){

/*ヘッダー（サイトロゴとメニューが入ったブロック）
---------------------------------------------------------------------------*/
header {
	margin-bottom: 0px;
}
header #inner {
	width: auto;
	padding: 20px 0px 0px;	/*上・左右・下へのボックス内の余白*/
	text-align: left;	/*中身を左よせ*/
}


.top_header_s{/*トップページ上の方の説明文*/
	padding-bottom:15px;
}

.top_prof{
	border:0px solid #ccc;
	background-color:#fff;
	padding:4px !important;
	margin-top:20px;
    background-color:rgba(255,255,255,0.6); /* backgroundでalpha設定(4番目の引数) */
}

.header_slide{
	padding-bottom:0px;
}


.fudeco_footer_h6_02{
	display:block;
	font-size:14px !important;
}

/*PCで非表示の設定*/
.hidden-pc{
	display:block;
	height:1px;
	margin-top:13%;
}



.hidden-sm{
	display:none;
}

.hidden-pc2{
	display:block;
}

/*メニュー
---------------------------------------------------------------------------*/
/*スマホ用メニューを非表示から表示に切り替える*/
nav#menubar-s {
	display: block;
	text-align: center;	/*文字をセンタリング*/
}
#menubar-s a {
	display: block;
	color: #fff;	/*文字色*/
	background: #333;	/*背景色*/
	margin-top: 1px;	/*メニュー同士に空ける余白*/
	text-decoration: none;
	padding: 10px 0px;	/*上下、左右へとる余白*/
}
/*PC用メニューを非表示にする*/
#menubar {
	display: none;
}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block !important;
	position: absolute !important;
	top: 18px !important;		/*上から18pxの場所に配置*/
	right: 10px !important;	/*右から10pxの場所に配置*/
	width: 30px !important;	/*幅*/
	border: 0px solid #FFF !important;	/*枠線の幅、線種、色*/
	border-radius: 4px !important;	/*角丸のサイズ*/
	padding: 12px 10px 5px !important;	/*上、左右、下へのボックス内余白*/
	margin-right:10px;
}
/*３本のバー（1本あたり）*/
#menubar_hdr span {
	display: block !important;
	border-top: 2px solid #FFF !important;	/*枠線の幅、線種、色*/
	border-radius: 2px !important;	/*角丸のサイズ*/
	margin-bottom: 7px !important;	/*バー同士の余白*/
	width:30px !important; 
}

/*コンテンツ
---------------------------------------------------------------------------*/
/*#contents {
	width: auto;
	margin: 0;
	padding:0px;
}*/

/*GALLERYのサムネイル設定
---------------------------------------------------------------------------*/
/*画像*/
.list figure {
	opacity: 1;	/*マウスオンができない端末向けに透明度を通常に戻す設定*/
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
/*テーブル内の左側*/
.ta1 th{
	width: 100px;
	padding: 2px;
}
/*テーブル内の右側*/
.ta1 td{
	width: auto;
	padding: 2px;
}

/*その他
---------------------------------------------------------------------------*/
.ws {
	width: 96%;
}

.top_header div{
	width:100%;
}

header #inner h1{
	margin-bottom:10px;
}
.top_spacer{
	display:none;
}


.fudeco_box h5{/*トップページfudeco　黒い箇所*/
	font-size:13px !important;
	font-weight:400;
	color:#fff;
	background-color:#000;
	width:25%;
	text-align:center;
	height:42px;
	line-height:42px;
	float:left;
}



.top_fude_tit{/*トップページfudeco*/
	background-color:#444444;
	color:#fff;
	padding:5px 10px;
	font-size:12px !important;
	margin-left:-15px !important;
	margin-bottom:25px;
	letter-spacing:-2px;
}


.top_fude_tit1{/*トップページfudeco*/
	font-size:18px !important;
	font-weight:600;
	margin:-10px -15px 0px -15px !important;
	width:60%;
	letter-spacing:-2px;
}


.fude_sp_02{/*各ギャラリータイトル*/
	font-size:16px !important;
	font-weight:400;
	display:block;
	float:left;
	line-height:145%;
	padding-top:5px;
	padding-bottom:5px;
}

.img-redius{
	border-radius:0px;
	border:4px solid #fff;
}


.top_tit{/*トップページのタイトル*/
font-size:20px;
margin:20px 0px 25px 0px;
line-height:125%;
text-align:center;
letter-spacing:-1px;
line-height:125%;
}

.prof_pic{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: flex-start; /* Safari */
	align-items:flex-start;	
	justify-content: center;
	padding:0px;
  }
 
 
 .prof_pic a img{
	margin-left:auto;
	margin-right:auto;
	width:93.5% !important;
	height:auto !important;
	margin-top:0px !important;
	padding-top:0px !important;
	border:0px solid #eee;
	border-radius:3px;
}

.prof_r{
	padding:15px;
}

.top_fudeco1{
	margin-top:-15px;
}

.top_fudeco2 div{
	margin-bottom:10px !important;
}


/*ご注文・お問い合わせバナー*/


.order_bn p,.order_bn i{
	font-size:24px !important;
	text-align:right;
	line-height:100%;
	clear:both !important;
}

.order_bn p span{
	font-size:14px;
	display:block;
	clear:both;
	line-height:145%;
	margin-top:10px;
}


.vissible_sm{
	display:none;
}




}





/*トップ　作品部分*/

.top_body_tit{
	border-left:4px solid #8C0000;
	padding:3px 15px 3px 15px;
	margin-top:45px;
	margin-bottom:25px;

}

.top_body_tit h3{
	font-size:20px !important;
	border:none !important;
	background-image:none !important;
	padding-left:0px;
	margin-left:0px;
	margin-bottom:5px;
	font-weight:600;

}

.top_body_tit p{
	font-size:14px;

}

.sakuhin_box{
	border:4px solid #ccc;
	margin-bottom:25px;
	text-align:center;
	padding:0px 15px 10px 15px;
	background-color:#fff;
}

.inner_inner_bor{
	border:0px solid #ccc;
	border-radius:3px;
}


.sakuhin_box p{
	text-align:center;
	margin:15px 10px 10px 10px;
	font-size:12px;
	line-height:115%;
}

.sakuhin_box2{
	border:4px solid #ccc;
	margin-bottom:25px;
	text-align:center;
	padding:15px 15px 10px 15px;
	background-color:#fff;
}




.sakuhin_box2 p{
	text-align:center;
	margin:5px -15px 0px -15px;
	font-size:12px;
	line-height:135%;
}


section{
	padding-top:35px;
}

/*プロフィール*/
.sikaku_li{
	padding:15px 15px;
}

.sikaku_li li{
	list-style:none;
	border-bottom:1px dotted #222;
	padding:5px 10px;
}

/*ギャラリー*/
.gallery_list,#gallery_list{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: stretch; /* Safari */
  align-items:stretch;
}

.inner {
	display: -webkit-flex; /* Safari */
  display: flex;
}

.inner_inner {
  margin-left:auto;
  margin-right:auto;
}

/*ご注文・お問い合わせメール*/
.cyumon_mail{
	background-color:#ddd;
	padding:25px 20px 5px 20px;
	margin-top:15px;
}

.cyumon_mail li{
	margin-bottom:20px;
	line-height:165%;
	border-bottom:1px dotted #333;
	padding-bottom:5px;
}


.cyumon_mail span{
	background-color:#888;
	color:#fff;
	padding:3px 5px;
	line-height:115%;
}
 
/*トップfudeco*/
.top_fudeco{
	margin-bottom:55px;
}


 
.top_fudeco1 h3{
	font-size:54px;
	font-weight:400;
	line-height:100%;
	margin-top:10px;
}

.top_fudeco1 p{
	font-size:18px;
	font-weight:400;
	line-height:100%;
	margin-bottom:25px;
	margin-top:3px;
}

.top_fudeco2{
	padding-bottom:0px;
	margin-bottom:-15px;
}

.top_fudeco2 h4{
	font-size:24px;
	font-weight:400;
	line-height:100%;
	margin-bottom:-5px;
	margin-top:10px;
}
.top_fudeco2 div{
	border:1px solid #000;
	padding:8px 20px;
	margin-top:20px;
}

.top_fudeco2 div p{
	font-size:14px;
	font-weight:400;
	line-height:150%;
}

.row-eq-height {
    display: flex;
    -webkit-display: flex;
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
    flex-wrap: -webkit-wrap;
    align-items: stretch;
     -webkit-align-items: stretch;
    align-items: -webkit-stretch;
}






.fude_title{
	margin-bottom:15px;
	overflow:hidden;
	margin-left:-15px;
}

.fudeco_box h5{
	font-size:14px;
	font-weight:400;
	color:#fff;
	background-color:#000;
	width:25%;
	text-align:center;
	height:42px;
	line-height:42px;
	float:left;
}



.fudeco_box_p1{
	padding-left:15px;
	float:left;
	background-color:rgba(0,109,217,0.46);
	width:75%;
	height:42px;
	font-size:19px;
	font-weight:400;
	line-height:42px;
	color:#000;
}

.fudeco_box_p2{
	padding-left:15px;
	float:left;
	background-color:rgba(178,0,0,0.46);
	width:75%;
	height:42px;
	font-size:19px;
	font-weight:400;
	line-height:42px;
	color:#000;
}


.fudeco_box_p3{
	padding-left:15px;
	float:left;
	background-color:rgba(0,140,35,0.46);
	width:75%;
	height:42px;
	font-size:19px;
	font-weight:400;
	line-height:42px;
	color:#000;
}

.fudeco_box_p4{
	padding-left:15px;
	float:left;
	background-color:rgba(230,60,106,0.46);
	width:75%;
	height:42px;
	font-size:19px;
	font-weight:400;
	line-height:42px;
	color:#000;
}

.fudeco_box_l{
	width:40%;
	float:left;
}

.top_fude_tit1{
	font-size:20px;
	font-weight:400;
	margin:-10px -15px 0px -15px !important;
	width:60%;
}

.top_fude_p{
	font-size:12px;
	line-height:145%;
	margin:15px 0px 15px -15px;
}

.top_fude_tit{
	background-color:#444444;
	color:#fff;
	padding:5px 10px;
	font-size:13px !important;
	margin-left:-15px !important;
	margin-bottom:25px;
}

.top_pu_img{
	width:60%;
	float:right;
	padding:0px;
	background-color:#fff;
	padding:0px 25px 15px 25px;
}


.top_pu_img img{
	width:100%;

}

/*ギャラリーヘッダー*/
#gallery_header{
	padding-top:25px;
	clear:both !important;
}

.ruby{
	font-size:16px;
	line-height:145%;
	margin-bottom:4px;
}

#gallery_header h3{
	font-size:46px;
	font-weight:400;
	line-height:100%;
	float:left;
	margin-right:15px;
}

.fude_sp_01{
	width:100px;
	background-color:rgba(0,109,217,0.74);
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font-size:17px;
	font-weight:400;
	margin:5px 15px 0px 0px;
	display:block;
	float:left;
	line-height:145%;
}

.fude_sp_001{
	width:110px;
	background-color:rgba(178,0,0,0.74);
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font-size:17px;
	font-weight:400;
	margin:5px 15px 0px 0px;
	display:block;
	float:left;
	line-height:145%;
}

.fude_sp_0001{
	width:100px;
	background-color:rgba(0,140,35,0.74);
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font-size:18px;
	font-weight:400;
	margin:5px 15px 0px 0px;
	display:block;
	float:left;
	line-height:145%;
}

.fude_sp_02{
	font-size:26px;
	font-weight:400;
	display:block;
	float:left;
	line-height:145%;
	margin-top:5px;
}



.fude_hosoku{
	border-top:1px solid #000;
	clear:both;
	line-height:135%;
	padding-top:10px;
	display:block;
	font-size:12px;
}

.fude_hosoku_span1{
	background-color:#ccc;
	display:block;
	float:left;
	padding:8px 15px;
	margin-bottom:0px;
}

.fude_hosoku_span2{
	display:block;
	float:left;
	padding:8px 15px;
	margin-bottom:10px;
}

.galle_tit{
	font-size:24px;
	font-weight:400;
	margin-top:45px;
	margin-bottom:15px;
	line-height:125%;
}

.gallery_img{
	margin-bottom:15px;
}


/*ギャラリー　こんな方へおすすめ*/
.osusume_box,.nagare_box{
	background-color:#ddd;
	padding:25px;
	margin:25px 0px 0px 0px !important; 
	
}

.osusume_box h5{
	font-size:18px;
	font-weight:400;
	margin-bottom:25px;
}

.nagare_box h5{
	font-size:22px;
	font-weight:400;
	margin-bottom:15px;
}

.nagare_box h5 span{
	font-size:14px;
	font-weight:400;
	margin-bottom:15px;
}


.osusume_li1{
	list-style:disc;
	list-style-position:outside;
	margin-bottom:0px;
	margin-left:15px;
}

.osusume_li1 li{
	margin-bottom:10px;
	font-size:13px;
	line-height:135%;
}

.osusume_li2{
	list-style:none;
}

.osusume_li2 li{
	float:left;
	width:78px;
	height:36px;
	color:#fff;
	line-height:36px;
	background-color:#666666;
	border-radius:4px;
	text-align:center;
	font-size:15px;
	margin-right:10px;
	margin-bottom:5px;
}

.nagare_li{
	margin-bottom:10px;
	margin-top:35px;
}

.nagare_li li{
	border-bottom:1px solid #aaa;
	list-style-position:inside;
	padding:5px 15px;
}



.nagare_li2{
	list-style:disc;
	list-style-position:outside;
	margin-bottom:0px;
	margin-left:15px;
	margin-top:35px;
}

.nagare_li2 li{
	margin-bottom:10px;
	font-size:13px;
	line-height:135%;
}

.nagare_li3{
	list-style-type: decimal;
	list-style-position:outside;
	margin-bottom:0px;
	margin-left:15px;
	margin-top:35px;
}

.nagare_li3 li{
	margin-bottom:10px;
	font-size:13px;
	line-height:135%;
}

/*料金表テーブル*/
.price_tab{
	display:table;
	border-collapse:collapse;
	width:100%;
}

.price_row{
	display:table-row;
	width:100%;
}

.price_cell_01{
	display:table-cell;
	width:55%;
	border-bottom:1px solid #aaa;
	padding:5px 15px;
}

.price_cell_02{
	display:table-cell;
	width:45%;
	border-bottom:1px solid #aaa;
}


/*ご注文・お問い合わせバナー*/
.order_bn{
	background-color:#B20000;
	min-height:130px;
	color:#fff;
	margin-top:35px;
	margin-bottom:10px;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-align-items: flex-end; /* Safari */
  align-items:flex-end;
  -webkit-justify-content: flex-end; /* Safari */
  justify-content:         flex-end;
  padding:25px 35px;
}


.order_bn p{
	font-size:40px;
	text-align:right;
	line-height:100%;
	clear:both !important;
}

.order_bn p span{
	font-size:14px;
	display:block;
	clear:both;
	line-height:145%;
	margin-top:10px;
}

.order_hosoku{
	font-size:13px;
	line-height:145%;
	margin-top:15px;
}

.order_hosoku span{
	text-decoration:underline;
}

/*fudeco各ページフッター*/
.fudeco_footer{
	overflow:hidden;
	margin-bottom:25px;
	margin-top:65px;
}

.fudeco_footer_h6_01{
	font-size:54px;
	font-weight:400;
	line-height:100%;
}


.fudeco_footer_h6_02{
	font-size:17px;
	font-weight:400;	
}

.fudeco_footer p{
	border-top:1px solid #000;
	font-size:17px;
	font-weight:400;
	line-height:100%;
	padding-top:10px;
	margin-top:-15px;
}




.gall_nouki{
	font-size:12px;
	margin:15px 0px;
}

/*ご注文の流れテーブル*/
.nagare_tab{
	display:table;
	width:100%;
 border-collapse: separate;  /* セルの間隔を空ける */
border-spacing: 10px 0;  /* 左右 上下で記述 */
margin-left:-20px;
margin-top:25px !important;
margin-bottom:25px !important;
}
.nagare_row{
	display:table-row;
	width:100%;
}

.nagare_cell_01{
	display:table-cell;
	width:50%;
	border-bottom:1px solid #aaa;
	padding:5px 15px;
}

.nagare_cell_02{
	display:table-cell;
	width:50%;
	border-bottom:1px solid #aaa;
}

.nouki_s{
	border:0px solid #ccc;
	padding:15px;
	background-color:#ddd;
}

.nouki_s h4{
	font-size:18px;
}

		/* ---------------------------- */
		/* ▼「続きを読む」ボタンの装飾 */
		/* ---------------------------- */
		/* ▽ボタンとマスク(グラデーション)を掲載するボックス */
		.readmore-button-box {

			/* ↓※以下は古いブラウザでグラデーションを表示するための各種対策 */
			background: -webkit-gradient(top, rgba(255,255,255,0.5), white); /* Chrome,Safari */
			background: -moz-linear-gradient(top, rgba(255,255,255,0.5), white); /* Firefox */
			background: -o-linear-gradient(top, rgba(255,255,255,0.5), white); /* Opera */
			background: -ms-linear-gradient(top, rgba(255,255,255,0.5), white); /* IE10 */
			filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80ffffff,EndColorStr=#ffffffff); /* IE9- */
			/* ↑ここまで */

			text-align: center;
			background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );	/* 上から下へ：[白色半透明]から[白色]へグラデーション */
			padding-top: 4.5em;	/* ボタンの上側でグラデーションを見せる距離(長さ) */
			margin-top: 0em;	/* ボックスを上側に重ねる距離(長さ) */
			position: relative;	/* ボックス全体を上に重ねるために必要 */
		}
		/* ▽リンクを「続きを読む」ボタンの形に装飾 */
		.readmore-button-box a {
			background-color: #777;	/* ボタンの色(濃い赤) */
			color: white;				/* ボタンの文字色(白) */
			border-radius: 0px;		/* 角丸の半径 */
			padding: 0.7em 3.8em;;		/* 内側の余白 */
			display: inline-block;		/* ボタン全体をクリック可能に */
			font-weight: 400;			/* ボタンの文字を太字に */
			font-size: 16px;			/* ボタンの文字サイズ */
			text-decoration:none;
		}
		.readmore-button-box a:hover {
			background-color:#ccc;		/* ボタンにマウスが乗ったら明るい赤色に */
	opacity: 0.6;
	transition: 0.5s;
	text-decoration:none;
}
		/* ………………………………………………………………………………………………… */
		/* ▼サンプル領域表示用の装飾（表示枠を作っているだけで、必須ではありません） */
		div.samplearea {
			border: 0px solid gray;		/* 枠線 */
			padding: 0px;				/* 内側の余白 */
			margin: 0px;	/* 外側の余白 */
			width: 100%;			/* 最大幅 */
			display: inline-block;		/* 空間があれば横方向にも並べる */
			vertical-align: top;		/* (横に並んだ場合)上端を揃える */
		}


#page-top {
    position: fixed;
    bottom: 42px;
    right: 0px;
    font-size: 88%;
	border-left:0px solid #fff;
	border-bottom:0px solid #fff;
	border-top:0px solid #fff;
}

@media all and (-ms-high-contrast:none){
#page-top {
    position: fixed;
    bottom: 42px;
    right: 16px;
    font-size: 88%;
	border-left:0px solid #fff;
	border-bottom:0px solid #fff;
	border-top:0px solid #fff;
}

}



#page-top a {
    background: #777;
    text-decoration: none;
    color: #fff;
    width: 33px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 0px;
}
#page-top a:hover {
    text-decoration: none;
    background: #555555;
}




/*常時固定のお問い合わせボタン*/
 
.page-back {
 position: fixed;
 bottom: 147px;
 right: 0px;
 z-index: 11;
}

@media all and (-ms-high-contrast:none){
.page-back {
 position: fixed;
 bottom: 147px;
 right: 16px;
 z-index: 11;
}

}



.bar_samp{
	height:1px;
	border-bottom:1px solid #ccc;
}