@charset "UTF-8";

/*----------------------------------------------------
☆Reset
----------------------------------------------------*/

html {
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
ul,
ol,
li,
dl,
dt,
dd,
p,
img {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 16px;
	font-size: 1.6rem; /* sets the default sizing to make sure nothing is actually 10px */
	line-height: 1;
}

body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

a,
a:link,
a:hover,
a:focus {
	color: #555555;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}
a:hover {
  opacity: 0.5;
  text-decoration: none;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  zoom: 1;
}
ul,
ol {
	list-style-type: none;
}

::selection {
	background-color: #EC7BA6;
	color: #FFF; /* Safari */
}

::-moz-selection {
background-color: #EC7BA6;
color: #FFF; /* Firefox */
}

#wrap .animated {
	opacity:0;
}





/*----------------------------------------------------
	☆head
----------------------------------------------------*/
#header{
	width: 100%;
	border-style:solid;
	border-top-width:20px;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
}
#header .header{
	width: 1290px;
	margin: 0 auto;
	padding-top:50px;
}
#header .header .overser{
	letter-spacing: -1em;
	float: right;
	background:url('../../cmn/cmn_img/slash_y.png') no-repeat center center;
	display: block;
}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root #header .header .overser {
			letter-spacing: -1em;
			float: right;
			background:url('../../cmn/cmn_img/slash_y.png') no-repeat 46% center;
			display: block;
    }
}
#header .header .overser:after{
	content:"";
	display:block;
	clear:both;
}
#header .header .overser li{
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
#header .header .overser li:nth-of-type(1){
	margin-right: 35px;
}
#header .header .overser li a{
	font-family: "abel", sans-serif;
	font-size:16px;
	display: block;
	padding: 4px 0;
	letter-spacing: 0.075em;
}

#header .header .header_sp{
	display: none;
}
/*----------------------------------------------------
	☆main
----------------------------------------------------*/

/*-- WRAP --*/


/*-- TO LINKS --*/

#main.to_links{
	padding:100px 0;
}

#main.to_links .to_link{
	width:1200px;
	background:#fff;
	margin:0 auto 20px;
	padding:45px 60px;
}
#main.to_links .to_link:nth-last-of-type(1){
	margin-bottom:0;
}

#main.to_links .to_link .to_link_header{
	letter-spacing:0.06em;
	font-size:37px;
	font-family: "abel", sans-serif;
	text-align:center;
	margin-bottom:40px;
	font-weight:500;
}
#main.to_links .to_link .top_text{
	font-size:15px;
	line-height:2;
	text-align:center;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	padding-bottom:30px;
}
#main.to_links .to_link .fltbox{
	padding-top:70px;
}
#main.to_links .to_link .fltbox{
	border-top:1px solid #505050;
}
#main.to_links .to_link .fltbox .boxL,
#main.to_links .to_link .fltbox .boxR{
	width:50%;
}

#main.to_links .to_link .fltbox .boxL .image{
	text-align:center;

}
#main.to_links .to_link .fltbox .boxL .image img{
	margin:0 auto;
	display:block;
	max-width:540px;
}
#main.to_links .to_link .fltbox .boxR{
	padding-top:30px;
}
#main.to_links .to_link .fltbox .boxR .contents_head_to_link{
	padding:30px;
	padding-right:0;
	position:relative;
	border-left:1px solid #505050;
	margin-bottom:30px;
}

#main.to_links .to_link .fltbox .boxR .contents_head_to_link h2{
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-weight:500;
	letter-spacing:0.03em;
	vertical-align:middle;
	/* font-size:23px; */
	font-size:18px;
}
#main.to_links .to_link .fltbox .boxR .contents_head_to_link h2 span{
	font-family: "amatic", serif;
	display:block;
	letter-spacing:0.1em;
	margin-top:15px;
	font-size:22px;
}
#main.to_links .to_link .fltbox .boxR .contents_head_to_link .like{
	position:absolute;
	right:0;
	bottom:30px;
	display:inline-block;
	padding:8px 10px;
	color:#fff;
}
#main.to_links .to_link .fltbox .boxR .contents_head_to_link .like{
	background:#C7617A;
	border: 0;
	cursor: pointer;
}
#main.to_links .to_link .fltbox .boxR .contents_head_to_link .like:active{
	background:#97354e;
}
#main.to_links .to_link .fltbox .boxR .contents_head_to_link .like i{
	font-size:14px;
}
#main.to_links .to_link .fltbox .boxR .contents_head_to_link .like .like_font{
	font-size:13px;
	font-family: "playfair", serif;
	letter-spacing:0.175em;
	padding-right:10px;
}
#main.to_links .to_link .fltbox .boxR .contents_head_to_link .like .number,
#main.to_links .to_link .fltbox .boxR .contents_head_to_link .like .matter{
	font-size:14px;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	letter-spacing:0.05em;
}
#main.to_links .to_link .fltbox .boxR h3{
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-weight:500;
	font-size:18px;
	line-height:1.5;
	margin-bottom:15px;
}
#main.to_links .to_link .fltbox .boxR .description{
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-size:14px;
	line-height:1.6;
}
#main.to_links .to_link .fltbox .boxR .acmenu{
	margin-top:30px;
}
#main.to_links .to_link .fltbox .boxR .acmenu dt{
	padding-bottom:8px;
	font-size:15px;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	border-bottom:1px solid #505050;
	letter-spacing:0;
	position:relative;
	cursor:pointer;
}
#main.to_links .to_link .fltbox .boxR .acmenu dt:after{
	content:"\f078";
	font-family: "FontAwesome";
	font-size:14px;
	position:absolute;
	right:0;
}
#main.to_links .to_link .fltbox .boxR .acmenu dt.active:after{
	content:"\f077";
	font-family: "FontAwesome";
	font-size:14px;
	position:absolute;
	right:0;
}


#main.to_links .to_link .fltbox .boxR .acmenu dd{
	display:none;
}
#main.to_links .to_link .fltbox .boxR .acmenu dd h4{
	margin-top:20px;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-size:13px;
	line-height:1.6;
	font-weight:500;
}

#main.to_links .to_link .fltbox .boxR .acmenu dd .text{
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-size:13px;
	line-height:1.6;
}


/*-- component --*/
#component{
	margin:110px 0;
}

#component .fltbox{
	width:100%;
	margin-bottom:30px;
}

#component .fltbox .boxL{
	width:58%;
	padding:0 12%;
	display: none;
}

#component .fltbox .boxL h2{
	width:100%;
	font-size:23px;
	padding:8px 0 8px 20px;
	border-radius:5px;
	background:#888888;
	color:#fff;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-weight: 500;
	margin-bottom: 40px;
}
#component .fltbox .boxL .box_component {
	margin-bottom:30px;
}
#component .fltbox .boxL .box_component h3{
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-weight: 500;
	font-size:13px;
	line-height:1.6;
}

#component .fltbox .boxL .box_component .text{
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-weight: 500;
	font-size:13px;
	line-height:1.6;
	margin-bottom:20px;
}

#component .fltbox .boxL .text_btm{
	line-height:2.4;
	font-size:13px;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	margin-top:50px;
}

#component .fltbox .boxR{
	width:60%;
	position:relative;
}
#component .fltbox .boxR .img{
	width:100%;
}

#component .fltbox .boxR .img img{
	width:100%;
	display:block;
}

#component .fltbox .boxR h2{
	font-size:37px;
	letter-spacing:0.2em;
	font-weight:500;
	position:absolute;
	-webkit-writing-mode: vertical-rl;
  	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height:415px;
	display: none;
}

#component .fltbox .boxR h2{
	font-family: "abel", sans-serif;
}


#component .btn_area{
	text-align:center;
}

#component .btn_area .btn01{
	text-align:center;
	margin-bottom: 40px;
}

#component .btn_area .btn01 a{
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-size:23px;
	background:#373737;
	color:#fff;
	display:inline-block;
	padding:30px 140px;
	border-radius:5px;
	cursor:pointer;
}

#component .btn_area .text{
	font-size:14px;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	line-height:1.8;
	margin:0 0 60px;
}

#component .btn_area .btn02 a{
	display: inline-block;
	text-align: center;
	font-size:22px;
	letter-spacing: 0.2em;
	padding: 15px 100px;
	background: #757575;
	color: #fff;
}


/*----------------------------------------------------
☆footer_link
----------------------------------------------------*/
#footer .footer_link{
	background:#EBE6F0;
	padding:120px 0;
}

#footer .footer_link ul{
	width:1080px;
	margin:0 auto;
	letter-spacing:-1em;
}

#footer .footer_link ul li{
	width:45%;
	margin-right:10%;
	display:inline-block;
	vertical-align:top;
}
#footer .footer_link ul li img{
	display:block;
	width:100%;
}
#footer .footer_link ul li:nth-last-of-type(1){
	margin-right:0;
}

#footer .bottom_logo{
	padding:25px 70px;
	background:#373737;
}

#footer .bottom_logo .bottom_logo_text{
	font-size:14px;
	color:#fff;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	letter-spacing:0.125em;
}

#footer .bottom_logo .bottom_logo_text span{
	font-size:26px;
}
#footer .copy{
	text-align: center;
	font-size:10px;
	padding:10px 0;
	display: block;
	background: #fff;
}

/* ipad */
.ipad .contents_wrap{
	width: 970px;
	margin: 0 auto;
	padding: 30px 0 0;

}

.ipad .text_top{
	font-family: "abel", sans-serif;
	font-size:12px;
	display: block;
	font-weight: 500;
	letter-spacing: 0.257em;
	margin-bottom:10px;
	margin-left:20px;
}
.ipad h2{
	font-size:16px;
	letter-spacing:0.175em;
	font-family :YuMincho, 'Yu Mincho', serif;
	font-weight:500;
	margin-bottom: 30px;
	margin-left:20px;
}
.ipad h2 span{
	font-size:26px;
}

.ipad .slide_in ul{
	background: #fff;
	padding:25px 20px 0 20px;
	border-radius: 6px;
	letter-spacing: -1em;
	text-align: center;
}

.ipad .slide_in ul li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 13px 40px 13px;
	text-align: center;
}
.ipad .slide_in ul li .img{
	text-align: center;
}
.ipad .slide_in ul li .img img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	max-height: 90px;
}
.ipad ul li h2{
	font-size:11px;
	letter-spacing: 0.108em;
	font-family: "playfair", serif;
	font-weight:500;
	margin-left: 0;
	margin-bottom: 0;
}
.ipad ul li h3{
	font-size:14px;
	letter-spacing: 0.03em;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	font-weight:500;
	margin:15px 0 20px;
}

.ipad ul li .like{
	margin-top:20px;
	display:inline-block;
	padding:6px 10px;
	color:#fff;
	border: 0;
}

.ipad ul li .like i{
	font-size:12px;
}
.ipad ul li .like .like_font{
	font-size:10px;
	font-family: "playfair", serif;
	letter-spacing:0.175em;
	padding-right:10px;
}
.ipad ul li .like .number,
.ipad ul li .like .matter{
	font-size:11px;
	font-family :YuGothic,'Yu Gothic', sans-serif;
	letter-spacing:0.05em;
}



/* topbutton */

.pagetop {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 110px;
}
.pagetop a {
  display: block;
  background-color: #ccc;
  text-align: center;
  color: #222;
  font-size: 20px;
  text-decoration: none;
  padding: 16px;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.pagetop a:hover {
  display: block;
  background-color: #b2d1fb;
  text-align: center;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  padding:16px;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}