@charset "utf-8";
/*
Theme Name: fukusen
Theme URI: 
Description: 
Author: FURAZOA inc
Author URI: http://frazoa.com
Version: 1.0.1

width 1008px
12column
gutters 36

*/

/*----------------------------------------------------
  reset
----------------------------------------------------*/
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ max-width: 100%; width: 100%; height: auto; vertical-align: middle;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: bold;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif; }
input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/*----------------------------------------------------
  common
----------------------------------------------------*/
body{
  font-size: 14px;
  line-height: 1.6;
  color: #212121;
  font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
  height: 100%;
  width: 100%;
  text-align: left;
  letter-spacing: 0.05em;
  margin: 0px;
  padding: 0px;
  background: #fff;
  position: relative;
}
a{
  color: #212121;
  text-decoration: none;
}
a:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
::selection {
  background: rgb(247, 95, 111);
  color: #333;
  text-shadow: none;
}
::-moz-selection {
  background: rgb(247, 95, 111);
  color: #333;
  text-shadow: none;
}

/*----------------------------------------------------
  @media
----------------------------------------------------*/
@media screen and (min-width:769px){
/* float,margin,padding */
.fl-clear{ clear:both;}
.fl-L{ float:left;}
.fl-R{ float:right;}
.txtc{ text-align:center;}
.txtr{ text-align:right;}
.centered{ float: none !important; margin: auto; clear: both;}

.clrb{
  float: none;
  clear: both;
}


.inr {
  width: 1008px;
  margin: 0 auto;
  clear: both;
}

.mgB0{ margin-bottom:0px;}
.mgB5{ margin-bottom:5px;}
.mgB10{ margin-bottom:10px;}
.mgB15{ margin-bottom:15px;}
.mgB20{ margin-bottom:20px;}
.mgB30{ margin-bottom:30px;}
.mgB40{ margin-bottom:40px;}
.mgB50{ margin-bottom:50px;}
.mgB80{ margin-bottom:80px;}
.mgB150{ margin-bottom:150px;}

.mgT0{ margin-top:0px;}
.mgT5{ margin-top:5px;}
.mgT10{ margin-top:10px;}
.mgT15{ margin-top:15px;}
.mgT20{ margin-top:20px;}
.mgT30{ margin-top:30px;}
.mgT40{ margin-top:40px;}
.mgT50{ margin-top:50px;}

.mgR0{ margin-right:0px;}
.mgR5{ margin-right:5px;}
.mgR10{ margin-right:10px;}
.mgR15{ margin-right:15px;}
.mgR20{ margin-right:20px;}
.mgR30{ margin-right:30px;}
.mgR40{ margin-right:40px;}
.mgR50{ margin-right:50px;}

.mgL0{ margin-left:0px;}
.mgL5{ margin-left:5px;}
.mgL10{ margin-left:10px;}
.mgL15{ margin-left:15px;}
.mgL20{ margin-left:20px;}
.mgL30{ margin-left:30px;}
.mgL40{ margin-left:40px;}
.mgL50{ margin-left:50px;}

.pdL0{ padding-left:0px;}
.pdL5{ padding-left:5px;}
.pdL10{ padding-left:10px;}
.pdL15{ padding-left:15px;}
.pdL20{ padding-left:20px;}
.pdL30{ padding-left:30px;}
.pdL40{ padding-left:40px;}
.pdL50{ padding-left:50px;}
.pdR0{ padding-right:0px;}
.pdR5{ padding-right:5px;}
.pdR10{ padding-right:10px;}
.pdR15{ padding-right:15px;}
.pdR20{ padding-right:20px;}
.pdR30{ padding-right:30px;}
.pdR40{ padding-right:40px;}
.pdR50{ padding-right:50px;}
.pdgR{ padding-right:36px;}
.pdgL{ padding-left:36px;}
.last { margin: 0; padding: 0;}

.fS10{ font-size:10px;}
.fS14{ font-size:14px;}
.fS16{ font-size:16px;}
.fS18{ font-size:18px;}
.fS20{ font-size:20px;}

/* colmun */
.col1 {width: 8.33%;}
.col2 {width: 16.66%;}
.col3 {width: 25%;}
.col4 {width: 33.33%;}
.col5 {width: 41.66%;}
.col6 {width: 50%;}
.col7 {width: 58.33%;}
.col8 {width: 66.66%;}
.col9 {width: 75%;}
.col10 {width: 83.33%;}
.col11 {width: 91.66%;}
.col12 {width: 100%;}
.c1-5 {width: 20%;}
.c1-8 {width: 12.5%;}
}

@media screen and (max-width:768px){
/* common */
body{
  -webkit-text-size-adjust: none;
}
/* float,margin,padding */
.fl-clear{ clear:both;}
.fl-L{ float:left;}
.fl-R{ float:right;}
.txtc{ text-align:center;}
.txtr{ text-align:right;}
.centered{ float: none !important; margin: auto; clear: both;}
.mgT30 { margin-top:30px;}
.mgT-20 {margin-top: 5px !important;}
/* colmun */
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 { width:100%;}
.c2 { width: 50%;}
.c3 { width: 33.3%;}
.c4 { width: 20%;}


}