@charset "utf-8";

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

/* 余白調節 */
.ui-content {
padding-top:0;
}
.yohakuReset {
width:calc(100% + 30px);
margin-left:-15px;
}

/* スマホ非表示・特有 */
.sp_none {
display:none;
}
.nomal_p{
 width: 94%;
 margin: 0 auto 0.5em auto;
 display: block;
}

/* 高汎用 */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.clear_left{
 clear: left;
}
.clear_both{
 clear: both;
}
.centering{
 text-align: center;
}
.font_bold{
 font-weight: 900;
}
.font_bold_110{
 font-weight: 900;
 font-size: 110%;
}
.font_bold_red{
 font-weight: 900;
 color: #c43008;
}
.no_margin{
 margin: 0!important;
}

/* リンクチップ */
.linkChip {
z-index: 3;
position:fixed;
width:100%;
text-align:center;
left:0;
bottom:0;
background-color:#e37a96;
}
.linkChip > a {
display:block;
border-top:3px solid #000;
color:#fff!important;
text-shadow:1px 2px 0px #000;
font-size:120%;
font-weight:900;
padding:0.2em 1em;
line-height:1.3em;
box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
.linkChip span.c_yellow{
 color: #ffff73;
}
.linkChip span.small{
	font-size:80%;
}
.linkChip img{
	vertical-align:middle!important;
	margin-left:0.5em;
}

/* パンくず */
#breadCrumb {
margin:0 auto;
}
#breadCrumb ol {
position: relative;
padding: 4px 10px 6px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
background: #fefefe;
background: linear-gradient(to bottom,  #fefefe 0%,#f4f4f4 100%);
line-height: 1.4;
z-index: 10;
}
#breadCrumb ol li {
display: inline-block;
padding: 0 0.5em 0 10px;
background: url(/s/files/img/common/ico_topicpath_01.png) 0 50% no-repeat;
background-size: 4px 7px;
font-size: 10px;
}
#breadCrumb ol li,#breadCrumb ol li a {
/*padding: 10px 0;*/
}
#breadCrumb ol li:first-of-type {
padding-left: 0;
	background-image: none;
}


/* コンテンツ　見出し */
#raishun {
 background-image: url(../img/kabegami.jpg);
}
#raishun .infoTitle > .intro h3 {
background:url(/pr/it_id/img/stripe_blue.gif);
color:#FFF;
font-size:1em;
font-weight:bold;
padding:10px;
}
#raishun .infoTitle > .intro p {
font-size:14px;
padding:0.5em 1em;
}


/* 画像伸縮 */
#raishun img {
width:100%;
max-width:100%;
height:auto;
}


/* サービスバナー　※コンテンツ下部
---------------------------------------------- */
/* バナー一覧 */
#other_service_sp {
background:#F5F5F5;
padding:20px 0;
box-shadow:inset 0 -2px 2px rgba(0,0,0,0.3),inset 0 2px 2px rgba(0,0,0,0.3);
}
#other_service_sp .inner {
margin:0 auto;
}
#other_service_sp h3 {
text-align:center;
font-size:1.2em;
font-weight:bold;
}
#other_service_sp ul {
margin:0 4%;
}
#other_service_sp ul li {
isplay: block;
float: left;
width: 32%;
margin-bottom: 10px ;
}
#other_service_sp ul li:nth-child(even) {
margin-left:1%;
}


/* コンテンツ全体、MV
---------------------------------------------- */
#closed{
 width: 96%;
 margin: 0 auto;
 height: 800px;
 padding: 2em 3%;
 margin: 0 auto;
 background-image: url("../img/closed.jpg");
 background-repeat: no-repeat;
 background-size: 100%;
}
#closed h2{
 display: block;
 width: 90%;
 margin: 0 auto;
 font-size: 140%;
 font-weight: 900;
 color: #fff;
 line-height: 1.6em;
 text-align: center;
 text-shadow: 2px 2px 1px #000,
             -2px 2px 1px #000,
             2px -2px 1px #000,
             -2px -2px 1px #000;
}
#card_point {
 padding: 0 0 60px;
 margin: 0 auto;
 transition: ease-in-out 1.4s;
 font-size: 16px !important;
 line-height: 1.5em !important;
    padding:  0 2%;
}
#card_point .keyV {
 width: 100%;
}
#card_point .keyV .inner {
 height: auto;
}
#card_point .keyV .inner img{
 width:100%;
}

/* .gradation_band
---------------------------------------------- */
.gradation_band{
 width: 94%;
 padding: 0.5em 3% 0.8em 3%;
 background: linear-gradient(-135deg, #139243, #2b72b4);
}

.blue_band_f{
 width: 94%;
 padding: 0.5em 3% 0.8em 3%;
 background-color: #2b72b4; /*theme_blue*/
}
.gradation_band p,
.blue_band_f p{
 display: block;
 width: 100%;
 margin: 0 auto;
 color: #fff;
 font-weight: 900;
 text-align: center;
 text-shadow:none;
 line-height:1.5em;
}
.gradation_band span {
 font-size: 110%;
 color: #FFE51E;
 border: 2px solid #ffe51e;
 border-radius: 5px; /* CSS3草案 */
 -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
 -moz-border-radius: 5px; /* Firefox用 */
 padding: 0 0.1em;
 margin: 0 0.1em;
}
.blue_band_f p{
 position: relative;
}
.blue_band_f p span{
	font-size:12px;
	display:block;
	line-height:1.5em;
	margin:10px 0 0 0!important;
	padding:0!important;
}
.koushin_sp{
	clear:both;
 width:100%;
 height:3em;
 margin:0 auto;
 background-image:url(../img/koushin_sp.png);
 background-repeat:no-repeat;
 background-size:80% 100%;
 background-position:center;
}

/* #gaiyou
---------------------------------------------- */
#gaiyou {
 width: 96%;
 margin: 1em auto 3em auto;
 padding: 0;
}
#gaiyou img.point_bank {
 display:none;
}
#gaiyou img.point_bank_sp {
 display: block;
 float: right;
 margin: 0 0 0.5em 1em;
 width: 10em;
}
#gaiyou img.gakuman {
 width: 3.5em !important;
 margin: 0 5px 0 0;
}
.blue_band_f img.gakuman{
 width: 3.3em !important;
 margin: 0 2px 0 0;
}
.gaiyou1 {
 margin: 0 2% 1em 2%;
 padding: 1em 5%;
 background-color: #fff8b2;
 border-radius: 10px;
 font-size: 80%;
}
.gaiyou1 p {
 display: block;
 margin: 0 auto 1em auto;
 line-height: 1.7em !important;
 font-size: 110%;
}
.gaiyou1 p span.font60 {
 font-size: 70%;
}
.gaiyou1 p span.hanshin_marker {
 color: #2b72b4; /*theme_blue*/
 text-decoration: underline;
 font-weight: 900;
}
.gaiyou1 p span.kanto_marker {
 color: #139243; /*theme_green*/
 text-decoration: underline;
 font-weight: 900;
}
.chushaku_box{
 clear: both;
 margin: 1em 2%;
 border: 1px solid #222;
 padding: 1em;
}
.chushaku_box ul,
.chushaku_box li{
 display: block;
}
.chushaku_box li{
 margin-bottom: 0.5em;
 padding: 0 0 0 1em;
 background-image:url(/files/img/common/icon_kome_10px.gif);
 background-repeat:no-repeat;
 background-position:0 6px;
 font-size: 80%;
}
.chushaku_box li.nomark{
 background-image: none;
}

/*#card
---------------------------------------------- */
#card {
 width: 96%;
 margin: 0 auto 2em auto;
 padding: 0;
}
img.gaiyou_img{
 width: 96%;
 margin-left:4%
}
#card h2 {
 display: block;
 background-image: url("../img/tit_back.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size:100% 100%;
 margin:0 0 1em 0;
 position: relative;
 font-size: 120%;
 font-weight: 900;
}
#card h2 img.japan {
 position: absolute;
 left: 0;
 top: -1em;
 width:6em;
}
#card h2 img.logo {
 position: absolute;
 left: 4.4em;
 top: 1em;
 width:2em;
}
#card h2 p {
 display: block;
 margin:0 2%;
 padding:0 2% 0.5em 6.4em;
 float: left;
 line-height:0.9em;
 background-size: 95% 20%;
 background-position: left bottom 10px;
 text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff;
}
ol.taisho_saison {
	width:86%;
 background: #f1f8ff;
 box-shadow: 0px 0px 0px 10px #f1f8ff; /*線の外側*/
 border: dashed 2px #214083; /*破線*/
 border-radius: 9px;
 margin: 0 auto 40px auto;
 padding: 0.5em;
}
ol.taisho_saison li {
 line-height: 1.5;
 padding: 0.5em 0 0.6em 0;
 background: linear-gradient(to bottom right, #f1f8ff, #fff);
 color: #214083;
 float: left;
 width: 19.8%;
 text-align: center;
 font-size: 11pt;
}

#card h3 {
 display: block;
 background-image: url("../img/tit_back.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size:100% 100%;
 margin:0 0 1em 0;
 position: relative;
 font-size: 160%;
 font-weight: 900;
}
#card h3 img.japan {
 position: absolute;
 left: 0;
 top: -0.4em;
 width:4.5em;
}
#card h3 img.logo {
 position: absolute;
 left: 1em;
 top: -0.9em;
 width:1.3em;
}
#card h3 p {
 display: block;
 margin:0 2% 0 20%;
 padding:0 4% 0.5em 4%;
 float: left;
 line-height:0.8em;
 background-image: url(../img/marker_white.png);
 background-repeat: no-repeat;
 background-size: 95% 20%;
 background-position: left bottom 10px;
 text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff;
}
#card h3 p span {
 display: block;
 width:80%;
 line-height:0.9em;
 border: 2px solid #222;
 padding: 10px;
 margin:0 0 -10px 3em;
 background-color: #fff;
 border-radius: 10px;
 font-size: 40%;
 text-align:center;
}

.c_text{
 margin: 2em 2% 5em 2%;
}
p.c_tit{
 display: block;
 margin: 0 0 1em 0;
 padding-bottom:0.3em;
 font-size: 120%;
 font-weight: 900;
 border-bottom:1px solid #222;
}
.c_text div.l_img{
 margin: 0 2% 0 0;
 text-align:center;
}
.c_text .l_img img{
 width:43%;
 margin: 0 0.5em 1em 0;
}
img.value_saison{
 width:30%!important;
}
.c_text .r_text ul li{
 margin: 0 0 1em 0;
 padding: 0 0 0 1.2em;
 font-size:90%;
 line-height:1.7em;
 background-image:url(../img/point_pink.png);
 background-repeat:no-repeat;
 background-position:0 5px;
}
.c_text .r_text ul.text_life li{
 margin: 0 0 1em 0;
 padding: 0 0 0 1.2em;
 font-size:90%;
 line-height:1.7em;
 background-image:url(../img/point_orange.png);
 background-repeat:no-repeat;
 background-position:0 5px;
}
.c_text .r_text ul li.chushaku{
 background-image:url(/files/img/common/icon_kome_10px.gif);
 background-repeat:no-repeat;
 background-position:0 2px;
 font-size:80%;
}
.corporate{
 border: 1px solid #222;
 padding: 0 5% 1em 5%;
}
.corporate dl dt,
.corporate dl dd{
 display: block;
}
.corporate dl dt{
 margin:0 0 0.5em 0;
 font-size:120%;
 padding-top:1em;
}
.corporate dl dd{
 float: right;
 margin: 0 0 0 1em;
 line-height:1.7em;
 font-size:90%;
}

/* エリアメニュー
---------------------------------------------- */
#nav{
	width:;
	margin:0 auto 1.5em auto;
	padding: 3%;
	background-color:#fff8b2;}
#nav ul {
   display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10px;
    row-gap: 1em;
}
#nav ul li{

	}
#nav ul li a{
    font-size: 100%;
    font-weight: 900;
    font-size: 142%;
    font-weight: 900;
    display: block;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #fff;
    border: #8c8c8c 1px solid;
    padding: 9%;

}
#nav ul li a img{
	width:1em;
	vertical-align:middle;
	margin:0 0 0 0.2em;
}
#nav ul li.prefectures3 a{
	font-size:90%;
	font-weight:900;
	display:block;
	height:30px;/*40px*/
	padding:10px 0 0 0;
 letter-spacing: -0.1em;
	 }
#nav ul li a:hover,
#nav ul li.prefectures3 a:hover{
	background-image:none;
	background-color:#E8E8E8;
	position:relative;
	top:1px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;
    height:30px;/*40px*/
	padding:10px 0 0 0;
	}

/* 店舗情報
---------------------------------------------- */
.around_shop {
border: 3px solid #ff7b00;
border-radius: 3px;
padding: 20px 2%;
position: relative;
width: 90%;
margin: 30px auto 1em;
}
.around_shop a {
color: #333;
}
.around_shop_tit {
position: absolute;
top: -.9em;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
padding: 0 15px;
font-size: 16px;
font-weight: 700;
color: #e36d00;
background: #fff;
letter-spacing: .03em;
white-space: nowrap;
}
.around_shop div.mainstore_wrap {/*20171113 oiwa to add 1class*/
max-width: 1000px;
margin: 0 auto;
}
.around_shop .img01 {
float: none;
margin: 0 0 0.5em 0;
overflow: hidden;
text-align: center;
}
.around_shop .img01 > p {
padding: 0 !important;
width: 50%;
}
.around_shop .img01 > p img {
width: 100%;
}
.around_shop .txt {
overflow: visible;
clear: left;
padding-bottom: 5px;
}
.around_shop .name {
margin-bottom: 5px;
font-size:120%;
padding:0 0 0 1.5em;
background-image:url(/files/img/common/icon_logo_02.png);
background-repeat:no-repeat;
background-size:1.4em:
}
.around_shop .address {
margin-bottom: 15px;
color: #666;
}
.around_shop .tel {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
font-family: 'arial', serif;
font-size: 31px;
font-weight: 700;
line-height: 1;
color: #ff3e17;
margin-bottom: 5px;
text-align: center;
text-decoration: underline;
}
.around_shop .tel a {
color: #ff3e17;
}
.around_shop .tel:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 46px;
height: 34px;
background: url(/area/images/ico_tel.png) no-repeat;
-webkit-background-size: 46px auto;
background-size: 46px auto;
margin-right: 10px;
position: relative;
top: -2px;
}
.around_shop .btn {
display: block;
vertical-align: middle;
margin-bottom: 3em;
text-align: center;
}
.around_shop .btn img{
width:100%;
}
.around_shop .co {
padding-left: 1em;
}
.storeBlock01 ul li.second{
border-top:1px dashed #000;
padding-top:10px!important;
}