/** 
1. Reset & Clearfix
**/



a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em,  embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 1em; }
html, body {	height: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
b, strong { font-weight: bold; }
img { color: transparent; 	font-size: 0; 	vertical-align: middle; 	-ms-interpolation-mode: bicubic; }
ol, ul { list-style: none; }
li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { font-weight: normal; 	vertical-align: top; text-align: left; }
q { quotes: none; }
q:before,
q:after { content: ''; content: none; }
sub, sup, small { font-size: 75%; }
sub, sup { line-height: 0; 	position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
svg { overflow: hidden; }

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before,
.clearfix:after,
.container:before,
.container:after { 	content: '.'; 	display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.clearfix:after,
.container:after { clear: both;}
.clearfix,
.container { zoom: 1;}
/*img {max-width: 100%; height: auto;}*/
*:after { display:block; clear:both; }

/** 
1. Reset & Clearfix
**/

/**
2. Typography
**/

body{ font-family:'ヒラギノ明朝 Pro W3','Times New Roman','ＭＳ Ｐ明朝'!important; font-size: 14px; color: #292929; background: #f7f7f7; }

h1,
h2,
h3,
h5,
h6{color: #4d4d4d;}

a,
a:visited{ color: #292929; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }


/** 
2. End of "Typography"
**/

/**
3. Header
**/

div.site-logo{ float:left; width: 395px; height: 117px; padding-bottom: 17px; }

h1#site-title *{ font-size: 36px; color: #f2f2f2; text-transform: uppercase; }

nav#main-navigation{ float:right; margin: 93px 5px 0 0; padding: 0px 1px 0 0; background: url(images/gnavi_line.gif) right top no-repeat; }
nav#main-navigation:after { content: ""; }

nav#main-navigation-sp { display: none; }
nav#main-navigation li{ float:left; background: url(images/gnavi_line.png) left top no-repeat; padding: 0 0 6px 1px; }
nav#main-navigation li:last-child{ border: none; padding-bottom: 0; margin-bottom: 0; }

/* ver 1.1 */
#jpri-tw-sp { display: none; }
#jpri-fb-sp { display: none; }


/** 
3. End of "Header"
**/

/** 
4. Layout
**/
#main-container { margin: 0 auto; padding: 25px 0 0; background: url(images/head_bg.jpg) left top repeat-x; }
header { width: 1024px; margin: 0 auto; padding: 0; position: relative; }
header:after { content: "" ; }
#content{ position: relative; border-top: 1px solid #d9d9d9; padding-top: 24px; }
#mainframebox { width: 1024px; margin: 0 auto 22px; padding: 0; }
#mainframebox:after { content: "" ; }
#mainframebox #mainframe { position: relative; float: left; width: 650px; height: 435px; background: url(images/mainframe.png) left top no-repeat; margin-right: 24px; }
#mainframebox #mainframe img { width: 644px; height: 427px; padding: 6px 6px 7px; }
#mainframebox #mainframe span { } 

#mainframebox #mainframe #slider1 { width: 644px; height: 427px; position: relative; overflow: hidden; }
#mainframebox #mainframe #slider1Content { width: 638px; position: absolute; top: 0; margin-left: 0; }
#mainframebox #mainframe .slider1Image { float: left; position: relative; display: none; }
#mainframebox #mainframe .slider1Image span {
     position: absolute;
     left: 6px;
     bottom: 9px;
     width: 628px;
     height: 12px;
     padding: 9px 6px 22px;
     background: #000;
     filter: alpha(opacity=70);
     -moz-opacity: 0.7;
     -khtml-opacity: 0.7;
     opacity: 0.7;
     color: #fff;
     font-size: 14px;
     display: block;
}

#mainframebox #mainframe .clear { clear: both; }

#mainframebox #rightframe { float: right; width: 350px; }  

#mainframebox #rightframe #gmap { width: 342px; height: 292px; margin-bottom: 25px; padding: 6px 0 0 6px; background: url(images/bg_gmap.png) left top no-repeat; }
#mainframebox #rightframe #gmap-tablet { display: none; }
#mainframebox #rightframe #bnr { display: block; }
#mainframebox #rightframe #bnr-tablet { display: none; }
#mainframebox #rightframe #bnr-sp { display: none; }

#categorymenu { height: 77px; background: url(images/bg_group.png) repeat-x; margin-bottom: 22px; }
#categorymenu:after { content: "" ; }
#categorymenu nav { width: 1024px; margin: 0 auto; }
#categorymenu nav li { float:left; width: 145px; height: 77px; background: url(images/group_off.png); font-size: 16px; text-align: center; line-height: 100%; }
#categorymenu nav li.checked { background: url(images/group_on.png); margin-left: 5px; font-weight: bold; }
#categorymenu nav li a { color: #868686; }
#categorymenu nav li.checked a { color: #464646; }
#categorymenu nav li a span { display: block; width: 145px; height: 50px; padding-top: 27px; }
#categorymenu nav li:last-child a span { background: url(images/group_line.png) right top no-repeat; }

#photolist { width: 1024px; margin: 0 auto 24px; padding: 0; }
#photolist ul { }
#photolist ul:after { content: "" ; }
#photolist ul li { float: left; width: 330px; height: 245px; background: url(images/bg_photolist.png) left top no-repeat; margin: 0 17px 17px 0; }
#photolist ul li:nth-child(3n) { margin-right: 0px; }
#photolist ul li a { display: block; height: 236px; padding: 9px 10px 0;}
#photolist ul li a img { display: block; margin-bottom: 7px;}
#photolist ul li a span.text1 { display: block; margin: 0 0 3px 7px; font-size: 14px; text-shadow: 1px 1px 1px #c9c9c9; }
#photolist ul li a span.text2 { display: block; margin: 0 0 0 7px; font-size: 12px; text-shadow: 1px 1px 1px #c9c9c9; height: 14px; overflow: hidden; }
#photolist div#more_disp { display: none; }

#topicpath { background: #cecece; margin-bottom: 21px; padding: 0; }
#topicpath ul { width: 1014px; height: 18px; margin: 0 auto; padding: 0 5px; }
#topicpath ul li { display: inline; vertical-align: middle; }
#topicpath ul li:first-child { margin-left: 5px; }

/**
5. Footer
**/

footer { width: 1024px; border-top: 1px solid #434343; margin: 0 auto; padding: 11px 0 22px; }
footer .copyright { width: 1024px; margin: 0 auto; }
footer p { padding: 0 0 0 38px;  text-align: right; color: #464646; font-size: 12px; }

/** 
5. End of "Footer"
**/


/**
6. Single
**/

#photosingle { width: 1024px; margin: 0 auto 27px; padding: 0; }
#photosingle h2 { margin-bottom: 19px; padding: 0 5px; font-size: 20px; text-shadow: 0px 0px 4px #c9c9c9;  }
#photosingle #photobox { }
#photosingle #photobox ul { margin-bottom: 7px; background: url(images/bg_photo_line.png) center center no-repeat; }
#photosingle #photobox ul:after { content: "" ; }
#photosingle #photobox ul li { width: 449px; height: 303px; background: url(images/bg_photo.png) left top no-repeat; text-align: center; }
#photosingle #photobox ul li:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; /*margin-right: -0.25em;*/}
#photosingle #photobox ul li.image50 { float: left; }
#photosingle #photobox ul li.imagenew { float: right; }
#photosingle #photobox ul li img { display: inline-block; vertical-align: middle; margin: 0 0 1px 1px; }
#photosingle #photobox p { margin-bottom: 5px; padding: 0 5px; line-height:1.6; }
#photosingle #photobox #gmap { width: 1012px; height: 158px; margin: 19px 5px 27px; padding: 0; border: 1px solid #4e4e4e; }
#photosingle #photobox #gmap-tablet { display: none; }
#photosingle #photobox #gmap-sp { display: none; }
#photosingle #photobox nav { margin-bottom: 47px; padding: 0 5px; }
#photosingle #photobox nav:after { content: "" ; }
#photosingle #photobox nav li {}
#photosingle #photobox nav li:first-child { float: left; }
#photosingle #photobox nav li:last-child { float: right; }
#photosingle #photobox nav li a { color: #636363; font-size: 14px; }

/** 
6. End of "Single"
**/


/**
7. Info
**/
#info { width: 1024px; background: url(images/bg_second.png) left top no-repeat; margin: 0 auto 6px; padding: 0; }
#info:after { content: "" ;}
#info nav { float: right; width: 131px; margin: 1px 5px 0 0; }
#info nav:after { content: "" ;}
#info nav li {}
#info nav li:first-child { float: left; }
#info nav li:last-child { float: right; }
#info dl { padding-top: 43px; }
#info dl dt { float: left; width: 243px; margin: 0 0 28px 5px; }
#info dl dd { float: left; width: 776px; margin-bottom: 28px; }
#info dl dd ul { margin-bottom: 26px; }
#info dl dd ul li { margin-bottom: 4px; }
#info dl dd ul:last-child { margin-bottom: 0px; } 
#info dl dd #gmap { width: 768px; height: 309px; margin: -3px 0 -5px; border: 1px solid #4e4e4e; }
#info dl dd #gmap-tablet { display: none; }
#info dl dd #gmap-sp { display: none; }


/** 
7. End of "Info"
**/


/**
8. About & Us
**/
#about { width: 1024px; background: url(images/bg_second.png) left top no-repeat; margin: 0 auto 34px; padding: 0; }
#about:after { content: "" ;}
#about nav { float: right; width: 131px; margin: 1px 5px 0 0; }
#about nav:after { content: "" ;}
#about nav li {}
#about nav li:first-child { float: left; }
#about nav li:last-child { float: right; }
#about h2 { width: 1019px; margin: 0 0 12px 5px; padding-top: 19px; font-size: 20px; text-shadow: 0px 0px 4px #c9c9c9;  }
#about p { margin: 0 5px 24px; line-height: 24px; }
#about p.last {  }
#about p.right { margin-bottom: 20px; text-align: right; }
#about ul {}
/*#about ul li { margin-bottom: 11px; }*/

#about #photobox { margin-bottom: 30px; }
#about #photobox ul { background: url(images/bg_photo_line.png) center center no-repeat; }
#about #photobox ul:after { content: "" ; }
#about #photobox ul li { width: 449px; height: 303px; background: url(images/bg_photo.png) left top no-repeat; text-align: center; }
#about #photobox ul li:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; /*margin-right: -0.25em;*/}
#about #photobox ul li.image50 { float: left; }
#about #photobox ul li.imagenew { float: right; }
#about #photobox ul li img { display: inline-block; vertical-align: middle; margin: 0 0 1px 1px; }

#us { width: 1024px; background: url(images/bg_second.png) left top no-repeat; margin: 0 auto 87px; padding: 0; }
#us:after { content: "" ;}
#us nav { float: right; width: 131px; margin: 1px 5px 0 0; }
#us nav:after { content: "" ;}
#us nav li {}
#us nav li:first-child { float: left; }
#us nav li:last-child { float: right; }
#us h2 { width: 1019px; margin: 0 0 12px 5px; padding-top: 19px; font-size: 20px; text-shadow: 0px 0px 4px #c9c9c9;  }
#us p { margin: 0 5px 24px; line-height: 24px; }
#us p.last { margin-bottom: 0 5px 20px; }
#us ul { margin: 0 5px; }
#us ul li { margin-bottom: 6px; }

/** 
8. End of "About"
**/


/**
9. Jquery
**/


#slider1 { width: 644px; height: 427px; position: relative; overflow: hidden; }
#slider1Content { width: 638px; position: absolute; top: 0; margin-left: 0; }
.slider1Image { float: left; position: relative; display: none; }
.slider1Image span { position: absolute; padding: 10px 13px; width: 638px; background: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; }
.clear { clear: both; }
.slider1Image span strong { font-size: 14px; }


/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {	padding: 0;	margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer,
.fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;	margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image,
.fancybox-iframe {	display: block;	width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span { background-image: url(http://jpri.kyodo.co.jp/wp-content/themes/renovatio/images/fancybox_sprite.png); }
#fancybox-loading {	position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div {	width: 44px; height: 44px; background: url(http://jpri.kyodo.co.jp/wp-content/themes/renovatio/images/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.ie8 .fancybox-close { top: -2px; right: -2px; }
.fancybox-nav {	position: absolute;	top: 0;	width: 40%;	height: 100%; cursor: pointer; text-decoration: none; background: transparent url(http://jpri.kyodo.co.jp/wp-content/themes/renovatio/images/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp {	position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: auto; }
.fancybox-overlay {	position: absolute;	top: 0;	left: 0; overflow: hidden; display: none; z-index: 8010; background: url(http://jpri.kyodo.co.jp/wp-content/themes/renovatio/images/fancybox_overlay.png); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%;	margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child {	display: inline-block; margin-right: -100%;	padding: 2px 20px; background: transparent;	background: rgba(0, 0, 0, 0.8);	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;	text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px;	white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap {	position: absolute;	bottom: 0; left: 0; color: #fff; padding: 10px;	background: #000; background: rgba(0, 0, 0, .8); }

/** 
9. End of "Jquery"
**/




/** 
8. Responsive styles
**/

@media only screen and (min-width: 500px) and (max-width: 900px) {



header { width: 768px; margin: 0 auto; padding: 0; }
header div.site-logo{ width: 307px; height: 91px; padding-bottom: 15px; }
header div.site-logo img { width: 307px; height: 91px; }
header nav#main-navigation { margin-top: 69px; }
nav#main-navigation li { /*background: url(images/gnavi_line.png) no-repeat left bottom;*/ padding: 0; }
nav#main-navigation li:first-child img { width: 100px; height: 27px; }
nav#main-navigation li:nth-child(2) img { width: 81px; height: 27px; }
nav#main-navigation li:nth-child(3) img { width: 115px; height: 27px; }
nav#main-navigation li:last-child img { width: 122px; height: 27px; }

#mainframebox { width: 768px; margin: 0 auto 24px; padding: 0; }
#mainframebox #mainframe { position: relative; width: 501px; height: 335px; background: url(images/mainframe_tablet.png) left top no-repeat; margin-right: 24px; }
#mainframebox #mainframe ul { width: 501px; height: 335px; }
#mainframebox #mainframe #slider1 { width: 501px; height: 335px; } 
#mainframebox #mainframe #slider1Content { width: 501px; }
#mainframebox #mainframe .slider1Image span { width: 477px; bottom: 7px; padding: 9px 6px; }
#mainframebox #mainframe img { width: 489px; height: 323px; }
#mainframebox #rightframe { width: 243px; }
#mainframebox #rightframe #gmap { display: none; }
#mainframebox #rightframe #gmap-tablet { display: block; width: 241px; height: 234px; margin-bottom: 16px; padding: 6px 0 0 6px; background: url(images/bg_gmap_tablet.png) left top no-repeat; }
#mainframebox #rightframe #bnr { display: none; }
#mainframebox #rightframe #bnr-tablet { display: block; }
#mainframebox #rightframe #bnr-sp { display: none; }

#categorymenu { background: url(images/bg_group_tablet.png) left top repeat-x; height: 55px; padding: 0; }
#categorymenu nav { width: 768px; margin: 0 auto; padding: 0 5px; }
#categorymenu nav li { width: 152px; background: url(images/group_tablet_off.png) left top no-repeat; height: 55px; }
#categorymenu nav li:last-child a span { background: url(images/group_line_tablet.png) right top no-repeat; }
#categorymenu nav li.checked { background: url(images/group_tablet_on.png) left top no-repeat; }
#categorymenu nav li a span { width: 151px; height: 39px; padding-top: 16px; font-size: 14px; }



#photolist { width: 768px; margin: 0 auto 24px; padding: 0; }
#photolist ul li { float: left; width: 248px; height: 186px; background: url(images/bg_photolist_tablet.png) left top no-repeat; margin: 0 12px 12px 0; }
#photolist ul li a { height: 174px; padding: 6px 8px; }
#photolist ul li a img { width: 232px; height: 135px; margin-bottom: 4px; }
#photolist ul li a span.text1 { font-size: 12px; margin: 0 0 0 3px; }
#photolist ul li a span.text2 { font-size: 10px; margin-left: 4px; height: 10px; }
#photolist div#more_disp { display: none; }


footer { width: 768px; padding: 11px 0 14px; }
footer .copyright { width: 768px; margin: 0 auto; }
footer p { padding: 0; }

#topicpath { padding: 0; }
#topicpath ul { width: 768px; margin: 0 auto; padding: 0 5px; }

#photosingle { width: 768px; margin: 0 auto 27px; padding: 0; }
#photosingle h2 { margin-bottom: 24px; padding: 0 5px; font-size: 16px; }
#photosingle #photobox { }
#photosingle #photobox ul { background: url(images/bg_photo_line_tablet.png) center center no-repeat; margin-bottom: -9px; }
#photosingle #photobox ul:after { content: "" ; }
#photosingle #photobox ul li { width: 340px; height: 230px; background: url(images/bg_photo_tablet.png) left top no-repeat; text-align: center; }
#photosingle #photobox ul li:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; /*margin-right: -0.25em;*/}
#photosingle #photobox ul li.image50 { float: left; }
#photosingle #photobox ul li.imagenew { float: right; }
#photosingle #photobox ul li img { display: inline-block; width: 328px; height: 216px; margin: 0 0 2px; vertical-align: middle; }
#photosingle #photobox p { margin-bottom: 18px; padding: 0 5px; line-height:1.6; }
#photosingle #photobox #gmap { display: none; }
#photosingle #photobox #gmap-tablet { display: block; width: 756px; height: 158px; margin: 0 5px 27px; border: 1px solid #4e4e4e; }
#photosingle #photobox #gmap-sp { display: none; }
#photosingle #photobox nav { margin-bottom: 24px; padding: 0 5px; }
#photosingle #photobox nav:after { content: "" ; }
#photosingle #photobox nav li {}
#photosingle #photobox nav li:first-child { float: left; }
#photosingle #photobox nav li:last-child { float: right; }
#photosingle #photobox nav li a { font-size: 12px; }


#info { width: 768px; background: url(images/bg_second_tablet.png) left top no-repeat; margin: 0 auto 34px; padding: 0; }

#info dl { padding-top: 43px; }
#info dl dt { float: left; width: 244px; margin: 0 0 28px 5px; }
#info dl dd { float: left; width: 515px; margin-bottom: 28px; }
#info dl dd ul { margin-bottom: 28px; }
#info dl dd ul li { margin-bottom: 5px; }
#info dl dd #gmap { display: none; }
#info dl dd #gmap-tablet { display: block; width: 515px; height: 309px; border: 1px solid #4e4e4e; }
#info dl dd #gmap-sp { display: none; }

#about { width: 768px; background: url(images/bg_second_tablet.png) left top no-repeat; margin: 0 auto 34px; padding: 0; }
#about nav { float: right; width: 131px; margin: 1px 5px 0 0; }
#about h2 { margin: 0 0 12px 5px; padding-top: 21px; font-size: 16px; }
#about p { margin: 0 5px 18px; line-height: 18px; }
#about p.last {  }
#about p.right { margin-bottom: 12px; }
#about ul {}

#about #photobox { margin-bottom: 30px; }
#about #photobox ul { background: url(images/bg_photo_line_tablet.png) center center no-repeat; }
#about #photobox ul li { width: 340px; height: 230px; background: url(images/bg_photo_tablet.png) left top no-repeat; }
#about #photobox ul li img { width: 328px; height: 216px; margin: 0 0 2px; }

#us { width: 768px; background: url(images/bg_second_tablet.png) left top no-repeat; margin: 0 auto 42px; padding: 0; }
#us nav { float: right; width: 131px; margin: 1px 5px 0 0; }
#us h2 { margin: 0 0 12px 5px; padding-top: 21px; font-size: 16px; }
#us p { margin: 0 5px 18px; line-height: 18px; }
#us p.last { margin-bottom: 12px; }
#us ul { margin: 0 5px; }
#us ul li { margin-bottom: 1px; }

}

@media only screen and (max-width: 499px) {

html { -webkit-text-size-adjust: 100%; }

#topicpath { display: none; }

header { position: relative; width: 320px; margin: 0 auto; padding: 0; }
header div.site-logo { width: 215px; height: 66px; }
header div.site-logo img { width: 212px; height: 64px; margin-top:3px; }
header nav#main-navigation { display: none; }
header nav#main-navigation-sp { display: block; position: absolute; right: 0; bottom: 7px; margin: 0; padding: 0; }
header nav#main-navigation-sp li {
	width: 91px;
	float: right;
	margin-bottom: 10px;
	overflow: hidden;
}
header nav#main-navigation-sp li img { width: 91px; height: 20px;  }
header nav#main-navigation-sp li ul { display: none; position: absolute; top: 20px; right: 0; width: 320px; padding-top: 10px; border-top: 1px solid #242da2; z-index: 99999; background: #fff; opacity: 0.9; }
header nav#main-navigation-sp li ul li { width: 320px; height: auto; padding: 6px 0; border-bottom: 1px solid #242da2; }
header nav#main-navigation-sp li ul li a { display: block; padding: 0 3px; text-align: right; }
header nav#main-navigation-sp li ul li a span { float: left; }

#content { padding-top: 12px; }

#mainframebox { width: 320px; margin: 0 auto; padding: 0; }
#mainframebox #mainframe { position: relative; float: none; width: 320px; height: 214px; background: url(images/mainframe_sp.png) left top no-repeat; background-size: contain; margin: 0 0 15px; }
#mainframebox #mainframe ul { width: 316px; height: 207px; }
#mainframebox #mainframe #slider1 { width: 317px; height: 210px; overflow: hidden; position: relative; }
#mainframebox #mainframe #slider1Content { width: 319px; }
#mainframebox #mainframe .slider1Image span {
	width: 308px;
	left: 3px;
	bottom: 4px;
	font-size: 14px;
	line-height: 20px;
	height: auto;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}
#mainframebox #mainframe img { width: 317px; height: 210px; padding: 3px 3px 4px; }
#mainframebox #rightframe { width: 320px; margin: 0 auto; }
#mainframebox #rightframe #gmap { display: none; }
#mainframebox #rightframe #gmap-tablet { display: none; }
#mainframebox #rightframe #bnr { display: none; }
#mainframebox #rightframe #bnr-tablet { display: none; }
#mainframebox #rightframe #bnr-sp { display: block; width: 320px; margin-bottom: 9px; }


#categorymenu { display: none; }
#topicpath { display: none; }

#photolist { width: 320px; margin: 0 auto; padding: 0; }
#photolist ul li { float: left; width: 156px; height: 117px; background: url(images/bg_photolist_sp.png) left top no-repeat; background-size: contain; margin: 0 8px 8px 0; }
#photolist ul li:nth-child(3n) { margin-right: 8px; }
#photolist ul li:nth-child(2n) { margin-right: 0; }
#photolist ul li a { height: 112px; padding: 5px 5px 0; }
#photolist ul li a img { width: 145px; height: 83px; margin-bottom: 3px; }
#photolist ul li a span.text1 {
	width: 137px;
	font-size: 10px;
	overflow: hidden;
	height: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	line-height: 10px;
}
#photolist ul li a span.text2 { margin-left: 0; font-size: 8px; height: 8px; }
/*#photolist div#more_disp { display: block; width: 115px; height: 23px; margin: 0 auto 25px; }
#photolist div#more_disp a { width: 115px; height: 23px; }*/
#photolist p.pageNav { display: block; width: 115px; height: 23px; margin: 0 auto 25px; }
#photolist p.pageNav a.next { width: 115px; height: 23px; }

footer { width: 320px; padding: 5px 0 7px; }
footer .copyright { width: 320px; margin: 0 auto; }
footer p { padding: 0; font-size: 6px; }


#photosingle { width: 320px; margin: 0 auto 13px; padding: 0; }
#photosingle h2 { margin-bottom: 12px; padding: 0 3px; font-size: 14px; }
#photosingle #photobox { width: 320px; }
#photosingle #photobox ul { background: url(images/bg_photo_line_sp.png) center center no-repeat; background-size: contain; margin: 0 0 -9px; }
#photosingle #photobox ul:after { content: "" ; }
#photosingle #photobox ul li { width: 155px; height: 105px; background: url(images/bg_photo_sp.png) left top no-repeat; background-size: contain; text-align: center; }
#photosingle #photobox ul li:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;}
#photosingle #photobox ul li.image50 { float: left; }
#photosingle #photobox ul li.imagenew { float: right; }
#photosingle #photobox ul li img { display: inline-block; width: 148px; height: 98px; margin: 1px 0 2px 2px; padding: 0 0 0 0; vertical-align: middle; }
#photosingle #photobox p { clear: both; margin-bottom: 5px; padding: 6px 3px 0; line-height: 1.6; font-size: 12px; }
#photosingle #photobox #gmap { display: none; }
#photosingle #photobox #gmap-tablet { display: none; }
#photosingle #photobox #gmap-sp { display: block; width: 299px; height: 49px; margin: 0 auto 13px; border: 1px solid #4e4e4e;}
#photosingle #photobox nav { margin-bottom: 12px; padding: 0 3px; }
#photosingle #photobox nav:after { content: "" ; }
#photosingle #photobox nav li { font-size: 10px; }
#photosingle #photobox nav li:first-child { float: left; }
#photosingle #photobox nav li:last-child { float: right; }


#info { width: 320px; background: url(images/bg_second_sp.png) left top no-repeat; background-size: contain; margin: 0 auto 17px; padding: 0; }
#info:after { content: "" ;}
#info nav { float: right; width: 104px; margin: -1px 0 0 0; }
#info nav:after { content: "" ;}
#info nav li { margin-left: 1px; }
#info nav li:first-child { float: left; }
#info nav li:last-child { float: right; }
#info nav li img { width: 50px; height: 16px; }
#info dl { padding-top: 21px; }
#info dl dt { margin: 0 0 5px 2px; padding-left: 5px; border-left: 3px solid #242da2; line-height: 10px; font-size: 12px; }
#info dl dd { width: 310px; margin: 0 3px 5px 2px; padding: 0 0 5px 7px; border-bottom: 1px dashed #242da2; font-size: 12px; }
#info dl dd ul { margin-bottom: 14px; }
#info dl dd ul li { margin-bottom: 2px; }
#info dl dd #gmap { display: none; }
#info dl dd #gmap-tablet { display: none; }
#info dl dd #gmap-sp { display: block; width: 299px; height: 49px; margin: -7px 0 4px; border: 1px solid #4e4e4e; }

#about { width: 320px; background: url(images/bg_second_sp.gif) left top no-repeat; background-size: contain; margin: 0 auto 17px; padding: 0; }
#about nav {
	float: right;
	width: 104px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: -1px;
}
#about nav li { margin-left: 1px; }
#about nav li img { width: 50px; height: 16px; }
#about h2 { margin: 0 0 6px 2px; padding-top: 10px; font-size: 14px; }

#about p { margin: 0 3px 9px; /*line-height: 12px;*/ font-size: 12px; }
#about p.last {  }
#about p.right { margin-bottom: 6px; }
#about ul {}
#about #photobox { margin-bottom: 15px; }
#about #photobox ul { background: url(images/bg_photo_line_sp.png) center center no-repeat; background-size: contain; }
#about #photobox ul li { width: 149px; height: 98px; background: url(images/bg_photo_sp.png) left top no-repeat; background-size: contain; }
#about #photobox ul li img { width: 139px; height: 91px; margin: 0 4px 2px 0; }

#us { width: 320px; background: url(images/bg_second_sp.png) left top no-repeat; background-size: contain; margin: 0 auto 21px; padding: 0; }
#us nav { float: right; width: 104px; margin: -1px 0 0 0; }
#us nav li { margin-left: 1px; }
#us nav li img {  width: 50px; height: 16px; }
#us h2 { margin: 0 0 6px 2px; padding-top: 10px; font-size: 14px; }
#us p { margin: 0 3px 9px; /*line-height: 12px;*/ font-size: 12px;}
#us p.last { margin-bottom: 6px; }
#us ul { margin: 0 3px; }
#us ul li { margin-bottom: 1px; font-size: 14px; }

/* ver 1.1 */
#jpri-tw { display: none; }
#jpri-fb { display: none; }
#jpri-tw-sp { display: block; }
#jpri-fb-sp { display: block; }

}