@charset "utf-8";

body {
    max-width: 1920px;
    width: 100%;
    margin: auto !important;
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
    font-size: 12px;
    font-weight: 500;
    overflow-x: hidden;
    position: relative;
}

body.Test {
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serifserif;
}

body.Index {
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serifserif;
}

body.Testnews {
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serifserif;
}

body.News {
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serifserif;
}

body.Testnewsdetail {
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serifserif;
}

body.Newsdetail {
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serifserif;
}

.header, .footer {
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serifserif;
}



#root {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.telWrap {
    color: inherit;
}

p > a {
    color: inherit;
    text-decoration: underline;
}

p > a:hover {
    color: inherit;
}

/*-- トップページ -----------------------------------------------------------------*/

.coverFrame {
    transform: translateY(-75%);
}

.coverTxtBx {
    transform: translateY(-50%);
}

.tpBnr01Link:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / 30%);
    transition: .5s;
}

.tpBnr01Link:hover:before {
    background: rgb(0 0 0 / 0%);
}

.tpBnr01Arrow:before {
    content: "";
    display: block;
    background: url(https://aroot-miyazaki.com/system_panel/uploads/images/arrow_icon01.svg) no-repeat;
    background-position: center;
    width: 23px;
    height: 12px;
    transition: .5s;
}

.tpBnr01Link:hover .tpBnr01Arrow:before {
    margin: 0 0 0 10px;
}

.tp04SnsBx {
  overflow-y: scroll;
}

.tpHousingSlider .slick-arrow {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
}

.tpHousingSlider .prev-arrow {
    left: 0;
}

.tpHousingSlider .next-arrow {
    right: 0%;
}

/*-- 共通 --------------------------------------------------------------*/

.cmnWrp01 {
    padding: 15px 0 30px;
}

.cmnLinkItem01 {
    margin: 15px 0 0;
}

.cmnLink01 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 101px 2%;
    text-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.cmnLink01:hover {
    color: #fff;
}

.cmnLink01:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    transition: .5s;
}

.cmnLink01:hover:before {
    background: rgb(0 0 0 / 20%);
}

.cmnLinkTxtBx {
    width: 100%;
}

.cmnLinkTit01 {
    font-size: 20px;
}

.cmnLinkTxt01 {
    font-size: 12px;
}

.cmnFlowBx {
    max-width: 1140px;
    width: 96%;
    margin: 50px auto 0;
}

.cmnFlowList {
    margin: 40px auto 0;
    display: flex;
    flex-wrap: wrap;
}

.cmnFlowItem {
    width: 100%;
    padding: 0 20px;
    position: relative;
    margin: 30px 0 0;
}

.cmnFlowItem:first-child {
    margin: 0;
}

.cmnFlowItemIn {
    background: #fff;
    padding: 10px 7%;
    display: flex;
    align-items: center;
}

.cmnFlowNum {
    font-size: 14px;
    font-family: "Lato", sans-serif;
    color: #103B5A;
    border-bottom: solid 1px #707070;
}

.cmnFlowTxt {
    color: #AAAAAA;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 0 3%;
}

.cmnFlowArrow {
    max-width: 14px;
    width: 6%;
    margin: auto;
    height: 35px;
    position: absolute;
    right: 0;
    bottom: -34px;
    left: 0;
    transform: rotate(90deg);
    background: url(https://aroot-miyazaki.com/system_panel/uploads/images/cmn_flow_arrow.svg) no-repeat center;
    background-size: contain;
}

/*-- フォント --*/

.fontLato {
	font-family: "Lato", sans-serif;
}

.fontSItalic {
	font-style: italic; 
}

/*-- 文字色 --*/

.txtClr01 {
    color: #103B5A;
}

.txtClr02 {
    color: #aaa;
}

/*-- 背景色 --*/

.bgClr01 {
    background: #103B5A;
    color: #fff;
}

.bgClr02 {
    background: #F0F0F0;
}

/*-- タイトル --*/

.tit01 {
    font-size: 32px;
}

.tit02 {
    font-size: 16px;
}

.tit03 {
    font-size: 20px;
}

.enTit01 {
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: .1em;
}

.enTit02 {
    font-size: 28px;
    font-weight: lighter;
    letter-spacing: .099em;
}

.subTit01 {
    font-size: 12px;
    font-weight: bold;
}


.titBx01 {
    display: block;
}

.titDeco01 {
    position: relative;
}

.titDeco01:before {
    content: "";
    display: block;
    max-width: 30px;
    width: 100%;
    height: 2px;
    background: #103B5A;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.titItem01 {
    display: none;
    width: 2px;
    height: 22px;
    background: #103B5A;
    transform: rotate(30deg);
    margin: 0 10px 5px;
}

.titBx01 .subTit01 {
    margin: 20px 0 0;
}

/*-- テキスト --*/

.inTxt01 {
    line-height: 2em;
}

.txtClrBlue {
    color: #0057B8;
}

/*-- ボタン --*/

.btn01 {
    max-width: 181px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 1em 9px;
    font-size: 14px;
    font-weight: bold;
    border: solid 1px #333;
    color: #333;
    letter-spacing: .09em;
}

.btn01:hover {
    background: #333;
    color: #fff;
}

.arrowIcon01 {
    max-width: 40px;
    width: 100%;
    height: 40px;
    border: 3px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrowIcon01:before {
    content: "";
    display: block;
    background: url(https://aroot-miyazaki.com/system_panel/uploads/images/arrow_icon01.svg) no-repeat;
    background-position: center;
    width: 23px;
    height: 12px;
    transition: .5s;
}

a:hover .arrowIcon01:before {
    margin: 0 0 0 10px;
}

.arrowIcon02 {
    max-width: 40px;
    width: 100%;
    height: 40px;
    border: 3px solid #1D5C89;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrowIcon02:before {
    content: "";
    display: block;
    background: url(https://aroot-miyazaki.com/system_panel/uploads/images/arrow_icon02.svg) no-repeat;
    background-position: center;
    width: 23px;
    height: 12px;
    transition: .5s;
}

a:hover .arrowIcon02:before {
    margin: 0 0 0 10px;
}

/*-- 下層カバー -----------------------------------------------------------------*/

.incover {
    max-width: 1920px;
    width: 100%;
    height: 200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.incover:before, .incover02:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgb(16 41 66 / 30%);
}

.incoverTit {
    font-size: 28px;
    font-weight: lighter;
    color: #fff;
    text-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.incoverTxtBx {
    width: 50%;
    text-align: center;
    position: relative;
}

/*-- パンくず -----------------------------------------------------------------*/

.breadWrp {
    padding: 15px 0;
    margin: 0;
}

.breadBx {
    max-width: 1140px;
    width: 96%;
    margin: auto;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.breadLink {
    color: #111;
    text-decoration: underline;
}

.breadLink:hover {
    color: #111;
}

/*-- レイアウト -----------------------------------------------------------------*/

.wrp01 {
    padding: 0 0 40px;
}

.wrp02 {
    padding: 30px 0;
}

.wrp03 {
    padding: 30px 0 0;
}

.contentBx {
    max-width: 1140px;
    width: 96%;
    margin: auto;
}

/*-- テーブル -----------------------------------------------------------------*/

.baseTb {
    width: 100%;
    margin: 0 auto;
    border: solid 1px #DCDADA;
    border-bottom: none;
    margin: auto;
}

.baseTh {
    padding: 15px 30px;
    border-bottom: solid 1px #ccc;
    font-weight: bold;
    background-color: #102942;
    color: #fff;
}

.baseTd {
    padding: 15px 30px;
    border-bottom: solid 1px #ccc;
    background: #fff;
}

.baseTd > a {
    display: inline-block;
    color: #2B2939;
    text-decoration: underline;
}

.baseTd > a:hover {
    text-decoration: none;
}

.scrollTb .baseTh {
    border-right: solid 1px #DCDADA;
}

.scrollTb .row {
    width: 1000px;
}

.scrollTb {
    overflow-x: scroll;
}
/*-- header -----------------------------------------------------------------*/

/*スマホ時のナビ*/
.spNav {
	max-width: 1920px;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999999;
}

.spNavArea {
	width: 100%;
	display: flex;
}

.spNavConte-l {
	width: 33.3%;
	background: #3c97ce;
	border-right: 1px solid #fff;
}


.spNavConte-m {
	width: 33.3%;
	background: #007dc8;
}

.spNavLink {
	padding: 11px 5px 5px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.spFa {
	font-size: 23px;
	color: #fff;
}


.spNavBtnBar {
	max-width: 36px;
	height: 26px;
	width: 100%;
	position: relative;
}

.spNavBtnTxt {
	margin: 5px auto 0;
	font-size: 12px;
	color: #fff;
}

.spNavLinkTxt {
	margin: 5px auto 0;
	font-size: 12px;
	color: #fff;
}

.spNavBtn {
	padding: 12px 5px 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.spNavBtnBarItem {
	width: 100%;
	height: 3px;
	background: #FFF;
	border-radius: 3px;
	position: absolute;
	left: 0;
	transition: ease .5s;
}

.spNavBtnBarItem:nth-of-type(1) {
	top: 0;
}

.spNavBtnBarItem:nth-of-type(2) {
	top: 12px;
}

.spNavBtnBarItem:nth-of-type(3) {
	bottom: 0;
}

.open .spNavBtnBarItem {
	transition: ease .5s;
}

.open .spNavBtnBarItem:nth-of-type(1) {
	transform: translateY(13px) rotate(-45deg);
}

.open .spNavBtnBarItem:nth-of-type(2) {
	opacity: 0;
}

.open .spNavBtnBarItem:nth-of-type(3) {
	transform: translateY(-10px) rotate(45deg);
}

.spMenu {
	margin: auto;
	padding: 0 15px;
	max-width: 1920px;
	width: 100%;
	position: fixed;
	right: -100%;
	background: rgba(0,0,0,0.8);
	z-index: 999;
	transition: ease .5s;
}

.spMenu.open {
	right: 0;
}

.spMenuArea {
	width: 100%;
	height: 100%;
}

.spMenuConte {
	padding: 50px 0 50px;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-ms-overflow-style: none;
}

.spMenuConte::-webkit-scrollbar {
	display:none;
}

.spMenuLink {
	padding: 7px 5px;
	text-align: center;
	display: block;
	color: #FFF;
	border-bottom: 1px solid #CCC;
}

.spMenuLink:hover {
	color: #FFF;
	background: #acacac;
}

/*-- footer -----------------------------------------------------------------*/

.fNaviLink:before {
    content: "";
    display: block;
    width: 8px;
    height: 2px;
    background: #103B5A;
    margin-right: 8px;
}

/*-- プライバシーポリシー -----------------------------------------------------------------*/

.privacyBox {
    overflow-y: scroll;
}

.privacyBox::-webkit-scrollbar {
    width: 14px;
}

.privacyBox::-webkit-scrollbar-track {
    background: #f9f9f9;
}

.privacyBox::-webkit-scrollbar-thumb {
    background: #c0c0c0;
    border-radius: 10px;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

body {
    font-size: 16px;
}


/*-- 共通パーツ --------------------------------------------------------------*/

.cmnWrp01 {
    padding: 75px 0 100px;
}

.cmnLinkItem01 {
    margin: 30px 0 0;
}

.cmnFlowItem {
    width: 33.33%;
}

.cmnFlowItem:first-child {
    margin: 30px 0 0;
}

.cmnFlowItemIn {
    display: block;
    padding: 30px 7%;
    text-align: center;
}

.cmnFlowNum {
    font-size: 30px;
}

.cmnFlowTxt {
    margin: 20px 0 0;
    font-size: 16px;
}

.cmnFlowArrow {
    top: 50%;
    bottom: auto;
    left: auto;
    right: -10px;
    transform: translateY(-50%);
}

/*-- レイアウト -----------------------------------------------------------------*/

.wrp01 {
    padding: 0 0 20px;
}

.wrp02 {
    padding: 100px 0;
}

.wrp03 {
    padding: 100px 0 0;
}

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

.breadWrp {
	margin: 0 0 100px;
}

/*-- タイトル --*/

.enTit01 {
    font-size: 26px;
}

.enTit02 {
    font-size: 48px;
}

.tit02 {
    font-size: 20px;
}

.titBx01 {
    display: flex;
    align-items: flex-end;
}

.titDeco01:before {
    bottom: -16px;
}

.titItem01 {
    display: block;
}


/*-- 改行 --*/
  
.br768None br {
    display: none;
}
  
/*-- 無限スライダ― --------------------------------------------------------------*/

.loopImgBx {
	width: 406px;
	position: relative;
	padding: 0 0 11.11%;
	margin: 0;
}

/*-- 下層カバー --*/

.incover {
    height: 500px;
}

.coverEnTxt {
    font-size: 60px;
}

.incoverTit {
    font-size: 18px;
}


/*-- テーブル --*/

.baseTh {
    border-right: solid 1px #DCDADA;
}

.scrollTb {
    overflow-x: unset;
}

.scrollTb .row {
    width: auto;
}
  
/*-- header -----------------------------------------------------------------*/

.spNav {
    display: none;
} 

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.giftList {
    max-width: 100%!important;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-- タイトル --*/

.enTit01 {
    font-size: 30px;
}

.enTit02 {
    font-size: 60px;
}

/*-- 下層カバー -----------------------------------------------------------------*/


.coverEnTxt {
    font-size: 80px;
}

.incoverTit {
    font-size: 80px;
}

.arrowIcon01 {
    max-width: 67px;
    height: 67px;
}
  
/*-- トップ -----------------------------------------------------------------*/

 .tpHousingSlider .slick-list {
    padding: 0px 13% 0 0!important;
}

.tpHousingSlider .next-arrow {
    right: 13.5%;
}

.arrowIcon02 {
    max-width: 67px;
    height: 67px;
}

/*-- 共通 -----------------------------------------------------------------*/

.cmnFlowItem {
    width: 25%;
}

.cmnFlowBx {
    margin: 100px auto 0;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*-- タイトル --*/

.tit01 {
    font-size: 40px;
}

/*
.tit02 {
    font-size: 26px;
}
*/

.tit03 {
    font-size: 24px;
}

/*-- 改行 --*/
  
.br1200None br {
    display: none;
}

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

/*-- 共通 -----------------------------------------------------------------*/

.cmnFlowItem {
    width: 20%;
}
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1230px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1230px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1400px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.coverSliderItem {
	background-size: 96% 100vh!important;
	animation: scroll-anim 10s linear infinite;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1600px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.coverTit {
    font-size: 54px!important;
}

.coverTxt {
    font-size: 20px!important;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



.store_item {
    border: 1px solid #999;
    border-radius: 20px;
    padding: 56px 24px 24px;
    position: relative;
}

.srote_item_title {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #999;
    border-radius: 40px;
    background-color: #fff;
    padding: 8px 24px;
    font-size: 24px;
    max-width: 320px;
    width: 90%;
    text-align: center;
}

@media screen and (max-width:768px) {
    .store_item {
        padding-top: 40px;
    }
    .srote_item_title {
        top: -20px;
        font-size: 18px;
        max-width: 240px;
    }
}