/*========================
　smartphone　bottom menu
　========================*/

.mini-text{font-size:10px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:60px;/*高さ*/
    margin:0;
    padding:0;
    background-color:#f5f5f5;/*背景色*/
    border-top:2px solid #808080;/*バーの上の線*/
    border-bottom:2px solid #808080;/*バーの下の線*/
    z-index:30;}

ul.bottom-menu li {
    float:left;
    width:25%;
    background-color:#f5f5f5;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/}

.bottom-menu li a {
    display: block;
    color:#808080;/*アイコン＆文字の色*/
    padding-top:10px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}
	
.bottom-menu li img {
    width: auto;
    height:30px;/*高さ*/
	padding-bottom:5px;}

.bottom-menu li a:hover {
    color:#a9a9a9;/*マウスオーバー時の色*/}

body {
    background-color: #fefbf5;
	width: 96vw;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	font-size: 1.8vw;
}

div {
    vertical-align: top;
}

a {
  color: #f5f5f5;
}

img {
	max-width: 680px;
	width: 96vw;
}

#all{
	display: inline-block;
	margin-left: auto;
	margin-right:auto;
	max-width: 90vw;
}

.tops {
    display: inline-block;
    background-color: #391a0b;
	font-size: 0.9rem;
	color: #f5f5f5;
	max-width: 470px;
}

.prb {
	vertical-align: text-bottom;
	width: 32%;
}

.prbc {
	vertical-align: text-bottom;
	width: 25vw;
}

.linl{
	display: block;
	position: absolute;
	width: 680px;
	margin-top: 20px;
}

.linr{
	display: block;
	position: absolute;
	text-align: right;
	width: 680px;
	margin-top: 20px;
}

.lin img{
	text-align: right;
	margin: 20px 0px 40px 0px;
}

.btm{
	background-color: #391a0b;
	padding-top: 20px;
	margin-bottom: 120px;
	margin-top: 40px;
}

.fin img{
	max-width: 360px;
	padding-right: 10px;
}

.finc img{
	max-width: 520px;
	padding-right: 10px;
}

.outer{
	display: table;
}

.outerc{
	display: table;
}

.inner{
	display: table-cell;
}

.innerc{
	max-width: 520px;
}

.inner_w{
	display: table-cell;
}

.inner_r{
	display: table-cell;
}

.inner_r img{
	max-width: 520px;
}

.title{
	font-size: 2em;
	font-weight: 400;
	color: #690516;
	text-shadow: 2px 1px 0 rgba(0,0,0,.4);
	margin-left: 10px;
}

.sandf{
	margin-left: 4px;
	text-align: center;
	width: 240px;
}

.sandf_i{
	text-align: center;
	width: 176px;
	max-width: 176px;
}

.zryt{
	padding: 0px 0px 0px 10px;
	margin-bottom: 2px;
	width: 240px;
}

.zry{
	padding: 17px 0px 0px 10px;
	margin-bottom: 2px;
	width: 240px;
}

.zryb{
	padding: 35px 0px 0px 10px;
	margin-bottom: 2px;
	width: 240px;
}

.zry0{
	display: block;
	max-width: 1080px;
	width: 45vw;
	padding: 15px 0px 15px 15px;
}

.zry1{
	display: block;
	padding: 15px 0px 15px 15px;
	max-width: 1080px;
	width: 45vw;
}

.zryl{
	display: inline-block;
	text-align: left;
	max-width: 610px;
	width: 61%;
	vertical-align: middle;
	font-size: 1.7vw;
}

.zryr{
	display: inline-block;
	text-align: right;
	max-width: 380px;
	width: 38%;
	vertical-align: middle;
	font-size: 1.7vw;
}

.limage {
    display: table-cell;
	padding-left: 5px;
	margin-right: 1px;
	vertical-align: top;
	width: 32vw;
	max-width: 480px;
	word-wrap: break-word;
	border: none;
	list-style:none;
}

.lim_t{
	padding-left: 10px;
	width: 100%;
}

.lim_t img{
	text-align: center;
}

.limage img {
	max-width: 480px;
	width: 100%;
}
.bkh{
	padding-left: 10px;
	max-width: 1080px;
}
.tjn{
	display: none;
}

#regulations{
	font-size: 0.8rem;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 737px){
body{
	font-size: 3vw;
}
.tops {
	padding: 3px 0px 3px 0px;
}
.prb {
    display: none;
	}
.prbc {
    display: none;
	}

.fin img{
	max-width: 680px;
}
.inner_r{
	display: table-row;
}
.limage img {
	max-width: 680px;
	width: 96vw;
}
.inner_w img{
	max-width: 320px;
	width: 46vw;
}
.sandf_i{
	max-width: 320px;
	width: auto;
}
.zry0{
	max-width: 680px;
	width: 96%;
    padding: 15px 0px 15px 0px;
	height: 100%;
	line-height: 100%;
}

.zry1{
	max-width: 680px;
	width: 96%;
	padding: 15px 0px 15px 0px;
	height: 100%;
	line-height: 100%;
}
.zryl{
	max-width: 400px;
	width: 53%;
	padding-left: 0.5em;
	font-size: 3vw;
}
.zryr{
	max-width: 240px;
	width: 43%;
	font-size: 3vw;
}
.zryb{
	padding-top: 15px;
}
.zryt{
	margin-top: 20px;
}
.linl{
	max-width: 680px;
	width: auto;
}
.linr{
	display: none;
}
.limage {
    display: block;
	max-width: 680px;
	width: 96vw;
}
.lim_t{
	display: none;
}
.tjn{
	display: block;
}
}
@media screen and (min-width: 980px){
ul.bottom-menu{
    display: none;
}
body{
	font-size: 1vw;
}

.tops {
	padding: 3px 0px 3px 0px;
	max-width: 780px;
	min-width: 600px;
}
.prb {
	width: 15%;
}
.zryl{
	font-size: 1.2vw;
}
.zryr{
	font-size: 1.2vw;
}

}
@media print{
body {
    -webkit-print-color-adjust: exact;
   }
.not_print_area {
    display: none;
}
.print_area {
    top:0;
    left:0;
}
.fin img{
	width: 320px;
}

.sandf{
	margin-left: 0px;
}
.sandf_i{
	width: 160px;
}
.zry0{
	font-size: 3vw;	
	padding: 3px 0px 3px 0px;
	width: 60vw;
}
.zry1{
	font-size: 3vw;	
	padding: 3px 0px 3px 0px;
	width: 60vw;
}
.zryl{
	width: 60%;
	padding-left: 0.7em;
	font-size: 2.2vw;
}
.zryr{
	width: 35%;
	font-size: 2.2vw;
}
.bkh{
	max-width: 660px;
}
.linr{
	display: none;
}
#regulations{
	width: 290mm;
}
}