@charset "utf-8";

/* 小幡追加 */
.graythumbnail {
  object-fit: contain !important;
  width: 120px !important;
  height: 120px !important;
  background-color: #f2f2f2 !important;
  border: 1px solid #f2f2f2 !important;
  margin-bottom:10px;
  float:left;
}
		
ul.sns{
text-align: left;
margin: 20px 0 0 -15px;

}
ul.sns li{
margin-right: 10px;
float: left;
width:30px;
}

ul.sns li img{
width:30px;
}



/* CSS Document */


.forDev{
	/* display; none !important; */
}

body {
margin: 0;
padding: 0;
line-height:1.4;
color:#333;
font-family:Arial, sans-serif;
font-size:0.9em;
}

.CR {clear:both;}

#wrap {
	width:1200px;
	height:auto;
	margin:0;
	background-color:#FFF;}

/*-- 左サイド --*/
#side {
}
.side_title {
	margin:0;}
.side_menu {
	margin:50px 0 0 0;}
.s_m1 {
	width:70px;
	margin:0 0 6px 0;}
.s_m2 {
	width:70px;
	margin:0 0 26px 0;}

/*-- メイン（右） --*/
#main {
	width:750px;
	margin:0;
	border:#FF2124 solid 1px;
	float:left;}
#main2 {
	width:850px;
	height:auto;
	margin:0;
	padding-left:30px;
	float:left;}
	/* border:#FF2124 solid 1px; */
#main3 {
	width:850px;
	margin:5px 0 0 20px;
	padding-top:30px;
	float:left;}

/*-- フッター --*/
#footer {
	width:1100px;
	height:100px;
	margin:0;
	padding-top:50px;}
.footer_copy {
	width:800px;
	margin:100px 0 100px 100px;
	float:right;
	text-align:right;}
.copy_r {
	width:450px;
	margin:0;
	float:right;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;}
.copy_r_t {
	width:700px;
	margin:0;
	float:right;
	font-size:8px;
	font-family:"メイリオ","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	}


/*--------------- トップページ ---------------*/
.photo_top_w100 {
	width:150px;
	height:125px;
	margin:0 12px 30px 12px;
	padding-top:25px;
	float:left;}

.photo_top_w100_t {
	width:125px;
	height:150px;
	margin:0 12px 30px 12px;
	padding-left:25px;
	float:left;}

.photo_top2_w100 {
	width:180px;
	height:125px;
	margin:0 12px 70px 12px;
	padding-top:25px;
	float:left;}

.photo_top2_w100_t {
	width:150px;
	height:150px;
	margin:0 12px 70px 12px;
	padding-left:30px;
	float:left;}


/*--------------- 写真ページ ---------------*/
.photo {
	width:750px;
	margin:0 0 30px 15px;}
.caption {
	width:700px;
	margin:10px 0 50px 20px;}
.caption_t {
	width:450px;
	margin:10px 0 50px 140px;}
.caption_mh {
	width:645px;
	margin:10px 0 50px 70px;}
.caption_per {
	margin-bottom: 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #2b2b2b;}
.caption_exhi {
	margin-top: 30px;
	text-align: left;
	font-family: "A-OTF UD新ゴ","メイリオ",Helvetica , "游ゴシック" , "Yu Gothic" , Verdana_bold,TwCenMT_Bold,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2b2b2b;}

/*矢印*/
.arrow_t {
	width:28px;
	margin:300px 0 0 0;
	float:left;}
.arrow_y {28px;
	margin:190px 0 0 0;
	float:left;}

/*タテ置き写真用*/
.photo_img_t {
	width:450px;
	margin:0 100px;
	float:left;}

/*ヨコ置き写真用*/
.photo_img_y {
	width:645px;
	margin:0 20px;
	float:left;}

/*見開き写真用*/
.photo_img_mh01 {
	width:662px;
	margin:0 15px;
	float:left;}
.photo_img_mh02_y {
	width:660px;
	margin:20px 40px 0 50px;
	float:left;}
.photo_img_mh02_mh {
	width:660px;
	margin:20px 40px 0 44px;
	float:left;}

.photo_name {
	margin:0;
	float:left;}
.back_icon {
	margin:0;
	float:right;}

.container{
	max-width: 1200px;
}
.style_portrait .grid{

}
.style_portrait .grid div[class^="col_"] {
vertical-align: middle;
}
.style_portrait .book-open{
	display: none;
}
.style_portrait .thumb{
	margin: 20px auto;
}
.style_portrait .inline {}
.style_portrait .inline .thumb{
	box-sizing: border-box;
    display: inline;
    max-width: 100%;
		margin: 60px auto;
}
.tate {
	max-width: 100px;
	margin:0 auto;
	text-align: center;
}
.tate_per {
	max-width: 200px;
	text-align: center;
}
.yoko {
	max-width: 150px;
}
.yoko_ex {
	max-width: 645px;
}
.yoko_per {
	max-width: 240px;
}

.book-open img{
	box-sizing: border-box;
		display: inline;
		max-width: 100%
}
.style_portrait .wide{
	margin: 60px auto;
}

h3{
	line-height: 150%;
	padding: 0 0 5px;
}
h3 span{
	display: block;
    font-size: 60%;
    letter-spacing: 3px;
    line-height: 100%;
}
.page #colorbox {

}
.page #cboxContent{
	background-color: #ffffff;
	 margin: 0 auto;
	 padding: 5px 60px;
}
/*.page #cboxContent{
	background-color: transparent;
	 margin: 0 auto;
	 padding: 5px 60px;
}*/
.page #cboxPrevious{
	background-image: url("../img/icon_toL.png");
    background-position: center center;
    background-size: 100% 100%;
    height: 100px;
    margin-top: -50px;
    top: 50%;
    width: 25px;
		left: 22px;
}
.page #cboxNext{
	background-image: url("../img/icon_toR.png");
    background-position: center center;
    background-size: 100% 100%;
    height: 100px;
    margin-top: -50px;
    top: 50%;
    width: 25px;
		right: 22px;
}
.page #cboxClose{}
.page #cboxLoadedContent {
    background-color: #ffffff;
    border: 0 none;
    padding: 0;
		/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);*/
}
/*.page #cboxLoadedContent {
    background-color: transparent;
    border: 0 none;
    padding: 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}*/
.page .cboxPhoto {}

.profile {
	width: 600px;
	margin: 60px auto auto 120px;
	color: #323232;
	font-family: "A-OTF UD新ゴ","メイリオ",Helvetica , "游ゴシック" , "Yu Gothic" , Verdana_bold,TwCenMT_Bold,sans-serif;
	font-weight: bold;
}
.profile .p_tit {
	margin-bottom: 50px;
	font-size: 20px;
	line-height: 36px;
}
.photo_frame {
	width: 850px;
}
.photo_space {
	width: 700px;}
ul.photo_view {
	margin: 0 auto;
	list-style-type: none;}
li.photo_view {
	margin:0 auto 40px auto;
	text-align:center;}
.p_li {
	text-align: center;}
.ph_tate {
	width: 450px;}
.ph_yoko {
	width: 645px;}
.photo_space {
	width:750px;
	float:left;}
.ph_arrow {
	width:30px;
	margin-top: 200px;
	text-align: center;}
.a_L {
	float: left;}
.a_R {
	float: left;;}
.photo_cap {
	height: 30px;
	width: 450px;
	margin: 0 auto 0 75px;
	font-family: "A-OTF UD新ゴ",Verdana_bold,TwCenMT_Bold,;
	font-size: 12px;
	font-weight: bold;
	float: left;}
.page_back {
	height: 30px;
	margin: 0 120px 0 auto;
	float: right;}
.page_back_TOP {
		height: 30px;
		width:24px;
		margin: 0 70px 0 auto;
		text-align: right;}
		
