@charset "utf-8";
/*
=======================================
	Reset CSS
=======================================
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
}

article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
	display:block;
}

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

body{
	color: #000;
	line-height: 1.5;
	font-size: 14px;
	font-family: sans-serif;
}

img{
	border: 0;
	max-width: 100%;
	height: auto;
}

ul,ol{
	list-style-type: none;
}

table {
	border-collapse: collapse; 
	border-spacing: 0;
}

img, input, select, textarea { 
	vertical-align: middle;
}

a{
	color: #000;
	transition: 0.5s;
}
a:hover{
	color: #0488d5;
}

a:hover img{
	opacity: 0.7;
}

/*
=========================================
	Base Layout
=========================================
*/
/*ALL and Smart Phone*/
.container{
	max-width: 940px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
}

.container:after{
	content:"";
	display: block;+
	clear:both;
}

.full{
	margin-left: -10px;
	margin-right: -10px;
}
@media screen and (min-width:750px){
	.full{
		margin-left: 0;
		margin-right: 0;
	}
}

/*
=========================================
	Modules（Block）
=========================================
*/

/*main
--------------------*/
#main{
	
}


/*画像
--------------------*/
.photo{
}

.photo p{
	text-align: center;
	margin: 0.8em 0;}

/*コメント
--------------------*/
.box2name {
    padding: 0 0.5em;
    margin: 0 0 0;
    font-weight: bold;
    font-size: 17px;
    color: #ffff;/*文字色*/
    background: #5D7AC9;
    border: solid 3px #5D7AC9;/*線*/
    border-radius: 5px 5px 0 0;/*角の丸み*/
}
.box2name p {
    margin: 0; 
    padding: 0;
}

.box1 {
    padding: 0.5em 1em;
    margin:  0 0 0;
    font-weight: normal;
    border: solid 3px #5D7AC9;
    border-radius: 0 0 5px 5px;/*角の丸み*/
}
.box1 p {
    margin: 0; 
    padding: 0;
}

@media screen and (min-width:750px){
.box{
margin: 0 auto;
width:800px;
	}
}
/*先頭へ  Galleryへ戻る
--------------------*/
.back{
	text-align: center;
	margin-top:10px;
}


/*
=========================================
	Utilities
=========================================
*/

/* マージン
---------------------------------*/
.mb0{ margin-bottom: 0 !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb25{ margin-bottom: 25px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb35{ margin-bottom: 35px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb45{ margin-bottom: 45px !important;}
.mb50{ margin-bottom: 50px !important;}

/* 左右行揃え
---------------------------------*/
.ta-l{ text-align: left; }
.ta-r{ text-align: right; }
.ta-c{ text-align: center; }


/* フロート／フロート解除
---------------------------------*/
.fl{ float:left; }
.fr{ float:right; }
.fl-img{ float: left; margin-right: 10px; margin-bottom: 10px;}
.fr-img{ float: right; margin-left: 10px; margin-bottom: 10px;}
.clear{ clear:both; }

/* clearfix */
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both; 
}
.clearfix{
	zoom:1;
}