/*****　全ページ共通CSS　*****/

/****************/
/***　初期化　***/
/****************/

html{font-size:62.5%}
body,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,div,p{
font-style:normal;
font-size:1.6rem;
-webkit-text-size-adjust: 100%;
line-height:180%;
margin:0;
padding:0;
color:#444;
}
strong{font-weight:normal}
em{font-style:normal}
body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0 auto;
}
img{border:0}
ul,ol,li{list-style:none}
br{letter-spacing:normal}/*IEの改行バグ対策*/ 
a{text-decoration:none;outline:none;}
hr{border:none}


/************************/
/***　配置レイアウト　***/
/************************/

.left{text-align:left}
.center{text-align:center}
.right{text-align:right}

/*横並び均等配置（中央寄せ）*/
.flex_cen{
display:flex;
display:-webkit-flex;
justify-content:center;
-webkit-justify-content:center;
}
/*横並び均等配置（先頭末尾余白無し）*/
.flex_bw{
display:flex;
display:-webkit-flex;
justify-content:space-between;
-webkit-justify-content:space-between;
}
/*横並び均等配置（先頭末尾余白有り）*/
.flex_ar{
display:flex;
display:-webkit-flex;
justify-content:space-around;
-webkit-justify-content:space-around;
}
/*縦中央寄せ*/
.flex_mid{
display:flex;
display:-webkit-flex;
align-items:center;
-webkit-align-items:center;
}
/*　clearfix　*/
.clearfix:after {display:block;content:" ";clear:both;visibility:hidden}


/**********************/
/***　フォント設定　***/
/**********************/

/*　基本文字装飾　*/
.bold{font-weight:bold}
.uline{text-decoration:underline}
.cancel{text-decoration:line-through;color:#000}

/*　フォントカラー　*/
.red{color:#FF0000}
.blue, .blue a:visited{color:#4169E1}
.bs_font{color:#5dab92}/*TOPページなどのベースフォント色（エメラルド）*/


/***　各パーツ用Webフォント設定　***/

/*ノトサンズ*/
.fnt_Noto, .fnt_NotoGrn{
font-family:'Noto Sans JP', sans-serif;
}
/*ノトサンズ（深緑）*/
.fnt_NotoGrn{color:#5dab92}


/********************/
/***　メイン設定　***/
/********************/

/*PCコンテンツ最大幅*/
div.main{
width:1040px;
margin:0 auto;
}
/*ヘッダー・フッター区切り帯*/
hr.hd_bottom{
border:none;
border-bottom:50px solid #5dab93;
margin:0;
}
hr.ft_top{
border:none;
border-bottom:10px solid #5dab93;
margin:0;
}

/*キャッチバナー*/
div.banner{
margin-bottom:30px;
width:1040px;
}
div.banner img{width:100%}

/*スマホ用リンクリストボックス非表示*/
label#cnt_list{display:none}

/*コンテンツバナー*/
ul.bnr_contents{
display:flex;
flex-wrap:wrap;
margin-bottom:50px;
}
.bnr_contents li{width:49%}
.bnr_contents li:nth-child(odd){margin-right:2%}
.bnr_contents li img{
width:100%;
border-radius:10px 0;
}
.bnr_contents li a:hover{opacity:0.7}

/***TOPへ戻るボタン***/
#page-top{
display:none;
position:fixed;
right:30px;
bottom:30px;
}
#page-top p{
margin:0;
padding:0;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
transition:all 0.3s;
}
#move-page-top{
display:block;
cursor:pointer;
}


/**********************/
/***　ヘッダー設定　***/
/**********************/
div#hd_wrap{
width:1040px;
height:120px;
background-color:#fff;
z-index:99;
margin:0 auto;
}
div.hd_logo img{height:70px}
#hd_wrap ul.exlink_logo{
margin-left:auto;
padding-right:50px;
}
#hd_wrap ul.exlink_logo li:nth-child(even){
margin-left:25px;
margin-right:25px;
}
ul.exlink_logo li img{height:40px}
ul.exlink_logo li a:hover{opacity:0.7}
div.shop_pcbtn{margin-top:10px}
div.shop_pcbtn img{height:150px}
div.shop_spbtn{display:none}


/**********************/
/***　フッター設定　***/
/**********************/
div#ft_bg{
background:#F6F6F6;
padding:40px 0;
}
div#ft_wrap{
width:1040px;
margin:0 auto;
text-align:center;
}
#ft_wrap ul.exlink_logo li:nth-child(even){
margin-left:40px;
margin-right:40px;
}
div.ft_logo{
width:1040px;
margin-bottom:10px;
}
div.ft_logo img{width:15%}
p.ft_company{
font-weight:bold;
font-size:1.8rem;
margin-bottom:10px;
}
p.ft_address{margin-bottom:20px}
ul.ft_button{
margin-bottom:30px;
width:1040px;
}
ul.ft_button li{
padding:10px;
color:#fff;
border-radius:25px;
width:25%;
margin-left:auto;
margin-right:auto;
font-weight:bold;
}
ul.ft_button li.ft_shop{
background:#5dab93 url("https://noos.co.jp/weblo/img/common/icon_ft_shop.png") no-repeat 20px center / 10%;
margin-bottom:10px;
}
ul.ft_button li.ft_contact{
background:#5dab93 url("https://noos.co.jp/weblo/img/common/icon_ft_contact.png") no-repeat 20px center / 10%;
}
#ft_wrap ul.exlink_logo li:nth-child(even){margin:0 10px}
div.ft_copyright{
background:#5dab93;
text-align:center;
padding:30px 0;
}
div.ft_copyright p{color:#fff}



/************************/
/***　パンくずリスト　***/
/************************/

div#topic_path{
border-top:1px solid #ccc;
background:#f2f2f1;
width:auto;
}
#topic_path ul{
display:flex;
padding-left:80px;
max-width:1040px;
margin:0 auto;
}
#topic_path ul li{
float:left;
padding:10px 0;
color:#666;
height:30px;/*webkit用*/
}
#topic_path ul li:after{
content:">";
padding-left:5px;
padding-right:5px;
color:#ccc;
font-weight:bold;
}
#topic_path ul li:last-child:after{content:""}
#topic_path ul li a{color:#5dab92}
#topic_path ul li a:hover{text-decoration:underline}
#topic_path ul li img{
width:18px;
height:18px;
vertical-align:middle;
padding-right:5px;
}










/**************************************************/
/*****　タブレット用CSS(android10インチ基準)　*****/
/**************************************************/
@media screen and (max-device-width:1024px) {

/*携帯デバイスでフォントが枠に収まらない場合に使用*/
/*.reduce{font-size:0.8em !important}
.reduce2{font-size:0.9em !important}*/

/*タブレット右余白処理*/
hr.hd_bottom, hr.ft_top, div.ft_copyright{width:1040px}
div#ft_bg{width:fit-content}


}/*タブレットCSS END*/


/***********************************/
/*****　スマホ用横置き専用CSS　*****/
/***********************************/
@media screen and (max-device-width:736px) and (orientation: landscape){

html{line-height:120%}

}/*スマホ横置きCSS END*/


/*************************/
/*****　スマホ用CSS　*****/
/*************************/
@media screen and (max-device-width:414px) , screen and (max-device-width:736px) and (orientation: landscape){

/*文字・画面幅スマホ用初期化*/
body,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,div,p{font-size:3.6rem !important}
body{width:min-content}

/*スマホ用改行*/
span.linefeed::before{
content:"\A";
white-space:pre;
}

/**********************/
/***　　ヘッダー　　***/
/**********************/
div#hd_wrap{
height:150px;
margin-bottom:40px;
}
div.hd_logo{
margin-top:10px;
margin-left:30px;
}
div.hd_logo img{height:85px}
#hd_wrap ul.exlink_logo li img{height:60px}
#hd_wrap ul.exlink_logo li:nth-child(even){
margin-left:35px;
margin-right:35px;
}
div.shop_pcbtn{display:none}
div.shop_spbtn{
background:#5DAB93;
border-radius:0 0 0 15px;
height:150px;
width:150px;
display:flex;
justify-content:center;
align-items:center;
}
div.shop_spbtn img{width:75px}


/********************/
/***　メイン設定　***/
/********************/

/*PCコンテンツ最大幅*/
div.main{width:auto}

/*ヘッダー・フッター区切り帯*/
hr.hd_bottom{
border:none;
border-bottom:50px solid #5dab93;
margin:0;
}
hr.ft_top{
border:none;
border-bottom:10px solid #5dab93;
margin:0;
}

/***コンテンツリストボックス***/
label#cnt_list{
position: relative;
display: block;
width: 50%;
border: 1px solid #777;
border-radius: 30px;
background: #fff;
margin:40px auto;
}
label#cnt_list:before{
content: "";
position: absolute;
top: 40%;
right: 20px;
display: block;
width: 0;
height: 0;
margin: -2px 0 0 0;
border: 18px solid transparent;
border-top: 20px solid #777;
}
select#cnt_link{
-webkit-appearance: none;
appearance: none; /* デフォルトの矢印を無効 */
display:block;
width:100%;
font-size:3.6rem;
border-radius:30px;
padding:20px 0 20px 40px;
position:relative;
background: transparent;
border:none;
}
select#cnt_link::-ms-expand{
display: none; /* デフォルトの矢印を無効(IE用) */
}

/*コンテンツバナー*/
ul.bnr_contents{
display:block;
margin-bottom:50px;
}
.bnr_contents li{
width:100%;
margin-bottom:20px;
}
.bnr_contents li:nth-child(odd){margin-right:0}
.bnr_contents li img{border-radius:30px 0}

/**********************/
/***　　フッター　　***/
/**********************/

div.ft_logo, ul.ft_button{width:100%}
div.ft_logo img{width:25%}
p.ft_address{margin-bottom:40px}
ul.ft_button li{
font-size:4.0rem !important;
width:50%;
padding:25px;
font-weight:bold;
border-radius:50px;
}
ul.ft_button li{
margin-bottom:40px !important;
background-position:30px center !important;
}
#ft_wrap ul.exlink_logo li img{height:80px}
#ft_wrap ul.exlink_logo li:nth-child(even){margin:0 50px}


/********************/
/***パンくずリスト***/
/********************/

#topic_path ul{
width:calc(100% - 30px);
padding-left:30px;
padding-bottom:5px
}
#topic_path ul li{
height:60px;
font-weight:bold;
}
#topic_path ul li a img{
width:30px;
height:auto;
}