@charset "Shift_JIS";
/**************************************************************************************************
INITIAL SETTINGS
**************************************************************************************************/


/* Commonness CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size: 100%; vertical-align:top; background:transparent;}

html {height:100%;}
body {height:100%;}

body {line-height:1; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; /*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS UI Gothic",sans-serif;*/}
ul {list-style:none;}
blockquote, q {quotes:none;}

/* remember to define focus styles! */
:focus {outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}

/*\*/
* html #container{overflow:visible;}
/**/


/* ===========================================
	clear,  clearFix,  hide, hr
   =========================================== */
.clearB{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}

.clearFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearFix {display:inline-table;}

/* Hides from IE-mac \*/
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* End hide from IE-mac */

.hide{display:none;}



/* pc */
@media only screen and (min-width: 641px) {

.screensize_pc {display:none;}

.pc_only {width:100%; height:100%; text-align:center; display:table;}
.pc_only .container {display:table-cell; vertical-align:middle;}
.pc_only .container p {margin:20px 0 0;}
.pc_only .container span.footer {margin:30px 0 0; font-size:11px; color:#567c50; text-align:center; display:block;}

}


/* smartPhone */
@media screen and (max-width: 640px) {

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

body {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; -webkit-text-size-adjust:100%; background:url(/img/bg.gif);}
img {max-width:100%; height:auto; width/***/:auto; /*IE8縺ｮ縺ｿ驕ｩ逕ｨ*/}

.screensize_sp {display:none;}


/* ===========================================
	container
   =========================================== */
.container {width:auto; margin:0 10px; padding:15px 10px 35px; background:#FFF; text-align:center;}

/* instafeed */
ul#instafeed {margin:10px auto 0;}
ul#instafeed li {line-height:1.4; font-size:13px;}
ul#instafeed li img{margin:10px 10px 6px 0;}


/* ===========================================
	footer
   =========================================== */
.footer {padding:10px; font-size:11px; background:#567c50; color:#fff; text-align:center;}

}