@charset "UTF-8";
/*=============================================================
 04_modules
=============================================================*/
/*!  button
================================================ */
.mod_btn01 { display: table; width: 100%; border: 1px solid #888; border-radius: 2px; background-color: #fff; table-layout: fixed; -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 0 0 rgba(0, 0, 0, .15); box-shadow: 0 4px 0 0 rgba(0, 0, 0, .15); }
.mod_btn01 > * { display: table-cell; line-height: 1; padding: 14px 0 12px; color: #333; font-weight: bold; font-size: 14px; text-decoration: none; text-align: center; vertical-align: middle; }
.mod_btn01:hover { -webkit-transform: translateY(4px); transform: translateY(4px); box-shadow: none; }
/*
#styleguide
mod_btn01

mod_btn01

```
<p class="mod_btn01"><a href="#">mod_btn01</a></p>
```
*/
/*!  pager
================================================ */
.mod_pagination01 { display: block; margin: -10px; padding: 20px 0; font-size: 0; text-align: center; }
.mod_pagination01 li { display: inline-block; width: 30px; margin: 10px; }
.mod_pagination01 li a , .mod_pagination01 li span { display: block; box-sizing: border-box; line-height: 1; padding: 7px 0 5px; border: 2px solid #888; background-color: #fff; color: #888; font-size: 12px; text-decoration: none; }
.mod_pagination01 .prev { width: 50px; margin-right: 15px; }
.mod_pagination01 .next { width: 50px; margin-left: 15px; }
.mod_pagination01 .current { background-color: #888; color: #fff; }
/*
#styleguide
mod_pagination01

pager

```
<div class="mod_pagination01">
	<ul class="links">
		<li class="prev"><a href="">前へ</a></li>
		<li><a href="">1</a></li>
		<li class="current"><span>2</span></li>
		<li><a href="">3</a></li>
		<li class="next"><a href="">次へ</a></li>
	</ul>
</div>
```
*/
/*!  tit
================================================ */
.mod_tit01 { margin-bottom: 30px; padding-left: 65px; border-bottom: 2px solid #ef6464; font-weight: 900; font-size: 2.4rem; }
.mod_tit02 { margin-bottom: 20px; color: #ef6464; font-weight: 900; font-size: 2.2rem; }
.mod_tit02:before { display: inline-block; margin-right: 5px; color: #605f5e; content: "●"; }
.mod_tit03 { color: #ef6464; font-weight: 900; font-size: 2.8rem; text-shadow: 0 5px 3px #fff, 5px 0 4px #fff, 0 -5px 2px #fff, -4px 0 4px #fff, -4px -4px 2px #fff, 3px -4px 2px #fff, -4px 4px 2px #fff, 2px 4px 0 #e3deda; }
/*
#styleguide
mod_tit01

mod_tit01

```
<p class="mod_tit01">mod_tit01</p>
```
*/
/*!  box
================================================ */
.mod_anchor01 { margin: 0 -200% 70px; padding: 40px 200%; background: url(../img/common/bg01.png) 0 0 repeat; }
.mod_anchor01 ul li { float: left; }
.mod_anchor01 ul li + li { margin-left: 20px; }
.mod_anchor01 ul li a { display: table-cell; position: relative; padding-left: 55px; border-radius: 10px; background: #fff url(../img/common/ico_arw02.png) 92% 50% no-repeat; font-weight: bold; font-size: 1.8rem; vertical-align: middle; box-shadow: 0 3px 0 0 #c8b9b7; }
.mod_anchor01 ul li a:hover { -webkit-transform: translateY(4px); transform: translateY(4px); box-shadow: none; }
/*
#styleguide
mod_box01

影付きのbox

```
<p class="mod_box01">mod_box01</p>
```
*/
/*!  mod_column01
================================================ */
.mod_column01 { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.mod_column01 > * { box-sizing: border-box; width: 31%; padding: 20px 10px 18px; background-color: #333; }
.mod_column01 > * + * { margin-left: 3%; }
/*
#styleguide
mod_column01

三カラム

```
<p class="mod_column01">mod_column01</p>
```
*/

/*# sourceMappingURL=maps/modules.css.map */