@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}
}

.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:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*追加フォント（「data_head.php」から本体を読み込む）*/
.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;}
}