/*
= index =

0. global
	0-0.
	0-1. header
	0-2. #contents
1. /index.html
2-0. other-page
2-1. /works.html
2-2. /page.html



*/

/* 0. global ================================== */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/*====================
LIGHTBOX
*/
#lightboxOverlay
{
    width: 100% !important;
}
#lightbox
{
    width: 90% !important;
    padding: 0 5%;
}
.lb-outerContainer,
.lb-dataContainer
{
    width: 100% !important;
    height: auto !important;
}
#lightbox img
{
    width: 100% !important;
}

/* 0-0.global ====================== */


*{
	zoom: 1;
	line-height: 1;
	word-break:break-all;
}

html
{
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

body
{
	width: 100%;
	font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: lighter;
	font-size: 12px;
	line-height: 1.6em;
	color: #323232;
	background-color: #FFF;
	letter-spacing: .1em;
}
.bold
{
	font-family: 'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}

a{
    color:#0080FF;
/*
    border-bottom: solid 2px #0080FF;
    padding-bottom: .2em;
    text-decoration: none;
*/
}
a:hover
{
    color:#323232;
/*     border-bottom: solid 2px #323232; */
}

	a.gmaps,
	a.tel
	{
    	text-decoration: none;
    	color: #323232;
	}
img
{
    width: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container a
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
}

.centering
{
    text-align: center;
}

dl.table
{
    overflow: hidden;
    text-align: left;
}
    dl.table dt
    {
        float: left;
        clear: left;
        width: 8em;
        line-height: 1.5em;
    }
    dl.table dd
    {
        margin-left: 8em;
        line-height: 1.5em;
    }

nav.menu
{
    line-height: 1.88em;
}
    nav.menu > ul
    {
    }
    nav.menu > ul ul
    {
        margin-top: 1em;
        padding-left: 3em;
    }
    nav.menu li
    {
        list-style: disc;
        list-style-position: inside;
        margin-bottom: 1.0em;
    }
        nav.menu li a
        {
            text-decoration: none;
            font-weight: bolder;
            line-height: 2.0em;
            padding: .2em;
            color: #0080FF;
            border-bottom: solid 2px #0080FF;
        }
        nav.menu li a:hover
        {
			color: #323232;
            border-bottom: solid 2px #323232;
        }
        nav.menu li.current a:hover
        {
			color: #323232;
            border-bottom: solid 2px #323232;
        }
        nav.menu li.current a,
        nav.menu li.current a.selected
		{
			color: #323232;
            border-bottom: solid 2px transparent;
		}

nav.menu.rich
{
    line-height: 1.88em;
}
    nav.menu.rich > ul
    {
    }
    nav.menu.rich > ul ul
    {
        margin-top: 1em;
        padding-left: 3em;
    }
    nav.menu.rich li
    {
        list-style: disc;
        list-style-position: inside;
        margin-bottom: 1em;
    }
        nav.menu.rich a
        {
			padding: 1px 1px 1px 3px;
			text-decoration: none;
            font-weight: bolder;
            color: #FFF;
            background-color: #0080FF;
			border:solid 1px #0080FF;
			font-size: .9em;
        }
        nav.menu.rich a:hover
        {
			color: #FFF;
			background-color: #323232;
			border:solid 1px #323232;
        }
        nav.menu.rich li.current a:hover
        {
    			background-color: #323232;
    			border:solid 1px #323232;
        }
        nav.menu.rich li.current a,
        nav.menu.rich li.current a.selected
		{
			color: #323232;
			background-color: transparent;
            border: transparent solid 1px;
		}

.kakomi
{
    padding: 1em 3em;
    border-radius: 1em;
    border: dotted #333 2px;
    overflow: hidden;
    margin-bottom: 3em;
}
    .kakomi h2
    {
        text-align: center;
        margin: 1.5em auto;
    }
    .kakomi p:last-child
    {
        margin-bottom: 0;
    }

a.button
{
    display: block;
    border: #0080FF solid 1px;
    background-color: #0080FF;
    color: #FFF;
    line-height: 1em;
    padding: .6em .8em;
    text-decoration: none;
    font-weight: bolder;
    margin-bottom: 1em;
}
    a.button:hover
    {
        color: #FFF;
        background-color: #323232;
        border: #323232 solid 1px;
    }

a.button.round
{
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background-color: #0080FF;
    border-radius: 1.25em;
    width: 1.25em;
    height: 1.25em;
    padding: .1em;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 1.16666em;
    line-height: 1.45em;
    text-align: center;
    text-indent: .2em;
    margin: 0;
}
a.button.round:hover
{
    color: #FFF;
    background-color: #323232;
}

#loadMoreTweets
{
    overflow: hidden;
}
    #loadMoreTweets.loading:before
    {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99999;
        width: 100%;
        height: 1em;
        padding: .8em 0;
        text-align: center;
        background-color: #323232;
        content: 'LOADING...';
        color: #FFF;
		font-size: 13px;
		letter-spacing: 5px;
		font-style: italic;
    }
#wrapper
{
	width: 100%;
/* 	min-width: 800px; */
}
#wrapper > *
{
/* 	min-width: 800px;	 */
}

#wrapper > footer
{
    position: fixed;
    z-index: 99998;
    bottom: 1em;
    text-align: center;
    width: 100%;
    color: #000;
    font-size: 10px;
    text-transform: uppercase;
}

header#top
{
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 0;
/* 	height: 25%; */
}
	header#top h1
	{
		width: 88%;
		margin:0 6% 0 6%;
	}
		header#top h1 img
		{
			width: 97%;
			height: auto;
		}

	header#top h2
	{
		text-align: center;
		color: #0080FF;
		font-weight: 300;
		font-size: 12px;
		letter-spacing: 5px;
		margin: 2% auto;
	}

	header#top h1 a,
	header#top h2 a
	{
    	text-decoration: none;
    	border-bottom: none;
	}
	header#top h2 strong
	{

		font-weight: 300;
	}

nav#gloNav
{
	width: 100%;
	position: relative;
	z-index: 3;
}
	nav#gloNav ul
	{
        text-align: center;
        margin: 0 auto;
	}
		nav#gloNav ul li
		{
		  display: inline-block;
		  /display: inline; /**IE7*/
		}
			nav#gloNav ul li a
			{
				padding: .3em .4em;
    			border:solid 1px transparent;
				text-decoration: none;
                color: #323232;
                font-weight: bolder;
            	font-family: 'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
            	font-weight: bold;
            	font-style: italic;
			}
			nav#gloNav ul li a:hover,
			nav#gloNav ul li a.selected:hover
			{
    			color: #FFF;
    			background-color: #323232;
    			border:solid 1px #323232;
			}
    		nav#gloNav ul li.current a:hover
    		{
    			background-color: #0080FF;
    			border:solid 1px #0080FF;
    		}
    		nav#gloNav ul li.current a,
			nav#gloNav ul li a.selected
			{
				color: white;
				background-color: #0080FF;
			}

	nav#gloNav ul#menu
	{
		font-size: 25px;
		line-height: 28px;
		margin: 9% auto 6% auto;
	}
		nav#gloNav ul#menu li
		{
			margin: .4em .5em;
			letter-spacing: .2em;
/* 			font-style: italic; */
		}
	nav#gloNav ul#tags
	{
		font-size: 13px;
		line-height: 18px;
	}
		nav#gloNav ul#tags li
		{
			margin: 0 -.33%;
			letter-spacing: .2em;
			font-weight: 600;
		}
			nav#gloNav ul#tags li a
			{
				padding: .4em .9em;
				text-decoration: none;
				cursor: pointer;
            	font-style: inherit;
			}
			nav#gloNav ul#tags li a
			{
    			color: #FFF;
    			background-color: #0080FF;
    			border:solid 1px #0080FF;
			}
			nav#gloNav ul#tags li a:hover,
			nav#gloNav ul#tags li a.selected:hover
			{
    			color: #FFF;
    			background-color: #323232;
    			border:solid 1px #323232;
			}
    		nav#gloNav ul#tags li.current a:hover
    		{
    			color: #FFF;
    			background-color: #323232;
    			border:solid 1px #323232;
    		}
    		nav#gloNav ul#tags li.current a,
			nav#gloNav ul#tags li a.selected
			{
/*
				color: #323232;
				background-color: transparent;
    			border:solid 1px transparent;
*/
    			color: #FFF;
    			background-color: #323232;
    			border:solid 1px #323232;
			}
#social
{
	position: absolute;
	z-index: 9999;
	top: 2%;
	left: 3%;
}

#toTop
{
	position: fixed;
	z-index: 9999999;
	bottom: 2%;
	right: 3%;
}


/* ================== */

#contents
{
	width: 100%;
}
	#contents #article
	{
		width: 100%;
    	position: absolute;
    	top: 0;
	}
	#contents #article .post
	{
    	clear:both;
	}
/* ==================
    #article
*/

#article
{
}
#article.text
{
/*     background-color: #323232; */
}
    #article .isotope
    {
		overflow: hidden;
		width: 100%;
    }
        #article .block
		{
			overflow: hidden;
			width: 25%;
			float: left;
			position: relative;
			z-index: 1;
			min-width: 200px;
			background-color: #FFF;
		}
        #article .block > .wrap
        {
            -webkit-transition: margin-top 1s;
               -moz-transition: margin-top 1s;
                -ms-transition: margin-top 1s;
                 -o-transition: margin-top 1s;
                    transition: margin-top 1s;
        }
        #article .block > .wrap:hover
        {
            margin-top: -100%;
            -webkit-transition: margin-top 1s;
               -moz-transition: margin-top 1s;
                -ms-transition: margin-top 1s;
                 -o-transition: margin-top 1s;
                    transition: margin-top 1s;
        }
		#article .block.yellow
		{
			background-color: #fffb37;
		}
			#article .block header
			{
                padding: 8%;
                height: 25%;
				text-align: center;
			}
				#article .block header h1
				{
				    line-height: 1.44em;
					font-size: 12px;
					font-weight: 600;
					padding: 0;
					margin: 0 0 33px 0;
					letter-spacing: 2px;
				}
				#article .block header time,
				#article .block header .tag
				{
					font-size: 13px;
					border-top: #0080FF 2px solid;
					margin: 25px 0 0 0;
					padding:  13px 0 0 0;
					letter-spacing: -1px;
					font-family: 'Inconsolata', sans-serif;
				}

			#article .block .content
			{
				width: 100%;
			}
    			#article .block .content figure
    			{
                    width: 100%;
                    height: 100%;
    			}
        			#article .block .content figure a
        			{
                        display: block;
    					line-height: 0;
        			}
        				#article .block .content figure img
        				{
        					width: 100%;
        					vertical-align: middle;
        					line-height: 0;
        				}
        				body.home #article .block .content figure img
        				{
        				    margin-bottom: 1em;
        				}
				#article .block .content p
				{
					font-size: 12px;
					line-height: 1.6em;
				    padding: 0 8%;
				}

				#article .block .content h2
				{
					text-align: center;
					font-size: 12px;
					line-height: 1.1em;
				    padding: 0 8%;
					margin: 0 0 6% 0;
					word-break: break-all;
				}


				#article .block.huge .content
				{
    				display: table;
    				width: 100%;
				}
        			#article .block.huge .content p
        			{
                        margin-top: 2em;
        			}
    				#article .block.huge .content h2
    				{
        				display: table-row;
        				width: 90%;
        				padding: 0 5%;
    					font-size: 52px;
    					letter-spacing: .18em;
    					text-align: center;
    					word-break: break-all;
    				}
        				#article .block.huge .content h2 .wrap
        				{
            				display: table-cell;
            				vertical-align: middle;
            				width: 100%;
        					line-height: 1.33em;
        				}


			#article .block a.more
			{
				text-decoration: none;
				font-size: 11px;
				z-index: 3;
				display: block;
				width: 32px;
				margin: 0 auto;
				position: relative;
				top: 73%;
				color: #0080FF;
			}
			#article .block a.more:hover
			{
				text-decoration: underline;
			}

		#article article
		{
    		margin-top: 5em;
		}
		#article article section
		{
    		margin-bottom: 5em;
		}
		#article article section h1
		{
/*
            text-align: left;
            font-size: 13px;
            margin-bottom: .44em !important;
*/
		}
		#article article section li
		{
            list-style: disc;
            list-style-position: inside;
            font-size: 13px;
            line-height: 1.66em;
		}


/* 2-0. other-page ==================*/


#main
{
	width: 50%;
	max-width: 500px;
	margin: 8% auto;
	padding-top: 1px; /*謎の**/
	position: relative;
	clear: both;
}
#article.text #main
{
/*
    width: 40%;
    padding: 0 5%;
    background-color: #FFF;
*/
}
	#main h1
	{
		text-align: center;
		font-size: 16px;
		letter-spacing: 3px;
		line-height: 25px;
	}

	#main hr
	{
		width: 50px;
		border-bottom: #0080FF 3px solid;
		margin: 45px auto;
	}
	#main hr.full
	{
		width: 100%;
		border-bottom: #323232 3px solid;
		margin: 60px auto;
	}

	#main h2
	{
    	margin-bottom: 1em;
	}


	#main p
	{
		color: #525252;
		font-size: 13px;
		line-height: 25px;
		margin: 0 0 30px 0;
	}

	#main p img
	{
	   width: 100%;
	}


	#main .tags
	{
	   text-align: center;
	   margin-top: 5em;
	}
	#main .social
	{
	   text-align: center;
	   margin-top: 1em;
	}
    	#main .social .tw,
    	#main .social .fb
    	{
        	display: inline;
    	}
        	#main .social .tw iframe
        	{
            	width: 92px !important;
            	display: inline;
        	}
        	#main .social .fb iframe
        	{
            	width: 112px !important;
            	display: inline;
        	}


    #main .section
    {
    	margin-top: 16%;
    	margin-bottom: 8%;
    	overflow: hidden;
    }

        #main .section h1
        {
            margin-bottom: 5%;
        }



/* 2-1. /works.html ================== */

.visual
{
	position: relative;
	width: 100%;
	margin: 0;
	margin-bottom: -2%;
	overflow: hidden;
	text-align: center;
}
	.visual .slides
	{
        height: auto;
        width: 100% !important;
	}

    	.visual .slide
    	{
            display: table !important;
            width: 100% !important;
            height: 480px;
            text-align: center;
        	background-color: #323232;
    	}
        .visual .slide a
        {
            display: table-row;
        }
        .visual .slide a span
        {
            width: 100%;
            height: 480px;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }
        .visual .slide a img
        {
            height: 100%;
            width: auto !important;
            vertical-align: middle;
        }


	.visual .prevnext
	{
        position: absolute;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
		overflow: hidden;
	}
    	.visual .prevnext a
    	{
            position: absolute;
            display: block;
    		color: #FFF;
    		font-size: 13px;
    		text-decoration: none;
    		cursor: pointer;
    		width: 50%;
    		height: 100%;
    		float: left;
    	}
    	.visual .prevnext a:hover
    	{
    	   opacity: .8;
    	}
    	.visual .prevnext a.disabled
    	{
            display: none;
    	}
    	.visual .prevnext a.prev
    	{
    	}
    	.visual .prevnext a.next
    	{
            margin-left: 50%;
    	}
            .visual .prevnext a span
            {
                position: absolute;
                top: 50%;
                margin-top: -.5em;
            }
            .visual .prevnext a.prev span
            {
                left: 8%;
            }
            .visual .prevnext a.next span
            {
                right: 8%;
            }

	#article .archive
	{
    	text-align: center;
        margin-top: 1em;
	}


	body.single.works .post time
	{
        display: block;
        text-align: center;
        padding-bottom: 2em;
	}

	body.single.works .body
	{
	   text-align: center;
	}


/* 2-1. /page.html ================== */

body.about
{
}


    body.about #main .section
    {
/*     	text-align: center; */
    }
    body.about #company dl.table dt
    {
        width: 5em;
    }
    body.about #company dl.table dd
    {
        margin-left: 5em;
    }
    body.about #main p
    {
        margin-bottom: 0;
    }

		body.about table
		    {
		        border: 1px solid #cdcecd;
		        font-size: 11px;
		        width: 100%;
		        max-width: 600px;
		        margin: 25px auto 50px auto;
		    }
		body.about table tr
		        {
		            border-bottom: none;

		        }
		body.about table tr
		        {
		        }

		    body.about table tr td
		            {
		                padding: 5px 11px;
		                line-height: 18px;
		                color: #333;
		            }
		    body.about table tr + tr > td
		            {
		                border-top: 1px solid #cdcecd!important;
		            }

		    body.about table tr td.gray
		            {
		                width: 96px;
		                background-color: #f6f7f6;
		                border-right:  1px solid #cdcecd;
		            }

    body.about #profile .staff
    {
        margin-top: 6em;
    }
    body.about #profile figure
    {
        width: 50%;
        margin: 0 auto;
        margin-top: 3em;
        margin-bottom: 1em;
    }
        body.about #profile figure img
        {
            width: 100%;
        }

        body.about #illustration-by-yone
        {
            margin-left: -42%;
            margin-right: -42%;
        }
    body.about #gmap
    {
        margin-top: 3em;
        margin-bottom: 2em;
    }
        body.about #gmap iframe
        {
            width: 100%;
        }

body.access
{
}
    body.access .visual
    {
        background-color: transparent;
        margin: 9% 0 0 0;
    }
    body.access #access p.route
    {
    	margin: 0 0 0 0;
    }

body#news #article .post #main
{
    border-top: solid 3px #323232;
    padding-top: 3em;
}
    body#news #article .post:nth-of-type(1) #main
    {
        border-top: none;
    }

        body#news #article .post time
        {
            display: block;
            text-align: center;
            margin-bottom: 4em;
        }
        body#news #article .post figure .slide a
        {
            text-decoration: none;
            border-bottom: none;
        }


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

    #wrapper
    {
    	min-width: inherit;
    }
    #wrapper > *
    {
    	min-width: inherit;
    }
	header#top
	{
    	position: relative;
    	background-color: #FFFF00;
    	padding: 2% 0;
	}
    	header#top h1
    	{
    	   margin: 4% auto;
    	   width: 86%;
    	}
    	header#top h2
    	{
        	margin: 5% auto;
    	}
        	header#top h2 span
        	{
        	   display: none;
        	}
        	header#top h2 strong
        	{
        	   font-size: 10px;
        		font-weight: 300;
        		letter-spacing: .2em;
        	}
	nav#gloNav
	{
        position: absolute;
        margin-bottom: 2.5rem;
	}
	nav#gloNav ul#menu
	{
        position: relative;
        margin: 0 auto;
	}
    	nav#gloNav ul#menu:before
    	{
            content: 'メニュー';
            float: left;
            display: block;
        	width: 41%;
        	padding: .6em 5%;
        	color: #0080FF;
            background-color: #FFF;
        	border-top: #0080FF solid 1px;
        	border-bottom: #0080FF solid 1px;
        	text-align: left;
            font-size: 16px;
            line-height: 1em;
            letter-spacing: 5px;
        	font-family: 'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
        	font-weight: bold;
            cursor: pointer;
    	}
    	nav#gloNav ul#menu:hover:before
    	{
        	color: #FFF;
            background-color: #323232;
        	border-top: #323232 solid 1px;
        	border-bottom: #323232 solid 1px;
    	}
    	nav#gloNav ul#menu li
    	{
            display: none;
            width: 50%;
            margin: 0;
            clear: both;
    	}
    	nav#gloNav ul#menu.hover li,
    	nav#gloNav ul#menu:hover li
    	{
        	display: block;
    	}
    	nav#gloNav ul#menu li.current
    	{
    	   position: absolute;
    	   top: 0;
    	   right: 0;
            display: block;
            clear: inherit;
    	}
    	nav#gloNav ul#menu li a
    	{
        	display: block;
        	width: 80.5%;
        	padding: .6em 10%;
            color: #FFF;
            background-color: #323232;
        	border-top: #FFF solid 1px;
        	border-bottom: #323232 solid 1px;
        	text-align: left;
            font-size: 16px;
            line-height: 1em;
    	}
    	nav#gloNav ul#menu li.current a,
    	nav#gloNav ul#menu li.current a:hover
    	{
            color: #FFF;
            background-color: #0080FF;
        	border-top: #0080FF solid 1px;
        	border-bottom: #0080FF solid 1px;
            text-align: right;
    	}
    	nav#gloNav ul#menu li a:hover
    	{
            color: #FFF;
            background-color: #0080FF;
        	border-top: #FFF solid 1px;
        	border-bottom: transparent solid 1px;
    	}
	nav#gloNav ul#tags
	{
	   display: none;
	}

    #social a
    {
    }


#contents
{
	position: relative;
	margin-top: 2rem;
}
body#works #contents,
body#news #contents
{
	margin-top: 2.2rem;
}
#article.text
{
    background-color: #FFF;
}

        #article .isotope
		{
            height: auto !important;
		}

            #article .block
    		{
                float: none !important;
                position: inherit !important;
                -webkit-transform: none !important;
                width: 100% !important;
                height: auto !important;
    		}
            #article .block.dummy
    		{
                display: none;
    		}

        #article .block > .wrap
        {
            transition: none !important;
            -webkit-transition: none !important;
            -moz-transition: none !important;
            -o-transition: none !important;
            -ms-transition: none !important;
        }
        #article .block > .wrap:hover
        {
            margin-top: inherit !important;
            transition: none !important;
            -webkit-transition: none !important;
            -moz-transition: none !important;
            -o-transition: none !important;
            -ms-transition: none !important;
        }

        #main
        {
        	width: 84%;
        	margin-top: 0%;
        }
        #article.text #main
        {
        	width: 84%;
            padding: 0;
        }

        body#news #main,
        body#works #main
        {
            margin-top: 8%;
        }

    body.about #main .section,
    body.vision #main .section
    {
    	text-align: left;
    }
    body.vision #main .section br
    {
        display: none;
    }

	#main h1
	{

	}
	#main .tags
	{
		text-align: center;
	}

	.visual .slides
	{
    	width: 100% !important;
	}

.visual
{
}
	.visual .slides,
	.visual .slides.iPhone
	{
    	width: 100% !important;
	}

	.visual .slide,
	.visual .slide.iPhone
	{
        width: 100% !important;
        height: auto !important;
        margin-left: 0 !important;
	}
        .visual .slide a span,
        .visual .slide a span.iPhone
        {
            height: auto !important;
        }
        .visual .slide a img,
        .visual .slide a img.iPhone
        {
            height: auto !important;
            width: inherit !important;
        }

	.visual img
	{
	   height: auto;
	   width: 100%;
	   vertical-align: middle;
	}
    	.visual .prevnext a
    	{
    		color: #323232;
    		font-size: 18px;
    	}

    body.about #profile figure
    {
        width: 100%;
    }
        body.about #illustration-by-yone
        {
            margin-left: 0%;
            margin-right: 0%;
        }

    .kakomi
    {
        padding: 0;
        border: none;
        border-radius: 0;
    }
        .kakomi h2
        {
            text-align: left;
        }

	#gmap
	{
    	height: 380px !important;
	}

	a.gmaps,
	a.tel
	{
    	text-decoration: underline;
    	color: #0080FF;
	}

}