@charset "utf-8";


/* -------------------------------------------------------------------
　汎用セット
---------------------------------------------------------------------- */
p {margin-left:5px;}
.container {
    padding-left: 10px;
    padding-right: 10px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}

/* 幅1000% */ .w100 {widht:100%;}
/* 文字の均等割り付け(禁則処理) */ p {word-break:break-all;}
/* 文字間 */ .mojikan {letter-spacing:0.2em;}
/* table均等 */ .tablefixed {table-layout: fixed;}

/* 文字サイズセット */
.px8 {
	font-size: 0.5rem;
	font-size: clamp(7px, 0.625vw, 8px)!important;
}
.px9 { 
	font-size: 0.5625rem;
	font-size: clamp(8px, 0.55vw, 9px)!important;
}
.px10 {
	font-size: 0.625rem;
	font-size: clamp(9px, 0.69vw, 10px)!important;
}
.px11 {
	font-size: 0.6875rem;
	font-size: clamp(10px, 0.76vw, 11px)!important;
}
.px12 {
	font-size: 0.75rem;
	font-size: clamp(11px, 0.83vw, 12px)!important;
}
.px13 {
	font-size: 0.8125rem;
	font-size: clamp(12px, 0.9vw, 13px)!important;
}
.px14 {
	font-size: 0.875rem;
	font-size: clamp(13px, 0.97vw, 14px)!important;
}
.px15 {
	font-size: 0.9375rem;
	font-size: clamp(14px, 1.04vw, 15px)!important;
}
.px16 {
	font-size: 1rem;
	font-size: clamp(14px, 1.1vw, 16px)!important;
}
.px17 {
	font-size: 1.0625rem;
	font-size: clamp(15px, 1.18vw, 17px)!important;
}
.px18 {
	font-size: 1.125rem;
	font-size: clamp(16px, 1.25vw, 18px)!important;
}
.px19 {
	font-size: 1.1875rem;
	font-size: clamp(17px, 1.31vw, 19px)!important;
}
.px20 {
	font-size: 1.25rem;
	font-size: clamp(18px, 1.38vw, 20px)!important;
}
.px21 {
	font-size: 1.3125rem;
	font-size: clamp(19px, 1.45vw, 21px)!important;
}
.px22 {
	font-size: 1.375rem;
	font-size: clamp(20px, 1.52vw, 22px)!important;
}
.px23 {
	font-size: 1.4375rem;
	font-size: clamp(21px, 1.59vw, 23px)!important;
}
.px24 {
	font-size: 1.4375rem;
	font-size: clamp(21px, 1.66vw, 24px)!important;
}
.px25 {
	font-size: 1.5rem;
	font-size: clamp(21px, 1.73vw, 25px)!important;
}
.px26 {
	font-size: 1.625rem;
	font-size: clamp(22px, 1.8vw, 26px)!important;
}
.px27 {
	font-size: 1.6875rem;
	font-size: clamp(23px, 1.87vw, 27px)!important;
}
.px28 {
	font-size: 1.75rem;
	font-size: clamp(24px, 1.94vw, 28px)!important;
}
.px29 {
	font-size: 1.8125rem;
	font-size: clamp(24px, 2.01vw, 29px)!important;
}
.px30 {
	font-size: 1.875rem;
	font-size: clamp(25px, 2.08vw, 30px)!important;
}
.px32 {
	font-size: 2rem;
	font-size: clamp(25px, 2.22vw, 32px)!important;
}
.px35 {font-size: 2.1875rem;
	font-size: clamp(28px, 2.43vw, 35px)!important;
}
.px36 {
	font-size: 2.25rem;
	font-size: clamp(28px, 2.5vw, 36px)!important;
}
.px42 {
	font-size: 2.625rem;
	font-size: clamp(40px, 2.91vw, 42px)!important;
}


@media screen and (max-width: 399px) {
	.px8 {font-size:7px!important;}
	.px9 {font-size:8px!important;}
	.px10 {font-size:9px!important;}
	.px11 {font-size:10px!important;}
	.px12 {font-size:11px!important;}
	.px13 {font-size:12px!important;}
	.px14 {font-size:13px!important;}
	.px15 {font-size:14px!important;}
	.px16 {font-size:14px!important;}
	.px17 {font-size:15px!important;}
	.px18 {font-size:16px!important;}
	.px19 {font-size:17px!important;}
	.px20 {font-size:18px!important;}
	.px21 {font-size:19px!important;}
	.px22 {font-size:20px!important;}
	.px23 {font-size:21px!important;}
	.px24 {font-size:21px!important;}
	.px25 {font-size:21px!important;}
	.px26 {font-size:22px!important;}
	.px27 {font-size:23px!important;}
	.px28 {font-size:24px!important;}
	.px29 {font-size:24px!important;}
	.px30 {font-size:25px!important;}
	.px32 {font-size:25px!important;}
	.px35 {font-size:28px!important;}
	.px36 {font-size:28px!important;}
	.px42 {font-size:40px!important;}
}

/* 文字カラーセット */
.black {color:#000000;}
.gray {color:#656D78;}
.white {color:#FFFFFF;}
.blue {color:#4A89DC;}
.green {color:#26A65B;}
.yellow {color:#FFA400;}
.red {color:#C3272B;}
.orange {color:#F60;}
.pink {color:#F47983;}
.olive {color:#808000;}
.purple {color:#763568;}

/* 文字太さ普通 */ .normal{font-weight: normal;}
/* 文字太さボールド */ .bold{font-weight: bold;}


/* マージン・パディングセット */

/* マージン0px */  .margin0 {margin:0!important;}
/* マージンauto */  .maut {margin:auto!important;}

/* マージン上0px */   .mt0 {margin-top:0px!important;}
/* マージン上5px */   .mt5 {margin-top:5px!important;}
/* マージン上10px */  .mt10 {margin-top:10px!important;}
/* マージン上15px */  .mt15 {margin-top:15px!important;}
/* マージン上20px */  .mt20 {margin-top:20px!important;}
/* マージン上30px */  .mt30 {margin-top:30px!important;}
/* マージン上40px */  .mt40 {margin-top:40px!important;}
/* マージン上50px */  .mt50 {margin-top:50px!important;}
/* マージン上60px */  .mt60 {margin-top:60px!important;}
/* マージン上70px */  .mt70 {margin-top:70px!important;}
/* マージン上80px */  .mt80 {margin-top:80px!important;}
/* マージン上90px */  .mt90 {margin-top:90px!important;}

/* マージン下なし */  .mb0 {margin-bottom:0!important;}
/* マージン下5px */  .mb5 {margin-bottom:5px!important;}
/* マージン下10px */ .mb10 {margin-bottom:10px!important;}
/* マージン下15px */ .mb15 {margin-bottom:15px!important;}
/* マージン下20px */ .mb20 {margin-bottom:20px!important;}
/* マージン下30px */ .mb30 {margin-bottom:30px!important;}
/* マージン下40px */ .mb40 {margin-bottom:40px!important;}
/* マージン下50px */ .mb50 {margin-bottom:50px!important;}
/* マージン下60px */ .mb60 {margin-bottom:60px!important;}
/* マージン下70px */ .mb70 {margin-bottom:70px!important;}
/* マージン下80px */ .mb80 {margin-bottom:80px!important;}
/* マージン下90px */ .mb90 {margin-bottom:90px!important;}

/* マージン左5px */   .ml5 {margin-left:5px!important;}
/* マージン左10px */  .ml10 {margin-left:10px!important;}
/* マージン左15px */  .ml15 {margin-left:15px!important;}
/* マージン左20px */  .ml20 {margin-left:20px!important;}
/* マージン左30px */  .ml30 {margin-left:30px!important;}
/* マージン左40px */  .ml40 {margin-left:40px!important;}
/* マージン左50px */  .ml50 {margin-left:50px!important;}

/* マージン右5px */   .mr5 {margin-right:5px!important;}
/* マージン右10px */  .mr10 {margin-right:10px!important;}
/* マージン右15px */  .mr15 {margin-right:15px!important;}
/* マージン右20px */  .mr20 {margin-right:20px!important;}
/* マージン右30px */  .mr30 {margin-right:30px!important;}
/* マージン右40px */  .mr40 {margin-right:40px!important;}
/* マージン右50px */  .mr50 {margin-right:50px!important;}

/* パディング0px */  .p0 {padding:0!important;}
/* パディング5px */  .p5 {padding:5px!important;}
/* パディング10px */  .p10 {padding:10px!important;}
/* パディング15px */  .p15 {padding:15px!important;}

/* パディング上0px */   .pt0 {padding-top:0px!important;}
/* パディング上5px */   .pt5 {padding-top:5px!important;}
/* パディング上10px */  .pt10 {padding-top:10px!important;}
/* パディング上15px */  .pt15 {padding-top:15px!important;}
/* パディング上20px */  .pt20 {padding-top:20px!important;}
/* パディング上30px */  .pt30 {padding-top:30px!important;}
/* パディング上35px */  .pt35 {padding-top:35px!important;}
/* パディング上40px */  .pt40 {padding-top:40px!important;}
/* パディング上50px */  .pt50 {padding-top:50px!important;}
/* パディング上60px */  .pt60 {padding-top:60px!important;}
/* パディング上70px */  .pt70 {padding-top:70px!important;}
/* パディング上80px */  .pt80 {padding-top:80px!important;}

/* パディング下5px */   .pb5 {padding-bottom:5px!important;}
/* パディング下10px */  .pb10 {padding-bottom:10px!important;}
/* パディング下15px */  .pb15 {padding-bottom:15px!important;}
/* パディング下20px */  .pb20 {padding-bottom:20px!important;}
/* パディング下30px */  .pb30 {padding-bottom:30px!important;}
/* パディング下35px */  .pb35 {padding-bottom:35px!important;}
/* パディング下40px */  .pb40 {padding-bottom:40px!important;}
/* パディング下50px */  .pb50 {padding-bottom:50px!important;}
/* パディング下60px */  .pb60 {padding-bottom:60px!important;}
/* パディング下70px */  .pb70 {padding-bottom:70px!important;}
/* パディング下80px */  .pb80 {padding-bottom:80px!important;}
/* パディング下90px */  .pb90 {padding-bottom:90px!important;}
/* パディング下120px */  .pb120 {padding-bottom:120px!important;}

/* パディング左0px */   .pl0 {padding-left:0px!important;}
/* パディング左5px */   .pl5 {padding-left:5px!important;}
/* パディング左10px */  .pl10 {padding-left:10px!important;}
/* パディング左15px */  .pl15 {padding-left:15px!important;}
/* パディング左20px */  .pl20 {padding-left:20px!important;}
/* パディング左30px */  .pl30 {padding-left:30px!important;}
/* パディング左40px */  .pl40 {padding-left:40px!important;}
/* パディング左50px */  .pl50 {padding-left:50px!important;}

/* パディング右0px */   .pr0 {padding-right:0px!important;}
/* パディング右5px */   .pr5 {padding-right:5px!important;}
/* パディング右10px */  .pr10 {padding-right:10px!important;}
/* パディング右15px */  .pr15 {padding-right:15px!important;}
/* パディング右20px */  .pr20 {padding-right:20px!important;}
/* パディング右30px */  .pr30 {padding-right:30px!important;}
/* パディング右40px */  .pr40 {padding-right:40px!important;}
/* パディング右50px */  .pr50 {padding-right:50px!important;}

/* 単独フロート解除 */
.clear { clear:both;}
.clearH {overflow:hidden;}
/* 要素を隠す・非表示 */
.hide, .hidemedia{ display:none;}
.hidden {overflow:hidden;}

/* 区切り線 */
hr {border-top: 1px dashed #999999;}

/* テーブル関連 */
.table th, .table td {vertical-align: middle;}
/* table均等 */ .tablefixed {table-layout: fixed;}

/* リスト関連 */
ol.list_parentheses {/* カッコつきの文字にする */
    padding:0 0 0 0.5em;
    margin:0;
}
ol.list_parentheses li {
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}
ol.list_parentheses li:before {
    display: marker;
    content: "(" counter(cnt) ") ";
}

/* グーグルマップ・facebookなど */
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
 
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    
    
    width: 100%;
    height: 100%;
}

/* 画像のホバーエフェクト */
a img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
a:hover img {
    opacity: .7;
}

/* ページトップへ*/
#page_top {
    width: 100px;
    height: 100px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #d28ae6;
    opacity: 0.6;
    border-radius: 50%;
}
#page_top a {
  position: relative;
    display: block;
    width: 100px;
    height: 100px;
    text-decoration: none;
}
#page_top a::before {
    font-family:'Font Awesome 5 Free';
    content: '\f106';
    font-size: 25px;
    font-weight:900;
    color: #fff;
    position: absolute;
     width: 25px;
    height: 25px;
    top: -40px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}
#page_top a::after{
    content: 'PAGE TOP';
    font-family: "PixelMplus12";
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 45px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

/* -------------------------------------------------------------------
　非モバイル・ファーストの場合
---------------------------------------------------------------------- */ 
/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
 
/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
}
 
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
 
/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {
}
 
/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {
    
}