@charset"UTF-8";

/*
---------------------------------------------------------------
  Studio Graphico OFFICIAL WEB SITE
  (C) Studio Graphico All rights reserved. 
---------------------------------------------------------------*/

/*  -----------------------------------------------------------
 *  font-size:    83% = 10px
 *  font-size:   100% = 12px
 *  font-size:   117% = 14px
 *  font-size:   133% = 16px
 *  font-size:   150% = 18px
 *  font-size:   166% = 20px
 -------------------------------------------------------------- */

/* reset
--------------------------------------------------*/
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea,
p, blockquote,
th, td {
	margin: 0;
	padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,th { text-align: left; font-style: normal; }
img { border: 0; vertical-align: top;}
ul { list-style: none; }
hr { position: absolute; left: -9999px; width: 10px; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
a { text-decoration: none; overflow: hidden; }


/* offleft(隠しテキスト)
--------------------------------------------------*/
.offleft {
	position: absolute;
	left: -9999px;
}

/* ページ送りリンク
--------------------------------------------------*/
.Archives {}
.Archives .next { float: right; width: 200px; text-align: right; }
.Archives .prev { float: left; width: 200px; }

/* Common
--------------------------------------------------*/
p { line-height: 1.5em; }
.clear { clear: both; }
.pagetop { margin: 10px 0 0 0; text-align:right; font-size:10px; }

/* -- text -- */
.txt_c { text-align: center; }
.txt_l { text-align: left; }
.txt_r { text-align: right; }
.txt_b { font-weight: bold; }
.txt_n { font-weight: normal; }
.f_s { font-size: 10px; }
.f_m { font-size: 12px; }
.f_l { font-size: 14px; }
.f_xl { font-size: 16px; }
.f_xxl { font-size: 18px; }



.c_main { color: #3B251B; }
.c_sub01 { color: #3B251B; }
.c_att { color: #F60; }

/* -- margin -- */
.m_t0 { margin-top: 0 !important; }
.m_t10 { margin-top: 10px; }
.m_t20 { margin-top: 20px; }
.m_t30 { margin-top: 30px; }
.m_t40 { margin-top: 40px; }
.m_t50 { margin-top: 50px; }
.m_b0 { margin-bottom: 0 !important; }
.m_b10 { margin-bottom: 10px; }
.m_b20 { margin-bottom: 20px; }
.m_b30 { margin-bottom:300px; }
.m_b40 { margin-bottom: 40px; }
.m_b50 { margin-bottom: 50px; }
.m_b70 { margin-bottom: 70px; }
.m_l0 { margin-left: 0 !important; }
.m_l10 { margin-left: 10px; }
.m_l20 { margin-left: 20px; }
.m_l30 { margin-left: 30px; }
.m_l40 { margin-left: 40px; }
.m_l50 { margin-left: 50px; }
.m_r0 { margin-right: 0 !important; }
.m_r10 { margin-right: 10px; }
.m_r20 { margin-right: 20px; }
.m_r30 { margin-right: 30px; }
.m_r40 { margin-right: 40px; }
.m_r50 { margin-right: 50px; }
.m_tb10 { margin-top: 10px; margin-bottom: 10px;}
.m_tb20 { margin-top: 20px; margin-bottom: 20px;}
.m_tb30 { margin-top: 30px; margin-bottom: 30px;}
.m_tb40 { margin-top: 40px; margin-bottom: 40px;}

/* -- padding -- */
.p_t10 { padding-top: 10px;}
.p_t20 { padding-top: 20px;}
.p_t30 { padding-top: 30px;}
.p_t40 { padding-top: 40px;}
.p_t50 { padding-top: 50px;}
.p_b10 { padding-bottom: 10px;}
.p_b20 { padding-bottom: 20px;}
.p_b30 { padding-bottom: 30px;}
.p_b40 { padding-bottom: 40px;}
.p_b50 { padding-bottom: 50px;}
.p_l10 { padding-left: 10px;}
.p_l20 { padding-left: 20px;}
.p_l30 { padding-left: 30px;}
.p_l40 { padding-left: 40px;}
.p_l50 { padding-left: 50px;}
.p_r10 { padding-right: 10px;}
.p_r20 { padding-right: 20px;}
.p_r30 { padding-right: 30px;}
.p_r40 { padding-right: 40px;}
.p_r50 { padding-right: 50px;}

/* -- float -- */
.flort_l { float: left; }
.flort_r { float: right; }

/* -- list -- */
.li_nomal li {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:18px;
}

.li_square li {
	list-style-type:square;
	list-style-position:outside;
	margin-left:18px;
}

.li_decimal li {
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:18px;
}

li.li_reset {
	list-style-type:none;
	list-style-position:outside;
	margin-left:0;
}

/* -- hr -- */
.dd_hr {
	width:100%;
	height:1px;
	border-bottom:1px #707070 dotted;
}

.line_hr {
	border-bottom:1px #707070 dotted;
	padding-bottom:20px;
}


/* link
--------------------------------------------------*/
a:link { color: #630; }
a:visited { color: #630; }
a:hover { color: #FB5E72; text-decoration: underline; }
a:active { color: #FB5E72; }
a:focus{ outline:none; }

/* -- btn -- */
a:hover img.alpha, .alpha a:hover img  {
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}


/* clearfix
--------------------------------------------------*/
.clearfix{
	overflow:hidden;/* モダンブラウザ */
	_zoom:1;/* IE6以下 */
}

.clearfix{/zoom:1;}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* flex
--------------------------------------------------*/
.flex-btwn {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-cntr {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-left {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-right {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-align-center {
  -webkit-box-align: center;
  align-items: center;
}
.flex-align-end {
  -webkit-box-align: end;
  align-items: flex-end;
}
.flex-align-base {
  -webkit-box-align: baseline;
  align-items: baseline;
}
.flex-rvs {
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}
