@import url("js/awesome/css/font-awesome.css");

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

img{max-width:100%;}
/*---　画像リンク　------------------*/
.imagelink{border: none;}

/*---　display:flex付与　------------------*/
.spflex{display:flex;}

/*---　リンクテキスト　------------------*/
a:link{color:#3333cc;text-decoration:underline;}
a:visited{color:#3333cc;text-decoration:underline;}
a:hover{color:#9999ff;text-decoration:underline;}


/*---　BODYタグ　------------------*/
body {margin: 0px;font-size:13px;background:url(pic/bodyback.jpg);background-position:center 4px;}

/* ナビ */
#panel-btn {background:#b19154;display: inline-block; position: relative; width: 42px; height: 42px; margin: 6px;position: fixed;top: 0;right:0;z-index:100;color:#fff;z-index:9999;}
#panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #fff; transition: .2s; }
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; margin-left: -10px; background: #fff; transition: .3s; }
#panel-btn-icon:before { margin-top: -6px; }
#panel-btn-icon:after { margin-top: 4px;}

#panel-btn .close { background: transparent;}
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; background:#fff;}
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); background:#fff;}

#panel {display: none; width: 100%;height:100%; margin: 0;padding:0% 0 0% 0;top:55px;position:fixed;}


/*---　問い合わせページのメールフォーム　------------------*/
.button_contactform{text-align:center;margin:40px 0 60px;}
.button_contactform a{display:inline-block;background:orangered;padding:0.6em 1.2em;color:#fff !important;text-decoration:none;font-size:20px;font-family:NotoSansCJKjp-Regular,HGｺﾞｼｯｸE;transition: 0.1s ease-in-out;}
.button_contactform a:hover{background:orange;box-shadow:0 2px 15px orange;}

/*---　枡カラム　------------------*/
.masu_column{padding-left:0;margin-left:0;margin-bottom:30px;}
.masu_column li{background:url(pic/column_ico.jpg) no-repeat;padding-left:45px;margin-left:0;list-style:none;height:30px;padding-top:10px;}
.masu_column li a{background:#3366FF;padding:5px;border-radius:5px;text-decoration:none;color:#fff;}
.masu_column li a:hover{background:#003399;padding:5px;border-radius:5px;color:#fff;}

/*---　サイズテーブル　------------------*/
.sizetable{border-collapse: collapse;width:99%;line-height:2em;}
.sizetable td{padding:0.5em;border:1px #ccc solid;text-align:right;}
.sizetable td.c{text-align:center;}
.sizetable td.ce{text-align:center;}
.sizetable td.d{background:#f4f4f4;width:120px;}
.sizetable th{padding:0.5em;border:1px #ccc solid;background:#eee;}
.sizetable img{border:none;display:block;}

/*---　検索ボックスの書式　------------------*/
#form_out{margin:0 0 1em 0;}
#form_out input[type="text"]{margin:auto;display:block;width:94% !important;display:block;font-size:16px;line-height:16px;padding:4px;background:#eee;border:none;border-radius:2px;font-family:FontAwesome;}
#form_out input[type="submit"]{display:none;}

.setprice{margin-bottom:15px;}
.setprice td{padding:5px;}
.setprice td.ryou{background:#FFCC33;width:130px;text-shadow:1px 1px 1px #fff;font-size:16px;}
.setprice td b{font-size:18px;color:#ff0000;font-weight:bold;text-shadow:2px 2px 10px orange;}

/*---　Hタグ　------------------*/
h1 {font-size:13px;font-weight:normal;margin-top:60px;}
h2 {font-size:13px;margin-top:3px;}
h3 {font-size:13px;margin-top:7px;}

.guide li{margin:0;padding:0;list-style:none;}
.guide ul{margin:0;padding:0;}
.guide ul img{width:300px;}
.guide td{vertical-align:top;}

#kakaku li{border-bottom:1px #FFE495 dotted;}
#kakaku li a{padding-left:5px;display:block;}
#kakaku li a:hover{display:block;background:#FFDF80;}

#otorihiki li{border-bottom:1px #AAECFF dotted;}
#otorihiki li a{padding-left:5px;display:block;}
#otorihiki li a:hover{display:block;background:#AAECFF;}

#hassou li{border-bottom:1px #FFD5F4 dotted;}
#hassou li a{padding-left:5px;display:block;}
#hassou li a:hover{display:block;background:#FFBFEF;}

#sonota li{border-bottom:1px #BFFFCF dotted;}
#sonota li a{padding-left:5px;display:block;}
#sonota li a:hover{display:block;background:#D5FFAA;}

.situmonbar{background:url(pic/situmonbar.jpg);height:27px;padding-left:1.5em;padding-top:0.3em;font-size:14px;font-weight:bold;color:#fff;}
.situmonbar a{color:#fff;}
.situmonbar a:visited{color:#fff;}

.konpoubox{margin-bottom:15px;text-align:center;border:brown 1px solid;width:355px;border-collapse:collapse;}
.konpoubox th{padding:3px;background:#FFCC99;border:#FFCC99 1px solid;}
.konpoubox td{padding:3px;background:#FFFFcc;font-size:13px;border:#FFCC99 1px solid;}


/*---　段落タグ　------------------*/
p {line-height: 2em;}

/*---　画像右寄せ　------------------*/
.right{display:block;margin-left:auto;}

.uu{float:left;width:60%;line-height:2em;margin-right:1em;list-style:none;margin-left:0;padding:0;font-size:12px;}
.ut{float:left;width:35%;line-height:2em;list-style:none;margin:0;padding:0;font-size:12px;}

/*---　水平線　------------------*/
hr {border:solid #A0A0A0;margin-top:10px;border-width:1px 0 0 0;height:1px;/* for IE6 */clear:both;/* for IE6 */}

/*---　ピクトマーク用　------------------*/
.p {vertical-align: middle;margin-right:0.5em;}


/*---　ページトップアイコン　------------------*/
.pagetop {position: fixed;bottom: 0px;right: 5%;}
.pagetop img{border:none;z-index:3;position:relative;}

/*---　会社概要の商品コメント　------------------*/
.commentcmes{font-size:15px;display:block;padding:0.5em;box-shadow:0px 2px 5px #999999;position:relative;behavior:url(js/PIE/PIE.htc);border:1px solid #999;}

/*---　ボックスシャドウ　------------------*/
.shadow{box-shadow:0px 2px 5px #999;behavior: url(PIE.htc);position:relative;margin-left:3px;margin-top:3px;}

/*---　ナビゲーションバー　------------------*/
.navi{background: #eee;z-index:2;position:relative;}
.navi ul{list-style-type:none;margin:0;padding:0;margin:auto;display:block;}
.navi li{display:block;height:48px;border-bottom:1px solid #ccc;}
.navi li a{display:block;line-height:48px;text-align:center;color:#555;text-decoration:none;}
.navi li a:hover{color:#000;text-decoration:none;background:rgba(255,255,255,0.6);}

.priceboxwrapper{overflow-x:scroll;width:100%;}
.pricebox{margin-bottom:15px;text-align:center;border:#FFCC99 1px solid;background:#fff;overflow-x:scroll;width:auto;}
.pricebox th{padding:3px;background:#FFCC99;}
.pricebox td{padding:3px;background:#FFFFCC;}
.pricebox img{width:120px;padding:0;margin:0;border:none;}

.priceboxes{margin-bottom:15px;text-align:center;border:#FFCC99 1px solid;overflow-x:scroll;}
.priceboxes th{padding:3px;background:#FFCC99;}
.priceboxes td{padding:3px;background:#FFFFcc;font-size:13px;}

/*---　衡山行書　------------------*/

@font-face {
    font-family: 'KouzanGyousho';
    src: url('pic/KouzanGyousho.ttf');
}

.kouzan{font-family: KouzanGyousho;font-size:50px;}

/* ヘッドラインモバイル */
.headline{background:url(pic/headline.jpg);color:#fff;font-family: KouzanGyousho;height:125px;position:relative;overflow:auto;margin:0 0 20px 0;}
.headline small{position:absolute;right:0;display:inline-block;margin-top:-20px;font-size:65px;}
.headline small.small{position:absolute;right:0;display:inline-block;margin-top:-8px;font-size:50px;line-height:50px;}

.headline small.small02{font-size:40px;}

.headline span{position:absolute;left:30px;top:-50;display:inline-block;margin-top:-10px;font-size:65px;}
.headline strong{position:absolute;right:0;top:20px;font-size:55px;color:#000;font-weight:normal;}


/*---　メイン部分　------------------*/

div#main {background: #fff;overflow: hidden;margin-bottom:0px;padding:0px;background:url(pic/mainback.jpg);background-position: top center;background-repeat: no-repeat;}
div#main_content {background: #fff;margin:0 auto;z-index:0;}
div#main_standard {background: #fff;}

.kodawari{width:100%;}
.mininote{width:100%;}
.note{width:90%;}

.cc{width:100%;}
.cc p{line-height:25px;margin-bottom:1em;padding:1em 1.5em;}
.cl1{width:100%;}
.cl2{width:100%;}
.tiyo01{width:100%;background:url(pic/tiyo01.jpg);padding:10px;margin-bottom:1em;}
.tiyo01 p{background:url(pic/dot.gif);line-height:25px;margin-bottom:1em;}
.tiyo02{width:100%;background:url(pic/tiyo02.jpg);padding:10px;margin-bottom:1em;}
.tiyo02 p{line-height:25px;margin-bottom:1em;}

.masu_pic2{display:none;}

/*---　トップ下の画像　------------------*/

/*---　トップ下の画像　------------------*/
.sum {overflow:hidden;padding-top:1em;}
.sum .cl{display:none;}
.sum .cr{float:left;overflow:hidden;width:100%;}

/*---　アンケート　------------------*/
.enquete{overflow: hidden;margin-bottom:1em;}
.enquete:after {content:"";}
.enquete p{padding:0.6em;background:#CAFFCA;}
.enquete img{margin-bottom:0.5em;}
.enquete_t{clear:left;background-image:url(pic/enquetetitle.jpg);background-position:middle;background-repeat: no-repeat;padding-top:21px;padding-left:80px;height:40px;font-size:15px;font-weight:bold;color:#fff;}
.enquete_t a{color:#fff;}
.enquete_t a:visited{color:#fff;}
.enquete_l{margin-right:1em;text-align:center;width:100px;}
.enquete_l img{border:1px solid #ccc;display:block;}
.enquete_r{width:100%;}
.enquete_r img{display:block;}

/*---　商品名のハイライト　------------------*/
.number {background:#AAECFF;padding:1px;font-weight:bold;}

/*---　問い合わせページのテーブル　------------------*/
.contable{padding:5px;background:#e9e9e9;width:300px;font-size:13px;}

/*---　ソリッド枠　------------------*/
.solid{padding:0.5em;background:#fff;behavior: url(PIE.htc);position:relative;border:1px solid #ccc;}

/*---　トップ下の画像　------------------*/
.items {list-style:none;padding:0;margin:0;overflow:hidden;font-size:12px;}
.items li{padding:0;margin-right:20px;float:left;display:block;overflow:hidden;width:100%;margin-bottom:1em;}
.items li a{font-size:20px; font-weight:bold;}
.items img{display:block;margin:0 auto 1em auto;box-shadow:5px 5px 5px #555;background:#fff;}
.items b{color:#3300ff;display:block;text-align:center;font-weight:normal;}
.items a{color:#3300ff;display:block;text-align:center;}
.items a:hover{color:#6666FF;}

.links{overflow:hidden;padding:0;margin-top:2em;margin-bottom:2em;display:block;}
.links li{float:left;display:block;margin-right:5px;text-align:center;}
.links a:hover *{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.links {margin:5px;}
.links img{margin-bottom:10px;border:none;}

.boxes{list-style:none;padding:0;margin:0;text-align:center;overflow:hidden;}
.boxes li{margin-right:10px;margin-bottom:10px;float:left;overflow:hidden;display:block;width:300px;}
.boxes img{margin-bottom:5px;}

/*.gall img{margin-right:5px;margin-bottom:5px;}*/

/*枡ページ画像横幅修正*/
.gall{display:flex;flex-wrap:wrap;}
.gall img{margin:0 auto 10px;}

/*---　会社概要ページのアンカーリンク　------------------*/
/* .kaisya{list-style:none;overflow: hidden;text-align:center;margin:0;padding:0;}
.kaisya li{font-size:15px;float:left;overflow:hidden;display:block;border:#eee solid 1px;margin:5px;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;padding: 0px;box-shadow:0px 0px 2px #000;background:#fff;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;width:210px;position:relative;behavior:url(js/PIE/PIE.htc);line-height:1.8em;}
.kaisya li:hover{font-size:15px;float:left;overflow: hidden;display:block;border:#fff solid 1px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;position:relative;behavior:url(PIE.htc);filter: none;}
.kaisya img{width:210px;}
.kaisya a{display:block;color:#fff;} */


/*---　会社概要ページのアンカーリンク　------------------*/
.flow{list-style:none;overflow: hidden;text-align:center;margin:0;padding:0;}
.flow li{font-size:15px;float:left;overflow:hidden;vertical-align:middle;margin:3px;text-decoration:none;line-height:1.8em;}
.flow li.icon{width:160px;box-shadow:0px 0px 2px #000;position:relative;behavior:url(js/PIE/PIE.htc);-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.flow li.icon img{width:100%;}
.flow .allow{margin-top:75%;}

.flow li img{}
.flow a{display:block;color:#fff;}

.website{overflow:hidden;display:block;margin-bottom:20px;margin-left:0;padding:0;font-size:12px;}
.website li{float:left;display: block;margin:0;padding:0;}
.website img{border:none;}

.history{overflow:hidden;display:block;margin:0;padding: 0;font-size:11px;}
.history li{display:block;overflow:hidden;margin-bottom:1em;}
.history li:after{content:"";}
.history img{vertical-align:middle;margin-right:0.3em;}
.history a{padding:0.5em;}
.history a:hover{background:#CECEFF;}

/*---　お客様の声　------------------*/
.voice{box-shadow:2px 2px 10px #222;border:none;
border-radius: 5px; /* CSS3 */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
behavior: url(js/PIE/PIE.htc);　/* IE */
position:relative;}
.voice:hover{border-radius:5px;box-shadow:2px 2px 10px #000;position:relative;behavior:url(PIE.htc);}

/*---　アイテムボックス　------------------*/
.itembox{float:left;width:310px;margin-left:320px;}
.itembox img{margin-bottom:5px;}
.itembox dl{overflow:hidden;width:96%;font-size:13px;border:1px solid #ccc;margin:1em 0em 1em 0em;}
.itembox dt{overflow:hidden;float:left;background:#ddd;width:32%;padding:2%;margin:1px;font-weight:bold;}
.itembox dd{overflow:hidden;float:left;width:58%;padding:2%;margin:1px;}

.leftbox{float:left;width:310px;padding:5px;}
.leftbox img{margin-bottom:5px;max-width:100%;}
.leftbox dl{overflow:hidden;width:96%;font-size:13px;border:1px solid #ccc;margin:1em 0em 1em 0em;}
.leftbox dt{overflow:hidden;float:left;background:#ddd;width:32%;padding:2%;margin:1px;font-weight:bold;}
.leftbox dd{overflow:hidden;float:left;width:58%;padding:2%;margin:1px;}

.rightbox{float:left;width:310px;}
.rightbox img{margin-bottom:5px;max-width:100%;}
.rightbox dl{overflow:hidden;width:96%;font-size:13px;border:1px solid #ccc;margin:1em 0em 1em 0em;}
.rightbox dt{overflow:hidden;float:left;background:#ddd;width:32%;padding:2%;margin:1px;font-weight:bold;}
.rightbox dd{overflow:hidden;float:left;width:58%;padding:2%;margin:1px;}


/*---　ピクトマーク　------------------*/
.mark{vertical-align:middle;margin-right:0.5em;}

/*---　取引実績　------------------*/
.jisseki2{line-height:2em;overflow:hidden;display:block;font-size:12px;margin:0;padding:0;}
.jisseki2 li{float:left;width:49%;overflow:hidden;display:block;}
.jisseki2 li:after{content:"";}

/*---　画像リンクでマウスホバーする場合　------------------*/
.hover{text-align:center;}
.hover img{border:none;width:130px;}
.hover a:hover *{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

/*---　会社概要ページの表　------------------*/
.c_profilel{background:#eee;padding:0.6em;width:200px;line-height:1.9em;}
.c_profiler{padding:0.6em;width:630px;margin-bottom:5px;line-height:1.9em;}

.onbar{border:none;background:#fff;}
.onbar:hover{filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

/*---　取引実績　------------------*/
.jis{line-height:2em;overflow:hidden;display:block;border-bottom:1px dotted #ccc;margin:0;padding:0;}
.jis li{float:left;width:49%;overflow:hidden;display:block;}
.jis li:after{content:"";}

/*---　価格　------------------*/
.kakaku{font-size:18px;color:#ff0000;font-weight:bold;text-shadow:2px 2px 10px orange;}

.nsc{text-align:center;}
.nsc img{border:1px solid #ccc;margin-bottom:3px;height:35px;}

.catch{font-size:22px;font-family:Century Gothic;}

.mate{list-style:none;margin:0;padding:0;}
.mate li{display:block;list-style:none;border:#ffcb92 1px solid;background:#ffe8cb;height:30px;padding:2px;margin:5px;}
.mate li:hover{background:#FF9900;}
.mate li img{float:left;}
.mate li a{color:#993300;text-decoration:none;display:block;height:30px;padding-top:6px;font-weight:bold;}
.mate li a:hover{color:#fff;}

/*---　パンくず　------------------*/
.breadcrumb{background:#dcdcdc;padding-right:10px;padding-top:1px;height:16px;text-align:right;margin-bottom:10px;}

/*---　フッター部分　------------------*/
#footer {background-color: #333;color:#ccc;background:url(pic/footer.jpg);background-position: center top;overflow:hidden;font-size:12px;line-height:2em;padding:2em;}
#footer img{display:none;}
#footer_body{margin:0 auto;}
#footer span{text-decoration:underline;}
#footer p{margin-top:2em;}
.footer_content{color:#d8271c;}
.footer_company{color:#ccc;}

#footer a:link{color:#ff0000;text-decoration:underline;}
#footer a:visited{color:#ff0000;text-decoration:underline;}
#footer a:hover{color:#fff;text-decoration:underline;}

/*---　規定のサイズ　------------------*/
.template{overflow:hidden;display:block;padding:0px;margin:0px;}
.template li{text-align:center;float:left;overflow:hidden;display:block;margin-right:5px;}
.template li img{display:block;}


table.spec{border-spacing: 0;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-collapse: separate;width:100%;;}
.spec th {padding: 3px 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;line-height: 180%;font-size:13px;background:#f4f4f4;text-align:right;width:120px;}
.spec td {padding: 3px 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;line-height: 180%;font-size:13px;}
.spec td.d1{text-align: center;vertical-align: middle;width:120px;background:#E9E9E9;font-weight: bold;}
.spec td.d2{width:240px;}
.spec td.d3{text-align: center;vertical-align: middle;background:#D5DFFF;font-weight: bold;}
.spec td.d4{text-align: center;vertical-align: middle;background:#eee;font-size:15px;}
.spec td.d5{vertical-align: middle;background:#eee;font-size:15px;}

.setspec{margin-bottom:15px;}
.setspec td{padding:5px;}
.setspec td.spec{background:#99CCFF;width:130px;text-shadow:1px 1px 1px #fff;font-size:15px;}
.setspec td b{font-size:18px;color:#ff0000;font-weight:bold;text-shadow:2px 2px 10px orange;}

.youhappy{margin-bottom:15px;margin-bottom:45px;}

/*---　プロフィール　------------------*/
.profile{width:100%;}
.profile dl{overflow:hidden;font-size:13px;}
.profile dt{overflow:hidden;float:left;width:34%;margin:0;padding:0;}
.profile dd{overflow:hidden;float:left;width:60%;margin:0;padding:2%;font-size:13px;}
.profile b{font-size:16px;text-shadow:3px 3px 1px #ccc;}
.profile img{margin-bottom:0.5em;width:100%;}

/*---　規定のサイズ　------------------*/
.template{overflow:hidden;display:block;padding:0px;margin:0px;}
.template li{text-align:center;float:left;overflow:hidden;display:block;margin-right:5px;}
.template li img{display:block;}

.tax8{font-style:italic;padding-right:3px;}
}



@media screen and (min-width:768px) {
/*---　画像リンク　------------------*/
.imagelink{border: none;}

.panel-btn{display:none;}

/*---　リンクテキスト　------------------*/
a:link{color:#3333cc;text-decoration:underline;}
a:visited{color:#3333cc;text-decoration:underline;}
a:hover{color:#9999ff;text-decoration:underline;}

/*---　BODYタグ　------------------*/
body {margin: 0px;;font-size:13px;background:url(pic/bodyback.jpg);background-position:center 4px;}
/* font-family:Myriad Pro,Centry Gothic,Arial, sans-serif */

/*---　問い合わせページのメールフォーム　------------------*/
.button_contactform{text-align:center;margin:40px 0 60px;}
.button_contactform a{display:inline-block;background:orangered;padding:0.6em 1.2em;color:#fff !important;text-decoration:none;font-size:20px;font-family:NotoSansCJKjp-Regular,HGｺﾞｼｯｸE;transition: 0.1s ease-in-out;}
.button_contactform a:hover{background:orange;box-shadow:0 2px 15px orange;}

/*---　枡カラム　------------------*/
.masu_column{padding-left:0;margin-left:0;margin-bottom:30px;}
.masu_column li{background:url(pic/column_ico.jpg) no-repeat;padding-left:45px;margin-left:0;list-style:none;height:30px;padding-top:10px;}
.masu_column li a{background:#3366FF;padding:5px;border-radius:5px;text-decoration:none;color:#fff;}
.masu_column li a:hover{background:#003399;padding:5px;border-radius:5px;color:#fff;}

/*---　サイズテーブル　------------------*/
.sizetable{border-collapse: collapse;width:99%;line-height:2em;}
.sizetable td{padding:0.5em;border:1px #ccc solid;text-align:right;}
.sizetable td.c{text-align:center;}
.sizetable td.ce{text-align:center;}
.sizetable td.d{background:#f4f4f4;width:120px;}
.sizetable th{padding:0.5em;border:1px #ccc solid;background:#eee;}
.sizetable img{border:none;display:block;}

/*---　検索ボックスの書式　------------------*/
#form_out{margin-top:30px;margin-left:4px;font-family:FontAwesome;}
input[type="text"]{font-size:12px;color:#666666;background:#fff;border:1px solid #c29ed7;padding:2px;font-size:12px;width:160px;font-family:FontAwesome;}

.setprice{margin-bottom:15px;}
.setprice td{padding:5px;}
.setprice td.ryou{background:#FFCC33;width:130px;text-shadow:1px 1px 1px #fff;font-size:16px;}
.setprice td b{font-size:18px;color:#ff0000;font-weight:bold;text-shadow:2px 2px 10px orange;}

/*---　Hタグ　------------------*/
h1 {font-size:13px;font-weight:normal;margin-top:10px;margin-left: 350px;}
h2 {font-size:13px;margin-top:3px;}
h3 {font-size:13px;margin-top:7px;}

.guide li{margin:0;padding:0;list-style:none;}
.guide ul{margin:0;padding:0;}
.guide ul img{width:300px;}
.guide td{vertical-align:top;}

#kakaku li{border-bottom:1px #FFE495 dotted;}
#kakaku li a{padding-left:5px;display:block;}
#kakaku li a:hover{display:block;background:#FFDF80;}

#otorihiki li{border-bottom:1px #AAECFF dotted;}
#otorihiki li a{padding-left:5px;display:block;}
#otorihiki li a:hover{display:block;background:#AAECFF;}

#hassou li{border-bottom:1px #FFD5F4 dotted;}
#hassou li a{padding-left:5px;display:block;}
#hassou li a:hover{display:block;background:#FFBFEF;}

#sonota li{border-bottom:1px #BFFFCF dotted;}
#sonota li a{padding-left:5px;display:block;}
#sonota li a:hover{display:block;background:#D5FFAA;}

.situmonbar{background:url(pic/situmonbar.jpg);height:27px;padding-left:1.5em;padding-top:0.3em;font-size:14px;font-weight:bold;color:#fff;}
.situmonbar a{color:#fff;}
.situmonbar a:visited{color:#fff;}

.konpoubox{margin-bottom:15px;text-align:center;border:brown 1px solid;width:355px;border-collapse:collapse;}
.konpoubox th{padding:3px;background:#FFCC99;border:#FFCC99 1px solid;}
.konpoubox td{padding:3px;background:#FFFFcc;font-size:13px;border:#FFCC99 1px solid;}

/*---　画像右寄せ　------------------*/
.right{display:block;margin-left:auto;}

.uu{float:left;width:60%;line-height:2em;margin-right:1em;list-style:none;margin-left:0;padding:0;font-size:12px;}
.ut{float:left;width:35%;line-height:2em;list-style:none;margin:0;padding:0;font-size:12px;}

/*---　水平線　------------------*/
hr {border:solid #A0A0A0;margin-top:10px;border-width:1px 0 0 0;height:1px;/* for IE6 */clear:both;/* for IE6 */}

/*---　ピクトマーク用　------------------*/
.p {vertical-align: middle;margin-right:0.5em;}

/*---　ヘッダー　------------------*/
.head_l{float:left;margin-right:5px;padding-bottom: 10px;}
.head_r{float:right;margin-top:-10px;}


/*---　ページトップアイコン　------------------*/
.pagetop {position: fixed;bottom: 0px;right: 5%;}
.pagetop img{border:none;z-index:3;position:relative;}

/*---　会社概要の商品コメント　------------------*/
.commentcmes{font-size:15px;display:block;padding:0.5em;box-shadow:0px 2px 5px #999999;position:relative;behavior:url(js/PIE/PIE.htc);border:1px solid #999;}

/*---　ボックスシャドウ　------------------*/
.shadow{box-shadow:0px 2px 5px #999;behavior: url(PIE.htc);position:relative;margin-left:3px;margin-top:3px;}

/*---　ナビゲーションバー　------------------*/
.navi{height:45px;background: url(pic/navi_background.jpg) #000;z-index:2;position:relative;behavior: url(js/PIE/PIE.htc);box-shadow:0px 3px 5px #555;}
.navi ul{list-style-type:none;margin:0;padding:0;width:1200px;margin:auto;display:flex;}

.navi li{margin:0;padding:0;height:45px;display:flex-box;width:15%;line-height:41px;}
.navi li{border-left:1px dotted #ccc;margin-top:4px;height:41px;}
.navi li:last-child{border-right:1px dotted #ccc;}

.navi li a{display:block;text-align:center;color:#555;text-decoration:none;font-size:13px;}
.navi li a:hover{color:#000;text-decoration:none;background:rgba(255,255,255,0.6);}

.pricebox{margin-bottom:15px;text-align:center;border:#FFCC99 1px solid;width:fit-content;background:#fff;}
.pricebox th{padding:3px;background:#FFCC99;}
.pricebox td{padding:3px;background:#FFFFCC;font-size:13px;}
.pricebox img{width:120px;padding:0;margin:0;border:none;}

.priceboxes{margin-bottom:15px;text-align:center;border:#FFCC99 1px solid;width:355px;}
.priceboxes th{padding:3px;background:#FFCC99;}
.priceboxes td{padding:3px;background:#FFFFcc;font-size:13px;}

/*---　衡山行書　------------------*/

@font-face {
    font-family: 'KouzanGyousho';
    src: url('pic/KouzanGyousho.ttf');
}

.kouzan{font-family: KouzanGyousho;font-size:50px;}

/* ヘドッドライン */
.headline{background:url(pic/headline.jpg);color:#fff;font-family:KouzanGyousho;height:130px;position:relative;overflow:auto;margin:0 0 20px 0;}
.headline small{position:absolute;right:0;display:inline-block;margin-top:-20px;font-size:65px;}
.headline small.small{position:absolute;right:0;display:inline-block;margin-top:-8px;font-size:50px;line-height:50px;}


.headline span{position:absolute;left:30px;top:-50;display:inline-block;margin-top:-10px;font-size:65px;}
.headline strong{position:absolute;right:0;top:20px;font-size:72px;color:#000;font-weight:normal;}

/*---　メイン部分　------------------*/
/* いらないかも */
/* behavior: url(js/PIE/PIE.htc) */
div#main {background: #fff;overflow: hidden;margin-bottom:0px;padding:0px;background:url(pic/mainback.jpg);background-position: top center;background-repeat: no-repeat;}
div#main_content {background: #fff;width:1200px;margin:0 auto;;box-shadow:0px 0px 10px #000;position:relative;z-index:0;}

div#main_standard {background: #fff;}

.kodawari{width:865px;}
.mininote{width:600px;}
.note{width:650px;}

.cc p{background:url(pic/dot.gif);line-height:25px;margin-bottom:1em;}
.cl1{width:330px;}
.cl2{width:490px;}
.tiyo01{width:655px;background:url(pic/tiyo01.jpg);padding:10px;margin-bottom:1em;}
.tiyo01 p{background:url(pic/dot.gif);line-height:25px;margin-bottom:1em;}
.tiyo02{width:655px;background:url(pic/tiyo02.jpg);padding:10px;margin-bottom:1em;}
.tiyo02 p{background:url(pic/dot.
);line-height:25px;margin-bottom:1em;}


/*---　トップ下の画像　------------------*/
.top {background:url(pic/top_back.jpg);text-align:right;}
.top img{margin-right:2em;margin-top:2em;box-shadow:5px 5px 5px #555;border:#222 solid 1px;behavior: url(js/PIE/PIE.htc);position:relative;}

/*---　トップ下の画像　------------------*/
.sum {overflow:hidden;padding-top:1em;}
.sum .cl{float:left;width:20%;padding-left: 5%;}
.sum .cr{float:left;overflow:hidden;width:866px;}

/*---　アンケート　------------------*/
.enquete{overflow: hidden;margin-bottom:1em;}
.enquete:after {content:"";}
.enquete p{padding:0.6em;background:#CAFFCA;}
.enquete img{margin-bottom:0.5em;}
.enquete_t{clear:left;background-image:url(pic/enquetetitle.jpg);background-position:middle;background-repeat: no-repeat;padding-top:21px;padding-left:80px;height:40px;font-size:15px;font-weight:bold;color:#fff;}
.enquete_t a{color:#fff;}
.enquete_t a:visited{color:#fff;}
.enquete_l{float:left;margin-right:1em;text-align:center;width:100px;}
.enquete_l img{border:1px solid #ccc;display:block;}
.enquete_r{float:left;width:560px;}
.enquete_r img{display:block;}

/*---　商品名のハイライト　------------------*/
.number {background:#AAECFF;padding:1px;font-weight:bold;}

/*---　問い合わせページのテーブル　------------------*/
.contable{padding:5px;background:#e9e9e9;width:300px;font-size:13px;}

/*---　ソリッド枠　------------------*/
.solid{padding:0.5em;background:#fff;behavior: url(PIE.htc);position:relative;border:1px solid #ccc;}

/*---　トップ下の画像　------------------*/
.items li{padding:0;margin-right:20px;float:left;display:block;overflow:hidden;width:300px;margin-bottom:1em;}
.items li a{font-size:20px; font-weight:bold; margin-top:10px;}
.items img{display:block;margin-bottom:5px;margin-top:10px;behavior: url(js/PIE/PIE.htc);position:relative;box-shadow:5px 5px 5px #555;background:#fff;}
.items a img:hover{filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;position:relative;z-index:2;}
.items b{color:#3300ff;display:block;text-align:center;font-weight:normal;}
.items a{color:#3300ff;display:block;text-align:center;}
.items a:hover{color:#6666FF;}
.items p{margin-top:0.5em;background:url(pic/dot.gif);line-height:25px;margin-bottom:1em;}

.links{overflow:hidden;padding:0;margin-top:2em;margin-bottom:2em;display:block;}
.links li{float:left;display:block;margin-right:5px;text-align:center;}
.links a:hover *{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.links {margin:5px;}
.links img{margin-bottom:10px;border:none;}

.boxes{list-style:none;padding:0;margin:0;text-align:center;overflow:hidden;}
.boxes li{margin-right:10px;margin-bottom:10px;float:left;overflow:hidden;display:block;width:300px;}
.boxes img{margin-bottom:5px;}

.gall img{margin-right:5px;margin-bottom:5px;}

/*---　会社概要ページのアンカーリンク　------------------*/
.kaisya{list-style:none;overflow: hidden;text-align:center;margin:0;padding:0;}
.kaisya li{font-size:15px;float:left;overflow:hidden;display:block;border:#eee solid 1px;margin:5px;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;padding: 0px;box-shadow:0px 0px 2px #000;background:#fff;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;width:210px;position:relative;behavior:url(js/PIE/PIE.htc);line-height:1.8em;}
.kaisya li:hover{font-size:15px;float:left;overflow: hidden;display:block;border:#fff solid 1px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;position:relative;behavior:url(PIE.htc);filter: none;}
.kaisya img{width:210px;}
.kaisya a{display:block;color:#fff;}


/*---　会社概要ページのアンカーリンク　------------------*/
.flow{list-style:none;overflow: hidden;text-align:center;margin:0;padding:0;}
.flow li{font-size:15px;float:left;overflow:hidden;vertical-align:middle;margin:3px;text-decoration:none;line-height:1.8em;}
.flow li.icon{width:160px;box-shadow:0px 0px 2px #000;position:relative;behavior:url(js/PIE/PIE.htc);-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.flow li.icon img{width:100%;}
.flow .allow{margin-top:75%;}

.flow li img{}
.flow a{display:block;color:#fff;}

.website{overflow:hidden;display:block;margin-bottom:20px;margin-left:0;padding:0;font-size:12px;}
.website li{float:left;display: block;margin:0;padding:0;}
.website img{border:none;}

.history{overflow:hidden;display:block;margin:0;padding: 0;font-size:11px;}
.history li{display:block;overflow:hidden;margin-bottom:1em;}
.history li:after{content:"";}
.history img{vertical-align:middle;margin-right:0.3em;}
.history a{padding:0.5em;}
.history a:hover{background:#CECEFF;}

/*---　お客様の声　------------------*/
.voice{box-shadow:2px 2px 10px #222;border:none;
border-radius: 5px; /* CSS3 */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
behavior: url(js/PIE/PIE.htc);　/* IE */
position:relative;}
.voice:hover{border-radius:5px;box-shadow:2px 2px 10px #000;position:relative;behavior:url(PIE.htc);}

/*---　ピクトマーク　------------------*/
.mark{vertical-align:middle;margin-right:0.5em;}

/*---　取引実績　------------------*/
.jisseki2{line-height:2em;overflow:hidden;display:block;font-size:12px;margin:0;padding:0;}
.jisseki2 li{float:left;width:49%;overflow:hidden;display:block;}
.jisseki2 li:after{content:"";}

/*---　画像リンクでマウスホバーする場合　------------------*/
.hover{text-align:center;}
.hover img{border:none;width:130px;}
.hover a:hover *{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

/*---　会社概要ページの表　------------------*/
.c_profilel{background:#eee;padding:0.6em;width:200px;line-height:1.9em;}
.c_profiler{padding:0.6em;width:630px;margin-bottom:5px;line-height:1.9em;}

.onbar{border:none;background:#fff;}
.onbar:hover{filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

/*---　取引実績　------------------*/
.jis{line-height:2em;overflow:hidden;display:block;border-bottom:1px dotted #ccc;margin:0;padding:0;}
.jis li{float:left;width:49%;overflow:hidden;display:block;}
.jis li:after{content:"";}

/*---　価格　------------------*/
.kakaku{font-size:18px;color:#ff0000;font-weight:bold;text-shadow:2px 2px 10px orange;}

.nsc{text-align:center;}
.nsc img{border:1px solid #ccc;margin-bottom:3px;height:35px;}

.catch{font-size:22px;font-family:Century Gothic;}

.mate{list-style:none;margin:0;padding:0;}
.mate li{display:block;list-style:none;border:#ffcb92 1px solid;background:#ffe8cb;height:30px;padding:2px;margin:5px;}
.mate li:hover{background:#FF9900;}
.mate li img{float:left;}
.mate li a{color:#993300;text-decoration:none;display:block;height:30px;padding-top:6px;font-weight:bold;}
.mate li a:hover{color:#fff;}

/*---　パンくず　------------------*/
.breadcrumb{background:#dcdcdc;padding-right:10px;padding-top:1px;height:16px;text-align:right;margin-bottom:10px;}

/*---　フッター部分　------------------*/
#footer {background-color: #333;color:#ccc;background:url(pic/footer.jpg);background-position: center top;overflow:hidden;font-size:12px;line-height:2em;}
#footer_body{width:980px;margin:0 auto;text-align:right;}
#footer span{text-decoration:underline;}
#footer p{width:929px;margin-top:2em;}
.footer_content{color:#d8271c;}
.footer_company{color:#ccc;}

#footer a:link{color:#ff0000;text-decoration:underline;}
#footer a:visited{color:#ff0000;text-decoration:underline;}
#footer a:hover{color:#fff;text-decoration:underline;}

/*---　規定のサイズ　------------------*/
.template{overflow:hidden;display:block;padding:0px;margin:0px;}
.template li{text-align:center;float:left;overflow:hidden;display:block;margin-right:5px;}
.template li img{display:block;}


table.spec{border-spacing: 0;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-collapse: separate;width:100%;;}
.spec th {padding: 3px 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;line-height: 180%;font-size:13px;background:#f4f4f4;text-align:right;width:120px;}
.spec td {padding: 3px 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;line-height: 180%;font-size:13px;}
.spec td.d1{text-align: center;vertical-align: middle;width:120px;background:#E9E9E9;font-weight: bold;}
.spec td.d2{width:240px;}
.spec td.d3{text-align: center;vertical-align: middle;background:#D5DFFF;font-weight: bold;}
.spec td.d4{text-align: center;vertical-align: middle;background:#eee;font-size:15px;}
.spec td.d5{vertical-align: middle;background:#eee;font-size:15px;}

.setspec{margin-bottom:15px;}
.setspec td{padding:5px;}
.setspec td.spec{background:#99CCFF;width:130px;text-shadow:1px 1px 1px #fff;font-size:15px;}
.setspec td b{font-size:18px;color:#ff0000;font-weight:bold;text-shadow:2px 2px 10px orange;}

.youhappy{margin-bottom:15px;margin-bottom:45px;}

/*---　プロフィール　------------------*/
.profile{width:100%;}
.profile dl{overflow:hidden;font-size:13px;}
.profile dt{overflow:hidden;float:left;width:34%;margin:0;padding:0;}
.profile dd{overflow:hidden;float:left;width:60%;margin:0;padding:2%;font-size:13px;}
.profile b{font-size:16px;text-shadow:3px 3px 1px #ccc;}
.profile img{margin-bottom:0.5em;width:100%;}

/*---　規定のサイズ　------------------*/
.template{overflow:hidden;display:block;padding:0px;margin:0px;}
.template li{text-align:center;float:left;overflow:hidden;display:block;margin-right:5px;}
.template li img{display:block;}

.tax8{font-style:italic;padding-right:3px;}
}


@media screen and (min-width:768px) {
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}

.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}

.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
}

.fancybox-opened {
z-index: 8030;
}

.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
position: relative;
}

.fancybox-inner {
overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}

.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}

.fancybox-image {
max-width: 100%;
max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('js/ps/fancybox_sprite.png');
}

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}

#fancybox-loading div {
width: 44px;
height: 44px;
background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}

.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}

.fancybox-prev {
left: 0;
}

.fancybox-next {
right: 0;
}

.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}

.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}

.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}

.fancybox-nav:hover span {
visibility: visible;
}

.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
overflow: hidden;
}

.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('js/ps/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}

.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}

.fancybox-opened .fancybox-title {
visibility: visible;
}

.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}

.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
   -moz-border-radius: 15px;
        border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}

.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}

.fancybox-title-inside-wrap {
padding-top: 10px;
}

.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}


.caption{
font-family:Century Gothic;
font-size:225%;
text-shadow:2px 2px 2px #999999;
margin-bottom:12px;
background-image:url() !important; 
}

.clear{
clear:both;
}

/*--------------動画------------------------------------------------------*/

.video_box{
margin-bottom:20px;
padding:20px 0;
}

p.video_tt{
background-image:url();
font-weight:bold;
font-size:105%;
margin:0;
line-height:1;
}


/*------プロパティ--------------------------------------------------------------*/

.vertical_align{
vertical-align:middle;
}

.bottom_border{
background:url(pic/dot.gif) repeat-x bottom;
}


.clear{
clear:both;
}
/*------About masu columns style---------------------------------------------*/

.dterm{
font-weight: bold;
font-size: 130%;
padding-top: 12px;
}

.dterm2{
font-weight: bold;
font-size: 170%;
padding-top: 10px;
}

.celebr_th{
background-color: #D5CCB9;
}
.celebr_not_holiday{
background-color: #E0E0E0;
}

/*-----Shipping $ Insurance--------------------------------------------------*/

.bold{font-weight:bold;}
.italic{font-style:italic;}

.shipping{border-collapse:collapse;width:99%;line-height:2em;}
.shipping td{padding:0.5em;border:2px #ccc solid;width:20%;text-align:right;}
.shipping th{padding:0.5em;border:2px #ccc solid;font-weight:bold;background:#A7C942;color:#ffffff;}
.shipping tr.colored td {color:#000000;background-color:#EAF2D3;}

.insurance{border-collapse: collapse;width:99%;line-height:2em;}
.insurance td{padding:0.5em;border:2px #ccc solid;width:20%;text-align:right;}
.insurance th{padding:0.5em;border:2px #ccc solid;font-weight:bold;background:#29ABE2;color:#ffffff;}
.insurance tr.colored td {color:#000000;background-color:#BFE6F6;}

.half{
width: 675px;
overflow:hidden;
}

.column{
width: 315px;
float:left;
}

.describe{
margin-left: 15px;
}


/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}

.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}

.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
}

.fancybox-opened {
z-index: 8030;
}

.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
position: relative;
}

.fancybox-inner {
overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}

.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}

.fancybox-image {
max-width: 100%;
max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('js/ps/fancybox_sprite.png');
}

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}

#fancybox-loading div {
width: 44px;
height: 44px;
background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}

.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}

.fancybox-prev {
left: 0;
}

.fancybox-next {
right: 0;
}

.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}

.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}

.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}

.fancybox-nav:hover span {
visibility: visible;
}

.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
overflow: hidden;
}

.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('js/ps/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}

.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}

.fancybox-opened .fancybox-title {
visibility: visible;
}

.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}

.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
   -moz-border-radius: 15px;
        border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}

.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}

.fancybox-title-inside-wrap {
padding-top: 10px;
}

.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}


.html_card,
.ogp_card {
border: 1px dotted #cccccc;
border-radius: 6px;
padding: 1em.3em;
}
.html_card p,
.ogp_card p {
margin: 5px;
padding: 5px;
line-height: 1.2;
}
.html_card a,
.ogp_card a {
text-decoration: none;
margin: 0;
padding: 0;
}
.ogp_card img {
float: left;
margin: .5em 1em .5em .5em;
border-radius: 6px;
width: 175px;
height: auto;
}
.ogp_card p.title {
margin-left: 120px;
}
.ogp_card p.copy {
margin-left: 5px;
}
.ogp_card p.card_bt {
margin-left: calc(120px + .3em);
}
.html_card p.card_bt,
.ogp_card p.card_bt {
text-align: right;
margin-top: -10px;
}
.html_card p.title a,
.ogp_card p.title a {
font-size: 1.1rem;
font-weight: bold;
color: #da3c41;
}
.html_card p.copy a,
.ogp_card p.copy a {
font-size: .8rem;
margin-bottom: 0em;
text-decoration: underline;
color: #666666;
display: block;
}
.html_card p.copy a::before,
.ogp_card p.copy a::before {
font-size: .9rem;
font-family: 'FontAwesome';
content: '\f0c1';
color: #da3c41;
display: inline-block;
width: 1.2rem;
}
.html_card p.card_bt a,
.ogp_card p.card_bt a {
font-size: .9rem;
background: #da3c41;
color: #ffffff;
padding: .5em;
border-radius: 4px;
box-shadow:0px 0px 3px 0px #cccccc;
}
.html_card p.card_bt a::before,
.ogp_card p.card_bt a::before {
font-size: 1rem;
font-family: 'FontAwesome';
content: '\f14c';
display: inline-block;
width: 1rem;
padding-right: .5rem;
}
.html_card p.card_bt a:hover,
.ogp_card p.card_bt a:hover {
box-shadow:0px 0px 6px 0px #801b1e inset;
}
}