@charset "UTF-8";

/*

ThemeColor
	main #;
	sub #;
	
	
*/
/*=================================
	common
=================================*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	/* background: #fff; */
}
body {
	position: relative;
	padding-top: 50px;
	font-weight: 300;
	word-wrap: break-word;
	word-break: break-all;
	animation: fadeIn 1.0s ease 0s 1 normal;
	background: #fff; /*#E0F2F1;*/
}
body.is-fixed {
  padding-top: 59px;
}
body.is-fixed #branch_title_block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}
table {
	word-break: break-all;
}
dt, dd {
	word-break: break-all;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
/* img:hover {
	opacity: 0.75;
	transition: all 0.3s ease;
} */
.clear {
	clear: both;
}
.err-info {
	padding: 8px;
	color: #fff;
	text-align: center;
	background: #F44336; /* default #b0bec5; */
}
.success-info {
	padding: 8px;
	color: #fff;
	text-align: center;
	background: #0ba6ab;
}
.input-password-block {
	position: relative;
}
.input-password-block i {
	position: absolute;
	top: 50%;
	right: 8px;
	padding: 6px 8px;
	color: #009688;
	font-size: 18px;
	transform: translateY(-50%);
	cursor: pointer;
}
.required {
	width: auto;
	padding: 8px 16px;
	padding-bottom: 0;
	color: #F44336;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	border-radius: 8px;
}
.required-info {
	padding: 8px;
	color: #F44336;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-mz-border-radius: 4px;
	border: 1px solid #F44336;
	background: #FFEBEE;
}
.modal-required-info {
	margin-top: 16px;
	color: #004D40;
}
.branch-setting-body {
	margin-top: 16px;
	padding: 16px;
	border-radius: 8px;
	background: #E0F2F1;
}
.problem-list {
	margin-bottom: 16px !important;
}
.required-label {
	margin-left: 8px;
	color: #f36c60;
	font-size: 11px;
	font-weight: normal;
}
#username_result {
	margin-top: 4px;
	height: 22px;
}
.form-caution {
	padding: 8px 0;
	color: #009688;
	font-size: 12px;
	border-radius: 4px;
}
.form-caution-bold {
	margin: 0 2px;
	color: #004D40;
	font-weight: 600;
}
.form-info {
	padding: 5px;
	color: #009688;
	font-size: 12px;
}
.form-info-right {
	padding: 5px;
	padding-top: 10px;
	color: #666;
	font-size: 12px;
}
.form-exists {
	padding-top: 6px;
	color: #333;
	font-weight: 600;
}
#success_info_bar {
	position: fixed;
	top: 16px;
	left: 16px;
	right: 16px;
	padding: 16px;
	color: #004D40;
	text-align: center;
	border-radius: 8px;
	background: #FFEB3B;
	z-index: 9999;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
#error_info_bar {
	position: fixed;
	top: 16px;
	left: 16px;
	right: 16px;
	padding: 16px;
	color: #fff;
	text-align: center;
	border-radius: 8px;
	background: #004D40;
	z-index: 9999;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
#success_info_bar i,
#error_info_bar i {
	margin-right: 8px;
}
#success-area {
	border-radius: 8px;
}
#success-area .header {
	padding: 16px;
	padding-top: 0;
	color: #004D40;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
#success-area .body {
	padding: 16px;
	color: #004D40;
	font-size: 14px;
}
#success-area .footer {
	padding: 16px;
	text-align: center;
}
#error-area {
	border-radius: 8px;
}
#error-area .header {
	padding: 16px;
	padding-top: 0;
	color: #004D40;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
#error-area .body {
	padding: 16px;
	color: #004D40;
	font-size: 14px;
}
#error-area .footer {
	padding: 16px;
	text-align: center;
}
.form-signin .checkbox {
	margin: 15px auto;
  font-weight: normal;
}
.form-signin .form-signin-heading,
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-label-title {
	padding: 10px;
	padding-left: 0;
}
.form-footer-link {
	margin-top: 32px;
	padding: 16px;
	text-align: center;
	border-radius: 8px;
	background: #ECEFF1;
}
	.form-footer-link a {
		color: #009688;
	}
	.form-footer-link a:hover {
		color: #333;
		text-decoration: none;
	}
.forgot-title {
	margin-bottom: 32px;
	text-align: center;
}
.forgot-title h1 {
	margin-bottom: 16px;
	color: #333;
	font-size: 24px;
	font-weight: normal;
}
.info-summary {
	padding: 16px 0;
	color: #333;
}
.fullid-back-blue {
	/*background: #2196F3;height: 800px;*/
}
.sm-reset-right-8 {
    margin-right: 8px;
}
.sm-reset-left-8 {
    margin-left: 8px;
}
/*
もっとみるをボタン手動時に有効
.read-more-nav {
	margin: 32px 0;
	text-align: center;
}
.read-more-nav a {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 8px 16px;
	color: #009688;
	font-size: 13px;
	text-align: center;
	border-radius: 32px;
	background: #fff;
}
.read-more-nav a:hover {
	color: #333;
	text-decoration: none;
	background: #fafafa;
	transition: all 0.3s ease;
}*/
/*
もっとみるをスクロール自動時に有効
*/
.read-more-nav {
	padding: 16px 0;
	padding-bottom: 0;
	text-align: center;
	clear: both;
}
.read-more-nav a {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding: 8px 16px;
	color: #009688;
	text-align: center;
	border-radius: 8px;
	background: #fff;
}
.read-more-nav a:hover {
	color: #004D40;
	text-decoration: none;
	background: #E0F2F1;
	transition: all 0.3s ease;
}
.read-more-nav a i {
	margin-left: 6px;
}
#infscr-loading {
	text-align: center;
	margin: 32px auto;
	color: #009688;
}
#infscr-loading img {
	margin-bottom: 16px;
	width: 32px;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
input[type="submit"] {
	-webkit-appearance: none;
}
#submit i {
	margin-right: 8px;
}
#user_contents .user-status .status-link .btn,
#main #gram_block .branch-list a,
#main .create-branch-btn .btn {
    position: relative;
}
#main #gram_block .branch-list a i {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
}
#user_contents .user-status .status-link .btn i {
	position: absolute;
    top: 4px;
    right: 10px;
    font-size: 18px;
}
#main .create-branch-btn .btn i {
    position: absolute;
    top: 13px;
    right: 10px;
    font-size: 12px;
}
#main #gram_block .branch-list a .br-status-icon,
#main #gram_block .branch-list a .br-link-icon {
	position: absolute;
    top: -2px;
    left: 24px;
	padding: 2px 8px;
	text-align: center;
}
#main #gram_block .branch-list a .br-status-icon i,
#main #gram_block .branch-list a .br-link-icon i {
	top: 12px;
	color: #E53935;
    font-size: 18px;
}
#main #gram_block .branch-list a .br-count {
	position: absolute;
    top: 10px;
    right: 30px;
	padding: 2px 8px;
	color: #004D40;
    font-size: 14px;
	text-align: center;
	border-radius: 4px;
	/* border: 1px solid #004D40; */
	background: #E0F2F1;
}
#success_info_bar {
	position: fixed;
	top: 16px;
	left: 16px;
	right: 16px;
	max-width: 50%;
	margin: 0 auto;
	padding: 16px;
	color: #004D40;
	font-weight: 600;
	text-align: center;
	border-radius: 8px;
	background: #C6FF00;
	z-index: 9999;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
#error_info_bar {
	position: fixed;
	top: 16px;
	left: 16px;
	right: 16px;
	max-width: 50%;
	margin: 0 auto;
	padding: 16px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	border-radius: 8px;
	background: #FF1744;
	z-index: 9999;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
#success_info_bar i,
#error_info_bar i {
	margin-right: 8px;
}
#loading{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:#000;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index:9999;
    display:none;
}
.upload-wait {
    width: 200px;
    height: 200px;
    text-align: center;
    position:fixed;
    font-family: Helvetica, Arial, Sans-Serif;
    z-index:9999;
}
	.upload-wait .wait-icon {
	    color: #fff;
	    font-size: 30px;
	    text-align: center;
	}
	.upload-wait .wait-message {
	    margin-top: 16px;
	    color: #fff;
	    font-size: 18px;
	    text-align: center;
	}
.slider {
  margin-bottom: 32px;
  padding: 0;
}
.slick-slide {
	margin-right: 2px !important;
	margin-left: 2px !important;
}
.slick-slide img {
	border-radius: 8px;
	border: 1px solid #eee;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
#form_select {
  position: relative;
  /*Don't really need this just for demo styling*/
  
  /* float: left; */
  width: 100%;
  margin: 16px auto;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

#form_select:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #009688;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

#form_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}
.form-select-info {
	margin: 8px 0;
	padding-left: 24px;
	color: #009688;
	font-size: 12px;
}
.textarea-text-count {
	margin-top: 4px;
	color: #009688; /* defaultCss #999; */
	font-size: 13px;
	font-weight: normal;
	text-align: right;
}
	.textarea-text-count .count-text {
		margin-right: 4px;
	}
	.textarea-text-count .max-text {
		margin-left: 4px;
	}
/*=================================
	#keyframe
=================================*/
.slideUp {
    animation-name: slideUp;
    animation-duration: 1s;
    animation-timing-function: ease;
}

.fadein{
	animation: fadeIn 0.2s ease 0s 1 normal;
}

.fadeout{
	animation: fadeOut 1s ease 0s 1 normal;
}
@keyframes slideUp {
    0% {
        transform: translateY(77px);
    }
    100% {
        transform: translateY(0px);
    }
}

@keyframes fadeIn {
	0% {opacity: 0.5}
	100% {opacity: 1}
}

@keyframes fadeOut {
	0% {opacity: 1}
	100% {opacity: 0}
}
/*=================================
	#first
=================================*/
.form-header-logo {
	padding: 32px 0;
	text-align: center;
	/*border-bottom: 1px solid #ccc;*/
}
	.form-header-logo .logo {
		margin: 0 auto;
		width: 150px;
	}
.form-header-title > h1 {
    margin: 16px 0;
    color: #004D40;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.form-header-info {
    margin: 16px 0;
	padding: 0 16px;
    text-align: center;
}
.first-form-wrap {
	margin: 8px;
	margin-bottom: 32px;
	padding: 32px;
	border-radius: 8px;
	/* border: 1px solid #B2DFDB; */
	background: #fff;
	/* box-shadow: 0 1px 6px rgba(0,0,0,0.2); */
}
.first-form-title {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
.service-in {
	margin: 16px 8px;
	padding: 16px;
	border-radius: 8px;
	background: #fff;
}
	.service-in .service-list {
		margin-bottom: 8px;
	}
	.service-in .service-list:last-child {
		margin-bottom: 0;
	}
	.service-in .service-list a {
		display: block;
		padding: 10px 16px;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		border-radius: 8px;
	}
		.service-in .service-list i {
			margin-right: 6px;
		}
	.service-in .service-list.twitter a {
		color: #fff;
		background: #1DA1F2;
	}
	.service-in .service-list.gramtree a {
		color: #004D40;
		background: #DCE775;
	}
	.service-in .service-list.twitter a:hover,
	.service-in .service-list.gramtree a:hover {
		text-decoration: none;
		opacity: 0.9;
		transition: all 0.3s ease;
	}
/*=================================
	#mpdal
=================================*/
#create_branch_form .branch-type {
	width: 100%;
	border-radius: 8px;
	border: 1px solid #B2DFDB;
	overflow: hidden;
}
#create_branch_form .branch-type .type-list {
	float: left;
	width: 50%;
	padding: 16px;
	text-align: center;
}
#create_branch_form .form-control,
#create_link_form .form-control {
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #B2DFDB;
}
#create_branch_form .br-image-lists {
	margin-bottom: 16px;
	color: #999;
	text-align: center;
	background: #fff;
}
#create_branch_form #add_image_preview .loading-icon {
	padding-top: 50px;
	padding-bottom: 16px;
}
#create_branch_form #add_image_preview .loading-icon i {
	font-size: 20px;
}
#create_branch_form #add_image_preview .loading-text {
	padding-bottom: 50px;
	color: #009688;
}
#create_branch_form .add-image-btn {
	margin-bottom: 16px;
	text-align: right;
}
#create_branch_form .add-image-btn label {
	margin-bottom: 8px;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #B2DFDB;
	background: #fff;
	/* color: #000;
  	border: 1px solid #aaa;
 	background: #E0F2F1;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	text-shadow: #fff 0 1px 0; */
	cursor: pointer;
}
#create_branch_form .add-image-btn label i {
	color: #009688;
	font-size: 16px;
}
#create_branch_form .add-image-btn label:hover {
	background: #E0F2F1;
}
#create_branch_form .add-image-btn label:hover i {
	color: #004D40;
}
#create_branch_form .add-image-block {
	position: relative;
	padding: 8px;
}
#create_branch_form .add-image-block img {
	border-radius: 8px;
	border: 1px solid #B2DFDB;
}
#create_branch_form .add-image-block .add-image-delete-btn {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #E0F2F1;
	background: #333;
	transition: all 0.2s ease;
	cursor: pointer;
}
#create_branch_form .add-image-block .add-image-delete-btn:hover {
	border: 2px solid #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.5);
	transform: scale(1.2, 1.2);
	transition: all 0.2s ease;
}
#create_branch_form .add-image-block .add-image-delete-btn i {
	color: #fff;
	font-size: 14px;
}
#create_branch_form .add-text-block {
	margin-bottom: 20px;
}
#create_branch_form .delete-btn,
.profile-form .delete-btn {
	margin-top: 32px;
	padding: 16px;
	font-size: 12px;
	text-align: center;
	border-radius: 0px;
	border: 1px dashed #B2DFDB;
	background: #FFEBEE;
}
#create_branch_form .delete-btn .btn {
	font-size: 12px;
	font-weight: normal;
}
#create_branch_form .delete-btn .info {
	margin: 8px;
	color: #009688;
}
/*=================================
	#header
=================================*/
#header {
    
}
#header_bar {
	padding: 8px;
	color: #fff;
	text-align: center;
	background: #009688;
	z-index: 20;
}
#header_pc {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1030;
}
	#header_info {
		width: 100%;
		height: 50px;
		padding: 0;
		border-bottom: 1px solid #B2DFDB;
		background: #fff;
	}
		#header_info .header-logo {
			float: left;
			height: 50px;
			padding: 0 16px;
		}
			#header_info .header-logo img {
				height: 50px;
			}
		#header_info .header-logo-premium {
			float: left;
			height: 50px;
			padding: 0 16px;
		}
			#header_info .header-logo-premium img {
				height: 50px;
			}
		#header_info .header-information {
			height: 50px;
			float: right;
			margin-right: 16px;
			text-align: right;
			line-height: 50px;
		}
			#header_info .header-information > ul.nav-lists {
				margin: 0;
				padding: 0;
				list-style: none;
				text-align: right;
			}
				#header_info .header-information > ul.nav-lists > li {
					float: right;
					/*margin-left: 32px;*/ /*48px*/
				}
				#header_info .header-information > ul.nav-lists > li a:not(.btn) {
					padding: 16px 8px;
					color: #004D40;
				}
				#header_info .header-information > ul.nav-lists > li a:not(.btn):hover {
					color: #004D40;
					text-decoration: none;
					transition: 0.3s;
				}
				#header_info .header-information > ul.nav-lists > li.col-btn {
					margin-top: -2px;
					margin-left: 16px;
				}
				#header_info .header-information > ul.nav-lists > li.header-user-name {
					margin-left: 16px;
				}
				#header_info .header-information > ul.nav-lists > li .navbar-logged {
					color: #004D40;
					font-size: 16px;
					font-weight: 600;
				}
				#header_info .header-information > ul.nav-lists > li .navbar-logged i {
					margin-left: 6px;
					font-size: 12px;
				}
				#header_info .header-information > ul.nav-lists > li ul.dropdown-menu > li i {
					margin-right: 12px;
				}
	#header_search {
		float: left;
		width: 320px;
		padding-top: 7px;
	}
.header-user-name {
	
}
	.header-user-icon {
		float: left;
		margin-top: -2px;
		margin-right: 0px;
		border-radius: 50%;
		cursor: pointer;
	}
		.header-user-icon img {
			width: 34px;
			border-radius: 50%;
			border: 1px solid #B2DFDB;
		}
#header_sp {
	/* position: fixed;
	top: 0;
	left: 0;
	right: 0; */
	width: 100%;
	height: 50px;
	background: #fff;
	/* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	z-index: 1030; */
}
	#header_sp .header-sp-inner {
		position: relative;
	}
	#header_sp .header-sp-inner .header-sp-logo {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	#header_sp .header-sp-inner .header-sp-logo img {
		height: 50px;
	}
	#header_sp .header-sp-inner .header-sp-menu {
		position: absolute;
		top: 10px;
		right: 12px;
	}
#user_contents_top {
	margin-top: 16px;
}
#user_contents_top .user-icon {
    width: 82px;
    margin: 0 auto;
	padding: 16px 0;
}
#user_contents_top .user-icon img {
    width: 100%;
    border-radius: 50%;
    border: 1px solid #B2DFDB;
}
#user_contents_top .user-name {
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
#user_contents_top .user-name h1 {
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
    font-size: 32px;
    font-weight: normal;
}
#user_contents_top .user-summary {
    margin-bottom: 32px;
	padding: 0 8px;
	line-height: 1.5;
    text-align: center;
}
#user_contents {
	margin-top: 16px;
}
#user_contents .user-icon {
    width: 122px;
    margin: 0 auto;
	padding: 16px 0;
}
#user_contents .user-icon img {
    width: 100%;
    border-radius: 50%;
    border: 1px solid #B2DFDB;
}
#user_contents .user-name {
	margin: 0 32px;
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}
#user_contents .user-name h1 {
	margin: 0;
	padding: 0;
    font-size: 24px;
    font-weight: 600;
}
#user_contents .user-summary {
    margin-bottom: 16px;
	padding: 0 32px;
    color: #009688;
	font-size: 14px;
	line-height: 1.5;
    text-align: center;
}
#user_contents .user-summary-block {
	display: table;
	width: 100%;
	margin: 16px 0;
	margin-top: 8px;
	padding: 0 32px;
}
	#user_contents .user-summary-block .user-summary-intro {
		display: table-cell;
		width: 72%;
		padding-right: 16px;
		vertical-align: middle;
		border-right: 1px solid #B2DFDB;
	}
	#user_contents .user-summary-block .user-summary-intro .intro {
		font-size: 14px;
		line-height: 1.5;
		text-align: left;
	}
	#user_contents .user-summary-block .user-summary-intro .edit {
		width: 220px;
		margin-top: 8px;
	}
	#user_contents .user-summary-block .user-summary-branch {
		display: table-cell;
		width: 28%;
		padding-left: 16px;
		text-align: center;
		vertical-align: middle;
	}
		#user_contents .user-summary-block .user-summary-branch a {
			text-decoration: none;
		}
		#user_contents .user-summary-block .user-summary-branch .status-num {
			color: #004D40;
			font-size: 30px;
			font-weight: 600;
		}
		#user_contents .user-summary-block .user-summary-branch .status-name {
			color: #009688;
			font-size: 12px;
			font-weight: normal;
		}
		#user_contents .user-summary-block .user-summary-branch a:hover .status-name {
			text-decoration: underline;
		}
#user_contents .user-status {
    display: table;
    width: 100%;
	margin: 32px 0;
}
#user_contents .user-status .status-block {
    display: table-cell;
    width: 60%;
    padding: 0 16px;
    text-align: center;
    vertical-align: middle;
    /* border-right: 1px solid #B2DFDB; */
}
#user_contents .user-status .status-block .status-link-block a {
	color: #004D40;
	text-decoration: none;
}
#user_contents .user-status .status-block .status-link-block a:hover .status-name {
	text-decoration: underline;
}
#user_contents .user-status .status-block-btn {
    display: table-cell;
    width: 40%;
    padding: 0 16px;
    text-align: center;
    vertical-align: middle;
}
#user_contents .user-status .status-num {
    font-size: 20px;
    font-weight: 600;
}
#user_contents .user-status .status-name {
    color: #009688;
	font-size: 12px;
	font-weight: normal;
}
#user_content_lower {
    display: table;
    width: 100%;
    padding: 16px;
}
#user_content_lower .user-block-icon {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
}
#user_content_lower .user-block-contents {
    display: table-cell;
    vertical-align: middle;
}
#user_content_lower .user-block-link {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
}
#user_content_lower .user-block-icon .user-icon {
    text-align: right;
}
#user_content_lower .user-block-icon .user-icon a {
    display: block;
}
#user_content_lower .user-block-icon .user-icon img {
    width: 100%;
    border-radius: 50%;
    border: 1px solid #B2DFDB;
}
#user_content_lower .user-block-contents .user-contents {
	padding: 0;
	padding-left: 16px;
}
#user_content_lower .user-block-contents .user-name {
	margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}
#user_content_lower .user-block-contents .user-summary {
    /* color: #009688; */
	font-size: 13px;
}
/*=================================
	#follow
=================================*/
.follow-nav {
	margin: 16px 8px;
	padding: 4px;
	border-radius: 8px;
	border: 1px solid #B2DFDB;
	/* box-shadow: 0 0 6px rgba(0,0,0,0.15); */
}
.follow-nav ul.lists {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
	.follow-nav ul.lists > li {
		float: left;
		width: 50%;
	}
	.follow-nav ul.lists > li a {
		display: block;
		padding: 8px 16px;
		color: #004D40;
		text-align: center;
		border-radius: 6px;
		/* border-bottom: 2px solid transparent; */
	}
	.follow-nav ul.lists > li.active a,
	.follow-nav ul.lists > li.active a:hover {
		font-weight: 600;
		text-decoration: none;
		border-radius: 6px;
		background: #E0F2F1;
		transition: all 0.3s ease;
	}
	.follow-nav ul.lists > li a:hover {
		font-weight: 600;
		text-decoration: none;
		transition: all 0.3s ease;
	}
.follow-contents {

}
.follow-contents .follow-user-lists {
	margin-top: 16px;
}
.follow-contents .follow-user-lists > ul.lists {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
	.follow-contents .follow-user-lists > ul.lists > li {
		display: table;
		width: 100%;
		margin-bottom: 16px;
		padding: 16px;
		border-bottom: 1px solid #B2DFDB;
	}
	.follow-contents .follow-user-lists > ul.lists > li a {
		display: block;
		color: #004D40;
	}
	.follow-contents .follow-user-lists > ul.lists > li a:hover {
		text-decoration: none;
	}
	.follow-contents .follow-user-lists > ul.lists > li:last-child {
		border-bottom: none;
	}
	.follow-contents .follow-user-lists > ul.lists > li .user-icon {
		display: table-cell;
		width: 50px;
		vertical-align: middle;
	}
	.follow-contents .follow-user-lists > ul.lists > li .user-icon img {
		width: 100%;
		border-radius: 50%;
		border: 1px solid #B2DFDB;
	}
	.follow-contents .follow-user-lists > ul.lists > li .user-name {
		display: table-cell;
		
		padding-left: 8px;
		font-size: 16px;
		font-weight: 600;
		vertical-align: middle;
	}
	.follow-contents .follow-user-lists > ul.lists > li .user-menu {
		display: table-cell;
		width: 150px;
		vertical-align: middle;
	}
	.follow-contents .follow-user-lists > ul.lists > li .user-menu .btn {
		position: relative;
	}
	.follow-contents .follow-user-lists > ul.lists > li .user-menu i {
		position: absolute;
		top: 4px;
		right: 10px;
		font-size: 18px;
	}
	.follow-contents .follow-user-lists > ul.lists > li .no-follow-text {
		padding: 16px;
		color: #009688;
		text-align: center;
	}
/*=================================
	#sidebar
=================================*/
.fixed-menu ul {
	background: transparent !important;
}
#sidebar {
	/* padding: 16px 32px; */
	padding: 16px;
}
#sidebar .sidebar-fixed-logo {
	margin: 0 auto;
	margin-bottom: 8px;
	padding-left: 4px;
	text-align: left;
}
#sidebar .sidebar-fixed-logo a {
	display: block;
	/*** text.ver ***/
	/* color: #004D40;
	font-size: 32px;
	font-weight: 600;
	text-align: left;
	text-decoraiton: none; */
}
#sidebar .sidebar-fixed-logo img {
	/* width: 200px; */
	height: 50px;
}
	#sidebar .sidebar-inner {
		position: relative;
		margin: 0;
		padding: 0 8px;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		-moz-overflow-scrolling: touch;
	}
	#sidebar .sidebar-inner .global-nav-header {
		margin-bottom: 8px;
		padding: 8px;
		color: #004D40;
		font-size: 12px;
	}
	#sidebar .sidebar-inner ul.global-btn {
		margin: 0;
		margin-bottom: 12px;
		padding: 0;
		list-style: none;
	}
	#sidebar .sidebar-inner ul.global-btn > li {
		padding: 0px 8px;
		padding-bottom: 2px;
		overflow: hidden;
	}
	#sidebar .sidebar-inner ul.global-nav {
		margin: 32px 0;
		margin-top: 0;
		padding: 0;
		list-style: none;
	}
	#sidebar .sidebar-inner ul.global-nav-category {
		margin: 0;
		padding: 0;
		padding-left: 32px;
		list-style: none;
	}
	#sidebar .sidebar-inner ul.global-nav > li,
	#sidebar .sidebar-inner ul.global-nav-category > li,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li {
		position: relative;
		border-radius: 8px;
		cursor: pointer;
	}
	#sidebar .sidebar-inner ul.global-nav > li#sidebar_category,
	#sidebar .sidebar-inner ul.global-nav > li a,
	#sidebar .sidebar-inner ul.global-nav-category > li a,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li a {
		display: block;
		margin-bottom: 8px;
		padding: 10px 24px;
		color: #004D40;
		font-size: 18px; /* defaultCss 18px; */
		font-weight: normal;
		border-radius: 8px;
	}
	#sidebar .sidebar-inner ul.global-nav > li:hover,
	#sidebar .sidebar-inner ul.global-nav > li a:hover,
	#sidebar .sidebar-inner ul.global-nav-category > li a:hover,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li a:hover {
		color: #004D40;
		font-weight: 600;
		text-decoration: none;
		background: #E0F2F1; /* #ECEFF1; */
		border-radius: 8px;
		transition: all 0.3s ease;
	}
	#sidebar .sidebar-inner ul.global-nav > li a:hover i,
	#sidebar .sidebar-inner ul.global-nav-category > li a:hover i,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li a:hover i {
		color: #004D40;
	}
	#sidebar .sidebar-inner ul.global-nav > li.active a,
	#sidebar .sidebar-inner ul.global-nav-category > li.active a,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li.active a {
		color: #004D40;
		font-weight: 600;
		border-radius: 8px;
		/* border: 1px solid #B2DFDB; */
		background: #E0F2F1;
	}
	#sidebar .sidebar-inner ul.global-nav > li.active a i,
	#sidebar .sidebar-inner ul.global-nav-category > li.active a i,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li.active a i {
		color: #004D40;
		font-size: 20px;
		font-weight: 600;
	}
	#sidebar .sidebar-inner ul.global-nav > li.active a:hover,
	#sidebar .sidebar-inner ul.global-nav-category > li.active a:hover,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li.active a:hover {
		color: #004D40; /* #004D40 */
	}
	#sidebar .sidebar-inner ul.global-nav > li:not(.global-nav-status-icon) i,
	#sidebar .sidebar-inner ul.global-nav-category > li:not(.global-nav-status-icon) i,
	#sidebar .sidebar-inner ul.global-nav > span#footer_menu_service > li i {
		margin-right: 16px;
		color: #004D40;
		font-size: 20px;
		font-weight: 600;
	}
	#sidebar .sidebar-inner ul.global-nav > li .global-nav-icon,
	#sidebar .sidebar-inner ul.global-nav-category > li .global-nav-icon {
		float: left;
		width: 20px;
		margin: 1px 24px 2px 8px;
	}
	#sidebar .sidebar-inner ul.global-nav > li .global-nav-icon img,
	#sidebar .sidebar-inner ul.global-nav-category > li .global-nav-icon img {
		max-width: 32px;
		border-radius: 2px;
	}
	#sidebar .sidebar-inner ul.global-nav > li .global-nav-status-icon,
	#sidebar .sidebar-inner ul.global-nav-category > li .global-nav-status-icon {
		position: absolute;
		top: 5px;
		right: 0;
		padding: 2px 6px;
		color: #666;
		font-size: 12px;
		border-radius: 2px;
	}
	#sidebar .sidebar-inner ul.global-nav > li.active .global-nav-status-icon,
	#sidebar .sidebar-inner ul.global-nav-category > li.active .global-nav-status-icon {
		color: #009688;
	}
	.sidebar-ads-link {
		padding: 0; /* defaultCss 0 16px; */
	}
	.sidebar-ads-link a {
		border-radius: 32px;
	}
	.sidebar-ads-link i {
		margin-right: 6px;
		font-size: 12px;
	}
	.sidebar-sns {
		width: 120px;
		margin: 0 auto;
		margin-top: 16px;
	}
	.sidebar-sns ul.lists {
		display: flex;
		width: 100%;
		margin: 0;
		list-style: none;
		overflow: hidden;
	}
		.sidebar-sns ul.lists > li {
			width: 25%;
			margin-right: 12px;
			font-size: 16px;
		}
		/* .sidebar-sns ul.lists > li.icon-twitter a i {
			color: #1DA1F2;
		}
		.sidebar-sns ul.lists > li.icon-facebook a i {
			color: #4267b2;
		}
		.sidebar-sns ul.lists > li.icon-instagram a i {
			color: #262626;
		}
		.sidebar-sns ul.lists > li.icon-youtube a i {
			color: #f00;
		} */
		.sidebar-sns ul.lists > li.icon-twitter a i,
		.sidebar-sns ul.lists > li.icon-facebook a i,
		.sidebar-sns ul.lists > li.icon-instagram a i,
		.sidebar-sns ul.lists > li.icon-youtube a i {
			color: #009688;
		}
	.sidebar-link {
		margin-top: 16px;
		padding: 16px 0;
		border-top: 1px solid #B2DFDB;
	}
	.sidebar-link ul.lists {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
		.sidebar-link ul.lists > li {
			margin-right: 8px;
			float: left;
			width: auto;
		}
		.sidebar-link ul.lists > li a {
			color: #009688;
			font-size: 12px;
		}
	.sidebar-link .copy {
		margin-top: 8px;
		color: #009688;
		font-size: 12px;
	}
#fixed_user_block {
	position: relative;
	border-radius: 32px;
	cursor: pointer;
}
#fixed_user_block:hover {
	border-radius: 32px;
	background: #E0F2F1;
	transition: all 0.3s;
}
#fixed_user_block .user-contents {
	display: table;
	width: 100%;
	padding: 8px;
	/* background: #fff; */
	/* box-shadow: 0 0 6px rgba(0,0,0,0.2); */
}
#fixed_user_block .user-contents .user-icon {
	display: table-cell;
	width: 40px;
	vertical-align: middle;
}
#fixed_user_block .user-contents .user-icon img {
	border-radius: 50%;
	border: 1px solid #B2DFDB;
}
#fixed_user_block .user-contents .user-name {
	display: table-cell;
	padding: 0 8px;
	font-size: 16px;
	font-weight: 600;
	vertical-align: middle;
}
#fixed_user_block .user-contents .user-menu {
	display: table-cell;
	width: 40px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
#fixed_user_block .user-contents .user-contents-menu {
    display: none;
	position: absolute;
	top: -84px;
	left: 0;
	right: 0;
	width: 100%;
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #B2DFDB;
	background: #fff;
	box-shadow: 0 0 12px rgba(0,0,0,0.15);
}
#fixed_user_block .user-contents .user-contents-menu ul.lists {
	margin: 0;
	padding: 0;
	list-style: none;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li {
	margin-bottom: 0;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li:last-child {
	margin-bottom: 0;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li a {
	display: block;
	padding: 8px 16px;
	color: #004D40;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li a i {
	margin-right: 6px;
}
#fixed_user_block .user-contents .user-contents-menu ul.lists > li a:hover {
	font-weight: 600;
	text-decoration: none;
	background: #E0F2F1;
}
#fixed_user_block .user-contents #side_menu_close {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 18px;
	cursor: pointer;
}
/*=================================
	#sidebar_right
=================================*/
#sidebar_right {
	padding: 0;
}
	#sidebar_right .sidebar-right-inner {
		margin: 16px;
		padding: 16px 0;
		border-radius: 0px;
		border-radius: 8px;
		background: #E1F5FE;
	}
	#sidebar_right .sidebar-right-inner-ad {
		margin: 16px;
		border-radius: 0px;
		border-radius: 8px;
	}
	#sidebar_right .sidebar-right-title {
		padding: 16px 32px;
		font-size: 18px;
		font-weight: 600;
	}
	#sidebar_right .sidebar-right-title i {
		margin-right: 6px;
	}
	#sidebar_right .sidebar-right-title {
		text-align: center;
	}
	#sidebar_right .sidebar-right-contents {
		margin: 16px 32px;
	}
	#sidebar_right .sidebar-right-contents-ad {
		padding: 0;
	}
	#sidebar_right .sidebar-right-contents .title {
		margin-bottom: 8px;
		font-size: 18px;
	}
	#sidebar_right .sidebar-right-contents .summary {
		margin-bottom: 8px;
	}
	#sidebar_right .sidebar-right-contents .url {
		position: relative;
		margin-bottom: 8px;
		padding: 8px;
		text-align: left;
		border-radius: 4px;
		/* border: 1px solid #4DD0E1; */
		background: #fff;
	}
	#sidebar_right .sidebar-right-contents .url-copy-btn {
		text-align: right;
	}
	#sidebar_right .sidebar-right-contents .url-copy-btn i {
		margin-right: 6px;
	}
	#sidebar_right .sidebar-right-contents .sns {
		width: 180px;
		margin: 0 auto;
	}
	#sidebar_right .sidebar-right-contents .sns ul.lists {
		margin: 0;
		padding: 0;
		wdith: 100%;
		list-style: none;
		overflow: hidden;
	}
	#sidebar_right .sidebar-right-contents .sns ul.lists > li {
		float: left;
		width: 33.333333333%;
		padding: 0 8px;
		text-align: center;
	}
	#sidebar_right .sidebar-right-contents .sns ul.lists > li i {
		font-size: 24px;
	}
	#sidebar_right .sidebar-right-contents .sns ul.lists > li.twitter a i {
		color: #1DA1F2;
	}
	#sidebar_right .sidebar-right-contents .sns ul.lists > li.facebook a i {
		color: #1877f2;
	}
	#sidebar_right .sidebar-right-contents .sns ul.lists > li.line a i {
		color: #00B900;
	}
	#sidebar_right .case-block {
		position: relative;
		margin: 1px 16px;
		height: 120px;
		overflow: hidden;
	}
	#sidebar_right .case-block:last-child {
		margin-bottom: 0;
	}
		#sidebar_right .case-block img {
			border-radius: 0px;
		}
		#sidebar_right .case-block .case-contents {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0 32px;
			padding-top: 32px;
			text-shadow: #000 1px 0 10px;
			background: rgba(0,40,0,0.35);
		}
		#sidebar_right .case-block .case-title {
			margin-bottom: 8px;
			color: #fff;
			font-size: 20px;
			font-weight: 600;
			text-align: center;
			line-height: 1.3;
		}
		#sidebar_right .case-block .case-desc {
			margin-bottom: 8px;
			color: #fff;
			font-size: 14px;
			text-align: center;
		}
		#sidebar_right .case-block .case-link {
			text-align: center;
		}
	#sidebar_right .user-case {
		margin: 16px;
		margin-top: 0;
		border-radius: 8px;
		border: 1px solid #B2DFDB;
	}
		#sidebar_right .user-case ul.lists {
			margin: 0;
			padding: 8px;
			list-style: none;
		}
		#sidebar_right .user-case ul.lists > li a {
			display: block;
			margin-bottom: 8px;
			padding: 8px 16px;
			font-weight: 600;
			text-decoration: underline;
			border-radius: 8px;
		}
		#sidebar_right .user-case ul.lists > li a:hover {
			text-decoration: none;
			background: #E0F2F1;
			transition: all 0.3s;
		}
.url-copy {
  cursor: pointer;
  position: relative;
}
 
/* Tooltip */
.tooltip-copy::after {
    content: 'コピーしました';
    background: #004D40;
    display: inline-block;
    color: #fff;
	text-shadow: none;
    border-radius: 8px;
    position: absolute;
    left: -88px;
    bottom: -6px;
    transform: translate(-50%, 0);
    font-size: 14px;
    padding: 6px 18px;
    animation: fade-tooltip .5s 1s 1 forwards;
}
 
/* Animation */
@keyframes fade-tooltip {
  to { opacity: 0; }
}
/*=================================
	#main
=================================*/
#main {
	
}
#main_contents {
	/* margin-top: 16px; */
	/* margin-bottom: 16px; */
	padding: 16px;
	padding-bottom: 32px;
	/* border-radius: 0 0 8px 8px; */
	border: 1px solid #B2DFDB;
	border-top: none;
	border-bottom: none;
	background: #fff;
	/* box-shadow: 0 1px 6px rgba(0,0,0,0.2); */
}
.create-branch-block {
	margin: 32px 0;
	padding: 0;
	background: #fff;
}
.create-branch-info {
	text-align: center;
}
.create-branch-info .title {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 600;
}
.create-branch-info .summary {
	margin-bottom: 16px;
}
.create-branch-info .link {
	margin-top: 16px;
}
.create-branch-btn {
	display: table;
	width: 100%;
	padding: 4px;
	border-radius: 8px;
	/* border: 1px solid #B2DFDB; */
	background: #E0F2F1;
	/* box-shadow: 0 0 6px rgba(0,0,0,0.15); */
}
.create-branch-btn .btn-list {
	display: table-cell;
	width: 50%;
	padding: 4px;
	vertical-align: middle;
}
#branch_tab {
	margin: 32px 0;
}
	#branch_tab ul.nav-tabs {
		border-color: #B2DFDB;
	}
	#branch_tab ul.nav-tabs > li {
		width: 50%;
		text-align: center;
	}
	#branch_tab ul.nav-tabs > li a {
		padding: 16px;
		color: #009688;
		border-radius: 8px 8px 0 0;
		background: transparent;
	}
	#branch_tab ul.nav-tabs > li a:hover {
		color: #004D40;
		font-weight: 600;
		border-bottom: 1px solid #B2DFDB;
		background: transparent;
	}
	#branch_tab ul.nav-tabs > li.active a {
		color: #004D40;
		font-weight: 600;
		border-color: #B2DFDB;
		border-bottom: 1px solid #fff;
		background: #fff;
	}
	#branch_tab ul.nav-tabs > li a i {
		margin-right: 6px;
	}
	/* #branch_tab ul.nav-tabs > li.active {
		border-bottom: 1px solid #004D40;
	}
	#branch_tab ul.nav-tabs > li:first-child {
		margin-left: 8px;
	}
	#branch_tab ul.nav-tabs > li:last-child {
		margin-right: 8px;
	}
	#branch_tab ul.nav-tabs > li a:hover {
		font-weight: 600;
	}
	#branch_tab ul.nav-tabs > li.active a {
		font-weight: 600;
	} */
#gram_block {
    padding: 0 16px;
}
#gram_list_block {
	border-radius: 8px;
	background: #fff;
}
h1.gramlists-title {
	margin: 0;
	padding: 0;
	padding: 32px 8px;
	font-size: 18px;
	font-weight: 600;
}
.branch-list-info {
	margin: 0 8px;
	margin-bottom: 8px;
	padding: 0 16px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	border-radius: 4px;
}
.branch-list-info i {
	margin-right: 6px;
}
.branch-panel {
	width: 100%;
	padding: 0 16px;
}
.branch-panel .branch-breadcrumb {
	padding: 16px 0;
	overflow: hidden;
}
.branch-panel .branch-breadcrumb .prev-icon {
	float: left;
	width: 30px;
	margin-top: 7px;
	text-align: center;
}
.branch-panel .branch-breadcrumb a {
	float: left;
}
.branch-panel .branch-breadcrumb a.btn {
	font-weight: normal !important;
}
.branch-panel .branch-breadcrumb a i {
	margin-right: 6px;
}
#gram_block .branch-status {
	margin-bottom: 16px;
	padding: 0 16px;
}
#gram_block .branch-status .branch-status-text i {
	margin-right: 6px;
}
#gram_block .branch-status .status-block {
	display: table;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
#gram_block .branch-status .status-block .status-list {
	display: table-cell;
	width: 28%;
	text-align: right;
	vertical-align: middle;
}
#gram_block .branch-status .status-block .status-list.not-like { /* likeが有効の場合は削除 */
	display: table-cell;
	width: 56%;
	text-align: left;
	vertical-align: middle;
}
#gram_block .branch-status .status-block .status-list .branch-date {
	color: #009688;
	text-align: left;
}
#gram_block .branch-status .status-block .status-list .branch-date i {
	margin-left: 12px;
	margin-right: 3px;
	padding: 2px;
	color: #009688;
	font-size: 13px;
}
#gram_block .branch-status .status-block .status-list.menu {
	display: table-cell;
	width: 16%;
	text-align: center;
	vertical-align: middle;
}
#gram_block .branch-status .status-block .status-list .btn {
	color: #009688;
}
#gram_block .branch-status .status-block .status-list .btn:hover {
	color: #004D40;
	text-decoration: none;
	transform: scale(1.2);
}
#gram_block .branch-status .status-block .status-list i {
	margin-right: 0;
	font-size: 16px;
}
#gram_block .branch-status .status-block .status-list .num {
	margin-right: 6px;
	color: #004D40;
	font-size: 16px;
	font-weight: 600;
}
#gram_block .branch-status .status-block .status-list i.like-up-color {
	color: #F06292;
}
#gram_block .branch-status .status-block .status-list i.clip-up-color {
	color: #DCE775;
}
#gram_block .branch-status .status-block .status-list .dropdown-menu i {
	margin-right: 6px;
}
#gram_block .branch-list-setting {
	text-align: right;
}
#gram_block .branch-list-block {
	position: relative;
	margin-bottom: 8px;
	/* background: #E0F2F1; */
}
#gram_block .branch-list {
	display: table;
	width: 100%;
	padding: 8px;
	overflow: hidden;
}
#gram_block .branch-list .branch-line {
	position: absolute;
	top: 31px;
	left: -16px;
	width: 32px;
	height: 1px;
	border-top: 1px solid #B2DFDB;
}
#gram_block .branch-list a.branch-btn-block {
	display: block;
	padding: 10px 16px;
	color: #004D40;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #004D40;
	background: #fff;
	/* box-shadow: 0 0 6px rgba(0,0,0,0.15); */
}
#gram_block .branch-list a.branch-btn-block:hover {
	color: #fff;
	text-decoration: none;
	background: #004D40;
	transition: all 0.3s;
}
#gram_block .branch-list .user-summary {
    display: table;
	width: 100%;
	margin-bottom: 8px;
}
	#gram_block .branch-list .user-summary .user-icon-out {
		display: table-cell;
		width: 40px;
		vertical-align: middle;
	}
	#gram_block .branch-list .user-summary .user-icon-out img {
		width: 100%;
		border-radius: 50%;
		border: 1px solid #B2DFDB;
	}
	#gram_block .branch-list .user-summary .user-name-out {
		display: table-cell;
		padding-left: 8px;
		vertical-align: middle;
		line-height: 1.3;
	}
	#gram_block .branch-list .user-summary .user-name-out a {
		color: #009688;
		font-size: 12px;
		font-weight: 600;
	}
	#gram_block .branch-list .user-summary .user-date-out {
		display: table-cell;
		width: 80px;
		color: #009688;
		font-size: 12px;
		text-align: right;
		vertical-align: middle;
	}
	#gram_block .branch-relation-block {
		position: absolute;
		left: 24px;
		right: 24px;
		bottom: -22px;
	}
	#gram_block .branch-relation-block .relation-list a {
		display: block;
		padding: 10px 16px;
		color: #004D40;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		border-radius: 8px;
		border: 1px solid #B2DFDB;
		background: #fff;
	}
	#gram_block .branch-relation-block .relation-list a:hover {
		color: #fff;
		text-decoration: none;
		background: #004D40;
		transition: all 0.3s;
	}
	#gram_block .branch-relation-block .relation-list a i {
		position: absolute;
		top: 9px;
		left: 10px;
		font-size: 16px;
	}

#gram_block .branch-list .user-icon {
    float: left;
	width: 36px;
	margin-top: -8px; /* -36px;*/
	margin-left: -4px; /* -4px; */
}
#gram_block .branch-list .user-icon img {
    width: 100%;
	border-radius: 50%;
	border: 1px solid #B2DFDB;
}
#gram_block .branch-list-setting-btn {
	margin-bottom: 8px;
	padding: 8px;
	color: #009688;
	font-size: 12px;
	text-align: right;
	border-radius: 8px;
}
#gram_block span#branch_list_setting_btn {
	padding: 2px;
	cursor: pointer;
}
#gram_block #branch_list_setting_btn:hover {
	text-decoration: underline;
}
#gram_block #branch_list_setting_btn i {
	margin-left: 6px;
}
#gram_block .branch-list .branch-list-setting-menu {
	display: none;
}
#gram_block .branch-list .ope-block-branch {
    display: table-cell;
	width: 74%;
}
#gram_block .branch-list .ope-block-drag,
#gram_block .branch-list .ope-block-edit {
    display: table-cell;
	width: 13%;
	margin-left: 6px;
	font-size: 13px;
	text-align: center;
}
#gram_block .branch-list .ope-block-drag.drag {
    cursor: move;
}
#gram_block .branch-list .ope-block-drag i {
	padding: 18px;
	color: #009688;
}
#gram_block .branch-list .ope-block-drag i:hover {
	color: #004D40;
	border-radius: 4px;
	background: #E0F2F1;
	transition: all 0.3s;
}
#gram_block .branch-list .ope-block-edit a.branch-edit-btn i {
	position: static !important;
	padding: 18px;
	color: #009688;
	cursor: pointer;
}
#gram_block .branch-list .ope-block-edit a.branch-edit-btn:hover i {
	position: static !important;
	color: #004D40;
	border-radius: 4px;
	background: #E0F2F1;
	transition: all 0.3s;
	cursor: pointer;
}
.branchs-drag-box {
	margin: 16px;
	height: 54px;
	line-height: 54px;
	color: #009688;
	font-weight: normal;
	text-align: center;
	border-radius: 4px;
	background: #E0F2F1;
	transition: all 0.3s;
}
.branchs-drag-box:before {
	content: "ここに配置する";

}
#gram_block .branch-list .no-branch-text {
    padding: 32px 16px;
	color: #004D40;
	text-align: center;
	border-radius: 4px;
	background: #f5f5f5;
}
#gram_block .branch-list .branch-rel {
	margin: 0 4px;
	margin-top: -8px;
    padding: 4px 8px;
	padding-top: 10px;
	color: #004D40;
	font-size: 12px;
	text-align: right;
	border-radius: 0 0 8px 8px;
	background: #f5f5f5;
}
#gram_block .branch-list .branch-rel i {
    margin-right: 6px;
}
#gram_block h1.branch-title {
	position: relative;
    margin: 0;
    padding: 16px;
	padding-right: 32px;
    font-size: 20px;
    font-weight: 600;
	line-height: 1.3;
    border-radius: 8px 8px 0 8px; /* 8px */
	border: 1px solid #B2DFDB;
	/* box-shadow: 0 0 6px rgba(0,0,0,0.15); */
    background: #E0F2F1;
}
#gram_block h1.branch-title.fixed-pc {
	position: fixed;
	z-index: 1030;
	top: 79px;
	left: 50%;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #B2DFDB;
	transform: transLateX(-50%)
			   transLateY(-50%);
}
#gram_block h1.branch-title.fixed {
	position: fixed;
	z-index: 1030;
	top: 0;
	left: 0;
	right: 0;
}
#gram_block h1.branch-title .branch-config {
	position: absolute;
	top: 16px;
	right: 8px;
}
#gram_block h1.branch-title .branch-config .dropdown-toggle {
	padding: 8px 10px;
	color: #004D40;
	font-size: 16px;
	border-radius: 8px;
	cursor: pointer;
}
#gram_block h1.branch-title .branch-config .dropdown-toggle:hover {
	background: #B2DFDB;
	transition: all 0.3s ease;
}
#gram_block h1.branch-title .branch-config .dropdown-menu i {
	margin-right: 6px;
}
#gram_block .branch-contents {
	position: relative;
	margin-left: 16px;
	margin-bottom: 32px;
	padding: 16px;
	padding-bottom: 64px;
	border-radius: 0 0 8px 8px;
	border: 1px solid #B2DFDB;
	border-top: none;
}
#gram_block .branch-contents-date {
    margin-bottom: 16px;
	color: #009688;
}
#gram_block .branch-contents-text {
    margin-bottom: 32px;
	position: relative;
	color: #121212;
	line-height: 1.5;
}
#gram_block .branch-contents-text a {
    color: #1976D2;
	text-decoration: underline;
}
#gram_block .branch-contents-text a:hover {
    text-decoration: none;
}
#gram_block .branch-contents-text *,
#gram_block .branch-contents-text *:before,
#gram_block .branch-contents-text *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#gram_block .branch-contents-text label {
	position: absolute;
	z-index: 1;
	bottom: -10px;
	width: 100%;
	height: 130px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
#gram_block .branch-contents-text input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
#gram_block .branch-contents-text label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 50%;
	width: 16rem;
	padding: 4px 16px;
	font-size: 14px;
	font-weight: normal;
	content: '続きを見る';
	text-decoration: underline;
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #004D40;
	border-radius: 32px;
	/* border: 1px solid #004D40; */
	background-color: rgba(255, 255, 255, 1);
}
#gram_block .branch-contents-text input {
	display: none;
}
#gram_block .branch-contents-text .branch-contents-text-container {
	overflow: hidden;
	height: 250px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
#gram_block .branch-contents-text input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
#gram_block .branch-contents-text input:checked + label:after {
	padding: 4px 16px;
	font-size: 14px;
	font-weight: normal;
	content: ' 閉じる';
}
#gram_block .branch-contents-text input:checked ~ .branch-contents-text-container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}
#gram_block .branch-contents-youtube {
	margin: 32px 0;
}
#gram_block .branch-contents-youtube .youtube  {
	position: relative;
	width: 100%;
	margin-bottom: 8px;
	padding-top: 56.25%;
}
#gram_block .branch-contents-youtube .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#gram_block .branch-contents-image {
	overflow: hidden;
}
/* ブランチ移動 */
#branch_remove_block {
	padding: 8px;
	border-radius: 8px;
	border: 1px solid #B2DFDB;
}
#branch_remove_block .branch-remove-name {
	margin: 16px 0;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
#_result_branch_remove_lists {
	display: none;
}
#remove_branch_form .branch-remove-lists {
	
}
#remove_branch_form .branch-remove-lists ul.lists {
	margin: 0;
	padding: 0;
	list-style: none;
}
#remove_branch_form .branch-remove-lists ul.lists > li {
	padding: 0;
	overflow: hidden;
}
#remove_branch_form .branch-remove-lists ul.lists > li .radio {
	margin: 0;
	padding: 0;
}
#remove_branch_form .branch-remove-lists ul.lists > li .radio input[type="radio"] {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 12px;
}
#remove_branch_form .branch-remove-lists ul.lists > li label {
	display: block;
	padding: 16px;
}
#remove_branch_form .branch-remove-lists ul.lists > li label:hover {
	border-radius: 8px;
	background: #E0F2F1;
	transition: all 0.3s ease;
}
#remove_branch_form .branch-remove-lists ul.lists > li input:checked + label {
	border-radius: 8px;
	background: #E0F2F1;
}
#remove_branch_form .branch-remove-btn {
	width: 250px;
	margin: 16px auto;
}
/*=================================
	#profile
=================================*/
.profile-header-nav {
	margin-top: 16px;
	width: 100%;
	overflow: hidden;
}
	.profile-header-nav ul.profile-header-nav-list {
		margin: 0 8px;
		padding: 0;
		padding-top: 8px;
		list-style: none;
	}
		.profile-header-nav ul.profile-header-nav-list > li {
			float: left;
			width: 25%;
			text-align: center;
		}
		.profile-header-nav ul.profile-header-nav-list > li a {
			display: block;
			padding: 12px;
			color: #004D40;
		}
		.profile-header-nav ul.profile-header-nav-list > li a i {
			margin-right: 6px;
		}
		.profile-header-nav ul.profile-header-nav-list > li a:hover {
			color: #004D40;
			font-weight: 600;
			text-decoration: none;
			border-radius: 8px 8px 0 0;
			border-bottom: 1px solid #004D40;
			background: #fff;
			/* box-shadow: 0 3px 12px rgba(0,0,0,0.15); */
			/* transition: all 0.3s ease; */
		}
		.profile-header-nav ul.profile-header-nav-list > li.active {
			border-radius: 8px 8px 0 0;
			border-bottom: 1px solid #004D40;
			background: #fff;
			/* box-shadow: 0 3px 12px rgba(0,0,0,0.2); */
		}
		.profile-header-nav ul.profile-header-nav-list > li.active a {
			font-weight: 600;
		}
		.profile-header-nav ul.profile-header-nav-list > li.active a:hover {
			border-radius: 8px 8px 0 0;
			border-bottom: transparent;
			background: #fff;
		}
	.profile-user-icon {
		margin: 64px auto;
		margin-bottom: 16px;
		width: 180px;
		border-radius: 50%;
	}
		.profile-user-icon img {
			width: 100%;
			border-radius: 50%;
		}
	.profile-user-name {
		margin: 16px auto;
		margin-bottom: 4px;
		color: #004D40;
		font-size: 30px;
		text-align: center;
		font-family: 'Hind Guntur', sans-serif;
	}
	.profile-user-author {
		margin-bottom: 32px;
		text-align: center;
	}
	.profile-user-author span {
		padding: 8px 32px;
		color: #009688;
		font-weight: 600;
	}
	.profile-user-author-edit {
		margin-top: 4px;
		margin-bottom: 32px;
		text-align: center;
	}
	.profile-user-email {
		margin: 16px auto;
		margin-top: 32px;
		color: #004D40;
		text-align: center;
	}
	.profile-user-created {
		margin: 16px auto;
		color: #004D40;
		text-align: center;
	}
	.profile-user-drawal {
		text-align: center;
	}
	.profile-form {
		padding: 16px !important;
	}
	.profile-title {
		margin: 16px 0;
		padding: 8px 16px;
		margin-bottom: 32px;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		border-radius: 8px;
		background: #E0F2F1;
	}
		.profile-title svg {
			color: #FFC107;
		}
	.profile-img-thumbnail {
		width: 120px;
		border-radius: 50%;
		border: 1px solid #B2DFDB;
	}
	.profile-drawal-info {
		margin: 16px 0;
		padding: 0;
	}
	.profile-drawal-btn {
		margin-top: 32px;
		text-align: center;
	}
/*=================================
	#terms_privacy
=================================*/
#terms_privacy {
	padding: 16px 8px;
	font-size: 14px;
}
#terms_privacy a {
	color: #1976D2;
	text-decoration: underline;
}
#terms_privacy a:hover {
	color: #1976D2;
	text-decoration: none;
}
#terms_privacy h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 32px;
	font-size: 24px;
	font-weight: 600;
}
#terms_privacy h2 {
	margin: 16px 0;
	padding: 16px 0px;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid #B2DFDB;
}
#terms_privacy h3 {
	margin: 0;
	margin-top: 16px;
	padding: 16px 0px;
	font-size: 16px;
	font-weight: 600;
}
#terms_privacy ol {
	padding-left: 32px;
	list-style: decimal;
}
#terms_privacy table {
	margin-top: 16px;
	background: transparent;
}
#terms_privacy table > tbody > tr > th {
	width: 30%;
	background: #ECEFF1;
}
#terms_privacy ul.lists {
	margin: 16px 0;
	padding: 16px;
	padding-left: 0;
	list-style: none;
}
	#terms_privacy ul.lists > li {
		margin-bottom: 8px;
	}
	#terms_privacy ul.lists > li a {
		display: block;
		padding: 12px 16px;
		color: #1976D2;
		text-decoration: none;
		border-radius: 8px;
		background: #E0F2F1;
	}
	#terms_privacy ul.lists > li a:hover {
		color: #fff;
		font-weight: 600;
		text-decoration: none;
		background: #1976D2;
		transition: all 0.3s ease;
	}
#terms_privacy .revision-block ul.lists {
	margin: 16px 0;
	padding: 0;
	list-style: none;
}
	#terms_privacy .revision-block ul.lists > li {
		margin-bottom: 8px;
		text-align: right;
	}
/*=================================
	#footer
=================================*/
#footer {
	/* padding: 32px 0; */
	/* border-top: 1px solid #B2DFDB; */
	background: transparent;
}
#footer .copy {
	color: #aaa;
	font-size: 12px;
	text-align: center;
}
#footer_menu_panel {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
}
	#footer_menu_panel .inner {
		padding: 0;
		padding-bottom: 82px;
		background: #fff;
		box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-moz-overflow-scrolling: touch;
		
	}
	#footer_menu_panel .footer-menu-header {
		padding: 16px;
		line-height: 1.5;
	}
	#footer_menu_panel .footer-menu-user-panel {
		background: #fff;
	}
	#footer_menu_panel .footer-menu-close {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		height: 66px;
		line-height: 66px;
		color: #004D40;
		font-size: 16px;
		text-align: center;
		border-top: 1px solid #B2DFDB;
		background: rgba(255,255,255,0.85);
		/* box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15); */
		cursor: pointer;
	}
	#footer_menu_panel .footer-menu-close:hover {
		color: #004D40;
		background: #fff;
		transition: all 0.3s ease;
	}
	#footer_menu_panel .footer-menu-close i {
		margin-right: 12px;
	}
	#footer_menu_panel .footer-menu-signup-login {
		margin: 16px;
		overflow: hidden;
	}
	#footer_menu_panel .footer-menu-signup-login .login {
		float: left;
		width: 50%;
		padding-right: 8px;
	}
	#footer_menu_panel .footer-menu-signup-login .signup {
		float: left;
		width: 50%;
		padding-left: 8px;
	}
	#footer_menu_panel .footer-menu-title {
		padding: 24px 16px;
		padding-bottom: 0;
		color: #004D40;
		font-size: 20px;
		font-weight: 600;
		background: #fff;
	}
	#footer_menu_panel #footer_menu_search {
		padding: 16px;
	}
	#footer_menu_panel ul.footer-menu-lists-fixed,
	#footer_menu_panel ul.footer-menu-lists {
		margin: 0;
		padding: 8px;
		list-style: none;
	}
		#footer_menu_panel ul.footer-menu-lists-fixed,
		#footer_menu_panel ul.footer-menu-lists > li {
			position: relative;
			border-bottom: 1px solid #E0F2F1;
		}
		#footer_menu_panel ul.footer-menu-lists > li:last-child {
			border-bottom: none;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a:not(.account),
		#footer_menu_panel ul.footer-menu-lists > li a {
			display: block;
			padding: 12px 16px;
			color: #004D40;
			font-size: 14px;
			font-weight: 600;
		}
		#footer_menu_panel ul.footer-menu-lists > li.active a {
			color: #004D40;
			font-weight: 600;
			text-decoration: none;
			background: #E0F2F1;
			/* box-shadow: 0 3px 12px rgba(0,0,0,0.15); */
		}
		#footer_menu_panel ul.footer-menu-lists > li a i {
			margin-right: 12px;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a.account {
			display: block;
			padding: 16px 0;
			padding-left: 8px;
			color: #004D40;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a .list-arrow,
		#footer_menu_panel ul.footer-menu-lists > li a .list-arrow {
			color: #004D40;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a:hover,
		#footer_menu_panel ul.footer-menu-lists > li a:hover {
			color: #004D40;
			font-weight: 600;
			text-decoration: none;
			background: #fff;
			transition: all 0.3s ease;
			background: #E0F2F1;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a .list-icon,
		#footer_menu_panel ul.footer-menu-lists > li a .list-icon {
			position: absolute;
			top: 14px;
			left: 24px;
			font-size: 18px;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a .list-arrow,
		#footer_menu_panel ul.footer-menu-lists > li a .list-arrow {
			position: absolute;
			top: 16px;
			right: 16px;
			color: #B0BEC5;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a .account-link {
			display: table;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a .account-link .list-arrow {
			position: absolute;
			top: 36px;
			right: 16px;
			color: #009688;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a .account-link .account-link-user-icon {
			display: table-cell;
			width: 50px;
		}
			#footer_menu_panel ul.footer-menu-lists-fixed > li a .account-link .account-link-user-icon img {
				width: 100%;
				border-radius: 50%;
				border: 1px solid #B2DFDB;
			}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a .account-link .account-link-user-name {
			display: table-cell;
			padding-left: 16px;
			font-size: 18px;
			font-weight: 600;
			vertical-align: middle;
		}
		#footer_menu_panel ul.footer-menu-lists-fixed > li a .account-link-btn {
			font-size: 12px;
			color: #009688;
			font-weight: normal;
		}
		#footer_menu_panel ul.footer-menu-lists .sidebar-sns {
			margin: 0;
			border: none;
		}
		#footer_menu_panel ul.footer-menu-lists .sidebar-sns ul.lists > li {
			margin-right: 16px;
			font-size: 48px;
		}
		#footer_menu_panel .footer-menu-footer {
			width: 250px;
			margin: 32px auto;
			padding: 0;
		}
	#footer_menu_panel #footer_menu_lists_author {
		width: 100%;
		overflow: hidden;
	}
		#footer_menu_panel #footer_menu_lists_author .author-profile {
			float: left;
			width: 50%;
			padding: 8px 10px;
			background: #fff;
		}

#footer_fixed_bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #B2DFDB;
	/* box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15); */
	line-height: 1.5;
	z-index: 1030;
}
	#footer_fixed_bar ul.lists {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		overflow: hidden;
		background-color: #fff;
	}
		#footer_fixed_bar ul.lists > li {
			float: left;
			width: 25%;
			text-align: center;
		}
		#footer_fixed_bar ul.lists > li:not(.footer-menu-toggle) a,
		#footer_fixed_bar ul.lists > li.footer-menu-toggle {
			display: block;
			padding: 8px 4px;
			color: #009688;
			cursor: pointer;
		}
		#footer_fixed_bar ul.lists > li:not(.footer-menu-toggle).active a,
		#footer_fixed_bar ul.lists > li:not(.footer-menu-toggle) a:hover,
		#footer_fixed_bar ul.lists > li.footer-menu-toggle.active,
		#footer_fixed_bar ul.lists > li.footer-menu-toggle:hover {
			color: #004D40;
			font-weight: 600;
			text-decoration: none;
			background: #fff;
			transition: all 0.3s ease;
		}
		#footer_fixed_bar ul.lists > li a span,
		#footer_fixed_bar ul.lists > li.footer-menu-toggle span {
			display: block;
		}
		#footer_fixed_bar ul.lists > li a span.footer-bar-icon,
		#footer_fixed_bar ul.lists > li.footer-menu-toggle span.footer-bar-icon {
			font-size: 24px;
		}
		#footer_fixed_bar ul.lists > li a span.footer-bar-title,
		#footer_fixed_bar ul.lists > li.footer-menu-toggle span.footer-bar-title {
			font-size: 9px;
		}
@media all and (max-width: 992px) {
	body {
		padding-top: 0px;
		padding-bottom: 66px;
		background: #fff;
	}
	#success_info_bar,
	#error_info_bar {
		max-width: 100%;
	}
	#main_contents {
		margin: 0;
		padding: 0;
		padding-bottom: 16px;
		border-radius: 0;
		border: none;
		box-shadow: none;
	}
	#user_contents .user-icon {
		width: 82px;
	}
	#sidebar_right .case-block {
		margin: 1px 8px;
	}
}
@media all and (max-width: 768px) {
	.modal-content,
	.modal-header,
	.modal-footer {
		border-radius: 0 !important;
	}
	#user_contents_top .user-name h1 {
		padding: 0 16px;
		font-size: 30px;
	}
	#gram_block {
		padding: 0;
	}
	#user_contents .user-summary-block {
		padding: 0 16px;
	}
	#user_content_lower {
		padding: 16px;
		padding-right: 0;
		border-bottom: 1px solid #B2DFDB;
	}
	#user_content_lower .user-block-contents .user-summary {
		display: none;
	}
	#user_contents .user-name {
		margin-left: 16px;
		margin-right: 16px;
	}
	#gram_block #gram_list_block {
		padding: 0;
		border-radius: 0;
	}
	#gram_block h1.branch-title {
		padding: 16px;
		padding-right: 42px;
        font-size: 20px;
		border-radius: 0;
		border: none;
		border-bottom: 1px solid #B2DFDB;
		background: #fafafa;
    }
	#gram_block h1.branch-title .branch-config {
		top: 11px;
		right: 0;
		padding: 8px 12px;
		color: #fff;
		font-size: 16px;
    }
	#gram_block .branch-status {
		padding: 0;
	}
	#gram_block .branch-contents {
		border-right: none;
		border-radius: 0 0 0 8px;
	}
	#sidebar_right .sidebar-right-inner,
	#sidebar_right .sidebar-right-inner-ad {
		margin: 8px;
	}
	#sidebar_right .user-case {
		margin: 8px;
	}
}
@media all and (max-width: 480px) {
	#user_contents_top .user-name h1 {
		font-size: 24px;
	}
	#user_contents .user-status .status-block {
		padding: 0 8px;
	}
	#gram_block .branch-list a.branch-btn-block {
		padding-right: 32px;
	}
}