@charset "utf-8";

#monthly_july{
	
}
#monthly_july .monthly_ttl{
	width: 750px;
	position: relative;
}
#monthly_july nav{
	width: 750px;
	margin: 0 auto;
	padding: 50px 0 90px 0;
	background-image: url("/base/osaka/ttone_beautynews/img/bg02.gif");
}
#monthly_july nav ul{
	width: 625px;
	margin: 0 auto;
	border-top: 1px solid #cb694e;
}
#monthly_july nav li{
	border-bottom: 1px solid #cb694e;
}
#monthly_july .btn02 span {
	font-size: 21px;
}
/* ボタンのスタイル */
#monthly_july .btn02 a {
	color: #cb694e;
	font-size: 28px;
	font-weight: bold;
	width: 625px;
	padding: 20px 0;
	text-decoration: none;
	position: relative;
	display: block;
}
/* アイコンのスタイル */
#monthly_july .btn02-arrow-right a::after {
	width: 15px;
	height: 15px;
	margin: auto;
	border-bottom: 3px solid #cb694e;
	border-right: 3px solid #cb694e;
	transform: rotate(45deg);
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
}

/*-------------------------------------------------------------------------------------------------------------------------------
 monthly_slider
-------------------------------------------------------------------------------------------------------------------------------*/
#monthly_july .monthly_slider_area{
	width: 620px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}
#monthly_july .monthly_slider_box01{
	width: 620px;
	margin: 0 auto 30px auto;
}
#monthly_july .monthly_slider_box01:last-of-type{
	margin: 0 auto;
}
#monthly_july .monthly_slider_box01 .ttl{
	color: #cb694e;
	font-size: 28px;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#monthly_july .monthly_slider_box01 .ttl span{
	color: #cb694e;
	font-size: 21px;
}
#monthly_july .monthly_slider_box01 .lead{
	color: #cb694e;
	font-size: 21px;
	padding: 20px 0 0 0;
}
#monthly_july .monthly_slider_box01 .name{
	color: #cb694e;
	font-size: 25px;
	padding: 20px 0 0 0;
}
#monthly_july .monthly_slider_box01 .spec{
	color: #cb694e;
	font-size: 24px;
}
#monthly_july .monthly_slider_box01 .kome{
	color: #cb694e;
	font-size: 20px!important;
}
#monthly_july .monthly_slider_box01 .price{
	color: #cb694e;
	font-size: 29px!important;
}
#monthly_july .item_slider{
	padding: 0 0 50px 0;
}
#monthly_july .item_slider .slider_img{
	border: 1px solid #cb694e;
}
#monthly_july .monthly_slider_present_icon{
	width: 580px;
	margin: 0 auto;
	border: 1px solid #e40075;
	margin: 0 auto;
	padding: 20px 0;
}
#monthly_july .monthly_slider_present_icon .img{
	padding: 0 5px 10px 0;
}
#monthly_july .monthly_slider_present_icon .img img{
	width: 40px;
}
#monthly_july .monthly_slider_present_icon ul{
	width: 290px;
	padding: 0 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#monthly_july .monthly_slider_present_icon ul li{
	color: #e40075;
	font-size: 21px;
}
#monthly_july .monthly_slider_present_icon p{
	color: #cb694e;
	font-size: 21px;
	line-height: 1.3;
	padding: 0 20px;
}

/*-------------------------------------------------------------------------------------------------------------------------------
 monthly_pickup
-------------------------------------------------------------------------------------------------------------------------------*/
#monthly_july #monthly_pickup{
	background-image: url("/base/osaka/ttone_beautynews/img/bg02.gif");
}
#monthly_july #monthly_pickup h3{
	color: #ffffff;
	font-size: 38px;
	font-weight: bold;	
	background-color: #cb694e;
	padding: 15px 60px;
}
#monthly_july #monthly_pickup .monthly_copy{
	color: #ffffff;
	font-size: 38px;
	width: 620px;
	margin: 70px auto 170px auto;
}
#monthly_july #monthly_pickup .monthly_copy li{
	margin: 0 auto 20px auto;
}
#monthly_july #monthly_pickup .monthly_copy li:last-of-type{
	margin: 0 auto;
}
#monthly_july .monthly_copy .copy01{
	color: #cb694e;
	font-size: 38px;
	font-weight: bold;
}
#monthly_july .monthly_copy .copy01 span{
	background-color: #ffffff;
	padding: 5px 20px;
}
#monthly_july .monthly_copy  .copy02{
	color: #cb694e;
	font-size: 20px;
	text-align: right;
}
#monthly_july .monthly_copy  .copy03{
	color: #cb694e;
	font-size: 30px;
	padding: 0 20px;
}

/*-------------------------------------------------------------------------------------------------------------------------------
 monthly_something
-------------------------------------------------------------------------------------------------------------------------------*/
#monthly_july .monthly_something{
	width: 620px;
	margin: 0 auto;
	padding: 0 0 100px 0;
}
#monthly_july .monthly_something dt{
	width: 620px;
	color: #cb694e;
	font-size: 24px;
	margin: 0 auto;
}
#monthly_july .monthly_something dd{
	width: 620px;
	color: #cb694e;
	font-size: 24px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
#monthly_july .monthly_something dd:first-of-type{
	padding: 0;
}
#monthly_july .monthly_something dd:last-of-type{
	padding: 20px 0 0 0;
}
#monthly_july .monthly_something .kome{
	color: #cb694e;
	font-size: 20px;
	padding: 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------
 monthly_item_area
-------------------------------------------------------------------------------------------------------------------------------*/
#monthly_july .monthly_item_area{
	width: 620px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}
#monthly_july .monthly_item_area:last-of-type{
	margin: 0 auto;
}
#monthly_july .monthly_item_area .ttl{
	color: #cb694e;
	font-size: 28px;
	font-weight: bold;
	padding: 0 0 10px 0;
}
#monthly_july .monthly_item_area .ttl span{
	color: #cb694e;
	font-size: 21px;
}
#monthly_july .monthly_item_area dl{
	padding: 0 0 100px 0;
}
#monthly_july .monthly_item_area dt{
	border: 1px solid #cb694e;
}
#monthly_july .monthly_item_area .lead{
	color: #cb694e;
	font-size: 21px;
	padding: 20px 0 0 0;
}
#monthly_july .monthly_item_area .name{
	color: #cb694e;
	font-size: 25px;
	line-height: 1.3;
	padding: 20px 0 0 0;
}
#monthly_july .monthly_item_area .spec{
	color: #cb694e;
	font-size: 24px;
}
#monthly_july .monthly_item_area .kome{
	color: #cb694e;
	font-size: 20px!important;
}
#monthly_july .monthly_item_area .price{
	color: #cb694e;
	font-size: 29px!important;
}

/*-------------------------------------------------------------------------------------------------------------------------------
 monthly_brand_pickup
-------------------------------------------------------------------------------------------------------------------------------*/
#monthly_july #monthly_brand_pickup{
	width: 750px;
	margin: 0 auto;
	padding: 0 0 40px 0;
}
#monthly_july #monthly_brand_pickup h4{
	color: #cb694e;
	width: 620px;
	font-size: 38px;
	font-weight: bold;
	margin: 0 auto;
	padding: 0 0 25px 0;
}
#monthly_july #monthly_brand_pickup h4 span{
	color: #cb694e;
	font-size: 22px;
}
#monthly_july #monthly_brand_pickup .open{
	color: #fff;
	font-size: 39px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 20px 0;
}
#monthly_july #monthly_brand_pickup .logo{
	width: 620px;
	background-color: #ffffff;
	text-align: center;
	margin: 0 auto 50px auto;
	padding: 20px 0;
}

#monthly_july .monthly_brand_pickup_l{
	width: 680px;
	background-color: #cb694e;
	margin: 0 auto;
	padding: 55px 0;
}
#monthly_july .monthly_brand_pickup_l_ttl{
	width: 620px;
	margin: 0 auto;
}
#monthly_july .monthly_brand_pickup_l_ttl dt{
	text-align: center;
	margin: 0 0 20px 0;
}
#monthly_july .monthly_brand_pickup_l_ttl .brand{
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 20px 0;
}
#monthly_july .monthly_brand_pickup_l_ttl .lead{
	color: #ffffff;
	font-size: 21px;
	line-height: 1.4;
	padding: 0 0 20px 0;
}
#monthly_july .monthly_brand_pickup_l_itembox01{
	width: 620px;
	margin: 0 auto 50px auto;
	padding: 0 0 45px 0;
	border-bottom: 1px solid #ffffff;
}
#monthly_july .monthly_brand_pickup_l_itembox01:last-of-type{
	margin: 0 auto;
	border-bottom: none;
}
#monthly_july .monthly_brand_pickup_l_itembox01 dt{
	padding: 0 0 20px 0;
}
#monthly_july .monthly_brand_pickup_l_itembox01 dd{
	line-height: 1.4;
}
#monthly_july .monthly_brand_pickup_l_itembox01 .brand{
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 20px 0;
}
#monthly_july .monthly_brand_pickup_l_itembox01 .lead{
	color: #ffffff;
	font-size: 27px;
	font-weight: bold;
	padding: 0 0 20px 0;
}
#monthly_july .monthly_brand_pickup_l_itembox01 .txt{
	color: #ffffff;
	font-size: 21px;
	padding: 0 0 20px 0;
}
#monthly_july .monthly_brand_pickup_l_itembox01 .item{
	color: #ffffff;
	font-size: 25px;
}
#monthly_july .monthly_brand_pickup_l_itembox01 .spec{
	color: #ffffff;
	font-size: 24px;
}
#monthly_july .monthly_brand_pickup_l_itembox01 .price{
	color: #ffffff;
	font-size: 29px!important;
}

#monthly_july #monthly_brand_pickup h4{
	color: #cb694e;
	width: 620px;
	font-size: 38px;
	font-weight: bold;
	margin: 0 auto;
	padding: 0 0 25px 0;
}
#monthly_july #monthly_brand_pickup h4 span{
	color: #cb694e;
	font-size: 22px;
}
#monthly_july .icon-list{
	width: 680px;
	margin: 0 auto;
	padding: 15px 0;
}
#monthly_july .icon-list ul{
	display: flex;
	align-items: center;
}
#monthly_july .icon-list ul .icon{
	padding: 0 5px 0 0;
}
#monthly_july .icon-list ul .txt{
	color: #595757;
	font-size: 21px;
}
#monthly_july .monthly_present{
	width: 620px;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 20px;
}
#monthly_july .monthly_present_icon ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 15px 0;
}
#monthly_july .monthly_present_icon ul li{
	color: #cb694e;
	font-size: 27px;
}
#monthly_july .monthly_present_icon p{
	color: #cb694e;
	font-size: 21px;
	line-height: 1.3;
}
#monthly_july #monthly_event{
	background-image: url("/base/osaka/ttone_beautynews/img/bg02.gif");
}
#monthly_july #monthly_event h3{
	color: #ffffff;
	font-size: 38px;
	font-weight: bold;	
	background-color: #cb694e;
	padding: 15px 60px;
}
#monthly_july .monthly_event_l{
	width: 513px;
	margin: 0 auto;
	padding: 110px 0;
}
#monthly_july .monthly_event_l dl{
	width: 513px;
	margin: 0 auto;
	padding: 0 0 100px 0;
}
#monthly_july .monthly_event_l dl:last-of-type{
	padding: 0;
}
#monthly_july .monthly_event_l dt{
	text-align: center;
	padding: 0 0 20px 0;
}
#monthly_july .monthly_event_l .brand{
	color: #cb694e;
	font-size: 27px;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 0 20px 0;
}
#monthly_july .monthly_event_l .brand span{
	color: #cb694e;
	font-size: 21px;
	font-weight: normal;

}
#monthly_july .monthly_event_l .heading{
	color: #cb694e;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 0 30px 0;
}
/* 左右に斜め線(両端を丸く) */
#monthly_july .monthly_event_l .heading {
  align-items: center; /* 線を上下中央 */
  display: flex; /* 文字と線を横並び */
  justify-content: center; /* 文字を中央寄せ */
}
#monthly_july .monthly_event_l .heading::before,
#monthly_july .monthly_event_l .heading::after {
  background-color: #cb694e; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  content: "";
  height: 1px; /* 線の高さ */
  width: 30px; /* 線の長さ */
}
#monthly_july .monthly_event_l .heading::before {
  margin-right: 0px; /* 文字との余白 */
  transform: rotate(50deg); /* 傾ける */
}
#monthly_july .monthly_event_l .heading::after {
  margin-left: 0px; /* 文字との余白 */
  transform: rotate(-50deg); /* 傾ける */
}
#monthly_july .monthly_event_l .lead{
	color: #cb694e;
	font-size: 21px;
	line-height: 1.3;
	padding: 0 0 30px 0;
}
#monthly_july .monthly_event_l .info{
	border-top: 1px solid #cb694e;
	border-bottom: 1px solid #cb694e;
	padding: 5px 0;
}
#monthly_july .monthly_event_l .info ul{
	display: flex;
}
#monthly_july .monthly_event_l .info ul li{
	color: #cb694e;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 100px 2px 0;
}
#monthly_july .monthly_event_l .present{
	padding: 0 0 30px 0;
}
#monthly_july .monthly_event_l .present ul{
	display: flex;
	justify-content: space-between;
}
#monthly_july .monthly_event_l .present .present_txt01{
	color: #cb694e;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
#monthly_july .monthly_event_l .present .present_txt01 span{
	font-size: 21px;
	font-weight: normal;
}
#monthly_july .monthly_event_l .present .present_txt02{
	color: #cb694e;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
#monthly_july .monthly_event_l .present .present_txt02 span{
	font-size: 21px;
	font-weight: normal;
}
#monthly_july .monthly_event_l .present ul .img{
}
#monthly_july #monthly_prof{
	padding: 0 0 70px 0;
	background-image: url("/base/osaka/ttone_beautynews/img/bg02.gif");
}
#monthly_july #monthly_prof h3{
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	background-color: #cb694e;
	padding: 15px 0;
}
#monthly_july #monthly_prof h3 span{
	font-size: 40px;
}
#monthly_july .monthly_prof_box01{
	width: 650px;
	margin: 0 auto;
	padding: 50px 0 40px 0;
	display: flex;
	justify-content: space-between;
}
#monthly_july .monthly_prof_box01 .left{
	width: 220px;
}
#monthly_july .monthly_prof_box01 .left .img01{
	padding: 0 0 0 10px;
}
#monthly_july .monthly_prof_box01 .lines {
	color: #cb694e;
    font-size: 17px;
	line-height: 1.3;
	text-align: center;
    padding: 5px 10px 30px 10px;
    position: relative;
    transform: rotate(-15deg);
}

#monthly_july .monthly_prof_box01 .left .lines::before,
#monthly_july .monthly_prof_box01 .left .lines::after {
    position: absolute;
    top: 45px;
    height: 60px;
    content: '';
}

#monthly_july .monthly_prof_box01 .left .lines::before {
    border-left: solid 1px;
    left: 0;
    transform: rotate(-25deg);
}

#monthly_july .monthly_prof_box01 .left .lines::after {
    border-right: solid 1px;
    right: 10px;
    transform: rotate(25deg);
}
#monthly_july .monthly_prof_box01 .right{
	width: 380px;
}
#monthly_july .monthly_prof_box01 .right .name{
	color: #cb694e;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 15px 0;
}
#monthly_july .monthly_prof_box01 .right .name span{
	font-size: 20px;
}
#monthly_july .monthly_prof_box01 .right .lead{
	color: #cb694e;
	font-size: 18px;
}
#monthly_july .monthly_prof_box02{
	width: 610px;
	background-color: #ffffff;
	margin: 0 auto 30px auto;
	padding: 60px 70px;
}
#monthly_july .monthly_prof_box02:last-of-type{
	width: 610px;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 60px 70px;
}
#monthly_july .monthly_prof_box02 dt{
	color: #cb694e;
	font-size: 26px;
	font-weight: bold;
	padding: 0 0 35px 0;
}
#monthly_july .monthly_prof_box02 .lead{
	color: #cb694e;
	font-size: 20px;
	line-height: 1.4;
	padding: 0 0 35px 0;
}
#monthly_july .monthly_prof_box02 .info{
	border-top: 1px solid #cb694e;
	border-bottom: 1px solid #cb694e;
	padding: 20px 0 30px 0;
}
#monthly_july .monthly_prof_box02 .notice{
	background-color: #e40075;
	padding: 2px 8px;
	color: #ffffff;
}
#monthly_july .monthly_prof_box02 .info ul{
	display: flex;
}
#monthly_july .monthly_prof_box02 .info ul:last-of-type{
	margin: 0 0 20px 0;
}
#monthly_july .monthly_prof_box02 .info ul li{
	width: 130px;
	color: #cb694e;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
}
#monthly_july .monthly_prof_box02 .info ul li:first-of-type{
	width: 120px;
}
#monthly_july .monthly_prof_box02 .info ul li:last-of-type{
	width: 200px;
}
#monthly_july .monthly_prof_box02 .info .list_long li{
	width: 350px!important;
	color: #cb694e;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
}
#monthly_july .monthly_prof_box02 .info .list_long li:first-of-type{
	width: 120px!important;
}
/* ボタンのスタイル */
#monthly_july .monthly_prof_box02 .info .btn a {
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	width: 100%;
	padding: 15px 0;
	background-color: #595757;
	text-decoration: none;
	text-align: center;
	position: relative;
	display: block;
}
#monthly_july .monthly_prof_box02 .info .btn a span {
	font-size: 19px;
}
/* アイコンのスタイル */
#monthly_july .monthly_prof_box02 .info .btn-arrow-right a::after {
	width: 18px;
	height: 18px;
	margin: auto;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
}
.color-img{
	color: #cb694e;
}

sup {
	font-size: 70%; 
	vertical-align: super!important;
}