html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #0044CC;
}

a:hover { background:#ffffff; }

ins {
	background-color:transparent;
	color:#000;
	padding:0.5em 0;
	width:336px;
	margin:0 auto;
}

mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #a8a8a8;
	margin:1em 0;
	padding:0;
}

h1, h2, h3, .recommend, .midashi,.hdimg {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul { list-style-type:none; padding:0; margin:0 0 0 0.5em; line-height:1.6em; }
li { margin:0; padding:0; list-style-position:outside; }

/* body */
body { 
	line-height:2em;
	margin:0;
	font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic,'Yu Gothic', Verdana, Meiryo, sans-serif;
}

#wrapper { max-width:1000px; background-color:#fff; padding:8px 12px; margin:0 auto; }
.col { width:100%; float:left; margin-right:-328px; background:#fff; }
.colx { margin:0 328px 0 0; }
.coly { width:300px; float:right; padding-right:0px; }

.kanren1 { margin:1em auto; width:100%; }
footer { padding:0 0 1em 0; }

/* menu area */
#sb-site { background-color:#fbfbfb !important; }
nav ul { list-style:none; }
nav li{ padding-left:0.3em; line-height:1.8em; } 
.list1 { padding-top:12px; }

/* header */
header { height:100px; }
.menuicon { width:40px; height:40px; }
.hdimg { width:234px; height:40px; }
.hdimg a:hover { background-color:rgba(255,255,255,0); }
.fblike { height:40px; padding-top:8px; margin:0.5em 0; width:100%; }

/* title */
h1 { margin:0.25em 0 0.8em 0; padding:0.5em 0 0.5em 0.5em; font-size:large; background:#ff8897; font-weight:bold; color:#FFFFFF; }
h2,.midashi { margin:0.75em 0 1em 0; padding:0 0 0 0.5em; font-size:large; background:#ffa2b1; font-weight:bold; }
h3 { margin:0.75em 0 1em 0; padding:0 0 0 0.75em; font-size:large; background:#ffbdcd; }

/* column */
#headx { float:left; padding-top:12px; height:40px; }
#heady { float:right; padding-top:12px; height:40px; }
.cola { width:40%; float:left; text-align:left; padding:0 0 0 0.6em; }
.colb { width:40%; float:right; text-align:right; padding:0 0.6em 0 0; }
.cols { width:608px; float:left; }
.colt { width:336px; min-height:280px; float:right; text-align:right; margin:0.75em 0.5em 0 0; }
.col1 { float:left; width:49%; }
.col2 { float:right; width:49%; }
.clear { clear:both; }  
.clear hr { display:none; }

/* image */
.imgfb2 { width:144px; height:144px; }
.imgsns2 .imgfb2 { width:160px; height:160px; }

/* text */
.fonts { font-size:small; }
.idt { text-indent:1em; }
.midashi { margin:20px 0 12px 0; }
.col1 .midashi,.col2 .midashi { background:#fff; }
.top .midashi { margin-bottom:0; }
.txta { padding:0.2em 0; background:#ffffff; line-height:1.2em; margin:0 0 0 0.5em; }
.txtb { padding:0.6em 0; background:#ffffff; line-height:1.2em; }
.txtc { padding:0 0.5em; margin:0 0 1em 0; }
.txtd { padding:0.5em 2em 0.25em 0em; line-height:2em; margin:0.5em 0; }

/* div */
.mokuji { margin:0 0 0.5em 0; }
.tw { width:100%; }

/* deco */
.mark { background:#ffebdc; padding:0.2em 0.1em 0.1em 0.1em; }
.markb { font-weight:bold; }
.red { color:red; }
.blue { color:blue; }

/* line */
.hrhead {}
.hrend { margin:1.25em 0 0.5em 0; }
.hrfoot {}

/* switch */
.onlymb { display:none; }

/* ad */
.ad1,.ad2,.ad3,.ad4,.ad5,.ad6,.ad7,.ad8,.ad9 { width:336px; }
.ad1 { margin:18px auto 38px 1em; }
.ad6 { margin:20px auto 10px auto; }
.ad7 { width:300px; margin:0.4em auto 0 0; padding:0; }
.ad8 { margin:2em auto 1em auto; }
.ad1 ins { width:336px; height:280px; }
.ad6 ins { width:336px; height:280px; }
.ad7 ins { width:300px; height:600px; }
.ad8 ins { width:336px; height:280px; }
.ad9 ins { width:336px; height:280px; }

/* others */
.imgsns { margin:28px 0 12px 0; }
.imgsns2 { width:336px; margin-left:1em; margin-bottom:24px; }
.iconfb { width:144px; height:144px; float:left; }
.icontw { width:144px; height:144px; float:right; }
.imgsns2 .iconfb { height:160px; width:160px; float:left; }
.imgsns2 .icontw { height:160px; width:160px; float:right; }


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

#wrapper { max-width:880px; background-color:#fff; padding:8px 12px; margin:0 auto; }
.col { margin-right:-224px; }
.colx { margin:0 224px 0 0; }
.coly { width:200px; background:#ffebdc; padding-top:6px; margin-top:0.85em; }

/* image */
.imgfb2 { width:160px; height:160px; }

/* colmun */
.cols { width:352px; }
.colt { width:300px; min-height:250px; }

/* ad */
.ad6 { margin:20px auto 16px auto; }
.ad7 { width:160px; text-align:center; margin:1.25em 20px 0.5em 20px; }
.ad9 { width:300px; }
.ad7 ins { width:160px; }
.ad9 ins { width:300px; height:250px; }

/* div */
.recommend { margin-top:1.25em; }
.tw { display:none; }

/* text */
.col1 .idt,.col2 .idt { text-indent:0em; padding-left:1em; }
.txtb { padding-bottom:0.3em; }

/* others */
.imgsns { margin:28px auto 12px auto; }
.iconfb,.icontw { width:160px; height:160px; float:none; margin:0 auto 20px auto; background:#fff; }

}

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

body { background-color:#ffffff; width:100%; line-height:2em; margin:0; }
hr { margin:0.75em 0; }
footer { padding:0 0.5em 1em 0.5em; width:96%; }

#sb-site { background-color:#fff !important; }

#wrapper { width:93%; max-width:600px; padding:0; margin:0 auto; }
.col,.colx,.coly {  width:100%; float:none; margin:0; padding:0; background:#fff; }


/* colmun */
.cols { width:100%; }
.colt { margin:0.5em 0 1em 0; width:100%; background:#fff; }
.col1,.col2 { float : none ; width:100%; }

/* div */
.page { margin:26px auto; }
.recommend,.mbnavi,.cols { margin:0.5em 0 0.75em 0; padding:0.5em 0; }

/* image */
.imgfb2 { width:144px; height:144px; }

/* line */
.hrend { display:none; }

/* ad */
.ad1,.ad2,.ad3,.ad4,.ad5,.ad6,.ad7,.ad8,.ad9 {  }
.ad6 { margin-left:auto; margin-right:auto; padding:0; }
.ad7 { width:336px; margin:0 auto 1em auto; }
.ad9 { width:336px; margin:0 auto; }
.ad7 ins { width:336px; height:280px; }
.ad9 ins { width:336px; height:280px; }

/* title */
h1 { font-size:1.15em; font-weight:bold; margin:0.5em 0 0.75em 0; padding:0.65em 0.35em 0.5em 0.5em; }
h2,.midashi { font-size:1.15em; font-weight:bold; margin:0.5em 0 0.75em 0; padding:0.15em 0.35em 0 0.5em; }
h3 { font-size:1.15em; font-weight:bold; margin:0.5em 0 0.75em 0; padding:0.15em 0.35em 0 0.5em; }

/* text */
.fonts { padding-top:0.6em; }
.idt { text-indent:0; padding:0 0.5em; line-height:2em; }
.col1 .midashi,.col2 .midashi { margin-top:1em; }
.top .midashi { margin-top:18px; margin-bottom:-2px; }
.txtb { padding:0.5em 0.5em 0 1.25em; background:#ffffff; line-height:1.5em; }
.txtd { padding:0.5em 0.5em 0 0; line-height:2em; margin:0.5em 0; }

/* others */
.onlymb { display:block; }
.onlypc{ display:none; }
.imgsns { margin:16px auto 12px auto; width:336px; }
.iconfb { width:144px; height:144px; float:left; }
.icontw { width:144px; height:144px; float:right; }

}

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

.txta { margin-left:1em; text-indent:-1em; padding:0.5em 0; }
.top .txtb { padding:0.75em 0.25em 0.4em 0.25em; }
.col1 .idt, .col2 .idt { padding-left:0.5em; padding-right:0.5em; }

.ad1 { width:300px; margin:26px auto 36px auto; }
.ad6 { width:300px; margin:1.5em auto 0 auto; }
.ad7 { width:300px; margin:0em auto 0 auto; }
.ad8 { width:300px; text-align:center; margin:0 auto 1em auto; }
.ad9 { width:300px; margin:0 auto; }

.ad1 ins { width:300px; height:250px; }
.ad6 ins { width:300px; height:250px; }
.ad7 ins { width:300px; height:250px; }
.ad8 ins { width:300px; height:250px; }
.ad9 ins { width:300px; height:250px; }

.imgsns,.imgsns2 { margin:16px auto 10px auto; width:300px; }
.imgsns2 .imgfb2 { width:144px; height:144px; padding-left:0; margin:inherit auto; }
.imgsns2 .iconfb { height:144px; width:144px; float:left; }
.imgsns2 .icontw { height:144px; width:144px; float:right; }

	
}