@charset "utf-8";

/* ========================================
    リセットcss
========================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
input, textarea{margin: 0; padding: 0;}
ol, ul{list-style:none;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align: left;}
a:focus {outline:none;}

div#test {
    text-align: center;
    position: absolute;
    top: 0;
    opacity: 0.5;
}

/* micro clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/*
========================================
    基本設定
=========================================
 */

body{
	font-family:"trajan","Yu Mincho",serif;
	color:#005781;
	background-color: #fff7f1;
	text-decoration:none;
}



/*
========================================
    ボディ
=========================================
 */

#shop_band_logo{
    width:102px;
    height:92px;
    margin:0 auto;
 } 

.mainWrap{
 	margin:0 auto;
 } 


.all_shop_wrapper{
	width: 100%;
	max-width: 1000px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.ashiya_shop_wrapper,.kurakuen_shop_wrapper,.sumiyoshi_shop_wrapper,.okamoto_shop_wrapper{
	width: 100%;
	max-width: 1000px;
	height: auto;
	display: flex;
	flex-direction: row;
	margin: 50px auto;
}

.left_side_wrapper{
	width: 100%;
	max-width: 500px;
	height: auto;
	display: block;
	margin: 0 auto;
}

.shop_title_wrapper,.shop_title_wrapper2{
	width: 100%;
	max-width: 400px;
	height: auto;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	margin-top: 10px;
}

.shop_title_wrapper img,.shop_title_wrapper2 img{
	width: 100%;
	max-width: 250px;
	height: auto;
	display: block;
}

.shop_title_wrapper p{
	width: 100%;
	max-width: 200px;
	height: auto;
	display: block;
	font-weight: bold;
	font-size: 25px;
	margin: 0 0 0 250px;
	position: relative;
	top:-20px;
}

.shop_title_wrapper2 p{
	width: 100%;
	max-width: 200px;
	height: auto;
	display: block;
	font-weight: bold;
	font-size: 25px;
	margin: 0 0 0 250px;
}

.ashiya_shop_image img,.okamoto_shop_image img{
	width: 100%;
	max-width: 500px;
	height: auto;
	display: block;
}


.right_side_wrapper{
	width: 100%;
	max-width: 500px;
	height: auto;
	display: block;
	margin-top: 120px;
	margin-left: 50px;
}

.right_side_wrapper2{
	width: 100%;
	max-width: 500px;
	height: auto;
	display: block;
	margin-top: 70px;
	margin-left: 50px;
}

.right_side_top{
	width: 100%;
	max-width: 500px;
	height: auto;
	display: block;
	line-height: 2;
}

.right_side_top p,.right_side_bottom p{
	font-weight: bold;
}


.right_side_bottom{
	width: 100%;
	max-width: 500px;
	height: auto;
	display: block;
	line-height: 2;
	margin-top: 50px;
}

.right_side_top p,.right_side_bottom p{
	font-weight: bold;
	font-size: 25px;
}


.mainWrap #kurakuenten{
 	margin: 100px auto;
 } 

.mainWrap #sumiyoshiten{
    margin:100px auto 100px;
 }