@charset "UTF-8";
/* バックグラウンド背景設定 */
.bg01_01 {
    background: #fff;
}
.bg01_02 {
    background: #fff;
}
.bg02_01 {
    background: url(../../common/bg/bg02_01.jpg) left top repeat;
}
.bg03_01 {
    background: linear-gradient(#05FBFF, #0cadff);
}
.bg04_01 {
    background: url(../../common/bg/bg04.png) no-repeat bottom center;
    background-size: 130%;
}

.bg04_03 {
    background: url(../../common/bg/bg04_03.jpg) no-repeat top center;
    background-size: cover;
}
.bg04_04 {
    background: url(../../common/bg/info01.jpg) no-repeat top center;
    background-size: cover;
}
.bg04_05 {
    background: url(../../common/bg/info02.jpg) no-repeat top center;
    background-size: cover;
}

.bg04_06 {
    background: url(../../common/bg/info03.jpg) no-repeat top center;
    background-size: cover;
}
.bg04_07 {
    background: url(../../common/bg/info04.jpg) no-repeat top center;
    background-size: cover;
}
.bg04_08 {
    background: url(../../common/bg/info05.jpg) no-repeat top center;
    background-size: cover;
}
.bg04_09 {
    background: url(../../common/bg/shika01.jpg) no-repeat top center;
    background-size: cover;
}
.bg04_10 {
    background: url(../../common/bg/child01.jpg) no-repeat top center;
    background-size: cover;
}

.bg05_01 {
    background: url(../../common/bg/bg07_01.jpg) center top no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
.bg06_01 {
    background: url(../../common/bg/bg08_01.jpg) center top no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% auto;
}
.bg07_01 {
    background: url(../../common/bg/bg09_01.jpg) center top no-repeat;
    -moz-background-size: 100% 100%;
    background-size: auto 100%;
}
.bg8_01 {
    background: url(../../common/bg/bg10_01.png) center top no-repeat #ddd;
    background-size: 100% auto;
}
.top_bg {
    background: url(../images/box01_bg02.jpg) no-repeat top center;
    -moz-background-size: cover;
    background-size: cover;
}
/* バックグラウンド設定 ここまで*/

/* コンテンツ移動・エフェクト */
.list-mv07 {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
}
.mctm01 {
    transform: translate(0, -100px);
    -webkit-transform: translate(0, -100px);
    transition: 1s;
    opacity: 0;
}
.mcrc01 {
    transform: translate(100px, 0);
    -webkit-transform: translate(100px, 0);
    transition: 1s;
    opacity: 0;
}
.mcbm01 {
    transform: translate(0, 100px);
    -webkit-transform: translate(0, 100px);
    transition: 1s;
    opacity: 0;
}
.mclc01 {
    transform: translate(-100px, 0);
    -webkit-transform: translate(-100px, 0);
    transition: 1s;
    opacity: 0;
}
.mctm02 {
    transform: translate(0, -100px);
    -webkit-transform: translate(0, -100px);
    transition: 2s;
    opacity: 0;
}
.mcrc02 {
    transform: translate(100px, 0);
    -webkit-transform: translate(100px, 0);
    transition: 2s;
    opacity: 0;
}
.mcbm02 {
    transform: translate(0, 100px);
    -webkit-transform: translate(0, 100px);
    transition: 2s;
    opacity: 0;
}
.mclc02 {
    transform: translate(-100px, 0);
    -webkit-transform: translate(-100px, 0);
    transition: 2s;
    opacity: 0;
}
.mctm03 {
    transform: translate(0, -130px);
    -webkit-transform: translate(0, -130px);
    transition: 3s;
    opacity: 0;
}
.mcrc03 {
    transform: translate(130px, 0);
    -webkit-transform: translate(130px, 0);
    transition: 3s;
    opacity: 0;
}
.mcbm03 {
    transform: translate(0, 130px);
    -webkit-transform: translate(0, 130px);
    transition: 3s;
    opacity: 0;
}
.mclc03 {
    transform: translate(-130px, 0);
    -webkit-transform: translate(-130px, 0);
    transition: 3s;
    opacity: 0;
}
.mvimg02 {
    transform: translate(0, 70px);
    -webkit-transform: translate(0, 60px);
    transition: 1.5s;
    opacity: 0;
}
.mvimg03 {
    transform: translate(0, 80px);
    -webkit-transform: translate(0, 60px);
    transition: 2s;
    opacity: 0;
}
.mcf01 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transition: 2s;
    opacity: 0;
}
.mcf02 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transition: 5s;
    opacity: 0;
}
.mcf03 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transition: 7s;
    opacity: 0;
}
.mcf04 {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transition: 8s;
    opacity: 0;
}
.mpz01 {
	overflow:		hidden;
}
.mpz01 img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 1.s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.mpz02 {
	overflow:		hidden;
}
.mpz02 img:hover {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.mpz03 {
	overflow:		hidden;
}
.mpz03 img:hover {
	-webkit-transform: scale(1.6);
	-moz-transform: scale(1.6);
	transform: scale(1.6);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.mpz04 {
	overflow:		hidden;
}
.mpz04 img:hover {
	-webkit-transform: scale(2.5);
	-moz-transform: scale(2.5);
	transform: scale(2.5);
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

/* フォント設定 */
.font01 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}
.font02 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
.font03 {
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

/* 画像枠・デザイン */

img.waku01 {
    border: #0d72ba solid 2px;
}
img.wakushiro {
    border: #fff solid 3px !important;
}
img.wakuNo {
    border: #DDD solid 0px !important;
}
img.kado {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
img.w45 {
    width: 45%;
}

#content_wrap {
}
#content {
    width: 100%;
    margin-bottom: 3em;
}
#content_top {
    width: 100%;
    margin: 0;
}
#content_wight {
    max-width: 1100px;
    margin: 0 auto;
}
#content100 {
    width: 960px;
    margin: 0 0 10px;
    float: none;
}
#content100 p {
}
#sidebar {
    width: 20%;
    float: left;
    margin: 0 0 10px 4px;
}
#imgco {
    width: 90%;
    padding-top: 0em;
    margin: auto;
    clear: both;
}
.imgco_wrap {
    width: 100%;
    background: #f2f2f2;
}
/* サムネイル画像 */
.imgmain img {
    max-width: 100%;
    margin-bottom: 10px;
}
/* アイコンメニュー */
#iconmenu {
    padding-top: 10px;
    text-align: center;
    background: url(../images/footer_sns.png) bottom center no-repeat;
}
#iconmenu ul {
    padding: 5px 0 40px;
    margin: 0 auto;
}
#iconmenu li {
    display: inline;
    list-style-type: none;
    margin-left: 5px;
}
#iconmenu img {
    border: none;
}
#iconmenu img.waku {
    border: #ef8443 solid 0px;
}
/* ヘッダー画像 */
#low_title {
    margin: 0 auto 0em;
    text-align: center;
    background: url(../bg/bg05.png) top right no-repeat;
}
#low_title h2 {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, "Droid Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
    font-size: 3em;
    color: #333;
    padding: 3.3em 0 0.5em 0;
    line-height: 1;
}
#low_title .titlebottom {
    color: #ee8100;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 2em;
    margin: 0;
}
#headerimg img {
    vertical-align: bottom;
    margin-top: 5px;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
}
/* ナビゲーションメニュー */
.inner {
    width: 1100px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 10px 0;
    line-height: 1;
    z-index: 999;
    /* ヘッダースクロール背景カラー */
    background: rgba(255,255,255,.9);
    box-shadow: 10px rgba(0, 0, 0, 0.7);
}
#top-head a, #top-head {
    color: #333;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 1.7rem;
    margin-bottom: 0.6em;
}
#global-nav ul li {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    float: left;
    font-weight: bold;
}
#global-nav ul li a {
    padding: 0 0.4em;
    position: relative;
    display: inline-block;
    text-decoration: none;
}
#global-nav ul li a::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
    background: #ee8100;
}
#global-nav ul li a:hover::after {
    transform: scale(1, 1);
}
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    /* ヘッダースクロール背景カラー */
    background: rgba(255,255,255,.8);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo img {
    width: 60%;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 10px;
}
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    /* ハンバーグメニューのカラー */
    background: #ee8100;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

@media screen and (max-width:750px) {
#top-head, .inner {
    width: 100%;
    padding: 0;
}
#top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
}
#top-head .logo img {
    padding: 0;
    width: 60%;
}
/* Fixed reset */
#top-head.fixed {
    padding-top: 0;
    background: transparent;
}
#mobile-head {
    background: #fff;
    width: 100%;
    height: 56px;
    z-index: 999;
    position: relative;
}
#top-head.fixed .logo, #top-head .logo {
    position: absolute;
    left: 13px;
    top: 13px;
    color: #333;
    font-size: 26px;
}
#global-nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -500px;
    /* ハンバーグメニュー背景カラー */
    background: #ee8100;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
#global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
}
#global-nav ul li {
    float: none;
    position: static;
}
#top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 18px 0;
}
#nav-toggle {
    display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}
.open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
}
}
/* ナビゲーションメニュー ここまで */

/* 見出し */
#content .date {
    float: right;
    background-color: #33C1C7;
    padding: 5px 10px;
    border-radius: 30px / 30px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    margin-left: 5px;
    font-size: 14px;
}
#content .date span {
    display: block;
    font-size: 18px;
    line-height: 1;
}
.underline80 {
    border-bottom: 2px solid #0d559f;
    width: 80%;
}
.underline75 {
    border-bottom: 2px solid #0d559f;
    width: 75%;
}
.underline72 {
    border-bottom: 2px solid #0d559f;
    width: 72%;
}
.underline70 {
    border-bottom: 2px solid #0d559f;
    width: 70%;
}
.underline50 {
    border-bottom: 2px solid #0d559f;
    width: 50%;
}
.underline40 {
    border-bottom: 2px solid #0d559f;
    width: 40%;
}
.underline35 {
    border-bottom: 2px solid #0d559f;
    width: 35%;
}

/* 本文 */
/* ### サイドバー ### */

/* メニュー01 */
.menu01 {
    margin-bottom: 20px;
}
.menu01 h3 {
    margin: 0 !important;
    padding: 0 !important;
}
.menu01 li img {
    max-width: 100%;
    border-radius: 0 !important;
}
.menu01 ul {
    margin: 0;
    padding: 0;
    background: #ededed;
}
.menu01 li {
    margin-bottom: 0;
    list-style-type: none;
}
.menu01 li img {
    max-width: 100%;
    border-radius: 0 !important;
}
.menu01 li.last {
    margin-bottom: 0;
    list-style-type: none;
    border-bottom: solid 0px #225ee5 !important;
    border-radius: 0;
}
.menu01 li.last a {
    margin-bottom: 0;
    list-style-type: none;
    border-bottom: solid 0px !important;
}
.menu01 li.last a:hover {
    margin-bottom: 0;
    list-style-type: none;
    border-bottom: solid 0px !important;
    border-radius: 0;
}
.menu01 li a {
    display: block;
    font-size: 1em;
    text-decoration: none;
    color: #333;
    padding: 1em 0 1em 1.5em;
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-weight: bold;
    text-shadow: 1px 1px 1px #CCC;
    border-left: 10px #CCC solid;
    border-bottom: 1px #FFF solid;
}
.menu01 li a:hover {
    color: #333;
    background: #DDD;
    background-repeat: no-repeat;
    background-position: 0 50%;
    border-left: 10px #0e5bc5 solid;
}
.menu01 li.last a {
}
.menu01 li.last a:hover {
}
.menu01 li.list01 a {
}
.menu01 li.list01 a:hover {
}
/* メニュー02 */
.menu02 {
    margin-bottom: 20px;
}
.menu02 ul {
    margin: 0;
    padding: 10px 0;
    background: #ece0c1;
}
.menu02 li {
    margin-bottom: 0;
    list-style-type: none;
}
.menu02 li img {
    max-width: 100%;
    border-radius: 0 !important;
}
.menu02 li.last {
    margin-bottom: 0;
    list-style-type: none;
    border-bottom: solid 0px #225ee5 !important;
}
.menu02 li.last a {
    margin-bottom: 0;
    list-style-type: none;
    border-bottom: solid 0px #225ee5 !important;
}
.menu02 li.last a:hover {
    margin-bottom: 0;
    list-style-type: none;
    border-bottom: solid 0px #225ee5 !important;
    border-radius: 0 0 1px 1px;
}
.menu02 li a {
    display: block;
    font-size: 18px;
    text-decoration: none;
    color: #694f0c;
    padding: 10px 0 8px 47px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-weight: bold;
    text-shadow: 1px 1px 1px #CCC;
}
.menu02 li a:hover {
    color: #694f0c;
    background: #f4eedd;
    background-repeat: no-repeat;
    background-position: 0 50%;
    text-shadow: 1px 1px 1px #CCC;
}
.menu02 li.last a {
}
.menu02 li.last a:hover {
}
.menu02 li.list01 a {
    background-image: url(../images/listmark02.png);
}
.menu02 li.list01 a:hover {
    background-image: url(../images/listmark02.png);
}
.maehatatoha_list {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    list-style-type: square;
}
.maehatatoha_list li {
    color: #06F;
    font-weight: bold;
    margin: 0 0 1.3em 1.2em;
}
table.soshiki {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    border-top: #89c997 solid 1px;
    border-left: #89c997 solid 1px;
    font-size: 12px;
}
table.soshiki th {
    width: 20%;
    font-size: 1.5em;
    text-align: center;
    border-right: #89c997 solid 1px;
    border-bottom: #fff solid 1px;
    color: #fff;
    background: #89c997;
    padding: 15px;
    vertical-align:middle;
}
table.soshiki td {
    width: 20%;
    font-size: 1.5em;
    padding: 15px 0;
    text-align: center;
    border-right: #89c997 solid 1px;
    border-bottom: #89c997 solid 1px;
    font-weight: bold;
    background: #FFF;
    vertical-align:middle;
}
table.soshiki td.seihin {
    text-align: left;
    color: #F93;
    font-weight: bold;
}
table.soshiki td.seihinlast:last-child {
    text-align: left;
    color: #F93;
    font-weight: bold;
    border-radius: 0 0 5px 0;
}

/* マージン設定 */
.mT5 {
    margin-top: 5px;
}
.mT10 {
    margin-top: 10px;
}
.mT20 {
    margin-top: 20em;
}
.mT30 {
    margin-top: 30px;
}
.mT50 {
    margin-top: 50px;
}
.mT5em {
    margin-top: 5em;
}
.mT10em {
    margin-top: 10em;
}
.mT20em {
    margin-top: 20em;
}
.mT30em {
    margin-top: 30em;
}
.mT50em {
    margin-top: 50em;
}
.mR5 {
    margin-right: 5px;
}
.mR10 {
    margin-right: 10px;
}
.mR20 {
    margin-right: 20em;
}
.mR30 {
    margin-right: 30px;
}
.mR50 {
    margin-right: 50px;
}
.mR5em {
    margin-right: 5em;
}
.mR10em {
    margin-right: 10em;
}
.mR20em {
    margin-right: 20em;
}
.mT30em {
    margin-right: 30em;
}
.mR50em {
    margin-right: 50em;
}
.mB5 {
    margin-bottom: 5px;
}
.mB5em {
    margin-bottom: 5em;
}
.mB10 {
    margin-bottom: 10px;
}
.mB20 {
    margin-bottom: 20px;
}
.mB30 {
    margin-bottom: 30px;
}
.mB50 {
    margin-bottom: 50px;
}
.mB5em {
    margin-bottom: 5em;
}
.mB10em {
    margin-bottom: 10em;
}
.mB20em {
    margin-bottom: 20em;
}
.mB30em {
    margin-bottom: 30em;
}
.mB50em {
    margin-bottom: 50em;
}
.mL5 {
    margin-left: 5px;
}
.mL10 {
    margin-left: 10px;
}
.mL20 {
    margin-left: 20px;
}
.mL30 {
    margin-left: 30px;
}
.mL50 {
    margin-left: 50px;
}
.mL5em {
    margin-left: 5em;
}
.mL10em {
    margin-left: 10em;
}
.mL20em {
    margin-left: 20em;
}
.mL30em {
    margin-left: 30em;
}
.mL50em {
    margin-left: 50em;
}
/* パディング設定 */
.pT5 {
    padding-top: 5px;
}
.pT10 {
    padding-top: 10px;
}
.pT20 {
    padding-top: 20em;
}
.pT30 {
    padding-top: 30px;
}
.pT50 {
    padding-top: 50px;
}
.pT5em {
    padding-top: 5em;
}
.pT10em {
    padding-top: 10em;
}
.pT20em {
    padding-top: 20em;
}
.pT30em {
    padding-top: 30em;
}
.pT50em {
    padding-top: 50em;
}
.pR5 {
    padding-right: 5px;
}
.pR10 {
    padding-right: 10px;
}
.pR20 {
    padding-right: 20em;
}
.pR30 {
    padding-right: 30px;
}
.pR50 {
    padding-right: 50px;
}
.pR5em {
    padding-right: 5em;
}
.pR10em {
    padding-right: 10em;
}
.pR20em {
    padding-right: 20em;
}
.pT30em {
    padding-right: 30em;
}
.pR50em {
    padding-right: 50em;
}
.pB5 {
    padding-bottom: 5px;
}
.pB10 {
    padding-bottom: 10px;
}
.pB20 {
    padding-bottom: 20px;
}
.pB30 {
    padding-bottom: 30px;
}
.pB50 {
    padding-bottom: 50px;
}
.pB5em {
    padding-bottom: 5em;
}
.pB10em {
    padding-bottom: 10em;
}
.pB20em {
    padding-bottom: 20em;
}
.pB30em {
    padding-bottom: 30em;
}
.pB50em {
    padding-bottom: 50em;
}
.pL5 {
    padding-left: 5px;
}
.pL10 {
    padding-left: 10px;
}
.pL20 {
    padding-left: 20em;
}
.pL30 {
    padding-left: 30px;
}
.pL50 {
    padding-left: 50px;
}
.pL5em {
    padding-left: 5em;
}
.pL10em {
    padding-left: 10em;
}
.pL20em {
    padding-left: 20em;
}
.pL30em {
    padding-left: 30em;
}
.pL50em {
    padding-left: 50em;
}
.box_padding1em {
    padding: 1em;    
}
/* フォントカラー・ビッグ*/
.textB {
    font-weight: bold;
}
.text_color01 {
    color: #0e72ba;
}
.text_color02 {
    color: #ee8100;
}
.textB {
    font-weight: bold;
}
.text_red {
    color: #00FF00;
}
.textB {
    font-weight: bold;
}
.text_color01 {
    color: #FF0000;
}

/* フォントサイズ */

.text01 {
    font-size: 5em
}
.bgF {
    background: #FFF;
}
.bg01 {
    background: url(../bg/top_bg01.gif) bottom center no-repeat;
}
.bg02 {
    background: url(../images/bg02.gif) top center repeat;
}
.traffictext {
    font-size: 14px;
}
.utikesisen {
    text-decoration: line-through;
}

/* テキストの整列 */
.text_center {
    text-align: center;
}

/* テキストカラー */
.textW {
color: #FFF;
}

/* 回り込み設定 */
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}

/* ボーダー */
.border01 {
	border-top: solid 10px #e3d2b9;
}

/* テキストの整列 */
.text_left {
    text-align: left;
}
.text_right {
    text-align: right;
}
.text_center {
    text-align: center;
}

.list {
    margin: 50px 50px 50px 50px;
    list-style-type: none;
    overflow: hidden;
}
.list li {
    margin: 50px 20px 50px 20px;
    float: left;
    transition: .8s;
}
.mv07 {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}


/* 1枚画像が横いっぱいまで広がる */
.pic01 {
	width: 100%;
}
.pic01 img {
	width: 100%;
}

/* 2枚画像が横いっぱいまで広がる */
.pic02 {
	margin: 0;
	float: left;
	width: 50%;
}
.pic02 img {
	width: 100%;
	margin: 0;
}
.pic02_30,.pic02_70 img {
	width: 100%;
	margin: 0;
}
/* 3枚画像が横いっぱいまで広がる */
.pic03 {
	margin: 0;
	float: left;
	width: 33.3%;
}
.pic03 img {
	width: 100%;
}
/* ### パソコン表示とスマホ表示 ### */
.pc { display: block !important; }
.sp { display: none !important; }

/* ### ローディング設定 ### */

div#loader {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    text-align: center;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
}
div#loader div {
    margin-left: -100px;
    margin-top: -100px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
}
#loader-bar {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
#loader {
    position: relative;
    width: 2.5em;
    height: 2.5em;
}
#loader:before, #loader:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.25em;
    transform: translate(-50%, -50%);
}
#loader:before {
    animation: before 2s infinite;
}
#loader:after {
    animation: after 2s infinite;
}