@charset "UTF-8";

/*
====================================================================================================
■ basic setting
 □ tag
 □ class
■ additional
■ layout
 □ #site_header
 □ main
 □ #sub_area
 □ #site_footer
----------------------------------------------------------------------------------------------------
※ 基本的にテンプレとしての簡易な整形レベルです。必ずサイトに合わせて各種設定を見直すこと。
※ font-sizeに関しては、リセット後、#wrapperに18px相当で指定済。そこからの相対指定で行うこと。
　（親要素に既に%指定済の場合、子孫要素は基準が変わるので注意してください。）
※ サイト制作後、不要と思われるコメントはなるべく削除し整理すること。
==================================================================================================== */
/*
====================================================================================================
■ basic setting
----------------------------------------------------------------------------------------------------
 □ tag
---------------------------------------------------------------------------------------------------- */
html {
  background-color: #fff;
  /* 画面外背景色 */
  font-family: "Meiryo", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  position: relative;
  margin: 0 auto;
  color: #232323;
  word-wrap: break-word;
  font-size: 14px;
}

p, li, pre, td, th, dt, dd {
  line-height: 1.5;
}

/*
--------------------------------------------------
 ▽ 1カラムコンテンツ
-------------------------------------------------- */
.col01 figure {
  margin: 0 auto 10px;
}

/*
--------------------------------------------------
 ▽ 左右均等2カラムコンテンツ
-------------------------------------------------- */
.col02:after {
  display: block;
  clear: both;
  content: "";
}

.col02 .float_l,
.col02 .float_r {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.col02 .float_l {
  padding-right: 1%;
  /* ここで余白設定 */
}

.col02 .float_r {
  padding-left: 1%;
  /* ここで余白設定 */
}

/*
--------------------------------------------------
 ▽ 2カラムコンテンツ(ul liの場合)
-------------------------------------------------- */
/* 左右2カラムデザイン（※ulに.col02を追加する事で切り替え） */
.col02>li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
}

/* 左カラム */
.col02>li:nth-of-type(2n-1) {
  padding-right: 1%;
  /* ここで余白設定 */
  float: left;
  clear: both;
}

/* 右カラム */
.col02>li:nth-of-type(2n) {
  padding-left: 1%;
  /* ここで余白設定 */
  float: right;
}

.col02 figure {
  margin-bottom: 10px;
}

/*
--------------------------------------------------
 ▽ 3カラムコンテンツ(ul liの場合)
-------------------------------------------------- */
/* 3カラムデザイン（※ulに.col03を追加する事で切り替え） */
.col03:after {
  display: block;
  clear: both;
  content: "";
}

.col03>li {
  width: 32%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  float: left;
}

/* 右(1)カラム */
.col03>li:nth-of-type(3n-2) {
  clear: both;
}

/* 左(3)カラム */
/* 中央(2)カラム */
.col03>li:nth-of-type(3n-1) {
  margin-left: 2%;
  margin-right: 2%;
  /* ここで余白設定(余白を指定した場合は.col03>liのwidthを変更) */
}

/*
--------------------------------------------------
 ▽ 新着などのページネーション
-------------------------------------------------- */
.pagination {
  padding: 0 2%;
}

.pagination a {
  line-height: 42px;
}

/* 前へ */
.pagination .page_prev {
  float: left;
}

/* 次へ */
.pagination .page_next {
  float: right;
}

/* 戻る */
.pagination .page_back {
  text-align: center;
}

/*
====================================================================================================
■ additional
---------------------------------------------------------------------------------------------------- */
.acco_box {
  clear: both;
  margin-bottom: 10px;
}

.acco_dv {
  display: none;
}

.acco_a {
  cursor: pointer;
}

.media_txt .img {
  width: 40%;
}

.media_txt .img img {
  width: 100%;
  height: auto;
}

.pic_l .img {
  float: left;
  margin-right: 10px;
}

.pic_r .img {
  float: right;
  margin-left: 10px;
}

/*Less and More*/
.box_maxheight .maxheight_hide {
  display: none;
}

.box_maxheight .maxheight_btn {
  text-decoration: underline;
  cursor: pointer;
  color: #0091b2;
  display: inline-block;
}

/*■05.FLEX*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
}

/*justify-content*/
.flex_jus_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
}

.flex_jus_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
}

.flex_jus_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
}

.flex_jus_between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
}

.flex_jus_around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
}

.flex_jus_ini {
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
  -webkit-justify-content: initial;
  -moz-justify-content: initial;
  -ms-justify-content: initial;
}

/*align-items*/
.flex_align_item_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
}

.flex_align_item_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
}

.flex_align_item_stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
}

.flex_align_item_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
}

.flex_align_item_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.flex_align_item_ini {
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial;
  -webkit-align-items: initial;
  -moz-align-items: initial;
  -ms-align-items: initial;
}

.flex_container {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.add_font {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*■06.MODULE*/
.cm_indent {
  padding-left: 1em; 
  text-indent: -1em; 
}


/*
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
  width: 100%;
  /* サイトの実際の横幅（640px以下は画面サイズによって変動） */
  max-width: 480px;
  min-width: 320px;
  margin: 0 auto;
  background-color: #FFF;
  overflow: hidden;
  position: relative;
  word-wrap: break-word;
}

/*
----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
/*
--------------------------------------------------
 ▽ #gnav （グローバルナビゲーション）
-------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------------


/*
----------------------------------------------------------------------------------------------------
  □ #sub_area
---------------------------------------------------------------------------------------------------- */
/*
----------------------------------------------------------------------------------------------------
 □ #site_footer
---------------------------------------------------------------------------------------------------- */
.sg_footer .logo .caption_wrap {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sg_footer .logo .caption_wrap .caption_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sg_footer .logo .caption_wrap .caption_right .eco21_img {
  width: 60px;
}

.sg_footer .logo .caption_wrap .caption_right .eco21_img img {
  width: 100%;
  height: auto;
}

.sg_footer .logo .caption_wrap .caption_right .eco21_txt {
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
}

.sg_footer .phone_ft {
  font-size: 20px;
  line-height: 1;
}

.sg_footer .phone_ft a {
  color: #de2e24;
  text-decoration: none;
}

.sg_footer .btn_ft li {
  width: 25%;
  padding: 11px 2px;
  font-family: 'Helvetica Condensed', sans-serif;
  font-size: 18px;
}

.sg_footer .btn_ft li:nth-of-type(2) {
  background-color: #494949;
}

.sg_footer .btn_ft li:nth-of-type(3) {
  background-color: #909090;
}

.sg_footer .btn_ft li:first-of-type {
  width: 48%;
  background-color: #f29112;
  margin-right: 2%;
}

.sg_footer .btn_ft li:first-of-type span {
  background: url(../../common_img/icon2.png) no-repeat center left;
  padding-left: 22px;
}

.sg_footer .menu_ft a::before {
  top: 0px;
}

.sg_footer .menu_ft>li {
  margin-bottom: 20px;
}

.menu_ft a {
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.menu_ft a::before {
  left: 0;
  position: absolute;
}

.menu_ft>li>a {
  color: #000000;
  font-weight: 600;
  font-size: 16px;
}

.menu_ft>li>a::before {
  content: "・";
}

.menu_ft>li>a {
  padding-left: 16px;
}

.menu_ft>li>ul {
  margin-left: 18px;
}

.menu_ft>li>ul li {
  margin-top: 10px;
}

.menu_ft>li>ul li a {
  padding-left: 16px;
  color: #5683ac;
}

.menu_ft>li>ul li a::before {
  content: "▸";
}

.pc {
  background-color: #d19109;
}

.font_14 {
  font-size: 14px;
}

.container {
  width: 96%;
  margin: 0 auto;
}

.asb {
  position: absolute;
}

.relative {
  position: relative;
}

.font_gothic {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.inline_block {
  width: 100%;
  display: inline-block;
}

a.asb_full {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}

.list_item>li {
  width: 48.5%;
  margin-bottom: 20px;
}

.line_bg {
  overflow: hidden;
}

.line_bg span::before {
  right: 100%;
}

.line_bg span::after {
  left: 100%;
}

.line_bg span::after,
.line_bg span::before {
  top: 50%;
  width: 100%;
  height: 1px;
  position: absolute;
  content: "";
  z-index: 3;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.cm_button a {
  display: block;
  width: 100%;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 17px;
  font-size: 19px;
  text-decoration: none;
  line-height: 1;
}

.cm_button a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 13px;
  height: 20px;
  background: url(../../common_img/arr_btt.png) no-repeat center right 2%/auto 19px;
}

.menu-mobi {
  position: relative;
  padding-bottom: 5px;
  margin-top: 2%;
  z-index: 1001;
}

.menu-mobi>.head_logo {
  width: 56%;
}

.menu-mobi ul.icon {
  width: 36%;
  display: inline-block;
}

.menu-mobi ul.icon li {
  margin-right: 3.5%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  cursor: pointer;
  float: left;
  width: 31%;
}

.menu-mobi ul.icon li:last-of-type {
  margin-right: 0px;
  position: relative;
}

.menu-mobi ul.icon li:last-of-type.on::before {
  z-index: 2;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../common_img/close.jpg) no-repeat top left/100% auto;
}

.menu-mobi .menu-toggle {
  position: absolute;
  top: 100%;
  z-index: 99;
  left: -2%;
  width: 104%;
  display: none;
  background-color: #ffffff;
  border: 1px solid #005cb3;
  padding: 2%;
}

.menu-mobi .menu-toggle .list_pdf {
  display: flex;
  justify-content: center;
  column-gap: 5px;
  row-gap: 5px;
}

.menu-mobi .menu-toggle .list_pdf > div {
  flex-grow: 0;
  width: 25%;
  padding: 10px 5px 5px;
  border-radius: 3px;
  background: #b2b2b2;
  text-align: center;
}

.menu-mobi .menu-toggle .list_pdf strong {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 30px;
  line-height: 1.1;
}

.menu-mobi .menu-toggle .list_pdf .lp01 img {
  max-height: calc(94px / 2);
  min-height: calc(94px / 3);
}

.menu-mobi .menu-toggle .btn_head {
  width: 104%;
  margin-left: -2%;
  margin-bottom: -2%;
}

.menu-mobi .menu-toggle .btn_head div {
  color: #fff;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 46px;
  font-family: 'Helvetica Condensed', sans-serif;
}

.menu-mobi .menu-toggle .btn_head div span {
  padding-left: 22px;
}

.menu-mobi .menu-toggle .btn_head div:first-of-type {
  background-color: #005cb3;
}

.menu-mobi .menu-toggle .btn_head div:first-of-type span {
  background: url(../../common_img/icon1.png) no-repeat center left;
}

.menu-mobi .menu-toggle .btn_head div:nth-of-type(2) {
  background-color: #f29112;
}

.menu-mobi .menu-toggle .btn_head div:nth-of-type(2) span {
  background: url(../../common_img/icon2.png) no-repeat center left;
}

.menu-mobi .menu-toggle .btn_head div:nth-of-type(3) {
  background-color: #494949;
}

.menu-mobi .menu-toggle .btn_head div:last-of-type {
  background-color: #909090;
}

.menu-mobi .menu-toggle>ul>li>p::before {
  left: 0;
  position: absolute;
  content: "・";
}

.menu-mobi .menu-toggle>ul>li>p::after {
  content: "";
  right: 2%;
  top: 7px;
  width: 25px;
  height: 21px;
  background: url(../common_img/tg.jpg) no-repeat 0 0/16px auto;
  position: absolute;
  -webkit-transition: 0.2 all;
  -o-transition: 0.2 all;
  transition: 0.2 all;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.menu-mobi .menu-toggle>ul>li>p.on::after {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  top: 13px;
}

.menu-mobi .menu-toggle>ul>li>p a {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}

.menu-mobi .menu-toggle>ul>li>a::before,
.menu-mobi .menu-toggle>ul>li>p>a::before {
  top: 10px;
}

.menu-mobi .menu-toggle>ul>li>a,
.menu-mobi .menu-toggle>ul>li>p {
  border-bottom: 1px solid #494949;
  padding: 10px 3% 10px 18px;
  width: 100%;
  position: relative;
}

.menu-mobi .menu-toggle>ul>li>ul {
  display: none;
}

.cm_button2 a {
  display: inline-block;
  font-weight: bold;
  position: relative;
  color: #fff;
  text-decoration: none;
  line-height: 1;
  background-color: #0a59a3;
  font-size: 15px;
  border-radius: 4px;
}

.cm_button2 a.w255 {
  padding: 15px 10px;
  min-width: 255px;
}

.cm_button2 a.w220 {
  padding: 10px 10px;
  min-width: 220px;
}

.cm_button2 a span {
  padding: 2px 30px 2px 0px;
  background: url(../../common_img/icon_pdf.png) no-repeat top right/auto 100%;
}

.cm_button2 a span.no_bg {
  background: none;
  padding: 5px;
}

.cm_button2 a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 10px;
  height: 20px;
  background: url(../../common_img/arr_btt.png) no-repeat center right/100% auto;
}

footer {
  border-top: 1px solid #e4e4e4;
}

@media only screen and (max-width: 359px) {
  .sg_footer .phone_ft {
    font-size: 18px !important;
  }

  .btn_ft li {
    font-size: 15px !important;
  }
}

/* 基本の行の高さ */
/*
----------------------------------------------------------------------------------------------------
 □ class
---------------------------------------------------------------------------------------------------- */
/*
--------------------------------------------------
 ▽ 文字装飾定義専用クラス
-------------------------------------------------- */
/* 主に新着情報への使用想定だが、通常コンテンツ内で使用も可 */
.text_left { text-align: left !important; } .text_right { text-align: right !important; } .text_center { text-align: center !important; } .text_justify { text-align: justify !important; } .text_nowrap { white-space: nowrap !important; } .text_lowercase { text-transform: lowercase !important; } .text_uppercase { text-transform: uppercase !important; } .text_capitalize { text-transform: capitalize !important; } .text_muted { color: #777 !important; } .text_normal { font-weight: normal !important; } .text_bold { font-weight: bold !important; } .text_red { color: #e0291f !important; } .text_black { color: #000000 !important; } .text_grey { color: #999999 !important; } .text_pink { color: #f66b82 !important; } .text_green { color: #8a9941 !important; } .text_blue { color: #124a7f !important; } .text_yellow { color: #feab0f !important; } .text_white { color: #ffffff !important; } .text_purple { color: #b992ed !important; } .text_orange { color: #f29475 !important; }
/* ページトップへのリンク */
.pull-left { float: left; }
.pull-right { float: right; }
/*
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
/* デフォルトでは#wrapperに18px相当の指定が設定済みのため、そこからの相対値になります。
※親要素に既に%指定済みの場合は子孫要素は基準が変わるのでこのクラスの使用は出来れば避けます。 */
.f10 { font-size: 10px !important; } /* 10px */ .f11 { font-size: 11px !important; } /* 11px */ .f12 { font-size: 12px !important; } /* 12px */ .f13 { font-size: 13px !important; } /* 13px */ .f14 { font-size: 14px !important; } /* 14px */ .f15 { font-size: 15px !important; } /* 15px */ .f16 { font-size: 16px !important; } /* 16px */ .f17 { font-size: 17px !important; } /* 17px */ .f18 { font-size: 18px !important; } /* 18px */ .f19 { font-size: 19px !important; } /* 19px */ .f20 { font-size: 20px !important; } /* 20px */ .f21 { font-size: 21px !important; } /* 21px */ .f22 { font-size: 22px !important; } /* 22px */ .f23 { font-size: 23px !important; } /* 23px */ .f24 { font-size: 24px !important; } /* 24px */ .f25 { font-size: 25px !important; } /* 25px */
/*
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00 { margin: 0px !important; } .m05 { margin: 5px !important; } .m10 { margin: 10px !important; } .m15 { margin: 15px !important; } .m20 { margin: 20px !important; } .m25 { margin: 25px !important; } .m30 { margin: 30px !important; } .m35 { margin: 35px !important; } .m40 { margin: 40px !important; } .m45 { margin: 45px !important; } .mt00 { margin-top: 0px !important; } .mt05 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mt45 { margin-top: 45px !important; } .mr00 { margin-right: 0px !important; } .mr05 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr45 { margin-right: 45px !important; } .mb00 { margin-bottom: 0px !important; } .mb05 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .ml00 { margin-left: 0px !important; } .ml05 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .ml45 { margin-left: 45px !important; } .ml50 { margin-left: 50px !important; }
/*
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding: 0px !important; } .p05 { padding: 5px !important; } .p10 { padding: 10px !important; } .p15 { padding: 15px !important; } .p20 { padding: 20px !important; } .p25 { padding: 25px !important; } .p30 { padding: 30px !important; } .p35 { padding: 35px !important; } .p40 { padding: 40px !important; } .p45 { padding: 45px !important; } .pt00 { padding-top: 0px !important; } .pt05 { padding-top: 5px !important; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 20px !important; } .pt25 { padding-top: 25px !important; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px !important; } .pt40 { padding-top: 40px !important; } .pt45 { padding-top: 45px !important; } .pr00 { padding-right: 0px !important; } .pr05 { padding-right: 5px !important; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; } .pr40 { padding-right: 40px !important; } .pr45 { padding-right: 45px !important; } .pb00 { padding-bottom: 0px !important; } .pb05 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px !important; } .pb20 { padding-bottom: 20px !important; } .pb25 { padding-bottom: 25px !important; } .pb30 { padding-bottom: 30px !important; } .pb35 { padding-bottom: 35px !important; } .pb40 { padding-bottom: 40px !important; } .pb45 { padding-bottom: 45px !important; } .pl00 { padding-left: 0px !important; } .pl05 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px !important; } .pl40 { padding-left: 40px !important; } .pl45 { padding-left: 45px !important; }
/*
--------------------------------------------------
 ▽ radious（角丸）設定専用クラス
-------------------------------------------------- */
.r03 { border-radius: 3px; } .r04 { border-radius: 4px; } .r05 { border-radius: 5px; } .r06 { border-radius: 6px; } .r07 { border-radius: 7px; } .r08 { border-radius: 8px; } .r09 { border-radius: 9px; } .r10 { border-radius: 10px; } .r11 { border-radius: 11px; } .r12 { border-radius: 12px; } .r13 { border-radius: 13px; } .r14 { border-radius: 14px; } .r15 { border-radius: 15px; } .r16 { border-radius: 16px; } .r17 { border-radius: 17px; } .r18 { border-radius: 18px; } .r19 { border-radius: 19px; } .r20 { border-radius: 20px; }
/*
--------------------------------------------------
 ▽ width
-------------------------------------------------- */
.w10 { width: 10% !important; } .w20 { width: 20% !important; } .w30 { width: 30% !important; } .w40 { width: 40% !important; } .w45 { width: 45% !important; } .w50 { width: 50% !important; } .w60 { width: 60% !important; } .w70 { width: 70% !important; } .w80 { width: 80% !important; } .w90 { width: 90% !important; } .w100 { width: 100% !important; } .w10px { width: 10px !important; } .w20px { width: 20px !important; } .w30px { width: 30px !important; } .w40px { width: 40px !important; } .w45px { width: 45px !important; } .w50px { width: 50px !important; } .w60px { width: 60px !important; } .w70px { width: 70px !important; } .w80px { width: 80px !important; } .w90px { width: 90px !important; } .w100px { width: 100px !important; }