@charset "utf-8";
/*
Theme Name:amariko-2025
Description:amariko-2025
Theme URI: 
Author: 2025-poool-k
Author URI: 
Version: 0.001
License: 
License URI: 
*/


/* 基本 */
body {margin: 0;padding: 0;background: #FEFBF0 ;color: #333;letter-spacing:0.05em;font-family: 'Noto-Regular', sans-serif;}
* {box-sizing: border-box;}

body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/* base*/

/* 全体枠 */
.all{min-width:1000px;}

/* 全体横幅1000px */
.all-width{
display: block !important;
margin: 0 auto !important;
width:1000px;min-width:1000px;
text-align:center;
}


/* Noto日本書体（Regular） */
@font-face {
font-family: 'Noto-Regular';
src: url('fonts/NotoSansCJKjp-Regular.ttf') format('truetype');
}
.Noto-Regular {font-family: 'Noto-Regular', sans-serif;}

/* Noto日本書体（Bold）*/
@font-face {
font-family: 'Noto-Bold';
src: url('fonts/NotoSansCJKjp-Bold.ttf') format('truetype');
}
.Noto-Bold {font-family: 'Noto-Bold', sans-serif;}



/*kiwimaru*/
@font-face {
font-family: "kiwimaru";
src:url("fonts/kiwimaru-subset.woff") format("woff");
}
.kiwimaru {font-family: "kiwimaru", sans-serif !important;}

/* 明朝体フォント */
.font_mincho {
font-family:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* 太文字 */
.bold-font{font-weight: bold;}

/* 左寄せ */
.text-l{text-align: left;}
/* 中央寄せ */
.text-c{text-align: center;}
/* 右寄せ */
.text-r{text-align: right;}

/* テキスト色 */
.red{color: #FF3300 !important;}
.green{color: #37B5B1 !important;}
.blown{color: #5B2400 !important;}

a{text-decoration:none;color:#333333;}
a:hover{text-decoration:none;}

/* 文字間つめ */
.letter-sp{ letter-spacing: -0.1em;}
/*取り消し線を引く*/
.deleted {text-decoration: line-through;}

/*文字にアンチエイリアスを効かせる*/
.font_smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*hr*/
hr{display:block;height:1px;border:0;border-top:1px solid #E5E5E5;margin:1.5em 0;padding:0;overflow: hidden;background: none;}
/*点線*/
.tenline{
border-top:1px dotted #aaaaaa;
height:1px;
margin: 30px 0;
}

/* image */
img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}
/*リンク画像透明度*/
a img:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*iframe*/
iframe {max-width: 100%;}
/*非表示*/
.none {display: none !important;}

/*スマホ・PC振り分け*/
.sp {display: none !important;}
/* クリア */
.both{clear: both;}

.sp-ss{margin-bottom:10px;}
.sp-s{padding-bottom:20px;}
.sp-m{margin-bottom:30px;}
.sp-l{margin-bottom:40px;}
.sp-ll{margin-bottom:50px;}



/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 1000px){
/* 全体枠 */
.all{overflow: hidden;min-width:100%;position: relative;}
.all-width{display: block;margin: 0 auto;width:92%;min-width:92%;}
/* 改行用 */
.newline{display:block;}
}

/*--------------------------------------------------------------------------------*/

/*▼▼▼トップの設定▼▼▼*/
/*全体*/
.toppage #container{background-color:#FEFBF0;}
.page #container{}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width:480px){
}
/*--------------------------------------------------------------------------------*/

header {width: 100%;overflow: hidden;position: absolute;top:0;left:0;z-index:10;height:250px ;}
header .h-logo{
position: absolute;top:0;left:0;
text-align:center;
padding:0;
z-index:500;
width:100%;
}

/* メインイメージ */
#main-img{text-align: center;overflow: hidden;position: relative;height:800px;background:transparent url(images/main-ill-bg.png) no-repeat center center;background-size: 100% 800px;
}
.illust img{height:800px;width:auto;}


#main-img .m-line-ue{width:100%;position: absolute;top:0;left:0;height:60px;
background:transparent url(images/m-line-ue.png) repeat-x center center;}
#main-img .m-line-shita{
width:100%;position: absolute;bottom:0;left:0;height:60px;
background:transparent url(images/m-line-shita.png) repeat-x center center;
}
#main-img .m-line-l{
width:34px;position: absolute;top:0;left:0;height:100%;
background:transparent url(images/m-line-l.png) repeat-y center center;
}
#main-img .m-line-r{
width:34px;position: absolute;top:0;right:0;height:100%;
background:transparent url(images/m-line-r.png) repeat-y center center;
}
.m-line-l-cover{
width:23px;position: absolute;top:0;left:0;z-index:2;height:100%;
background:transparent url(images/m-line-cover.png) repeat-y center center;
}
.m-line-r-cover{
width:23px;position: absolute;top:0;right:0;z-index:2;height:100%;
background:transparent url(images/m-line-cover.png) repeat-y center center;
}

/* スライダー画像 */
.center-item.slider img{width: 100%;}

.m-kumo01{position: absolute;width: 100%;z-index:5;top:210px;}
.m-kumo01 img{margin-left:280px;}
.m-kumo02{position: absolute;width: 100%;z-index:5;top:150px;}
.m-kumo02 img{margin-right:480px;}
.m-kumo00{position: absolute;width: 100%;z-index:5;top:120px;text-align:left;}
.m-kumo00 img{margin-left:3%;}
.m-kumo03{position: absolute;width: 100%;z-index:5;top:140px;text-align:right;}
.m-kumo03 img{margin-right:3%;}


/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 1500px) {
#main-img{height:auto;min-height:250px;}
.illust img{height:auto;width:auto;min-height:250px;object-fit: cover;}
.m-kumo01{top:160px;}
.m-kumo01 img{margin-left:20%;width:120px;}
.m-kumo02 img{margin-right:28%;}
.m-kumo00,.m-kumo03{display:none;}
}
@media screen and (max-width:1000px){
header .h-logo img{width:35%;height:auto;}
.m-kumo01{display:none;}
.m-kumo02{display:none;}

}

@media screen and (max-width: 900px) {
}

@media screen and (max-width:768px){
#main-img .m-line-ue,#main-img .m-line-l,#main-img .m-line-r,.m-line-l-cover,.m-line-r-cover{display:none ;}
#main-img .m-line-shita{
width:100%;position: absolute;bottom:-40px;left:0;height:60px;
background:transparent url(images/m-line-shita.png) repeat-x center center;
}
}
@media screen and (max-width:600px){
.center-item.slider img{width: 100%;}
.m-kumo01{}
.m-kumo02{}
}
@media screen and (max-width:480px){
header .h-logo img{width:160px;}
}
/*--------------------------------------------------------------------------------*/


/*フッタ*/

footer{padding: 0 0 60px 0 !important;width: 100%;text-align: center;position: relative;min-width:1000px;z-index:2;background:#FEFBF0;}

/*リンク*/
footer #links{margin:0 0 50px 0;}
footer #links .amariko{background-color:#56B4DF;width:45%;display:inline-block;vertical-align: top;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;margin:0 4.5% 10px 0;}
footer #links .tsubasa{background-color:#F29300;width:45%;display:inline-block;vertical-align: top;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;margin:0 0 10px 4.5%;}

footer #links a{display:block;padding:10px 20px !important;}
footer #links .amariko:hover,footer #links .tsubasa:hover{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

/*所在情報*/
footer #add{text-align:left;}
footer #add .l-box{text-align: left;display:inline-block;vertical-align: top;width: ;position: relative;margin:;
float:left;margin:0 6% 0 0.5%;
}
footer #add .l-box .box{background-color:#91CC99;display:inline-block;vertical-align: top;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;font-size:15px;margin-right:15px;}
footer #add .l-box .box a{color:#fff;display:block;padding:18px 40px;}
footer #add .l-box .box:hover{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

.recruit{background:transparent url(images/recruit.png) no-repeat left center;background-size:29px auto;padding:10px 0 10px 38px;}
.disclosure{background:transparent url(images/disclosure.png) no-repeat left center;background-size:29px auto;padding:10px 0 10px 38px;}

footer #add .r-box{text-align: left;display:inline-block;vertical-align: top;position: relative;font-size:14px;line-height:1.8;float:left;}
footer #add .r-box .houjin{font-size:20px;line-height:1.3;margin-bottom:6px;}


footer #add .danjyo{text-align: center;display:inline-block;vertical-align: top;width: ;position: relative;float:right;margin:0 0 0 0;}
footer #add .danjyo .txt{font-size:10px;margin-top:5px;}

copyright{display:block;font-size:9px;margin-top:15px;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1000px){
footer{width: 100%;min-width:100%;}
footer #links .amariko{width:48%;margin:0 1% 8px 1%;}
footer #links .tsubasa{width:48%;margin:0 1% 8px 1%;}
footer #add .l-box{margin:0 3% 0 0;}
footer #add .l-box{margin:0 30px 0 0;}
footer #add .l-box .box{display:block;margin:0 0 10px 0;}
}
@media screen and (max-width:768px){
footer{padding: 20px 0 40px 0 !important;}
}

@media screen and (max-width:660px){
footer #links .amariko{width:340px;}
footer #links .tsubasa{width:340px;}
footer #links{margin:0 0 20px 0;}
footer #add .l-box{width:100%;text-align:center;margin:0 0 25px 0;}
footer #add .l-box .box{display:inline-block;margin:0 6px;}
footer #add .r-box{width:100%;text-align:center;margin:0 0 25px 0;}
footer #add .danjyo{width:100%;text-align:center;}
}
@media screen and (max-width:600px){
footer #add .l-box{width:100%;text-align:center;margin:0 0 25px 0;}
footer #add .l-box .box{display:inline-block;margin:0 6px;}
footer #add .r-box{font-size:12px;line-height:1.6;}
footer #add .danjyo img{width:70px;height:auto;}
footer #add .r-box .houjin{font-size:18px;line-height:1.3;margin-bottom:6px;}
copyright{font-size:8px;margin-top:10px;}
}

@media screen and (max-width:480px){
footer #links{margin:0 0 10px 0;}
footer #links a{display:block;padding:6px 20px !important;}
footer #add .l-box .box a{color:#fff;display:block;padding:15px 32px;}
}

@media screen and (max-width:400px){
footer #links .amariko{width:96%;}
footer #links .tsubasa{width:96%;}
footer #add .l-box .box{width:45.8%;}
footer #add .l-box .box a{color:#fff;display:block;padding:15px;}
}
/*--------------------------------------------------------------------------------*/