body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal;}
ol, ul { list-style:none;}
caption ,th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
abbr, acronym { border:0;}	
a { outline: none;}

/*
[1]GLOBAL-CLASS
[2]MARGIN-CLASS
[3]PADDING-CLASS
[4]WIDTH-CLASS
[5]HEIGTH-CLASS
[6]FONT-CLASS
[7]FLOAT-CLEAR
===================================*/

/*[1]GLOBAL-CLASS
===================================*/
.floatLeft{float:left;}
.floatRight{float:right;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.bold{font-weight:700;}
.bgyellow{background:#fff5d9;}
.bg2yellow{background:#ffecb4;}
.bgdyellow{background:#fdda71}
.bgdblue{background:#a2ccf4;}
.bgpink{background:#ffdddd;}
.bgblue{background:#e1effc;}
.bg1blue{background:#ade3f6;}
.bg2blue{background:#e3f8ff;}
.bggray{background:#cccccc;}
.bglgray{background:#e7e7e7;}
.bgdgreen{background:#9dca3a;}
.bglgreen{background:#d8f0a2;}
.overflow{overflow:hidden}
.underline{text-decoration:underline;}
.no_style li{list-style:none;}
.no_bdr {border:none}
.no_bold{font-weight:normal;}
.li_inline li {float:left;}
.ls_03 {letter-spacing:-0.03em}
/*
[2]MARGIN-CLASS
===================================*/
.m0auto{margin:0 auto;}
/*margin top*/
.mT01{margin-top:1px;}
.mT02{margin-top:2px;}
.mT03{margin-top:3px;}
.mT04{margin-top:4px;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
/*margin right*/
.mR00{margin-right:0px;}
.mR05{margin-right:5px;}
.mR10{margin-right:10px}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR25{margin-right:25px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR42{margin-right:42px;}
.mR47{margin-right:47px;}
.mR77{margin-right:77px;}

/*margin bottom*/
.mB05{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB43{margin-bottom:43px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}
.mB130{margin-bottom:130px;}
.mB160{margin-bottom:160px;}
.mB200{margin-bottom:200px;}
.mB250{margin-bottom:250px;}
.mB300{margin-bottom:300px;}
.mB400{margin-bottom:400px;}
.mB600{margin-bottom:600px;}
.mB700{margin-bottom:700px;}
.mB800{margin-bottom:800px;}

/*margin left*/
.mL05{margin-left:5px;}
.mL10{margin-left:10px;;}
.mL14{margin-left:14px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}

/*
[3]PADDING-CLASS
===================================*/

/*padding top*/
.pT03{padding-top:3px;}
.pT05{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}

/*padding right*/
.pR05{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}

/*padding bottom*/
.pB05{padding-bottom:5px;}
.pB08{padding-bottom:8px;}
.pB10{padding-bottom:10px;}
.pB12{padding-bottom:12px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}

/*padding left*/
.pL05{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL50{padding-left:50px;}
/*


/*
[4]WIDTH-CLASS
===================================*/
.w50{width:50px;}
.w70{width:70px;}
.w100{width:100px;}
.w110{width:110px;}
.w140{width:140px;}
.w150{width:150px;}
.w200{width:190px;}
.w210{width:210px;}
.w220{width:220px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w328{width:328px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w380{width:380px;}
.w445{width:445px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w550{width:550px;}
.w580{width:580px;}
.w600{width:600px;}
.w645{width:645px;}

/*
[5]HEIGHT-CLASS
===================================*/
.h25{height:25px;}
/*
[6]FONT-CLASS
===================================*/
.lheight40{
line-height:40px;
}
.f7{font-size:7px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f27{font-size:27px;}
.red{color: #ff0000;}
.blue{color:#355497;}
.blue a{color:#0065b1;}
.black{color:#000;}
.black a{color:#000;}
.black a:hover { color:#666 } 
.gray{color:#333333;}
.white{color:#ffffff;}
.yellow{ color:#ffae00;}
.dgray{color:#4b4b4b;}
.lgray{color:#666666;}
.lgray2{color:#bdbbbb;}
.lgray3{color:#a0a0a0;}
.white{color:#ffffff;}
.orange{color:#f47920;}
.fweight100{font-weight:100;}
.placeholder {color:#aaa;}
/*
[7]FLOAT-CLEAR
===================================*/
.clearfix:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
overflow:hidden;
zoom:1;
}
.clearfix{
clear:both;
}


html,body{
    height: 100%;
}

a{color:#fff;}

a:hover{color:#CCC; text-decoration:none;}

.center{text-align:center;}

.text30{font-size:30px;}

.text28{font-size:28px;}

.text26{font-size:26px;}

.text24{font-size:24px;}

.text22{font-size:22px;}

.text20{font-size:20px;}

.text18{font-size:18px;}

.text16{font-size:16px;}

.italic{font-style: italic;}

.margin10{margin-bottom:10px;}

.margin15{margin-bottom:15px;}

.margin20{margin-bottom:20px;}

.margin30{margin-bottom:30px;}

.margin40{margin-bottom:40px;}

.margin50{margin-bottom:50px;}

.margin60{margin-bottom:60px;}

.margin70{margin-bottom:70px;}

.text_right{text-align:right;}

.title_green{color:#95ffdd;}

.title_red{color:#ffccc6;}

.title_blue{color:#c9d9ff;}

.title_yellow{color:#fffeac;}

.title_purple{color:#ffc5f9;}

.border_top{border-top:solid 1px #FFF; padding-bottom:5px;}

.border_bottom{border-bottom:solid 1px #FFF; padding-bottom:5px;}

.text-shadow-black{text-shadow: #000 0px -1px 0px;}

.text_center{text-align:center;}

a:hover img.hoverImg{
opacity:0.8;
filter:alpha(opacity=85);
-ms-filter: "alpha( opacity=85 )";
}

.autosize_image{
	width: 100%;
    max-width: 100%;
    height: auto;
}

.page-back {
position: fixed;
bottom: 25px;
right: 25px;
}

.bold{font-family: 'Lora', serif; font-weight:700;}

/* Google Map Responsive */
.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* FB like box */
div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 100% !important;
}

body {
    font-size:15px;
    font-family: 'Lora', serif;;
	font-weight: 400; 
    color: #FFF;
    line-height:20px;
    letter-spacing:.1px;
    word-spacing:1px;
	margin:0px auto;
}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
body{
width: 100%;
}
}
	
/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
body{
min-width: 320px;
}
}


.nonpc{
    display: none;
}

.tablet{
	display: none;
}

.pc{
display:block;
}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
.nonpc{
    display: none;
}

.tablet{
	display: block;
}

.pc{
    display: none;
}	
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
.nonpc{
display:block;
}
.tablet{
display:none;
}
.pc{
display:none;
}
}	
	
#container{width:100%; height:auto; margin:0px auto;}

#header{ background:url(../images/header_back.jpg) top center; width:100%; height:160px; color:#000; font-size:17px;}

#header_inside{width:1100px; height:140px; margin:0px auto; padding:10px 0px;}

#logo{width:400px; height:140px; float:left;}

#telephone{width:220px; height:80px; margin-top:10px; float:right;}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
#container{width:100%; height:auto; margin:0px auto;}

#header{ background:url(../images/header_back.jpg) top center; width:100%; height:auto; color:#000; font-size:17px;}

#header_inside{width:90%; height:220px; margin:0px auto; padding:10px 0px;}

#logo{width:400px; height:auto; float:left;}

#telephone{width:220px; height:auto; margin-top:10px; float:right;}	
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){ 
body{
min-width: 320px;
}
#header{width:100%; height:auto; background-color:#000; font-size:17px;}

#header_inside{width:100%; height:auto; margin:0px auto; padding:10px 0px;}

#logo{width:100%; height:auto; float:none;}

#telephone{width:60%; height:auto; margin:20px auto 0px; float:none;}
}

#nav{font-size:19px; width:670px; height:30px; float:right; margin-top:15px;}

#nav a{color:#000; text-decoration:none;}

#nav a:hover{color:#5A5A5A;}
#nav ul{list-style:none;}

#nav li{float:left; margin-right:25px;}

/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav {margin: 0px;}
ul.drop a { display:block;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0;}
ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	padding: 8px 8px 5px;
}
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default;}
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width:100px; background:url(../images/header_back.jpg) top center; border-top:solid 5px #fff; }
ul.drop ul li { float: none;}
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
#nav{font-size:19px; width:auto; height:30px; float:none; margin-top:15px;}	
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
#nav {
	padding: 0px;
	float: none;
	width: 80%;
	height: auto;
	margin: 0px auto;
}
.nav_content{
	width:100%;
	height:auto;
	float:none;
	margin:10px auto;
	}
}

#slider_outside{width:100%; height:auto; margin:0px auto; background:#202020; border-bottom:solid 1px #1A0000;}

#slider{width:1100px; height:400px; margin:0px auto;}

.slider_caption01{position: absolute; width: 480px; height: auto; top: 130px; right: 130px; padding: 5px;line-height: 40px;  font-size: 38px;
 color: #b42030;}

.slider_caption02{position: absolute; width: 480px; height: 120px; top: 250px; right: 130px; padding: 5px; color: #FFFFFF;}

#introduction{width:100%; height:170px; margin:0px auto; padding-top:30px; background-image:url(../images/index_introduction_back.jpg); background-position:center top;}

#introduction_inside{width:1100px; height:130px; padding:10px 0px; margin:0px auto;}

#main_content{width:100%; height:auto; background-color:#202020; padding-bottom: 50px;}

#main_content_index{
	width:1100px;
	height:auto;
	margin:0px auto;
	padding:20px 0px;
	background-image: url(../images/index_main_back.png);
	background-position: center top;
}

#main_content_index_left{width:760px; height:auto; float:left;}

#index_news{width:720px; height:190px; margin-bottom:30px;}

#index_news_left{width:150px; height:auto; float:left; margin-right:20px;}

#index_news_right{width:550px; height:auto; float:left; padding-top:15px; margin-top:27px;}

#index_news_right li{padding-top:8px;}

#index_menu{width:720px; height:200px; margin-bottom:30px;}

#index_menu_left{width:150px; height:150px; float:left; margin-right:20px;}

#index_menu_right{width:550px; height:150px; float:left; padding-top:15px; margin-top:27px;}

.index_menu_picL{width:173px; height:150px; margin-right:15px; float:left;}

.index_menu_picR{width:173px; height:150px; float:right;}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
#introduction{width:100%; height:auto; margin:0px auto; padding-top:10px; padding-bottom:10px; background-image:url(../images/index_introduction_back.jpg); background-position:center top;}

#introduction_inside{width:90%; height:auto; padding:10px 0px; margin:0px auto;}
	
#main_content_index{
	width:90%;
	height:auto;
	margin:0px auto;
	padding:20px 0px;
	background-image: url(../images/index_main_back.png);
	background-position: center top;
}

#main_content_index_left{width:72%; height:auto; float:left;}

#index_news{width:100%; height:auto; margin-bottom:30px;}

#index_news_left{width:20%; height:auto; float:left; margin-right:20px;}

#index_news_right{width:75%; height:auto; float:left; padding-top:15px; margin-top:27px;}

#index_menu{width:100%; height:auto; margin-bottom:30px;}

#index_menu_left{width:20%; height:auto; float:left; margin-right:20px;}

#index_menu_right{width:75%; height:auto; float:left; padding-top:15px; margin-top:27px;}

.index_menu_picL{width:32%; height:auto; margin-right:2%; float:left;}

.index_menu_picR{width:32%; height:auto; float:right;}
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
#slider_outside{width:100%; height:auto; margin:0px auto; background:#202020; border-bottom:solid 1px #1A0000;}

#main_content{width:90%;
	height:auto;
	margin:0 auto;
	padding:20px 5%;}
	
#main_content_index{
	width:100%;
	height:auto;
	margin:0 auto;
}

#main_content_index_left{width:100%; height:auto; float:none; margin:0px auto;}

#index_news{width:100%; height:auto; margin-bottom:30px;}

#index_news_left{width:100%; height:auto; float:none; margin:0px auto;}

#index_news_right{width:100%; height:auto; float:none; padding-top:15px; margin-top:27px;}

#index_news_right li{padding-top:8px;}

#index_menu{width:100%; height:auto; margin-bottom:30px;}

#index_menu_left{width:100%; height:auto; float:none; margin:0px auto;}

#index_menu_right{width:100%; height:auto; float:none; padding-top:15px; margin-top:27px;}

.index_menu_picL{width:100%; height:auto; margin:0px 0px 30px; float:none;}

.index_menu_picR{width:100%; height:auto; margin:0px 0px 30px; float:none;}	
	
}

#index_gallery{width:720px; height:540px;}

#index_gallery_left{width:150px; height:150px; float:left; margin-right:20px;}

#index_gallery_right{width:550px; height:490px; float:left; padding-top:15px; margin-top:27px;}

.index_gallery_content{width:550px; height:200px; margin:0px 0px 20px 0px;}

.index_gallery_contentL{width:102px; height:200px; margin:0px 10px 0px 0px; float:left;}

.index_gallery_contentR{width:102px; height:200px; float:right;}

#main_content_index_right{width:290px; height:auto; float:right;}

#main_content_index_right li{margin-bottom:5px;}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
#index_gallery{width:100%; height:auto;}

#index_gallery_left{width:20%; height:auto; float:left; margin-right:20px;}

#index_gallery_right{width:75%; height:auto; float:left; padding-top:15px; margin-top:27px;}

.index_gallery_content{width:100%; height:auto; margin:0px 0px 20px 0px;}

.index_gallery_contentL{width:19%; height:auto; margin:0px 1% 0px 0px; float:left;}

.index_gallery_contentR{width:19%; height:auto; float:right;}
	
#main_content_index_right{width:24%; height:auto; float:right;}	
}

#icon_wrapper{width:370px; height:40px; margin-top:20px;}

#footer{width:100%; height:80px; background:url(../images/header_back.jpg) center center; color:#111; clear:both;}

#footer a{color:#111;}

#footer a:hover{color:#444;}

#footer_inside{height:60px; width:1150px; margin:0px auto; padding:10px 0px;}

#footer_inside_nav{width:800px; height:30px; margin:0px auto 10px; }

#footer_inside ul{list-style:none;}

#footer_inside li{float:left; margin-right:30px;}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
#footer_inside{height:60px; width:100%; margin:0px auto; padding:10px 0px;}

#footer_inside_nav{width:90%; height:30px; margin:0px auto 10px; }	
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
#main_content_index_right{width:98%; height:auto; float:none; margin:50px auto 0;}

#icon_wrapper{width:100%; height:auto; margin-top:20px;}

#footer{width:100%; height:auto; background-image:url(../images/footer_back.jpg); background-position:top center; color:#111; clear:both;}

#footer_inside{height:auto; width:95%; margin:0px auto; padding:10px 0px;}
}

/* Common CSS */
#main_pic_common{width:100%; height:280px;}

#title_common{width:1100px; height:30px; padding-top:130px; margin:0 auto; font-size:35px; text-shadow: #7A7A7A 1px 1px 2px;}

#main_content_other{
	width:1100px;
	margin:0px auto;
	padding:50px 0px;
	background:#202020;
}

#main_content_other_left{width:760px; height:auto; float:left;}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
#title_common{width:90%; height:30px; padding-top:130px; margin:0 auto; font-size:35px; text-shadow: #7A7A7A 1px 1px 2px;}

#main_content_other{
	width:90%;
	margin:0px auto;
	padding:50px 0px;
	background:#202020;
}

#main_content_other_left{width:73%; height:auto; float:left;}	
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
#main_content_other{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:50px 0px;
}
#main_content_other_left{width:100%; height:auto; float:none;}
}

/* Menu CSS */
#main_content_other_left td{padding: 12px 0px 12px; border-bottom: 1px dotted #fff;}

#main_content_other_left li{float:left; margin-left:10px;}

.menu_table_width{width:70%}

.menu_td_width{width:85%}

.sushi_table_width{width:70%}

.sushi_td_width{width:40%}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
.menu_table_width{width:100%}

.menu_td_width{width:80%}

.sushi_table_width{width:100%}

.sushi_td_width{width:50%}

#main_content_other_left ul{margin-bottom:20px;}

#main_content_other_left li{margin-bottom:10px;}

.mBsm {margin-bottom:40px !important;}
}

/* News CSS */
.news_back{background:#111;}

#main_content_news{
	width:1100px;
	height:auto;
	margin:0px auto;
	padding:50px 0px;
	background:#202020;
}

#main_content_news_left{width:760px; height:auto; float:left;}

#main_content_news_left a{color:#95ffdd; text-decoration:none;}

#main_content_news_left a:hover{color:#49D4A8;}

.news_container_index{width:760px; height:auto; margin-bottom:70px;}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
#main_content_news{
	width:90%;
	height:auto;
	margin:0px auto;
	padding:50px 0px;
}
#main_content_news_left{width:73%; height:auto; float:left;}

.news_container_index{width:90%; height:auto; margin-bottom:70px;}
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
#main_content_news{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:50px 0px;
}

#main_content_news_left{width:100%; height:auto; float:none;}

.news_container_index{width:100%; height:auto; margin-bottom:70px;}
	
}

/* Contact CSS */
#map_content{width:1100px; height:180px; margin:0px auto;}

#contact_left{width:500px; height:auto; float:left; font-size:16px;}

#contact_left td{padding:5px;}

#contact_right{width:580px; height:auto; float:right;}

.td_valign{vertical-align:top;}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
#map_content{width:100%; height:auto; margin:0px auto;}

#contact_left{width:48%; height:auto; float:left; font-size:16px;}

#contact_left td{padding:5px;}

#contact_right{width:48%; height:auto; float:right;}	
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
#map_content{width:100%; height:auto; margin:0px auto;}

#contact_left{width:100%; height:auto; float:none; font-size:16px;}

#contact_left td{padding:5px;}

#contact_right{width:100%; height:auto; float:auto;}	
}


/* Gallery CSS */
.gallery_wrapper{width:760px; height:170px; margin-bottom:20px;}

.gallery_wrapper img{width:238px; float:left; padding: 4px; background: #fff;}

.mR10g{margin-right:10px;}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
.gallery_wrapper{width:100%; height:auto; margin-bottom:20px;}

.gallery_wrapper img{width:30%; float:left; padding: 1%; background: #fff;}	
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
.gallery_wrapper{width:100%; height:auto; margin-bottom:0px;}

.gallery_wrapper img{width:94%; float:none; padding: 3%; background: #fff; margin-bottom:20px;}
	
.mR10g{margin-right:0px;}	
}

/* About CSS */
#about_wrapper01{width:760px; height:250px; margin-bottom:20px;}

#about_wrapper01L{width:340px; height:210px; padding:20px 20px 20px 25px; float:left; background:url(../images/bg_washi02.png);}

#about_wrapper01R{width:360px; height:250px; float:right;}

.about_wrapper02{width:760px; height:159px; margin-bottom:20px;}

.about_wrapper02L{width:243px; height:159px; float:left; margin-right:15px;}

.about_wrapper02R{width:243px; height:159px; float:right;}

#about_wrapper03{width:760px; height:250px; margin-bottom:20px;}

#about_wrapper03L{width:360px; height:250px; float:left;}

#about_wrapper03R{width:340px; height:210px; padding:20px 20px 20px 25px; float:right; background:url(../images/bg_washi01.png);}

/*タブレットのウインドウサイズ（1024px）以下の場合の指定*/
@media screen and (max-width: 1024px){
#about_wrapper01{width:100%; height:auto; margin-bottom:20px;}

#about_wrapper01L{width:52%; height:auto; padding:5px; float:left; background:#202020;}

#about_wrapper01R{width:45%; height:auto; float:right;}

.about_wrapper02{width:100%; height:auto; margin-bottom:20px;}

.about_wrapper02L{width:32%; height:auto; float:left; margin-right:2%;}

.about_wrapper02R{width:32%; height:auto; float:right;}

#about_wrapper03{width:100%; height:auto; margin-bottom:20px;}

#about_wrapper03L{width:45%; height:auto; float:left;}

#about_wrapper03R{width:52%; height:auto; padding:5px; float:right; background:#202020;}	
}

/*スマートフォンのウインドウサイズ（768px）以下の場合の指定*/
@media screen and (max-width: 768px){
#about_wrapper01{width:100%; height:auto; margin-bottom:20px;}

#about_wrapper01L{width:100%; height:auto; padding:0; float:none; background:none; margin-bottom:20px;}

#about_wrapper01R{width:100%; height:auto; float:none;}

.about_wrapper02{width:100%; height:auto; margin-bottom:20px;}

.about_wrapper02L{width:100%; height:auto; float:none; margin-right:0px; margin-bottom:20px;}

.about_wrapper02R{width:100%; height:auto; float:none; margin-bottom:20px;}

#about_wrapper03{width:100%; height:auto; margin-bottom:20px;}

#about_wrapper03L{width:100%; height:auto; float:left; margin-bottom:20px;}

#about_wrapper03R{width:100%; height:auto; padding:0; float:right; background:none; margin-bottom:20px;}	
}

/* CSS Added */
.alert{padding:20px; background:#bf3828; color:#fff;}

.alert-inside{width:1100px; margin-left:auto; margin-right:auto; text-align:center;}

@media screen and (max-width: 1024px){
.alert-inside{width:96%; margin-left:2%; margin-right:2%;
}