@charset "utf-8";

/*＝＝＝ 毎回 ＝＝＝*/
.sp_touch{pointer-events:none}
@media only screen and (max-width: 640px) {
	.sp_left{text-align: left !important}
	.sp_touch{pointer-events:auto}
}
	#rmp_menu_trigger-293 {overflow: visible; /* これが重要！ */}
	#rmp_menu_trigger-293 img{filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.5));}
	#rmp_menu_trigger-293 .rmp-trigger-box{ width: 50px;}
	.txt_z{ margin-bottom: 1em;}
	.kbfrw{ margin: 0.0em 0 1.6em 1.4em;}
	.hhfg{ margin: 0.8em 0 0em 0.2em;}
	.moji_z{ padding: 0.4em 0 0 1em;}
	.moji_z_h3{ padding: 1.0em 0 0 0.8em;}
	.midashi_z .yuu_m{ font-size: 32px;}
	.midashi_z .sabon{ font-size: 32px;}
	.midashi_z>div{display: inline-block;}
	.sen{ height: 64px; width: 1px; background-color: #fff; transform:rotate(24deg);}
	.sen_kuro{ height: 64px; width: 1px; background-color: #000; transform:rotate(24deg);}
	.sen_kuro_z3{ height: 72px; width: 1px; background-color: #000; transform:rotate(24deg);}
	.sen_shiro_z3{ height: 72px; width: 1px; background-color: #fff; transform:rotate(24deg);}
	.komoji{ font-size: 12px; text-align: center;}
	.sabon{font-family: "linotype-sabon", sans-serif;}
	.vewmore_shio{ text-align: center; margin-top: 1em;}
	a .vewmore_shio{ color: #fff !important;}
	.vewmore_shio>div{ padding: 0.1em 1em 0.2em 1em; font-size: 22px; border: solid 1px #fff; border-radius: 4px; display: inline-block;}
	.vewmore_kuro{ text-align: center; margin-top: 1em;}
	a .vewmore_kuro{ color: #000 !important;}
	.vewmore_kuro>div{ padding: 0.1em 1em 0.2em 1em; font-size: 22px; border: solid 1px #000; border-radius: 4px; display: inline-block;}
	.yj_shiro {width: 24px;height: 8px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;transform: skew(45deg); display: inline-block; margin-top:15px;}
	.yj_kuro {width: 24px;height: 8px;border-bottom: 1px solid #000;border-right: 1px solid #000;transform: skew(45deg); display: inline-block; margin-top:15px;}
	.pc_flx{ display: flex;}
	.fnt00{ font-size: 0; line-height: 0; letter-spacing: 0;}
	.bgi_cv{ background-position: center; position: relative; background-size: cover;}
	.kurohaikei001{ position: absolute; width: 100%; top: 0; left: 0; height: 100%; background-color: rgba(0,132,189,0.50); transition: all 500ms 0s ease;}
	.bgi_cv:hover .kurohaikei001{ background-color: rgba(0,132,189,0.30);}
	.kurohaikei002{ position: relative;}
	.max_img img{width: 100%;}
	.ldamn{width: 64px; height: auto;}

.gothic{font-family:"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;}
.mincho{font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;}
.mojikan_dai{ letter-spacing:0.3em; line-height:1.6em;}
.font_size14{ font-size:14px;}

.yokohaba00{ font-size:0px;}
.yokohaba{-moz-box-sizing: border-box; box-sizing: border-box; display:inline-block; vertical-align:top;}

img{ max-width:100%; height:auto;}
body {
    font-family: "游ゴシック", 'Yu Gothic', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*追加フォント（「data_head.php」から本体を読み込む）*/
.athelas001{font-family:"athelas";}
.yuu_g{font-family:'YuGothic', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;}
.yuu_m{font-family: "游明朝体", "Yu Mincho", YuMincho, serif;}
.mai_ryo{ font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.gossam{font-family:'Montserrat', sans-serif;}
.gdy{font-family: 'Sorts Mill Goudy', serif;}

.fnt_00{ font-size:0;}

a:hover {opacity:0.8;}/*←これはdiv用。（imgはJavaScriptで対応済み）*/
li {list-style: none;}

/*idへ飛ぶ時のヘッダー分ずらす記述*/
#sankahenpo,#otoiawase,#access,#yousu,#sankatenpo,#psn01,#psn02,#psn03,#psn04,#psn05,#psn06 {
    margin-top:-100px;
    padding-top:100px;
}

/*固定ヘッダー用*/
.header001{ width:100%; z-index:100; background-color:rgba(255,255,255,0.95); border-radius: 1px;}
.padding_respo_01{ padding:5%;}

/*エリア01*/
.area01{margin:0 auto; max-width:1000px; width:95%;}

/*オンラインショップサムネイル*/
.area03{margin:0 auto; max-width:600px; width:85%;}
.texcenter{ text-align:center;}
.margin0auto{ margin:0 auto;}
img.attachment-thumbnail{ width:95%; height:95%;}
#gallery-1 img{border: 0px solid #fff !important;}
.fontsizeandmore01{ font-size:18px; font-weight:bold;}

/*メールフォーム*/
.kaigyoukirikae01{ display:inline-block; text-align:right; width:30%;}
.kaigyoukirikae02{ width:100%;}
.kaigyoukirikae03{ display:inline-block; width:60%}
.hyakupaa{ width:91%;}
.formtakasa01{ height:16px;}

/*レスポンシブ*/
.font_00{ font-size:0px;}
.sumafo_kieru{ display:block;}
.sumafo_kieru02{ display: inline-block;}
.pc_kieru,.pc_kieru02{ display:none;}
.hdcl001{z-index:40; position:fixed; width:100%; display:none;}
.hdcl002{z-index:40; opacity:1.0; width:100%}

.font_00 div{ display:inline-block;}

.column50_100{width:calc(100%/2); font-size:14px;}

@media only screen and (max-width: 640px) {
.sumafo_kieru,.sumafo_kieru02{ display:none;}
.pc_kieru{ display:block;}
.pc_kieru02{ display: inline-block;}
.hdcl001{z-index:40; position:fixed; width:100%; display:block;}
.hdcl002{z-index:40; opacity:0.0; width:100%}

.column50_100{width:100%;}
}



.w90_100{ width:90%}
.w80_100{ width:80%}
.w70_100{ width:69.8%}
.w60_100{ width:60%}
.w65_100{ width:59.8%}
.w50_100{ width:50%}
.w40_100{ width:40%}
.w35_100{ width:34.8%}
.w30_100{ width:29.8%}
.w25_100{ width:25%}
.w20_100{ width:20%}
.w10_100{ width:10%}

.w16_33{ width:16%}
.w14_33{ width:14%}

.w25_50{ width:25%}

.w90{ width:90%}
.w80{ width:80%}
.w70{ width:69.5%}
.w65{ width:64.5%}
.w60{ width:60%}
.w50{ width:50%}
.w40{ width:40%}
.w35{ width:34.5%}
.w33{ width:33%}
.w30{ width:29.5%}
.w20{ width:20%}
.w10{ width:10%}

.w10,.w20,.w30,.w30,.w33,.w35,.w40,.w50,.w60,.w65,.w70,.w80,.w90,.w10_100,.w20_100,.w30_100,.w35_100,.w40_100,.w50_100,.w60_100,.w65_100,.w70_100,.w80_100,.w90_100,.w16_33,.w14_33,.w25_50,.w25_100{
	display:inline-block; font-size:14px; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align:top;
}

.sumafo_kieru{ display:block;}
.pc_kieru{ display:none;}
@media only screen and (max-width: 640px) {
.w10_100,.w20_100,.w30_100,.w35_100,.w40_100,.w50_100,.w60_100,.w65_100,.w70_100,.w80_100,.w90_100,.w25_100{ width:100%}
.w16_33{ width:33%}
.w14_33{ width:33%}
.w25_50{ width:50%}
.header_01{ display:none;}
.header_02{ display: block;}

.sumafo_kieru{ display:none;}
.pc_kieru{ display:block;}
.sumafo_center{ text-align:center !important;}
}


/* ************************************************ 
　印刷用
* ************************************************ */	
@media print {
	.login001{ display:none;}
}