@charset "UTF-8";
/* CSS おこたこ子供カード */
/*共通*/
h2 {
background: url("../img/kodomocard/h2_bg_kodomo.png") center top no-repeat;
background-size: auto 7.5vw;
margin-bottom: 25px;
padding-top:12vw;
font-size: 1.3em;
font-weight: 800;
text-align: center;
}

figure img {
max-width: 100%;
vertical-align: bottom;
}


/*メイン画像
---------------------------------------------------------*/
#main {
width: 100%;
height: auto;
background: none;
}

#main img {
width: 100%;
height: auto;
}

/*おこたこ子供カードについて
---------------------------------------------------------*/
#content1 {
background: #fffada url("../img/kodomocard/content1_bg_sp.png") no-repeat center bottom /contain;
margin-bottom: 50px;
padding: 30px 0 30vw;
}

#content1 .inner {
width: 90vw;
margin: 0 auto;
}

#content1 table {
border-color: #343943;
border-right: none;
border-left: none;
background: none transparent;
border-collapse: collapse;
}

#content1 table th,
#content1 table td {
border: solid 1px #c5bf84;
border-right: none;
border-left: none;
padding: 20px 10px;
}

#content1 table th {
width: 2em;
background-color: #f5f0c1;
text-align: left;
}

#content1 table #tenpo {margin-top: 10px;}
#content1 table #tenpo img {
width:13vw;
height: auto;
margin: 0;
}

#content1 table span {
display: block;
}

/*対象店舗の詳細
---------------------------------------------------------*/
#content2 {
width: 90vw;
margin: 0 auto;
}

#anchor_link {
margin-bottom: 50px;
text-align: center;
}

#anchor_link a img {
width:15vw;
height: auto;
margin: 0 2px;
padding: 0;
border: 1px solid #222;
}
#anchor_link a img:hover {
border: 1px dashed #222;
}

.shop_block {
clear: both;
background-color: #fdfcee;
padding: 15px;
margin-bottom: 30px;
}

.shop_block h3 {
width: calc(100% - 10vw);
height: auto;
margin-bottom: 10px;
padding:  0 0 0 10vw;
font-size: 1em;
font-weight: bold;
line-height: 2em;
text-shadow:2px 2px 0 #ede6b7, -2px -2px 0 #ede6b7,
            -2px 2px 0 #ede6b7, 2px -2px 0 #ede6b7,
            0px 2px 0 #ede6b7,  0-2px 0 #ede6b7,
            -2px 0 0 #ede6b7, 2px 0 0 #ede6b7;
}

.shop_block h3.oko_botejyu { /*ぼてじゅう*/
background: 
url("../img/common/logo-botejyu.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_oko_sp.png") no-repeat left top / cover;
}

.shop_block h3.oko_yukari { /*ゆかり*/
background: 
url("../img/common/logo-yukari.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_oko_sp.png") no-repeat left top / 100% auto;
}

.shop_block h3.oko_chibo { /*千房*/
background: 
url("../img/common/logo-chibo.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_oko_sp.png") no-repeat left top / 100% auto;
}

.shop_block h3.oko_fugetsu { /*鶴橋風月*/
background: 
url("../img/common/logo-fugetsu.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_oko_sp.png") no-repeat left top / 100% auto;
}

.shop_block h3.tako_kukuru { /*くくる*/
background: 
url("../img/common/logo-kukuru.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_tako_sp.png") no-repeat left top / 100% auto;
}

.shop_block h3.oko_yamamoto { /*ねぎ焼やまもと*/
background: 
url("../img/common/logo-yamamoto.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_oko_sp.png") no-repeat left top / 100% auto;
}

.shop_block h3.tako_aiduya { /*会津屋*/
background: 
url("../img/common/logo-aiduya.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_tako_sp.png") no-repeat left top / 100% auto;
}

.shop_block h3.tako_kougaryu { /*甲賀流*/
background: 
url("../img/common/logo-kougaryu.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_tako_sp.png") no-repeat left top / 100% auto;
}

.shop_block h3.tako_akaoni { /*赤鬼*/
background: 
url("../img/common/logo-akaoni.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_tako_sp.png") no-repeat left top / 100% auto;
}

.shop_block h3.tako_takohachi { /*たこ八*/
background: 
url("../img/common/logo-takohachi.png") no-repeat 2px top / auto 100%,
url("../img/kodomocard/h3_bg_kodomo_tako_sp.png") no-repeat left top / 100% auto;
}

.shop_gaiyou {
width: 100%;
}

.gaiyou_right,
.gaiyou_left {
clear: both;
overflow: hidden;
}

.shop_block h3.long_name {letter-spacing: -0.05em;}


#content2 table {
width: 100%;
border-color: #343943;
border-right: none;
border-left: none;
background: none transparent;
border-collapse: collapse;
}

#content2 table th,
#content2 table td {
border: solid 1px #c5bf84;
border-right: none;
border-left: none;
padding: 15px 5px;
}

#content2 table th {
width: 5em;
text-align: left;
}

.shop_block {
overflow: hidden;
}

/*概要-左*/
.gaiyou_left table {
}

.gaiyou_left .map {
width: 100%;
height:auto;
margin-top: 30px;
}

/*概要-右*/
.gaiyou_right table {
}

.gaiyou_right .map {
width: 100%;
height:auto;
margin-top: 30px;
}

/*地図*/
iframe {
width: 100%;
height: 350px;
}

/*複数店舗用*/
.fukusuu {
margin-top: 50px;
}