@charset "utf-8";

/* cssのクラス命名ルール
●プロパティと値の間は、「-」を入れる
「プロパティ」:「値」⇒「プロパティ」-「値」
line-height:0.5em⇒lh-0_5


○例外命名

.bold{font-weight:bold;}
.normal{font-weight:normal;}

.red{color:#f00;}
.black{color:#000;}
.blue{color:#00f;}
.white{color:#fff;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}

.cf
.clear

.table{display:table;}
.table-cell{display:table-cell;}
.inline-block{display:inline-block;}
.block{display:block;}

●プロパティの命名は、「-」を挟んで、各文字の頭文字
line-height⇒lh
font-size⇒fs
width⇒w

●値
レンジ（範囲）：基本0.5～2まで、0.1間隔

小数点は、「_」で表す
0.5⇒0_5

単位は主に「em」だが、wに関しては「%」


●重複プロパティについて

-------------------------------------------------------------- */
/* 全体適応スタイル
-------------------------------------------------------------- */
/*-- 余白などの解除 --*/
/*
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
*/

/*-- box-sizing-- */
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*-- clearfix-- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
.cf{
    *zoom: 1;
}
.clear{
clear:both;
float:none;
}

/* タイポグラフィスタイル
-------------------------------------------------------------- */
/*-- fontサイズ-- */
.xx-large{font-size:3em;}
.x-large{font-size:2em;}
.large{font-size:1.5em;}
.s-large{font-size:1.2em;}
.small{font-size:0.75em;}

.fs-0_5{font-size:0.5em;}
.fs-0_6{font-size:0.6em;}
.fs-0_7{font-size:0.7em;}
.fs-0_8{font-size:0.8em;}
.fs-0_9{font-size:0.9em;}
.fs-1{font-size:1em;}
.fs-1_1{font-size:1.1em;}
.fs-1_2{font-size:1.2em;}
.fs-1_3{font-size:1.3em;}
.fs-1_4{font-size:1.4em;}
.fs-1_5{font-size:1.5em;}
.fs-1_6{font-size:1.6em;}
.fs-1_7{font-size:1.7em;}
.fs-1_8{font-size:1.8em;}
.fs-1_9{font-size:1.9em;}
.fs-2{font-size:2em;}


/*-- fontウェイト-- */
.bold{font-weight:bold;}
.normal{font-weight:normal;}


/*-- fontカラー-- */
.red{color:#f00;}
.black{color:#000;}
.blue{color:#00f;}
.white{color:#fff;}


/*-- 表示スタイル-- */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}


/*-- 文字の間隔（縦）-- */
.lh-s{line-height:1;}
.lh-m{line-height:1.3;}
.lh-l{line-height:1.5;}
.lh-ll{line-height:2;}

.lh-1{line-height:1;}
.lh-1_1{line-height:1.1;}
.lh-1_2{line-height:1.2;}
.lh-1_3{line-height:1.3;}
.lh-1_4{line-height:1.4;}
.lh-1_5{line-height:1.5;}
.lh-1_6{line-height:1.6;}
.lh-1_7{line-height:1.7;}
.lh-1_8{line-height:1.8;}
.lh-1_9{line-height:1.9;}
.lh-2{line-height:2;}

/*-- 文字の間隔（横）-- */
.ls-0_5 {letter-spacing: 0.5em;}
.ls-0_6 {letter-spacing: 0.6em;}
.ls-0_7 {letter-spacing: 0.7em;}
.ls-0_8 {letter-spacing: 0.8em;}
.ls-0_9 {letter-spacing: 0.9em;}
.ls-1 {letter-spacing: 1em;}
.ls-1_1 {letter-spacing: 1.1em;}
.ls-1_2 {letter-spacing: 1.2em;}
.ls-1_3 {letter-spacing: 1.3em;}
.ls-1_4 {letter-spacing: 1.4em;}
.ls-1_5 {letter-spacing: 1.5em;}
.ls-1_6 {letter-spacing: 1.6em;}
.ls-1_7 {letter-spacing: 1.7em;}
.ls-1_8 {letter-spacing: 1.8em;}
.ls-1_9 {letter-spacing: 1.9em;}
.ls-2 {letter-spacing: 2em;}


/* レイアウトスタイル
-------------------------------------------------------------- */
/*----- 幅スタイル(%)----- */
.width10{
width:10%;
}
.width20{
width:20%;
}
.width30{
width:30%;
}
.width40{
width:40%;
}
.width50{
width:50%;
}
.width60{
width:60%;
}
.width70{
width:70%;
}
.width80{
width:80%;
}
.width90{
width:90%;
}

.w-10{
width:10%;
}
.w-20{
width:20%;
}
.w-30{
width:30%;
}
.w-40{
width:40%;
}
.w-50{
width:50%;
}
.w-60{
width:60%;
}
.w-70{
width:70%;
}
.w-80{
width:80%;
}
.w-90{
width:90%;
}
.w-100{
width:100%;
}
/*----- 幅スタイル(em)----- */
.w-1em{
width:1em;
}
.w-2em{
width:2em;
}
.w-3em{
width:3em;
}
.w-4em{
width:4em;
}
.w-5em{
width:5em;
}
.w-6em{
width:6em;
}
.w-7em{
width:7em;
}
.w-8em{
width:8em;
}
.w-9em{
width:9em;
}
.w-10em{
width:10em;
}

/*----- marginスタイル----- */
.margin-auto{
margin:0em auto;
}

.m-a{
margin:0em auto;
}

/*-- margin全体-- */
.margin-s{margin:0.5em;}
.margin-m{margin:1em;}
.margin-l{margin:2em;}
.margin-ll{margin:3em;}

.m-0{margin:0;}
.m-0_5{margin:0.5em;}
.m-0_6{margin:0.6em;}
.m-0_7{margin:0.7em;}
.m-0_8{margin:0.8em;}
.m-0_9{margin:0.9em;}
.m-1{margin:1em;}
.m-1_1{margin:1.1em;}
.m-1_2{margin:1.2em;}
.m-1_3{margin:1.3em;}
.m-1_4{margin:1.4em;}
.m-1_5{margin:1.5em;}
.m-1_6{margin:1.6em;}
.m-1_7{margin:1.7em;}
.m-1_8{margin:1.8em;}
.m-1_9{margin:1.9em;}
.m-2{margin:2em;}

/*-- margin-縦方向-- */
.y-margin-s{margin:0.5em 0;}
.y-margin-m{margin:1em 0;}
.y-margin-l{margin:2em 0;}
.y-margin-ll{margin:3em 0;}

.top-margin-s{margin-top:0.5em;}
.top-margin-m{margin-top:1em;}
.top-margin-l{margin-top:2em;}
.top-margin-ll{margin-top:3em;}

.mt-0{margin-top:0;}
.mt-0_5{margin-top:0.5em;}
.mt-0_6{margin-top:0.6em;}
.mt-0_7{margin-top:0.7em;}
.mt-0_8{margin-top:0.8em;}
.mt-0_9{margin-top:0.9em;}
.mt-1{margin-top:1em;}
.mt-1_1{margin-top:1.1em;}
.mt-1_2{margin-top:1.2em;}
.mt-1_3{margin-top:1.3em;}
.mt-1_4{margin-top:1.4em;}
.mt-1_5{margin-top:1.5em;}
.mt-1_6{margin-top:1.6em;}
.mt-1_7{margin-top:1.7em;}
.mt-1_8{margin-top:1.8em;}
.mt-1_9{margin-top:1.9em;}
.mt-2{margin-top:2em;}

.bottom-margin-s{margin-bottom:0.5em;}
.bottom-margin-m{margin-bottom:1em;}
.bottom-margin-l{margin-bottom:2em;}
.bottom-margin-ll{margin-bottom:3em;}

.mb-0{margin-bottom:0;}
.mb-0_5{margin-bottom:0.5em;}
.mb-0_6{margin-bottom:0.6em;}
.mb-0_7{margin-bottom:0.7em;}
.mb-0_8{margin-bottom:0.8em;}
.mb-0_9{margin-bottom:0.9em;}
.mb-1{margin-bottom:1em;}
.mb-1_1{margin-bottom:1.1em;}
.mb-1_2{margin-bottom:1.2em;}
.mb-1_3{margin-bottom:1.3em;}
.mb-1_4{margin-bottom:1.4em;}
.mb-1_5{margin-bottom:1.5em;}
.mb-1_6{margin-bottom:1.6em;}
.mb-1_7{margin-bottom:1.7em;}
.mb-1_8{margin-bottom:1.8em;}
.mb-1_9{margin-bottom:1.9em;}
.mb-2{margin-bottom:2em;}

.my-0{margin-top:0;margin-bottom:0;}
.my-0_1{margin-top:0.1em;margin-bottom:0.1em;}
.my-0_3{margin-top:0.3em;margin-bottom:0.3em;}
.my-0_5{margin-top:0.5em;margin-bottom:0.5em;}
.my-0_7{margin-top:0.7em;margin-bottom:0.7em;}
.my-1{margin-top:1em;margin-bottom:1em;}
.my-1_5{margin-top:1.5em;margin-bottom:1.5em;}
.my-2{margin-top:2em;margin-bottom:2em;}
.my-3{margin-top:3em;margin-bottom:3em;}
.my-4{margin-top:4em;margin-bottom:4em;}
.my-5{margin-top:5em;margin-bottom:5em;}

/*-- margin-横方向-- */
.x-margin-s{margin:0 0.5em;}
.x-margin-m{margin:0 1em;}
.x-margin-l{margin:0 2em;}
.x-margin-ll{margin:0 3em;}

.ml-0{margin-left:0;}
.ml-0_5{margin-left:0.5em;}
.ml-0_6{margin-left:0.6em;}
.ml-0_7{margin-left:0.7em;}
.ml-0_8{margin-left:0.8em;}
.ml-0_9{margin-left:0.9em;}
.ml-1{margin-left:1em;}
.ml-1_1{margin-left:1.1em;}
.ml-1_2{margin-left:1.2em;}
.ml-1_3{margin-left:1.3em;}
.ml-1_4{margin-left:1.4em;}
.ml-1_5{margin-left:1.5em;}
.ml-1_6{margin-left:1.6em;}
.ml-1_7{margin-left:1.7em;}
.ml-1_8{margin-left:1.8em;}
.ml-1_9{margin-left:1.9em;}
.ml-2{margin-left:2em;}

.mr-0{margin-right:0;}
.mr-0_5{margin-right:0.5em;}
.mr-0_6{margin-right:0.6em;}
.mr-0_7{margin-right:0.7em;}
.mr-0_8{margin-right:0.8em;}
.mr-0_9{margin-right:0.9em;}
.mr-1{margin-right:1em;}
.mr-1_1{margin-right:1.1em;}
.mr-1_2{margin-right:1.2em;}
.mr-1_3{margin-right:1.3em;}
.mr-1_4{margin-right:1.4em;}
.mr-1_5{margin-right:1.5em;}
.mr-1_6{margin-right:1.6em;}
.mr-1_7{margin-right:1.7em;}
.mr-1_8{margin-right:1.8em;}
.mr-1_9{margin-right:1.9em;}
.mr-2{margin-right:2em;}

.mx-0{margin-left:0;margin-right:0;}
.mx-0_1{margin-left:0.1em;margin-right:0.1em;}
.mx-0_3{margin-left:0.3em;margin-right:0.3em;}
.mx-0_5{margin-left:0.5em;margin-right:0.5em;}
.mx-0_7{margin-left:0.7em;margin-right:0.7em;}
.mx-1{margin-left:1em;margin-right:1em;}
.mx-1_5{margin-left:1.5em;margin-right:1.5em;}
.mx-2{margin-left:2em;margin-right:2em;}
.mx-3{margin-left:3em;margin-right:3em;}
.mx-4{margin-left:4em;margin-right:4em;}
.mx-5{margin-left:5em;margin-right:5em;}

/*----- paddingスタイル----- */
.padding-s{padding:0.5em;}
.padding-m{padding:1em;}
.padding-l{padding:2em;}
.padding-ll{padding:3em;}

.p-0{padding:0;}
.p-0_5{padding:0.5em;}
.p-0_6{padding:0.6em;}
.p-0_7{padding:0.7em;}
.p-0_8{padding:0.8em;}
.p-0_9{padding:0.9em;}
.p-1{padding:1em;}
.p-1_1{padding:1.1em;}
.p-1_2{padding:1.2em;}
.p-1_3{padding:1.3em;}
.p-1_4{padding:1.4em;}
.p-1_5{padding:1.5em;}
.p-1_6{padding:1.6em;}
.p-1_7{padding:1.7em;}
.p-1_8{padding:1.8em;}
.p-1_9{padding:1.9em;}
.p-2{padding:2em;}

/*-- padding-縦方向-- */
.y-padding-s{padding:0.5em 0;}
.y-padding-m{padding:1em 0;}
.y-padding-l{padding:2em 0;}
.y-padding-ll{padding:3em 0;}

.top-padding-s{padding-top:0.5em;}
.top-padding-m{padding-top:1em;}
.top-padding-l{padding-top:2em;}
.top-padding-ll{padding-top:3em;}

.bottom-padding-s{padding-bottom:0.5em;}
.bottom-padding-m{padding-bottom:1em;}
.bottom-padding-l{padding-bottom:2em;}
.bottom-padding-ll{padding-bottom:3em;}

.pt-0{padding-top:0;}
.pt-0_1{padding-top:0.1em;}
.pt-0_2{padding-top:0.2em;}
.pt-0_3{padding-top:0.3em;}
.pt-0_4{padding-top:0.4em;}
.pt-0_5{padding-top:0.5em;}
.pt-0_6{padding-top:0.6em;}
.pt-0_7{padding-top:0.7em;}
.pt-0_8{padding-top:0.8em;}
.pt-0_9{padding-top:0.9em;}
.pt-1{padding-top:1em;}
.pt-1_1{padding-top:1.1em;}
.pt-1_2{padding-top:1.2em;}
.pt-1_3{padding-top:1.3em;}
.pt-1_4{padding-top:1.4em;}
.pt-1_5{padding-top:1.5em;}
.pt-1_6{padding-top:1.6em;}
.pt-1_7{padding-top:1.7em;}
.pt-1_8{padding-top:1.8em;}
.pt-1_9{padding-top:1.9em;}
.pt-2{padding-top:2em;}

.pb-0{padding-bottom:0;}
.pb-0_1{padding-bottom:0.1em;}
.pb-0_2{padding-bottom:0.2em;}
.pb-0_3{padding-bottom:0.3em;}
.pb-0_4{padding-bottom:0.4em;}
.pb-0_5{padding-bottom:0.5em;}
.pb-0_6{padding-bottom:0.6em;}
.pb-0_7{padding-bottom:0.7em;}
.pb-0_8{padding-bottom:0.8em;}
.pb-0_9{padding-bottom:0.9em;}
.pb-1{padding-bottom:1em;}
.pb-1_1{padding-bottom:1.1em;}
.pb-1_2{padding-bottom:1.2em;}
.pb-1_3{padding-bottom:1.3em;}
.pb-1_4{padding-bottom:1.4em;}
.pb-1_5{padding-bottom:1.5em;}
.pb-1_6{padding-bottom:1.6em;}
.pb-1_7{padding-bottom:1.7em;}
.pb-1_8{padding-bottom:1.8em;}
.pb-1_9{padding-bottom:1.9em;}
.pb-2{padding-bottom:2em;}

.py-0{padding-top:0;padding-bottom:0;}
.py-0_1{padding-top:0.1em;padding-bottom:0.1em;}
.py-0_3{padding-top:0.3em;padding-bottom:0.3em;}
.py-0_5{padding-top:0.5em;padding-bottom:0.5em;}
.py-1{padding-top:1em;padding-bottom:1em;}
.py-1_5{padding-top:1.5em;padding-bottom:1.5em;}
.py-2{padding-top:2em;padding-bottom:2em;}
.py-3{padding-top:3em;padding-bottom:3em;}

/*-- padding-横方向-- */
.left-s{padding-left:0.5em;}
.left-m{padding-left:1em;}
.left-l{padding-left:2em;}
.left-ll{padding-left:3em;}

.pl-0{padding-left:0;}
.pl-0_5{padding-left:0.5em;}
.pl-0_6{padding-left:0.6em;}
.pl-0_7{padding-left:0.7em;}
.pl-0_8{padding-left:0.8em;}
.pl-0_9{padding-left:0.9em;}
.pl-1{padding-left:1em;}
.pl-1_1{padding-left:1.1em;}
.pl-1_2{padding-left:1.2em;}
.pl-1_3{padding-left:1.3em;}
.pl-1_4{padding-left:1.4em;}
.pl-1_5{padding-left:1.5em;}
.pl-1_6{padding-left:1.6em;}
.pl-1_7{padding-left:1.7em;}
.pl-1_8{padding-left:1.8em;}
.pl-1_9{padding-left:1.9em;}
.pl-2{padding-left:2em;}
.pl-3{padding-left:3em;}
.pl-4{padding-left:4em;}
.pl-5{padding-left:5em;}
.pl-6{padding-left:6em;}
.pl-7{padding-left:7em;}
.pl-8{padding-left:8em;}
.pl-9{padding-left:9em;}
.pl-10{padding-left:10em;}

.pr-0{padding-right:0;}
.pr-0_5{padding-right:0.5em;}
.pr-0_6{padding-right:0.6em;}
.pr-0_7{padding-right:0.7em;}
.pr-0_8{padding-right:0.8em;}
.pr-0_9{padding-right:0.9em;}
.pr-1{padding-right:1em;}
.pr-1_1{padding-right:1.1em;}
.pr-1_2{padding-right:1.2em;}
.pr-1_3{padding-right:1.3em;}
.pr-1_4{padding-right:1.4em;}
.pr-1_5{padding-right:1.5em;}
.pr-1_6{padding-right:1.6em;}
.pr-1_7{padding-right:1.7em;}
.pr-1_8{padding-right:1.8em;}
.pr-1_9{padding-right:1.9em;}
.pr-2{padding-right:2em;}

.px-0{padding-left:0;padding-right:0;}
.px-0_1{padding-left:0.1em;padding-right:0.1em;}
.px-0_3{padding-left:0.3em;padding-right:0.3em;}
.px-0_5{padding-left:0.5em;padding-right:0.5em;}
.px-1{padding-left:1em;padding-right:1em;}
.px-1_5{padding-left:1.5em;padding-right:1.5em;}
.px-2{padding-left:2em;padding-right:2em;}
.px-3{padding-left:3em;padding-right:3em;}

/*----- floatスタイル----- */
.float-left{
float:left;
}

.float-right{
float:right;
}

.f-l{
float:left;
}

.f-r{
float:right;
}


/*-- displayスタイル-- */
.table{
display:table;
}

.table-cell{
display:table-cell;
}

.inline-block{
display:inline-block;
}

.block{
display:block;
}


/*----- indentスタイル----- */
.ti-1{
	text-indent:1em;
}
.ti-2{
	text-indent:2em;
}
.ti-3{
	text-indent:3em;
}
.ti-4{
	text-indent:4em;
}
.ti-5{
	text-indent:5em;
}
.ti-6{
	text-indent:6em;
}
.ti-7{
	text-indent:7em;
}
.ti-8{
	text-indent:8em;
}
.ti-9{
	text-indent:9em;
}
.ti-10{
	text-indent:10em;
}

.ti--1{
	text-indent:-1em;
}
.ti--2{
	text-indent:-2em;
}
.ti--3{
	text-indent:-3em;
}
.ti--4{
	text-indent:-4em;
}
.ti--5{
	text-indent:-5em;
}
.ti--6{
	text-indent:-6em;
}
.ti--7{
	text-indent:-7em;
}
.ti--8{
	text-indent:-8em;
}
.ti--9{
	text-indent:-9em;
}
.ti--10{
	text-indent:-10em;
}

/*----- ulスタイル----- */
ul.column2 li{
	float:left;
	width:50%;
}
ul.column3 li{
	float:left;
	width:33%;
}
ul.column4 li{
	float:left;
	width:25%;
}
ul.column5 li{
	float:left;
	width:20%;
}



/* 装飾スタイル
-------------------------------------------------------------- */
/*-- ボーダースタイル -- */
.bs-solid{border-style:solid;}
.bs-dotted{border-style:dotted;}
.bs-dashed{border-style:dashed;}
.bs-double{border-style:double;}

.solid{border-style:solid;}
.dotted{border-style:dotted;}
.dashed{border-style:dashed;}
.double{border-style:double;}

.bt-solid{border-top:solid;}
.bt-dotted{border-top:dotted;}
.bt-dashed{border-top:dashed;}
.bt-double{border-top:double;}

.bl-solid{border-left:solid;}
.bl-dotted{border-left:dotted;}
.bl-dashed{border-left:dashed;}
.bl-double{border-left:double;}

.br-solid{border-right:solid;}
.br-dotted{border-right:dotted;}
.br-dashed{border-right:dashed;}
.br-double{border-right:double;}

.bb-solid{border-bottom:solid;}
.bb-dotted{border-bottom:dotted;}
.bb-dashed{border-bottom:dashed;}
.bb-double{border-bottom:double;}

/*-- ボーダーwidthー-- */
.bw-1{border-width:1px;}
.bw-2{border-width:2px;}
.bw-3{border-width:3px;}
.bw-4{border-width:4px;}
.bw-5{border-width:5px;}
.bw-6{border-width:6px;}
.bw-7{border-width:7px;}
.bw-8{border-width:8px;}
.bw-9{border-width:9px;}
.bw-6{border-width:10px;}

/*-- ボーダーカラー-- */
.bc-red{border-color:#f00;}
.bc-black{border-color:#000;}
.bc-blue{border-color:#00f;}
.bc-white{border-color:#fff;}

/*-- 背景スタイル-- */
.b-red{background:#f00;}
.b-black{background:#000;}
.b-blue{background:#00f;}
.b-white{background:#fff;}


/*-- ボックスシャドウスタイル-- */
.shadow1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

.shadow2{
  position: relative;
}
.shadow2:before, .shadow2:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow2:after{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.shadow3{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shadow3:before, .shadow3:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.shadow3:after{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*-- ボックスを丸くする-- */
/*--水平方向と垂直方向の半径のセットは、スラッシュ（水平方向の指定 / 垂直方向の指定）で区切ります。
スラッシュの前後に水平方向と垂直方向の半径の値を、左上・右上・右下・左下の順で指定します。--*/
/*--border-radius: 100px 25px 50px 50px / 50px 25px 50px 25px;--*/

/*--スラッシュ以降を省略した場合には、水平垂直ともに同じ値として解釈されます。
また、それぞれのコーナーの値は省略することができますが、その場合には以下のルールに基づいて解釈されます。

左下が省略された場合には、右上と同じ。
右下が省略された場合には、左上と同じ。
右上が省略された場合には、左上と同じ。
--*/

.radius-s{
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
-o-border-radius: 1em;
-ms-border-radius: 1em;
}

.radius-m{
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
-o-border-radius: 2em;
-ms-border-radius: 2em;	
}

.radius-l{
-moz-border-radius: 3em;
-webkit-border-radius: 3em;
-o-border-radius: 3em;
-ms-border-radius: 3em;	
}

.radius-ll{
-moz-border-radius: 5em;
-webkit-border-radius: 5em;
-o-border-radius: 5em;
-ms-border-radius: 5em;	
}

.br-0_5{
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-o-border-radius: 0.5em;
-ms-border-radius: 0.5em;
}

.br-1{
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
-o-border-radius: 1em;
-ms-border-radius: 1em;
}

.br-2{
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
-o-border-radius: 2em;
-ms-border-radius: 2em;
}

.br-3{
-moz-border-radius: 3em;
-webkit-border-radius: 3em;
-o-border-radius: 3em;
-ms-border-radius: 3em;
}

.br-4{
-moz-border-radius: 4em;
-webkit-border-radius: 4em;
-o-border-radius: 4em;
-ms-border-radius: 4em;
}

.br-5{
-moz-border-radius: 5em;
-webkit-border-radius: 5em;
-o-border-radius: 5em;
-ms-border-radius: 5em;
}

.br-50{
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}

.br-100{
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
-ms-border-radius: 100%;
}

/* dl,dt,ddスタイル(定義リスト)---------------------------------
<dl>
  <dt>定義</dt>
  <dd>定義の説明</dd>
  <dt>定義</dt>
  <dd>定義の説明</dd>
  <dd>定義の説明</dd>
</dl>
-------------------------------------------------------------- */
dt{
}
dd{

}

/* imgスタイル
-------------------------------------------------------------- */
img{
max-width:100%;
height:auto;
}

/* inputスタイル
-------------------------------------------------------------- */
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"]{

}

textarea{

}

/* iframeスタイル
-------------------------------------------------------------- */
iframe{
max-width:100%;
}

/* blockquoteスタイル
-------------------------------------------------------------- */
blockquote{

}

/* strongスタイル
-------------------------------------------------------------- */
strong {
/*font-weight: normal;*/
}

/* tableスタイル
-------------------------------------------------------------- */



/* ul,olスタイル
-------------------------------------------------------------- */
ul,ol{
list-style:none;
padding:0;
margin:0;
}

.display-pc{
	display:block;
}
.display-smart{
	display:none;
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){


/*-- 全般スタイル --*/
.clear-tablet{
clear:both;
float:none;
}

.w-10-tablet{width:10%;}
.w-20-tablet{width:20%;}
.w-30-tablet{width:30%;}
.w-40-tablet{width:40%;}
.w-50-tablet{width:50%;}
.w-60-tablet{width:60%;}
.w-70-tablet{width:70%;}
.w-80-tablet{width:80%;}
.w-90-tablet{width:90%;}
.w-100-tablet{width:100%;}

.block-tablet{
display:block;
}

/*----------*/
}
/*----------*/
/* 幅644px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 644px){

.display-pc{
	display:none;
}
.display-smart{
	display:block;
}

.clear-smart{
clear:both;
float:none;
}

.w-10-smart{width:10%;}
.w-20-smart{width:20%;}
.w-30-smart{width:30%;}
.w-40-smart{width:40%;}
.w-50-smart{width:50%;}
.w-60-smart{width:60%;}
.w-70-smart{width:70%;}
.w-80-smart{width:80%;}
.w-90-smart{width:90%;}
.w-100-smart{width:100%;}

.block-smart{
display:block;
}

.center-smart{
	text-align:center;
}
.left-smart{
	text-align:left;
}
.right-smart{
	text-align:right;
}

/*----- ulスタイル----- */
ul.column-clear li{
clear:both;
float:none;
width:100%;
}

ul.column2-smart li{
	float:left;
	width:50%;
}
ul.column3-smart li{
	float:left;
	width:33%;
}
ul.column4-smart li{
	float:left;
	width:25%;
}
ul.column5-smart li{
	float:left;
	width:20%;
}

/* google map レスポンシブスタイル
-------------------------------------------------------------- */
.ggmap{
position: relative;
padding: 0 0 75%;/* この[75]の数字を変える事で、縦横比を調整できる　100で縦横比が同じ　100より大きくすると、縦長になる */
height: 0;
overflow: hidden;
}

.ggmap .iframe,
.ggmap .object,
.ggmap .embed{
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}

/* facebook page-plugin レスポンシブスタイル
-------------------------------------------------------------- */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
  width: 100% !important;
}

/*----------*/
}
/*----------*/
/* 幅380px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 330px){





/*----------*/
}
/*----------*/