@charset "utf-8";

/*____Reset_________________________________*/
*{box-sizing: border-box;}

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* display-role reset for OB fix */
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;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}



/*____Base__________________________________*/

*{
  margin: 0;
  padding: 0;
}
html {-webkit-font-smoothing: antialiased;}

body {
  background: #fff;
line-height:1.4;
color:#575757;
font-family: Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
font-size:0.9em;
}

a {
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
  color: #f55050;
}


a:hover {
  text-decoration: underline;
  color: #f55050;
}

img {max-width: 100%;height: auto;}
figure {margin: 1em 0;}
figure img {display: block;}

/*____Typography___________________________*/


h1, h2, h3, h4, h5, h6, dl, ol, ul, p, blockquote, pre {
margin:0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-left: 1.5em;
}

li {
  display: list-item;
  list-style-position: inside;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.3125em;}
h3 {font-size: 1.125em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

/*_____Upload images______________________________*/

img.alignnone,
img.alignleft,
img.alignright,
img.aligncenter{
		margin: 20px 0 5px 0 ;
		max-width: 100% ;
		height: auto ;
		}

	.wp-caption {
		border: 1px solid #ddd ;
		text-align: center ;
		background: #f3f3f3 ;
		padding-top: 4px ;
		margin: 10px ;
		}



.alignnone,
img.alignnone {
		clear: both ;
		display: block ;
		margin-bottom: 5px ;
		}
.alignleft,
img.alignleft {
		display: inline ;
		float: left ;
		margin-right: 15px ;
		margin-top: 5px ;
		}
.alignright,
img.alignright {
		display: inline ;
		float: right ;
		margin-left: 15px ;
		margin-top: 5px ;
		}
.aligncenter,
img.aligncenter {
		clear: both ;
		display: block ;
		margin-left: auto ;
		margin-right: auto ;
		}
img.alignleft,
img.alignright,
img.aligncenter {
		margin-bottom: 5px ;
		}



/*________Module___________________________*/

.left{float:left;}
.right{float:right;}
.lrp{padding:0 15px;}
.pl{padding-left:20px;}
.rp{padding-right:20px;}
.center{text-align: center;}

.flexbox{display: flex;}
.flex-wrap-nowrap{text-overflow: ellipsis;-webkit-text-overflow: ellipsi;}
.flex-center{-webkit-justify-content: center; justify-content: center;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.width_50per{width:50%;}
.width_70per{width:70%;}

/*________Component___________________________*/


.box {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1px 1em;
  background: #fff;
  *zoom: 1;
}

figure + .box {margin-top: -1em;}


/*+++++  Generic  +++++++++++++++++++++*/


.generic {
  margin: 0 -1em;
  padding: 0;
  clear: both;
  list-style: none;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
}

.unit {
  margin: 0;
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}


/*+++++  Box-sizing  +++++++++++++++++++++*/

.unit {
  padding: 0 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}






/*+++++  Unit  +++++++++++++++++++++*/


.box-two    > .unit   { width: 50%; }
.box-three  > .unit   { width: 33.33333%; }
.box-four   > .unit   { width: 25%; }
.box-five   > .unit   { width: 20%; }
.box-six    > .unit   { width: 16.66666%; }
.box-seven  > .unit   { width: 14.28571%; }



/*+++++  Span n  +++++++++++++++++++++*/


/* 3 units  */
.box-three  >   .span-two   { width: 66.66666%; }

/* 4 units  */
.box-four   >   .span-two   { width: 50%; }
.box-four   >   .span-three { width: 75%; }

/* 5 units  */
.box-five   >   .span-two   { width: 40%; }
.box-five   >   .span-three { width: 60%; }
.box-five   >   .span-four  { width: 80%; }

/* 6 units  */
.box-six    >   .span-two   { width: 33.33333%; }
.box-six    >   .span-three { width: 50%; }
.box-six    >   .span-four  { width: 66.66666%; }
.box-six    >   .span-five  { width: 83.33333%; }

/* 7 units  */
.box-seven  >   .span-two   { width: 28.57142%; }
.box-seven  >   .span-three { width: 42.85714%; }
.box-seven  >   .span-four  { width: 57.14285%; }
.box-seven  >   .span-five  { width: 71.42857%; }
.box-seven  >   .span-six   { width: 85.71428%; }