@charset "utf-8";


/*-----「Base」-----*/
/*-------------------------------------------------------------------------------*/


body{
	color: #000;
	background-color: #fff;
	text-align: center;
	}

a:link,
a:visited{
	color: #6a3906;
	text-decoration: underline;
	}

a:active,
a:hover{
	color: #fe5d32;
	text-decoration: underline;
	}


/*-----「Header Wide」-----*/
/*-------------------------------------------------------------------------------*/


.header_wide{
	clear: both;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-clip: content-box;
	background-size: cover;
	width: 100%;
	min-width: 1200px;
	}

#mnav{
	position: relative;
	z-index: 1000;
	}

.fix #mnav{
	position: fixed;
	animation-name: mnavslide;
	animation-duration: 0.4s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	}

@keyframes mnavslide{
	0% {top: -60px;}
	100% {top: 0;}
	}

#top{
	background-image: url(../img/header_wide.jpg);
	max-width: 1600px;
	margin: 0 auto;
	border-radius: 20px;
	}


/*-----「Header Side」-----*/
/*-------------------------------------------------------------------------------*/


.header_side{
	clear: both;
	background-color: transparent;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	}


/*-----「Header Wrapper」-----*/
/*-------------------------------------------------------------------------------*/


.header_wrapper{
	clear: both;
	background-color: transparent;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	position: relative;
	}


/*-----「Header」-----*/
/*-------------------------------------------------------------------------------*/


header{
	clear: both;
	background-color: transparent;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: relative;
	}

#mnav header{
	text-align: center;
	height: 60px;
	}

#top header{
	text-align: center;
	min-height: 330px;
	padding-top: 165.5px;
	}

header h1{
	font-family: "Rounded Mplus 1c", sans-serif;
	font-size: 3.4rem;
	line-height: 1.17;
	color: #6a3906;
	background-color: rgba(255,255,255,1);
	text-align: center;
	display: inline-block;
	max-width: 580px;
	padding: 25px 65px;
	border-radius: 15px;
	z-index: 80;
	}

header p{
	position: absolute;
	}

header .sitetitle{
	top: 15px;
	left: calc(50% - 102px);
	z-index: 80;
	}

header .logo{
	width: 280px;
	height: 150px;
	text-align: center;
	top: 0;
	left: calc( 50% - 140px);
	z-index: 90;
	}

header .hp01{
	top: 15px;
	right: 0;
	z-index: 100;
	}

header .hp02{
	top: 23px;
	right: 122px;
	z-index: 100;
	}

header .hp01 a,
header .hp02 a{
	font-size: 1.0rem;
	line-height: 1;
	}

header .hp01 span,
header .hp02 span{
	display: none;
	}

header .hp03{
	top: 70px;
	right: 0;
	z-index: 100;
	}

header .hp04{
	top: 70px;
	left: 0;
	z-index: 100;
	}

header .hp03 a,
header .hp04 a{
	font-size: 1.4rem;
	line-height: 1;
	font-weight: bold;
	background-color: #fff;
	background-image: url(../img/icon_login_b01.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-align: center;
	display: inline-block;
	padding: 10px 20px 10px 40px;
	box-sizing: border-box;
	border-radius: 20px;
	}

header .hp03 a span:nth-of-type(2),
header .hp04 a span:nth-of-type(2){
	margin-left: 5px;
	}

header .hp03 a:link,
header .hp03 a:visited,
header .hp04 a:link,
header .hp04 a:visited{
	color: #6a3906;
	text-decoration: none;
	}

header .hp03 a:active,
header .hp03 a:hover,
header .hp04 a:active,
header .hp04 a:hover{
	color: #6a3906;
	text-decoration: none;
	opacity: 0.8;
	}


/*-----「menu」-----*/
/*-------------------------------------------------------------------------------*/


header .menu:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

header .menu .menu_btn{
	font-size: 1.0rem;
	line-height: 1;
	color: #6a3906;
	text-decoration: none;
	background-color: transparent;
	text-align: center;
	display: block;
	width: 30px;
	height: 40px;
	position: absolute;
	top: 12px;
	left: 10px;
	cursor: pointer;
	z-index: 100;
	}

header .menu .menu_btn:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

header .menu .menu_btn img{
	margin-bottom: 7px;
	}

header .menu .boundary_box{
	display: none;
	width: 100%;
	padding: 50px 35px 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-radius: 0 0 20px 20px;
	position: absolute;
	top: 60px;
	overflow: auto;
	z-index: 80;
	}

header .menu .boundary_box:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

header .menu .boundary_box p.pickup{
	display: none;
	position: static;
	}

header .menu .boundary_box p.pickup a{
	width: 100%;
	box-sizing: border-box;
	}


/*---「Nav」---*/


.m_wrapper{
	background-color: transparent;
	width: calc((100% - (3 * 40px)) / 4);
	float: left;
	margin-right: 40px;
	}

.m_wrapper:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.m_wrapper:nth-last-child(2){
	margin-right: 0;
	}

.m_wrapper p.navhl{
	font-size: 1.4rem;
	line-height: 1.17;
	color: #666;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: transparent;
	background-image: url(../img/dot.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	padding-bottom: 17px;
	margin-bottom: 15px;
	position: relative;
	}

.mul{
	width: 100%;
	}

.mul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.mul li{
	width: 100%;
	margin-bottom: 10px;
	}

.mul li:last-child{
	margin-bottom: 0;
	}

.mul li span.nolink,
.mul li a{
	font-size: 1.4rem;
	line-height: 1.17;
	background-color: transparent;
	background-image: url(../img/arrow01.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-align: left;
	display: block;
	padding-left: 12px;
	}

.mul_c01 a:link,
.mul_c01 a:visited{
	color: #6a3906;
	text-decoration: none;
	}

.mul_c01 li.emphasis a:link,
.mul_c01 li.emphasis a:visited{
	color: #f00;
	}

.mul_c01 a:active,
.mul_c01 a:hover,
.mul_c01 li.emphasis a:active,
.mul_c01 li.emphasis a:hover{
	color: #fe5d32;
	text-decoration: underline;
	}


/*---「Menu Overlay」---*/


.menu_overlay{
	background-color: rgba(0,0,0,0.2);
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 50;
	}

.menu_overlay.ondisplay{
	display: block;
	}


/*-----「Side Wide」-----*/
/*-------------------------------------------------------------------------------*/


.side_wide{
	clear: both;
	width: 100%;
	min-width: 1200px;
	padding: 80px 0;
	}

.side_wide:nth-of-type(even){
	background-color: #f9ede0;
	}

.side_wide:nth-of-type(odd){
	background-color: #fff;
	}

.side_wide.sw03{
	background-color: #faf7f5 !important;
	}

.side_wide:nth-of-type(4){
	background-color: #fff;
	}

.side_wide:nth-of-type(5){
	padding: 30px 0 80px;
	}

.header_wide + .side_wide{
	padding-top: 30px;
	padding-bottom: 0;
	}


/*-----「Side」-----*/
/*-------------------------------------------------------------------------------*/


.side{
	clear: both;
	background-color: transparent;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	}


/*-----「Wrapper」-----*/
/*-------------------------------------------------------------------------------*/


.wrapper{
	clear: both;
	background-color: transparent;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	}

.wrapper:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


/*-----「Container」-----*/
/*-------------------------------------------------------------------------------*/


.con{
	clear: both;
	background-color: transparent;
	text-align: left;
	width: 100%;
	margin: 0 auto;
	}

.con:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}


/*-----「Main」-----*/
/*-------------------------------------------------------------------------------*/


article{
	background-color: transparent;
	width: 100%;
	overflow: hidden;
	}


/*-----「Footer Wide」-----*/
/*-------------------------------------------------------------------------------*/


.footer_wide{
	clear: both;
	min-width: 1200px;
	width: 100%;
	}

.fw01{
	background-color: #fbf5ee;
	padding: 60px 0;
	}

.fw02{
	background-color: #f9ede0;
	padding: 60px 0;
	}

.fw03{
	background-color: #6a3906;
	}


/*-----「Footer Side」-----*/
/*-------------------------------------------------------------------------------*/


.footer_side{
	clear: both;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	}


/*-----「Footer Wrapper」-----*/
/*-------------------------------------------------------------------------------*/


.footer_wrapper{
	clear: both;
	background-color: transparent;
	text-align: left;
	width: 100%;
	}

.fbox > div:nth-of-type(1){
	width: calc((100% - 60px) / 2);
	float: right;
	}

.fbox > div:nth-of-type(1):after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.fbox > div:nth-of-type(1) > figure,
.fbox > div:nth-of-type(1) > p{
	margin-bottom: 20px;
	}

.fbox > div:nth-of-type(1) span{
	font-size: 1.2rem;
	}

.fbox > div:nth-of-type(2){
	width: calc((100% - 60px) / 2);
	float: left;
	}

.fbox > div:nth-of-type(1) div:nth-of-type(1){
	width: calc((100% - 20px) * 0.335);
	float: left;
	}

.fbox > div:nth-of-type(1) div:nth-of-type(2){
	width: calc((100% - 20px) * 0.665);
	float: right;
	}

.fbox > div:nth-of-type(1) div:nth-of-type(2) p{
	margin-bottom: 15px;
	}


/*-----「Footer」-----*/
/*-------------------------------------------------------------------------------*/


#footer{
	clear: both;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 50px;
	padding-top: 18px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}

small{
	font-size: 1.2rem;
	line-height: 1.17;
	}

small a:link,
small a:visited{
	color: #fff;
	text-decoration: none;
	}

small a:active,
small a:hover{
	color: #fff;
	text-decoration: underline;
	}


/*-------------------------------------------------------------------------------*//*-----↑↑以上基本設定↑↑-----*/
/*---------------------------------------------------------------------------------/*-----↓↓以下部分設定↓↓-----*/


/*-----「Index」-----*/
/*-------------------------------------------------------------------------------*/


/*---「Header Wide」---*/


#index #top{
	background: none;
	border-radius: 0;
	}


/*---「Header」---*/


#index #top header{
	min-height: 0;
	padding-top: 0;
	}

#index header h1{
	font-size: 1.0rem;
	line-height: 1;
	background: none;
	max-width: none;
	padding: 0;
	border-radius: 0;
	position: absolute;
	top: 12px;
	left: calc(50% - 100px);
	}

#index #top header .slides p{
	font-family: "Rounded Mplus 1c", sans-serif;
	font-size: 3.4rem;
	line-height: 1.17;
	color: #6a3906;
	font-weight: 400;
	letter-spacing: -1px;
	background-color: rgba(255,255,255,1);
	text-align: center;
	width: 710px;
	padding: 25px 0;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-radius: 15px;
	top: 46%;
	left: calc(50% - 365px);
	z-index: 80;
	}

#index #top header .slides p span{
	font-family: "Lucida Grande", Verdana, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", Geneva, sans-serif;
	font-size: 1.5rem;
	color: #000;
	font-weight: 500;
	letter-spacing: 0;
	display: block;
	margin-top: 10px;
	}


/*-----「Side Wide」-----*/


#index .side_wide:nth-of-type(even){
	background-color: #fff;
	}

#index .side_wide:nth-of-type(odd){
	background-color: #f9ede0;
	}

#index .side_wide:nth-of-type(5){
	padding: 80px 0 80px;
	}

#index .header_wide + .side_wide{
	padding-top: 35px;
	padding-bottom: 80px;
	}


/*-----「SEG」-----*/


#index .zone p.headline02{
	margin-bottom: 0px !important;
	}


/*-----「PickUpBox」-----*/
/*-------------------------------------------------------------------------------*/


.pickupbox{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-radius: 20px;
	position: relative;
	}

.pickupbox > a{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}

.pickupbox > a:active,
.pickupbox > a:hover{
	opacity: 0.8;
	}

.pickupbox.pub1{
	background-image: url(../img/images_index-pub1.jpg);
	}

.pickupbox.pub2{
	background-color: #fbf6f0;
	background-image: url(../img/images_index-pub2.jpg);
	background-position: left bottom;
	background-size: contain;
	}

.pickupbox.pub3,
.pickupbox.pub8{
	background-color: #6a3906;
	}

.pickupbox.pub4{
	background-image: url(../img/images_index-pub4.jpg);
	background-position: center bottom;
	}

.pickupbox.pub5{
	background-color: #fff4f2;
	}

.pickupbox.pub6{
	background-image: url(../img/images_index-pub6.jpg);
/*	background-image: url(../img/images_index-pub6-2.jpg); */	/* 2020/11/11に変更 */
	background-position: center top;
/*	background-position: center center; */	/* 2020/11/11に変更 */
	background-size: cover;
	}

.pickupbox.pub7{
	background-image: url(../img/images_index-pub7.jpg);
/*	background-image: url(../img/images_index-pub7-2.jpg); */	/* 2020/11/11に変更 */
	background-size: cover;
	}

.pickupbox.pub_s01{
	width: calc((100% - 30px) / 2);
	margin: 0 30px 30px 0;
	}

.pickupbox.pub_s02{
	width: calc((100% - (30px * 2)) / 3);
	margin: 0 30px 30px 0;
	}

.pickupbox.pub_s03{	/* 変更20200703 */
	background-position: center top;
	background-size: contain;
	width: calc((100% - (30px * 3)) / 4);
	margin: 0 30px 30px 0;
	border: 1px solid #ccc;
	}

.pickupbox:nth-of-type(2),
.pickupbox:nth-of-type(5),
.pickupbox:nth-of-type(8){
	margin-right: 0;
	}

.pickupbox:nth-last-child(1),
.pickupbox:nth-last-child(2),
.pickupbox:nth-last-child(3){
	margin-bottom: 0;
	}

.pickupbox.pub_s03{	/* 変更20200703 */
	margin-right: 30px;
	}

.pickupbox.pub_s03:nth-of-type(4n){	/* 変更20200703 */
	margin-right: 0;
	}

.pickupbox.pub_s03:nth-last-child(1),	/* 変更20200703 */
.pickupbox.pub_s03:nth-last-child(2),
.pickupbox.pub_s03:nth-last-child(3),
.pickupbox.pub_s03:nth-last-child(4){
	margin-bottom: 0;
	}

.pickupbox.pub_t01{
	min-height: 350px;
	}

.pickupbox.pub_t02,
.pickupbox.pub_t03{
	min-height: 380px;
	}

.pickupbox.pub_t04{	/* 変更20200703 */
	min-height: 270px;
	}

.pubc{
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: absolute;
	}

.pickupbox.pub_t04 .pubc{	/* 変更20200703 */
	padding: 20px 20px 50px;
	}

.pickupbox.pub7 .pubc{
	padding: 40px 20px;
	}

.pickupbox.pub_t01 .pubc{
	background-color: rgba(255,255,255,0.7);
	padding-top: 90px;
	border-radius: 0 20px 20px 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
	}

.pickupbox.pub_t02 .pubc{
	background-color: rgba(255,255,255,0.7);
	border-radius: 0 0 20px 20px;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	}

.pickupbox.pub_t03 .pubc{
	padding-top: 70px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}

.pickupbox.pub_t04 .pubc{	/* 変更20200703 */
	background-color: rgba(255,255,255,0.8);
	border-radius: 0 0 20px 20px;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	}

.pickupbox.pub_t01 .pubc .midashi,
.pickupbox.pub_t02 .pubc .midashi{
	font-size: 2.4rem;
	line-height: 1.25;
	color: #333;
	letter-spacing: 1px;
	text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-moz-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-webkit-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-o-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-ms-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	margin-bottom: 20px;
	}

.pickupbox.pub_t02 .pubc .midashi{
	margin-bottom: 10px;
	}

.pickupbox.pub_t03 .pubc .midashi{
	font-size: 3.0rem;
	line-height: 1.25;
	color: #fff;
	margin-bottom: 10px;
	}

.pickupbox.pub_t04 .pubc .midashi{	/* 変更20200703 */
	font-size: 2.2rem;
	line-height: 1.17;
	color: #333;
	letter-spacing: 0;
	text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-moz-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-webkit-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-o-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-ms-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	margin-bottom: 0;
	}

.pickupbox.pub7 .pubc .midashi{
	letter-spacing: -0.5px;
	}

.pickupbox.pub_t01 .pubc .des,
.pickupbox.pub_t02 .pubc .des{
	font-size: 1.4rem;
	line-height: 1.6;
	color: #000;
	text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-moz-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-webkit-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-o-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	-ms-text-shadow: -1px -1px 3px rgba(255,255,255,1),-1px 1px 3px rgba(255,255,255,1),1px -1px 3px rgba(255,255,255,1),1px 1px 3px rgba(255,255,255,1);
	}

.pickupbox.pub_t03 .pubc .des{
	font-size: 1.4rem;
	line-height: 1.6;
	color: #fff;
	}

.pickupbox.pub8.pub_t03 .pubc .des{
	margin-bottom: 15px;
	}

.pubc p:last-child{
	position: absolute;
	right: 0;
	left: 0;
	}

.pickupbox.pub_t01 .pubc p:last-child{
	bottom: 60px;
	}

.pickupbox.pub_t02 .pubc p:last-child,
.pickupbox.pub_t03 .pubc p:last-child{
	bottom: 20px;
	}

.pickupbox.pub_t04 .pubc p:last-child{	/* 変更20200703 */
	bottom: 15px;
	}

.pickupbox.pub8-2 figure.ifs01,
.pickupbox.pub8-2 figure.ifs01 iframe{
	width: 100%;
	height: calc(380px * 4 / 5);
	}

.pickupbox.pub8-2 div{
/*	background-color: #e3e9ff;*/
	text-align: center;
	width: 100%;
	min-height: calc(380px * 1 / 5);
	padding-top: calc(((380px * 1 / 5) - 35px) / 2);
	box-sizing: border-box;
	border-radius: 0 0 20px 20px;
	}

.pickupbox.pub8-2 div img{
	vertical-align: middle;
	margin-right: 5px;
	}


/*-----「CircleBox」-----*/
/*-------------------------------------------------------------------------------*/


.circlebox{
	background-color: #fff;
	background-image: url(../img/circlebox.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	text-align: center;
	width: calc((100% - (30px * 2) - 5px) / 3);
	margin: 0 30px 30px 0;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	-o-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	}

.circlebox:hover{
	opacity: 0.8;
	}

.circlebox.cb03,
.circlebox.cb06{
	margin-right: 5px;
	}

.circlebox.cb04,
.circlebox.cb05,
.circlebox.cb06{
	margin-bottom: 5px;
	}

.circlebox figure{
	margin-bottom: 25px;
	}

.circlebox.cb05 figure,
.circlebox.cb06 figure{
	margin-bottom: 15px;
	}

.circlebox figure img{
	max-width: 51.379% !important;
	}

.circlebox p.headline{
	margin-bottom: 20px;
	}

.circlebox.cb05 p.headline,
.circlebox.cb06 p.headline{
	margin-bottom: 10px;
	}

.circlebox > p{
	color: #000;
	width: 70%;
	margin: 0 auto;
	}


/*-----「藤城矯正歯科について」-----*/
/*-------------------------------------------------------------------------------*/


#clinic #top,
#philosophy #top,
#after-follow #top,
#director #top,
#doctor #top,
#staff #top,
#office #top,
#access #top,
#cooperation #top{
	background-image: url(../img/header_wide_clinic.jpg);
	}

#system #top{
	background-image: url(../img/header_wide_system.jpg);
	}


/*-----「矯正装置の種類」-----*/
/*-------------------------------------------------------------------------------*/


#type #top,
#demand #top,
#metal #top,
#ceramic #top,
#damonsystem #top,
#lingual #top,
#clearaligner #top,
#invisalign #top,
#trial #top{
	background-image: url(../img/header_wide_type.jpg);
	}


/*-----「症例紹介」-----*/
/*-------------------------------------------------------------------------------*/


#case .rwddce{
	vertical-align: middle;
	}


/*-----「矯正歯科治療 体験談」-----*/
/*-------------------------------------------------------------------------------*/


#experience .pickupbox.pub6{
	background-image: url(../img/images_index-pub6_big.jpg);
	}

#experience .pickupbox.pub7{
	background-image: url(../img/images_index-pub7_big.jpg);
	background-position: center top;
	}

#experience .pickupbox.pub_s02{
	width: calc((100% - 30px) / 2);
	margin: 0 30px 0 0;
	}

#experience .pickupbox:nth-of-type(2){
	margin-right: 0;
	}


/*-----「マッスーの矯正日記＋Dr.Kのインビザライフ」-----*/
/*-------------------------------------------------------------------------------*/


#masujima em,
#drk em,
.green{
	font-style: normal;
	color: #090;
	}

#masujima u,
#drk u,
.orange{
	text-decoration: none;
	color: #f30;
	}

#masujima strike,
#drk strike,
.pink{
	text-decoration: none;
	color: #f0f;
	}


/*-----「Parts」-----*/
/*-------------------------------------------------------------------------------*/